/* CSS Document */
@font-face {font-family: 'newsgothicsbop-boldconregular'; src: url('../fonts/newsgothicsbop-boldcon-webfont-webfont.eot'); src: url('../fonts/newsgothicsbop-boldcon-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/newsgothicsbop-boldcon-webfont-webfont.woff') format('woff'), url('../fonts/newsgothicsbop-boldcon-webfont-webfont.ttf') format('truetype'), url('../fonts/newsgothicsbop-boldcon-webfont-webfont.svg#newsgothicsbop-boldconregular') format('svg'); font-weight: normal; font-style: normal;}

html,body {height:100%; font-size:16px; min-height:916px;}

/* TYPOGRAPHY */
h1 {font-size:68px; color:#FFF; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;}
h2 {font-size:56px; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase; border-bottom:0.15em solid #000; display:inline-block; padding-bottom:5px;}
h3 {font-size:36px; color:#000; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;}
h4 {font-size:26px; color:#FFF; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase; border-bottom:0.18em solid #fff;}
h5 {font-size:16px; color:#000; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;padding-bottom:0.18em;}
p {font-family: 'Lato', sans-serif; line-height:20px; color:#3b3736; font-size:15px; font-weight: 400;}
label, input, textarea {font-family: 'Lato', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400;}
span.soustitre {font-family:'newsgothicsbop-boldconregular'; line-height:normal; color:#F8991D; font-size:23px; margin:25px 0; display:block; text-transform:uppercase; width:75%;}
li {font-family: 'Lato', sans-serif; font-size:19px; list-style:none;}
a, button {text-decoration:none; color:#FFF; font-family: 'Lato', sans-serif; font-size:15px;}

/* MENU DU HAUT */
#mouseout {position:absolute; width:100%; z-index:999;}

#menutop1 {position:relative; width:100%; background-color:#4f4340; min-height:71px; color:#FFF; padding-top:27px; vertical-align:middle; box-sizing:border-box; }
#menutop1 li {float:left; display:block; text-transform:uppercase; padding-right:15px; border-right:2px solid #FFF; padding-left:15px;}
#menutop1 li:first-child {padding-left:0;}
#menutop1 li:last-child {border-right:0px solid #FFF;}

#menutop1 .mdroite {float:right; display:block; margin-right:38px;}
#menutop1 .mdroite li {float:right;}
#menutop1 .mdroite li:first-child {padding-left:15px;border-right:0px solid #FFF;}
#menutop1 .mdroite li:first-child a {color:#999; cursor:pointer;}
#menutop1 .mdroite li:last-child {border-right:2px solid #FFF;}

#menutop1 .mgauche {display:block; float:left; margin-left:38px;}
#fleche {position:relative; top:0%; width:93px; height:93px; left:0; right:0; z-index:999; top: -15px;}
#contriangle{width:100%; text-align:center; position:absolute;}

#menutop2 {position:relative;width:100%; background-color:#4f4340; color:#FFF; box-sizing:border-box; display:none; z-index:9999;}
#menutop2 a, #menutop2 p {color:#fff; font-size:24px; line-height:normal; font-weight:600;}
#menutop2 span {font-size:16px; font-weight:400;}

/* SECTIONS */
.bgorange {
background: #df6f27; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmNmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk4MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left,  #df6f27 0%, #f8981d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#df6f27), color-stop(100%,#f8981d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,  #df6f27 0%,#f8981d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #df6f27 0%,#f8981d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left,  #df6f27 0%,#f8981d 100%); /* IE10+ */ background: linear-gradient(to right,  #df6f27 0%,#f8981d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6f27', endColorstr='#f8981d',GradientType=1 ); /* IE6-8 */ min-height: 100%; height:auto; width:100%; position:relative; padding-bottom: 55px;  overflow:hidden;}
.bgorange .monsieur {position:absolute; left:55%; bottom:0; height:85%; width:auto; z-index:500;}
.bgblanc {background-color:#fff; min-height:100%; height:auto; width:100%; border-top:20px solid #000;border-bottom:20px solid #000; box-sizing:border-box; padding-top:52px;padding-bottom:7px;}
.fgad .bgblanc {background-color:#fff; min-height:100%; height:auto; width:100%; border:0; box-sizing:border-box; padding-top:52px;}
.bggris {
background: #ddddda; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZGRkZGRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZGRkZGRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5YmFiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  #ddddda 42%, #ddddda 42%, #b9bab8 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(42%,#ddddda), color-stop(42%,#ddddda), color-stop(100%,#b9bab8)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ddddda 42%,#ddddda 42%,#b9bab8 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ddddda 42%,#ddddda 42%,#b9bab8 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ddddda 42%,#ddddda 42%,#b9bab8 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ddddda 42%,#ddddda 42%,#b9bab8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddddda', endColorstr='#b9bab8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
width:100%; box-sizing:border-box; padding:75px 0; position:relative;}
.bggris h1 {color:#000; text-transform:uppercase; border-bottom:5px solid #000; display: inline-block; padding-bottom:15px;}
.bgblanc h2 {border-bottom:0.15em solid #;}

/* SECTION 1 */
#slogan {margin-top:90px; }
#slogan .ptjaune {color:#f6d816; font-size:60px;}
#slogan h1 {border-bottom:0.15em solid #000; padding:15px 0 15px; color:#000;}
#slogan h1 span {font-size:35px;}
#slogan h1 strong {border-top:0.15em solid #000; padding:15px 0 0; display:block; margin-top:15px;}
#slogan p {font-size:15px; width:95%; margin-top:15px; line-height:20px; margin-bottom:11em;}
#menujaune {width:100%; background:#f6d816; min-height:7.5em; position:absolute; bottom:3em; z-index:400; vertical-align:middle;}
#menujaune a {font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase; color:#000; font-size:35px; display:block; float:left; margin:10px 100px 0 0;}
#menujaune a:hover {color:#df6e26;}
#flechebas {position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 10px; z-index:500; cursor:pointer;}

/* SECTION 2 */
.carrecenter {}
.carre {display:none; position:absolute; top:0; top: -63px; background-image:url(../images/forme-milieu.png); background-repeat:no-repeat; width:90px; height:90px;  right:-63px; z-index:999;}
.formationbg:nth-child(2n+3) .carre {display:block;}
.formationbg {background:#4d4442; position:relative; cursor:pointer;}
.formationbg:hover {
background: #df6f27; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmNmYyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk4MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #df6f27 0%, #f8981d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#df6f27), color-stop(100%,#f8981d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #df6f27 0%,#f8981d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #df6f27 0%,#f8981d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #df6f27 0%,#f8981d 100%); /* IE10+ */
background: linear-gradient(to right,  #df6f27 0%,#f8981d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6f27', endColorstr='#f8981d',GradientType=1 ); /* IE6-8 */
}
.formation {min-height:215px;  position:relative;}
.formation h4 {width:100%; padding-bottom:0.4em; margin-bottom:0.4em;}
.formation p {color:#fff;}

/* SECTION 3 */

/* FOOTER */
#bgtopfooter {width:100%; background:url(../images/bgtopfooter.png) no-repeat top center; height:28px;}
#footer {width:100%; background-color:#4b4241; min-height:295px; bottom:0;}
#footer img {width: 100%; max-width: 288px;}
#footer p  {color:#fff; text-align:center; font-size:14px}
#footer p.copyright, #footer p.copyright a {color:#fff; font-size:10px;}
#footer p.copyright a:hover {text-decoration:underline;}



/* SLIDER */
bjqs #my-slideshow {height:auto!important;}
#my-slideshow p {text-align:justify;}
#my-slideshow a.inscription {display:block; color:#000; border-top:0.15em solid #000;border-bottom:0.15em solid #000; padding:10px 0; text-align:center; font-size:36px; margin-top:15px; font-family:'newsgothicsbop-boldconregular'; }
.tricheg, .triched {position:absolute; z-index:999;}
.tricheg {left:0%; top:30%;}
.triched {right:0%;top:30%;}


/* Accordeon */
.textescours {margin:1.5%;}
.textescours ul {margin:10px 0 0 0;}
.textescours ul li{ padding-left:25px; padding-bottom:5px;font-family: 'Lato', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400; background-image:url(../images/bg-list.png); background-repeat:no-repeat; background-position:left 5px;}
.textescours li ol {margin:5px 0 0 0;}
.textescours li ol li{padding-left:0px; margin-left:15px;font-family: 'Lato', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400; list-style:decimal; background:none;}
.textescours h3{color:#3b3736; background:none; border:none; border-bottom:0.15em solid #3b3736; display:block;  width:100%; margin-top:25px; font-size:28px;}
.textescours h4{width:40%; margin-top:15px;}
.accordion div{padding-top:15px;}
.textescours h3:first-child{margin-top:0;}
h3.active {color:#d46e26; border-bottom:0.15em solid #d46e26;}

/* FORMULAIRE CONTACT */
#contact-form textarea {border:1px solid #666; width:100%; max-width:100%; margin-bottom:5px; height:80px; padding-left:5px; padding-top:5px;}
#contact-form h2 {font-size:33px; margin-bottom:15px; display:block;}
#contact-form p {line-height:23px;}


/* FORMULAIRE */
.formulaire {background-color: #fff; z-index: 9999; margin:0 auto; max-width:960px; z-index:9999; width:90%;}
.formulaire h4  {color:#000;}
.formulaire h5  {margin-bottom:10px;}
.formulaire h2.numform  {border-bottom:0px; float:right; color:#666;}
.formulaire input, .formulaire select  {border:1px solid #666; width:170px; margin-bottom:5px;}
.formulaire label  {font-size:13px; width:200px; float:left;}

div#sexe {margin:25px 0; /*float:none!important;*/}
div#sexe input {width:auto; margin:0 15px;}
div#sexe label {float:right;}

.formulaire {text-align:left;}
.formulaire p {text-align:left; float:left; clear:both;}
.formbas {opacity:1;background-color:#df6e26!important; height:40px;}
a, input[type="submit"] {border:none; background:none; width:auto; cursor:pointer;}
.formd {text-align:left;}
.formd a{margin:12px 0 6px 10px; margin-right: 10px; display:block;}
.formg {cursor:pointer;}
.formulaire input.error { background-color:#f6d816;}
.formulaire select.error { border:3px solid #f6d816;}
.formulaire label.error {display:none!important;}
#blocpaiement {margin:25px 0 12px 0; float:none!important;}
#choixcours .elec, #choixcours .plomb, #choixcours .connex {display:none;}
.optionpale {color:#CCC!important;}

.close-form,  .next-form { text-transform:uppercase; }
.close-form {bottom: 12px; left: 10px; cursor: pointer; }

.formbas {opacity:1;background-color:#df6e26; height:40px; margin:0!important; padding:0; width:50%!important;}
.formbas input[type="submit"] {margin-top:12px; margin-right:10px; font-size: 15px; color:#fff; display:block; background:none; border:none; float:right; -webkit-appearance: none; -webkit-border-radius: 0;}
input { -webkit-appearance: none; -webkit-border-radius: 0;}

#form1 {display:block;}
#form2 {display:none;}

#overlay #datemois, #overlay #dateannee {width:19%;}

.sliderfgad {background-color:#0CF; min-height: 100%; width:100%; position:relative;}



.bg-obtiens {background-image:url(../images/bg-obtiens.jpg); background-repeat:no-repeat; background-size:cover; text-align:center; min-height:241px;}
.bg-obtiens h2 {color:#fff; border:0; padding-top:85px; font-family: 'bebas_neueregular'; line-height:normal; font-size:80px;}

.listecours {padding-top:55px; font-family: 'Lato', sans-serif; font-weight:bold; }
.listecours .cours a {display:block; width:100%; height:100%;}
.listecours p {font-size:18px; line-height:normal; margin-bottom:15px; }
.listecours span {font-family: 'Lato', sans-serif;  font-weight:700;}
.listecours .cours:hover{background-color:#fff;}
.listecours  .cours:hover p, .listecours .cours:hover span {color:#900;}
.cours {background-color:#900; position:relative; min-height:95px;}
.cours p {color:#FFF; width:88%; font-size:26px; text-transform:uppercase;  margin-bottom:0;}
.cours span { vertical-align:bottom; position:absolute; right:5%; bottom:10%; color:#FFF; font-weight:bold; font-size:30px;}

h2.actualites {color:#00A8CF;}
.blocactu {padding:15px; background:#fff;}
.boutonfgad {background:#0CF; padding:15px; text-transform:uppercase; display:inline-block; margin-top:15px; font-family: 'bebas_neueregular'; font-size:20px;}
.boutonfgad1 {padding:15px; text-transform:uppercase; display:inline-block; margin-top:15px;}
.boutonfgad2 {background:#900; padding:15px; text-transform:uppercase; display:inline-block!important; margin-top:15px;}
.blocvid {width:100%; height:408px; background:url(../images/videobg.png) no-repeat; margin-top:17%;}
.facebook {text-align:center;}

.tricheg-mob, .triched-mob {display:none;}

.clicknext {background-image:url(../images/sprite-nextprec.png); background-position:50px 0; width:50px; height:172px; cursor:pointer;}
.clickprec {background-image:url(../images/sprite-nextprec.png); background-position:0px 0; width:50px; height:172px;cursor:pointer;}

.contact {position:relative; z-index:9999;}
.menuclique {display:block; width:600px; margin: 0 auto; top:0; left: 0; right: 0; position: absolute; height:100%; cursor:pointer;}

/* MENU MOBILE */
.slicknav_menu {display:none;}
#menu-mobile {display:none;}

.onlymobile {display:none;}
.pasmobile {display:inline-block;}

/* RESPONSIVE */
@media (max-width:1500px) {
.carre {right:-61px!important;}
}
@media (max-width:950px){
 body{ -webkit-text-size-adjust: none;}
.carre, .monsieur {display:none!important;}
.tricheg, .triched {display:none;}
.tricheg-mob, .triched-mob {position:absolute; z-index:999; display:block;}
.tricheg-mob .clickprec, .triched-mob .clicknext {background-image:url(../images/sprite-nextprec_mobile.png);width: 50px;height: 80px;}
.tricheg-mob .clickprec {background-position: 0 0;}
.triched-mob .clicknext {background-position: 50px 0;}
.tricheg-mob {left:25%; top:2%;}
.triched-mob {right:25%;top:2%;}
#menujaune {position:inherit; top:0;}
.contact-mobile {text-transform:uppercase;}
#menutop2 .grid_4 {padding-bottom:0;}

.grid_1, .grid_2 {width:47%!important; transition:1s all;}
.grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width:97%!important;margin:1.5%!important; transition:1s all;}
.group_1, .group_2 {width:50%!important; transition:1s all;}
.group_3, .group_4, .group_5, .group_6, .group_7, .group_8, .group_9, .group_10, .group_11, .group_12 {width:100%!important; transition:1s all;}
.group_3 .grid_1, .group_3 .grid_2, .group_3 .grid_3, .group_3 .grid_4, .group_3 .grid_5, .group_3 .grid_6, .group_3 .grid_7, .group_3 .grid_8, .group_3 .grid_9, .group_3 .grid_10, .group_3 .grid_11, .group_3 .grid_12 {margin:1.5%!important; transition:1s all;}

/*.bggris {padding:105px 0;}*/
#menutop2 a, #menutop2 p {font-size: 19px; }

#overlay .formulaire input, #overlay .formulaire select {width:95%;}
#overlay .formulaire {width:80%; padding:5%;}
#overlay .formulaire .grid_4, #overlay .formulaire .grid_8 {padding:0;}
#overlay .formbas {padding:0!important; /*width:96%!important;*/ position:relative;}
.formbas {background:#df6e26;}
#overlay .formd  {text-align:center;}
#overlay .formd a {display:inline-block; margin-left:0;}
.formbas input[type="submit"] {margin-right:0; width:100%!important}
#overlay a {text-align:center; display:inline-block; vertical-align:top;zoom:1; *display:inline; box-sizing: border-box;}

#contact-form .formulaire input, #overlay .formulaire select {width:inherit;}
#contact-form .formulaire {width:80%; padding:5%;}
#contact-form .formulaire textarea{width:97%; padding:5%;}
#contact-form .formulaire .grid_4, #overlay .formulaire .grid_8 {padding:0;}
#contact-form .formbas {padding:0!important; /*width:96%!important;*/ position:relative;}
#contact-form  .formbas {background:#df6e26;}
#contact-form .formd  {text-align:center;}
#contact-form .formd a {display:inline-block; margin-left:0;}
#contact-form .formbas input[type="submit"] {margin-right:0; width:100%!important}
#contact-form a {text-align:center; display:inline-block; vertical-align:top;zoom:1; *display:inline; box-sizing: border-box;}

.onlymobile {display:block;}
.pasmobile {display:none;}

.textescours, .slideblock {padding-top:0%!important; padding-bottom:0%!important;}

.formation {min-height:inherit;}
}
@media (max-width:320px) {
#slogan h1 {font-size:35px; line-height:normal;}
#slogan h1 span {font-size:20px;}
#slogan h1 strong { line-height:35px;}
#slogan .ptjaune {font-size:56px;}
#slogan p {width:100%;}
#trianglemenu {width:73px; height:38px;}
#menutop1 { min-height:30px; }
#menutop1 ul.mgauche, #menutop1 ul.mdroite  { display:none }
#menutop2 { display:none;  padding-top:0; padding-bottom:27px;}
#menu-mobile { display:block; }
#menutop2 .mbas {margin-left:38px; text-transform:uppercase;}
#menutop2 .mbas li{float:none;  padding:15px 0;}
.bgorange{min-height:950px;}
#my-slideshow h2 {font-size:26px;}
#my-slideshow a.inscription {font-size:26px;}
.textescours h3 {font-size:26px;}
#overlay h2{font-size:26px;}
h2{font-size:30px;}
.accordion {padding-top:25px;}
.bjqs-wrapper {margin-top: 20%; }
.formulaire { -webkit-overflow-scrolling: touch; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {padding: 5%;}
#overlay .formbas {background:#fff!important; height:80px;}
}
@media (min-width:480px) and (max-width:639px) {
.bgorange{min-height:420px!important;}
}
@media (min-width:320px) and (max-width:479px) {
.bgorange{min-height:920px;}
}
@media (min-width:320px) and (max-width:639px) {
#slogan h1 {font-size:35px; line-height:normal;}
#slogan h1 span {font-size:20px;}
#slogan h1 strong {line-height:35px;}
#slogan .ptjaune {font-size:56px;}
#slogan p {width:100%;}
#menutop1 {min-height:30px;}
#trianglemenu {width:73px; height:38px;}
#menutop1 ul.mgauche, #menutop1 ul.mdroite  { display:none }
#menutop2 {display:none;  padding-top:0; padding-bottom:27px;}
#menu-mobile {display:block; }
#menutop2 .mbas {margin-left:38px; text-transform:uppercase;}
#menutop2 .mbas li{float:none;  padding:15px 0;}
#slogan {margin-top:38px;}
#my-slideshow h2 {font-size:26px;}
#my-slideshow a.inscription {font-size: 26px;}
.bgorange{min-height:920px;}
#menujaune {bottom:5%; top:inherit;}
.textescours h3 {font-size:26px;}
#overlay h2{font-size:26px;}
h2{font-size:26px;}
.accordion {padding-top:25px;}
.bjqs-wrapper {margin-top: 20%; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {padding: 5%;}
#menujaune a {font-size:26px;}
.bggris{padding-top:45px!important;}

}
@media (min-width:321px) and (max-width:475px) {
/*.bgorange{height:1100px;}
#menujaune {top:75%;}*/
}
@media (min-width:200px) and (max-width:462px) {
#menujaune a:first-child {border-bottom:0.15em solid #000; }
#menujaune a {text-align:center;display:block; width:100%; padding:10px 0;}
}
@media (min-width:463px) and (max-width:700px) {
.bg-ligne {background:url(../images/ligne-sep.png) no-repeat center center; padding-top:0%; padding-bottom:0%;}
#menujaune a:first-child {float:left; }
#menujaune a {display:block;  margin:10px 30px 10px 0!important; float:right; clear:none; width:auto; font-size:25px;}
#menujaune { position:static; padding:0 4%; box-sizing: border-box; height:auto; min-height:0;}
}
@media (min-width:640px) and (max-width:959px) {
#slogan p {width:100%;}
#my-slideshow h2 {font-size:40px;}
}
@media (max-width:855px) {
#trianglemenu {width:73px; height:38px;}
#menutop1 { min-height:30px; }
#menutop1 ul.mgauche, #menutop1 ul.mdroite  { display:none }
#menutop2 { display:none; }
#menu-mobile { display:block; }
#menutop2 .mbas {margin-left:38px; text-transform:uppercase;}
#menutop2 .mbas li{float:none; }
#flechebas {display:none;}
.fermerx {position:absolute; right:5%; top:-1%; background:#df6e26; padding:5px; color:#fff; cursor:pointer; font-family:'newsgothicsbop-boldconregular'; font-size:15px;}
}
@media (max-width:1085px) {#menujaune a {margin: 10px 30px 0 0;}}
@media (min-width:960px) and (max-width:1279px) {
#slogan h1 {font-size:46px;}
#slogan h1 span {font-size:35px;}
#slogan .ptjaune {font-size:46px;}
.tricheg {left:1%; top:30%;}
.triched {right:1%;top:30%;}
.bgorange .monsieur {left:55%; transition:1s all; max-height:755px;}
}
@media (max-width:959px) {
.bgorange .monsieur {display:none;}
#slogan p {margin-bottom:25px;}
}
@media (min-width:1280px) and (max-width:1599px) {
#slogan h1 {font-size:56px;}
}
@media (min-width:1600px) {}
@media (min-width:1920px) {}