/* CSS Document */

body {
	margin: 0px 0px;
	padding: 0px;
	text-align:center;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

form, p {
	margin: 0px;
	padding: 0px;
}


#conteneur {
	width: 985px;
	margin-left:auto;
	margin-right:auto;
}
a:link {
	text-decoration: none;
	color: #00782B;
	border:0px;
	padding:0px;
	}

a:visited {
	text-decoration: none;
	color: #00782B;
	border:0px;
	padding:0px;
}

a:active {
	text-decoration: none;
	color:black;
	border:0px;
	padding:0px;
}

a:hover {
	color:#7a9b09;
	border: 0px;
	padding: 0px;
	text-decoration: underline;
}

.page_en_cours
{
	font-size:14px;
	font-weight:bold;

}
.picto_selectionne
{
	border: solid 1px;
	border-color: #00782B;
}


.infobulle{
    position: absolute;
    width:270px;
    visibility : hidden;
    border: 2px solid #066930;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 12px;
    background-color: white;
    color:#066930;
    z-index:100;
}

#erreur_formulaire
{
	display: block;
	z-index: 100;
	position: absolute;
	top: 150px;
/*left: 100px; */
	width: 400px;
	margin-left: 100px;

	/*height: 200px;*/
	background-color: White;
	border:solid 2px red;
	padding: 10px;
}

#ok_formulaire
{
	display: block;
	z-index: 100;
	position: absolute;
	top: 150px;
/*left: 100px; */
	width: 400px;
	margin-left: 100px;

	/*height: 200px;*/
	background-color: White;
	border:solid 2px #3F6D2F;
	padding: 10px;
}
.resultat
{
	background-image: url(../images/fond_resultat.jpg);
	background-repeat: no-repeat;
	color:#336633;
	width: 100%;
	height:60px;
	margin-top:1px;
}
.resultat_ot
{
	background-image: url(../images/resultat_ot.jpg);
	background-repeat: no-repeat;
	color:#336633;
	width: 100%;
}

.resultat_h2{
	margin:none; padding:none; font-size:11px; font-weight:bold; display:inline;
}

.resultat_h3{
	font-weight:bold; font-size:11px; display:inline; color:inherit; margin:0px; padding:0px;
}

.pointer
{
	cursor: pointer;
}

.barre_recherche
{
	background-image: url(../images/barre_recherche.jpg);
	background-repeat: no-repeat;
	color:black;
	width: 100%;
}

.resultat li
{
	list-style: square;
	margin-left: 10px;
}

.resultat_ot li
{
	list-style: square;
	margin-left: 10px;
}


.resultat td
{
	background-color: transparent;
}
.photo_resultat
{
	margin:5px;
}
.a_result
{
	display: block;
	color:black;
}
.desc_result
{
	font-size: 10px;
	color: Black;
}

.input_accueil {
	color:#000000;
	background:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 3px;
	margin-top: 0px;
	width: 132px;
	}

.input_accueil2 {
	color:#000000;
	background:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-bottom: 3px;
	width: 175px;
	height: 19px;
	display:block;
}
.input_droite{
	color:#000000;
	background:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 3px;
	width: 160px;
	height: 19px;
}

.bouton {
	BORDER-BOTTOM: 1px solid #DDDDDD;
	BORDER-TOP: 1px solid #DDDDDD;
	BORDER-LEFT: 1px solid #DDDDDD;
	BORDER-RIGHT: 1px solid #DDDDDD;
	BACKGROUND-COLOR: white;
	color: black;
	FONT-SIZE: 12px;
	font-weight: normal;
}
.titre_station {
	float:left;
	height:24px;
	margin-left:5px;
	padding:0px;

}
.ligne_viva {
	margin-left:15px;
	height:17px;
	font-size: 11px;
	font-weight:bold;
	color:#006e23;
	width:130px;
	float:left;
	padding-top:2px;
}
.zone_vivas {
	float:left;
	width:65px;
	padding-top:2px;
}
.titre {
	font-family:Arial, Helvetica, sans-serif;
	color: #00782B;
	font-size: 2em;
	font-weight: bold;
}

.petit {
	font-size:11px;
	text-align:center;
}


#menu_station {
	background-image:url(../images/barre_menus_station.jpg);
	background-repeat: no-repeat;
	width:751px;
	height:40px;
	text-align:center;
	font-size:12px;
	float: left;
	margin-left:5px;
	color:white;
}


#menu_station a:link {
	text-decoration: none;
	color: white;
	border:0px;
	padding:0px;
	}

#menu_station a:visited {
	text-decoration: none;
	color: white;
	border:0px;
	padding:0px;
	}


#menu_station a:hover {
	color:white;
	text-decoration: underline;
	border: 0px;
	padding: 0px;
}

#bloc_adresse_haut{
	background-image:url(../images/bloc_adresse_haut.jpg);
	width:100%;
	height:10px;
	background-repeat: no-repeat;
	overflow:hidden;
}
#bloc_adresse_centre{
	position:relative;
	background-image:url(../images/bloc_adresse_centre.jpg);
	width:100%;
}

#bloc_adresse_bas{
	background-image:url(../images/bloc_adresse_bas.jpg);
	width:100%;
	height:9px;
	background-repeat: no-repeat;
}

.hebergement_labellise{
	background-color: #E8F6D3;
	border:solid 1px #316632;
	border-collapse: collapse;
	background-image: url(../images/fond_labellise.jpg);
	margin:0px auto;
}

.hebergement_labellise th {
	background-color:#85CF0A;
	color:#FFFFFF;
	border:solid 1px #009933;
	padding:2px;
}
.hebergement_labellise a {
	color:#326733;
}
.hebergement_defaut{
 	border:solid 1px #009933;
 	margin:0px auto;
}

.hebergement_defaut th {
	background-color:#009933;
	color:#FFFFFF;
	padding:2px;
}
#header {
	width:60em;
	height: 8.8em;
	background-color:white;
	/*background-image: url(../images/bandeau.jpg);*/
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	position:relative;
	/*overflow: hidden;*/
}
/* Ne pas supprimer ! IMPORTANT  pour le positionnement*/
#header p{
	margin:0px;
	padding:0px 10px;
	text-align:right;
}
/* style du menu par defaut */
#menu{
  font-size:0.78em;
  margin:-17px 0px 0px 265px;
  padding:0px;
}



/*Afficher ou pas la desactivation du menu*/
#menuControle{
	visibility: hidden;
}
/* Rubrique */
#menu ul{

/*  color:#666;*/
  margin:0px 20px 0px 0px;
  padding:0px;
  font-size:1em;
}
/* Sous Rubriques*/
#menu ul ul{
  font-weight:bold;
/*  color:#00782b;*/
  margin:8px 0px 0px 0em;
  padding:0.1em 0.1em 0.1em 0.1em;
  background-color: #00782b;
  font-size:0.92em;
  width: 12em;
}
/* Sous sous Rubrique */
#menu ul ul ul{
  margin:0px 0px 0px 0.5em;
  padding:0.2em 0em 0em 0.2em;
  width: auto;
  background-color: #336699;
  color: Fuchsia;
}

#menu ul ul ul ul{
  font-size:1em;
}
/* Rubriques */
#menu li{
	list-style-type:none;
	float:left;
/*	margin:0px 0.2em 0em 0px;*/
	padding:0;
	width:auto;
	border: 0px;
}

#menu li li{
  list-style-type:none;
  clear:left;
  float:none;
  height:100% !important;
  position:relative !important;
  border: 0px;
}

/* style des liens */

#menu li a{
	display: block;
	text-decoration: none;
	border: none;
}
#menu a:link{
	color: #00782B;
}
#menu li span{
	display:block;
	text-decoration:none;
	border: none;
	}
#menu img{
	display:block;
	text-decoration:none;
	color:#000;
	border: none;
/* B U G */
  	margin:0px;
}

#menu li a:hover, #menu li a:focus, #menu li span:hover, #menu li span:focus, #menu li.encourt a {
/*	color:#FFF;	*/
	border: 0px;
}


#menu li li a, #menu li li span, #menu li.encourt li a{
	background-color: #a1d700;
	padding-left:3px;
	margin:0px 0px 1px 0px;
	border: 0px;
}

#menu li li a:hover, #menu li li span:hover, #menu li li.encourt span, #menu li li.encourt a, #menu li li.focus a{
	background-color: #00782B;
	color: #FFF;
}

#menu li li li a, #menu li li li span, #menu li li.encourt li a{
	background-color:#FFF;
	color:#336699;
}

#menu li li li a:hover, #menu li li li span:hover, #menu li li li a:hover, #menu li li.encourt li.focus a{
	background-color:#336699;
}

/* Niveau 1, 2 et 3 masqu? */

.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}

/* Niveau 1, 2 et 3 affich? */

.withjavascript li.encourt{
	position:relative;
}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:1.5em;
	width: 12em;
	height:auto;
	z-index:50;
}

.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}

#header .withjavascript .encourt .encourt ul, #header .withjavascript .encourt .encourt .encourt ul{
	left: 12.5em;
	width: 14em;
	top:0em;
	padding-right:0.2em;
}

.itemBackground {
	position: absolute;
	width /**/: 98%;
	height /**/: 99%;
	z-index: -1;
	display: block;
}
#header #menu li li.skipli{
	position: absolute !important;
	top:-500px !important;
}


#header a.ciblea {
	position:absolute;
	top:-500px;
}


 /* IE PC bug correction\*/
* html #menu li li a, * html #menu li li span{
height:1%;
}

* html #menu li li.submenu{
height:1%;
margin-bottom:-0.3em;
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
}

* html #menu li li{
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
height:1%;
height /*ie 5.0 correction*//*\*/: /**/ /*\*/1% !important;
}

* html #menu li li li{
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.2em;
}

* html #menu.withjavascript  li li{
margin-left /*ie 5.5 et 5.0 correction*//*\*/:-1.4em;
}

* html #menu.withjavascript  li li li{
margin-left /*ie 5.5 et 5.0 correction**//*\*/:-1.5em;
}

* html #menu.withjavascript  ul ul ul{
margin-left /*ie 5.5 et 5.0 correction*//*\*/:0em;
margin-top /*ie 5.5 et 5.0 correction*//*\*/:10em;
}

* html #menu.withjavascript .itemBackground {
	width:auto;
}

* html #menu.withjavascript li li .itemBackground {
	height /**/: 97%;
	width /**/:100%;
}


#outer_wrapper{
	clear:both;
	width:60em;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#referencement{
	clear:both;
	background-image: url(../images/referencement.jpg);
	background-repeat: no-repeat;
	width:60em;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
/*	margin-top:-10px; */
}

#referencement h1{
	line-height: 15px;
	margin: 0px;
	padding-top: 2px;
	font-size: 0.7em;
	/*color: #58595a;*/
	color: white;
	font-weight: 100;
	/*width:245px;*/
	/*height:30px;*/
	height:18px;
	padding-right:100px;
	/*overflow:hidden;*/
}

#referencement2
{
	visibility: hidden;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#lefter {
	width: 13em;
	float:left;
	background:white;
	padding-bottom:0em;
	margin:0em;
}

#content {
	background-color: white;
	float: left;
	width: 750px; /*width:47em;*/
	padding-bottom: 0.71em;
	font-size:13pt;
	font-family:Arial, Helvetica, sans-serif;
}

#righter{
	float:left;
	width:0em;
	background-color:#fffbb8;
	padding-bottom:0.71em;
}

.marge{
	padding:0em 0em 0px 0em;
}

img{
	padding:0em 0em 0px 0em;
	margin:0;
}

#footer{
	clear:both;
	color: White;
	font-size:12px;
	background-color:white;
	background-image: url(../images/fin_pied_page.jpg);
	background-repeat: no-repeat;
	width:80em;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
/*	padding-top:-3px; */
	height:2.7em;
	vertical-align: top;
}
#footer a:link{
	color: White;
}
#footer a:visited{
	color: White;
}

#footer p{
	margin:0px;
	padding:0px 10px;
	text-align:right;
}

#liens_pied_page
{
	display:inline;
	margin:0px;
	padding:0px;
}

#liens_pied_page li{
	margin:none;
	display:inline;
	margin-left:4px;
	font-size:9px;
}

#liens_pied_page a{
	color:#bbb;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.identifiant
{
	 font-size: 10px;
	 margin-top:6px;
	 width:70px;
	 margin-left:30px;
}


