/*
	' @Revision :
	'		GEMINI-191 LL 09/02/2006
	'		Ajout de la classe lien11
	'
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12x;
	behavior: url(../../css/csshover.htc);

}
a#logo span {visibility:hidden;}
a#logo {
	background-image:url("../images/neon/logo_neon1.jpg");
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-decoration:none;
	width:148px;
}
p	{padding-bottom: 15px;}
h1{
	color:#FF6600;
	font-size: 15px;
	font-weight:bold;
}
h2{
	color:#000000;
	font-size: 14px;
	font-weight:bold;
}
h3{
	color:#000000;
	font-size: 13px;
	font-weight:bold;
}
/*GEMINI-416*/
form {display:inline;}

a {	color: #003399;}

a.visited 
{	color: #003399;}
.fond1 {  background-color: #6C91DA}
.fond2 {  background-color: #FF6600}
.fond3 {  background-color: #FFFFFF}
.fond4 {  background-color: #EAEAEA}
.fond5 {  background-color: #6C91DA}
.fond6 {  background-color: #CCCCCC}
.fond7 {  background-color: #9FB7E7}/*FFC15A*/
.fond8 {  background-color: #FFFFF0}
.fond9 {  background-color: #FF9900}
.fond10 {  background-color: #D8E1F5}
/*GEMINI-1191*/
.fond11 {  background-color: #00AE01}
.fond12 {  background-color: #90EE90}
.fond13 {  background-color: #B0E0E6}
.fond14 { background-color: #A5C5C5}
.fond15 { background-color:#dbe2fd;}
.fond16 { background-color:#f3f3f3;}
/*GEMINI-2329 MG 21/05/2010 : ajout de la couleur de fond pour les sous fiches*/
.fond17 { background-color:#d1d1d1;}
.coul1 {  color: #FFFFFF}
.coul2 {  color: #FF6600}
.coul3 {  color: #B90000}
.coul4 {  color: #33CC33}
.coul5 {  color: #003399}
.coul6 {  color: #656565}
.coul7 {  color: #D8E1F5}
.coul8 {  color: #999999}
.coul9 {  color: #00AE01}
.coulCharte {  color: #FF7F00}
a.lien1 {  color: #646464; text-decoration: underline}
a.lien1:visited {  color: #646464; text-decoration: underline}
a.lien1:hover{  color: #CA201F; text-decoration: underline}
a.lien2 {  font-weight: normal; color: #656565; text-decoration: none}
a.lien2:visited {  font-weight: normal; color: #656565; text-decoration: none}
a.lien2:hover {  font-weight: normal; color: #FF6600; text-decoration: none}
a.lien3 {  font-weight: normal; color: #FFFFFF; text-decoration: none}
a.lien3:visited {  font-weight: normal; color: #FFFFFF; text-decoration: none}
a.lien3:hover {  font-weight: normal; color: #000000; text-decoration: none}
a.lien4 {  color: #000000; text-decoration: none}
a.lien4:visited {  color: #000000;  text-decoration: none}
a.lien4:hover {  color: #FF9900; text-decoration: underline}
a.lien5 {  color: #FF6600; text-decoration: none}
a.lien5:visited {  color: #FF6600; text-decoration: none}
a.lien5:hover {  color: #000000; text-decoration: none}
a.lien6 {  color: #666666; text-decoration: underline}
a.lien6:visited {  color: #666666; text-decoration: underline}
a.lien6:hover {  color: #FF6600; text-decoration: underline}
a.lien7 {  font-weight: bold; color: #FFFFFF; text-decoration: underline}
a.lien7:visited {  font-weight: bold; color: #FFFFFF; text-decoration: underline}
a.lien7:hover {  font-weight: bold; color: #FF6600; text-decoration: underline}
a.lien8 {  color: #FF0000; text-decoration: underline}
a.lien8:visited {  color: #FF0000; text-decoration: underline}
a.lien8:hover {  color: #FF6600; text-decoration: underline}
a.lien9 {  color: #003399; text-decoration: underline}
a.lien9:visited {  color: #003399; text-decoration: underline}
a.lien9:hover {  color: #FFFFFF; text-decoration: underline}
a.lien10 {  color: #FF6600; text-decoration: none}
a.lien10:hover {  color: #666666; text-decoration: underline}
a.lien11{  color: #000000; text-decoration: none}
a.lien11:visited{  color: #000000; text-decoration: none}
a.lien11:hover{  color: #000099; text-decoration: none}
a.lien12{  color: #000000; text-decoration: none}
a.lien12:visited{  color: #000000; text-decoration: none}
a.lien12:hover{  color: #FFFFFF; text-decoration: none}
a.lien12Actif {color: #FFFFFF; text-decoration: none;}

/*GEMINI-1191
a.lien13{color:#656565; cursor:pointer; text-decoration:none;}
a.lien13:hover{  color: #FF6600; text-decoration: underline}
*/

/*GEMINI-1782 VC 09/04/2009: lien zone recherche ajax FO */
a.lien13 { color:#656565; text-decoration:none; cursor:pointer; }
/*GEMINI-1782 VC 05/01/2010: suppression du lien12:visited */
a.lien13:hover { background-color:#FF6600; text-decoration:none; color:#FFFFFF; }

a.lien14{  color: #FFFFFF; text-decoration: none}
a.lien14:visited{  color: #FFFFFF; text-decoration: none}
a.lien14:hover{  color: #FF6600; text-decoration: none}

a.menuRetour{font-size: 12px;color: #0000aa; text-decoration: none; font-weight: bold}
a.menuRetour:visited{font-size: 12px;color: #0000aa; text-decoration: none; font-weight: bold}
a.menuRetour:hover{ font-size: 12px;color: #000000; text-decoration: none; font-weight: bold}

a.mailMag {color: #646464; text-decoration: none; font-size: 12px; font-weight: 550;}
a.mailMag:visited {  color: #646464; text-decoration: none; font-size: 12px; font-weight: 550;}
a.mailMag:hover{  color: #CA201F; text-decoration: none; font-size: 14px; font-weight: bold;}

/*GEMINI-1191*/
.TxtRub1 {  color: #93117E}
.fondRub1 {  background-color: #93117E}
.bordRub1 {  border: 2px solid #93117E}
.TxtRub2 {  color: #f49e00}
.fondRub2 {  background-color: #f49e00}
.bordRub2 { border: 2px solid #f49e00}
.TxtRub3 {  color: #9f003f}
.fondRub3 {  background-color: #9f003f}
.bordRub3 { border: 2px solid #9f003f}
/*Animations enfants rose */
.TxtRub4 {  color: #E2007a}
.fondRub4 {  background-color: #E2007a}
.bordRub4 { border: 2px solid #E2007a}
/*Animations diverse bleu */
.TxtRub5 {  color: #0086cb}
.fondRub5 {  background-color: #0086cb}
.bordRub5 { border: 2px solid #0086cb}
/*Resto, bars gris clair*/
.TxtRub6 {  color: #92b1c1}
.fondRub6 {  background-color: #92b1c1}
.bordRub6 { border: 2px solid #92b1c1}
/*Bals thés dansants et aussi Lotos 8 : un espèce de doré ou marron clair*/
.TxtRub7 {  color: #Cb9a04 }
.fondRub7 {  background-color: #CB9A04 }
.bordRub7 { border: 2px solid #CB9A04}
.TxtRub8 {  color: #Cb9a04 }
.fondRub8 {  background-color: #Cb9a04 }
.bordRub8 { border: 2px solid #Cb9a04}
/*Marchés rouge*/
.TxtRub9 {  color: #E2001a}
.fondRub9 {  background-color: #E2001a}
.bordRub9 { border: 2px solid #E2001a}
/*Activité de pleins airs vert fonce*/
.TxtRub10 {  color: #008633}
.fondRub10 {  background-color: #008633}
.bordRub10 {border: 2px solid #008633}
/*Sport collectis : vertclair*/
.TxtRub11 {  color: #C8d200}
.fondRub11 {  background-color: #C8d200}
.bordRub11 { border: 2px solid #C8d200}
.TxtRub12 {  color: #000000}
.fondRub12 {  background-color: #000000}
.bordRub12 { border: 2px solid #000000}

.taille_00 {  font-size: 7px}
.taille0 {  font-size: 9px}
.taille1 {	font-size: 10px}
.taille2 {  font-size: 14px}
.taille3 {  font-size: 18px}
.taille4 {  font-size: 20px}
.taillenorm {  font-size: 12px}
.tailleEspace {
	font-size: 11px;
	line-height: 150%;
	letter-spacing: 0.1em;
}
.Buttons {
cursor:hand;
border: 1px #666666 groove;
; background-color: #3366CC
; font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-position: center center
; font-weight: bold
; color: #FFFFF0
}
.ButtonsVert, .buttonsVert {
cursor:hand;
border: 1px #CCCCCC groove;
; background-color: #FF6600
; font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-position: center center
; font-weight: bold
; color: #FFFFF0
}
.ButtonsOrangePetit {
cursor:hand;
border: 1px #CCCCCC groove;
; background-color: #FF6600
; font-family: Arial, Helvetica, sans-serif;; font-size: 9px; background-position: center center
; color: #FFFFF0
}

/*GEMINI-1191*/
.ButtonsNoir  {
cursor:hand;
border:1px #FF9900 groove;
background-color: #FF9900;
font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-position: center center;
font-weight: bold;
color: #FFFFF0;
}

select {font-family: Arial, Helvetica, sans-serif;  font-size: 12px}
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
input.disabled { background-color:#dddddd;}

/*GEMINI-416*/
.ChampsModel1{width:475px;}
.ChampsModel2{width:150px;}
.ChampsModel3{width:50px;}
.ChampsModel4{width:250px;}
.ChampsModel5{width:25px;}
.ChampsModel6{width:75px;}

textarea { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF;  font-size: 12px; color: #000000; }

.Grise {
	border: 1px #888888 solid;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 12px;
	color:#888888;
}
.champmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	color: #000000;
}
a.lienmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lienmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.txtgrismenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
select.petit{ font-family: Arial, Helvetica, sans-serif; font-size: 10px}
select.titre{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600; font-weight: bold}
select.titre2{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFF0; font-weight: bold; background-color: #3366CC}
textarea.petit { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF;  font-size: 10px; color: #000000; }
input.petit { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

.rajoutCom 
{ 
	font-size: 12;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}
.depPrincipal
{
filter:alpha(opacity=100)
}
.depConjoint
{
filter:alpha(opacity=140)
}
<!--------------------Taille Ecriture Ecran Facture---------------- -->
td.Facture
{
	font-size: 11px;
	font-weight: none; 
	color: #000000; 
	text-decoration: none;
}
td.FactureDescr
{
	font-size: 12px;
	font-weight: none; 
	color: #000000; 
	text-decoration: none;
}
<!--------------------Taille Ecriture Ecran courriers-type---------------- -->
.infosFichesNumFiche 
{  
	font-size:12px;
	color: #B90000;
}
.infosFichesEmail
{  
	font-size:12px;
	color: #FF6600
}
<!--------------------Bouton "Retour"---------------- -->
.ButtonsRetour 
{
	cursor:hand;
	border: 1px #CCCCCC groove;
 	background-color: #bbbbbb; 
	font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-position: center center; 
	font-weight: bold; 
	color: #FFFFF0;
}
<!----------Menu : GEMINI 150 CR 20/02/06-->
/*taille et couleur de fond du menu*/ 
div#menu {background: #FFFFFF;} 
/* Couleur du texte quand lien dans le menu*/
div#menu a {color:#FFFFFF} 
div#menu a:hover {color:#000000}
div#menu ul.niveau1 li.col2 ul.niveau2 a {color:#000000; background: #FFFFFF;} 
/* GEMINI-416 CR 27/09/06
div#menu ul.niveau1 li.col2 ul.niveau2 a:hover {color:#3366CC; background: #FFFFFF;}
div#menu ul.niveau1 li.col2 ul {border:1px solid #3366CC;}
*/
div#menu ul.niveau1 li.col2 ul.niveau2 a:hover {color:#FF7F00; background: #FFFFFF;}
div#menu ul.niveau1 li.col2 ul {border:1px solid #FF7F00;}
/* Couleur de fond des UL IL et sous menu*/ 
div#menu ul {padding: 0px; margin:0px; background: #FF6600;  color:#FFFFFF} 
div#menu li:hover {color: #FFFFFF;} 
div#menu li.sousmenu:hover {color: #FFFFFF;} 
/* float left pour les li afin d'aligner le menu et plus de bordures*/ 
div#menu ul li {/*position:relative;*/ list-style: none; float:left; display:block;} 
/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/ 
div#menu ul ul {
	position: absolute;
	display: none;
	padding: 2px;
	margin: 0px;
	azimuth: far-left;
} 
/*taille des cases de sous menu*/
div#menu ul.niveau1 li.col2 ul.niveau2 li.col2{width:110px;} 
/* plus de bordure et taille remise a 100px*/ 
div#menu li a {text-decoration: none; display:block;} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block; 	font-size: 10px} 
/*Colonne 2*/
div#menu ul.niveau1 li.col2 {width: 120px;} 
div#menu ul.niveau1 li.col2 ul.niveau2 {background: #FFFFFF;}
<!----------Menu : GEMINI 150 CR 20/02/06-->

ul#menu_commu {
	margin-top:10px;
	padding:0px;
}

ul#menu_commu li {
	width:183px;
	height:22px;
	margin-left:-15px;
	list-style-type:none;
	margin-bottom:3px;
}

ul#menu_commu li a {
	width:183px;
	height:20px;
	background-image:url(../images/charte/menu_accueil/bouton.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
}

ul#menu_commu li a:hover {
	background-position:0px -22px;
}

ul#menu_commu li a.commu_active, 
ul#menu_commu li a.commu_active:hover{
	margin-left:10px;
	background-position:0px -44px;
	background-color:#FF6600;
}

/*GEMINI-1191 BC 09/2008 styles pour le visionnage du mag en ligne*/
.numMag {
	height: 20px;
	margin: 2px 0px 2px 0px;
	width: 162px;
	border: 1px solid #000000;
	color: white;
	display: block;
	float: left;
	text-align: center;
}

div#listeMag img{
	margin: 24px;
	cursor: pointer; 
	margin-bottom: 0px;
	width: 112px;
	height: 156px;
}

.flecheListe {
	width:20px; 
	background-color: white; 
	height: 20px;
	margin-top: 105px; 
	cursor: pointer;
	float: left;
}

/* GEMINI-1191 BC 09/2008 fonds pour le "chemin de fer" du BO*/

.visu2 {
	background-color: #99CCCC; 
}

.visu3 {
	background-color: #FFFF33; 
}

.visu4 {
	background-color: #FF0000;
}

.visu5 {
	background-color: #66CC66;
}

/*GEMINI-1191 BC 09/2008 carré des checkboxes"*/

.carreVert {
	width: 7px;
	height: 7px; 
	background-color: #21A121;
	font-size:0px;
	position:absolute;
	margin:6px auto auto 7px;
	_margin:7px auto auto 7px;
}

/* GEMINI-1782 VC 10/04/2009 style des plus */
.explorer {
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	background-color:#3366CC;
	padding-left:2px;
	padding-right:2px;
}

/*bord bleu/gris pour les input*/
.bordGris {
border:1px solid #7F9DB9;
}

.bordNoir {
border: 1px solid #000000;
}

/*onglets rubriques*/
/*GEMINI-1191*/
.onglet {
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	cursor: pointer;
}
.onglet1 {
	background-color: #93117E;
	border-top: 1px solid #93117E;
	cursor: pointer;
}
.onglet2 {   
	background-color: #f49e00;
	border-top: 1px solid #f49e00;
	cursor: pointer;
}
.onglet3 { 
	background-color: #9f003f;
	border-top: 1px solid #9f003f;
	cursor: pointer;
}
/*Animations enfants rose */
.onglet4 {
	background-color: #E2007a;
	border-top: 1px solid #E2007a;
	cursor: pointer;
}
/*Animations diverse bleu */
.onglet5 { 
	background-color: #0086cb;
	border-top: 1px solid #0086cb;
	cursor: pointer;
}
/*Resto, bars gris clair*/
.onglet6 {  
	background-color: #92b1c1;
	border-top: 1px solid #92b1c1;
	cursor: pointer;
}
/*Bals thés dansants et aussi Lotos 8 : un espèce de doré ou marron clair*/
.onglet7 { 
	background-color: #CB9A04;
	border-top: 1px solid #CB9A04;
	cursor: pointer;
}
.onglet8 {
	background-color: #Cb9a04;
	border-top: 1px solid #Cb9a04;
	cursor: pointer;
}
/*Marchés rouge*/
.onglet9 {
	background-color: #E2001a;
	border-top: 1px solid #E2001a;
	cursor: pointer;
}
/*Activité de pleins airs vert fonce*/
.onglet10 {
	background-color: #008633;
	border-top: 1px solid #008633;
	cursor: pointer;
}
/*Sport collectis : vertclair*/
.onglet11 {
	background-color: #C8d200;
	border-top: 1px solid #C8d200;
	cursor: pointer;
}
.onglet12 {
	background-color: #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	cursor: pointer;
}


/*HR oranges néon tous navigateurs*/
.hrNeon {
	border-top: 1px solid #FF9900;
}


/*GEMINI-2165 BC 07/09 */

.highlight {
	color: #CC3333;
	font-weight: bold;
}




.Message {
   background: #FFF9D7 none repeat scroll 0%; 
   border: 1px solid; 
   border-color:#FF7F00; 
   padding:3px;
   text-align:center;
}

.champInvalide, input.champInvalide, textarea.champInvalide{
   background-color:#FFF9D7;
   border-color:#FF7F00 !important;
   border-style:Solid;
   border-width:0.1em;
   margin:0.1em !important;
}

/*GEMINI-1782 VC 10/04/2009: popup des rubriques */
.carreVert {
	width: 7px;
	height: 7px; 
	background-color: #21A121;
	font-size:0px;
	position:absolute;
	margin:3px auto auto 3px;
	_margin:7px auto auto 7px;
}

.explorer {
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	background-color:#3366CC;
	padding-left:2px;
	padding-right:2px;
}

.msgLimite {
	width:100%;
	text-align:center;
	color:#B90000;
	display:block;
	background-color:#DDDDDD;
	font-weight:bold;
}

/* GEMINI-2329 VC 23/12/2009: debut affichage des infobulles */
span.help {
  position:relative;
  text-decoration: none;
}

span.help img {
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
}

span:hover.help {
  background: none;
}

span.help span {display: none;}

span:hover.help span {
  display: inline;
  position: absolute; 
  top:0em;
  left:3em;
  z-index: 20;
  background: #FFF9D7;
  color: #000;
  border:1px solid #FF7F00;
  min-width:150px;
  width:auto;
  width:expression(this.currentStyle.getAttribute('minWidth'));
  text-align:left;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}
/* GEMINI-2329 VC 23/12/2009: fin affichage des infobulles */

tr.borderPointille td,
tr.borderPointille th {
	border-color:#a8abae;
	border-style:dashed;
	border-width:1px;
}
.ButtonsBlanc {
cursor:hand;
padding:0px;
border:0px #FFFFFF groove;
background-color: #FFFFF0;
font-family: Arial, Helvetica, sans-serif;; font-size: 11px; background-position: center center;
font-weight: bold;
color: #FF6600;
}
/* GEMINI-2052 - CDC REF : ne concerne que l'annuaire */
#annu_bandeauDroite {
 float:right;
 width:186px;
 background:#f7f5f5;
 margin-top:-10px;
 margin-right:3px;
 *margin-right:0px;
 font-size:10px;
 text-align:left;
}

#annu_postIt{
float: left;
 background:url(/images/charte2/post-it.png) center no-repeat;
 width:180px;
 height:143px;
 margin-top:-19px;
 text-align: center;
 position: absolute;
 z-index:1000;
}

#annu_postIt div {
	width: 120px;
	text-align: center;
	margin: auto;
	margin-top: 30px;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
}

hr.both{
 visibility:hidden;
 margin-top:150px;
}

hr.clearB{
 visibility:hidden;
 clear:right;
}

#mini-fr{
 margin-top:-31px;
 margin-left:140px;
}

#ref-secteurs-titre{
 width:186px;
 line-height:18px;
 height:18px;
 color:#FFFFFF;
 vertical-align:middle;
 font-weight:bold;
 background:#999999;
 text-align:left;
 float:left;
 text-indent:2px;
 margin-top: 0px;
 //margin-right:-1px;
}

img.fadding{
 position:absolute;
 margin-left:-90px;
}
 ul#ref-secteurs-liste {
	list-style: none;
 }
ul#ref-secteurs-liste li {
	display: inline;
}
ul#ref-secteurs-liste li a {
	width: 23%;
   color:#999999;
   text-decoration:underline; 
   margin-right: 26px;
}
  
.ref-titre{
 width:186px;
 line-height:18px;
 height:18px;
 color:#FFFFFF;
 vertical-align:middle;
 font-weight:bold;
 background:#999999;
 text-align:left;
 float:left;
 text-indent:2px;
 padding:none;
 position:absolute;
 //margin-left:1px;
}

 #last-dd{
  margin:auto;
 margin-left:7px;
 margin-bottom:20px;
  width:170px;
 height:130px;
 background:#FFFFFF;
 }
 
 a.a-last-dd{
  text-decoration:none;
 }
 
   a.a-last-dd:hover{
  text-decoration:underline;
  color:#cccccc;
  }
 
 .titre-last-dd{
  color:#FF6600;
 font-weight:bold;
 }
 
 .desc-last-dd{
  color:#000000;
 margin-bottom:10px;
 }
 
 ul#rech-pop, ul#ref-secteurs {
 clear:right;
 list-style:none;
 padding:none;
 margin-top:5px;
 margin-left:-40px;
 //margin-left:2px;
}
 
 ul#rech-pop li, ul#ref-secteurs li {
  width:auto;
  color:#999999;
  text-indent:4px;
 }
 
  ul#rech-pop li a, ul#ref-secteurs li a, ul#ref-pop li a:visited, ul#ref-secteurs li a:visited  {
   color:#999999;
   text-decoration:underline; 
  }
  ul#rech-pop li a:hover, ul#ref-secteurs li a:hover {
   color:#FF6600;
   text-decoration:underline; 
  }

#ref-infos{
 color:#333333;
 margin-left:2px;
}

 #ref-infos a {
  color:#333333;
  font-weight:bold;
  text-decoration:underline;
 }

a.criteres{
 float:left;
 color:#999999;
 font-size:10px;
 font-style:italic;
 margin-left:8px; 
}

h1.titreAnnu {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

#filAriane{
 font-size:11px; 
 color:#000000;
}
 
 #filAriane a{
  color:#003399;
  text-decoration:none;
 }
 
 #filAriane a:hover{
  text-decoration:underline;
  color:#FF6600;
 }

#rech{
 width:325px;
 float:left;
}

#rechFreq{
 border-left: 1px #e4e3e3 dashed;
 border-bottom: 1px #e4e3e3 dashed;
 font-size:11px;
 margin-left:5px;
 width:225px;
 height:auto;
 float:left
}

#lienCarte {
	float:right;
	font-size:11px;
	font-style:italic;
	height:auto;
	margin-right:15px;
	margin-top:12px;
}
#lienCarte a {
	color:#999999;
	text-decoration:underline;
}

#TrechFreq{
 font-weight:bold;
 color:#636363;
 margin-left:20px;
 margin-bottom:10px;
}

ul.LrechFreq{
 list-style:none;
 float:left;
 padding:0px;
 margin-left:6px;
 margin-right:3px;
 margin-top: 0px;
}

ul.LrechFreq li {
	display: inline;
}

ul.LrechFreq li a{
 color:#999999;
 text-decoration:underline;
 margin-right: 12px;
}

 ul.LrechFreq li a:hover{
  color:#FF6600;
 }

.TrechAnnu{
 font-size:12px;
 font-weight:bold;
 color:#636363;
}

.sTrechAnnu{
 font-size:12px;
 font-weight:bold;
 color:#FF6600;
 padding-right:5px;
}

.CTrechAnnu{
 font-size:11px;
 color:#999999;
}

input.rechAnnu, select.rechAnnu{
 font-size:12px;
 color:#000000;
 border: 1px #999999 solid;
 width:235px;
}

input.rechAnnuRadCheck{
 font-size:12px;
 color:#000000;
 width:auto;
}

input.rechAnnuCP{
 font-size:12px;
 color:#000000;
 border: 1px #999999 solid;
 width:100px;
}

select.rechAnnu option{
 font-weight:none;
 color:#000000;
 background-color:transparent;
}


input.validAnnu{
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF;
 margin-top:5px;
 width:49px;
 height:19px;
 border:none;
 cursor:pointer;
 background:url(/images/charte2/formAnnu_valid.jpg) no-repeat;
}
div#pagination {
	float: left;
	text-align: center;
	margin-left: 120px;
}
div.page_active {
	float: left;
	margin-right: 8px;
	padding-top: 4px;
	width: 24px;
	height: 32px;
	border: 0;
	background:url(/images/charte2/pagination_actif.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
	margin-top: -4px;
}
div.page {
	float: left;
	margin-right: 8px;
	padding-top: 6px;
	width: 24px;
	height: 32px;
	border: 0;
	background:url(/images/charte2/pagination.png) no-repeat;
}
div.page a {
	display: block;
	color: #fff;
	width: 24px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
div.page a:hover {
	display: block;
	color: #fff;
	width: 24px;
	height: 16px;
	text-decoration: none;
}
.gras  {
	font-weight: bold;
}
/* /-GEMINI-2052 - CDC REF : ne concerne que l'annuaire */

/********************************************* GEMINI-2539 - debut partie haute ****************************/
* {
margin:0;
}
#conteneur{
	background-color: #D7D7D7;
}

#page{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color:white;
}
#bandeau {
	background-image: url(/images/charte2/elementsModifiables/bandeau.gif);
	background-repeat: no-repeat;
	width:1000px;
	display:block; 
	visibility:visible;
	text-align: left;
}

/*GEMINI-1191*/
a#logoFO span {visibility:hidden;}
a#logoFO {
/*background-image:url(../images/charte2/neon/logo_neon05.png);
background-repeat:no-repeat;
background-position: left bottom;*/
text-decoration: none;
display:block;
height:117px;
width: 316px;
}

#compte{
	background-color: #06041C;
	font-size: 14px;
	color:	#FFFFFF;
	font-weight:bold;
	height:	27px;
	width: 1000px;
	text-align: left;
}
#mon_compte{
	margin: 6px 0px 0px 200px;
	font-style: italic;
	float: left;
}
#connexion{
	float: left;
}
#connexion form input{
	height:	16px;
	border: 0px;
	color: #000000;
	padding: 2px 0px 0px 5px;
	font-size: 11px;
}
.connexion_login{
	width:	153px;
	font-style: italic;
	margin: 5px 0px 0px 13px;
}
.connexion_mdp{
	width: 126px;
	margin: 0px 5px 0px 8px;
}
.connexion_OK{
	vertical-align: text-bottom;
	width: 29px;
}
#mdp_oublie{
	font-size: 9px;
	font-style: italic;
	padding-top: 11px;
	margin-left: 10px;
	width: 150px;
	float: left;
}
#mdp_oublie a{
	color: #FFFFFF;
}
#mdp_oublie a:link, #mdp_oublie a:visited{
	text-decoration: none;
}
#mdp_oublie a:hover{
	text-decoration: underline;
}
#nom_prenom{
	color: #F29301;
	width: 280px;
	font-style:italic;
	padding: 9px 0px 6px 12px;
	float: left;
	font-size: 10px;
}

.lien{
	background-image: url(/images/charte2/neon/fleche_orange_droite.png);
	background-repeat: no-repeat;
	background-position: 20px 8px;
	padding: 6px 0px 0px 36px;
	font-size: 12px;
	float: left;
}
.lien a{
	color: #FFFFFF;
}
.lien a:link, .lien a:visited{
	text-decoration: none;
}
.lien a:hover{
	text-decoration: underline;
}
.menu_gris{
	height: 24px;
	background-color: #D7D7D7;
	color: #150D18;
	font-weight: bold;
	font-size: 14px;
	width: 1000px;
	text-align: left;
}
.menu_gris .menu_haut{
	list-style-type: none;
	position:absolute;
	width: 1000px;
	margin-top: 0px;
}
.menu_gris .menu_haut .liste1{
	padding : 5px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 250px;
	width: 230px;
}
.menu_gris .menu_haut .liste2{
	padding : 5px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 410px;
	width: 180px;
}
.menu_gris .menu_haut .liste3{
	padding : 5px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 550px;
	width: 290px;
}
.menu_gris .menu_haut .liste4{
	padding : 5px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 700px;
	width: 200px;
}
.menu_gris .menu_haut .liste5{
	padding : 5px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 850px;
}

.menu_gris .menu_haut li {
	list-style-type:none;
	background-image:url(/images/charte2/neon/fleche_noire.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

.menu_gris .menu_haut li a {
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
}
.menu_gris .menu_haut li a:link, .menu_gris .menu_haut li a:visited{
	background-image: none;	
	/*background-repeat: no-repeat;
	background-position: 0px 50%;*/
 }
.menu_gris .menu_haut li:hover{
	background-image:url(/images/charte2/neon/fleche_orange_bas.png);
	background-position:0px 7px;
} 
.menu_gris .menu_haut li:hover a{
 	background-image: none;	
	/*background-repeat: no-repeat;
	background-position: 0px 50%;*/
 }
.menu_gris .menu_haut li:hover .sous_menu{
 	display: block;
 }
.menu_gris .menu_haut li .sous_menu {
 	display: none;
	position: absolute;
	padding-left: 0px;
	font-style: italic;
	/* height: this.parentNode.height;*/
	background-color: #D7D7D7;
	padding-top: 3px;
	list-style-image:none;
	list-style-type:none;
}
.menu_gris .menu_haut li .sous_menu li {
 	float: none;
	font-weight : normal;
	background:none;
	list-style-image:url(/images/charte2/neon/fleche_noire.png);
	list-style-position:inside;
	padding-left:9px;
	padding-top: 2px;
}
.menu_gris .menu_haut li .sous_menu li.last-child{
	padding-bottom: 2px;
}
.menu_gris .menu_haut li .sous_menu li:hover {
 	background-color: #999999;
}
.menu_gris .menu_haut li .sous_menu li a{
 	/*background-image:none;
	margin-left: 10px;*/
 }
.separation {
	border: none;              
	background-color: #FFFFFF; 
  	height: 1px;               
	margin: 1px 20px 2px 10px;
	padding: 0;
}	
.menu_gris .menu_haut .liste1 .sous_menu{
	width: 260px;
}
.menu_gris .menu_haut .liste2 .sous_menu{
	width: 210px;
}
.menu_gris .menu_haut .liste3 .sous_menu{
	width: 310px;
}
.menu_gris .menu_haut .liste4 .sous_menu{
	width: 230px;
}
.consulter span.inscrire_annu{
	display:inline-table;
	width:51%; 
	text-align:right;
	vertical-align:bottom;
}
/********************************************* GEMINI-2539 - fin partie haute ******************************/

/********************************************* GEMINI-2539 - debut partie basse ****************************/
.bottom{
	text-align: center;
	width: 1000px;
	margin: 10px 0px;
}
.mentions_legales{
	background-image: url(/images/charte2/neon/traitML.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	font-size: 12px;
}
.mentions_legales a{
	text-decoration: none;
	color: #999999;
}


/*SB 29/06/2010 Ajout de cette partie */
/*GEMINI-1782 VC 11/01/2010: ajout du style du bouton*/
.rechercher {
	background-image:url(/images/charte2/btnRechercher.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:0px;
	padding:0px;
	margin:0px;
	width:96px;
	height:22px;
	cursor:pointer;
}

/*GEMINI-1782 VC 10/02/2010: bug retour a ligne bouton rechercher ie6 */
* html fieldset#recherche div#form form div#champs {
	margin-right:0px;
}

* html .rechercher {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/charte2/btnRechercher.png') no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset#recherche div#form {
		width:430px;
	}
	
	fieldset#recherche div#form form {
		vertical-align:middle;
	}
}

fieldset#recherche div#form form input {
	margin-top:7px;
}

/* pour ie6 */
* html fieldset#recherche div#form form input.submit {
	float:left;
}

form em.exemple {
	color:#656565;
	display:inline-table;
	width:160px;
	margin-left:130px;
	margin-left:119px\9;
}

/*pour chrome et safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	form em.exemple {
		margin-left:135px;
	}
}

div#affResultRub, div#affResultLieu {
	position:absolute;
	border: 1px solid #000000;
	padding: 4px;
	background-color: #FFFFFF;
	width: 165px;

	margin-top:-1px;
	margin-left:160px;
	margin-top:-3px\9;
	margin-left:160px\9;
	opacity:0.9;
	filter : alpha(opacity=90); 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#affResultRub, div#affResultLieu  {
		margin-left:134px;
		margin-top:-3px;
	}
}









/********************************************* GEMINI-2539 - fin partie basse ******************************/

/********************************************* GEMINI-2539 - debut partie gauche ***************************/
.left{
	width: 200px;
	margin: 20px 10px;
}
.newsletter{
	width: 200px;
	height: 125px;
	padding-bottom: 40px;
	font-size: 14px
}
.newsletter .title{
	font-weight: bold;
	padding-bottom: 10px; 
}
.newsletter .texte{
	text-align: justify;
	padding-bottom: 10px;
}
.newsletter form input{
	border: 1px solid #999999;
	color: #999999;
	font-style: italic;
	font-size: 12px;
	padding: 2px 0px 2px 5px;
}
.newsletter form input.email{
	float: left;
}
.newsletter form input.ok{
	height: 30px;
	width: 34px;
	padding: 0px;
	margin-left: 4px;
	background:none;
	background-image:url(/images/charte2/neon/btn-OK.png);
	color:#000000;
	border:none;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding-left:4px;
	cursor:pointer;
	margin-top:-4px;
	padding-bottom:4px;
}
/* hack safari*/
/*\*/
html*.newsletter form input{
[width: auto;
width: 150px;
]width: auto;
}/*end*/

.newsletter form input.okhover{
	color:#FF6600;
}

.newsletter .plus {
	text-align: right;
	font-size: 12px;
}
.newsletter .plus a{
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.newsletter .plus a:hover{
	text-decoration: underline;
}
/****************************************** GEMINI-2539 - fin partie gauche ********************************/

/****************************************** GEMINI-2539 - debut partie droite ******************************/
.colg{
	float: left;
	width: 350px;
	font-size: 12px;
}
.colg .annuaire{
	background-image: url(/images/charte2/neon/recherche_annuaire.gif);
	background-repeat: no-repeat;
	height: 160px;
	width: 350px;
}
.colg .annuaire .titre{
	color: #000000;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 20px;
}
.colg .annuaire form input{
	margin-top: 15px;
	margin-left: 155px;
	width: 181px;
	border: 1px solid #999999;
	color: #999999;
	padding: 2px 0px 2px 5px 
}
.colg .annuaire form input.ou{
	margin-top: 10px;
}
.colg .annuaire form input.valider{
	width: 83px;
	height: 29px;
	border: none;
	margin-top: 5px;
	padding-left: 0px;
	color: #000000;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom:5px;
	background:none;
	background-image:url(/images/charte2/neon/btn-valider.png);
	cursor:pointer;
}
.colg .annuaire form input.valider_hover{
	color: #FF6600;
}
.colg .annuaire .exemple{
	color: #000000;
	margin-left: 155px;
}
div#affResulRub, div#affResultLieu{
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin-left:155px;
	margin-top:-1px;
	opacity:0.9;
	padding:4px;
	position:absolute;
	width:165px;
}
.colg .consulter{
	padding-top: 5px;
}
.colg .editos{
	width: 350px;
	text-align: left;
	font-weight: inherit;
}
.colg .editos .titre{
	font-size: 16px;
	margin-bottom: 3px;
	font-weight: bold;
	padding-top: 30px;
}
.colg .editos .trait_orange{
	width: 162px;
	height: 3px;
	background-color: #EE7D1D;
	margin-bottom: 2px;
	font-size: 0px;
}
.colg .editos .sous-titre{
	margin-bottom: 20px;
}
.colg .editos .texte{
	text-align: justify;
	margin-bottom: 10px;
}
.colg .suite a{
	color: #AC6144;
	text-decoration: none;
	font-weight: bold;
}
.colg .suite a:hover{
	text-decoration: underline;
}

.cold{
	float: left;
	width: 350px;
	margin-left: 20px;
	font-size: 12px;
	text-align: left;
}
.cold .agenda{
	width: 350px;
	height: 126px;
	background-color: #EE7D1D;
}
.cold .agenda .titre{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 20px;
}
.cold .agenda .recherche{
	padding-left: 20px;
}
.cold .agenda .recherche .rechercheRub{
	padding-bottom: 10px;
}
.cold .agenda .recherche .rechercheMots{
	padding-bottom: 10px;
}
form#formulaireag select, form#formulaireag .rechercheMots input{
	border: #000000 solid 1px;
}

.lblAg {
	width:100px;
	display:block;
	float:left;
}
a.lien12{
	padding-right: 10px;
}
a.lien12:hover{
	text-decoration: underline;
	color: #000000;
}
.cold .evenements .titre{
	color: #EE7D1D;
	font-style: italic;
	padding: 5px 0px;
}
.cold .evenements .liste_evts .even{
	padding-left: 20px;
	font-size: 12px;
}
.cold .evenements .liste_evts .even a{
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.cold .evenements .liste_evts .even a:hover{
	text-decoration: underline;
}
.cold .evenements .suite{
	background-color: #EE7D1D;
	height:20px;
	margin-top: 10px;
	padding: 5px;
}
.cold .ButtonsBlanc {
	font-size: 13px;
	color: #FF6600;
	width: 150px;
	height: 20px;
}
.cold .ButtonsBlanc_hover{
	font-size: 13px;
	color: #FFFFFF;
	width: 150px;
	height: 20px;
	background-color: #FF6600;
	border:0 groove #FFFFFF;
	font-weight: bold;
}

a.btn {
	display:block;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	text-align:left;
}

a.btn:hover{
	color:#FF6600;
	cursor:hand;
}

a.btn span.btnCont {
	height:26px;
	margin:0px;
	padding:0px;
	visibility:visible;
	display:inline-table;
}

a.btn span.btnCont span.left {
	width:8px;
	height:26px;
	display:block;
	margin:0px;
	padding:0px;
	background-image:url(/images/charte2/neon/btn-left.png);
	float:left;
}

a.btn span.btnCont span.center {
	height:22px;
	[height:26px;]
	display:block;
	margin:0px;
	padding:0px;
	background-image:url(/images/charte2/neon/btn-center.png);
	background-repeat:repeat-x;
	padding-top:4px;
	float:left;
}

a.btn span.btnCont span.right {
	width:11px;
	height:26px;
	display:inherit;
	margin:0px;
	padding:0px;
	background-image:url(/images/charte2/neon/btn-right.png);
	margin-left:auto;
}

/*GEMINI-1571 CR 2/02/09 bouton demander un devis*/
a.boutonDD {
	width:140px;
	height:19px;
	background-image:url(../../images/charte/BoutonDD.gif);
	background-repeat:no-repeat;
	display:inline-table;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	padding-top:2px;
}

a.boutonDD:hover {
	color:#000000;
}
/**************************************** GEMINI-2539 - fin partie droite *********************************/