*{
margin:0px;
padding:0px;
}



div#divSite {
   height: 100%;
  
}
.logo_paiement{
font-weight:bold;
font-size:12px;
color:#000000;
}
.input_search {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
height:30px;
}
.texte_footer
{
font-size:12px;
font-weight:bold;
}
a.lien_footer:link {
	font-size:14px;
	text-decoration:underline;
  color:#000000;
}
a.lien_footer:visited {
	font-size:14px;
	text-decoration:underline;
  color:#000000;
}
a.lien_footer:hover {
	font-size:14px;
	text-decoration:underline;
  color:#2A7CDF;
}
a.lien_footer:active {
	font-size:14px;
	text-decoration:underline;
  color:#000000;
}
a.lien_gogwada:link {
	font-size:14px;
	text-decoration:underline;
  color:#2A7CDF;
  font-weight:bold;
}
a.lien_gogwada:visited {
	font-size:14px;
	text-decoration:underline;
  color:#2A7CDF;
  font-weight:bold;
}
a.lien_gogwada:hover {
	font-size:14px;
	text-decoration:underline;
  color:#163259;
  font-weight:bold;                              
}
a.lien_gogwada:active {
	font-size:14px;
	text-decoration:underline;
  color:#2A7CDF;
  font-weight:bold;
}

a.lien_categorie:link {
	font-size:14px;
	text-decoration:underline;
  color: red; /*#2A7CDF;*/
  font-weight:bold;
}
a.lien_categorie:visited {
	font-size:14px;
	text-decoration:underline;
  color:red; /*#2A7CDF;*/
  font-weight:bold;
}
a.lien_categorie:hover {
	font-size:14px;
	text-decoration:underline;
  color:#2A7CDF; /*#163259;*/
  font-weight:bold;
}
a.lien_categorie:active {
	font-size:14px;
	text-decoration:underline;
  color:red; /*#2A7CDF;*/
  font-weight:bold;
}
.titre_search{
text-align:center;
font-weight:bold;
padding:3px;
background:#0D2C4E;
font-size:20px;
color:#FFFFFF;
border-radius: 10px 10px 0 0;
}
.titre_parc{
text-align:center;
font-weight:bold;
padding:3px;
font-size:20px;
color:#EB002B;
background-color: #FBFBFB;
}
a.lien_mon_compte {
	padding : 5px;
	text-align: right;
	text-decoration: none;
	color:#FF6600;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
a.lien_mon_compte:hover{
	color:#FF6600;
	text-decoration: underline;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.champ_connecter{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#5B5B5B;
text-align:right;
padding-left:5px;
padding-right:5px;
vertical-align:middle;
}
.input_connecter{
font-family:Geneva, Arial, Helvetica, sans-serif;
border: 2px solid #CCCCCC;
font-size:14px;
color:#282828;
height:25px;

}
.bouton_connecter{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
	background-color:#FF6600;
	padding: 3px 3px 3px 3px;
	text-decoration:none;
	}
.info_connex{
font-size:18px;
color:#FF6600;
text-align:center;
font-weight:bold;
padding-top:30px;
padding-bottom:20px;
border-bottom:1px solid #FFA366;
}
.tb_title_top{
background-color:#001EFF;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
height:25px;
border-right:2px solid #FFFFFF;
}
.tb_contenu_info{
color:#000000;
font-size:13px;
font-weight:bold;
padding:5px;
border-bottom:1px solid #FFB663;
text-align:center;
}
.tb_contenu_info_tarif_ai{
color:#000000;
font-size:13px;
font-weight:bold;
padding-bottom:3px;
text-align:center;
vertical-align:text-top;
}
.info_compte{
font-size:15px;
color:#000000;
text-align:left;
font-weight:bold;
padding:20px;
}
.valeur_info_compte{
font-size:16px;
color:#FF6600;
text-align:left;
font-weight:bold;
padding_left:5px;
}
.page_produit_bouton2 {
		-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
		-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
		box-shadow:inset 0px 1px 0px 0px #c1ed9c;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
		background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
		background-color:#9dce2c;
		border-radius: 3px 3px 3px 3px;
		text-indent:0;
		border:1px solid #83c41a;
		display:inline-block;
		color:#ffffff;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
		height:22px;
		line-height:22px;
		width:130px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #689324;
	}
	
	.page_produit_bouton2:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
		background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
		background-color:#8cb82b;
	}
	.page_produit_bouton2:active {
		position:relative;
		top:1px;
	}
/* DEBUT Onglet infos perso */
.onglet_info, .conteneur_info{
font-family: arial;
 float: left;
 clear: both;
 padding: 0px;
 margin: 0px;
}
 
.style_onglet_info{
 text-align: left;
 margin: 0px 15px 0px 0px;
 cursor: pointer;
 float: left;
 font-weight: bold;
 font-family: Arial;
 font-size: 13px;
 vertical-align:middle;
 }
 
.active_onglet_info{
 font-family: arial;
 color:#FFFFFF;
 font-weight: bold;
 background-color: #FF6600;
 border-radius: 10px 10px 0 0;
 font-size:13px;
padding:7px 5px 7px 5px;
 text-align:center;
}
 
.active_onglet_info{
font-family: arial;
 font-weight: bold;
 border-top:2px solid #FF6600; 
}
 
.desactive_info{
font-family: arial;
color:#FF6600;
font-weight: bold;
background-color:#FFFFFF;
border-radius: 10px 10px 0 0;
font-size:13px;
padding:7px 5px 7px 5px;
text-align:center;
border:1px solid #D5D5D5;
}
 
.conteneur_info{
font-family: arial;
width:100%;

} 
.contenu_info{
 font-family: arial;
 font-size: 12px;
 color: #383838;
 text-align:left;
 font-weight:none;
 padding-top: 10px;
 padding-bottom: 10px;
 list-style-position:inside;
 list-style-type:none;
}
titre_onglet_info{
 font-family: arial;
 font-size: 13px;
 font-weight:bold;
 color: #383838;
 text-align:left;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 5px;
}
/* FIN Onglet infos perso */
.action_search {
  background: #163259;
  background-image: -webkit-linear-gradient(top, #163259, #E0EAF8);
  background-image: -moz-linear-gradient(top, #163259, #E0EAF8);
  background-image: -ms-linear-gradient(top, #163259, #E0EAF8);
  background-image: -o-linear-gradient(top, #163259, #E0EAF8);
  background-image: linear-gradient(to bottom, #163259, #E0EAF8);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #FFFFFF;
  font-size: 18px;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
}
.action_search:hover {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #E0EAF8, #163259);
  background-image: -moz-linear-gradient(top, #E0EAF8, #163259);
  background-image: -ms-linear-gradient(top, #E0EAF8, #163259);
  background-image: -o-linear-gradient(top, #E0EAF8, #163259);
  background-image: linear-gradient(to bottom, #E0EAF8, #163259);
  text-decoration: none;
}	
.title_footer{
font-weight:bold;
font-size:15px;
color:#2A7CDF;
}
.image_actu_index{
height:100px;
text-align:center;
padding-top:5px;
}
.titre_image_actu{
color:#44ABFF;
font-size:16px;
font-family:Arial;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
.texte_image_actu{
font-size:12px;
font-family:Arial;
font-weight:none;
}
.lien_suite {
	text-align: center;
	text-decoration: none;
	color:#2E5E94;
	font-size:12px;
	font-weight:none;
	cursor:pointer;
}
a.lien_suite:active {
	text-align: center;
	text-decoration: none;
	color:#2E5E94;
	font-size:12px;
	font-weight:none;
	cursor:pointer;
}
a.lien_suite:hover{
	text-align: center;
	text-decoration: underline;
	color:#2E5E94;
	font-size:12px;
	font-weight:none;
	cursor:pointer;	
}
.telephone_accueil{
font-size:16px;
font-family:Arial;
font-weight:bold;
}
#nombre_option{
float:left;
}
#option_tarif{
float:right;
}
.libelle_right{
height:40px;
text-align:left;
font-size:14px;
color:#163259;
text-align:left;
padding-left:2px;
font-weight:bold;
}
.libelle_right2{
height:40px;
text-align:left;
font-size:17px;
color:#163259;
text-align:left;
padding-left:2px;
font-weight:bold;
}
.libelle_right3{
height:40px;
text-align:left;
font-size:25px;
color:#163259;
text-align:left;
padding-left:2px;
font-weight:bold;
}
.separateur{
border-top:1px solid #2E5E94;
margin-left:10px;
margin-right:10px;
}
.accuse_envoi_message{
text-align:left;
font-size:16px;
color:#163259;
text-align:left;
padding-left:10px;
}
.titre_article{
text-align:left;
font-size:16px;
color: red; /*#163259;*/
text-align:left;
padding:0 0 10px 2px;
font-weight:bold;
}
.texte_article{
text-align:left;
font-size:12px;
/*color:#163259;  */
text-align:left;
padding-left:2px;
font-weight:none;
}
.image_article{
text-align:left;
padding-top:5px;
}
a.lien_article:link {
	font-size:14px;
	text-decoration:underline;
  color: red; /*#2A7CDF;*/
  font-weight:bold;
}
a.lien_article:visited {
	font-size:14px;
	text-decoration:underline;
  color:red; /*#2A7CDF;*/
  font-weight:bold;
}
a.lien_article:hover {
	font-size:14px;
	text-decoration:underline;
  color: #2A7CDF; /*#163259;*/
  font-weight:bold;
}
a.lien_article:active {
	font-size:14px;
	text-decoration:underline;
  color:red; /*#2A7CDF;*/
  font-weight:bold;
}
#bloc_plus{
margin-top:10px;
border:1px solid #0D2C4E;
border-radius:5px 5px 5px 5px;
padding:5px;
background-color:#FBFBFB;
}
.titre_categorie_vehicule{
font-weight:bold;
font-size:14px;
color:red;
}
.libelle_left{
height:40px;
text-align:left;
font-size:14px;
color:#163259;
text-align:left;
padding-left:20px;
padding-top:5px;
}
.search_left{
height:35px;
text-align:left;
font-size:14px;
color:#163259;
text-align:left;
padding-left:2px;
padding-top:5px;
}
.search_left2{
height:35px;
text-align:left;
font-size:14px;
color:#163259;
text-align:left;
padding-left:2px;
}
.search_left3{
height:25px;
text-align:left;
font-size:14px;
color:#163259;
text-align:left;
padding-left:5px;
padding-top:3px;
}
.search_right{
height:30px;
font-size:14px;
color:#FFFFFF;
text-align:left;
}
.titre_plan_actu{
text-align:left;
font-weight:bold;
padding:3px;
background-color:#2E5E94;
font-size:20px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
}
.titre_gogwada{
text-align:left;
font-weight:bold;
padding:3px;
background-color:#2E5E94;
font-size:20px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
}
.titre_texte{
padding-top:5px;
padding-bottom:5px;
color:#2E5E94;
font-size:20px;
font-weight:bold;
text-align:left;
}
#bloc_gogwada{
padding-top:10px;
padding-bottom:10px;
border:2px solid #2E5E94;
border-radius:10px;
margin-top:10px;
background-color:#FBFBFB;
}
#bloc_gogwada2{
padding:2px 5px 10px 5px;
border:2px solid #2E5E94;
border-radius:10px;
background-color:#FBFBFB;
margin-bottom:10px;
}
#bloc_site2{
float:left;
width:100%;
text-align:left;
padding:2px 5px 10px 5px;
border:2px solid #2E5E94;
border-radius:10px;
background-color:#FBFBFB;
margin-bottom:10px;
}
.bloc_autre_categorie2{
padding-top:10px;
padding-bottom:10px;
}
.detail_produit_vehicule {
	font-size:14px;
  color: red; /*#2A7CDF;*/
  font-weight:bold;
}
.champ_produit_vehicule {
font-size:13px;
color:#2E5E94;
font-weight:none;
}
.valeur_produit_vehicule {
font-size:13px;
color:#2E5E94;
font-weight:none;
}
.ligne_produit_image{
text-align:center;
valign:top;
}
.detail_produit_vehicule_infos{
font-weight:bold;
font-size:14px;
color:#2E5E94;
}
.info_tarif{
font-weight:bold;
font-size:12px;
}
.encart_pagination{
font-size:11px;
color:black;
text-align:right;
padding : 10px 0 5px 5px;
}
a.pagination_produits:link {
	border: 1px dotted #FFCEEB ;
	padding : 3px;
	margin-left: auto;
	margin-right: auto;
    width:auto;
	text-align: center;
	text-decoration: none;
	color:black;
}
a.pagination_produits:active {
	color:#910458;
	text-decoration: none;
	font-weight: bold;
}
a.pagination_produits:hover{
	background-color: #FFE5F5;
	text-decoration: none;
	font-weight: bold;
}
a.page:link {
	padding : 3px;
	margin-left: auto;
	margin-right: auto;
    width:auto;
	text-align: center;
	text-decoration: none;
	color:grey;
}
a.page:hover{
	color:#910458;
	text-decoration: none;
	font-weight: none;
}

.alerte_dates {
	background: #fce5e1 10px 5px no-repeat;
	border: 1px #ff9100 solid;
  font-size:13px;
  font-weight:bold;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin:3px;
  border-radius:5px;
}
@media only screen and (min-device-width:1000px) {
/*début css menu*/

html { 

}
body { 
  /*margin:0;
  font-family: Arial; */
    margin:0;
  font-family: Arial;
  background: url(../images/background_site_transparent.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: cover;    
}
.fond_ecran{
background-color:#FFFFFF;
}
#bandeau_header{
box-shadow: 8px 8px 12px #aaa;
border-radius:10px;
background-color:#FFFFFF;
padding-right:10px:
margin-bottom:5px;
}


#header{
/*height:100px;
background:#FBFBFB;*/
}
div#divBas {
   height: 200px;
   /*margin-top: 20px; */
   width:1024px;
vertical-align:center;
background-color:#FFFFFF;
} 


/* début css menu */
#menu a { 
	display:block; 
	color: #fff; 
	text-decoration:none;
  font-weight:bold;
}
#menu > li,
#menu > li li {
	position: relative;
	display:inline-block;
	width: 110px;
	padding: 8px 5px 8px 5px;
	background-color: ##2A7CDF;
	background-image: linear-gradient(#FFFFFF, #2A7CDF 50%, #2871C9 50%,#1E589E);
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }
#menu > li li:hover { background:#eee; }
#menu > li:first-child {
	border-right: 1px solid #2A7CDF;
	border-radius: 4px 0 0 8px;
}
#menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
#menu > li:last-child {
	border-right: 0;
	border-left: 1px solid #aaa;
	border-radius: 0 4px 4px 0 ;
}
#menu > li:hover {
	background-color: #999;
	background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
#menu ul {
	display:inline-block;
	/*top: 2em;*/ left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color: #ddd;
	background-image: linear-gradient(#fff,#ddd);
	overflow: hidden;
	transition: 1s max-height 0.3s;
	border-radius: 0 0 4px 4px;
}
#menu > li:hover ul {
	/*max-height: 13em; */
}
/*fin css menu*/
#logo {
  float:left;
}
#main img {
float:left;
}
#menu2{
float:right;
padding-top:5px;
padding-right:5px;
z-index:1;
}
#navigation_menu{
padding-left:10px;
display:inline;
text-align:center;
}
#cadre{
width:1024px;
align:center;
}
#bloc_diaporama{
left:0px;
right:0px;
width:100%;    
}
#bg_diaporama_accueil{
left:0px;
right:0px;
position:absolute;
width:100%; 
padding-bottom:15px;  
}
#bg_moteur_recherche{
  z-index: 999;
  width:500px;
  position:relative;
  margin:15px;
}
.search, .diaporama {
  color: white;
  line-height: 30px;
  text-align: left;
  max-height:425px;
  width:1024px;
}
.search {
  top: 135px;
  left: 70px;
  color:#FFFFFF;
  width: 450px; 
  height:370px;
}
.search2 {
  color:#FFFFFF;
  width: 100%;
  height:auto;
}
.bg_search{
background: #ECECEC;
border-radius: 0 0 10px 10px;
padding-top:15px;

}
#moteur_recherche{
width:100%;
text-align:left;
}
.diaporama {
  top: 115px;
  left:1px;
  width: 100%;
  max-height:425px;
}	
#lancer_recherche {
text-align:center;
padding-top:20px;
} 
#lancer_recherche2 {
text-align:center;
padding:5px;
}
#bg_parc{
top:600px;
width:1024px;
position: absolute;
vertical-align: middle;
padding-bottom:20px;
padding-top:20px;
height:320px;

}
#slide_parc{
width:1024px;
position: absolute;
vertical-align:middle;
background-repeat: no-repeat;
}
#bg_vehicules{
float:left;
width:59%;
padding:2px;
text-align:left;
margin-bottom:20px;
background-color:#FFFFFF;
}
#slide_vehicules{
width:100%;
}
#plan_actu{
top:1430px;
width:1024px;
vertical-align:center;
position: absolute;
vertical-align: middle;
padding-bottom:20px;
padding-top:20px;
border-top: 2px solid #FBFBFB;
background:#FFFFFF;
}
#plan{
float:left;
width:59%;
padding:2px;
vertical-align: top;
display: inline-block;
}
#plan_bg{
width:100%;
display:inline-block;
vertical-align: top;
}
#plan1{
display:inline;
float: left;
width:48%;
vertical-align: top;
}
#plan2{
 display:inline;
  float: right;
width:48%;
vertical-align: top;
padding-left:2px;
}
#plan3{
 display:inline;
  float: left;
margin-left:66%;
vertical-align: top;
}  
#actu{
float:right;
width:39%;
padding:2px;
text-align:left;
}
#texte2_trouver{
top:890px;
width:1024px;
vertical-align:center;
position: absolute;
vertical-align: middle;
padding-bottom:20px;
border-top: 2px solid #FBFBFB;
background:#FFFFFF;
}
#texte2{
float:left;
width:59%;
padding:2px;
vertical-align: middle;
font-size:12px;
font-family:Arial;
}
#trouver{
float:right;
width:39%;
padding:2px;
text-align:left;
}
#texte_map{
top:1445px;
width:1024px;
vertical-align:center;
position: absolute;
padding-bottom:20px;
padding-top:10px;
border-top: 2px solid #FBFBFB;
background:red /*#FFFFFF*/;
}
#texte{
float:left;
padding:2px;
vertical-align: middle;
font-size:12px;
font-family:Arial;
}
#map{
float:right;
padding:10px 2px 2px 2px;
text-align:right;
}
.google_map{
width:400px;
height:300px;
}
#bg_footer{
top:925px; /*1775px;*/ 
width:1024px;
vertical-align:center;
position: absolute;
padding-bottom:20px;
padding-top:10px;
background:#FFFFFF;
border-top: 2px solid #FBFBFB;
} 
#col1_footer{
border-right:1px solid #FFFFFF;
vertical-align:top;
padding:5px ;
font-size:12px;
float:left;
width:30%;
}
#col2_footer{
vertical-align:top;
padding:5px ;
font-size:12px;
float:right;
width:30%;
}
#footer_bottom{
width:100%;
vertical-align:center;
padding-bottom:20px;
padding-top:20px;
top:500px;
} 
/*début resultat recherche*/

#les_categories{
top:300px;
width:1024px; 
vertical-align:center;
	display:inline-block;
vertical-align: middle;
padding-bottom:20px;
padding-top:5px;
padding-bottom:10px;
}
#bloc_options{
padding:1px 10px 1px 10px;
border:1px solid #2E5E94;
border-radius:10px;
margin-top:5px;
margin-bottom:5px;
background-color:#FBFBFB;
}
#ma_categorie{
float:left;
width:55%;
padding:2px;
vertical-align: top;
display: inline-block;
padding-left:10px;
}
#autres_categories{
float:right;
width:39%;
padding:2px;
text-align:left;
padding-right:10px;
}
#tarif_right{
float:right;
color:#2E5E94;
font-weight:bold;
font-size:14px;
}
#boutons_payer{
margin-top:20px;
padding-left:5px;
width:100%;
}
#payer1 {
float:left;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:230px;
  height:100px;
  text-align:center;
  vertical-align:middle;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:5px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer1:hover {
float:left;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:230px;
  height:100px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
#payer2 {
  float:right;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:230px;
  height:100px;
  text-align:center;
  vertical-align:middle;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer2:hover {
  float:right;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:230px;
  height:100px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
.payer_haut{
  text-decoration: none;
  font-weight:bold;
  height:50px;
  color:#FFFFFF;
  vertical-align:middle;
}	
.payer_bas{
  margin-top:10px;
  padding-top:15px;
  background-color: #FFFFFF;
  text-decoration: none;
  font-weight:bold;
  height:55px;
    width:230px;
  color:#2E5E94;
  vertical-align:middle;
  border-radius:0 0 10px 10px;
  font-size:25px;
}	
/*fin resultat recherche*/

#bloc_site_search{
width:100%;
display: inline-block;
vertical-align: middle;
padding-bottom:20px;
}
#bloc_site{
float:left;
width:59%;
padding:2px;
text-align:left;
margin-bottom:20px;
}
#bloc_search{
float:right;
width:39%;
padding:2px;
text-align:left;
}
.input_contact {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
height:30px;
width:500px;
}
.area_contact  {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
width:500px;
}
} 
@media screen and (max-device-width: 999px) { 
/*début css menu*/
html { 

}
body {
  margin:0;
  padding:0;
  font-family: Arial;     
}
#header{
width:100%;
height:100px;
background:#FBFBFB;
}
/* debut css menu */
#menu a { 
	display:block; 
	color: #fff; 
	text-decoration:none;
  font-size:14px;
  width:100%;
}
#menu > li,
#menu > li li {
	position: relative;
	display:inline-block;
	width: auto;
	padding: 5px 5px;
	background-color: #777;
	background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }
#menu > li li:hover { background:#eee; }
#menu > li:first-child {
	border-right: 1px solid #777;
}
#menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
#menu > li:last-child {
	border-right: 0;
	border-left: 1px solid #aaa;
}
#menu > li:hover {
	background-color: #999;
	background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
#menu ul {
	display:inline-block ;
	top: 2em; left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color: #ddd;
	background-image: linear-gradient(#fff,#ddd);
	overflow: hidden;
	transition: 1s max-height 0.3s;
}
#menu > li:hover ul {
	max-height: 10em;
}
/*fin css menu*/

#logo {
float:left;
display:inline;
width:100%;
}
#main img {
float:left;
display:inline;
width:100%;
max-height:150px;
}
#menu2{
float:left;
display:inline;
width:100%;
text-align:center;
margin-left:0;
}
#navigation_menu{
z-index:1;
display:inline;
}
#bloc_diaporama{
left:0px;
right:0px;
width:100%;
}
.search, .diaporama {
  width: 100%;
}
.search {
  color:#FFFFFF;
  width: 100%;
  height:370px;
} 
.diaporama {
  display:none;
}
#moteur_recherche{
width:100%;
text-align:left;
padding-bottom:20px;
}
.search_right{
height:30px;
font-size:12px;
color:#FFFFFF;
text-align:left;
}
#lancer_recherche {
text-align:center;
padding-top:20px;
} 
.bg_search{
background:#ECECEC;
border-radius: 0 0 10px 10px;
padding-top:15px;
padding-bottom:15px;
}
#bg_moteur_recherche{
display:inline-block;
padding-bottom:5px;
margin-bottom:5px;
width:100%;

}
#bg_diaporama_accueil{
display:inline-block;
width:100%; 
}
#bg_parc{
height:300px;
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
vertical-align:middle;
}
#slide_parc{
width:100%;
display:inline-block ;
vertical-align:middle;
}
#bg_vehicules{
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
vertical-align:middle;
}
#slide_vehicules{
width:100%;
display:inline-block;
vertical-align:middle;
}
#plan_actu{
width:100%;
vertical-align:center;
display:inline-block ;
vertical-align: middle;
padding-bottom:20px;
border-top: 2px solid #FBFBFB;
background:#FBFBFB;
}
#plan{
float:left;
width:100%;
}
#plan1{
float:left;
width:100%;
}
#plan2{
float:left;
width:100%;
}
#plan3{
float:left;
width:100%;
}
#actu{
float:left;
width:100%;
}
#texte2_trouver{
width:100%;
vertical-align:center;
display:inline-block ;
vertical-align: middle;
padding-bottom:20px;
border-top: 2px solid #FBFBFB;
}
#texte2{
float:left;
width:95%;
}
#trouver{
float:left;
width:100%;
text-align:left;
}
#texte_map{
display:inline-block ;
width:100%;
}
#texte{
float:left;
width:95%;
}
#map{
float:left;
width:100%;
padding:10px 2px 2px 2px;
}
.google_map{
width:400px;
height:300px;
}
div#divBas{
background:#FFFFFF;
display:inline-block ;
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
padding-bottom:20px;
width:100%;
} 
 #col1_footer{
border-right:1px solid #FFFFFF;
vertical-align:top;
padding:5px ;
font-size:12px;
float:left;
width:100%;
border-top: 2px solid #FBFBFB;
}
#col2_footer{
border-right:1px solid #FFFFFF;
vertical-align:top;
padding:5px ;
font-size:12px;
float:left;
width:100%;
border-top: 2px solid #FBFBFB;-
}
#footer_bottom{
width:100%;
vertical-align:center;
padding-bottom:20px;
padding-top:20px;
} 

/*début resultat recherche*/
#les_categories{
width:100%;
vertical-align:center;
display:inline-block;
vertical-align: middle;
padding-bottom:20px;
padding-top:5px;
padding-bottom:10px;
}
#bloc_options{
padding:1px 10px 1px 10px;
border:1px solid #2E5E94;
border-radius:10px;
margin-top:5px;
margin-bottom:5px;
background-color:#FBFBFB;
}
#ma_categorie{
float:left;
width:100%;
padding:2px;
vertical-align: top;
display: inline-block;
padding-bottom:10px;
}
#autres_categories{
float:left;
width:100%;
padding:2px;
text-align:left;
padding-bottom:10px;
}
#tarif_right{
float:right;
color:#2E5E94;
font-weight:bold;
font-size:14px;
}
#boutons_payer{
padding-left:5px;
width:100%;
text-align:center;
}
#payer1 {
float:left;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  vertical-align:right;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer1:hover {
float:left;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
#payer2 {
float:right;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  vertical-align:left;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer2:hover {
float:right;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
.payer_haut{
  text-decoration: none;
  font-weight:bold;
  height:30px;
  color:#FFFFFF;
  vertical-align:middle;
}	
.payer_bas{
  margin-top:5px;
  padding-top:15px;
  background-color: #FFFFFF;
  text-decoration: none;
  font-weight:bold;
  height:30px;
  width:auto;
  color:#2E5E94;
  vertical-align:middle;
  border-radius:0 0 10px 10px;
  font-size:20px;
}	
/*fin resultat recherche*/

#bloc_site_search{
width:100%;
vertical-align:center;
display: inline-block;
vertical-align: middle;
padding-bottom:20px;
}
#bloc_site{
float:left;
width:100%;
padding:2px;
text-align:left;
margin-bottom:20px;
} 
#bloc_search{
float:left;
width:100%;
padding:2px;
text-align:left;
}
.input_contact {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
height:30px;
width:250px;
}
.area_contact  {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
width:250px;
}

}

@media screen and (max-device-width: 480px) { 
/*début css menu*/

html { 

}
body {
  margin:0;
  padding:0;
  font-family: Arial;     
}
#header{
width:100%;
height:100px;
background:#FBFBFB;
}

/* debut css menu */
#menu a { 
	display:block; 
	color: #fff; 
	text-decoration:none;
  font-size:14px;
  width:100%;
}
#menu > li,
#menu > li li {
	position: relative;
	display:inline-block;
	width: auto;
	padding: 5px 5px;
	background-color: #777;
	background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; }
#menu > li li:hover { background:#eee; }
#menu > li:first-child {
	border-right: 1px solid #777;
}
#menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
#menu > li:last-child {
	border-right: 0;
	border-left: 1px solid #aaa;
}
#menu > li:hover {
	background-color: #999;
	background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
#menu ul {
	display:inline-block;
	top: 2em; left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color: #ddd;
	background-image: linear-gradient(#fff,#ddd);
	overflow: hidden;
	transition: 1s max-height 0.3s;
}
#menu > li:hover ul {
	max-height: 10em;
}
/*fin css menu*/

#logo {
float:left;
display:inline;
width:100%;
}
#main img {
float:left;
display:inline;
width:100%;
max-height:150px;
}
#menu2{
float:left;
display:inline;
width:100%;
text-align:center;
margin-left:0;
}
#navigation_menu{
z-index:1;
display:inline;
}
#bloc_diaporama{
left:0px;
right:0px;
width:100%;
}
.search, .diaporama {
  width: 100%;
    float:left;
}
.search {
  color:#FFFFFF;
  width: 100%;
  height:auto;
}
.diaporama {
  display:none;
}
#moteur_recherche{
width:100%;
text-align:left;
padding-bottom:20px;
}
#lancer_recherche {
text-align:center;
padding-top:20px;
} 
.bg_search{
background: #ECECEC;
border-radius: 0 0 10px 10px;
padding-top:15px;
padding-bottom:15px;
}
#bg_moteur_recherche{
padding-bottom:10px;
margin-bottom:5px;
width:100%;
}
#bg_diaporama_accueil{
display:inline-block;
width:100%;  
}
#bg_parc{
height:300px;
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
vertical-align:middle;
}
#slide_parc{
width:100%;
display:inline-block;
vertical-align:middle;
}
#bg_vehicules{
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
vertical-align:middle;
}
#slide_vehicules{
width:100%;
display:inline-block;
vertical-align:middle;
}
#plan_actu{
width:100%;
vertical-align:center;
display:inline-block;
vertical-align: middle;
padding-bottom:20px;
border-top: 2px solid #FBFBFB;
background-color:#FBFBFB;
}
#plan{
float:left;
width:100%;
}
#plan1{
float:left;
width:100%;
}
#plan2{
float:left;
width:100%;
}
#plan3{
float:left;
width:100%;
}
#actu{
float:left;
width:100%;
}
#texte2_trouver{
width:95%;
vertical-align:center;
display:inline-block ;
vertical-align: middle;
padding-bottom:20px;
border-top: 2px solid #FBFBFB;
}
#texte2{
float:left;
width:95%;
}
#trouver{
float:left;
width:100%;
text-align:left;
}
#texte_map{
display:inline-block;
width:95%;
}
#texte{
float:left;
width:95%;
}
#map{
float:left;
width:100%;
padding:10px 2px 2px 2px;
}
.google_map{
width:290px;
height:190px;
}
div#divBas{
background:#FFFFFF;
display:inline-block;
bottom: 0; 
left: 0; 
right: 0 ;
padding-top:20px;
padding-bottom:20px;
width:100%;
} 
#col1_footer{
border-right:1px solid #FFFFFF;
vertical-align:top;
padding:5px ;
font-size:12px;
float:left;
width:100%;
border-top: 2px solid #FBFBFB;
}
#col2_footer{
border-right:1px solid #FFFFFF;
vertical-align:top;
padding:5px ;
font-size:12px;
float:left;
width:100%;
border-top: 2px solid #FBFBFB;-
}
#footer_bottom{
width:100%;
vertical-align:center;
padding-bottom:20px;
padding-top:20px;
} 

/*début resultat recherche*/
#les_categories{
width:100%;
vertical-align:center;
	display:inline-block;
vertical-align: middle;
padding-bottom:20px;
padding-top:5px;
padding-bottom:10px;
}
#bloc_options{
padding:1px 10px 1px 10px;
border:1px solid #2E5E94;
border-radius:10px;
margin-top:5px;
margin-bottom:5px;
background-color:#FBFBFB;
}
#ma_categorie{
float:left;
width:100%;
padding:2px;
vertical-align: top;
display: inline-block;
padding-bottom:10px;
}
#autres_categories{
float:left;
width:100%;
padding:2px;
text-align:left;
padding-bottom:10px;
}
#tarif_right{
float:right;
text-align:right;
}
.tarif_right{
float:right;
text-align:right;
}
#boutons_payer{
padding-left:5px;
width:100%;
text-align:center;
}
#payer1 {
float:left;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  vertical-align:right;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer1:hover {
float:left;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
#payer2 {
float:right;
  background: #2E5E94;
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color:#FFFFFF; 
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  vertical-align:left;
  border:2px solid #2E5E94;
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
#payer2:hover {
float:right;
  background: #2E5E94;
  text-decoration: none;
  font-weight:bold;
  width:30%;
  height:70px;
  border:2px solid #2E5E94;
  cursor:pointer;
  color:#FFFFFF; 
  margin-left:10px;
  margin-right:10px;
  box-shadow: -1px 2px 10px 1px rgba(0, 0, 0, 0.7),
            -1px 2px 25px rgba(255, 255, 255, 0.6) inset;
}
.payer_haut{
  text-decoration: none;
  font-weight:bold;
  height:30px;
  color:#FFFFFF;
  vertical-align:middle;
}	
.payer_bas{
  margin-top:5px;
  padding-top:15px;
  background-color: #FFFFFF;
  text-decoration: none;
  font-weight:bold;
  height:30px;
  width:auto;
  color:#2E5E94;
  vertical-align:middle;
  border-radius:0 0 10px 10px;
  font-size:20px;
}	
/*fin resultat recherche*/

#bloc_site_search{
width:100%;
vertical-align:center;
display: inline-block;
vertical-align: middle;
padding-bottom:20px;
}
#bloc_site{
float:left;
width:100%;
padding:2px;
display: inline-block;
text-align:left;
} 
#bloc_search{
float:left;
width:100%;
padding:2px;
display: inline-block;
text-align:left;
}
.input_contact {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
height:30px;
width:200px;
}
.area_contact  {
border-radius:5px 5px 5px 5px;
background-color:#FFFFFF;
width:200px;
}



}