/*
	' @Revision :
	'		GEMINI-191  LL 09/02/2006 : Ajout de la classe lien11
	' 		GEMINI-2616 AL 22/04/2010 : modif #rech : width:325px passé à width:auto 

*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12x;
	MARGIN: 0px;
	behavior: url(../../css/csshover.htc);

}

h1{
	color:#FF6600;
	font-size: 15px;
	font-weight:bold;
}
h2{
	color:#000000;
	font-size: 14px;
	font-weight:bold;
}
.referencement {
	color:#FF6600;
	font-size: 15px;
	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: #000000}
.fond2 {  background-color: #FF6600}
.fond3 {  background-color: #FFFFFF}
.fond4 {  background-color: #EAEAEA}
.fond5 {  background-color: #6C91DA}
.fond6 {  background-color: #CCCCCC}
.fond7 {  background-color: #9FB7E7}
.fond8 {  background-color: #FFFFF0}
.fond9 {  background-color: #FFA466}
.fond10 {  background-color: #D8E1F5}
.fond11 {  background-color: #00AA00} /* Vert */
.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: #00AA00} /* Vert */
.coulCharte {  color: #FF7F00}
a.lien1 {  color: #003399; text-decoration: underline;}
a.lien1:visited {  color: #003399; text-decoration: underline}
a.lien1:hover {  color: #FF6600; 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: #FF6600; text-decoration: underline}
a.lien4Actif {color: #FF6600; text-decoration: underline;}
a.lien5 {  color: #FF6600; text-decoration: none}
a.lien5:visited {  color: #FF6600; text-decoration: none}
a.lien5:hover {  color: #000099; 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, a.lien12:visited, a.lien12:hover { font-weight:bold; color: #000000; 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}

/*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; }

/*GEMINI-2622 ET 19/04/2010 : liens de référencement*/
a.lien14 {  font-weight: normal; color: #656565; text-decoration: none}
a.lien14:visited {  font-weight: normal; color: #656565; text-decoration: none}
a.lien14:hover {  font-weight: normal; color: #003399; text-decoration: none}

a.DDconnexe {
	background-color:#FF6600;
	display:block;
	width:217px;
	/* FF */
	height:20px !important;
	margin-top:1px !important;
	padding-top:3px !important;
	/* IE */
	height:37px;
	margin-top:-15px;
	padding-top:18px;
}


.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
}
select {font-family: Arial, Helvetica, sans-serif;  font-size: 12px}
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

/*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 bandeau gris ----------------------*/
/* GEMINI-2052 - CDC REF : pour bon affichage du menu avec le post-it : changement du main-left 200 vers 50 */
table tr td div#menuGris {
	/*width:790px;*/
	height:20px;
	background-repeat:repeat-x;
	margin-left:50px;
	padding:0px;
}

table tr td div#menuGris ul#menuHaut{
	padding:0px;
	padding-top:2px;
	margin-top:0px;
	margin-bottom:0px;
}

table tr td div#menuGris ul#menuHaut li:first-child {
	margin-left:40px;
	/*pour IE7 */
	*margin-left:0px;
}

/*--- GEMINI-1473 CG 26/11/2008 pour ajout lien recrutement on reduit la marge de 22 a 3 --*/
/*	  GEMINI-1571 CR 2/02/09 pour ajouter demander un devis on reduit la marge de 22 a 10 */
table tr td div#menuGris ul#menuHaut li {
	list-style-type:none;
	float:left;
	margin-left:3px;
	margin-right:8px;
	padding-bottom:2px;
}
	
table tr td div#menuGris ul#menuHaut li ul#sousMenu {
	background-color:#FFFFFF;
	border:1px solid #ff6600;
	/*height:52px;*/
	width:120px;
	*width:100px;
	*margin-left:-118px;
	*top:70px;
	padding-left:0px;
	display:none;
	position:absolute;
	text-align:left;
	margin-top:2px;
}

table tr td div#menuGris ul#menuHaut li ul#sousMenu li:before {
	content: "\2022\0020";
}

table tr td div#menuGris ul#menuHaut li ul#sousMenu li {
	color:#ff6600;
	clear:left;
	font-size:10px;
	margin-left:2px;
	width:120px;
	*width:100px;
	padding-bottom:0px;
}

table tr td div#menuGris ul#menuHaut li ul#sousMenu li span {
	display:none !important;
	*display:inherit;
	*font-size:2px;
	*background-color:#ff6600;
	*width:2px;
	*height:2px;
	*margin-right:3px;
}

table tr td div#menuGris ul#menuHaut li ul#sousMenu li a {
	color:#000000;
	text-decoration:none;
}

table tr td div#menuGris ul#menuHaut li ul#sousMenu li a:hover,
table tr td div#menuGris ul#menuHaut li ul#sousMenu li a:focus,
table tr td div#menuGris ul#menuHaut li ul#sousMenu li a:active {
	color:#ff6600;
}

table tr td div#menuGris ul#menuHaut li:hover ul#sousMenu {
	display:block;
}

/*------------------------------------ fin menu bandeau --------------------------------*/

h1#annuDD {
	color:#656565;
	font-size:20px;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	letter-spacing:-1px;
}


/* ce style est utile pour gérer la taille du lien du logo */
a.logo span {
	visibility:hidden;
	font-family: "Courier New", Courier, mono; /* pour avoir la meme taille de caracteres */
	font-size:38px;
	padding-right:5px;
}

a#logoMulti {
	display:block;
	width:200px;
	background-image:url(../images/charte/page_accueil/logo-multi.gif);
}

div#bandeau_commu {
	margin-left:14px !important;
	width:205px;
}

div#bandeau_commu span {
	text-align:left;
	display:block;
	width:205px;
	height:18px;
	*height:20px;
	margin-bottom:10px;
	padding-top:2px; 
	/*padding-left:30px;*/
	*padding-left:0px; 
	color:#FFFFFF;
	font-weight:bold;
	background-color:#ff6600;
	background-image:url(../images/charte/page_accueil/fleche-orange.gif);
	background-repeat:no-repeat;
	background-position:5px ;
}

ul#menu_commu {
	margin-top:0px;
	padding:0px;
	margin-left:28px !important;
}

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;
}

div#multi {
	text-align:left;
	margin:0px;
	padding:0px;
	margin-top:15px;
}

div#devis, div#annuaire, div#pro {
	width:235px;
	height:230px;
	*height:240px;
	float:left;
	margin-left:15px;
	*margin-left:17px; /* ie 7 */
	-margin-left:12px; /* ie 6 */
}

div#devis h2, div#annuaire h2, div#pro h2 {
	color:#FFFFFF;
	font-size:22px;
	background:none;
	margin:0px;
	padding-left:3px;
	padding-top:1px;
	*padding-top:2px;
}

div div.orangeHeader {
	background-color:#FF6600;
	background-image:url(../images/charte/page_accueil/bgOrangeHeader.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
	padding-left:5px;
	margin-top:0px;
	height:30px;
}

div div.orangeContenu {
	background-color:#FFC49C;
	background-image:url(../images/charte/page_accueil/bgOrangeBas.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:left;
	font-size:14px;
	padding-top:3px;
	height:135px;
	*height:142px;
}

div div.orangeContenu p {
	margin:0px;
	margin-left:15px;
	height:105px;
	*height:107px;
}

div div.orangeContenu select {
	margin-left:15px;
	margin-right:15px;
	width:205px;
}

div div.grisHeader {
	background-color:#656565;
	background-image:url(../images/charte/page_accueil/bgGrisHeader.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
	padding-left:5px;
	margin-top:0px;
	height:30px;
}

div div.grisContenu {
	background-color:#ababab;
	background-image:url(../images/charte/page_accueil/bgGrisBas.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:left;
	font-size:14px;
	padding-top:3px;
	height:135px;
	*height:142px;
}

div div.grisContenu p {
	margin:0px;
	margin-left:15px;
	height:40px;
}

div div.grisContenu strong {
	text-align:center;
	width:220px;
	display:block;
}
div div.grisContenu label {
	margin-left:15px;
	font-size:12px;
	display:block;
}

div div.grisContenu label strong  {
	text-align:left;
	width:auto;
	display:inline;
}

div div.grisContenu select {
	margin-left:15px;
	margin-right:15px;
	width:205px;
}

div#contenu {
	clear:left;
}

div#contenu div#visuel {
	width:285px;
	height:216px;
	background-image:url(../images/charte/page_accueil/visuel.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0px;
	float:left;
}

div#contenu div#raisons {
	line-height:25px;
	text-align:left;
	width:468px;
	height:210px;
	margin-left:285px;
}

div#contenu div#raisons hr {
	background-color:#5C5C5C;
	border:1px solid #5C5C5C;
	margin-left:0px;
	margin-top:2px;
	width:465px;
}

div#contenu div#raisons h3 {
	color:#FF6600;
	font-size:22px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
}

div#contenu div#raisons p {
	margin-top:0px;
}

/* GEMINI-1782 VC 05/06/2009: suppression du nom de balise dans le selecteur et ajout du border */
/* GEMINI-1311 VC 15/12/2008: modif du bouton ok (recherche) */
#btnok {
	width:18px;
	height:18px;
	background-image:url(../../images/charte/ok.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:inline-table;
	text-decoration:none;
	border:0px;
	cursor:pointer;
}

#btnok:hover {
	background-position:bottom;
}


/*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-1782 VC 10/04/2009: popup des rubriques */
.carreVert {
	width: 7px;
	height: 7px; 
	background-color: #21A121;
	font-size:0px;
	position:absolute;
	margin:6px auto auto 7px;
	_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;
}

td.normal:hover {
	color:#ff6600;
	text-decoration:underline;
}
/* fin sytles entete de page */

/* debut sytles pied de page */
span.inactif {
	color:#999999;
}

/* vue en cours */
span.actuel{	
	font-weight:bold;
}

/* vue accessible depuis la vue en cours */
span.normal a {
	color:#000000;
}

span.normal a:hover {
	color:#ff6600;
	text-decoration:underline;
}
/* fin sytles pied de page */
/* GEMINI-1563 VC 23/01/2009: fin des styles pour la gestion des vues*/


/* GEMINI-1563 VC 23/01/2009: debut affichage des annonces */
img.lettrine {
	float:left;
	margin-right:5px;
}

fieldset {
	padding:5px;
	text-align:left;
}

fieldset.annonce,
fieldset.modifAnn {
	border:1px solid #bfbfbf;
	margin:10px;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

fieldset.modifAnn {
	width:590px;
	margin-top:20px;
	text-align:left;
	display:block;
}

fieldset.annonce legend,
fieldset.modifAnn legend {
	background-color:#FFFFFF;
	color:#000000;
}

fieldset.annonce table.contact { 
	border-spacing: 0px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	clear:left;
}

fieldset.modifAnn table#visuel { 
	border:0px;
	border-spacing: 4px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

fieldset.modifAnn table tr td {
	width:expression((this===this.parentNode.childNodes[0]) ? "90px" : "auto"); 
}

fieldset.modifAnn table tr td:first-child {
	width:90px;
}



/*GEMINI-1782 VC 04/05/2009: page d'accueil */
.exemple {
	color:#CCCCCC;
	font-style:italic;
	width:155px;
	height:22px;
}

.labelRech {
	width:122px;
	display:block;
	float:left;
	font-weight:bold;
	text-align:right;
	font-size:24px;
	padding-right:10px;
}

fieldset input#mot_cle,
fieldset input#lieu {
	font-size:110%;
}

fieldset#recherche {
	width:650px;
	height:111px;
	height:127px\9;
	background-image:url(/images/site1/recherche.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	/*GEMINI-1782 VC 25/01/2010: on vire le x ... en 1 seul clic 
	pour le mettre au dessus de la zone de recherche */
	margin-top:20px; 
	*margin-top:0px;
	/*border:3px solid #FF6600;*/
	border:0px;
	padding:0px;
	padding-top:20px;
	text-align:center;
}

fieldset#recherche legend {
	color:#000000;
	font-weight:bold;
	margin-left:15px;
	margin-top:17px;
}

/*GEMINI-1782 VC 11/01/2010: ajout de 8px en largeur*/
fieldset#recherche div#form {
	width:416px;
	+width:430px; /*GEMINI-1782 VC 10/02/2010: bug retour a ligne bouton rechercher ie6 */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

fieldset#recherche div#form form div#champs {
	width:300px;
	margin-right:20px;
	float:left;
}

/*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: 200px;
	margin-top:-1px;
	margin-left:132px;
	margin-top:-3px\9;
	margin-left:125px\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;
	}
}

a.boutonOrange {
	width:168px;
	height:17px;
	display:block;
	background-image:url(/images/charte/Bouton2.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding-top:1px;
	margin-top:10px;
}

div#contenuAnnuaire {
	width:252px;
	margin-left:auto;
	margin-right:0px;
	margin-top:50px;
	text-align:left;
}

/*GEMINI-2012 BC 06/09 message d'erreur forms*/
.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;
}
.champIncorrect{
	background-color:#FFF9D7;
	border-color:#FF7F00 !important;
	border-style:solid;
	border-width:0.1em;
	margin:0.1em !important;
	width:240px;
}

.champObligatoire {
	background-image:url(../../images/site1/required.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

/* GEMINI-1563 VC 23/01/2009: fin affichage des annonces */

/* 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:#c8cbde;
	border-style:dashed;
	border-width:1px;
}

/* 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:240px;
}

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;
}

.hidden{
	visibility:hidden;
}

/* /-GEMINI-2052 - CDC REF : ne concerne que l'annuaire */