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

div#bouton_fermer {
	position: absolute;
	left: 570px; 
	top: 20px;
	text-align:left;
	z-index:1;
}
div#calque_flash {
	z-index:1;
	position: absolute;
	left: 380px; 
	top: 100px;
	text-align: center;
}
div#calque_flash embed {
	border:0px solid #C8C0BD;
}
div#popup {
	z-index:10000;
	position: absolute;
	left: 150px; 
	top:110px;
	text-align: center;
	border: 10;
	border-color:red;
}
/*div#bouton_fermer_popup {
	position: absolute;
	left: 995px; 
	top: 120px;
	text-align:right;
	z-index:13;
}*/
/* Table container */ 
table#tbSite {
	position : absolute;
	left:0px;
	top:0px;
	width:100%;
	text-align:center;
	z-index:0;
}

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

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

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

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


 /* Colonne de Droite */
#colonne_droite{
	width: 250px;
	//background:#FFF;
	text-align:left;
	padding:0;
	margin:0 0 0 10px;
/*	padding: 10px 0 0 0;*/
	vertical-align:bottom;
}
#colonne_droite img,embed{
	margin: 10px 0 0 0;
	}

/* 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;
}
div.left embed{
	margin: 10px 0 0 0;
}
div.left object{
	margin: 10px 0 0 0;
}


/* Bloc central de droite */

div.right{
	background:#FFF;
	width:230px;
	margin:10px 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;
	text-decoration: none;
} img.fleche{
	float:right;
	width:9px;
	height:9px;
	margin: 0px 10px 0px 0px ;
} table#actualites{
	width:230px;
	margin:5px 10px;
} table#actualites td.actualite_desc a{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#004489;
	font-weight:normal;
	vertical-align: top;
	line-height:12px;
	text-decoration:none;
} table#actualites td.actualite_date{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#004489;
	text-decoration:underline;
	vertical-align: top;
	text-decoration:none;
} 
table#actualites td.first_actualite_desc a:hover{
	color:#D8275D;
} 
table#actualites td.first_actualite_desc a{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#D8275D;
	font-weight:normal;
	vertical-align: top;
	line-height:12px;
	text-decoration:none;
} table#actualites td.first_actualite_date{
	font-family: verdana, arial, geneva;
	font-size:10px;
	color:#D8275D;
	text-decoration:underline;
	vertical-align: top;
	text-decoration:none;
} table#actualites td.first_actualite_desc a:hover{
	color:#AF3E60;
}


/* 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;
	text-decoration: none;	
} ul.chantiers{
	width:230px;
	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:#004489;
	text-decoration:none;
} ul.chantiers li a:hover{
	color:#2980dc;
}
ul.chantiers li a:visited{
	color:#004489;
}

/* Module Offres Télépéage */
#offres_telepeage{
	margin: 10px 0 0 0;
}
/* Module Services Poids Lourds */
img#services_poids_lourds{
	margin: 0 0 10px 0px;
} /* 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{
	/*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;
}

table#assistant_voyage td#bandeau {
	background: url(/shared/ressources/images/internet2007/pictos/assistant_voyage_01_bg.jpg) top left no-repeat;
	color:#FFF;
	width:469px;
	height:29px;
	margin:0;
	text-align: right;
}

#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; 
vertical-align:bottom;
	text-align:left;
}
#assistant_voyage_bas table#boutons{ 
	margin: -47px 0 0 235px;
	width:232px;
	height:45px;
	vertical-align:bottom;
	text-align:left;
}

#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 img#calcule_itineraire{
	width:16px;
	height:16px;
	border:none;
	margin: 0 0 0 2px;
	vertical-align:bottom;
	cursor: hand;
}

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

#bloc_bleu img{
	margin: 0 0 10px 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;
}

/* Liste boutons */
#liste_boutons {
	margin: 10px 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:215px;
  height:50px;
}

/**/

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

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


#corporate_bas{
background:#FFF url(../images/bloc_large_bas.gif) top left no-repeat;

  width:930px;

  height:11px;
  
}

#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:10px;
  margin: 10px 10px 20px 10px;
}

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

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

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

table#offres_telepeage_autres{
  width:950px;
  margin:10px 0;
}

table#offres_telepeage_autres tr td{
  text-align:center;
  vertical-align:center;
  width:240px;
}

table#offres_telepeage_autres img#trafic_temps_reel{
  margin:3px 0 0 0;
}

#conseils_securite{
	margin:0 10px 10px 10px;
	width:230px;
	height:69px;
}
/*******************************/
/*  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;}