@charset "utf-8";
html {margin:0;padding:0;width: 100%;height: 100%;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, td, blockquote, dl, dt, dd, pre, img {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
input {border:0;}
fieldset, img, textarea {border:0;}
ol, ul, dl{list-style:none;}
h1, h2, h3, h4, h5, h6, h7 {font-size:100%;font-weight:normal;}
/* **************** STYLES GENERAUX (balises) ***************** */
a {outline:none;text-decoration:none;}
.strong {font-weight:bold;}
.em {font-style:italic;}
.display_block {display: block ;}
.display_none {display:none;}
.nowrap {white-space:nowrap;}
.display_inline {display:inline ;}
.display_inline_block {display:inline-block ;}
.txt_majiscule { text-transform:uppercase ;}
.underline, a.for_underline:hover {text-decoration:underline;}
a.underline:hover {text-decoration:none;} .link {color: #bca153; text-decoration:underline;} .link:hover {text-decoration:none;}
/* **************** CLASSES DE MISES EN PAGE ***************** */
/* ---- alignement ---- */
.txt-center {text-align:center ;}
.txt-top {vertical-align:top ;}
.txt-center_vertical {vertical-align:middle ;}
.txt-bottom_vertical {vertical-align:bottom ;}
.float-none {float:none ;}
.block_center {margin-left:auto ;margin-right:auto ;}
.clear { clear:both;height:0; font-size:0; line-height: 0; overflow:hidden;}
.clear_both {clear:both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.overflow_hidden { overflow:hidden;}
.height100_pourcent{ height:100%;}
/* ---- textes ---- */
.txt10 { font-size:10px;} .txt11 { font-size:11px;} .txt14 {font-size:14px;} .txt16 {font-size:16px;} .txt18 {font-size:18px;} .txt20 {font-size:20px;} .txt22 {font-size:22px;} .txt24 {font-size:24px;} .txt26 {font-size:26px;} .txt28 {font-size:28px;} .txt30 {font-size:30px;} .txt40 {font-size:40px;}
/* ---- position ---- */
.relative { position:relative;} .absolute { position:absolute;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {margin: 0; padding: 0; border: 0;outline: 0;font-size: 100%;background: transparent;resize:none; outline:none;}
input{ outline:none}
ul, li {list-style: none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h1, h2, h3, h4, h5, h6 { font-weight:400;}
table, table td {border-collapse:collapse;border-spacing:0}
a {text-decoration: none}
img {vertical-align:top}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
.clear:before, .clear:after {content: "";display: table;line-height: 0;}
.clear:after {clear: both;}
.clear {zoom: 1;}
.clr {clear: both;height: 0;line-height: 0;font-size: 0px;overflow: hidden;visibility: hidden}
body {font-size:12px; font-family: "roboto condensed", Arial, Helvetica, sans-serif; padding:25px 0 0 0; background:#e1e0dd url(../image/gif/bg-top.gif) 0 0 repeat-x;} .marge_box { margin-right:20px;} 
.wrapper { width:940px; margin:auto;}
.margin_top10{ margin-top:10px;}.margin_top15{ margin-top:15px;}.margin_top20{ margin-top:20px;}.margin_top30{ margin-top:30px;}
.margin_bottom10{ margin-bottom:10px;}.margin_bottom15{ margin-bottom:15px;}.margin_bottom20{ margin-bottom:20px;}.margin_bottom30{ margin-bottom:30px;}
/***************header*************/
.bgMenu{ background:#0f0f0f;}
.menu_header { width:940px; margin:auto; position:relative; z-index:9; }
.logo { float:left; position:absolute; top:-12px; left:0px; } .search { float:right; position:relative; height:80px;} .input_search {  color:#000;  background:#fff; border:#ee3024 solid 4px; border-right:none; float:left; width:168px; color:#000;  height:22px; text-indent:5px;}.boxsearch .btn_search { float:left; width:100px; height:80px; line-height:80px; cursor:pointer;  font-size:16px;  color:#9e9e77; background-color:#ffffff }
.link_navheader { font-size:16px; font-family: 'Philosopher', sans-serif; color:#fff; height:80px; line-height:80px; display:inline-block; padding:0 0 0 8px; } .link_navheader:hover { }
.boxsearch {  display:block; position:absolute; right:80px; top:0; width:370px; height:80px; background:#fff; display:none;}.boxsearch  input{ height:80px; line-height:80px; font-size:16px; color:#333; padding:0 15px; width:240px; float:left;}
.ouvr_search {  background: url(../image/gif/ic_search.gif) left top no-repeat; width:80px; height:80px; cursor:pointer; display:inline-block;}
.selectedSearch .ouvr_search {  background: url(../image/gif/ic_search.gif) left bottom no-repeat;}
.link_navheader.withsub { background:url(../image/gif/puce_header.gif) right center no-repeat; padding-right:18px;} 
/*.link_navheader.withsub:hover {background-image:url(../image/gif/puce_header2.gif);}
.link_navheader_active.withsub, .link_navheader_active.withsub:hover {  background-image:url(../image/gif/puce_header2.gif);}*/
.sep_navheader { background: url(../image/gif/sep.gif) 100% center no-repeat;  display:inline-block; width:6px; height:80px; vertical-align:top; text-indent:-9999em;  margin:0; position:relative; top:0px; margin-left:4px}
.list_menu { float:left; padding:0px 0 0 184px; }
.list_menu li { float:left; position:relative;} .smenu_header { display:none; position:absolute; background:url(../image/png/bg.png) 0 0 repeat; width:180px; left:0; top:79px; padding:10px 0px 5px ; z-index:3;}
.smenu_header li { float:none;}   .smenu_header li a { color:#fff; font-size:15px; border-bottom:#887f74 solid 1px; display:block; padding:7px 2px 8px 18px; font-family: 'Philosopher', sans-serif;  }
.smenu_header li:last-child a { border-bottom:none; }.smenu_header li a:hover { color:#a9924a }
.ombre{ position:absolute; bottom:0; left:0; z-index:9; }
/*************** stylesheet *************/
.box_pres { width:460px; float:left; margin-right:19px; margin-bottom:20px; background:url(../image/jpg/bg_pres.jpg) left top no-repeat; height:260px; color:#fff;} .box_presin { padding:27px 20px 20px 30px;} .t1_pres { font-size:26px; font-family: 'Philosopher', sans-serif; text-transform:uppercase;}.t2_pres { font-size:24px; font-family: 'Philosopher', sans-serif; text-transform:uppercase; font-weight:700;}.disc_pres { font-size:15px; font-family: 'Philosopher', sans-serif; line-height:18px; padding:23px 0 10px 0; min-height:90px; max-height:90px;}
.link_pres { font-family:"roboto condensed"; text-transform:uppercase; color:#fff; border:#fff solid 1px; display:inline-block; padding:0px 9px; height:23px; line-height:23px;}.link_pres:hover{ background:#fff; border:#fff solid 1px; color:#a9924a;}
.box_act  { margin-bottom:20px; font-family: 'Philosopher', sans-serif; float:left; width:218px; margin-right:19px; border:#ddcda7 solid 1px; height:258px;}
.d_actindex a{ display:block; font-size:14px; color:#000; margin-bottom:17px;}.d_actindex a:hover{ color:#a9924a} .box_actin { padding:15px 15px 0;}.date_actindex { color:#878479; font-size:14px; margin-bottom:5px;} .t_actindex { margin-bottom:2px;} .box_actin .t_actindex a { display:inline-block; color:#000; font-size:18px; line-height:20px; padding-bottom:5px;} .linkactindex {font-family:"roboto condensed"; text-transform:uppercase; background:#878479; color:#fff; border:#ddcda7 solid 1px; display:inline-block; padding:0px 9px; height:23px; line-height:23px;}.linkactindex:hover{ color:#a9924a; border:#ddcda7 solid 1px; background:#fff;}
.banner_annonnce { font-family: 'Philosopher', sans-serif; width:460px; height:220px; float:left; margin-right:20; background:url(../image/jpg/banannonces.jpg) left top no-repeat;}
.link_banannonce { color:#fff; display:block; padding:35px 15px 0 240px; font-family:"roboto condensed";} .t1_banannonce { font-size:16px; display:block; text-transform:uppercase; font-family: 'Philosopher', sans-serif;}
.disc_banannonce { font-size:15px; line-height:18px; font-family: 'Philosopher', sans-serif;}.link_banannonce:hover{}
.t2_banannonce { font-size:16px; display:block; font-weight:bold; text-transform:uppercase; margin-bottom:10px; font-family: 'Philosopher', sans-serif;}
.banner_commune {  font-family: 'Philosopher', sans-serif; width:205px; height:185px; float:right;   background: url(../image/jpg/bancommune.jpg) left top no-repeat; padding:35px 15px 0 240px; color:#fff;}
.t1_bancommune { font-size:16px; display:block; text-transform:uppercase;}
.disc_bancommune { font-size:15px; line-height:18px; display:block; min-height:80px; max-height:80px; overflow:hidden;}
.t2_bancommune { font-size:16px; display:block; font-weight:bold; text-transform:uppercase; margin-bottom:10px; display:block;}
.link_bancommune { padding:0px 20px; height:23px; font-family:"roboto condensed"; line-height:23px; border:#e3e0d5 solid 1px; text-transform:uppercase; color:#fff; text-transform:uppercase; display:inline-block;}.link_bancommune:hover{ background:#fff; border:#e3e0d5 solid 1px; color:#919191;}
.box_videospot{ float:left; width:220px;}.box_videospot .banner_interne{ border:none}
.slideshow {position: relative; top: 0; width:100%; overflow:hidden; background:#e1e0dd; margin-bottom:10px;}
.slideshow  #owl-banner {z-index: 3; max-height: 407px; overflow: hidden;}
.slideshow  #owl-banner .item img { min-width:100%;}


#owl-pdtmini .owl-buttons { position:absolute; width:100%; left:0; top:18px;}
#owl-pdtmini .owl-buttons div.owl-prev{ background:url(../image/png/ff.png) center center no-repeat; width:12px; height:17px; text-indent:-9999em; position: absolute;
left: -10px;
top: 0;}
#owl-pdtmini .owl-buttons div.owl-next{ background:url(../image/png/ff2.png) center center no-repeat;width:12px; height:17px; text-indent:-9999em; position: absolute;
right: -10px;
top: 0;}
#owl-banner .owl-pagination { position:absolute; left:0; bottom:10px; width:100%;}
.wrapper_index { position:relative; width:940px; margin:auto; z-index:9; padding:10px 0 40px; }
.content_index { }
#slider { z-index:3; max-height:407px; overflow:hidden }
#slider .slides{ max-height:480px;}
#slider .slides img{ max-height:480px; }
.bgC{background: url(../image/gif/bg-c.gif) left top repeat-x; padding-top:20px; height:97px; overflow:hidden;}
#carousel { position:relative; margin:auto;  z-index:9; } 
.bull { transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out;    opacity: 0; position:absolute; left:0; top:-120px; z-index:100; white-space:nowrap; height:33px; background:#000; visibility:hidden;}
.t_bull { padding:7px 20px 6px 10px; display:inline-block; color:#fff; font-size:14px;} .sep_bull { display:inline-block; height:33px; width:1px; height:33px; background:#585858; vertical-align:top;} .dlt_bull {  color:#ddcda7; font-size:14px; font-family:"roboto condensed"; display:inline-block; padding:7px 10px 7px;}.dlt_bull:hover{ background:#ddcda7; color:#000;} .ic_bull { background:url(../image/png/ic_bull.png) left top no-repeat; width:10px; height:6px; bottom:-6px; position:absolute; left:10px; z-index:101;}
.flex-active-slide .bull  { display:block; visibility:hidden; opacity: 1; transition: 0.8s ease-out; -webkit-transition: 0.8s ease-out; top:-60px;}
.carousel_in{width: 940px; margin: auto;}
.btn_retour {height: 23px; line-height: 23px; padding: 0 18px; background: #000; font-size: 12px; text-transform: uppercase; color: #fff; font-family: "roboto condensed"; cursor: pointer; display:inline-block;}
.btn_retour:hover {background: #bca153;}
.bloc_contact_result .txt { font-size:16px;}
/***************container*************/
.banner{ height:345px; position:relative; width:100%; background:#000; text-align:center; overflow:hidden; }.banner_img{ height:260px;}
.container{ float:left; width:700px; margin-left:20px; padding:0px 0 20px;}
.container2{ padding:34px 0 20px;}
.fil_ariane{ margin-bottom:14px;}.fil_ariane a{ display:inline-block; color:#bca153; font-size:12px; padding-left:9px; margin-right:9px; background:url(../image/png/puce2.png) 0 center no-repeat;}.fil_ariane span{ display:inline-block; color:#878479; font-size:12px; padding-left:9px; margin-right:9px;background:url(../image/png/puce3.png) 0 center no-repeat;}.fil_ariane a:hover{ text-decoration:underline;}
.content{ background:#fff; border:#ddcda7 solid 1px; padding:20px 25px 20px 35px; min-height:500px; height:auto !important; height:500px;}
.titre1{ line-height:30px; /*background:url(../image/gif/puce2.gif) 0 5px no-repeat; padding-left:20px;*/ font-size:28px; font-weight:700; color:#000;font-family: 'Philosopher', sans-serif; }
.txt_important{ color:#333333; font-size:30px; line-height:34px;}.marge_txt{ margin:30px 0;}
.paragraph{ font-size:16px; color:#333333; text-align:justify; font-weight:normal}.marge_parag{ margin-top:20px;}
.titre2{ font-size:24px; border-bottom:#000 solid 1px; color:#000; padding-bottom:10px; margin-bottom:10px; font-family: 'Philosopher', sans-serif;}
.titre_liste {font-size: 18px; font-weight: 700; color: #000; padding: 7px 0 7px 20px; margin-bottom: ; background: #ddcda7;}
.liste { padding:10px 0 10px 20px;}
.liste li { background:url(../image/gif/puce_liste.gif) left 9px no-repeat; padding: 0 0 0 16px; font-size:16px; margin-bottom:6px; color:#333333;}
.liste li span{ color:#333333; background:url(../image/gif/dotted.gif) 0 bottom repeat-x; display:block; padding-bottom:6px;}
.liste_flotte li { font-size:14px;}
.titre3{ font-size:18px; font-weight:700; background:url(../image/gif/puce3.gif) 0 6px no-repeat; border-bottom:#000 solid 1px; color:#000; padding:0 0 7px 19px; margin-bottom:10px; font-family: 'Philosopher', sans-serif;}

.tab th{ color:#000; border:#000 solid 1px; font-size:18px; text-align:left; font-weight:700; padding:7px 5px 7px 10px;}.tab{ border-spacing : 2px; border-collapse : separate; margin-top:20px;}
.tab td{ color:#333; border:#333 solid 1px; font-size:15px; padding:8px 5px 8px 10px;}
.info{ color:#c5c5c5; font-size:11px; font-family:Arial; font-style:italic; padding-top:10px;}
.paragraph2{ font-size:16px; color:#333;}.paragraph3{ font-size:18px; color:#333;}
/** faq **/
.elem_faq {padding:20px 0 15px; border-bottom:#e4e4e4 solid 1px;}
.elem_faq.last { border-bottom:none;}
.elem_faq .question{ font-size:16px; padding:0 0 0 60px; background:url(../image/gif/faq.gif) left top no-repeat; min-height:40px; cursor:pointer; color:#000;}
.elem_faq .question.active{background:url(../image/gif/faq_h.gif) left top no-repeat;}
.elem_faq .question .link1{color:#a19796; background:url(../image/gif/link1.gif) right 8px no-repeat; padding-right:22px; display:inline-block; font-size:14px;}
.elem_faq .question .link2{ display:none; color:#ddcda7; background:url(../image/gif/link2.gif) right 8px no-repeat; padding-right:22px; font-size:14px;}
.elem_faq .question.active .link1{display:none;}
.elem_faq .question.active .link2{ display:inline-block;}
.elem_faq .reponse{ background:#000 url(../image/gif/reponse.gif) 20px top no-repeat; border:#474747 solid 1px; padding:15px 20px; margin:15px 0 0 60px; font-size:16px; display:none; color:#e0dfdf;}
.list{float:right; margin-top:5px; position:relative;width:214px; height:24px; border:#d0d0d0 solid 1px; display:block; padding:0 7px; background:#fff;}
.list .link{  line-height:24px; background:url(../image/gif/puce_link_filtre.gif) right 3px no-repeat;display:block; cursor:pointer; color:#000; font-size:14px;}
.list .filtre_menu{ position:absolute;width:194px;border:#ebebeb solid 3px; background:#fff; top:25px; padding:10px 15px; z-index:5; left:-1px; display:none;}
.list .filtre_menu li{ padding:5px 0; border-bottom:#ebebeb solid 1px;}
.list .filtre_menu li:last-child{ border-bottom:none;}
.list .filtre_menu li a{font-size:12px; color:#000;}
.filtre_menu{ display:none;}
.pagination{ float:right; margin-top:20px;}
.pagination li{ float:left; margin-right:1px;}
.pagination li:first-child a{ background:url(../image/gif/prev_page.gif) left top no-repeat; }
.pagination li:first-child a:hover{background:url(../image/gif/prev_page.gif) left bottom no-repeat;  }
.pagination li:last-child a{ background:url(../image/gif/next_page.gif) left top no-repeat; }
.pagination li:last-child a:hover{background:url(../image/gif/next_page.gif) left bottom no-repeat;  }
.pagination li a{ background:#fff;font-size:15px; color:#333; text-align:center; width:37px; height:38px; line-height:38px; border:#999 solid 1px; display:block; text-align:center;}
.pagination li a:hover{ color:#ddcda7;}.pagination li a.active{ background:#000; color:#fff; cursor:default;} .pagination li a.active:hover{ background:#000; color:#fff;}
.msg_err { margin-bottom:20px; padding-left:80px; min-height:62px; margin-top:20px;} .titr_msgerr { font-size:20px;  line-height:22px; margin-bottom:8px;} .disc_msgerr { color:#262626; font-size:18px; line-height:22px; margin-bottom:10px;}
.boxsuccess { background: url(../image/gif/icon_succ.gif) left top no-repeat;} .boxerreur { background:url(../image/gif/icon_err.gif) left top no-repeat;}
.msg_err .link_savoircartouche { color:#999;} .msg_err .link_savoircartouche:hover { color:#ddcda7;}
/** doc_utile **/
.doc_utile {padding:20px 0 15px; border-bottom:#e4e4e4 solid 1px;}
.doc_utile.last { border-bottom:none;}
.doc_utile .question{ font-size:16px; padding:0 0 0 60px; background:url(../image/gif/util.gif) left top no-repeat; min-height:40px; cursor:pointer; color:#000; display:block;}.question a{color:#000; display:block;}
.doc_utile .question:hover{background:url(../image/gif/util_h.gif) left top no-repeat;}
.doc_utile .question .link1{color:#a19796; background:url(../image/gif/link1.gif) right 8px no-repeat; padding-right:22px; display:inline-block; font-size:14px;}
.doc_utile .question .link1:hover{ background:url(../image/gif/link2.gif) right 8px no-repeat; color:#ddcda7;}
/** actualite **/
.img_act { float:left; margin-right:20px; margin-bottom:10px;} .dat_act { color:#666; font-size:14px; margin-bottom:2px;} 
.disc_act { color:#333; font-size:16px; line-height:18px; display:block; margin-bottom:2px; font-weight:700;}.disc_act:hover{ color:#a9924a;} .elem_act { border-bottom:#e6e6e4 solid 1px; padding-bottom:17px; margin-top:24px;} 
.link_allact { color:#494949;}
.descr_act { color:#333; font-size:14px; line-height:18px;display:block}.descr_act:hover{ color:#a9924a;}
.date_theme{ color:#a9924a; font-size:18px;}.titre_theme{ font-size:18px; color:#333; margin-bottom:20px;}
.img_actu{ margin:20px 0;}.partage{ border:#999 solid 1px; padding:7px 8px; float:right; width:578px; text-align:right;}
.retour{ float:left;}
/** galerie **/
.galerie{ float:left; height:126px; border-bottom:#e2e2e2 solid 1px; width:300px; margin-right:20px; margin-top:20px;}.galerie.last{ margin-right:0;}
.galerie .photo{ width:296px; height:103px; overflow:hidden; border:#e2e2e2 solid 2px; position:relative; text-align:center;}.galerie:hover .photo{ border:#ddcda7 solid 2px;}
.galerie .icone{ position:absolute; width:52px; height:40px; padding-top:12px; text-align:center; top:26px; left:121px;}
.galerie:hover .icone{ background:url(../image/png/puce.png) 0 0 no-repeat;}
.galerie2{ float:left;  border-bottom:#e2e2e2 solid 1px; width:300px; margin-right:20px; margin-top:20px;}.galerie.last{ margin-right:0;}
.galerie2 .photo{ width:296px; height:197px; overflow:hidden; border:#e2e2e2 solid 2px; position:relative; text-align:center;}.galerie:hover .photo{ border:#ddcda7 solid 2px;}
.galerie2 .icone{ position:absolute; width:52px; height:40px; padding-top:12px; text-align:center; top:40%; left:121px;}
.galerie2:hover .icone{ background:url(../image/png/puce.png) 0 0 no-repeat;}
.galerie2.last { margin-right:0;}
/** plan site **/
.plan_site li a.niv1{ display:block; color:#000; border-bottom:#000 solid 1px; font-size:24px; padding:12px 0;}.plan_site{ margin-top:20px;}
.plan_site li a.niv1:hover{ color:#a9924a;}
.plan_site li a.niv2{display:block;  background:url(../image/gif/dotted_gris.gif) 0 bottom repeat-x;  font-weight:normal;}
.plan_site li ul{ margin-left:20px;}
.plan_site li a.niv2 span{background:url(../image/gif/puce5.gif) 0 center no-repeat;  font-size:18px; display:block; font-weight:normal; padding:12px 0 12px 16px;color:#333;}
.plan_site li a.niv2:hover span{background:url(../image/gif/puce4.gif) 0 centerno-repeat; color:#a9924a;}
/** partenaire **/
.partenaire{ float:left; height:167px; border-bottom:#e2e2e2 solid 1px; width:300px; margin-right:20px; margin-top:20px; text-align:center;}.partenaire.last{ margin-right:0;}
.partenaire:hover{ border-bottom:#ddcda7 solid 1px;}
.partenaire .photo{ width:296px; height:103px; border:#e2e2e2 solid 2px; margin-bottom:9px;}.partenaire:hover .photo{ border:#ddcda7 solid 2px;}
.partenaire .titre{ color:#000; font-size:16px;}.partenaire .link{ color:#999; font-size:14px;}
.partenaire:hover .titre{color:#a9924a;}.partenaire:hover .link{color:#000;}
/** flotte **/
.boxFiltre{ border-bottom:#999 solid 1px; border-top:#999 solid 1px; padding:20px; margin:23px 0 50px; }.boxFiltre .titre{ font-size:18px; color:#000; text-transform:uppercase;}.boxFiltre .marge{ padding-left:12px;}
.flotte{ float:left; width:280px; margin:0 18px 30px 0;}.flotte.last{ margin-right:0;}
.flotte .photo{ width:280px; height:149px; overflow:hidden; position:relative; display:block; margin-bottom:15px;}.flotte:hover .photo .img_hover { display: block;}
.flotte .photo .img_hover { background:url(../image/gif/border.gif) 0 0 no-repeat;width:280px; height:149px; display: none;left: 0;overflow: hidden; position: absolute;top: 0; z-index: 2;}
.flotte .date{ color:#c1a655; font-size:14px;}.flotte:hover .date{ color:#000;}.flotte .titre{ color:#000; font-size:20px; display:block; padding-right:10px;}.flotte:hover .titre{ color:#a9924a;}
.titre4{ font-size:30px; color:#333; line-height:28px; font-family: 'Philosopher', sans-serif;}
.titre5{ font-size:26px; color:#a9924a; line-height:28px; margin-bottom:3px; font-family: 'Philosopher', sans-serif;}.titre5 span{ color:#333;}
.imageEtape{ border:#dbcaa4 solid 1px; width:280px; height:228px; float:left; margin-right:15px; margin-top:15px; position:relative;}.imageEtape.last{ margin-right:0px;}
.imageEtape .icone{ position:absolute; width:52px; height:40px; padding-top:12px; text-align:center; top:88px; left:61px;}
.imageEtape:hover .icone{ background:url(../image/png/puce.png) 0 0 no-repeat;}
.challenge .flex-direction-nav a  { text-decoration:none; display: block; width:7px; height:11px; margin: 0; position: absolute; top: 0px; overflow: hidden;  cursor: pointer; background:url(../image/gif/prev.gif) left top no-repeat; text-indent:-9999em; }
.challenge .flex-direction-nav .flex-prev { left:585px; top:-20px }
.challenge .flex-direction-nav .flex-next { right:20px; background-position:0px bottom;  top:-20px}
.challenge .flexslider .flex-prev:hover {background-position:left top;  }
.challenge .flexslider .flex-next:hover { background-position:left bottom;}
.challenge .flexslider:hover .flex-next:hover,.challenge .flexslider:hover .flex-prev:hover { opacity: 1; }
.bgBox{ background:url(../image/gif/bg.gif) 0 0 no-repeat; height:326px; padding:20px 0 0 8px; margin-top:30px;}
.bgBox .challenge .flex-direction-nav .flex-prev { left:575px;}
.slogan{ text-align:center; color:#333; font-size:22px; padding-top:55px;}
.slide_interne #slider .flex-direction-nav{ display:none;}
.slide_interne #carousel3{ top:10px;} 
.bgCarousel{  height:113px; }
.bgCarousel .flex-direction-nav a  { text-decoration:none; display: block; width:12px; height:17px; margin: 0; position: absolute; top: 91px; overflow: hidden;  cursor: pointer; background:url(../image/gif/prev2.gif) left top no-repeat; text-indent:-9999em; }
.bgCarousel .flex-direction-nav .flex-prev { left:23px; top:102px }
.bgCarousel .flex-direction-nav .flex-next { right:23px; background:url(../image/gif/next2.gif) 0 0 no-repeat;  top:102px}
.bgCarousel .flexslider .flex-prev:hover {background-position:left bottom;  }
.bgCarousel .flexslider .flex-next:hover { background-position:left bottom;}
.bgCarousel .flexslider:hover .flex-next:hover,.bgCarousel .flexslider:hover .flex-prev:hover { opacity: 1; }
.bgCarousel .etat{ position:absolute; top:112px; left:46px; font-size:12px; text-transform:uppercase; background:url(../image/gif/dotted2.gif) 0 10px repeat-x; width:756px; color:#fff;}
.bgCarousel .etat span{ background:#878479; padding:0 14px;}.avant{ float:left;}.pendant{ float:left; margin-left:243px;}.apres{ float:left; margin-left:170px;}
.desc_car{ color:#333; font-size:30px; line-height:34px;}
.boxVideo{ float:left; width:620px;}.infoVideo{ float:left; width:225px; margin-left:19px; color:#000; font-size:14px;}.infoVideo span{ text-transform:uppercase; font-weight:bold;}
.btn_left{ float:left; width:633px; height:68px; border:#999 solid 1px; font-size:18px; text-transform:uppercase; line-height:31px;} .btn_left a{ color:#333;}
.btn_right{ float:left; margin-left:1px; width:239px; height:68px; text-align:center; line-height:68px; border:#999 solid 1px;}.btn_left p{ padding:0 15px;}.txt30{}
.btn_right .link{ color:#c60218; font-size:18px; text-transform:uppercase; display:block; font-weight:normal;}.btn_right .link:hover{ color:#000;}
.btn {font-family:"roboto condensed"; text-transform:uppercase; background:#878479; color:#fff; border:#ddcda7 solid 1px; display:inline-block; height:21px; line-height:21px; padding:0px 9px; text-transform:uppercase}
.btn:hover{ border:#ddcda7 solid 1px; background:#fff; color:#a9924a;} 
.boxTitle{ position:relative}.boxTitle .btn{ position:absolute; top:5px; right:0;}
.boxTitle2{ border-top:#999 solid 1px; border-bottom:#999 solid 1px; margin:20px 0 30px; padding:13px 9px;}
.boxTitle2 .date{ color:#c1a655; font-size:14px;}
.boxTitle2 .titre{ color:#000; font-size:24px; text-transform:uppercase;}
/** contatct **/
.box_frm {float:left; height:38px; margin-top:20px; border-bottom:#999 solid 1px; margin-right:20px; background:#fff; min-width:298px;}
.box_frm label {display:inline-block; float:left;color:#333;font-size:14px;height:38px;line-height:38px;margin-right:1px; border:#999 solid 1px; border-bottom:none; width:80px; padding-left:4px;}
.box_frm input {display:inline-block; float:left;color:#333;font-size:14px;height:38px;line-height:38px;border:#999 solid 1px; border-bottom:none; padding-left:4px;}
.box_frm input.radio { width:auto; height:auto; border:none; padding:0; line-height:normal; display:none;}
.box_radio { padding:11px 0 0 10px;} .box_radio span { float:left; margin-right:10px;}
.width1{ width:205px;}.width2{ width:523px;}
.boxBtn{ float:right; padding-top:37px;}.btn_contact{ height:23px; line-height:23px; padding:0 18px; background:#000; font-size:12px; text-transform:uppercase; color:#fff;  font-family:"roboto condensed"; cursor:pointer;float:left; margin-left:10px;}.btn_contact:hover{ background:#bca153;  } 
.boxMsg{ margin-top:20px; border-bottom:#999 solid 1px; float:left; background:#fff;}
.boxMsg label {display:inline-block; float:left;color:#333;font-size:14px;height:86px; padding-top:12px;margin-right:1px; border:#999 solid 1px; border-bottom:none; width:80px; padding-left:4px;}
.box_frm label.lable2 { width:auto; padding-right:10px;} .box_frm .boxinput2 {border-right:#999 solid 1px;} .box_frm .boxinput2 input { width:97%; border-right:none}
.boxMsg textarea{display:inline-block; float:left;color:#333;font-size:14px;height:86px; padding-top:12px; border:#999 solid 1px; border-bottom:none; width:523px; padding-left:4px; overflow:auto}
.text_obligatoire { padding:20px 0 0 0;}
/** partenaire **/
.div_partgen { padding:20px 0 0 0;}
.box_partenaire { float:left; width:300px; margin:0 20px 20px 0; text-align:center; border-bottom:#e2e2e2 solid 1px;} .box_partenaire.last { margin-right:0;} .img_part  { margin-bottom:4px; border:#e2e2e2 solid 1px; display:block; text-align:center; padding:10px 0; max-height:100px; } .disc_part { padding-bottom:15px; display:block; min-height:40px; font-size:16px; font-family:"roboto condensed"; color:#000; } .disc_part span { color:#999; font-size:14px; display:block; font-family:"roboto condensed";}
.box_partenaire a { display:block;} .box_partenaire a:hover .img_part { border:#ddcda7 solid 2px; padding:9px 0;} .box_partenaire a:hover .disc_part { color:#a9924a;} .box_partenaire a:hover .disc_part span { color:#000;}

/***************left*************/
.left{ width:220px; float:left; padding:30px 0 20px;}
.left .box_pres { width:220px; float:none; margin-right:0px; margin-bottom:20px; background:#927b34 url(../image/jpg/bg_pres.jpg) left top no-repeat; height:auto;} .left .box_presin { padding:27px 27px 20px; color:#fff;}
.left .t1_pres { font-size:24px; font-family: 'Philosopher', sans-serif; text-transform:uppercase; line-height:24px;}.left .t2_pres {line-height:24px; font-size:24px; font-family: 'Philosopher', sans-serif;  text-transform:uppercase; font-weight:700;}
.left .disc_pres2 { font-size:15px; font-family: 'Philosopher', sans-serif;  line-height:18px; padding:14px 0 10px 0; text-align:justify;}
.menu_left{ background:#fff; border:#ddcda7 solid 1px; padding:25px 18px; margin-bottom:20px;}
.menu_left .titre{ font-size:24px; color:#000; font-family: 'Philosopher', sans-serif; }
.menu_left ul li a{ display:block; background:url(../image/gif/puce4.gif) 0 12px no-repeat; padding-left:15px; font-weight:normal;color:#878479;}
.menu_left ul li a span{ background:url(../image/gif/dotted_gris.gif) 0 bottom repeat-x;  font-size:14px; display:block; font-weight:normal; padding:5px 0;}
.menu_left ul li a:hover, .menu_left ul li a.actif{ color:#a9924a;}
.coordonne{ padding:20px 17px 20px 20px; font-size:14px; color:#fff; line-height:16px;}.coordonne .titre{ color:#fff; font-size:22px; margin:15px 0;}.coordonne a{ color:#fff;}.coordonne a:hover{ text-decoration:underline;}
.marge_plan{ margin:20px 0;}
.agrandir { font-family:"roboto condensed"; text-transform:uppercase; color:#fff;  display:inline-block; padding:0px 10px; background:#000; height:23px; line-height:23px;}.coordonne .agrandir:hover{ text-decoration:none}
.banner_interne{ position:relative;}.banner_interne .etiquette{ position:absolute; top:0; right:0;}.banner_interne .play{ position:absolute; top:85px; left:59px; background:url(../image/png/play.png) 0 0 no-repeat; display:block; width:80px; height:80px;}.banner_interne .play:hover{background:url(../image/png/play.png) 0 bottom no-repeat;}
/***************footer*************/
footer { padding:22px 0; text-align:center;  font-family:"roboto condensed"; background:#000; }
.rs { display:inline-block; width:37px; height:37px; margin-right:10px; background:url(../image/gif/rs.gif) 0 bottom no-repeat;} .rs:hover{background:;} 
.twitter { background-position:-37px bottom;} .youtube { background-position:-74px bottom;}.printerest { background-position:-111px bottom;}
.twitter:hover { background-position:;} .youtube:hover { background-position:;} .printerest:hover { background-position:;} 
.sep_footer { position:relative; top:7px; height:25px; width:1px; background:#878479; display:inline-block; margin:0 10px 0 0 ; vertical-align:top;}
.info_footer { display: inline-block; vertical-align:top; text-align:left; position:relative; top:3px; color:#878479; line-height:18px;} .info_footer a { color:#ddcda7;}.info_footer a:hover { color:#a9924a;}.contact_client { position:fixed; top:25%; right:0; width:40px; overflow:hidden; z-index:30; cursor:pointer;} .contact_client img:hover { position:relative; left:-40px;} .nomarge_box { margin-right:0;} .bgC2{background: url(../image/gif/bg-c.gif) left top repeat-x; padding-top:20px;height:65px; overflow:hidden}
.flex_interne{width:876px; margin:auto; } .bgC2 .flex_interne #carousel{ width:660px; float:left;}
.menu_footer{ margin-bottom:10px; display:inline-block }.menu_footer li{ display:inline-block;}.menu_footer li a{ display:inline-block; color:#878479; font-size:14px; background:url(../image/gif/sep2.gif) 100% 2px no-repeat; padding-right:12px; margin-right:10px; font-family: 'Philosopher', sans-serif; }.menu_footer li a:hover{ text-decoration:underline; color:#ddcda7;}.menu_footer li a.actif{ color:#ddcda7} .menu_footer li:last-child a{ background:none;} ,#slider3 .flex-direction-nav{ display:none;}
.bull.last{ right:0px; left:auto} .last .ic_bull{ left:auto; right:50px;}.link_allact2 { color:#494949; font-size:14px; font-size:16px}.link_allact2:hover{ color:#ddcda7;}
.padTxt{ padding-left:15px;}.boxSelect{width:209px; float:left; border:#999 solid 1px; height:37px;} .boxSelect .select_pay { width:100%; height:37px;} .btn_filter{ height:40px; line-height:40px; padding:0 20px; background:#000; font-size:14px; text-transform:uppercase; color:#fff;  font-family:"roboto condensed"; cursor:pointer;}.btn_filter:hover{ background:#bca153;} .link_annonce { margin-left:240px; margin-top:24px; font-family:"roboto condensed"; text-transform:uppercase; color:#fff; border:#fff solid 1px; display:inline-block; padding:0px 9px; height:23px; line-height:23px;}.link_annonce:hover{ background:#fff; border:#fff solid 1px; color:#a9924a;}.input_file{ position:relative; display:inline-block; float:left;color:#333;font-size:14px;height:38px;border:#999 solid 1px; border-bottom:none; padding-left:0px;}.boxSelect2{width:309px; float:left; border:#999 solid 1px; height:37px;}
.titreForm{ font-size:18px; color:#bca153; font-weight:bold;} .padTxt_act{ padding:10px 0;}
.slideshow #carousel { }
.slideshow #carousel ul.slides{ padding-top:15px;}
.slideshow #carousel .flex-direction-nav a{ background:url(../image/png/ff.png) center center no-repeat; width:12px; height:17px; top:36px;}
.slideshow #carousel .flex-direction-nav a:hover{ background:url(../image/png/ff.png) center center no-repeat; width:12px; height:17px;  top:36px;}
.slideshow #carousel .flex-direction-nav a.flex-next{ background:url(../image/png/ff2.png) center center no-repeat;width:12px; height:17px; top:36px;}
.slideshow #carousel .flex-direction-nav a.flex-next:hover{ background:url(../image/png/ff2.png) center center no-repeat; width:12px; height:17px; top:36px;}
.slideshow #carousel .flex-direction-nav .flex-prev{ left:-17px}
.slideshow #carousel .flex-direction-nav .flex-next{ right:-17px;}
.slideshow #carousel{ width:710px; float:left; position:relative; left:10px; top:15px;}
#sync1 .item { max-height:466px; overflow:hidden;}
.slide_interne #sync1 .item img { max-width:100%; } #sync2 .item { max-height:80px; overflow:hidden; margin-right:10px; }
#sync2 { top:10px; position:relative;  }

#sync2 .owl-buttons { position:absolute; width:100%; left:0; top:102px;}
#sync2 .owl-buttons div.owl-prev{ background:url(../image/gif/prev2.gif) left top no-repeat; width:12px; height:17px; text-indent:-9999em; position: absolute;
left: 20px;
top: 0;}
#sync2 .owl-buttons div.owl-next{ background:url(../image/gif/next2.gif) left top no-repeat;width:12px; height:17px; text-indent:-9999em; position: absolute;
right: 20px;
top: 0;}

.btnContact{ background:#000; height:35px; line-height:35px; padding:0 20px; font-size:18px; text-transform:uppercase; margin-top:24px; display:block; float:right; color:#fff; font-weight:normal}
.btnContact:hover { background:#bca153; }
.flex_interne #carousel .flex-direction-nav a{ background:url(../image/png/ff.png) center center no-repeat; width:12px; height:17px; top:20px;}
.flex_interne #carousel .flex-direction-nav a:hover{ background:url(../image/png/ff.png) center center no-repeat; width:12px; height:17px;  top:20px;}
.flex_interne #carousel .flex-direction-nav a.flex-next{ background:url(../image/png/ff2.png) center center no-repeat;width:12px; height:17px; top:20px;}
.flex_interne #carousel .flex-direction-nav a.flex-next:hover{ background:url(../image/png/ff2.png) center center no-repeat; width:12px; height:17px; top:20px;}
.flex_interne .btnContact{ margin-top:11px;}
.flex_interne .flex-direction-nav .flex-prev{ left:-27px}
.flex_interne .flex-direction-nav .flex-next{ right:-27px}
.slideshow #slider .flex-direction-nav a{ background:url(../image/png/prev.png) center center no-repeat; width:122px; height:122px; top:169px;display:none}
.slideshow #slider .flex-direction-nav a:hover{ background:url(../image/png/prev.png) center center no-repeat; width:122px; height:122px;  top:169px;display:none}
.slideshow #slider .flex-direction-nav a.flex-next{ background:url(../image/png/next.png) center center no-repeat;width:122px; height:122px; top:169px; display:none}
.slideshow #slider .flex-direction-nav a.flex-next:hover{ background:url(../image/png/next.png) center center no-repeat; width:122px; height:122px; top:169px;display:none}
.slideshow #slider .flex-direction-nav .flex-prev{ left:10%}
.slideshow #slider .flex-direction-nav .flex-next{ right:10%;}
.slideshow #slider .slides > li{ position:relative; text-align:center}
.playVideo{ position:absolute; left:50%; top:40%;  cursor:pointer; background:url(../image/png/ic_video.png) left top no-repeat; width:90px; height:90px; }#slider .slides .playVideo img{}
.bgContact{ background:#fff url(../image/gif/img-contact.gif) 100% 0 no-repeat; min-height:600px;}
.bgC3{background: url(../image/gif/bg-carousel.gif) 0 0 repeat-x; height:141px; position:relative;}
.videoInterne{ margin:20px 0 10px; display:block;}
.btnVideo{ background:#000; height:23px; line-height:23px; color:#fff; text-transform:uppercase; font-size:12px; font-family:"roboto condensed"; padding:0 10px; display:inline-block}
video{ width:98% ; margin:auto; height:480px; position:relative; top:-80px; }
.logo_mobile { display:none;}
/***************Validation engine*************/ 
.inputContainer{position:relative;float:left;}
.formError{position:absolute;top:300px;left:300px;display:block;z-index:5000;cursor:pointer;}
.ajaxSubmit{background:#55ea55;border:1px solid #999;display:none;padding:20px;}
.formError .formErrorContent{background:#dc0000;position:relative;z-index:5001;color:#fff;width:150px;font-family:tahoma;font-size:11px; padding:10px}
.formError .formErrorArrow{width:15px;position:relative;z-index:5006;margin:-2px 0 0 13px;}
/*body[dir=rtl] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}*/
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;top:2px;margin:0 0 0 12px}
.formError .formErrorArrow div{border-left:2px solid #dc0000;border-right:2px solid #dc0000; height:1px;background:#dc0000;line-height:0;font-size:0;display:block;margin:0 auto}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #dc0000;border-right:2px solid #dc0000;border-bottom:0 solid #dc0000}
.formError .formErrorArrow .line2{width:3px;border:none;background:#dc0000;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#dc0000;}
.greenPopup .formErrorContent,.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorContent,.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

/* responsiveness
--------------------------------------------- */
@media screen and (max-width: 1023px) { body  {width: auto;margin: auto;padding: auto;}
 table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100%;}
/*img {height: auto; width: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*/
textarea, table, td, th, code, pre, samp {word-wrap: break-word; /* passage à la ligne forcé */-webkit-hyphens: auto; /* césure propre */-moz-hyphens: auto;hyphens: auto;}code, pre, samp {word-wrap:break-word!important; white-space:pre-wrap!important;} }

@media (max-width: 769px) {img { max-width:100%;} body { padding:25px 10px 10px; background: #e1e0dd;} .menu_header, .wrapper_index { width:auto;} .wrapper_index { z-index:2;} .ouvre_menu { position: relative; z-index: 302; background: url(../image/gif/ouvremenu_haut.gif) left top no-repeat; width: 80px; height: 80px; display: inline-block; float:right;}
.list_menu {max-width: none; display: none; position: absolute; right: 0; top: 80px; width: 250px; background: #000; padding: 10px 15px; float:none;}
.list_menu li {float: none;}
.list_menu li a.link_navheader { display: block; padding: 5px 0 5px 0; height:auto; line-height:normal; font-size:18px;}
.sep_navheader { display:none;}
.smenu_header { background:none; width:auto; position: relative; left:0; top:0;}
.smenu_header li a { padding-left:0;}
.slideshow #carousel, .bgC2 .flex_interne #carousel { width:60%; z-index:2;} 
.carousel_in, .flex_interne { width:auto; padding:0 10px;}
.box_pres { width:31%; margin-right:3.5%; background:#89702e; }
.box_act { width:31%; overflow:hidden; margin-right:3.5%; background:#fff;}
.box_presin {padding: 15px 15px 0 15px;}
.t1_pres {font-size: 16px;}
.t2_pres {font-size: 15px;}
.disc_pres {font-size: 12px; padding: 5px 0 10px 0; min-height: 90px; max-height:140px;}
.box_actin .t_actindex a { font-size:16px;}
.box_videospot { float: right; width: 224px;}
.banner_annonnce { width:45%; background:#000; height:185px;} .link_banannonce { padding:20px;} .link_annonce { margin:0 0 0 20px;}
.banner_commune { float:right; width:45%; background:#888479; padding:20px; height:145px;}
.logo { left:10px;}
.wrapper_index { padding-bottom:20px;}
.container { width:auto; margin:0; float:none;}
.left { width:auto; float:none; padding:0 0 20px;} .left .box_pres { float:none; width:auto;}
.bgCarousel .etat { width:88%;} .apres { float:right; margin:0;} .pendant { margin-left:27%; } .fil_ariane { display:none;}
.content { padding:20px; min-height:inherit;} .left .banner_interne { display:none;} .banner { height:auto;}
.boxFiltre table { width:100%;} .boxFiltre tr td { display:block;} .boxFiltre .titre { margin-bottom:10px;} .boxFiltre .marge { padding:0 0 10px;}
.banner_img { height:auto;}
.cellTablet{ float:left; width:65%; margin-right:2%}
.videoTablet{  overflow:hidden}
.videoTablet .videoInterne img{ width:100%}
}

@media (max-width: 640px) {.box_pres { float:none; width:auto; margin-right:0; height:auto;} .box_act { float:none; width:auto; margin-right:0; height:auto;} .box_actin, .box_presin { padding:15px;} .banner_annonnce { float:none; width:auto; height:auto; padding-bottom:20px; margin-bottom:20px;} .banner_commune { float:none; width:auto; height:auto;} .box_videospot { display:none;} .boxsearch { width:200px;} .box_frm { position:relative; float:none; margin-right:0;} .boxMsg { float:none; position:relative;} .box_frm label { position:absolute; left:0; top:0;} .width1, .width2 { width:100%;} .boxMsg label { position:absolute; left:0; top:0;} .boxMsg textarea { width:100%; text-indent:90px; padding:12px 0 0 0;} .box_frm input { float:none; padding:0; text-indent:90px;} .boxSelect { float:none; width:auto;} div.uploader { width:100%;} .input_file { float:none; display:block;} .boxSelect2 { width:auto; float:none;}
.bgC, .bgC2 { background:#dddcd3; height:auto; padding-bottom:20px;}
.slideshow #carousel, .bgC2 .flex_interne #carousel { width:80%; margin:auto; float:none; height:auto; height:60px} .btnContact { padding:0 10px; font-size:16px; float:none; text-align:center;}
.bgC2{ height:auto}
.banner{ background:none}
.marge_plan{ text-align:center}
} 

@media (max-width: 480px) {
.boxVideo { width:auto; float:none;} .infoVideo { float:none; width:auto; margin:10px 0 0 0;} .btn_left { float:none; width:auto; height:auto;} .btn_right { float:none; width:auto; height:auto; margin-left:0; line-height:40px;} .boxVideo img { max-width:100%;} .galerie, .galerie .photo { width:auto; height:auto;}
.box_partenaire { width:100%; float:none;} .galerie .icone {top: 27%; left: 37%;} .galerie2, .galerie2 .photo { width:auto; height:auto;} .galerie2 .icone { left:42%;}
.partage { float:none; overflow:hidden; height:100%;  width:auto;} .retour { margin-right:10px;} #slider .playVideo { left:35%; top:30%;}
#slider .playVideo img { height:50%; width:50%;} .bgCarousel .etat { display:none;} .tab { display:block; overflow:auto;}
.videoInterne img{ width:100% }

.bgC2{ height:auto; clear:both}


.cellTablet{ float:none; width:auto; margin-right:0}
 


}

@media (max-width: 320px) {.slideshow #carousel, .bgC2 .flex_interne #carousel { width:38%;} .btnContact { padding: 0 5px; font-size: 14px;}.logo { display:none;}
.bgMenu { background: #1c1c1c;} .logo_mobile {position: absolute; top: 4px; left: 4px;display:block;} .logo_mobile img { width:75%;} .list_menu { width:253px;} #slider { height:150px;} #slider .slides { height:150px; }#slider .slides img { height:150px;}#slider .playVideo { left:35%; top:30%;}
#slider .playVideo img { height:50%; width:50%;} .sep_footer { display:none;} .flotte { float:none; width:auto;} .flotte .photo { width: auto; border:#fff solid 5px;}
.flotte .photo { width: auto; border:#fff solid 5px;} .flotte:hover .photo { border:#ddcda7 solid 5px;} .flotte:hover .photo .img_hover { display:none;}
.boxTitle .btn { position:relative;}  .desc_car { font-size: 20px;line-height: 22px;}
.boxsearch { width:155%;} .boxsearch input { width:100%;} .imageEtape { width:auto; height:auto;} .galerie, .galerie .photo { width:100%; height:auto;} .galerie2, .galerie2 .photo { width:100%; height:auto;} }