html, body{  	margin:0; 	padding:0; 	text-align:center; 	background:#004489 url(../images/body_bg.jpg) top center repeat-x; 	font-family: verdana, arial, geneva; 	font-size:10px; 	height:100%;  }   
/* Table container */  
table#container {  	width:970px; 	margin:0 auto; 	background:#FFF; 	border:none; 	padding:0; 	vertical-align:top;
	border-collapse:collapse;
} table#container td{
	vertical-align:top;
	border:none;
	margin:0;
	padding:0;
	text-align:left;
} table#container tr{
	border:none;
	margin:0;
	padding:0;
} /* Par défaut */
a, a:active, a:visited {
	color:#333;
} img {
	border:none;
}
object {
	margin-bottom:10px;
}
/* Header : Tête de page */
#header{
	background:#FFF;
	position:relative;
	width:970px;
	margin:0;
	padding: 0;
} #header div#headerPanel {
	font-family: verdana, arial, geneva;
	font-size:10px;
	height:20px;
	background:#ebebeb;
	clear:both;
	padding:5px;
	text-align:right;
	line-height:20px;
} #header div#headerPanel h4{
	font-size:9px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#666;
	display:inline;
} #header div#headerPanel input{
	width:210px;
	height:17px;
	border:1px solid #CCC;;
	background:#FFF;
	color:#999;
	font-family:verdana, arial, sans-serif;
	font-size:9px;
	padding:2px;
	margin: 0 0 0 10px;
} #header div#headerPanel input#envoyer{
	width:16px;
	height:16px;
	border:none;
	margin:0;
	padding:0;
	vertical-align:text-bottom;
} #header img#logo{
	float:left;
	padding:2px 0 0 0;
	margin:5px 0 0 0;
}
#banniere{
	margin:10px 0 0 5px;
}

#header a#accueil {
	color:#2980dc;
	padding: 0 0 0 15px;
	background: url(../images/icone_accueil.gif) no-repeat;
	margin: 0 0 0 10px;
	font-family: verdana, arial, geneva;
	font-size:10px;
} #header a#contactez_nous {
	color:#2980dc;
	font-weight:bold;
	padding: 6px 40px 6px 0 ;
	background: url(../images/icone_contact.gif) top right no-repeat;
	margin: 0 0 0 10px;
	font-family: verdana, arial, geneva;
	font-size:10px;
} #header table#menu_haut_droite{
	width:240px;
	background:#f1f1f1;
	float:right;
	margin:0;
	padding:0;
	height:85px;
	text-align:left;
	border-collapse:collapse;
} #header table#menu_haut_droite a{
	text-decoration:none;
} #header table#menu_haut_droite tr{
	height:38px;
	border:none;
	margin:0;
	padding:0;
	vertical-align:middle;
} #header table#menu_haut_droite tr td{
	background:#f1f1f1;
	border:1px solid #fff;
	margin:0;
	padding:0;
	vertical-align:middle;
} #header table#menu_haut_droite input{
	width:156px;
	height:17px;
	border:none;
	background:#FFF;
	color:#2980dc;
	font-family:verdana, arial, sans-serif;
	padding:2px;
	margin: 0 0 0 10px;
	font-size:10px;
} #header table#menu_haut_droite input#rechercher{
	width:16px;
	height:16px;
	border:none;
	margin:0;
	padding:0;
	vertical-align:text-bottom;
} /* Menu haut */
#menu{
	width:970px;
	height:20px;
	margin:0;
	padding:0;
	background: url(../images/menu_haut_bg.gif) top center no-repeat;
	clear:both;
	text-align:left;
	z-index:1;
	font-family: verdana, arial, geneva;
	font-size:10px;
} #nav{ /* all lists */
	padding: 0;
	margin: 0 0 0 250px;
	list-style: none;
	line-height: 1;
	/**/
} #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	line-height: 1;
	/**/
} #nav a {
	display: block;
} #nav li {
	float: left;
	width: 10em;
	z-index:1;
} #nav li a{
	line-height:20px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	
} #nav li a:hover{
	color:#EEE;
} #nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index:1;
} #nav li:hover ul, #nav li.sfhover ul {
	 left: auto;
} 

#nav li ul li{
	border:1px solid #FFF;
	border-top:none;
	width:200px;
	background: #004489 url(../images/menu_fleche.gif) 0px 6px no-repeat;
	padding: 0 0 0 15px;
	z-index:1;
}

#nav li ul li#testmenu{
	border:1px solid #FFF;

	width:200px;
	background: #004489;
	padding: 0 0 0 15px;
	color:#FFF;
}
#nav li ul li a{
	text-decoration:none;
	color:#FFF;
	text-align:left;
		
} #nav li ul li a:hover{
	color:#FFF;
	text-decoration:underline;
} 


ul#nav li#premier {
	width:97px;
} ul#nav li#deuxieme {
	width:104px;
} ul#nav li#troisieme {
	width:158px;
} ul#nav li#quatrieme {
	width:150px;
} ul#nav li#cinquieme {
	width:160px;
} 
/* Colonne Centrale */
#colonne_centrale{
	width: 470px;
	background:#FFF;
	text-align:left;
	padding:10px 0 0 0;
} /* Colonne de Gauche */

#colonne_gauche {
	width: 250px;
	background:#FFF;
	text-align:left;
	padding:10px 0;
	margin : 0;
}
/* Boutons sous menu */
#colonne_gauche h2{/***********************5*/
  display:block;
  background: url(../images/btn.jpg) top left no-repeat;
  width:237px;
  height:48px;
  font-size:12px;
  margin: 0;
  line-height:43px;
  padding: 0 0 0 35px;
}

#colonne_gauche h2 a{
  text-decoration:none;
  color:#1958a3;
}
#colonne_gauche h2 a:hover{
  text-decoration:underline;
}

div.gros_bouton{
  display:block;
  background: url(../images/bigbtnetroit.jpg) top left no-repeat;
  width:230px;
  height:48px;
  margin:0 10px 10px 5px;
}

div.gros_bouton h1{
  display:block;
  color:#FFF;
  width:200px;
  padding: 10px 0 0 10px;
  font-weight:bold;
  margin:0;
  font-size:12px;
  text-decoration:none;  
}

div.gros_bouton h2{
  display:block;
  color:#004489;
  margin:0;
  padding: 0 0 0 10px;
  font-size:10px;  
  font-weight:normal;
}


 /* Colonne de Droite */
#colonne_droite{
	width: 250px;
	background:#FFF;
	text-align:left;
	padding:10px 0;

}

div.colonne_droite div table tr td table{
	margin-bottom: 10px;
}

/* Bloc centrale sur toute la largeur */
div.wholewidth{
	background:#FFF;
	width:470px;
	text-align:left;
	padding:0;
	clear:both;
} /* Bloc central de gauche */
div.left{
	background:#FFF;
	width:230px;
	margin:0 0 10px 0;
	text-align:left;
	float:left;
	color:#003300;
	padding:0;
} div.left img{
	margin: 10px 0 0 0;
} /* Bloc central de droite */
div.right{
	background:#FFF;
	width:230px;
	margin:0 0 10px 0;
	text-align:left;
	float:right;
	padding:0;
} /*div.right img{
	margin: 10px 0 0 0;
} */

/* Module Actualités */
h2.actualite{
	display:block;
	font-family:verdana, arial, sans-derif;
	font-size:12px;
	font-weight:bold;
	margin:15px 10px 3px 10px;
	padding:0 0 3px 0;
	background:url(../images/titre_souligne.gif) bottom left repeat-x;
	color:#004489;
	text-align:left;
} img.fleche{
	float:right;
	width:9px;
	height:9px;
	margin: 0 10px 0 0 ;
} table#actualites{
	width:230px;
	margin:0 10px;
} table#actualites td.actualite_date{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#004489;
	font-weight:bold;
} table#actualites td.actualite_desc a{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#999;
	text-decoration:underline;
} table#actualites td.actualite_desc a:hover{
	color:#2980dc;
} /* Module Grands Chantiers */
h2.grands_chantiers{
	display:block;
	font-family:verdana, arial, sans-derif;
	font-size:12px;
	font-weight:bold;
	margin:15px 10px 3px 10px;
	padding:0 0 3px 0;
	background:url(../images/titre_souligne.gif) bottom left repeat-x;
	color:#004489;
	text-align:left;
} ul.chantiers{
	width:215px;
	margin:0 0 0 25px;
	padding:0;
} ul.chantiers li{
	list-style:url(../images/fleche.gif);
	margin:5px 0;
	padding:0;
} ul.chantiers li a{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#999;
} ul.chantiers li a:hover{
	color:#2980dc;
} /* Module Conseils de Sécurité */
#conseils_securite{
	margin:0 10px 10px 10px;
	width:230px;
	height:69px;
} /* Module Offres Télépéage */
img#offres_telepeage{
	margin: 0 0 10px 10px;
} /* Module Services Poids Lourds */
img#services_poids_lourds{
	margin: 0 0 10px 10px;
} /* Module A Gagner */
img#a_gagner{
	margin: 0 0 10px 10px;
} /* Footer : Pied de page */
#footer {
	clear: both;
	height:auto;
	background:#FFF url(../images/footer_bg.gif) top center repeat-x;
	text-align:left;
} #footer ul{
	text-align: right;
	/*margin:12px 10px 0 0;*/
	height:20px;
	padding-top: 30px;
} #footer ul li{
	display:inline;
	padding: 0;
	margin:0;
} #footer ul li a{
	color:#2980dc;
	font-size:11px;
	background:url(../images/footer_colon.gif) top right no-repeat;
	padding: 0 12px;
	/*margin: 0 0 10px 0;*/
	text-decoration:none;
} #footer ul li a:hover{
	text-decoration:underline;
} #footer ul li a#last{
	background:none;
} p#notes{
	font-family: verdana, arial, geneva;
	font-size:10px;
	width:600px;
	color:#c3c2c2;
	padding: 0 22px;
	text-align:right;
	float:right;
}
#footer #logoBas{
	margin-top:10px;
	margin-right:22px;
	text-align:right;
	float:left;
}
 /* Assistant Voyage */	/***********************4*/

table#assistant_voyage	{
	height:256px !important;
	width:469px; 
	border:none;
	padding:0;
	margin:0;
	border-collapse: collapse;
}

table#assistant_voyage a{
	margin:0;
	padding:0;
}

table#assistant_voyage tr,table#assistant_voyage	tr td{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}

table#assistant_voyage tr td a img	{
	border:0;
	margin:0;
	padding:0;
}

#assistant_voyage_bas{
	background:url(../images/bloc_assistant_voyage_bas.jpg) top left no-repeat; 
	color:#FFF;
	width:469px;
	height:46px;
	margin:0;
}

#assistant_voyage_bas table#itineraire{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#fff;
	margin: 0 0 10px 8px; 
}
#assistant_voyage_bas table#boutons{ 
	margin: -47px 0 0 235px;
	width:232px;
}

#assistant_voyage_bas input#ville_depart{
	width:106px;
	height:14px;
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	padding:0 2px;
	font-size:10px;
	font-family: verdana, arial, geneva;
	font-size:10px;
}

#assistant_voyage_bas input#ville_arrivee{
	width:86px;
	height:14px;
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	padding:0 2px;
	font-size:10px;
	font-family: verdana, arial, geneva;
	font-size:10px;
}

#assistant_voyage_bas input#calcule_itineraire{
	width:16px;
	height:16px;
	border:none;
	margin: 0 0 0 2px;
	vertical-align:bottom;
}

#bloc_blanc{
	padding: 0 0 10px 10px;
}


#bloc_bleu{
	background:#1958a3 url(../images/bloc_bleu_bg.jpg) bottom right no-repeat;
	padding: 0 0 10px 10px;
}

#bloc_bleu img{
	margin: 0 0 0 0;
}

/* conseils sécurité */
#conseil_securite_1{
	background:url(../images/conseil_securite_1_bg.jpg) top left no-repeat;
}

#conseil_securite_1 h3{
	color:#1958a3;
	font-size:12px;
	padding: 9px 10px 0 100px;
}

#conseil_securite_2{
	background:url(../images/conseil_securite_2_bg.jpg) top left no-repeat;
}

#conseil_securite_2 h3{
	color:#1958a3;
	font-size:12px;
	padding: 20px 10px 0 100px;
}

#conseil_securite_3{
	background:url(../images/conseil_securite_3_bg.jpg) top left no-repeat;
}

#conseil_securite_3 h3{
	color:#1958a3;
	font-size:12px;
	padding: 7px 10px 0 100px;
}

#conseil_securite_4{
	background:url(../images/conseil_securite_4_bg.jpg) top left no-repeat;
}

#conseil_securite_4 h3{
	color:#1958a3;
	font-size:12px;
	padding: 14px 10px 0 100px;
}

/* Bloc central 
#bloc_central{
	background:#1958a3 url(../images/coin_hd.gif) top right no-repeat;
	width:470px;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
	height:auto;
	text-align:center;
}

#bloc_central_interne{
	background:#FFF url(../images/bloc_tourisme_interne_haut.jpg) top center no-repeat;
	width:446px;
	height:auto;
	text-align:left;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

#bloc_central_interne p{
	padding: 30px 20px 0 0;
}

#bloc_central_interne h3{
	color:#1958a3;
	font-size:16px;
	font-weight:bold;
}

#bloc_central_interne select{
	width:130px;
}

#bloc_central_interne_bas{
	background:#FFF url(../images/bloc_tourisme_interne_bas.jpg) top center no-repeat;
	width:446px;
	height:5;
	margin:0 auto;
	padding:0
}

#bloc_central img{
	border:0;
}

#bloc_central_bas{
	background:#FFF url(../images/bloc_moyen_bas.gif) top left no-repeat;
	width:470px;
	height:11px;
	margin: 0;
	padding:0;
}

#bloc_central p{
	color:#1958a3;
	font-size:12px;
	margin: 0 10px 0 50px;
}

#bloc_central p.droite{
	margin: 10px 10px 0 0;
	text-align:right;
	width:450px;
}

#bloc_central p.droite a{
	text-decoration:none;
	color:#1958a3;
}

#bloc_central p.droite a:hover{
	text-decoration:underline;
	color:#1958a3;
}
*/

/* Liste boutons */
#liste_boutons_menu {
	margin: 0px 5px 0 5px;
}
#liste_boutons_menu img{
	margin: 5px 0 0 0;
}

/* Liste boutons */
#liste_boutons {
	margin: 0px 5px 0 5px;
}

#bloc_bleu h1{ 
  display:block;
  background:#1958a3 url(../images/titre_bg.jpg) top center no-repeat;
  color:#FFF;
  font-size:12px;
  margin: 0;
  line-height:40px;
  padding: 0 0 0 15px;
  width:230px;
  height:50px;
font-family: verdana, arial, geneva;    
}

/**/

/* Corporate : Leader Francais */
#corporate_haut{
  background:#1958a3 url(../images/coin_hd.gif) top right no-repeat;
  width:470px;
  margin: 0 10px 0 0;
  height:10px;
}

#corporate{
  width:430px;
  background:#FFF;
  padding:10px;
  border-left: 10px solid #1958a3;
  border-right: 10px solid #1958a3;
}


#corporate_bas{
  background:url(../images/bloc_conseils_securite_bas.jpg) top left no-repeat;
  width:470px;
  height:10px;
}

#corporate h1{
  color:#1958a3;
  font-size:16px;
  margin: 0;
  padding:5px 0 10px 0;
}

#corporate h2{
  color:#1958a3;
  font-size:12px;
  margin: 0;
  padding:0 0 0 10px;
}

#corporate p{
  color:#333;
  font-size:12px;
  margin: 10px 10px 20px 10px;
}

#corporate p a{
  color:#333;
  text-decoration:undeline;
}

#corporate span.bleu{
  color:#1958a3;
}

#corporate span.rouge{
  color:#FF0000;
}

/*******************************/
/*  POPIN  (popup modale)     */
/* voile (fond transparent)*/
.voile{	position:absolute;	display:none;	z-index:100;	background:#004489;	top:0;	left:0;}
.clean{	position:absolute;	display:none;	z-index:100;	background:#ffffff;	top:0;	left:0;}

/* Popin */
.popin { display:none;	position:absolute;	top:50%;	left:50%;	/*width:600px;	height:500px;	margin-top:-250px;	margin-left:-300px;*/	z-index:1000; background:#fff ;}
.popin .top{height:18px; background-color:#b3c7db;}

.popin a.close-btn{ position:absolute; top:5px; right:5px; width:11px; height:11px; background-image:url(../images/popin-close-btn.gif); background-attachment:no-repeat; background-position:center 0px; font-size:0px;}
.popin a.close-btn:hover{ background-position:center -11px; }
.popin div.close-btn{ position:absolute; bottom:5px; width:100%; left: 0px;}

.popin h2{text-align:center; line-height:35px; background:#e6e6e6 url(../images/popin-h2-bg.gif) repeat-x; font-size:1.3em; font-weight:bold; color:#000;}
.popin h3{border-bottom:1px dashed #cccccc; font-size:1.2em; font-weight:bold; padding:3px 0 3px 0; margin:0 0 5px 0; clear:both; color:#004489;}
.popin .in{overflow:auto; padding:10px; }
.popin .in p{font-size:1.1em;}
.popin .in form{font-size:1.1em; line-height:20px;}
.popin .in a{color:#004489; text-decoration:underline;}
.popin .in a:hover{color:#1f71c5; text-decoration:none;}