body {background:url('/image/fond-ecran.jpg') repeat-x fixed;font-family: sans-serif;font-size:10pt;padding:0px;margin:0px;color:#444444;behavior: url(csshover.htc)}
p{margin:0px}
img{border:0px}
form{margin: 0px;}
li{margin: 0px;padding:0px}

/* div{border:0px solid #000;} */

.font8{font-size:8pt}
.font10{font-size:10pt}
.font12{font-size:12pt} 
/* //////////////////// entete /////////////////////////*/
#page{margin-left:auto;margin-right:auto;width:1007px;background: white;}
#entete{margin-left:auto;margin-right:auto;width:1007px;text-align:left;border:1px;background-color: #ffffff;}

#cartouche{height:150px;width:1007px;background:url('/image/entete-barre-haut.png') repeat-x;}


/* //////////// ACCUEIL /////////// */

a.accueil-lien-bouton {color:#333333;text-decoration:none;font-weight:bold}
a.accueil-lien-bouton:hover {color:#333333;font-weight:bold;text-decoration:underline}

/* //////////////////// entete /////////////////////////*/


#corps{margin:auto;width:1007px;text-align:left;}

#partie-gauche{float:left;background-color: #ffffff;width:207px;padding:6px} /* border-right: 1px solid #999999;*/
#partie-gauche-blanc{float:left;background-color: #ffffff;width:207px;padding:6px}
#partie-centre{float:left;background-color: #ffffff;width:570px;}/*border-right: 1px solid #999999;*/
#partie-droite{float:left;background-color: #ffffff;width:208px;padding: 4px;}
#partie-centre-et-droit{float:left;background-color: #ffffff;width:762px; padding: 8px;}


div.divonglet
{
	margin-top:26px;
}

/* menu */

div#menu{width:100%;height:26px;background:url('/image/fond-menu.png') repeat-x;z-index:1000}

div#menu a {color:#ffffff;font-size:10pt;font-weight:bold;} 
div#menu ul {padding: 0; margin:0px; background: #44A2FF; z-index:1000} 
div#menu li {height:26px;z-index:1000} 
div#menu li:hover {background:url('/image/fond-menu-hover.png')} 

div#menu ul li {height:26px;position:relative; list-style: none; float:left; ;z-index:1000} 


div#menu  a.sousmenu_choix{color:#ffffff;font-size:8pt;font-weight:400;}
div#menu  li.sousmenu_choix{width:100%;height:20px;z-index:1000}
div#menu  li.sousmenu_choix3{width:100%;height:20px;background: url(../image/fleche.png) 97% 50% no-repeat;;z-index:1000}



div#menu ul ul {position: absolute;display:none; z-index:1000} 
div#menu li a {text-decoration: none; padding: 4px 10px 4px 10px; display:block;z-index:1000} 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;z-index:1000}
div#menu ul.niveau2 li.sousmenu_choix3:hover ul.niveau3 {display:block;z-index:1000} 
div#menu ul.niveau3 {top:0; left: 270px;z-index:1000} 


a.recherche_ville{color: #555555;text-decoration:none; font-family:sans-serif; font-size:8pt}
a.recherche_ville:hover{color: #555555;text-decoration: underline; font-family:sans-serif; font-size:8pt}



/* //////////////////// pied /////////////////////////*/

a.pied_de_page{font-size:8pt;color:#000000;text-decoration:none;}
a.pied_de_page:hover{font-size:8pt;color:#333333;text-decoration:none;}
td.pied_de_page {border-bottom: 1px solid #ffffff;}

/* //////////////////// pied /////////////////////////*/




/* //////////////////// menu-espace/////////////////////////*/
a.menu_espace         {font-size:8pt;color:#828faa;text-decoration:none;font-weight:bold}
a.menu_espace:hover   {font-size:9pt;color:#828faa;text-decoration:underline;font-weight:bold}
/* //////////////////// pied /////////////////////////*/

a.gris		 {color:#444444;text-decoration:none}
a.gris:hover{color:#444444;text-decoration:underline}



/* //////////////////// commmun /////////////////////////*/
div.mon_espace_titre{margin:0px;width:758px;height:38px;padding-top:8px;padding-left:90px;font-size:16pt;font-weight:bold;color:#061F55;background:url(../image/fond-titre-mon-espace.png) no-repeat;}
div.sous_titre{padding-top:0px;padding-left:300px;font-size:18pt;font-weight:bold;color:rgb(255,128,0)}
td.pointille-vertical{width:6px;background:url(../image/pointille-vertical-gris.png) repeat-y;}
div.pointille-horizontal{width:100%;height:6px;background:url(../image/pointille-horizontal-gris.png) repeat-x;}
/* //////////////////// commmun /////////////////////////*/


/* //////////////////// inscription /////////////////////////*/
input.inscription{margin-top:1px;margin-bottom:0px;padding:0px;font-size:8pt;border-color:#FF7920;width:132px;border-width:1px;border-style:solid}
select.inscription{margin-top:1px;margin-bottom:0px;padding:0px;font-size:8pt;border-color:#FF7920;width:132px;border-width:1px;border-style:solid}
td.inscription{font-size:8pt;color:#333333;text-align:left}
p.inscription{font-size:8pt;color:#333333;text-align:left}
/* //////////////////// inscription /////////////////////////*/

td.explication{width:50%;padding:6px;text-align:left;vertical-align:top;font-size:8pt}

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



div.onglet_marron {float:left;margin-left:10px;background:url('../image/espace-onglet-DABB78.png') no-repeat;border:0px;height:31px;width:189px;color:#ffffff;vertical-align:middle}

div.onglet_bleu {float:left;margin-left:10px;background:url('../image/espace-onglet-bleu.png') no-repeat;border:0px;height:31px;width:189px;color:#4F5B73;}
div.onglet_bleu:hover {float:left;margin-left:10px;background:url('../image/espace-onglet-bleu-hover.png') no-repeat;border:0px;height:31px;width:189px;color:#4F5B73;}


div.onglet_marron_petit {float:left;margin-left:10px;background:url('../image/espace-onglet-DABB78-petit.png') no-repeat;border:0px;height:31px;width:160px;color:#ffffff;vertical-align:middle}
div.onglet_bleu_petit {float:left;margin-left:10px;background:url('../image/espace-onglet-bleu-petit.png') no-repeat;border:0px;height:31px;width:160px;color:#4F5B73;}
div.onglet_bleu_petit:hover {float:left;margin-left:10px;background:url('../image/espace-onglet-bleu-hover-petit.png') no-repeat;border:0px;height:31px;width:160px;color:#4F5B73;}

/* bon a savoir */
div.onglet_savoir_bleu{float:left;margin-left:10px;background:url('../image/onglet-petit-bleu-bon-a-savoir.png') no-repeat;border:0px;height:30px;width:168px;color:#4F5B73;}
div.onglet_savoir_bleu_clair{float:left;margin-left:10px;background:url('../image/onglet-petit-bleu-clair-bon-a-savoir.png') no-repeat;border:0px;height:30px;width:160px;color:#4F5B73;}

a.blanc			{color:#ffffff;text-decoration:none}
a.blanc:hover	{color:#ffffff;text-decoration:underline}
a.bleu			{color:#2F8DC1;text-decoration:none}
a.bleu:hover	{color:#2F8DC1;text-decoration:underline}
a.noir			{color:#444444;text-decoration:none}
a.noir:hover	{color:#444444;text-decoration:underline}
a.bleu2			{color:#2E8EC4;text-decoration:none}
a.bleu2:hover	{color:#2E8EC4;text-decoration:underline}
a.rose			{color:#BF008F;text-decoration:none}
a.rose:hover	{color:#BF008F;text-decoration:underline}
a.cyan			{color:#D5ECFE;text-decoration:none}
a.cyan:hover	{color:#D5ECFE;text-decoration:underline}
a.lienbien		{color:#2F8DC1;text-decoration:none;text-align:center;font-size:12px}
a.lienbien:hover{color:#17587b;text-decoration:none;text-align:center;font-size:12px}


a.accueil{
	display:block;
	float:left;
	border:2px solid white
}
a.accueil:hover {border:2px dotted red}

a.accueil img {border:2px solid white}



/* BOUTON DE FORMULAIRE */




button.bleu
{
  border:none;
  background:none;
  padding:0;
  margin:0;
  width:auto;
  overflow:visible;					
  text-align:center;	
  white-space:nowrap;	
  height:26px;
  line-height:30px;
  cursor:pointer			
}

button.bleu span, button.bleu em
{
  display:block;
  height:26px;
  line-height:24px;			
  margin:0;
  color:#333333;
  font-weight: bold;
  cursor:pointer
}


button.bleu span
{
  padding-left:20px;
  /*padding-right:20px;*/
  background:url('../image/bouton_action_04b.png') no-repeat 0 0;
}	

button.bleu em
{
  font-style:normal;
  padding-right:20px;
  background:url('../image/bouton_action_04b.png') no-repeat 100% 0;
}



/* bouton bleu fod blanc */

button.bleu-blanc
{
  border:none;
  background:none;
  padding:0;
  margin:0;
  width:auto;
  overflow:visible;					
  text-align:center;	
  white-space:nowrap;	
  height:30px;
  line-height:26px;
  cursor:pointer;
  width:120px			
}

button.bleu-blanc span, button.bleu-blanc em
{
  display:block;
  height:26px;
  line-height:24px;			
  margin:0;
  color:#333333;
  font-weight: bold;
  cursor:pointer
}


button.bleu-blanc span
{
  padding-left:20px;
  /*padding-right:20px;*/
  background:url('../image/bouton_action_04b_blanc.png') no-repeat 0 0;
}	

button.bleu-blanc em
{
  font-style:normal;
  padding-right:20px;
  background:url('../image/bouton_action_04b_blanc.png') no-repeat 100% 0;
}


/* Styles du plan du site */
#sitemap {
	margin: 20px;
}

#sitemap ul {
	list-style: none;
}

#sitemap a {
	font-size: 1.1em;
	color: #ED8100;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
}

#sitemap .cat {
	margin-left: 20px;
}


#sitemap .cat a {
	font-size: 1em;
	color: #565658;
	padding-left: 20px;
}

/* Page d'accueil */
.vignette {
	float: left;
	width: 169px;
	height: 285px;
	border: 1px solid #ffffff;
	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	background: #e1e2e7;
}

.vignette .description {
	width: 100%;
	height: 65px;
	min-height: 1em;
	display: table-cell;
	vertical-align: middle;
}

.faireunlien {
	font-family: Arial;
	font-size: 1em;
	padding: 3px;
}

/* Pagination */
.pagination {
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: right;
}
 
.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none
}
 
.pagination a:hover {
	background:#fff;
	border:1px solid #bd88fe;
	color:#bd88fe
}
 
.pagination span.inactive {
	background:#fff;
	border:1px solid #f0f0ff;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em
}
 
.pagination span.active {
	background:#f4ebff;
	border:1px solid #bd88fe;
	color:#bd88fe;
	font-weight:700;
	margin:2px;
	padding:.2em .4em
}

.actif {
	text-decoration: none;
}

.actif:hover {
	text-decoration: underline;
}

#content {
	background-color: white;
	border: 1px solid #808080;
	display: none;
	margin-top: 2px;
	width: 250px;
	overflow: auto;
	position: absolute;
	z-index: 100;
}

.resultat {
	height: 34px;
	font-family: Arial;
	padding: 3px;
	padding-left: 5px;
}

.resultat:hover {
	background-color: #F0F0F0;
}

.search_ville {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0px;
}

.search_ville:first-letter{
	color: #CC0000;
}

.dpt {
	font-size: 0.8em;
	color: #575757;
	margin-top: 2px;
}

.resultat:hover .dpt{
	color: #ffffff;
}

.resultat:hover .ville {
	color: #F2E886;
}