@charset "utf-8";
/* CSS Document */


/*
gris foncé 	231f20
vert 		918e22
 */
html{ background-image:url(../../images/arriereplan2.png); background-position: top; background-repeat:repeat-x; background-color:#231f20;}
 
html, body
{
    font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center;
}

.vert { color: #918e22;}
.blanc { color: #FFFFFF;}
.blancfond{background-color:#fff;}
.gris {color: #676767;}

a { text-decoration: none; color: #918e22;}
a:hover { text-decoration: underline;}
img { border: none;}
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
	padding:0;
	border:none;
	color:#918e22;
}

h1 { color:#FFFFFF; font-size:150%; font-weight: normal; margin:0; padding:0; border:none; margin-left:10px; padding-top:10px; text-align:left;}/* s'applique au titre des BOITES comme 'Nouvelle' */
h2 { font-size: 2em; text-transform: uppercase; font-weight:normal;}
h3 { font-size:2.1em; margin-left:40px;}
h4 {font-size: 1.8em;  font-weight:normal; margin-left:40px; color:#FFF;}

ul li{margin:0; padding:0; margin-bottom:20px;}


.imgca{border:2px solid #918e22; margin-left:20px;}


.menutexte {margin: 0px;  padding:0px; text-align: left; padding-top:10px; margin-left:315px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
.menutexte a {color:#676767;}
.menutexte a:hover { border-bottom:3px solid #918E22; text-decoration:none;}
.separation {margin-left: 10px; margin-right:10px; color:#918E22;}

.textenouvelle {margin-top:10px; margin-bottom:10px; margin: 10px 0 0 10px; }

.marge1{margin-left:29px;}
.marge2{margin-left:1px;}
.marge3{margin-left:13px;}
/*  ------  3 icones  ----  */

.icone 
{
    margin:0;
	padding:0;
    width: 37px;
    height: 31px;
}
.sousmenu { width:284px; height:28px;background-image:url(../../images/smenu.jpg);font-size:1.2em; color:#fff; text-align:left; text-indent:35px; margin-top:1px;}
.sousmenu:hover {background-position: bottom;}

.pageactive{background-image:url(../../images/smenu_pageactive.jpg);
			background-repeat: no-repeat;
			float: left;
			width:284px;
			height:28px;
				margin-top:1px;
				font-size:1.2em;
				color:#fff;
				text-align:left;
				text-indent:35px;
				vertical-align:text-bottom;}
				
.pageactive span{display: block;}
.margehaut {margin-top: 42px;} /* marge en ahaut du titre d'une section dans la colonne droite*/
.pagesanssmenu{z-index:3; position: absolute;}
.bouton {color:#FFFFFF; background-color:#676767;}
.bouton2{color:#FFFFFF; background-color:#918e22;}
.petiteecriture {font-size: 80%;}
.margedubasboite {margin:0px; margin-bottom:2px;}
.marginleft{margin-left:60px;}
.marginright{margin-right:20px;}

		/*Styles pour le tableau de la page calendrier des rencontres*/

		#one-column-emphasis{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:11px; width:480px; text-align:left; border-collapse:collapse; margin:5px; margin-left:40px; margin-top:0px;}
		#one-column-emphasis th{font-size:14px; font-weight:normal; color:#039; padding:10px 10px;}
		#one-column-emphasis td{color:#669; border-top:1px solid #e8edff;   padding: 3px 6px 3px 6px; min-width:58px; vertical-align:top;}
		#one-column-emphasis td span{font-size:9px;}
		#one-column-emphasis tr:hover td{ color:#000; background:#dcdbc0; min-width:58px;}
		.trback{background:#fff} 
		.oce-first{ background:#c7c572; border-right:10px solid transparent; border-left:10px solid transparent;}
		
		#one-column-emp{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:11px; width:600px; text-align:left; border-collapse:collapse; margin:5px; margin-left:40px; margin-top:0px;}
		#one-column-emp th{font-size:14px; font-weight:normal; color:#039; padding:10px 10px;}
		#one-column-emp td{color:#669; border-top:1px solid #e8edff;   padding: 3px 6px 3px 6px; min-width:58px; vertical-align:top;}
		#one-column-emp td span{font-size:9px;}
		#one-column-emp a{color:#000;}
		.cellhover{color:#000; background:#dcdbc0; min-width:58px;}
		.ocefirst{background:#fff; border-right:10px solid transparent; border-left:10px solid transparent;}
		
		#one-column-bulletin{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:11px; width:600px; text-align:left; border-collapse:collapse; margin:5px; margin-left:40px; margin-top:0px;}
		#one-column-bulletin th{font-size:14px; font-weight:normal; color:#039; padding:10px 10px;}
		#one-column-bulletin td{color:#669; border-top:1px solid #e8edff;   padding: 3px 6px 3px 6px; min-width:58px; vertical-align:top;}
		#one-column-bulletin td span{font-size:9px;}
		#one-column-bulletin a{color:#000;}
		.cellhover{color:#000; background:#dcdbc0; min-width:58px;}
		.ocefirst{background:#fff; border-right:10px solid transparent; border-left:10px solid transparent;}

		
		
		
		#ver-zebra{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:0 20px 20px 20px; margin-left:90px;}
		#ver-zebra th{font-size:14px;font-weight:normal;border-right:1px solid #fff;border-left:1px solid #fff;color:#000;padding:12px 15px;}
		#ver-zebra td{border-right:1px solid #fff;border-left:1px solid #fff;color:#669;padding:8px 15px;}
		
		#ver-zebra2{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:340px;text-align:left;border-collapse:collapse;margin:0 20px 20px 20px; margin-left:10px;}
		#ver-zebra2 th{font-size:14px;font-weight:normal;border-right:1px solid #fff;border-left:1px solid #fff;color:#000;padding:12px 15px;}
		#ver-zebra2 td{border-right:1px solid #fff;border-left:1px solid #fff;color:#669;padding:8px 15px;}
		#ver-zebra2 #vzebra-comedy,#ver-zebra2 #vzebra-action{background:#c9c77a;border-bottom:1px solid #d6dfff;}
		#ver-zebra2 #vzebra-adventure,#ver-zebra #vzebra-children, #vzebra-drame{background:#dcdbc0;border-bottom:1px solid #c8d4fd;}
		
		#ver-zebra3{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:550px;text-align:left;border-collapse:collapse;margin:0 20px 20px 20px; margin-left:10px;}
		#ver-zebra3 th{font-size:14px;font-weight:normal;border-right:1px solid #fff;border-left:1px solid #fff;color:#000;padding:12px 15px;}
		#ver-zebra3 td{border-right:1px solid #fff;border-left:1px solid #fff;color:#669;padding:8px 15px;}
		#ver-zebra3 #vzebra-comedy,#ver-zebra3 #vzebra-action{background:#c9c77a;border-bottom:1px solid #d6dfff;}
		#ver-zebra3 #vzebra-adventure,#ver-zebra #vzebra-children, #vzebra-drame{background:#dcdbc0;border-bottom:1px solid #c8d4fd;}
		.vzebra-odd{background:#e4e3c0;}
		.vzebra-even{background:#ededdb;}
		#ver-zebra #vzebra-adventure,#ver-zebra #vzebra-children, #vzebra-drame{background:#dcdbc0;border-bottom:1px solid #c8d4fd;}
		#ver-zebra #vzebra-comedy,#ver-zebra #vzebra-action{background:#c9c77a;border-bottom:1px solid #d6dfff;}

		/*Fin des styles pour le tableau de la page calendrier des rencontres*/

/************************************************************************************************************************************/

/*DÉBUT DES DIVS*/


#header {
	background-image: url(../../images/entete.png);
	background-repeat:repeat-y;
	height: 135px;
	margin: 0px;  padding:0px;
	text-align: right;
	position:relative;
}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;  padding:0;
	margin-top:50px;
	width: 992px;
	position:relative;
	} /* largeur du contenu */
	


	#contenu {
		background-image:url(../../images/etireboiteshadow.png);
		background-repeat:repeat-y;
		margin: 0; padding:0; padding-bottom:1px; /* le padding-bottom sert pour régler un bug firefox*/}

		#commentaire{font-size:10px;}
		/* Bon à savoir */
		a.info:hover{z-index:25; background-color:#ff0}
		a.info span{display: none}
		
		ol li{font-size:1.2em;
			  font-weight:bold;}
	  
		#troisicones { position:absolute; right:40px; width:120px; height:31px; bottom:15px; }/* zone contenant les 3 icones */
		#icone1{ background-image: url(../../images/icoaccueil.png);}
		#icone2{ background-image: url(../../images/icocontact.png);}
		#icone3{ background-image: url(../../images/icoplan.png);}
		
		
		#sousmenu .rollOver span{ display:block;}
		#espacement{margin-left: 80px;}
		#espacement2{margin-left: 50px;}
		.espacement3{margin-left: 10px;}
		.espacement32{margin-left: 10px; width:300px; min-height:150px;}
		.espacement4{margin-left:10px; float:right; margin-right:80px;}
		/* positionné en ABSOLU */
		#cartelogo { z-index:2; position: absolute; top:-25px; left:-20px;}
		#gouverneurs { top:140px; left:25px; width:284px; margin-bottom:5px;}
		#nomdujedumois {
			position:absolute; 
			z-index:3; 
			bottom:0; 
			left:0; 
			background-image:url(../../images/gristransp.png); 
			width: 123px; 
			padding:4px 5px; 
			font-weight: bold;
			white-space: nowrap;
			overflow: hidden;
		}
		#boitenosgouverneurs {float:left; background-image:url(../../images/nosgouverneurs.jpg); width: 148px; height: 114px; margin-right:3px;}
		#boitejedumois {float:left; background-image:url(../../images/JEdumois.jpg); width: 133px; height: 114px; position:relative;}

	#colonnegauche { padding:0; width: 283px; float:left; margin-left: 25px; margin-top:45px; }

		#sousmenu{float:left;margin-bottom:5px;
		}
		#sousmenu a{text-decoration:none;}
		#sousmenu a span{margin-top:5px;}


		#nouvelles { background-image:url(../../images/boitenouvelle.jpg); height:135px; padding:0; clear:both; text-align:left;}
		#accesmembre { background-image:url(../../images/boiteaccesmembre.jpg); height:135px; text-align:left;}
		#bulletin { background-image:url(../../images/boitebulletin.jpg); height:43px; width:283px;}
		#bulletin_insc{min-width:283px; color:#000; background-image:url(../../images/rechercher2.jpg);}
		#floatleft{ float:left;}
		#devenezmembre { background-image:url(../../images/boitedevenezmembre.jpg); height:42px; width:283px;}

	#colonnedroite { padding:0; float: right; margin-right: 25px; width: 655px; text-align:left; color:#231f20; }
		#colonnedroite p, #colonnedroite h2 { margin-left:20px;} /* marge du texte pour la colonne de droite autre que l'accueil -- le contenu en fait */
		
		#imagecentrale {width:655px; float: right; position: relative;}
		#calendrier { width:315px; height:325px; float:left; }
		.calendrier_selected { cursor:pointer; }
		#rechercher { background-image:url(../../images/rechercher.jpg); height:134px; width:333px; float: right; position: relative;}
		#decouvrezunje { background-image: url(../../images/decouvrez-un-je.jpg); background-position:top left; background-repeat:no-repeat; height: 126px;  width:333px; float: right; position: relative;}
		.ensavoirplus {color:#918e22; position:absolute; top:105px; bottom:10px; right:20px;}

		#colonnedroitep1{margin-left:20px;}
		
		#colonnedroite a:hover{text-decoration:underline;}
		
		#colonnedroite li{}
		#prix{font-weight:bold;
		  margin-top:-20px;
		  margin-left:80px;
		  border:1px solid #999;
		  background-color:#E5EDC3;
		  width:120px;
		  padding:5px 90px 5px 5px;}
	
		
		.soustitre{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 13px;
			font-weight:bold;
			color:#666;
			text-align:left;}
			
			.soustitre2{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 16px;
			font-weight:bold;
			color:#666600;
			text-align:left;}
		
		.soustitre3{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 12px;
			font-weight:normal;
			color:#666;
			text-align:left;
			margin:0px;
			padding:0px;}
		
		#soustitre{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 13px;
			font-weight:bold;
			color:#666;
			text-align:left;}
	
		#soustitre2{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 16px;
			font-weight:bold;
			color:#666600;
			text-align:left;}
		
		#soustitre3{ 
			font-family: Arial, ITC Avant Garde Gothic, Avant Garde, Helvetica, Serif;
			font-size: 12px;
			font-weight:normal;
			color:#666;
			text-align:left;
			margin:0px;
			padding:0px;}
			
		#form{margin-left:15px;}
	
		.rollOver
		{
			display: block;
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}
		.rollOver:hover
		{
			background-position: bottom right;
		}
		.rollOver span
		{
			display: none;}	
		
		#inscription{padding-bottom:50px;}
		#titre{width:200px; float:left;}
		#titre2{width:200px; float:left; margin-right:400px !important;}
		#titre3{width:120px; float:left;}
		#trait2{border-bottom:1px solid #918e22; margin-top:10px;}
		#trait3{border-bottom:3px solid #918e22; margin:10px 0px 0px 0px;}
		
		.formulairelong{width:195px;}
		
		#vert{color:#918e22; font-weight:bold; font-size:13px;}
	
#footer {
	background-image: url(../../images/pieddepage.png); background-position:top;
	background-repeat: no-repeat;
	height: 54px;
	margin: 0;  padding:0; border:none;}

#tableaufiche{ margin:0px 10px 0px 10px;
			 	width:500px;}
				
#logocomp{width:150px; height:200px; padding-top:100px;/*border:1px solid red;*/ vertical-align:middle; text-align:center; }	

.nouvellesmembres01{ margin-bottom:30px; margin-left:20px; width:600px; display:block; clear:both;}
.nouvellesmembres02{ margin-bottom:30px; margin-left:20px; width:600px; height:200px; display:block; clear:both;}

#photo_news{width:175px; min-height:100px; padding-top:25px;}
#photo_logos{}
#texte_news{width:600px;  margin-right:30px;}
#texte_nouvelles{width:400px; float:right; margin-right:5px; padding-left:5px;}
#texte_comite{width:400px; float:right; margin-top:-178px; margin-right:5px; padding-left:5px;}

#texte_news p{margin-left:0px;}

#gouverneurs_logos{width:455px; margin-left:100px; margin-bottom:30px;}
	#touslogosgouv{width:452px; height:270px; border:1px solid black;}
	#titregouverneurs{ height:30px; background-color:#918e22;}
	.logogouv{width:150px; height:100px; text-align:center; padding-top:30px;}
	
#gdsevenements_logos{width:455px; margin-left:100px; margin-bottom:10px;}
	#touslogosgdsevenements{width:452px; height:270px; border:1px solid black;}
	#titregdsevenements{ height:30px; background-color:#918e22;}
	.logogdsevenements{width:150px; height:100px; text-align:center; padding-top:30px;}

#autres_logos{width:455px; margin-left:100px; margin-bottom:30px;}
	#touslogosautres{width:452px; height:160px; border:1px solid black;}
	#titreautres{ height:30px; background-color:#918e22;}
	.logoautres{width:150px; height:100px; text-align:center; padding-top:30px;}
	
#toutesphotos{width:600px; min-height:270px; }
.images_album{ width:177px; height:174px; text-align:center; padding-top:30px; background-image:url(../../images/photos_pile.jpg); background-repeat:no-repeat;}
.thumbnails{width:100px; height:100px; text-align:center; border:1px solid #918e22; }
.hd {margin:0 10px 10px 0;background:url(../../images/arrows.gif) no-repeat 3px left;padding-left:10px;}
.description{width:177px; height:40px; margin-top:25px; padding:10px 5px 10px 0px; text-align:center;}

#alpha{width:500px; min-height:600px; margin-left:20px; }
#form_alpha{width:400px; min-height:100px;}
#onglets_alpha
{
    background-image:url(../../images/onglet_top.jpg);
    background-repeat:repeat-x;
    width:454px; height:50px;
    margin-top:25px;
}
#toutalpha
{
    width:400px;
    border: 2px solid #918e22; 
    border-top:0; 
    min-height:400px; 
    padding-left:25px; 
    padding-right:25px; 
    float:left;
}
#case_alpha{margin-top:25px;}

.case_off
{
    background-image:url(../../images/alpha.jpg);
    background-repeat:no-repeat;
    width:25px; height:25px;
    text-align:center;
    margin-right:2px; margin-bottom:2px;
    font-size:14px; font-weight:bold;
    color:#FFFFFF;
    border: 0px solid #FFFFFF; /* Pour le bug des boutons avec IE7 */
}
.case_off:hover
{
    background-image:url(../../images/alpha_on.jpg);
    color:#918e22;
}

.case_on
{
    background-image:url(../../images/alpha_on.jpg);
    background-repeat:no-repeat;
    width:25px; height:25px;
    text-align:center;
    margin-right:2px; margin-bottom:2px;
    font-size:14px; font-weight:bold;
    color:#918e22;
    border: 0px solid #FFFFFF; /* Pour le bug des boutons avec IE7 */
}

.resultats{width:200px; margin-top:10px;}
.resultats li{line-height:20px; list-style-image:url(../../images/carre.png);}
.resultats a{color:#000;}

.onglet_off
{
    background-image:url(../../images/onglet_off.jpg); 
    background-repeat:no-repeat; 
    height:30px; width:120px; 
    float:left; 
    margin-right:5px; 
    padding-top:20px; 
    text-align: center; 
    color:#000000;
 }
.onglet_off:hover
{
    background-image:url(../../images/onglet_on.jpg);
}

.onglet_on
{
    background-image:url(../../images/onglet_on.jpg);
    background-repeat:no-repeat;
    height:30px; width:120px;
    float:left; 
    margin-right:5px; 
    padding-top:20px; 
    text-align: center; 
    color:#000000;
}

#form_recherche{width:400px; background-color:#d4d3a5; border-bottom:3px solid #918e22; padding-top:20px; padding-bottom:20px; padding-left:20px;}
.search_input{margin: 7px 0 7px 0;}
.search_button
{
    background-image:url(../../images/carrepetit.png); 
    background-repeat:no-repeat; 
    width: 100px; 
    margin-right: 0; 
    float: right;
}

#liste_secteurs 
{
    
}

#nouveaux{width:534px; height:200px; margin-left:55px; padding:15px; background-image:url(../../images/case_nvx.jpg); background-repeat:no-repeat;}

#nouveaux a{color:#000;}
#nouveaux a:hover{color:#999999;}
#suite{width:552px; height:30px; margin-top:-20px; margin-left:55px; background-color:#999933; color:#fff;}
#espacetexte{ line-height:20px;}

#precedent{ height:30px; width:126px; float:left; text-align:left; padding-top:8px; font-size:13px;}
#precedent a{color:#fff;}
#pages{width:300px; height:30px; float:left; text-align:center; padding-top:8px; font-size:13px;}
#suivant{ width:126px; height:30px; float:left; text-align:right; padding-top:8px; font-size:13px; }
#suivant a{color:#fff;}
#espacegh{margin-left:8px;}
#espacedt{margin-right:8px;}

#dates:hover{color:#000;}

#SlideShowGouverneurs { height: 79px; width: 114px; padding:0; margin:30px 0 0 17px; position:relative; }
#SlideShowGouverneurs img { height: 79px; width: 114px; }
/*#SlideShowGouverneurs img {	-moz-border-radius: 10px; -webkit-border-radius: 10px; }*/

#infosjob{width:485px; min-height:80px; background-color:#DCEAA6; padding:10px; margin-left:80px;}
#exigencejob{width:445px; min-height:100px; background-color:#DCEAA6; padding:30px; margin-top:5px; margin-left:80px;}

#rectangle{width:549px; height:15px; background-color:#B6BA47; margin-top:-11px; margin-left:57px; z-index:2;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}



.anneepantheon { font-size:130%; font-weight: bold;}
#pantheon {margin:30px 0px 0px 30px; padding:0;}
#pantheon li{ background-image:url(../../images/pucevert.png); background-position: left; padding-left:20px; list-style-type:none; background-repeat: no-repeat;}
#boutoncahier { float:right; background-image:url(../../images/cahier.png); width:269px; height:72px;}

#btnbulletin { background-image:url(../../images/btnbulletin.jpg); height:60px; width:161px;  background-repeat:no-repeat;margin-left:8px;}
#btnphotos { background-image:url(../../images/btnphotos.jpg); height: 60px; width:161px;  background-repeat:no-repeat; margin-left:8px;}