/* CSS Document */

body {
	color : white;
	/*background:url(../images/fond_gen.jpg) repeat-x; 	*/	
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align:left;
	background:#326696 url(../images/bg_gen.jpg) top center no-repeat;
	
}

img, div { behavior: url(iepngfix.htc); }

img { border:none; }

div, h1, h2, h3, h4, h5, h6, p, ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

h2, h3, h4 { font-size: 1.1em; }

h1{
	font-size:18px;
	font-weight:bold;
	color:#0088CF;
}


a, a:visited, a:hover {
	text-decoration: none;
	color: #608BA1;
}

a:hover {color: #85A526;}
a.top_bar{
	text-decoration:none;
	font-family:"Verdana", Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#1c5a73;
	line-height:11px;
}

a.top_bar span{
	text-decoration:none;
	font-family:"Verdana", Geneva, sans-serif;
	font-size:11px;
	color:#9abccf;
}
.numero{
	font-size:12px;
	font-weight:bold;
	color:#207495;
}


.ongletport {
	color:#FFFFFF;
	background-color: #207495;
	text-align: center;
	height: 20px;
	}

.ongletportover {
	color:#9ABCCF;
	background-color: #9ABCCF;
	text-align: center;
	height: 20px;
	}



.txt9itagris{
	font-size:9px;
	font-style:italic;
	color:#999999;
}

.ciel10B{
	font-size:10px;
	font-weight:bold;
	color:#207495;
}

/*----------------- Structure ----------------*/

#container {
	width: 1000px;
	height:800px;	
	margin: 0 auto;
	text-align: left;	
	color: #0F2C3D;
	background:url(../images/fond_accueil.png) no-repeat top center;
	position:static;
}

html>body #container {
	height: auto;
	min-height: 700px;
} 

#header {
	height:148px;
	padding: 0 40px 0 58px;
}

#logo {
	height:75px;
}

#drapeaux {
	height:25px;
	padding-left:40px;
}

#nav {
	height:40px;
	padding: 0 60px 0 58px;
}

#arianne {
	height:12px;
	padding: 0 120px 0 100px;
}

#content {
	padding: 0 40px 20px 40px;
}
#left_side {
	width:590px;
	padding:40px 40px 40px 40px;
	float:left;
	vertical-align: middle;
}
#left_side p{
	padding-bottom:5px;
	vertical-align:baseline;
	
}
#right_side{
/*	width:300px;*/
	float:left;
	text-align:center;
	padding:30px 0 0 0;
}
#footer {
	clear:both;
	text-align:center;
	background:url(../images/fond_footer.png) no-repeat top center;
	vertical-align:middle;
	padding-top:30px;
}
/*------------------- Navigation --------------*/

#nav ul {
	font-family:"Verdana", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}

#nav li{
	list-style:none;	
	display: block;
	height:40px;
	width:140px;
	float:right;
	padding-left:8px;
}

#nav a {
	text-decoration:none;
	color:#FFFFFF;
	line-height:40px;
	background:url(../images/btn_main_on.png) no-repeat top left;
}

#nav a:hover {
	background:url(../images/btn_main_over.png) no-repeat;
}
#nav a:active {
	background:url(../images/btn_main_over.png) no-repeat;
}
.roll {
	overflow: hidden;
	display: block;
}

.roll img {
	 margin-top: 0;
}

/*----------- Right side ---------------------*/

#search {
	height:420px;	
}

html>body #search {
	height: auto;
	min-height: 420px;
}
#mon_compte {
/*	background:url(../images/img_moncompte.png) no-repeat;*/
	width:240px;
/*	height:154px;*/

}
#carte_interactive {
/*	background:url(../images/img_carteinteractive.png) no-repeat;
	width:264px;
	height:231px;*/
}
#recherche_express {
	width:240px;
}
/*-----------Formulaire Search---------------------*/

fieldset{
    font-family:"Verdana",sans-serif;
	font-size:10px;
	border:none;
}
/*
form {
	padding-left:25px;
}
*/
/* form p {
	margin-bottom: 20px;
} */
label {
	font-family:"Verdana",sans-serif;
	font-weight:bold;
	color:#od2937;
	cursor: pointer;
	display: block;
	width: 170px; 
	float: left;
	text-align : right;
	vertical-align: middle;
}

input {
	font-family:"Verdana",sans-serif;
	font-size:10px;
	color: #568FAA;
	padding-left: 5px;
}
.saisie {
	border:1px solid #CAE0EB;
	font-family:"Verdana",sans-serif;
	font-size:10px;
	color: #568FAA;
	padding-left: 5px;
}
.tab_ports {
	border-bottom:1px solid #CAE0EB;
	font-family:"Verdana",sans-serif;
	font-size:10px;
}
select, option {
	font-size:10px;
	color: #568FAA;
}
textarea {
	font-family:"Verdana",sans-serif;
	font-size:10px;
	color: #568FAA;
}
.txtgris8{
	font-family:"Verdana",sans-serif;
	font-size:9px;
	color:#999999;
}
.txtnoir{
	font-family:"Verdana",sans-serif;
	font-size:10px;
	color:#323433;
}
.txt_form{
font-family:"Verdana",sans-serif;
	font-size:10px;
	color: #568FAA;
}

/*----------- Resultat recherche -----------------*/

#resultat_search ul {
	font-family:"Verdana", Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#BFDAE7;
	text-align:center;
}

#resultat_search li{
	list-style:none;	
	display: block;
	height:40px;
	width:140px;
	float:right;
	padding-left:2px;	
}

#resultat_search a {
	text-decoration:none;
	color:#BFDAE7;
	line-height:40px;
	background:url(../images/fond_etape_off.png) no-repeat top left;
}

#resultat_search a:hover {
	background:url(../images/fond_etape_on.png) no-repeat;
}

#resultat_search a:active {
	background:url(../images/fond_etape_on.png) no-repeat;
}

#resultat_recherche2 {
	height:100px;
	width:570px;
}



/*----------- Bouton bleu -----------------*/

#btn_bleu {
	height:20px;
	color:#244959;
	float: right;
	position: static;
	left: 82px;
	top: 544px;
	margin-right:25px;
	margin-bottom:15px;
}

.button{
	border:1px solid #8CA3B3;
	background-color:#E5ECF4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#244959;
}
/*----------- Mon compte -----------------*/

h5 {
	font-family:"Verdana", Arial, Helvetica, sans-serif ;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	padding-bottom:3px;
}

.tab_mon_compte{
	margin:35px 20px 20px 30px;
}

#mon_compte a {
	font-family:"Verdana", Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#207495;
	text-decoration:none;
}

#mon_compte li {
	padding-top:5px;
	padding-left:10px;
}

#form1 {
	margin-top:30px;
}
#champ_moncompte{
	border:1px solid #999999;
	font-family:"Verdana",sans-serif;
	color : black;
}

/*----------- Listing -----------------*/

#listing {
	
}
.listing_repeat {
	background:url(../images/fond_tab_th_c.png);
	height:25px;
}

#listing h2 {
	color: white;
	font-size:10px;
	text-align:center;
}

#listing td {
	border-bottom: 1px solid #f4f4f4;
	background-color: white;
	padding: 7px;
	vertical-align: middle;
	border-right: 1px solid #f4f4f4;
}

/*----------- Suspension site -----------------*/
.tit_orange {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f08b09;
	font-weight:bold;
	text-align:center;
}
#livre{width:240px;height:73px; background:url(../images/alcotra.jpg) top center no-repeat; line-height:70px;}
#livre a{
	font-size:16px;
	font-weight:bold;
}
#alcotra{width:240px; height:73px; background:url(../images/alcotra.jpg) top center no-repeat; line-height:70px;}
#alcotra a{
	font-size:16px;
	font-weight:bold;
}
/*************************** LIVRE D'OR ******************************/
.livreor {
	width:477px;
}
.livreor_bas {
	background:url(../images/livreor_bas.png) top center no-repeat;
	height:19px;
	width:477px;
}
.livreor_haut {
	background:url(../images/livreor_haut.png) top center no-repeat;
	width:437px;
	padding:50px 20px 20px 20px;
}


.dispo{
	width:400px;
}
#left_side h1{
	padding:0 0 20px 0
}