/* DESKTOP */

.btn_resp_select,.btn_resp,#menuBar1 .tel, #affich_menu{ display:none; }

.clearDesk{ clear:both }
.clearMobile{ display:none}

/**/

body{
	background:#f1f1f1;
	font-family: Inter, Arial, Helvetica, sans-serif;
	margin:0;
	font-size:14px;
	color:#666666;
}

.nowrap{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.picto{ vertical-align: middle; }

.kilo{ background-image:url(../image/kilometrage.gif); background-repeat:no-repeat; padding: 0 55px; margin:15px 15px 0 15px; display:inline-block; }

input, textarea{ font-size:16px; }
select{ font-size:18px; padding:0 0 0 3%; color:#294c69; background-color:#fafafa; height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:95%;  }
label{ color:#294c69; font-weight:bold; }

h1, h2, h3{ margin:0px; font-family:Amiri, Inter; font-weight:bold}
h1{ color:#294c69; font-size:30px;  }
h2{ color:#294c69; font-size:26px; font-weight:bold; }
.h2accueil{ color:#294c69; font-size:26px; margin-top:40px; font-weight:bold; }
h3{ color:#294c69;font-size:22px; font-weight:normal; }
h4{ margin:0px; font-size:18px; font-weight:bold; }

p{ margin-top:10px;}
img { border:none;}
hr { border:none; border-top:1px dotted #444; color:#fff; }
a {text-decoration:none; color:#294c69; }
a:hover {text-decoration:none;  color:#4d4d4d;}

.fd_noir{ background:url(../image/fd_noir.png) repeat top left;}
.fd_clair{ background-color:#eeeeee; }
.fd_blanc{ background-color:#fff; }
.fd1{background-color:#4d4d4d;}

.p15{ padding:15px; }

.titreRubrique{ color:#4d4d4d; font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; }

textarea{ font-family:'Inter';}

.color1{color:#294c69;}
.color2{color:#4d4d4d; font-weight:bold; }

.bg1{background-color:#294c69 !important;}
.bg1Light{background-color:#294c69 !important;}
.bg2{background-color:#4d4d4d !important;}
.bg2Dark{background-color:#686868 !important;}
.bgLight{background-color:#eeeeee !important;}
.bg{background-color:#294c69 !important;}
.bgTxt{background-color:#666666 !important;}


.bloc90{ margin:15px 5%; width: 90%; }

.bouton{ font-weight:bold; text-decoration:underline; cursor:pointer; z-index:1;  }

.bouton:hover{ color:#294c69; background:#eee; }


.titre_bandeau{ display:table;  width:100%; background:#294c69; padding:0; margin:0	}
.titre_bandeau h1, .titre_bandeau h2{ display:table-cell; font-size:30px; padding:15px 2%; color:#fff; }

.titre_bandeau a.boutonApartir{ display:table-cell; cursor:pointer; color:#fff; background-color:#024161; font-size:18px; vertical-align:middle; padding:14px ; min-width:300px}
a.boutonApartir:hover{ color:#fff; background:#444 !important; }


/*--------------------------------------------------------- DIV ------------------------------------------------------*/

.main{ 
	position: absolute;
	margin-top:170px;
	width:100%;
}

#maincontent, .headcontent{ 
	margin-left:auto; margin-right:auto; max-width: 1100px; min-width: 978px; width:100%; text-align:left; 
}

.headcontent{ 
	clear:both;
}
#head{ 
	position: absolute;
	top:0px;
	height: 165px; 
	width:100%;
	z-index:20;
	background:#fff;
	min-width: 978px;
	
}


a.btn1{ color:#fff; padding:5px;  font-weight:bold;margin:4px; background-color:#294c69;  }
a.btn1:hover{ background-color:#294c69; color:#000; }

a.btn2{ color:#fff; padding:5px;  font-weight:bold;margin:4px; background-color:#686868;  }
a.btn2:hover{ background-color:#4d4d4d; color:#fff; }

#en_cours{ text-decoration:blink; display:none }


div .head2{ background-color:#fff; margin-bottom:20px }

.head2 .txt{ text-align:justify; padding:20px } 
.head2 .cartegeo{ float:right; margin:40px; text-align:center; }

div.page{ padding-top:30px }



div.rail{  font-size:16px; color:#294c69; margin:15px 0; text-transform:uppercase;margin-top:20px; }

div.rail div a{ color:#294c69; font-weight:normal; text-decoration:none }
div.rail div a:hover{ text-decoration:underline }


#blocRight, #blocLeft{  }


.menu_onglet{ margin:40px 0 20px;  display:table;  border-spacing:15px ; position:relative; left:-15px; width: calc(100% + 45px);  }

.menu_onglet .onglet , .menu_onglet  .onglet_select{ height: 100%; vertical-align:middle; color:#FFF; display:table-cell; cursor:pointer;  font-size: 15px; text-transform:uppercase; padding: 18px 12px;  text-decoration:none; text-align:center }

.menu_onglet  a.onglet:hover,  .menu_onglet a.onglet_select{  background-color:#fff !important; color:#294c69  }



/*------------------------------g n ral*/

.titre{ font-weight:bold}

a.boutonRetour{ padding:6px 0; text-align:center; width:323px; display:block; color:#FFF; background:#294c69; cursor:pointer; font-size:12px; text-transform:uppercase; position:relative; top:-5px; }

a.boutonRetour:hover{ color:#294c69;  background:#eeeeee; }

.boutonMask{ padding:10px;   border-bottom: 1px solid #fff;  border-top: 1px solid #000; background:url(../image/down_blk.gif) right center #ccc no-repeat; cursor:pointer; font-weight:bold  }



.select{ margin:10px 0; background-color:#f5f5f5; padding:10px 0 20px; text-align:center }
.select strong{ font-size:18px; color:#294c69; margin:20px 30px; text-transform:uppercase; display:inline-block;   }



.titreperiode{ font-weight:bold; text-decoration:underline; margin-bottom:3px; }

.td1 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #294c69;
	text-transform:uppercase;
}
.td1 a{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

.td2 {
	font-size: 11px;
	color: #000;
	background-color: #4d4d4d;
}
.td3 {
	font-size: 11px;
	color: #000;
	background-color: #686868;
}


/*------------------------------------------------------------ header ------------------------------------------------------------ */


#logo1{ float:left; width:320px }
#logo1 a{ display:block; width:280px; height:105px;  }
#contact1{ float:left; width:185px }
#contact1 img{ border:none; display:block}
#client1{ float:right; width:220px }
#client1 a{ display:block;width:216px; height:105px; background-image:url(../image/client.gif) }


.td1_prog {
	padding-left:5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #555;
	cursor:default;
	font-family: Inter; 
}
.td2_prog {
	
	font-size: 12px;
	color: #fff;
	padding-left:5px;
	background-color: #888;
}

#sc2 a {
	font-size: 11px;
	padding:3px 1% 4px 3%;
	background-color: #888;
	color: #000;
	text-transform:none;
	display:block;
	width:96%;
	text-align:right;
}

#sc2 a:hover {
	background-color: #fff;
}

/* Carousel */

.carousel {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.carousel div {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.carousel div:first-child {
  position: relative;
  display: block;
  float: left;
}

.carousel img {
  height: auto;
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: auto;
  left: 0;
  top: 0;
}

.carousel img:first-child {
  position: relative;
  display: block;
  float: left;
}


.centered-btns_nav {
  z-index: 500;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  opacity: 0.2;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../image/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active,.centered-btns_nav:hover {
  opacity: 0.5;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

.centered-btns_nav:focus{
  outline: none;
}

.centered-btns_tabs{
  margin-top: 10px;
  text-align: center;
}

.centered-btns_tabs li{
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}

.centered-btns_tabs a{
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
}

.centered-btns_here a{
  background: #222;
  background: rgba(0,0,0, .8);
}

.diapoh{ height:300px; width: 600px; margin:auto; position:relative }

.diapoh img{ height:300px; width: 600px;}



/*------------------------------menu*/

.menuleft{
	width:97%;
	vertical-align:top;
	font-size:12px;
	border-right:1px dotted #303030;
	padding-right:3%;
}

#menuleft{
	width:inherit;
	top:15px;
	position:relative;
	display:block;
}


#menuleft .titreMenu{  
	color:#4d4d4d;
	background:#fff;
	text-transform:uppercase;
	padding:4px;
}

#menuleft a.onglet, #menuleft a.onglet-select {
	color:#303030;
	width:94%;
	display:block;
	border-bottom:1px dotted #303030;
	padding: 8px 3%;
	font-size:14px;
}

#menuleft a.onglet-select{
	color:#294c69;
	cursor:default;
}

#menuleft a.onglet_retour{
	background:url(../image/onglet.png) repeat;
	color:#FFFFFF;
	width:100%;
	display:block;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	margin-bottom:4px;
}
 * html #menuleft a.onglet_retour{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/onglet.png", sizingMethod="crop");}

div.outil{
	font-size:10px;
	display:block;
	padding:3px;
}

div.outil a, div.outil a:hover{
	color:#FFFFFF;
}

#menuleft a.onglet:hover {
	color:#294c69;
	background:#fff;
	text-decoration:none;
}

#menuleft a.onglet2{
	background:url(../image/onglet.png) no-repeat;
	font-size:10px;
	color:#FFFFFF;
	width:100%;
	display:block;
	text-align:right;
	height:43px;
	border-top:1px solid #fff;

}




#commentaires{ height:138px; overflow:hidden }

.commentaire{
	padding:10px;
	margin:10px;
	background-color:#fff;
	height:90px;
	border:1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 12px #aaa; 
	-webkit-box-shadow: 3px 3px 12px #aaa; 
	box-shadow: 3px 3px 12px #555; 
 }


/*******************************************************************************
 Menu
 *******************************************************************************/

.menu_head1{ height:40px; background:#303030; }

#titreDesti{ float:left; width:160px; display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:10px;
 }
#menuDesti{ float:left; width:650px; }
#menuDesti li div ul{ display:none; }

#menuBar1{ float:right; width:150px; }
#menuBar1 a{ float:right; display:block}



.retour_accueil{background:url(../image/accueil.png) no-repeat top left;}
.dossier{background:url(../image/prog.png) no-repeat top left;}
.reglement{background:url(../image/regle.png) no-repeat top left;}
.stat{background:url(../image/stat.png) no-repeat top left;}
.sond{background:url(../image/info.png) no-repeat top left;}

.qui{background:url(../image/qui.png) no-repeat top left;}
.mar{background:url(../image/mar.png) no-repeat top left;}
.geo{background:url(../image/geo.png) no-repeat top left;}
.home{background:url(../image/home.png) no-repeat top left;}
.geo2{background:url(../image/geo2.png) no-repeat top left;}
.plan{background:url(../image/plan.png) no-repeat top left;}
.valid{background:url(../image/valid.png) no-repeat top left;}


a:hover.qui{ color:#fff !important;  }


#mbh2, ul#menuDesti{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	display:block;
	z-index: 50;
	font-size: 14px;
}

#mbh2 { width:100%; font-size:13px; background-color:#294c69}

#mbh2 li a {  display: block;  float:left; }


#menuDesti li{
	margin: 6px 12px 0 0;
	padding: 2px 0;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	float: left;
	z-index: 51;
}

#mbh2 li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #fff;
	text-align: left;
	cursor: pointer;
	display:block;
	float: left;
	z-index: 5;	
}

ul#mbh2 ul, ul#menuDesti ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	left:4px;
	z-index: 6;
	cursor: default;
	position: absolute;
	display:none;
	width:200px;
}

ul#mbh2 ul li,  ul#menuDesti ul li{
	width:100%;
	margin:0px; padding:0;
	border-bottom-color:#fff;
	border-bottom:solid 1px;
}


/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul#mbh2 ul,  ul#menuDesti ul{
	color:#fff;
	font-weight:bold;
	border-top: 1px solid #fff;
}

ul#mbh2 a,  ul#menuDesti a{
	display:inline-block;
	text-decoration: none;
	color:#fff;
	font-weight:bold;
}
ul#mbh2 ul li a , ul#menuDesti ul li a{
	width:96%;
	padding: 8px 2% 8px 2%;
}


/*******************************************************************************
sous-menu
 *******************************************************************************/

a.MenuBarItemSubmenu2 div{
	padding-left: 12px;
	background:url(../image/flech_desti.png) no-repeat center left;
}

a.MenuBarItemSubmenu2{
	text-transform:uppercase;
	background-repeat:no-repeat;
	padding:8px;
	height:19px;
	white-space: nowrap;
}	

a.MenuBarItemSubmenuDesti{
	background:url(../image/flech_desti.gif) no-repeat top left;
}	

a.MenuBarItemSubmenuDesti, a.MenuBarItemSubmenuDesti2{
	padding:4px 4px 0 12px;
	height:19px;
	display:block;
	color:#fff;
}	


ul#mbh2 a:hover{background-color:#fff;}

a.MenuBarItemSubSubmenu2{color:#fff;}
a:hover.MenuBarItemSubSubmenu2{ background-color:#fff !important;}

/*** Couleur 1*/

ul#menuDesti ul,  ul#menuDesti a{ }
ul#menuDesti ul a{ background-color:#ddd;color:#000;}

/*** Couleur 2*/
 
.accueil{ float:left; width:174px; text-transform:uppercase; padding:4px 0px 5px 4px; border-bottom:#FFFFFF solid 2px;}
.accueil a{ color:#686868;}

ul#mbh2 ul, ul#mbh2 a{background-color:#294c69;}
ul#mbh2 a:hover{	color:#294c69;}


/* ----------------------------- Calendrier ----------------------------------- */


img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 10;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, Inter, arial;
	font-size: 10px;
	background-color: #d8be65;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, Inter, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #fff;
}
div#tcal td.today {
}

div#tcal td.selected {
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 8;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 9;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}


/* ----------------------------- Tarif -----------------------------------  */


.descriptif_enfant{ display:none; position: relative; width: 300px; color:#b30912; text-transform:lowercase; padding:6px; top: -28px; left:15px; text-align:left; border:2px solid #b30912; font-size: 13px;  background:#fff !important;  }

.titreTarif{ font-weight:bold;text-transform:uppercase; font-size:16px; color:#4d4d4d; margin:30px 8px; }

.boutonDevis{
	display:block;
	padding:4px;
	font-weight:bold;
	cursor:pointer;
	font-size:11px;
	margin:10px 0;
	display:block;
	border-radius : 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.boutonDevis{
	background:#fff;
	color:#000;
}

.boutonInfop{
	background:#294c69;
	color:#fff;
	display:block;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	padding:6px 10px;
	margin-top:15px;
}

a.boutonDevis:hover{ background:#eee !important;  color:#000; }


.boutonDevis2,.boutonDevis3{ padding:15px 30px; color:#FFF; cursor:pointer; font-size:16px;  display:block ; background:#294c69; float:right; margin:15px 15%; clear:both}
.boutonDevis3{ margin:15px 0; float:none}

.boutonDevis2:hover,.boutonDevis3:hover { color:#294c69; background:#eee; }

.tarif_texte{ text-transform:uppercase; font-size:14px; color:#000; font-weight:bold }

.tarif_periode{
	text-transform:uppercase;
	margin-top:30px;
	font-size:14px; color:#000;
	background:#4d4d4d;
	font-weight:bold;
	color:#fff;
}

.tabletarif{ width:70%; font-weight:bold; border-collapse:collapse; font-size:14px }
.tdtarif1{background-color:#dadada; text-transform:uppercase; text-align:center; vertical-align:central; height:70px; font-weight:bold }
.tdtarif2{background-color:#fafafa; text-transform:uppercase;text-align:left;  vertical-align:central; height:60px; border-bottom:1px solid #ddd }
.tdtarif3{background-color:#fafafa; text-align:center;  vertical-align:central; height:60px; color:#024161;  border-bottom:1px solid #ddd }

.cache{  position:relative; display:inline;   }
.cache .small{  background:#fff; padding:5px; position:absolute; width:290px; display:none; left:0; top:-70px; border: 3px solid #294c69;  z-index:5;  }
.cache .medium{  background:#fff; padding:5px; position:absolute; width:490px; display:none; left:0; top:-70px; border: 3px solid #294c69;  z-index:5;  }
.cache .big{  background:#eeeeee; padding:5px; position:absolute; width:890px; display:none; left:50px; top:-70px; border: 3px solid #294c69;  z-index:5;  }


.f_haut, .f_bas{ background:#294c69; height:20px; cursor:pointer; }


.f_haut div { background: url(../image/f_haut.png) no-repeat center; height:100%;   }
.f_bas div { background: url(../image/f_bas.png) no-repeat center; height:100%;  } 

/* ----------------------------- Vehicule ----------------------------------- */
.vehicule{ float:left; width:266px; margin-right:15px; margin-bottom:25px }

.v_td{  width:228px; height:52px; }

.vehicule img{  width:227px; height:99px; }


/* ----------------------------- Formulaire ----------------------------------- */


.formulaire{ font-size:14px; }

.formulaire table{ width:92%; margin:15px 4%;  }

.formulaire input,.formulaire textarea,.formulaire select{ font-size:18px; }

.formulaire td{  padding:2px; }

.remise{  font-weight:bold; text-transform:uppercase;  }

.valid_btn{ background-color:#294c69 ; font-size:20px; color:#FFFFFF; display:inline-block; padding:5px 30px; cursor:pointer }




/*------------------------------DIVISION*/

.blocLeft{ float:right; width:34%;  }
.blocRight{ float:left; width:63%; }
.blocAll{ width:100%; }


.blocLeft2{ float:left; width:34%;  }
.blocRight2{ float:right; width:63%;background-color:#fff; }


.blocLeft .element, .blocLeft2 .element, .blocRight .element{ margin-top:5px; }

.blocLeft .element, .blocLeft2 .element{ }



.element .elementTitre{ padding:10px;   color:#294c69; font-weight:bold;}

.blocLeft .element .elementTitre{   text-transform:uppercase;background:#f1f1f1;  }

.blocRight .element .elementTitre{  text-transform:uppercase;background:url(../image/fd_ban_accueil.png); position: relative; top:0; font-family:Amiri, Inter  }
.blocRight .element .elementTitre a{  color:#294c69; font-size:26px }


.blocLeft .titre_select{ font-weight:bold; margin-top:5px; }

.elmtaccueil{ margin: 0 5px 30px  0; cursor:pointer}

.elmtaccueil .titre{  font-size:20px; padding: 10px 2%; width:96%; }
.elmtaccueil .titre a{ color:#294c69 }

.elmtaccueil .content{ background: #fff; padding: 10px; cursor:pointer;  }

.elmtaccueil img{ width:100%; height:auto }

.elmtaccueil .txt{  font-size:14px; padding:10px }


/*------------------------------pagemenu*/


.theme{
	background:#4d4d4d;
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:25px 0 5px 0;
	padding:1px 5px;
	text-transform:uppercase;
}
.periode{
	font-size:22px;
	color:#4d4d4d;
	padding:20px 5px;
}
.periode a{color:#4d4d4d;}

.theme a{color:#fff;}


/*------------------------------vignette*/

.vignette{ cursor:pointer; color:#444; margin:15px 0 25px 5px; background:#fafafa; clear:both   }


.vignette .image_vignette{ float:left; width: 49%; }
.vignette .image_vignette img {  width: 100%; height:auto; }
.vignetteContent{ float:left; width: 47%; text-align:left; padding:5px 2%;  }

.titrevignette{ font-size:18px; font-weight:bold; margin:0; color:#294c69; text-decoration:none; padding:10px 0; display:block  }
.vignette .sur_vignette{ text-transform:uppercase; color:#4c82ab;  padding:5px 0; font-size:14px; font-weight:bold;}


/* temoignages */

.temoignages{ font-size:14px; text-align:left; color:#474747; }
.tem_par{ font-size:16px; text-transform:uppercase; color:#294c69; margin:20px 0 10px 0; font-weight:bold;}
.tem_titre{ font-size:16px; font-weight:bold; margin:10px 0 }
.tem_txt{ }

/*------------------------------footer*/

.footer_content{  margin-left:auto; margin-right:auto; max-width: 1034px; min-width: 910px; width:100%; text-align:left; 
}

div#footer_contact{ text-align:center}
#fc_mail,#fc_tel,#fc_devis{ background-image:url(../image/footer1.gif); background-repeat:no-repeat; display:inline-block; width:270px; height:160px; margin-right:20px; cursor:pointer }
#fc_tel{ background-position:-270px 0; }
#fc_devis{ background-position:-540px 0; }


div.footer_site{ clear:left; background-color:#303030; color:#fff; font-size:10px; padding: 3%; width:94%; min-width: 936px; }

#base3{ min-width: 978px;}

.footer_site a, div.menu2_footer a{ color:#fff; text-decoration:none;  }

div.titre_footer{ font-size:20px; margin:5px 5px 20px 0; font-weight:bold; text-transform:uppercase }


#f4,#rfb, #rtw,#rin,#rgo, #fnews{ background-image:url(../image/footer2.gif); background-repeat:no-repeat; display:block }


#f1{ float:left; }
#inscrip{ width:430px; margin:5px auto; height:60px; }
#inscrip input{ border: none; }
#reponse_news{color:#294c69; font-size:14px;}
#fnews { width:60px; height:60px; float:left; background-position:-280px 0; }
#fmail{ width:300px; padding:1px 0; float:left; background-color:#f1f1f1; height:58px }
#fmail input{ height:38px; padding:10px; vertical-align:middle}
#mail{ border: none; width:300px; font-size:18px; padding:15px 0; background-color:#f1f1f1; color:#294c69; }
#oknews { width:60px; height:42px; display:table-cell; vertical-align:middle; padding-top:18px; text-align:center;float:left; cursor:pointer; background-color:#294c69; color:#FFFFFF; font-size:18px;  }


#f2{ float:right; width:330px; text-align:right }
#rfb, #rtw,#rin,#rgo{width:70px; height:70px ; float:right; cursor:pointer; margin:5px}
#rtw{ background-position:-70px 0; }
#rin{ background-position:-140px 0; }
#rgo{ background-position:-210px 0; }


#f3{ display:block; clear:both; margin-top:15px; font-size:10px}

#f4{ padding:70px 0 0;  background-position:center -70px; text-align:center; margin-top:30px; font-size:12px }
#f4 a{ color:#fff; }


div.menu2_footer{ background:#303030; padding:15px 0 0 0;   }
div.menu2_footer div{ text-align:center  }

div.menu3_footer{ background:#303030; padding:5px 0 15px; font-size:12px  }
div.menu3_footer div{ text-align:right;  }
div.menu3_footer a{ color:#fff;  }
div.menu2_footer a{ display:inline-block; margin:0 8px; font-size:12px; color:#fff; font-weight:normal; }

div.menu2_footer a:hover, div.menu1_footer a:hover{ color:#fff; }




@media screen and (max-width: 1100px) {


div .head2{ font-size:13px; }

ul#mbh2{ font-size: 11px; }

.menu_onglet .onglet , .menu_onglet  .onglet_select{ font-size: 14px; }

a.MenuBarItemSubmenu2{ padding:8px 5px; }

}

@media screen and (max-device-width:720px) and (orientation:portrait), screen and (max-device-width:720px) and (orientation:landscape) {
/*@media screen and (max-width: 850px) {*/
	
.clearDesk, #contact1,.menu_onglet,div.menu3_footer,.rail, #blocLeft, .lien_vignette, .no_affich { display:none !important; }

.clearMobile{ clear:both; display:block; }

#affich_menu {
	cursor:pointer;
	display: block;
	float: left;
	margin: 40px 110px 0 40px;
}

#affich_menu img{ width:60px; height:48px; }

.btn_resp, .btn_resp_select {
	cursor:pointer;
	background-color:#294c69;
	background-repeat:no-repeat;
	border-bottom: 1px solid #fff;
	background-image:url(../image/fr_resp.png);
	color:#FFFFFF;
	background-position: 675px 15px;
	width:90%;
	display:block;
	padding: 26px 5%;
	font-size:26px;
 }
 
.btn_resp_select { background-image:url(../image/f_resp.png); }


.titre_infop{ background-color:#303030; margin-bottom:30px; width:100%; }

.titre_infop h2{ width:700px; }

.txt{ font-size:16px; }

.titre_resp{ font-size:36px; padding:10px 30px; background-color:#444; color:#FFF; display:block; }

hr{ margin:15px 0 !important; display:block !important; }

.picto{ alignment-adjust:middle; height:60px; width:auto; }

.boutonDevis2,.boutonDevis3{ padding:30px 0; font-size:26px; float:none; margin:30px 5%; text-align:center; }
label{ font-size:18px; margin:20px 2px; display:inline-block; }

.head2 .cartegeo{ float:none; margin:20px 0; width:702px; }
.head2 .cartegeo img{ width:550px; height:auto; margin:20px 75px; }

.titre_bandeau{ display:block; }
.titre_bandeau h1{ display:block; padding:24px; }
a.boutonApartir{ display:block; font-size:18px; width:702px; height:34px; padding:10px; }


#blocRight{ width:722px; margin:0; padding:0; float:none; }


body, .main, #maincontent, .page, #head, .headcontent, #base3{ width: 722px; font-size:16px; max-width:722px !important; min-width:722px !important; }
.footer_content{ width: 678px; font-size:16px; max-width:678px !important; min-width:678px !important; }
div.footer_site{ padding:20px; margin:0; width: 682px; font-size:16px; max-width:682px !important; min-width:682px !important; }

.main{ margin-top:30px; }

h1{ color:#294c69; font-size:30px; }
h2{ font-size:26px; }
.h2accueil{ font-size:26px; margin:36px 10px; font-weight:bold; }
h3{ color:#294c69; font-size:22px; }
h4{ margin:0px; font-size:18px; font-weight:bold; }


/* Header */

#head{ height:200px }

 
#logo1 a{ width:260px; height:120px; background-size:320px 120px; }

#client1{ width:65px ;margin:30px 40px 0 0; }
#client1 a{ display:block; width:63px; height:60px; background-image:url(../image/cl1.gif); background-size:63px 60px; }
	
#menuBar1 .tel{ display:block; }	


.elmtaccueil{ margin: 0 5px 50px 0; }
.elmtaccueil .titre{ font-size:28px; }
.elmtaccueil .txt{ font-size:18px; }

.titreTarif{ font-size:18px; margin:20px 8px; }


/* Menu */ 

/* --- Menu Desti*/


.menu_head1{ height:70px; }
	
#menuBar1{ width:290px; }
#menuBar1 img{ height:70px; width:auto; }

#titreDesti{ float:left; width:200px; background: url(../image/f_resp.png) no-repeat right center;
	padding:25px 40px; cursor:pointer;
	font-size:20px !important;
 }
#menuDesti{ background-color:#303030; width:84%; padding:8%; position:absolute; top:60px; left:-722px; height:680px; }
#menuDesti li div ul{ display:block; }

#bc1,#bc2,#bc3,#bc4,#bc5{ position: absolute; }

#bc1{ left: 0 ; top : 0; }
#bc2{ left: 300px ; top : 0; }
#bc3{ left: 0px ; top : 200px; }
#bc4{ left: 300px ; top :360px; }
#bc5{ left: 0px ; top : 400px; }

a.MenuBarItemSubmenuDesti{ background:none; }	

a.MenuBarItemSubmenuDesti{
	padding:5px 5px 0 12px;
	height:25px;
	display:block;
}	
ul#menuDesti li{
	border:none;
	float:none;
	font-size:20px;
	width:280px !important;
	font-weight:normal !important;
	padding:10px 0;
	margin:10px;
	height:auto;
}
ul#menuDesti ul{ border:none; }

ul#menuDesti div{ margin-top:15px; border-top: 1px solid #fff; }

ul#menuDesti ul li{
	border-bottom:none !important;
	font-size:16px;
	height:auto;

}

a.MenuBarItemSubmenu2 div{
	padding-left: 0 !important;
	background:none;
}

a:hover.MenuBarItemSubmenu2{ background-color:#fff; }

a.MenuBarItemSubSubmenu2{ color:#fff; }
a:hover.MenuBarItemSubSubmenu2{ background-color:transparent !important; }

ul#menuDesti ul a{ background-color:inherit; color:inherit; }


/* --- Menu 2*/

#mbh2{ width:90%; padding:0; position:absolute; top:190px; left:-722px; height:680px; background-color:transparent; }


#mbh2 li{
	width:100%;
	padding: 0;
	border-left: none;
	float: none;
	background-color:#4d4d4d;
}

a.MenuBarItemSubmenu2{
	border-bottom: 1px solid #fff;
	background-image:url(../image/fr_resp.png);
	background-position: 575px 15px;
	width:522px;
	display:block;
	padding: 26px 50px;
	height:auto;
	font-size:18px;
}	

/* ----------------------------- Vehicule ----------------------------------- */
.vehicule{ width:264px; margin-right:15px; }

.v_td{ width:227px; height:78px; }

.vehicule img{ width:252px; height:110px; }

.vehicule .bouton{ display:none; }


/* ----------------------------- Formulaire ----------------------------------- */


.formulaire{ font-size:16px !important; }

.formulaire table{ width:92%; margin:15px 4%; }

input, textarea, select{ font-size:24px !important; }

.formulaire td{ padding:2px; }

.valid_btn{ font-size:26px; padding:10px 35px; }



/*------------------------------pagemenu*/

.theme{ font-size:36px; }
.periode{ font-size:22px; margin: 24px 0; }

/*------------------------------vignette*/

.vignette .image_vignette{ float:none; width: 100%; }
.vignetteContent{ float:none; width: 92%; text-align:left; padding:10px 4%; }

.titrevignette{ font-size:28px; font-weight:bold; margin:0; color:#294c69; text-decoration:none; padding:10px 0; display:block; }
.vignette .sur_vignette{ text-transform:uppercase; color:#4c82ab; padding:5px 0; font-size:18px; font-weight:bold; }


/* temoignages */

.temoignages{   }
.tem_par{ font-size: 24px; }
.tem_titre{ font-size: 22px; }
.tem_txt{ font-size: 16px !important; }


/* FOOTER */

div.titre_footer{ font-size:24px; margin:5px 0 20px 0; }

#f1, #f2, #f3{ float:none; text-align:center; width:652px; }
#inscrip{ width:530px; margin:20px auto; }
#reponse_news{ font-size:18px; }

#fmail{ width:400px; }
#mail{ width:400px; font-size:22px; }

#rfb, #rtw,#rin,#rgo{ float:none; display: inline-block; margin:0 25px; }
#f3 a,#f3, div.menu2_footer a{ font-size:16px; }
#f4{ margin-top:50px; font-size:16px; }


#fc_mail,#fc_tel,#fc_devis{ width:324px; height:192px; margin-right:20px; background-size:972px 192px; }
#fc_tel{ background-position:-324px 0; }
#fc_devis{ background-position:-648px 0; }



div.menu2_footer{ width:50%; padding:0; float:left; min-height:450px }
div.menu2_footer .footer_content{ max-width:inherit !important; min-width:inherit !important; width:inherit !important; }
div.menu2_footer div{ text-align:left; padding:30px;  }
div.menu2_footer a{  margin:0 0 35px; display:block; float:none; font-size:16px}


}