@import url("/skin/styles.general.css");
@import url("/skin/skin_default/home.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/recherche.css");
@import url("/skin/skin_default/nousjoindre.css");
@import url("/skin/skin_default/organigramme.css");

@import url("/modules/actualites/module.css");
@import url("/modules/evenements/module.css");
@import url("/modules/repertoire/module.css");
@import url("/modules/galerie/module.css");
@import url("/modules/documents/module.css");

img, div{ behavior: url(/iepngfix.htc)}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #514f42;
}

/*### Styles généraux à tous les skins ###*/
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}	.clearRight{clear: right;}
	.clearBoth{clear: both;}

div.rss a{

}
div#public_message {
	width: 940px;
	margin: 0 auto;
}

div#public_message #message{
	background: none;
	margin: 0 0 10px 0;
	width: auto;
	background: url(/images/bg-msg.gif) top left no-repeat;
	font: normal 12px/30px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 20px;
	height:30px;
}

/*div#publicerror, div#publicerrorErr,*/
#menu ul li.mInactif a,
#module_plan ul li.mInactif a{
	color: #FF0000;
}
/*### Styles généraux à tous les skins ###*/

.gmapholder {
	width: 598px;
	height: 448px;
	border: 1px solid #dfddd5;
}

#container {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

#header {
	margin: 20px 10px 0 10px;
	width: 940px;
	float: left;
	display: inline;
}

#header_graphic {
	width: 940px;
	margin: 0 0 10px 0;
}

#topbar {
	background: #dfddd5 url(/images/bg-topbar-corners.gif) 935px -50px no-repeat;
	height: 30px;
	width: 940px;
	overflow: hidden;
	font-size: 11px;
	font-weight:bold;
	margin: 0 0 20px 0;
}

ul#minimenu {
	float: left;
	display: inline;
	width: 632px;
	height: 30px;
	background: url(/images/bg-topbar-corners.gif) 0px 0px no-repeat;
}

	ul#minimenu li {
		float: left;
		height: 24px;
		padding: 3px 0;
	}
	
		ul#minimenu li a {
			display: block;
			float: left;
			color: #3d9cbf;
			text-decoration: none;
			line-height: 24px;
			padding: 0 10px 0 24px;
			border-left: 1px solid #fff;
			background-image: url(/images/icons-topbar.gif);
			background-repeat: no-repeat;
		}	ul#minimenu li.accueil a {border: none; padding: 0 10px 0 21px;}
			ul#minimenu li.accueil a {background-position: 8px 9px;}
			ul#minimenu li.joindre a {background-position: 11px -31px;}
			ul#minimenu li.cartotheque a {background-position: 11px -71px;}
			ul#minimenu li.sitemap a {background-position: 13px -111px;}
			ul#minimenu li.documents a {background-position: 13px -152px;}
			ul#minimenu li.galerie a {background-position: 11px -193px;}
			
			ul#minimenu li a:hover {text-decoration: underline;}

#quicksearch {
	float: left;
	width: 284px;
	height: 24px;
	padding: 3px 0 3px 24px;
	font-weight:normal;
	background: url(/images/bg-topbar-split.gif) 0px 3px no-repeat;
}

#quicksearch label {
	width: 63px;
	height: 24px;
	display: block;
	float: left;
	line-height: 24px;
}

#quicksearch input.boite {
	background: #fff url(/images/bg-quicksearch-input.gif) center left no-repeat;
	width: 165px;
	height: 16px;
	padding: 2px 8px 0 8px;
	margin: 3px 0;
	border: none;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color: #79776a;
	display: block;
	float: left;
}

#quicksearch a.btn input {
	width: 30px;
	height: 18px;
	background: #fff url(/images/btn-quicksearch.gif) center no-repeat;
	color: #5cc2c6;
	font: normal 10px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	border: none;
	display: inline;
	margin: 3px 0 3px 5px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}

#breadcrumb {
	width: 940px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
	font-size: 11px;
	background: #dfddd5 url(/images/bg-topbar-corners.gif) 0px 0px no-repeat;
}

	#breadcrumb ul {
		float: right;
	}
	
		#breadcrumb ul li {
			float: left;
		}	
			
			#breadcrumb ul li.end {
				background: #3d9cbf url(/images/bg-breadcrumb-split.gif) center left no-repeat;
				color: #c5e4ef;
			}
			
			#breadcrumb ul li.end span {
				display: block;
				line-height: 30px;
				padding: 0 13px;
				background: url(/skin/skin_default/images/bg-breadcrumb-corners.gif) top right no-repeat;
			}
		
		#breadcrumb ul li a {
			float: left;
			display: block;
			line-height: 30px;
			padding: 0 13px;
			color: #645e47;
			background: url(/images/bg-breadcrumb-split.gif) center left no-repeat;
		}	#breadcrumb ul li.accueil a {font-weight: bold; background: none;}

ul#spt {
	overflow: hidden;
	border-bottom: 1px solid #dfddd5;
	padding: 0 0 1px 5px;
	margin: 0;
	width: 695px;
}	#fullpage ul#spt {width: 935px;}

	ul#spt li {
		float: left;
		display: inline;
		font-size: 10px;
		padding: 0;
		margin: 0;
		background: none;
	}	ul#spt li.print {float: right;}
	
	ul#spt li a {
		float: left;
		display: block;
		line-height: 26px;
		text-decoration: none;
		color: #969385;
	}
	
	ul#spt li.moins a,
	ul#spt li.plus a {
		width: 26px;
		background: url(/images/icons-font-size.gif) 3px 3px no-repeat;
	}	ul#spt li.plus a {background-position: 3px -37px;}
	
	ul#spt li.print a {
		padding: 0 0 0 20px;
		background: url(/images/icon-print.gif) 5px 8px no-repeat;
	}
	
		ul#spt li.print a:hover {
			text-decoration: underline;
		}

#logo{}

#page{
	width: 960px;
	clear: left;
}

#module {
	width: 940px;
	margin: 0 10px;
	overflow: hidden;
}

	#module #sidebar {
		width: 220px;
		float: left;
		display: inline;
		margin: 0 10px 0 0;
	}

	#module #content {
		width: 700px;
		float: left;
		display: inline;
		margin: 0 0 0 10px;
	}
	
	/*#module #content ul#spt {margin: 0 0 35px 0;}*/

#cols {
	width: 940px;
	margin: 0 10px;
	overflow: hidden;
	background: url(/images/bg-line-split.gif) 230px 0px repeat-y;
}

	#cols #sidebar {
		width: 220px;
		float: left;
		display: inline;
		margin: 0 10px 0 0;
	}
	
	#cols #content {
		width: 700px;
		float: left;
		display: inline;
		margin: 0 0 0 10px;
	}
	
		#cols #content #printp {
			padding: 35px 40px 50px 60px;
		}


#fullpage {
	width: 940px;
	margin: 0 10px;
	overflow: hidden;
	background: url(/images/bg-line-fullpage.gif) 230px 0px repeat-y;
}
	#fullpage #content{
		margin: 0 0 0 10px;
		display: inline;
	}
		#fullpage #content #printp{
			/*padding: 35px 30px 50px 30px;*/
			padding: 35px 0 50px 0;
			width: 940px;
			/*position: relative;*/
			/*overflow: hidden;*/
		}

a {text-decoration: none;}

a:link, a:active, a:visited{
	color: #3d9cbf;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}
form{
	margin:0px;
	padding:0px;
}
img{border: none;}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {margin: 0; padding: 0;}
fieldset {
	border: 1px solid #dfddd5;
	/*padding: 15px;*/
	padding:0;
	margin: 0 0 40px 0;
}

	fieldset legend {
		font: bold 14px/18px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 0 10px;
	}
	
	fieldset div {
		padding: 7px 0;
	}
		fieldset div label {
			line-height: 26px;
			width: 115px;
			padding: 0 5px 0 0;
			float: left;
			text-align: right;
			font-weight: normal;
		}	
		fieldset div.abonne label{
			width:250px;
		}
		
		fieldset div label.block {
			float: none;
			text-align: left;
			width: auto;
			display: block;
		}
		
		fieldset div input,
		fieldset div textarea {
			border: 1px solid #c3bda4;
			padding: 4px 5px;
		}	fieldset div input.nb {border: none; padding: 0;}
		fieldset div.age input {
			width:20px;
		}	
		fieldset div input#abonne{
			border:none;
		}
		
		.boutons {overflow: hidden;}
		#cols #printp .boutons {width: 600px;}
		#cols #printp #biblioInscription .boutons {width: 590px;}
		#fullpage #printp .boutons {width: 940px;}
		
		.boutons a.btn {
			background: url(/images/boutons/default-left.gif) top left no-repeat;
			height: 28px;
			float: right;
			display: inline;
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
			cursor: pointer;
		}	.boutons a.btn:hover {background: url(/images/boutons/default-left.gif) 0px -100px no-repeat;}
		
			.boutons a.btn input {
				background: url(/images/boutons/default-right.gif) top right no-repeat;
				padding: 6px 20px 6px 10px;
				text-align: center;
				border: none;
				margin: 0;
				overflow: visible;
				font: normal 11px/14px Arial, Helvetica, sans-serif;
				color: #fff;
				cursor: pointer;
			}	.boutons a.btn:hover input {background: url(/images/boutons/default-right.gif) right -100px no-repeat;}
				.boutons a.btn:active input, .boutons a.btn:focus input {padding: 7px 20px 5px 10px;}
				
			.boutons a.off {background: url(/images/boutons/off-left.gif) top left no-repeat!important;}
			.boutons a.off input {background: url(/images/boutons/off-right.gif) top right no-repeat!important;}

#printp ul.banners,
#printp ul.banners li,
#printp ul.banners li img {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: block;
}

#footer{
	width: 940px;
	margin: 40px 10px 0 10px;
	overflow: hidden;
	font-size: 11px;
	background: url(/images/bg-footer-cols.gif) top left repeat-y;
	position:relative;
	z-index:500;
}

	#footer #menu_sections {
		width: 720px;
		float: left;
	}
	
		#footer a {
			color: #fff;
			text-decoration: none;
		}
	
		#footer #menu_sections div.section {
			width: 179px;
			border-right: 1px solid #fff;
			float: left;
			padding: 30px 0 15px 0;
		}
		
		#footer #menu_sections div.servicesaucitoyen {background: #41c4bf url(/images/bg-footer-cols-top.gif) 0px 0px no-repeat;}
		#footer #menu_sections div.servicesaucitoyen ul li.head a,
		#footer #menu_sections div.servicesaucitoyen a:hover {color: #217f7e;}
		
		#footer #menu_sections div.administrationmunicipale {background: #41c482 url(/images/bg-footer-cols-top.gif) -180px 0px no-repeat;}
		#footer #menu_sections div.administrationmunicipale ul li.head a,
		#footer #menu_sections div.administrationmunicipale a:hover {color: #1a6536;}
		
		#footer #menu_sections div.decouvrirbecancour {background: #91c441 url(/images/bg-footer-cols-top.gif) -360px 0px no-repeat;}
		#footer #menu_sections div.decouvrirbecancour ul li.head a,
		#footer #menu_sections div.decouvrirbecancour a:hover {color: #3d651a;}
		
		#footer #menu_sections div.activitesetloisirs {background: #b7bb3a url(/images/bg-footer-cols-top.gif) -540px 0px no-repeat;}
		#footer #menu_sections div.activitesetloisirs ul li.head a,
		#footer #menu_sections div.activitesetloisirs a:hover {color: #68701d;}
		
		#footer #menu_sections div.section ul {
			padding: 0 10px;
		}
		
		#footer #menu_sections div.section ul li {
			padding: 3px 0;
			line-height: 12px;
		}
		
		#footer #menu_sections div.section ul li.head {font-weight: bold; padding: 0 0 3px 0;}
	
	#footer #menu_quick {
		width: 220px;
		float: left;
		background: #5f5c50 url(/images/bg-footer-quickmenu.gif) -20px 33px no-repeat;
	}
	
		#footer #menu_quick a.rss {
			display: block;
			line-height: 33px;
			font-size: 10px;
			color: #eb3923;
			background: #fff url(/images/icon-rss.gif) 8px 5px no-repeat;
			padding: 0 0 0 35px;
		}	#footer #menu_quick a.rss:hover {text-decoration: underline;}
		
		#footer #menu_quick ul {
			padding: 12px 10px;
		}
		
		#footer #menu_quick ul li {
			padding: 3px 0 3px 16px;
			line-height: 12px;
			background: url(/images/icons-footer-quickmenu.gif) 1px 0px no-repeat;
		}
		
			#footer #menu_quick ul li.evenements {background-position: 1px 4px;}
			#footer #menu_quick ul li.communiques {background-position: 1px -26px;}
			#footer #menu_quick ul li.docum {background-position: 1px -56px;}
			#footer #menu_quick ul li.galerie {background-position: 1px -86px;}
			#footer #menu_quick ul li.joindre {background-position: 1px -116px;}
			#footer #menu_quick ul li.requete {background-position: 1px -146px;}
			#footer #menu_quick ul li a:hover {color: #b1e65d;}
			
#organismes {
	width: 940px;
	margin:0 10px;
	overflow: hidden;
	background: #dfddd5 url(/images/bg-organismes.gif) top left no-repeat;
	border-top: 1px solid #fff;
	position: relative;
}

	#organismes ul {
		margin: 0 0 0 30px;
		width: 930px;
		overflow: hidden;
		min-height: 103px;
		height: 103px;
		height: auto!important;
		background: url(/images/bg-organismes-h.gif) top left;
	}
	
		#organismes ul li {
			float: left;
			border-right: 1px solid #d8d6cc;
			margin: 0 0 1px 0;
			display: inline;
			background: url(/images/logos-organismes.gif) 0px 0px no-repeat;
		}
		
			#organismes ul li.cje {background-position: 0px 0px;}
			#organismes ul li.sadc {background-position: 0px -80px;}
			#organismes ul li.mrc {background-position: 0px -1040px;}
			#organismes ul li.tourisme {background-position: 0px -240px;}
			#organismes ul li.diffusion {background-position: 0px -320px;}
			#organismes ul li.moulin {background-position: 0px -400px;}
			#organismes ul li.bio {background-position: 0px -480px;}
			#organismes ul li.riviere {background-position: 0px -560px;}
			#organismes ul li.ckbn {background-position: 0px -640px;}
			#organismes ul li.cible {background-position: 0px -720px;}
			#organismes ul li.chambre {background-position: 0px -800px;}
			#organismes ul li.spipb {background-position: 0px -880px;}
			#organismes ul li.parc {background-position: 0px -960px;}
			#organismes ul li.ccq {background-position: 0px -1122px;}
			
			#organismes ul li.ccq a{
				
				padding-top:7px;
			}
		
			#organismes ul li a {
				display: block;
				float: left;
				height: 38px;
				line-height: 12px;
				color: #5f5c50;
				text-decoration: none;
				font-size: 11px;
				padding: 13px 10px 0 50px;
			}	#organismes ul li a:hover {text-decoration:underline}

#copyright {
	background: #fff;
	position: relative;
	width: 940px;
	margin: -1px 10px 0 ;
	line-height: 28px;
	font-size: 11px;
	color: #a4a391;
}

	#copyright a.logo-om {
		float: right;
	}
	
	
	
/**SUPPORT MEDIA**/

#supportMedia{
	float:right;
	width:170px;

}
#supportMedia ul,
#supportMedia ul li{
	list-style:none;
	background:none;
	padding: 0;
	margin: 0;
}
#supportMedia b{
	color:#948f7a;
	font-size:11px;
	text-transform:uppercase;
	display:block;
	padding-left:10px;
}

#supportMedia div{
	border-left:1px solid #dfddd5;
	margin-left:20px;
	margin-bottom:40px;
	
}

#supportMedia div.cat2 a{
	text-decoration:none;
	font-size:11px;
	display:block;
	padding:0 10px;
	overflow:hidden;
	line-height:12px;
	position:relative;
}
#supportMedia div.cat2 a:hover{
	text-decoration:underline;
	cursor:pointer;
}
#supportMedia div.cat2 a img{
	margin:0 0 0 10px;
	padding:0;
	position:absolute;
	clip:rect(7px 23px 23px 7px);
	top:0px;
	left:-7px;
	
}
#supportMedia div.cat2 a span{
	float:right;
	width:107px;	
	border-bottom:1px solid #dfddd5;
	padding:8px 0 9px;
	display:block;
}

#supportMedia div.cat3 a{
	text-decoration:none;
}
#supportMedia div.cat3 a:hover span{
	text-decoration:underline;
}

#supportMedia div.cat3 a img{
	margin:0 0 0 5px;
	padding:0;
}
#supportMedia div.cat3 a span{
	font-size:11px;
	padding:0px;
	margin:0px 10px 0px 20px;
	display:block;
	line-height:12px;
	font-weight:normal;
}
#supportMedia div.cat3 a i{
	font-style:normal;
	color:#948f7a;
	font-size:10px;
	display:block;
	margin:0px 10px 8px 20px;
}


#accueilsection {
	width: 940px;
	float: left;
	position: relative;
	margin: -35px 0 0 0;
}

#accueilsection h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 50px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 700px;
	height: 250px;
	text-indent: -9999px;
	position: relative;
	border-bottom: 1px solid #dfddd5;
}	#accueilsection h1.servicesaucitoyen {background-image: url(/images/headers/header-section-1-3.jpg);}
	#accueilsection h1.administrationmunicipale {background-image: url(/images/headers/header-section-1-4.jpg);}
	#accueilsection h1.decouvrirbecancour {background-image: url(/images/headers/header-section-1-5.jpg);}
	#accueilsection h1.activitesetloisirs {background-image: url(/images/headers/header-section-1-6.jpg);}

#accueilholder {
	width: 940px;
	position: relative;
	overflow: hidden;
}

	#accueilholder #sidebar {
		float: left;
		display: inline;
		width: 220px;
		margin: 0 0 0 10px;
	}
	
		#accueilholder #sidebar ul.banners {
		}
		
			#accueilholder #sidebar ul.banners li {
				float: left;
				padding: 0 0 20px 0;
			}

	#accueilmenu {
		width: 700px;
		float: left;
		display: inline;
		margin: 0 10px 0 0;
	}
	
	#accueilmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		width: 220px;
		display: inline;
	}	#accueilmenu ul#col1 {margin: 0 10px 0 0;}
		#accueilmenu ul#col2 {margin: 0 10px;}
		#accueilmenu ul#col3 {margin: 0 0 0 10px;}
	
		#accueilmenu ul li {
			margin: 0;
			padding: 0;
			background: none;
			float: left;
			clear: left;
			width: 220px;
			border-bottom: 1px solid #dfddd5;
		}
		
			#accueilmenu ul li img {display: block;margin:10px 11px 0px;}
		
			#accueilmenu ul li a {
				display: block;
				float: left;
				width: 195px;
				line-height: 14px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 12px;
				padding: 14px 10px 14px 15px;
				background: url(/images/icons-menu-left.gif) 6px 19px no-repeat;
			}	#accueilmenu ul li a:hover {text-decoration: underline;background-color:#eae9df;}
				#accueilmenu ul li a.img {
					float: none;
					width: auto;
					padding: 0;
					background: none;
				}
		
			#accueilmenu ul li ul {
				float: none;
				width: 220px;
				overflow: hidden;
				display: block;
				clear: left;
				padding:0 0 15px 0;
			}
			
				#accueilmenu ul li ul li {
					border: none;
				}
				
				#accueilmenu ul li ul li a {
					text-transform: none;
					font-weight: normal;
					padding: 5px 10px 5px 15px;
					color: #79776a;
					background: none;
				}
				
#message {
	background:url(/images/msgBox-bottom.gif) bottom left no-repeat;
	margin:20px 0px 0px 52px;
	position:relative;
	width:608px;
}
#message .astuce{
	background:url(/images/msgBox-top-astuce.gif) top left no-repeat;
}
#message h3{
	color:#f6db25;
	font-size:18px;
	text-transform:uppercase;
	margin:0px;
	padding:18px 30px 5px 65px;
}
#message p{
	font-size:11px;
	color:#fff;
	line-height:16px;
	padding:0px 30px 15px 65px;
	margin:0px;
}
#message a{
	color:white;
	background:url(/images/msgBox-close.gif) center center no-repeat;
	display:block;
	position:absolute;
	width:15px;
	height:15px;
	top:4px;
	left:590px;
	text-decoration:none;
	overflow:hidden;
}

.lienExterne{
	padding-right:10px;
	background:url(/images/lien-externe-general.gif)right 2px no-repeat;
}

#form_emploi {
	border-bottom: 1px solid #dfddd5;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
}


/*******************************************************************************************************************************/
/***************************************** CSS pour le formulaire d'inscription d'animation ************************************/
/*******************************************************************************************************************************/

#inscription input {
	margin-right: 4px;
}

#inscription fieldset{
	padding-left:20px;
}

#inscription .ligne_pdf{
	margin:30px 0;
}

#inscription form{
	margin-top:20px;
}

#inscription div label{
	width:180px;
	margin-right:20px;
}

#inscription fieldset.choix_activite div{
	float:left;
	margin-left: 15px;
}

#inscription fieldset.choix_activite label {
	width:auto;
	text-align:left;
	margin-left:10px;
}

#inscription fieldset.choix_activite input{
	float:left;
	margin-top:3px;
}

#inscription fieldset.rens_generaux p {
	margin-top:30px;
	color:red;
	font-style:italic;
}

#inscription div select.ddl_dateNaissance#jour {
	width:60px;
}
#inscription div select.ddl_dateNaissance#mois {
	width:100px;
	margin:0 0 0 13px;
}
#inscription div select.ddl_dateNaissance#annee {
	width:80px;
	margin:0 0 0 13px;
}

#inscription fieldset.autre_membre_famille input,
#inscription fieldset.en_cas_urgence input{
	margin-top:5px;
}
#inscription fieldset.en_cas_urgence p{
	width:380px;
}

#inscription fieldset.autorisation div div{
	width:150px;
	margin-left:440px;
	margin-top:-50px;
}

	div .no_border{
		float:left;
	}

div .oui_non{
	width:120px;
	float:right;
	margin-top:-50px;
}

div .reponse{
	width:120px;
	margin-left:450px;
	margin-top:-50px;
}

#inscription div input,
#inscription div textarea,
#inscription div select{
	width:260px;
}

#inscription div input.petit{
	width:30px;
}

#inscription div input.moyen{
	width:90px;
}

#inscription .radio_bouton{
	width:20px;
	border:none;
}

#inscription fieldset .p_autorisartion{
	width: 420px;
}

#inscription .autorisation{
	float:none;
}
#inscription fieldset.autorisation div label{
	width:420px;
	line-height:15px;
}

#inscription fieldset.impot div label{
	width:300px;
	line-height:15px;
	margin-bottom:25px;
}
#inscription fieldset.impot div input[type='text'],
#inscription fieldset.impot div textarea
 {
	width:150px;
}

#inscription fieldset.impot div textarea
 {
	height:100px;
}

#inscription div.pub div label{
	width:180px;
	margin-right:20px;
}

#inscription label.lefty{
	text-align:left;
	height:auto;
}

#inscription fieldset.nofloat div label{
	float:none;
	clear:right;
}

#inscription fieldset.nofloat div,
#inscription fieldset.transport div {
	border-bottom:1px solid #DFDDD5;
	margin-bottom:15px;
	width:560px;
}

#inscription fieldset.nofloat textarea{
	margin-right:200px;
	margin-top:10px;
}

#inscription input[type='checkbox']{
	width:20px;
	border:none;
}

#inscription fieldset.renseignement_stats label {
	width:500px;
}

#inscription fieldset.transport textarea{
	width:530px;
}

#inscription fieldset.recu_impot input,
#inscription fieldset.recu_impot textarea{
	width:300px;
	display:block;
}

#inscription fieldset.recu_impot input,
#inscription fieldset.recu_impot textarea,
#inscription fieldset.recu_impot label{
	margin-left:100px;
}


/*#inscription .boutons a.btn {
background:url("/images/boutons/campDeJour-left.gif") no-repeat scroll left top transparent;
} #inscription .boutons a.btn:hover {background: url(/images/boutons/campDeJour-left.gif) 0px -100px no-repeat;}

#inscription .boutons a.btn input {
background:url("/images/boutons/campDeJour-right.gif") no-repeat scroll right top transparent;
} #inscription .boutons a.btn:hover input {background: url(/images/boutons/campDeJour-right.gif) right -100px no-repeat;}*/

#inscription .boutons a.btn input#actSubmit{
	width:auto;
}
#inscription .boutons a.btn input#actCancel{
	width:auto;
}

#inscription #sondage input{
	margin-left: 5px;
}

#inscription #sondage input,
#inscription #sondage label{
	margin-bottom: 10px;
	float:left;
}

#inscription #sondage label{
	line-height:25px;
}


/************CSS pour la section des modalités de paiement**************/

#inscription input.choix_paiement,
#voyage_ski input.choix_paiement{
	margin:10px 0 0 40px;
	}
	
#inscription fieldset.fieldset_choix_paiement label span,
#voyage_ski fieldset.fieldset_choix_paiement label span{
	font-weight:bold;
}

#inscription fieldset.fieldset_choix_paiement textarea,
#inscription fieldset.fieldset_choix_paiement .commentaire_paiement,
#voyage_ski fieldset.fieldset_choix_paiement .commentaire_paiement,
#voyage_ski fieldset.fieldset_choix_paiement textarea{
	display:block;
	margin-left:100px;
	width:300px;
}

#inscription fieldset.fieldset_choix_paiement label p,
#voyage_ski fieldset.fieldset_choix_paiement label p,
#voyage_ski fieldset.fieldset_choix_paiement p{
		margin-left:100px;
}

#voyage_ski fieldset.fieldset_choix_paiement textarea{
	margin-bottom:30px;
}

/*******************************************************************************************************************************/
/***************************************** CSS pour le formulaire d'inscription voyage de ski ************************************/
/*******************************************************************************************************************************/
#voyage_ski form div{
	border:0px;
	margin-left:40px;
}

#voyage_ski fieldset.fieldset_choix_paiement input{
	margin-left:40px;
}

#voyage_ski form fieldset.voy_ski_formulaire div input{
	width:200px;
	margin-left: 20px;
}


#voyage_ski form div.voy_ski_nom{
	margin-top: 10px;
	}
	
#voyage_ski form #declaration{
	margin-left: 180px;
	}
	
#voyage_ski form span{
	margin-left:10px;
	}
	
#voyage_ski form #declaration,
#voyage_ski formspan{
	margin-top:15px;
}

.envoi_confirme{
	background-color:#babd3a;
	font-size:14px;
	text-align:center;
	height:40px;
}

#voyage_ski .ligne_pdf{
	margin:30px 0;
}



#voyage_ski .btn_voy a.btn input#actCancel{
	
}

#voyage_ski .boutons{
	margin:0px;
}

#voyage_ski .boutons a input{
	margin:0px;
}
/*------------------------------------------------------
	Videos
------------------------------------------------------*/

#video{clear:both;}

#printp #video b{
	color: #7EAC36;
    font: 14px/18px Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-top:1px solid #cacac0;
	display:block;
	padding:15px 10px 15px 20px;
	cursor:pointer;
	background:url(/images/bg-video.gif) 4px 17px no-repeat;
	}

#printp #video ul{
	font-size:12px;
	overflow:hidden;
	padding:0 0 35px 0;
	margin:0px 0;
}

	#printp #video ul li{
		display:block;
		margin:0;
		padding:15px 20px;
		overflow:hidden;
		border-top:1px solid #eeece6;
		background: url("/images/fond-accueil-texte.png") center top no-repeat;
	}
		#printp #video ul li a{}
		#printp #video ul li a img{
			display:block;
			background-position:center center;
			float:left;
			}
		#printp #video ul li a strong{
			display:block;
			text-transform:uppercase;
			line-height:14px;
			font-size:12px;
			color: #7EAC36;
			margin:0 0 5px 0;
			}
		#printp #video ul li a span{
			float:right;
			display:block;
			width:425px;
			padding:0 0 0 0px;
			color:#514F42;
			margin:0;
			line-height:18px;
			font-size:12px;
			text-decoration:none;
}
/*------------------------------------------------------
	Sections avec onglets
------------------------------------------------------*/

#printp ul.tabber {
	line-height: 30px;
	width: 580px;
	overflow: hidden;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0 10px;
	background:url(/images/fond-bibliotheque-activites.jpg) no-repeat;
	height:115px;
}

	#printp ul.tabber li {
		float: left;
		display: inline;
		margin: 87px 5px 0 5px;
		padding: 0;
		width: 159px;
		height:28px;
		text-align: center;
		background: url(/images/fond-bibliotheque-onglets.png) -160px 0px no-repeat;
		cursor: pointer;
		color: #fcfeb3;
		font-size:12px;
	}	#printp ul.tabber li.active {
		background: url(/images/fond-bibliotheque-onglets.png) 0px 0px no-repeat;
			color: #5f5c50;
			font-style: italic;
			cursor: default;
		}
		
		#printp ul.tabber li a {
			color: #e3e2e2;
			text-decoration: none;
		}	#printp ul.tabber li.active a {color: #333;}
			#printp ul.tabber li a:hover {text-decoration: none;}
		
	div.tab {
		
	}
	.hidden {display: none;}