@charset "UTF-8";
/* STYLES RECURENTS */
	*									{ margin:0; padding:0; }
	html								{ overflow:scroll; }
	body								{ text-align:center;}
	#conteneur 							{  background-image:url('../img/degrade-droite-blanc.gif'); background-repeat:repeat-y; background-position:820px; font:normal 11px Arial, Helvetica, sans-serif; margin:auto; position:relative; top:0; text-align:left; width:1010px; }
	a									{ color:#000; text-decoration:underline; }
	a:hover								{ color:#666; }
	b, .gras, h1, h2, h3				{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; }
	h1, h2, h3							{ margin:0; padding:0; }
	h1									{ border:1px solid #000; border-width:0 0 1px 0; clear:both; font-size:13px; line-height:18px; }
	h2									{ color:#BB0708; display:inline; }
	img									{ border:0; }
	hr									{ border-bottom:1px solid #656101; margin:0; width:220px; }
	h2 a								{ color:inherit; }
	
	/* FORMULAIRES */
	fieldset							{ border:none; margin-top:10px; }
	select 								{ border:1px solid #732F58; display:block; margin:0; width:200px; }
	label                 				{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; }
	
	.hautPage							{ float:right; }
	.encadre							{ background-color:#D8DCCD; border:1px solid #BA0808; border-width:1px 0; margin:0 10px 0 10px; padding:10px; height:auto; }
	/*.puce								{ background: url('../img/puce.gif') no-repeat left 5px; height:4px; width:8px; display:inline-block; }*/
	.puce								{ background:url('../img/puce.gif') no-repeat left 6px; line-height:4px;}
	.bloc								{ clear:both; margin-bottom:16px; }
	.bloc p								{ float:left; width:230px; }
	.encart								{ width:300px; float:right; background-color:#D8DCCD; margin-left:12px; border:1px solid  #BB0708; border-width:1px 0; padding:5px; }
	.listeApuces						{ list-style-image:url('../img/puce.gif'); margin:0 0 0 15px; }
	
/* POSITIONNEMENT BLOCS PAGE INDEX.PHP */
	
	#header								{ height:140px; position:relative; width:820px; }
		.logo 							{ background:#FFF url('../img/logo.gif') no-repeat; height:140px; position:absolute; width:413px; }
		#ariane							{ background:#FFF url('../img/ariane.gif') no-repeat; height:20px; padding-top:25px; position:absolute; left:413px; top:90px; width:380px; }
		#navigation 					{ position:absolute; left:413px; top:0; width:400px; z-index:800; }
	
	#corps								{ background:url('../img/diapo.jpg') no-repeat; background-position:0 140px; float:left; height:674px; padding:0; }
	/* hack pour ie */
	html>body #corps					{ height:auto; min-height:674px; }
		.template						{ float:left; margin:0 0 50px 0; padding:0 40px 20px 230px; width:568px; }	
		html>body .template				{ margin-left:230px; padding:0 40px 20px 0; width:568px; }
		#aideNav						{ border-left:1px solid #999; padding-top:35px; position:absolute; top:0; right:0; width:189px; }

	#footer								{ background:#BB0708 url('../img/degrade-droite-rouge.gif') repeat-y; background-position:820px; border-bottom:10px solid #000; color:#FFF; padding:3px 0 6px 200px; position:relative; clear:both; }
	#footer a							{ color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

	#lienAdmin							{ font-family:Arial, Helvetica, sans-serif; color:#666; position:fixed; left:0; top:0; }

	.MenuBarItemSubmenu					{ height:50px; }
	.MenuBarItemSubmenu2				{ background:url('../img/fleche_sousMenu.gif') right no-repeat; height:20px; }
	.MenuBarItemSubmenu span			{ display:none; }
	.rubrique0							{ background:#D8DCCD url('../img/rubrique1.gif') no-repeat; }
	.rubrique1							{ background:#D8DCCD url('../img/rubrique2.gif') no-repeat; }
	.rubrique2							{ background:#D8DCCD url('../img/rubrique3.gif') no-repeat; }
	.rubrique3							{ display:none; }
	ul.MenuBarHorizontal 				{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; }
  	ul.MenuBarHorizontal a 				{ display:block; padding-left:5px; text-decoration: none; }
	ul.MenuBarHorizontal ul 			{ background-color:#D8DCCD; border-top:6px solid #BA0808; margin:2px 0 0 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; position: absolute; left: -1000em; width:150px; }
	ul.MenuBarHorizontal li 			{ line-height:20px; margin:0; padding: 0; list-style-type: none; float: left; border-top:5px solid #BA0808; margin-right:3px; width:125px; }
	ul.MenuBarHorizontal ul li 			{ border:none; width:150px; }
  	ul.MenuBarHorizontal ul a:hover 	{ background-color:#BB0708; color:#FFF; }
	ul.MenuBarHorizontal ul ul			{ margin:0 0 0 153px; }
	html>body ul.MenuBarHorizontal ul ul{ margin:-20px 0 0 153px; }
	*> MenuBarHorizontal ul ul{ margin:0 0 0 153px; }
	ul.MenuBarActive 					{ z-index: 1000; }
	ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left:auto; border:1px solid #9D9D9D; }
	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	ul.MenuBarHorizontal iframe 		{ position: absolute; z-index: 1000; }
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	@media screen, projection 			{ ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; } }
  
	/* aide navigation */ 
	#aideNav li							{ list-style-type:none; }
	.n1, .n2, .n3						{ padding:15px 0 0 0; list-style-type:none; margin:25px 0 0 0; width:188px; }
	.n1									{ background:url('../img/aideNav1.gif') no-repeat; }
	.n2									{ background:url('../img/aideNav2.gif') no-repeat; }
	.n3									{ background:url('../img/aideNav3.gif') no-repeat; }
	.couleur1, .couleur2				{ padding:10px 19px; }
	.couleur1							{ background-color:#FFEC00; background-image:url('../img/degrade-droite-jaune.gif'); background-repeat:repeat-y; }
	.couleur2							{ }
	.haut								{ margin-top:0; padding-top:13px; }
	.bas								{ border-bottom:1px solid #000; padding-bottom:17px; }
	.raccParam           				{ display:inline; width:auto; }
	
/* STYLES RELATIFS AUX MODELES */
	.chapeau 							{ color:#BB0708; font:normal 14px Verdana, Arial, Helvetica, sans-serif; margin:0; padding-bottom:20px; }
	.chapeau a							{ color:#BB0708;}
	.chapeau b							{  font:bold 14px Verdana, Arial, Helvetica, sans-serif; }
	.titre 								{ margin:20px 0 25px 181px; /*background-image:url('../img/fond_titre.jpg');*/ background-repeat:no-repeat; border-bottom:1px dashed #656101; 
									       height:59px; padding:0 10px 0 0px; position:relative; width:377px; font:bold 18px Verdana, Arial, Helvetica, sans-serif; z-index:0; }
	.titre p							{ margin:0 0 20px 0px; position:absolute; bottom:0; z-index:0; }
	.article              				{ clear:both; position:relative; margin-bottom:20px; }
	.prec, .suiv						{ color:#BB0708; text-decoration:none; position:absolute; }	
	.prec								{ }
	.suiv								{ right:15px; }
	#partieGauche						{ border-right:1px dashed #656101; float:left; padding-right:12px; position:relative; width:273px; }
	#partieDroite						{ float:right; position:relative; width:274px; }
	#partieDroite img, #partieDroite2 img{ width:100%; }
	#partieGauche2						{ border-right:1px dashed #656101; float:left; padding-right:12px; position:relative; width:347px; }
	#partieDroite2 						{ position:relative; float:right; width:200px; }
	#partieDroite2 div					{ background-color:#D8DCCD; padding:5px 5px 20px 5px;  }
	#partieDroite2 h1 					{ background-color:#BB0708; border-color:#FFF; color:#FFF; padding-left:10px; position:relative; width:185px; }
	
	
	.tiers								{ border:1px dashed #000; float:left; padding:0 10px; width:172px; }
	.suite								{ background-image:url('../partage/images/plus.gif'); float:right; width:12px; height:12px; margin-top:5px; }	

	.ornementation						{ background:#FFF url('../img/rect_noir.gif') no-repeat; background-position:bottom; float:left; height:33px; margin:0 0 0 -15px; width:5px; }
	#partieDroite .ornementation, #partieDroite2 .ornementation		{ position:absolute; top:-19px; left:12px; }
	#partieGauche .ornementation, #partieGauche2 .ornementation		{ position:absolute; top:-19px; right:-3px; }

	
/* HOME */
#home h1								{ margin-bottom:10px; }
#home .chapeau							{ }
#agenda_home							{ font-size:11px; float:right; text-align:justify; width:387px; margin-bottom:20px; color:#BB0708; }
#agenda_home h2							{ display:block; margin-bottom:10px; font-size:13px; }
#agenda_home li							{ list-style:none; }

.bulle									{ clear:both; margin:0 0 20px 0; padding:3px 0 0 5px; width:568px; }
.bulle p			               		{ float:right; width:388px; }
.bulle h1               				{ clear:both; /*background-color: rgb(235,235,235); border-width:1px 0; color:#BB0708; margin-bottom: 8px;*/ }
.bulle img              				{ float:left; width:158px; margin:0 15px 0 4px; }
.bulle a                				{ color:#666; float:left; margin:8px 0 12px 0; width:300px; }
.bulle a:hover             				{ color:#666; }

.numero1                				{ background-color:#D8DCCD; border:1px solid #BB0708; border-width:1px 0; padding:5px 0 5px 5px;}
.numero1 img							{ margin:8px 0 12px 0; }
.numero1 p img							{ margin:0 6px 12px 0; }
.numero1 a								{ float:none; }
.numero1 a:hover						{ }
.numero1 h1             				{ float:right; background-color:#BB0708; border-color:#FFF; clear:none; color:#FFF; padding-left:10px; margin: 5px 0 0 0px; width:377px; }

.centrer								{ text-align:center;}
/* html>body .groupe        			{ height:auto; min-height:150px; overflow: auto; } */

/* MODELE 1 */
	/*#modele1 img						{ float:right; margin:0 0 10px 20px; width:200px; }*/
	
/* MODELE 2 */
	#modele2 .chapeau					{ margin-bottom:0; }
	#modele2 img						{ margin-bottom:15px; width:200px; }

/* MODELE 3 */
	#modele3 img						{ float:left; margin-bottom:20px; margin-left:5px; width:260px; }
	#modele3 .ornementation				{ position:absolute; top:-23px; left:4px; }

/* MODELE 4 */
	#modele4 .photo						{ margin:10px 0; width:260px; }
	#modele4 .chapeau					{ margin-bottom:0; text-align:justify; }
	#modele4 .chapeau .photo			{ float:right; margin:0 0 0 40px; width:auto; }
	#modele4 .ornementation				{ position:absolute; top:-23px; left:4px; }
	
/* MODELE 5 */
	#modele5 .photo						{ float:right; width:200px; }
	.article img						{ float:left; width:auto; }
	#modele5 .ornementation				{ position:absolute; top:0; right:-3px; }
	#modele5 #partieDroite2				{ margin-top:20px; }

/* AGENDA */
	#agenda .chapeau					{ margin-bottom:10px; }
	#agenda #mois1, #agenda #mois2		{ position:relative; }
	#listeMois							{ background-color:#D8DCCD; border:1px solid #BB0708; border-width:1px 0; float:none; height:25px; margin-bottom:20px; width:568px; }
	#listeMois li						{ background:url('../img/separateur.gif') no-repeat right 8px; float:left; list-style-type:none; padding:4px; text-align:center; width:38px; }
	#listeMois a						{ font:bold 12px Arial, Helvetica, sans-serif; line-height:17px; }
	#listeMois li:hover					{ cursor:pointer; }
	#listeMois li:hover	 a				{ color:#BB0708; }
	#agenda .ornementation				{ position:absolute; top:-20px; right:-3px; }
	#listeMois .lien10					{ background-image:none; }
	
	#mois1								{ border-width:0 1px 0 0; padding:0 10px 0 0; }
	#mois2								{ border:0; padding:0 10px; }
	#detail								{ border-width:0 0 0 1px; float:right; margin-right:0; padding:0 0 0 10px; width:182px; }
	#detail h1							{ margin:0; }
	#detail div							{ background-color:#D8DCCD; padding:5px; }
	.tiers h1 							{ background-color:#BB0708; color:#FFF; margin-bottom:8px; padding-left:10px; }
	.etiquette							{ border:1px solid #BB0708; border-width:1px 0; margin-bottom:10px; padding:5px 0; display:block; }
	.etiquette a						{ text-decoration:none; }
	.etiquette:hover					{ background-color:#D8DCCD; color:#000; cursor:pointer; }
	.selected							{ color:#BB0708; }

/* ASSOCIATIONS */
#associations h1						{ background-color:#BB0708; color:#FFF; margin-bottom:8px; padding-left:10px; }
#associations h2						{ display:block; margin-bottom:8px; }
#associations #partieDroite2 .logo_XS	{ background-color:#FFF; float:left; margin:0 5px 5px 0; width:50px; }
#associations #partieDroite2 p			{ clear:both; }
#associations .etiquette				{ border-width:0 0 1px 0; }

/* CONTACTS */
#contact .chapeau		  				{ text-align:justify; padding-left: 180px; }
#contact #partieGauche    				{ padding-right: 25px; width:299px; }
#contact #partieDroite    				{ padding-left: 18px; width:216px; }
#contact input, #contact textarea, #contact select{ display: block; margin-bottom: 10px; width:100%;}
#contact .ornementation					{ position:absolute; top:0; right:-3px; }
#contact .submit          				{ display:inline; margin-top: 15px; width:120px;}
#contact	textarea					{ height:120px; }

/* ELUS */
#photos                   				{ clear: both; }
#photosElus               				{ overflow:auto; }
#photosElus .article      				{ clear: both;}
#photosElus	.elu		  				{ float:left; height:165px; margin:0 5px 8px 0; width:88px; }
#photosElus img			  				{ width:88px; }
#photosElus .etiquette        			{ background-color:#D8DCCD; float: left; height:120px; margin-bottom:12px; padding: 10px; width:273px; }
#photosElus .etiquette img    			{ float: left; margin-right: 10px; }
#listeParChoix            				{ float: left; height: 92px; margin-top:20px; text-align: right; position:relative; width:274px; }
#listeParChoix h1						{ margin:0 0 0 10px; position:absolute; bottom:0; right:0; width:95%; }

#listeParChoix select     				{ float: right; margin: 10px 0 10px 0; width:200px; }
#listeParChoix h1, #listeParChoix h2	{ clear: both; }
.masque                   				{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2; }

/* RECHERCHE */
#recherche a							{ color:#BB0708; display:block; margin-top:8px; }
#recherche h1							{ display:block; margin-bottom:12px; }
#recherche h2							{ display:block; }
#recherche li							{ list-style:url('../img/puce.gif'); }
#recherche form							{ float:right; margin-bottom:20px; width:385px; }

/* PLAN DU SITE */
#planSite .chapeau						{ float:right; width:387px; }
#plan									{ clear:both; }
#plan ul								{ padding:25px 0 0 25px; }
#plan ul ul								{ background-image:url('../img/flechePlan.gif'); background-repeat:no-repeat; background-position:8px 0; padding-top:0; margin-bottom:15px; }
#plan ul ul	ul							{ background-position:8px 2px; }
#plan li								{ list-style-type:none; }
#plan h1								{ margin-bottom:8px; }

.jCarouselLite							{ width:100%; }
#modele1 .jCarouselLite img	,#modele2 .jCarouselLite img	,#modele3 .jCarouselLite img	,#modele4 .jCarouselLite img,#modele5 .jCarouselLite img{ width:100%; margin:0 0 20px 0; }