/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

body{
	background-image: url(gx/M/bg_vert.gif);
	margin: 0;
	padding: 0;
	text-align:center;
}

html{
	color: #444;
	font-size: 15px;
	/* Garder 3 fontes seulement */
	font-family:  Arial, Verdana, Helvetica, Tahoma ;
}

p{ line-height: 20px; }


html, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{ border:0; margin:0; padding:0; }

h1 { color:#6e880b; }

.separateur { height:4px; }
.margetop{ margin-top:3px; }
.videoAccueilTitre { font-size:11px; line-height:12px; /*background:#f0f9d0; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; */ margin:4px 0px 0px 0px; padding:5px; text-align:center;  }
.lienVideo{ cursor:pointer; }


/* 
NAV BOITES
-----------------------------------------------------------------------------------  */



/* GAUCHE 
--------------------------------------------------------------------------------------- */

#gauche{ background: #F4EFE1; font-size: 0px; }

#gauche a, #gauche a:link, #gauche a:visited{
	color: #938970; font-family: Trebuchet MS;
	font-size: 9px; font-weight: bold;
	text-decoration: none;
	background: #DFD9CA url(gx/m/menu_fl.gif) no-repeat top left;
	width: 148px; _width: 175px; height: 17px;
	padding-left: 27px; margin-top: 2px;
	display: block;
}
#gauche a:hover{ background: #E6DABB url(gx/m/menu_fl_ov.gif) no-repeat top left; }

#gauche a.actif, #gauche a.actif:link, #gauche a.actif:visited, #gauche a.actif:hover{ background: #E6DABB url(gx/m/menu_fl_ov.gif) no-repeat top left; }

/* LOGIN 
--------------------------------------------------------------------------------------- */

#login{ padding: 5px 20px 5px 20px; background: #EEEEEE; }


/*  coins arrondis  */ 
.boxtop { 
  background: url(gx/M/coin_gris_ne.gif) #EEEEEE no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 5px; 
  background: url(gx/M/coin_gris_nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(gx/M/coin_gris_se.gif) #EEEEEE no-repeat top right; 
}
.boxbottom div { 
  font-size: 0;
  height: 5px; 
  background: url(gx/M/coin_gris_sw.gif) no-repeat top left; 
}
/* ------- */


#login h1{
	color: #0B8BA3; 
	font-size: 13px;
}
#login h1.petit{ font-size: 10px; }

#login form label{
	color: #45616F;
	 font-size: 12px;
	cursor: hand;
}

#login form input{
	color: #45616F;
	 font-size: 12px;
	border: #99BBC1 1px solid;
	background: #CDE7EC;
	width: 135px;
}

#login form select{
	color: #45616F;
	 font-size: 12px;
	background: #CDE7EC;
	width: 135px;
	margin-top: 5px;
}

#login form input.Bouton{
	color: #45616F; font-family:Tahoma;
	font-size: 10px; font-weight: bold;
	text-align: right;
	background: #DFD9CA url(gx/m/btn_fl.gif) no-repeat center left;
	border: 0px; _height: 12px;
	padding-left: 10px; _padding-left: 0;
	margin: 5px 0 0 0;
}

#login a.bouton, #login a.bouton:link, #login a.bouton:visited, #login a.bouton:hover{
	color: #FFFFFF; font-family: Trebuchet MS;
	font-size: 11px; font-weight: bold;
	text-align: center; text-decoration: none;
	background: #DFD9CA url(gx/M/btn_bleu.gif) no-repeat top left;
	width: 135px; height: 17px;
	border: 0px;
	padding-left: 0;
	display: block;
}

#login a, #login a:link, #login a:visited{
	color: #45616F; font-family:Tahoma;
	font-size: 11px; font-weight: normal;
	text-align: left;
	background: url(gx/m/btn_fl.gif) no-repeat center left;
	width: 129px; _width: 135px; height: 12px;
	padding-left: 6px; margin: 5px 0 0 0;
	border: 0px;
	display: block;
}
#login a:hover{ text-decoration: underline; background: #a7c01d url(gx/m/btn_fl.gif) no-repeat center left;  }

#login .inscr{
	color: #45616F;
	font-size: 12px;
	margin-top: 5px;
}

#login .inscr a, #login .inscr a:link, #login .inscr a:visited{
	color: #940021;
	background: transparent;
	display: inline;
	padding: 0; margin: 0;
	width: 45px;
}

/* CONTENU 
--------------------------------------------------------------------------------------- */

#contenu{
	padding: 15px 10px 20px 10px;
}

#conteneur_contenu table{
	font-size :15px;
}


#col_centre{
	width:400px;
	/* width:640px; */ 
}

#col_centre .boiteCouleur {
	margin: 0;
	padding: 0;
	height: 26px;
	width: 15px;
	float:left;
}

#col_centre h1{
	font-family: Trebuchet MS;
	font-size: 16px;
	/*background: #FFFFFF url(gx/m/ligne.gif) repeat-x bottom left;
	margin-bottom: 15px; */
	padding-bottom: 5px;
}

#col_centre h2{ color: #000; font-size: 24px; }
#col_centre h2 a, #col_centre h2 a:link, #col_centre h2 a:visited{ color: #45616F; text-decoration: none; }
#col_centre h2 a:hover{ color: #45616F; text-decoration: underline; }

#col_centre h3{ color: #45616F; border-bottom: #CCCCCC 1px solid; padding-bottom: 3px; margin: 20px 0 5px 0; }

#col_centre b{ color: #6e880b; /* 45616F */ }
#col_centre b i{ font-weight: normal; }

#col_centre .date{ color: #666666; margin-bottom: 5px; }
#col_centre .btop{ border-top: #CCCCCC 1px solid; padding: 10px 0 0 0; margin-top: 15px; }

/*
#col_centre a.nav, #col_centre a.nav:link, #col_centre a.nav:visited{
	color: #CCB528; font-family:Tahoma;
	font-size: 11px; font-weight: bold;
	text-decoration: none;
}
*/

#sansFrais{margin:15px 0 0 15px;}

#col_centre a.nav:hover{ text-decoration: underline; }

#col_centre .img{ font-size: 0px; padding-right: 10px; }
#col_centre .img div{ width: 153px; background: transparent url(gx/400/bg_img.gif) repeat-y top left; }

#col_centre .img2{ font-size: 0px; padding-right: 10px; }
#col_centre .img2 div{ width: 128px; background: transparent url(gx/400/bg_img2.gif) repeat-y top left; }

#col_centre .img3{ font-size: 0px; padding-right: 10px; }
#col_centre .img3 div{ width: 88px; background: transparent url(gx/400/bg_img3.gif) repeat-y top left; }

#col_centre .img4{ width: 153px; background: transparent url(gx/400/bg_img.gif) repeat-y top left; font-size: 0px; float: right; padding-left: 10px; }

#col_centre .img .photo, #col_centre .img2 .photo, #col_centre .img3 .photo, #col_centre .img4 .photo{ margin: 0 4px 0 4px; }
#col_centre .texte{ }
#col_centre .texte2{ }
#col_centre .texte3{ }

#boite{
	background: #FFFFFF url(gx/100/boite_bg.gif) repeat-y top left;
	font-size: 0px;
	margin-bottom: 10px;
	border-top: #FFFFFF 1px solid;
}

#col_centre #boite h1{ margin-bottom: 5px; }

#col_centre #boite a, #col_centre #boite a:link #col_centre #boite a:visited, #col_centre #boite a:hover, #col_centre #boite2 a.bouton, #col_centre #boite2 a.bouton:link, #col_centre #boite2 a.bouton:visited, #col_centre #boite2 a.bouton:hover{
	color: #FFFFFF; font-family: Trebuchet MS;
	font-size: 11px; font-weight: bold;
	text-align: center; text-decoration: none;
	background: #CCB528 url(gx/100/btn_Info.gif) no-repeat top left;
	width: 103px; height: 17px;
	margin-top: 7px;
	display: block;
}

#boite2{
	margin-bottom: 10px;
	border-top: #FFFFFF 1px solid;
}

#col_centre #boite2 h1{
	color: #CCB528;
	background: #FFFFFF;
	margin-bottom: 5px;
}

#col_centre #boite2 h1.top{
	color: #920225;
	font-size: 13px;
	background: #FFFFFF url(gx/m/ligne.gif) repeat-x bottom left;
	margin-bottom: 5px; padding-bottom: 5px;
}

#col_centre #boite2 a, #col_centre #boite2 a:link, #col_centre #boite2 a:visited, #col_centre #boite2 a:hover{ color: #920225; font-weight: bold; }
/* #col_centre #boite2 b{ color: #920225; } */

#boite div.gauche{ font-size: 11px; float: left; width: 335px; margin: 0 10px 0 10px; _margin-left: 5px; }
#boite2 div.gauche{ font-size: 11px; float: left; width: 335px; margin: 10px; _margin-left: 5px; }
#boite div.droite, #boite2 div.droite{ font-size: 11px; float: left; width: 190px; }
#boite div.droite2, #boite2 div.droite2{ font-size: 11px; float: left; width: 190px; text-align: right; padding-right: 8px; }
#boite div.full, #boite2 div.full{ margin: 10px; }
.droite3{ float: right; margin-right:80px; }


#ami{ float: right; }
#ami a, #ami a:link, #ami a:visited{
	color: #CCB528; font-family:Tahoma;
	font-size: 11px; font-weight: bold;
	text-decoration: none;
	background: #FFFFFF url(gx/M/ami.gif) no-repeat center left;
	padding-left: 16px;
}
#ami a:hover{ text-decoration: underline; }

.hautDePage{font-size:11px; margin-top:15px; padding:7px 0 0 15px; text-decoration:none; float:right; background: url(gx/M/btn_haut_de_page.gif) no-repeat; width:121px; height:28px;}
.pagePrecedente{ font-size:11px; margin:15px 0 0 15px; padding:7px 0 0 25px;text-decoration:none; float:left; background: url(gx/M/btn_page_precedente.gif) no-repeat;  width:121px; height:28px;}

/* CALENDRIER */
#calendrier{
	/*border-left: #CCCCCC 1px solid;*/TEXTE_ACCUEIL
	width: 160px; _width: 170px;
	padding-left: 10px;
	float:right;
}

#calendrier table{ background: transparent url(gx/100/calendrier.gif) no-repeat top left; width: 160px; height: 135px; }

#calendrier select{
	color: #666666;  font-size: 11px; 
	background: #FFFFFF;
	border: #999999 1px solid;
}

#calendrier .titre{
	color: #CCB528; font-weight: bold;
	font-size: 11px; text-align: center;
	border-bottom: #CCCCCC 1px solid;
	padding: 5px 0 3px 0;
}

#calendrier table td{ color: #999999; font-size: 10px; text-align: center; }
#calendrier .d{ color: #45616F; padding: 3px 0 3px 0; }
#calendrier .n{ color: #666666; text-align: left; }

#calendrier a, #calendrier a:link, #calendrier a:visited{ 
	color: #FFFFFF;
	font-family: Trebuchet MS; font-weight: bold;
	text-decoration: none;
}
#calendrier a:hover{ color: #CCCCCC; }

#calendrier td.bleu{ background: #004f9c; }
#calendrier td.bleupale{ background: #6e96de; }
#calendrier td.vert{ background: #f4ec0f; }
#calendrier td.violet{ background: #8e20fb; }
#calendrier td.rouge{ background: #dd031b; }
#calendrier td.orange{ background: #f69200; }

span.bleu{ color: #004f9c; font-weight: bold; }
span.bleupale{ color: #6e96de; font-weight: bold; }
span.vert{ color: #f4ec0f; font-weight: bold; }
span.violet{  color: #8e20fb; font-weight: bold; }
span.rouge{ color: #dd031b; font-weight: bold; }
span.orange{ color: #f69200; font-weight: bold; }

div.onglet{ float: left; padding: 0 10px 0 0; margin: 0 5px 0 0; }
div.onglet a, div.onglet a:link, div.onglet a:visited, div.onglet a:hover{
	color: #FFFFFF; font-family: Trebuchet MS;
	font-size: 10px; font-weight: bold;
	text-align: center; text-decoration: none;
	background: #FFFFFF url(gx/100/btn_Info.gif) no-repeat top left;
	width: 103px; height: 17px; padding-top: 1px;
}


/* TEST */

#bloc{
	color: #000000;
	
	font-size: 11px;
}

#bloc #info{ padding: 0 0 10px 10px; }
#bloc #question{ padding: 0 0 0 0; }
#bloc #bouton{ padding: 0 0 10px 0; }
#bloc #oiseau{ padding-bottom: 10px; width: 63px; }
#bloc #oiseau2{ width: 125px; }
#bloc #resultat{ padding: 0 0 0 10px; }

#bloc h1{
	font-size: 12px;
	background: #FFFFFF;
	margin: 0; padding: 0;
}

#bloc b{ color: #000000; }
#bloc b.bleu{ color: #45616F; }

#bloc select{
	color: #666666;
	 font-size: 10px;
	background: #FFFFFF;
	width: 105px;
}

#bloc div.gauche{ float: left; width: 120px; padding-top: 4px; }
#bloc div.droite{ color: #666666; font-size: 12px; float: left; width: 85px; _width: 90px; padding-left: 5px; }

/*#bloc a, #bloc a:link, #bloc a:visited{ color: #CCB528; font-weight: bold; text-decoration: none; }
#bloc a:hover{ color: #CCB528; text-decoration: underline; }
#bloc a.gris, #bloc a.gris:link, #bloc a.gris:visited{ color: #666666; font-weight: bold; text-decoration: none; }
#bloc a.gris:hover{ color: #666666; text-decoration: underline; }*/

#bloc a.result, #bloc a.result:link, #bloc a.result:visited, #bloc a.result:hover{ border-left: #666666 1px solid; padding-left: 5px; }

#bloc #bouton a, #bloc #bouton a:link, #bloc #bouton a:visited, #bloc #bouton a:hover{
	color: #FFFFFF; font-family: Trebuchet MS;
	font-size: 11px; font-weight: bold;
	text-align: center; text-decoration: none;
	background: #CCB528 url(gx/100/btn_Info.gif) no-repeat top left;
	width: 103px; height: 17px;
	display: table-cell;
}
#bloc #bouton a.gros, #bloc #bouton a.gros:link, #bloc #bouton a.gros:visited, #bloc #bouton a.gros:hover{
	width: 135px;
	background: #CCB528 url(gx/100/btn_Info2.gif) no-repeat top left;
}


#result{
	/* background: #FFFFFF url(gx/300/result.gif) no-repeat top left; */
	margin-top: 15px;
}

#result td{ font-size: 10px; }
#result h1{ font-size: 12px; font-weight: bold; background-color: #f4efe1; text-align: center; margin-bottom: 10px; padding:5px; }

#result .petit{ padding: 5px; }
#result .gros{ padding-top: 3px; }

#result .rouge b{ color: #940021; }
#result .vert b{ color: #CEB629; }
#result .bleu b{ color: #088AA5; }
#result .violet b{ color: #8e20fb; }


/* ENFANT */

#enfant{
	background: #FFFFFF url(gx/300/boite.gif) no-repeat top left;
	height: 17px; _height: 20px;
	margin-bottom: 15px; padding: 3px 10px 0 10px;
}

#enfant h1{
	color: #0B8BA3; 
	background: transparent;
	margin: 0; padding: 0;
	font-size: 11px;
}

#enfant a, #enfant a:link, #enfant a:visited{
	color: #45616F; font-family:Tahoma;
	font-size: 10px; font-weight: normal;
	text-decoration: none;
	background: #F4EFE1 url(gx/m/btn_fl.gif) no-repeat center left;
	height: 11px; _height: 12px; width: 73px; _width: 79px;
	padding-left: 6px; margin: 1px 0 0 147px ;
	border: 0px;
	display: block;
}
#enfant a:hover{ text-decoration: underline; background: #F4EFE1 url(gx/m/btn_fl.gif) no-repeat center left;  }

#enfant div.gauche{ float: left; width: 300px; }
#enfant div.droite{ float: left; width: 225px; text-align: right; }

/* FORMULAIRE -----------------------------------------------------------------------------*/

fieldset{font-size: 11px; margin-bottom:10px; width:400px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold;}
fieldset label{font-size:12px; color:#000; margin:5px 0 10px 0; width:100px; float:left;}

#labelPublicite{
	color: #000;
	font-size:12px;
	margin:0px 0 10px 0;
	width:300px;
	float:left
}

.champTexte{
	background: #fff;
	border: 1px solid #ebe2ba;
	color: #4E677A;
	font-size: 11px;
	margin:0px 0 10px 0;
	padding:3px;
	width:300px;
	float:right;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #ebe2ba;
	color: #4E677A;
	font-size: 11px;
	margin:0px 0 10px 0;
	padding:3px;
	width:300px;
	float:right;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #ebe2ba;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:0px 0 10px 0;
	padding:3px;
	width:300px;
	height:150px;
	float:right;
}
/*.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}*/

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}





/* CONTENEURS
--------------------------------------------------------------------------------------- */

#bg_fond{
	background: url(gx/M/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
}

#conteneur{
	margin: 0 auto 0 auto;
	text-align: left;
	width:978px;
}

#conteneur_contenu{
	background: url(gx/M/bg_contenu_vert.gif) repeat;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width:998px;
}

#bg_contenu{
	position: relative;
	background: url(gx/M/bg_contenu_degrade.gif) repeat-x;
	min-height: 252px;
	overflow:visible;
	_height: 252px;
	margin: 0;
	padding: 0;
}

#col_gauche{
	float:left;
	display:inline;
	margin: 26px 0 0 40px;
	/*position: absolute;*/
	top: 26px;
	left: 40px;
	width:208px;
}

#col_centre{
	margin: 0px 297px 0 281px;
	padding: 26px 0 0 0;
	width:422px;
	min-height:610px;
	_height:610px;
	/* Internet Explorer */
	_float: left;
	_display: inline;
	_margin: 0 0 0 30px;
}

#col_droite{
	float:right;
	display:inline;
	margin: 26px 40px 0 0;
	/*position: absolute;*/
	top: 26px;
	right: 40px;
	width: 226px;
}



/* ENTETE
--------------------------------------------------------------------------------------- */
#entete {
	padding: 17px 0 24px 0;
	position: relative;
}

#video{
	position: absolute;
	right: 0px;
	top: 17px;
	margin: 0;
	padding: 0;
}

.btn_clendrier{
	display: block;
	width: 117px;
}






/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ background: url(gx/M/bg_piedpage.gif) repeat; color:#555; font-family:Tahoma; font-size:10px; height:50px; margin:0 10px 0 10px; padding:0 30px 0 30px; position:relative; }
#piedPage a{color:#b29e42; text-decoration:none; }
#piedPage a:hover{color:#000; text-decoration:underline;}
#piedPage #copyrights{float:right; margin:0; text-align: right; }
#piedPage #copyrights a{ }
#piedPage #copyrights #lienCopyrights{font-weight:normal;  color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

#piedPage_menu ul{
	position: absolute;
	left:270px;
	top:16px;
	margin: 0;
	padding: 0;
}

#piedPage_menu li{
	float: left;
	margin: 0;
	padding: 0 7px 0 7px;
	list-style: none;
}


/* BOOKMARKER */
#socialBookmarker {float:left;}
#bookmarker a{color:#BD9500; text-decoration:underline;}
#bookmarker a:hover{color:#000;}




/* MENU CALL TO ACTION
--------------------------------------------------------------------------------------- */
#callToAction {
	margin: 0;
	padding: 0;
}


#callToAction ul{
	margin: 0;
	padding: 0;
}

#callToAction li{
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
	float: left;
}

/* TEXTES + IMAGES
--------------------------------------------------------------------------------------- */
.beige_border{ border:  1px solid #ebe2ba; }

.titre_underline{
background: #FFFFFF url(gx/m/ligne.gif) repeat-x bottom left;
margin-bottom: 5px; padding-bottom: 5px;
}

.fr { float:right; }
.fl { float:left; }

.titre_bg_vert {
padding:5px; 
font-size:14px;
font-weight:bold; 
background-color:#99cc00;
}

.conference_section{
text-decoration:none;
font-weight:bold;
color:#000;
width:100%;
display:block;
padding:7px;
margin: 0 0 4px 0;
background-color:#ebe2ba;
}

.bg_couleur_1:hover{ background-color:#6d99d8; color:#000; }
.bg_couleur_2:hover{ background-color:#9321fb; color:#000; }
.bg_couleur_3:hover{ background-color:#9ec828; color:#000; }
.bg_couleur_4:hover{ background-color:#507c01; color:#000; }
.bg_couleur_5:hover{ background-color:#f99700; color:#000; }


.conference {
border: 1px solid #000;
padding:8px;
}


/*p {font-size: 11px; line-height: 150%; color: #717172;} */
/*p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}*/
a { color:#000; }
a:hover { color:#718c0b; }

ul li{line-height:150%; list-style:square; margin-left:16px;}
ol li{line-height:150%; color:#1F1F1F; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{
	background: url(gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.lienPDF{
	background: url(gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}


/* Banniere --------------------------------------------------------*/

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

#banniereGaucheTexte{ list-style-type:none; margin:0; padding:0; font-size:13px; }
#banniereGaucheTexte li{ background-color:#eee; list-style-type:none; height:100px; margin:0; padding:0; width:206px; }
#banniereGaucheTexte p{ margin:0; padding:0; }

#banniere_centre { 
	/* background: url(gx/M/banniere_centre.jpg) no-repeat left; */
	width: 422px;
	height: 95px;
	min-height: 95px;
	overflow:hidden;
	display: block;
}

#banniere_centre_texte{
color: #000;
padding: 15px 160px 0 15px;
font-size:11px;
}

#banniere_centre_texte p{ margin:0 0 10px 0; padding:0; line-height:normal; }


/* FORMULAIRES
--------------------------------------------------------------------------------------- 
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0;}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} 

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam 


.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}*/


/* PAGE NOUVELLES
--------------------------------------------------------------------------------------- */

.imgNouvelles { padding: 0 10px 10px 0; float:left; }


/* CLASSES GENERALES
--------------------------------------------------------------------------------------- */

.unique { color:#555; }

.pad15 { padding:15px; }
.pad10 { padding:10px; }

.btn {
background-color: #e5dbaf;
border-top: 1px solid #f7f0d3;
border-left: 1px solid #f7f0d3;
border-bottom: 1px solid #d4c892;
border-right: 1px solid #d4c892;
color:#000000;
display:inline-block;
font-size:12px;
font-weight:normal;
text-decoration:none;
padding: 3px 10px 3px 10px;
margin: 1px;
}

.btn:hover {
color:#000000;
background-color: #a7c01d;
border-top: 1px solid #c3da47;
border-left: 1px solid #c3da47;
border-bottom: 1px solid #77920c;
border-right: 1px solid #77920c;
}


.btn_vert {
background-color: #d7e888;
border-top: 1px solid #bed661;
border-left: 1px solid #bed661;
border-bottom: 1px solid #95b71f;
border-right: 1px solid #95b71f;
color:#000000;
display:inline-block;
font-size:12px;
font-weight:normal;
text-decoration:none;
padding: 5px 15px 5px 15px;
margin: 0;
}

.btn_vert:hover {
color:#000000;
background-color: #a7c01d;
}



.btn_width_fixe {
	width:200px;
}

.lien_bleu{
color:#0066CC;
text-decoration:none;
}

.lien_bleu:hover{
color:#0099FF;
text-decoration:underline;
}



.btn_info {

}

.vert_1{ color:#a4be1d; }
.vert_2{ color:#6e880b; }
.vert_3{ color:#a0c22f; }
.noir { color:#000; }

/*  PAGE VIDEO
--------------------------------------------------------------------------------------- */

#videoplayercontainer{
	float: left;
	width: 325px;
	padding: 10px 0 0 0;
	margin: 6px 0 0 0 ;
}	
#videolisting{
	float: left;
	margin: 6px 0 0 0 ;	
}

.videos{
	background: transparent url(Gx/1300/bg_videos.gif) repeat-x bottom left;
	float: left;
	height: 100%;
	padding: 10px 0;
}	

.videos .img{
	float: left;
}
.videos .img img{
	display: block;
	margin: 0 auto;
}
.videos .txt{
	float: left;
}

.mediaEncadre{ padding:10px; border:1px solid #ebe2ba; _height:118px;float:left;margin-bottom:10px; }

.videoThumbnail{
padding: 0;
float:left;
width:170px;
}

.videoDetails{
float:left;
width:200px;
}



/*  BOOKMARKER 
--------------------------------------------------------------------------------------- */

#socialBookmarker {  border: 1px solid #e0d394; color:#b29e42; float:left; padding: 4px 0 0 4px; background-color:#f7f1d7; }
#socialBookmarkerPrefix {float:left;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}

#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* GOOGLE MAP --------------------------------------------------------- */
#map { width:100%;height:290px;position:relative;border:1px solid #666;overflow:hidden; }
.gMap { width:100%;height:290px;position:relative;border:1px solid #666;overflow:hidden; }

/* BECHERS ------------------------------------------------------------ */

#bloc #barre{ height:60px; overflow:hidden;/* border: #666666 1px solid; */ }
#bloc #barre .rouge{ background:#a0c22f; /* background: #CC0000; */ }

.souffrance{
position:relative;
background-color:#fff;
width:50px;
overflow:hidden;
}

.becher {
z-index:1;
position:absolute;
}