/* CSS Document */
/*******************************************************************************

*	cette CSS regroupe uniquement les styles de la partie centrale du site.
*	pour toute modification des styles des autres parties du site,
*	voir les fichiers inclus ci-dessous

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

@import url(inc.gauche.css);	/* styles de la colonne de gauche (menu, infos agence) */
@import url(inc.masthead.css);		/* styles du masthead (logo, infos agence, onglets, etc) */
@import url(inc.droite.css);	/* styles de la colonne de droite (bloc login, panier, etc) */
@import url(inc.footer.css);			/* styles du footer */
@import url(inc.jquery.css);			/* styles spécifiques aux plugins jQuery (tooltip, tabs, blockUI) */

/******************************************************************************/
/*      Hack IE6 = *html  
        Hack IE7 = *+ html                                                    */
/******************************************************************************/


/*************************/
/*** STYLE GENERIQUE ****/
/***********************/

*{
  padding:0px;
  margin:0px;
}
a img{
  border:none;
}
a {
  text-decoration:none;
  color:#00387d;
  font-weight:bold;
}
a:hover {
  text-decoration:underline;
  color:#00387d;
}
body{
  background:#2e6792 url(/imgs/_v2/bg.jpg) repeat-x top left;
  color:#464646;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
#page{
  width:980px;
  margin-right:auto;
  margin-left:auto;
  background-color:#FFF;
  padding-bottom:10px;
}
table#main{
  vertical-align:top;
  width:100%;
  margin-top:12px;
}
/**************************/
/***      Contenu     ***/
/***********************/

#bloc_central{
	padding-bottom:15px;
}
#bloc_central #rech_top{
  display:none;
}
#contenu{
  margin-top:-4px;
  padding: 0px 10px 10px 10px;
}
.s1000000001  #contenu{
	margin-top: 7px;
  	padding: 0px 10px 10px 10px;
}

#contenu .rub_std p span.spip_documents{
  display:block;
  position: relative;
  left: -10px;
} 
#contenu h1{
  font-family:Georgia, serif;
  font-size:24px;
  color:#00508e;
  margin-top:25px;
  margin-bottom:15px;
}
/*** Mea Centre ***/
.mea_centre a {
	text-decoration: underline;
}
.mea_centre table.liste {
  width:510px;
  float:left;
  margin-bottom:30px;
  margin-top: 30px;
}
.mea_centre table.liste tr td{
  vertical-align:top;
  padding-top:10px;
}
.mea_centre table.liste tr td p.desc{
  font-size:12px;
  color:#666;
  padding:10px 10px 10px 0;
}
.mea_centre table.liste tr td h2{
  color:#00508e;
  font-size:18px;
  font-family:Georgia, serif;
}
#contenu h2{
  color:#00508e;
  font-size:18px;
  font-family:Georgia, serif;
}
#contenu a.suite {
  background:transparent url(/imgs/_v2/puce-rouge.gif) no-repeat scroll left 5px;
  color:#2E6792;
  font-size:11px;
  font-weight:bold;
  padding:0 0 0 10px;
}
#contenu #tmpl_R40 div table td{
  padding:0 0 20px 0;
}
.mea_centre table.liste tr td a.suite{
  color:#2e6792;
  font-size:11px;
  font-weight:bold;
  padding: 0 0 0 10px;
  background:url(/imgs/_v2/puce-rouge.gif) no-repeat center left;
}
.mea_centre table.liste tbody tr{
  background:url(/imgs/_v2/bg-liste-long.jpg) repeat-x top left;
}
.mea_centre table.liste tbody tr td.logo{
  height:80px;
  padding:10px 10px 10px 0;
  width:180px;
}
*html .mea_centre table.liste tbody tr td.logo{
  height:80px;
}
*+ html .mea_centre table.liste tbody tr td.logo{
  height:80px;
}
/*.mea_centre table.liste tbody tr td.logo img{
  width:100%;
}*/
p#lien_imprimer{
  display:block;
  float:right;
  margin-top:-20px;
}
#contenu #tmpl_AR40 div{
  color:#666666;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:500px;
  padding:0 0 10px;
  border: 0px solid red;
}
#contenu #tmpl_AR40 div span.spip_documents img, #contenu #tmpl_R43 .mea_centre span.spip_documents img {
  /*border-bottom:10px solid #00508e;*/
}
#contenu #tmpl_AR40 div span.spip_documents{
  padding:10px 10px 10px 0;
  clear:left;
}
#contenu #tmpl_AR40 .rub_std p span img{
  border:none;
}
#contenu #tmpl_AR40 .rub_std p span {
  padding-top:0px;
}
#contenu #tmpl_AR40 .mea_droite .mea .visuel img{
  border:none;
}
#contenu #tmpl_AR40 .mea_droite .mea .visuel{
  /*margin-right: -11px;*/
}
p.chapo{
  padding-bottom:10px;
  font-size:12px;
  color:#333;
  font-weight:bold;
}
/***********************/
/***  Breadcrum    ***/
/********************/
#bread_crum{
  position:relative;
  top:123px;
  left:10px;
  z-index: 1;
}
/************************/
/***    mea droite   ***/
/***********************/
#contenu .mea_droite{
  float:right !important;
  width:232px !important;
  margin-top:133px;
}
#contenu #tmpl_R43 .mea_centre {
	width: 500px;
}
*html #contenu .mea_droite{
  margin-top:0px;
}
#contenu #tmpl_R43 .mea_droite{
  margin-top:0px;
  color:#666666;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:500px;
  padding:0 0 10px;
  border: 0px solid red;  
}
.s1000000001 .mea h3{
  text-transform:uppercase;
  font-size:12px !important;
}
.s1000000001 #contenu .mea_droite .mea{
  background:none;
  width:auto;
  height:auto;
}
#contenu .mea_droite .mea{
  background:url(/imgs/_v2/fondmeadroite.jpg) no-repeat left top;
  width:230px !important;
  height:104px;
  margin-bottom:20px;
}
#contenu .mea_droite .mea h3{
  text-transform:uppercase;
  width:115px;
  font-size:11px;
  padding:5px 0 0 15px;
  height:28px;
  color:#00387D;
}
#contenu .mea_droite .mea p.visuel{
  float:right;
  margin-top:-33px;
}
/*#contenu .mea_droite .mea p.visuel img{
  width:87px;
  height:104px;
}*/
#contenu .mea_droite .mea p.descriptif, #contenu .mea_droite .mea p.lien{
  font-size:10px;
  padding-left:15px;
}
/*#contenu .mea_droite .mea h3, #contenu .mea_droite .mea p.descriptif, #contenu .mea_droite .mea p.lien{
  display:none;
}*/
/******************************************************************************/
/************************** styles google maps ********************************/
/******************************************************************************/

/**** le div qui contient la zone de recherche/itineraire ****/
#google_maps {
	background:transparent url(/imgs/_v2/bandeau-defaut.jpg) no-repeat scroll left top;
  height:auto !important;
  margin:-4px 0 0 -10px;
  min-height:400px;
  padding:105px 0 0 10px;
  position:relative;
  z-index: 0;
}
#contenu #google_maps h1{
  padding:0px !important;
}
.gmnoscreen{
  display:none;
}
.ui-tabs-hide{
  display:none;
}
#google_maps #intro {
	margin-bottom: 20px;
	width: 300px;
}

#google_maps #lien_dl_gps {
	float:right;
	margin:-97px 118px 0 0;
	!margin:-97px 0 0 0;
}
#google_maps #lien_dl_gps a {
	display:block;
  height:68px;
  width:318px;
}

#google_maps #panel {
	float: left;
	padding: 0 0 20px;
	position: relative;
	width: 290px;
}

#google_maps #panel p {
	padding: 0;
}
#google_maps #panel ul.ui-tabs-nav {
	background:transparent none repeat scroll 0 0;
  border-bottom:5px solid #BA1726;
  height:20px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

#google_maps #panel ul.ui-tabs-nav li
/*#google_maps #panel ul.tabs-nav li a */{
	/*border:1px solid #CCCCCC;*/
  float:left;
  margin:0 1px 0 0;
  padding:3px 9px 4px;
}
#google_maps #panel ul.ui-tabs-nav li.ui-tabs-selected{
  background-color:#BA1726;
  color:#FFFFFF !important;
  font-weight:bold;
  text-decoration:none;
}
#google_maps #panel ul.ui-tabs-nav li.ui-tabs-selected a{
  color:#FFFFFF !important;
  font-weight:bold;
  text-decoration:none;
  border:none;
  background:none;
  border:none;
}
#google_maps #panel ul.ui-tabs-nav li#onglet_directions.ui-state-disabled {
  background-color:#FFFFFF;
  border:1px solid #BBBBBB;
  opacity:1;
  padding:1px 9px 3px;
   filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#google_maps #panel ul.ui-tabs-nav li#onglet_directions.ui-state-disabled a {
	/*color:#BBBBBB !important;*/
  cursor:default;
  text-decoration:none;
  background-color:#fff !important;
  border:none !important;
}
#google_maps #panel ul.ui-tabs-nav li#onglet_directions.ui-tabs-selected a {
	/* 404 IMG */ /*background: transparent url(/imgs/_v2/onglet-itineraires-on.jpg) no-repeat bottom left;*/
}

#panel fieldset {
	border-bottom:1px solid #BA1726;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	margin-top:15px;
	padding:5px !important;
}
#panel fieldset legend {
	display: none;
}
#panel fieldset h2 {
	font-size: 1em;
	height: 31px;
}

#panel fieldset#options form {
	display: none;
	padding: 0 20px 10px 20px;
}
#panel fieldset#options h2 {
	cursor: pointer;
}
#panel fieldset#options h2, #panel fieldset#rechercheadresse h2 {
	margin: 0;
	background:transparent url(/imgs/_v2/puce-rouge.gif) no-repeat scroll left 5px;
	padding-left:10px;
}
#panel fieldset#options h2.opened {
	background:transparent url(/imgs/_v2/puce-rouge-bas.gif) no-repeat scroll left 5px;
}

#panel fieldset p.exemple {
	color:#444444;
  font-size:0.8em;
}

#panel fieldset#gmap_commentaire {
	margin-top:20px;
	padding:0 !important;
	border: none;
}
#panel fieldset#gmap_commentaire h2 {
	background: none;
	color: #565555;
	font-size: 1em;
	height: auto;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#panel fieldset#gmap_commentaire p {
	padding: 0;
}
#panel #options p {
	padding: 5px 0;
}
#panel #options label {
	display: block;
}
#panel #resultat_recherche {
	display: none;
}
#panel #resultat_recherche ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#panel #resultat_recherche ul li a {
	color: #000;
}

#panel #directions fieldset {
	padding: 0;
	position: relative;
	width: 279px;
	margin-left:0px;
}
#panel #directions fieldset h2 {
	margin: 0 0 10px 0;
}
#panel #directions fieldset div.resultat {
	padding: 0 !important;
}

#panel #directions fieldset #lien_imprimer {
	right: 0;
	top: 40px;
}

#panel #directions fieldset ul {
	list-style: none;
	margin: 0;
	padding: 0 10px;
}
#panel #directions fieldset ul li {
	margin: 0 0 10px;
}
#panel #directions fieldset ul li a {
	color:#BA1726;
	font-size: 9px;
	padding: 0 0 2px 0px;
	text-transform: uppercase;
	text-decoration:underline;
}

#panel fieldset input {
	display: block;
	margin: 0;
	padding: 0;
	width: 230px;
}
#panel fieldset select {
	font-size: 0.9em;
}

#panel #nbagences {
	color: #F35111;
}
#panel a.imprimer {
	color: #BA1726;
	line-height: 2em;
	padding: 0px 10px 0px 14px;
	text-decoration: underline;
	float: right;
}

#panel .gmap_effacer_recherche {
  display:none;	
}

#panel #gmap_rechercher {
	text-align: center;
}
#panel #gmap_rechercher {
	background:#BA1726 none repeat scroll 0 0;
  border:1px solid #565656;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  font-weight:bold;
  height:20px;
  margin:10px 0;
}
.dform form input[type=submit]{
  background:#BA1726 none repeat scroll 0 0;
  border:1px solid #565656;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
  height:20px;
  margin:0 10px;
}

/**** le div qui permet de cacher le panel ****/
#mapsplitter {
	background: url(/imgs/_v2/onglet-agrandir-carte.jpg) no-repeat center 40px;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-left: -1px;
	margin-right: 1px;
	width: 16px;
	position: relative;
	z-index: 2;
}
#mapsplitter.collapsed {
	background: url(/imgs/_v2/reduire-carte.jpg) no-repeat center 40px;
	margin-left: 15px;
}
#mapsplitter.hover {
	cursor: pointer;
}
/**** le div qui contient la carte, avec #map = carte des agences et #maplocal = plan d'acces fiche agence ****/
#map,
#maplocal {
	border: 1px solid #979797;
}
#map {
	height:400px;
  margin:0 10px 30px 305px;
}
/**** zone groupant plusieurs agences ****/
#google_maps div.clustermarker {
/* NE PAS CHANGER LA VALEUR DE border-width qui doit être de 1 pixel ___ */
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	position: absolute;
	color: #000000;
	background-color: rgb(225,59,0);
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}
.gmaps_tooltip {
	background-color: #eee;
	border: 1px solid #111;
	width: 300px;
	z-index: 5;
	opacity: 0.85;
/* laisser désactivé, on ne supporte plus l'opacité avec IE6 */
	/*filter: alpha(opacity=85);
*/
}
.gmaps_tooltip h3 {
	background-color: #F25013;
	font-size: 1em;
	margin: 0;
	padding: 5px !important;
	color:#FFFFFF;
}
.gmaps_tooltip div.body {
	margin: 0;
}

.gmaps_tooltip div.body p {
	padding: 5px;
	text-align: left;
}
/*** Plan du site ***/
#contenu table#plan{
  width:90%;
  margin-right:auto;
  margin-left:auto;
  margin-top:30px;
  margin-bottom:10px;
}
#contenu table#plan td{
  vertical-align:top;
}
#contenu table#plan ul li{
  list-style-type:none;
}
#contenu table#plan ul li h2 a, #contenu table#plan ul li h2{
  display:block;
  font-family:Georgia,serif;
  font-size:18px;
  padding:20px 0;
  color:#00387D;
}
#contenu table#plan ul li h2 a:hover{
  text-decoration:underline;
  color:#00387D;
}
#contenu table#plan ul li ul{
  padding-left:20px;
}
#contenu table#plan ul li ul li{
  padding:5px 0;
}
#contenu table#plan ul li ul li a{
  background:#FFFFFF url(/imgs/_v2/puce-rouge.jpg) no-repeat scroll 5px center;
  padding-left:20px;
  color:#00387D;
  font-size:12px;
}
/*** Formulaire de contact ***/
form#f1_form_gene{
  width:500px;
}
form#f1_form_gene table{
  width:90%;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:solid 1px #00387D;
  margin-right:auto;
  /*margin-left:auto;*/
  clear:both;
}
form#f1_form_gene table div{
  width:auto !important;
}
form#f1_form_gene table td{
  vertical-align:top;
}
form#f1_form_gene table td.colLabel div label{
  text-align:right;
}
form#f1_form_gene table td.colLabel div span.ast{
  color:#FF0000;
}
form#f1_form_gene table td.colLabel div label.entoure{
  border:solid 1px #FF0000;
}
form#f1_form_gene table td.colLabel {
  width:25%;
}
form#f1_form_gene table ul.radio{
  list-style-type:none;
}
form#f1_form_gene table ul.radio li{
  display:inline;
  padding-right:10px;
}
form#f1_form_gene div input.bouton{
  float:left;
  margin-left:170px;
  background:#00387D;
  border:solid 1px #666;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}
form#f1_form_gene textarea{
  overflow-y:auto;
  width:260px;
}
/*** Fiche agence ***/

#contenu #infos_agence{
  background:transparent url(/imgs/_v2/bandeau-defaut.jpg) no-repeat scroll left top;
  margin-left:-10px;
  padding-top:105px;
  position: relative;
}
#contenu #infos_agence h1, #contenu #infos_agence h2, #contenu #infos_agence p.visuel{
  margin-left:10px;
}
#contenu #infos_agence h2 {
	line-height: 40px;
}
#contenu #infos_agence p.visuel{
  margin-top:10px;
  width:200px;
  float:left;
}
#contenu #infos_agence a.plan {
	/*float:left;*/
}
#infos_agence ul.pictos_services {
	clear:both;
	margin:20px 0 0;
	position:absolute;
	right:0;
}
#infos_agence ul.pictos_services li {
display:inline;
}
#contenu #infos_agence ul{
  list-style-type:none;
  margin-left:10px;
  margin-top:10px;
  margin-right:20px;
}
#contenu #infos_agence p{
  /*text-align:right;*/
  margin-right:20px;
}
#contenu #infos_agence div.descriptif{
  clear:both;
  padding:10px 0 0 10px;
}
#contenu #infos_agence div.descriptif h2{
  margin-left:0px;
}
#contenu #infos_agence div.descriptif p{
    text-align:left;
}


#contenu #infos_agence #horaires ul {
	border-bottom: 2px solid #A01518;
	padding: 5px 0;
}
#contenu #infos_agence #horaires ul li {
	display: inline;
	margin-right: 15px;
	padding:5px 15px;
}

#contenu #infos_agence #horaires ul li.ui-state-default {
	background:transparent url(/imgs/_v2/fond-onglethorairesexpo.jpg) repeat-x left bottom;
	border-left: 1px solid #00508E;
	border-top: 1px solid #00508E;
	border-right: 1px solid #00508E;
}
#contenu #infos_agence #horaires ul li.ui-state-default a{
	background:transparent url(/imgs/_v2/flechebleuefondgris.jpg) no-repeat left 1px;
	padding-left: 15px;
}
#contenu #infos_agence #horaires ul li.ui-state-active {
	background:transparent url(/imgs/_v2/fond-onglethorairesagence.jpg) repeat-x left bottom;
	border: none;
}
#contenu #infos_agence #horaires ul li.ui-state-active a{
	background:transparent url(/imgs/_v2/flecheblanchefondrouge.jpg) no-repeat left 4px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
	cursor:default;
}
#contenu #infos_agence #horaires table {
	border-bottom:1px solid #00508E;
	margin:5px 0 5px 10px;
	width:718px;
}
#contenu #infos_agence #horaires table thead tr th {
	color: #00508E;
	text-align: center;
	font-size: 1.2em;
	border-right:0px solid #000000;
	height:30px;
	text-transform:uppercase;
	text-align:left;
	font-style:italic;
}
#contenu #infos_agence #horaires table thead tr th.matin, #contenu #infos_agence #horaires table thead tr th.apres_midi {
	text-align: center;
	font-style:normal;
}
#contenu #infos_agence #horaires table tbody tr th {
	color: #00508E;
	text-align: left;
	height: 20px;
	padding-left:5px;
	border-right:0px solid #000000;
	width:200px;
}
#contenu #infos_agence #horaires table tbody tr td {
	text-align: center;
	border-right: 0px solid #000;	
}
#contenu #infos_agence #horaires table tbody tr td, #contenu #infos_agence #horaires table tbody tr th {
	border-bottom: 1px solid #000;
}
.ui-tabs-hide{
  display:none;
}


/*** Plan d'accès ***/
.blockui_popup h1{
  background:#2E6792 url(/imgs/_v2/bg.jpg) repeat-x scroll left top;
  color:#FFF;
  text-align:left;
  padding:10px;
  font-family:Georgia,serif;
}
div.blockui_popup p.fermer_fenetre {
  padding:0;
  position:absolute;
  right:5px;
  top:2px;
  text-align:left;
}
div.blockui_popup p.fermer_fenetre a, div.blockui_popup p.popup_imprimer a{
  color:#FFF;
}
div.blockui_popup p.popup_imprimer{
  padding:0;
  position:absolute;
  right:5px;
  top:30px;
  width:104px;
  text-align:right;
}
div.blockui_popup ul{
  list-style-type:none;
  text-align:left;
  margin:10px;
}

/***********************/
/*** Page d'accueil ***/
/**********************/
.s1000000001 #bread_crum{
  display:none;
}
.s1000000001 #contenu h1{
  display:none;
}
.s1000000001 #contenu .mea_droite{
  float:none !important;
  margin-top:0px !important;
  width:215px !important;
}
.s1000000001 div.mea_centre table{
  width:100%;
  margin-top:20px;
}
.s1000000001 div.mea_centre table td{
  width:33%;
  vertical-align:top;
}
.s1000000001 div.mea_centre table td .mea{
  background:url(/imgs/_v2/fond-mea-main.jpg) no-repeat top center;
  width:310px;
  height:123px;
}
.s1000000001 div.mea_centre table td .mea h3{
  float:left;
  margin-left:128px;
  font-size:14px;
  display:block;
  padding:5px 0px;
  width:180px;
  color:#00387D;
}
*html .s1000000001 div.mea_centre table td .mea h3{
  margin-left:63px;
  padding-bottom:0px;
}
*html .s1000000001 div.mea_centre table td .mea br{
  height:0px;
}
.s1000000001 div.mea_centre table td .mea a span img{
  float:left;
  margin-right:5px;
  margin-top:-25px;
  width:123px;
}
*html .s1000000001 div.mea_centre table td .mea a span img{
  margin-top:-21px;
}
.s1000000001 .mea_droite .pub {
	margin-right: 5px;
}
#contenu div.rub_services {
	width: 490px;
}