@charset "utf-8";
body{font-family:sans-serif;font-size:14px}
h1, h2, h3 {color : #0C2270;}
h1 {font-weight : 14px !important;}
ul,li{padding-left:2px;}
tr{text-align:left;}
.lien a{color:#2e52a4}
.clear{clear:both}
.left{float:left}
.right{float:right}
.center{text-align:center}
.gray{color:#777}
.hide{display:none}
.two{width:215px;padding:0 15px;float:left}
.three{width:185px;padding:0
10px;float:left}
.four{width:215px;padding:0
15px;float:left}
.tooltip_content{display:none;position:absolute;border:1px
solid #333;background-color:#161616;border-radius:5px;padding:10px;color:#fff}.green_button{border:1px
solid #999;border-radius:3px;color:#f5f5f5;background:green;padding:3px
6px;font-size:1.1em;font-weight:lighter}
div.cadre-header{margin-top:-50px;border-bottom:1px solid #ddd}div#header{position:relative;width:980px;margin:0
auto;padding:17px
10px;background:#fff}

.upper{	
		text-transform: uppercase;
		}

div#header div#logo{}
div#header div#logo img{position:relative;top:5px;margin-right:8px}
div#header div#logo a{font-family:'Open Sans',sans-serif;font-size:2.2em;color:#505;text-decoration:none}
div#header div#logo span{font-family:'Open Sans',sans-serif;font-size:1.35em;color:#EA4}
div#header h3{padding:0;margin:0;color:#777;font-weight:lighter;font-size:1em;line-height:1.3em}
div.cadre-nav{width:100%;top:0;left:0}
ul#nav{position:relative;width:960px;min-height:32px;margin:0 auto;padding:0}
ul#nav li{position:relative;list-style:none;display:inline-block}
ul#nav li a{display:block;padding:5px 14px;color:white;text-decoration:none;color:#ddd}
ul#nav li a.active{color:#fff}
ul#nav li a:hover{text-decoration:underline;color:#fff}
ul#nav li#languages{z-index:99;position:absolute;display:block;right:0;top:1px;padding:0;margin:0;width:36px;height:31px;overflow:hidden}
ul#nav li#languages.hover{overflow:visible;height:auto;background:#333}
ul#nav li#languages img, ul#nav li#languages a{display:block;padding:10px 10px;margin:0}
ul#nav li#languages a img{padding:0}
ul#nav li#languages a:hover{background:#000}
#empty-message {font-weight:bold; color:red}
#bouton {visibility:hidden}
div.cadre{background:#fff;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));background:-webkit-linear-gradient(top, #fff, #f9f9f9);background:-moz-linear-gradient(top, #fff, #f9f9f9);background:-ms-linear-gradient(top, #fff, #f9f9f9);background:-o-linear-gradient(top, #fff, #f9f9f9);border-bottom:1px solid #eee}
div.cadre.bande{height:35px;margin-bottom:10px;margin-top:10px}
div.cadre.searching{background:rgb(206, 222, 240);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(206, 222, 240)), to(#ccc));background:-webkit-linear-gradient(top, rgb(206, 222, 240), #ddd);background:-moz-linear-gradient(top, rgb(206, 222, 240), #ddd);background:-ms-linear-gradient(top, rgb(206, 222, 240), #ddd);background:-o-linear-gradient(top, rgb(206, 222, 240), #ddd);border-bottom:1px solid #ccc;min-height:80px}
div.cadre.searching div.content{padding:7px 10px}
div.cadre.searching div.content div#examples{font-size:0.9em;color:#888;padding:0 8px}
div.cadre.searching div.content div#examples a{color:#888;text-decoration:none}
div.cadre.searching div.content div#examples a:hover{text-decoration:underline}
div.cadre.searching div.content div h4{margin:0 0 5px 0;font-size:1.2em}
div.cadre.searching div.content div input{border-radius:2px;border:2px solid rgb(194, 151, 151);;color:#666;background:#fff;padding:3px 6px;font-size:1.1em;font-weight:lighter}
div.cadre.searching div.content div input[type=text]:focus{border:1px solid #2e52a4;background:#fff}
div.cadre.searching div.content div input[type=text].border{border:1px solid red}
div.cadre.searching div.content div input[type=submit1]{color:#f5f5f5;background:orange;margin:0 10px}
div.cadre.searching div.content div#searching{padding:3px 0;min-height:67px}
div.cadre.searching div.content div#searching img{position:absolute;top:8px;left:-135px}
div.cadre.searching div.content div#searching input[type=text]{width:290px}
div.cadre.searching div.content div#searching input[type=submit1]{width:150px; margin-left:80px}
div.content{width:976px;margin:0 auto;#padding:15px 320px 30px 180px;position:relative}

div.content div#ads_left{clear:both;width:312px; margin:5px 20px 0 0;float:left; }
div#ads_left .formul {background-color:#e5e5e5; padding:5px 5px 5px 10px; display: block;}
.block-left {
}
.title{
color: #0C2270;
font: bold 11px Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
display: block;
position: relative;}
.titleh1{
color: #0C2270;
font: bold 11px Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
display: block;
position: relative;
margin-bottom:-15px;}
#start{
width:265px;
height:25px;
padding-left : 20px;
}
#end{
width:265px;
height:25px;
padding-left : 20px;
}
.flag1 {
background-image: url('../images/drapeau-depart.jpg');
background-repeat: no-repeat;
}
.flag2 {
background-image: url('../images/drapeau-arrivee.jpg');
background-repeat: no-repeat;
}
.inverse{
background-image: url('../images/inverse2.png');
background-repeat: no-repeat;
height:25px;
background-position: center; 
width : 100px;
font-weight:10px !important;
}
.aller {
position:absolute;
padding-top:3px !important;
color:green;
}
.retour {
position:absolute;
padding: 3px 0 0 71px !important;
color:red;
}
.aller a{
color:green;
}
.retour a{
color:red;
}
.linkPink input{ 
display:inline-block; 
margin : 10px 8px 0 0;
height:26px; 
width : 125px;
border-radius: 3px;
border:none;
padding:5px !important; 
font-size:13px; 
color:#fff; 
background-color:#007A0F; 
 text-decoration:none;
 cursor : pointer;
 float : right;
 } 
 element.style {
}
.option {
position: relative;
margin: 6px 0 0 5px;
padding: 0 5px 23px 5px;
width: 272px;
background: #fff;
border-top: 1px solid #f2f2f2;
}
caption{
color: #0C2270;
font: bold 13px Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px 2px 2px 2px;
width : 304px;
border-bottom: 1px dashed #D88;
}
.box2 caption{
color: #0C2270;
font: bold 13px Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px 2px 2px 2px;
width : 642px;
border-bottom: 1px dashed #D88;
}
.resume th{
width : 150px;
font-size:12px;
padding: 2px 5px 5px 0;
}

.petit{
font-size:8px;
}
.table3 table{
width:620px;
}
	.table3 th
{
    background-color: #E1E6FA;
    border-right: 1px solid White;
    color: grey;
    font-weight: bold;
    padding: 6px;
    text-align: left;
}
.table3 td 
{
    border: 1px solid gray;
    margin: 0;
    vertical-align: top;
    padding: 6px;
}
dernier-bloc{
float:left;
width:650px;
}
td#distance1 {
padding:5px !important;
}
td#distance1 a{
color:#006FB9 ;
}
#distance2 {
padding:3px !important;
float :left;
width : 150px;
}
#distance2 a{
color:#006FB9 ;
}

input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
background-color:#fff;
color:#fff}

div.content div#ads_content{} 
div.content div#ads_right{float:right;left:2px; top:33px; bottom:15px;width:300px;padding-top:5px;}
div.content ul.hp_list{list-style-type:none}
div.content ul.hp_list li a.vorwahl{width:45px;margin-right:5px;text-align:right;display:inline-block}
div.content div#social{position:absolute;right:15px;top:30px;width:135px}
div.content div#social span{float:left;overflow:hidden;margin-bottom:5px}
div.content div#social span#facebook{width:135px;height:25px}
div.content div#social span#gplusone{width:90px;height:25px}
div.content div#social span#twitter{width:100px;height:25px}
div.content div#social.fixed{position:fixed;top:145px;width:100px;padding:5px;margin:0 0 0 10px}
		
		div#bloc1 {
				margin = 10px 0 10px 0;
				}
		.alfabito {
			
			font-size: 11px;
			border-radius:2px ;
			width : 150px;
			color: rgb(138, 143, 141);
			display: block;
			float: left;
			
			padding: ;
			text-decoration: none;
			margin : 0 0 5px 5px;
			}
			.alfabito2 {
			border:1px solid #959393;
			font-size: 13px;
			border-radius:2px ;
			background:rgb(253, 253, 253);
			color: rgb(236, 37, 93);
			display: block;
			float: left;
			overflow: hidden;
			padding: 3px 0;
			text-align: center;
			text-decoration: none;
			width: 186px;
			font-weight:bold;
			}
			
		
		.alfabito3{
		
		float:none;
	font-size:11px;
	font-family: sans-serif, Serif, Tahoma, Verdana, Arial, Helvitica;
	padding:0px;
	margin:0px;
	color:#0060a0;
	text-decoration:none;
	font-weight:normal;
		}
		
		a.alfabito3{
	font-size:11px;
	font-family: sans-serif, Serif, Tahoma, Verdana, Arial, Helvitica;
	padding:0px;
	margin:0px;
	color:grey;
	text-decoration:none;
	font-weight:normal;
		}
	
		a.alfabito3:hover{
	text-decoration:underline;
		}
		
		.alfabito5 {
			
			border:1px solid #959393;
			font-size: 13px;
			border-radius:2px ;
			background:rgb(253, 253, 253);
			color: rgb(138, 143, 141);
			display: block;
			margin-top:10px;
			float: left;
			padding: 3px 0;
			text-align: center;
			text-decoration: none;
			width: 186px;
			font-weight:bold;
			}
				
			
		.ultimo{
			margin: 0 auto;
			width:580px;
			
			}
			
			.alfabito4 {
			
			font-size: 16px;
			border-radius:3px ;
			background:#cccccc;
			color: red;
			width: 400px;
			margin: 0 0 5px 1px;
			padding : 20px;
			}
			
			.alfabito4 a{
			
			font-size: 16px;
			font-weight:bold;
			border-radius:3px ;
			background:#cccccc;
			color: red;
			width: 400px;
			margin: 0 0 5px 0;
			}
		.liste_departement{
		height:360px;
		float:left;
		margin-left:13px;
		}
.liste_departement2{
		height:100px;
		margin-left:13px;
		float:left;
		}
		.liste_departement3{
		height:100px;
		margin-left:20px;
		float:left;
		}
		
		.ultimo{
			margin: 0 auto;
			width:400px;
			
			}


.pub336
{
width : 338px;
height:280px;
float:right;
}
.pub336-2
{
width : 338px;
margin-left:150px;
margin-top:8px;
height:280px;
float:left;
}

#menu {float:left;margin:1px 0 2px 0; padding : 5px; font-size:12px;background:#C00;border:1px
solid #eee;color:white; height:20px; position :relative}
#menu a{font-size:12px; text-decoration: none; color:white; font-weight:bold; position :relative}

#menu1 {float:left;margin:1px 0 2px 0; padding : 5px; font-size:12px;background:#006FB9;border:1px
solid #eee;color:white; height:20px; position :relative}
#menu1 a{font-size:12px; text-decoration: none; color:white; font-weight:bold; position :relative}

#menu1 a hover{float:left;margin:0 0 5px 0;font-size:12px;background:#f5f5f5;border:1px
solid #eee;color:#fffff;
height:20px}
 #menu2 {float:left;margin:1px 0 2px 0; padding-top : 5px ; font-size:16px;background:#F7F7F0;border:1px
solid #eee;color:#C00; height:20px; width:300px; position :relative; text-transform: uppercase;}
#menu2 a{font-size:12px; text-decoration: none; color:#C00; font-weight:bold; position :relative}
#menu21 {float:left;margin:1px 0 2px 0; padding : 5px 5px 3px 5px; font-family: arial; font-size:16px;background:#f0f3f4;border:1px
solid #ccc; width:288px;  height:20px; position :relative; text-transform: uppercase;}
#menu21 a{font-size:12px; text-decoration: none; color:#002884; font-weight:bold; position :relative;}
#menu21 a:hover{float:left;margin:0 0 5px 0;font-size:12px;}
#menu21 a:focus{background:#de0029;}

#menu22 {float:left;margin:1px 0 10px 0; padding : 5px; font-size:16px;background:#C00; border:1px
solid #eee;color:white; width:300px;  height:40px; position :relative; text-transform: uppercase; padding: 18px 0 0 60px; border-radius: 5px; margin-left:100px}
#menu22 a{font-size:12px; text-decoration: none; color:white;font-size:16px; font-weight:bold; position :relative; background:#C00;}

#menu3 {float:right; width:170px; height:20px; padding : 4px; font-size:12px;background:#C00;border:1px
solid #eee;color:white; position :relative}
#menu3 a{font-size:12px; text-decoration: none; color:white; font-weight:bold; position :relative}
#menu5 {float:left;margin-left:-1px; padding : 5px; font-size:14px;background:#C00;border:1px
solid #eee;color:white; width:290px;  position :relative; text-decoration: none; }
 .box2 {
width:652px;
border: 1px solid #A7B6C7;
margin-top: 5px;
padding: 0 0 0 5px;
font-family:helvetica;
float:left;
position:relative;
}
 
 .box {
width:312px;
height:599px;
border: 1px solid #A7B6C7;
margin-top: 5px;
padding: 0 0 0 5px;
font-family:helvetica;
float:left;
position:relative;
}

.box input[type=text]{width:350px; 
					float : right;
					}

#carte-france{
background: url("../images/france1.gif") no-repeat;
Height:179px;
width : 175px;
position :relative;
}