/* 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;}
@font-face {font-family: 'bebas_neueregular'; src: url('../fonts/BebasNeue-webfont.eot'); src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/BebasNeue-webfont.woff') format('woff'),url('../fonts/BebasNeue-webfont.ttf') format('truetype'),url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BebasNeueBook';src: url('../fonts/BebasNeueBook.eot?') format('eot'), url('../fonts/BebasNeueBook.otf')  format('opentype'),url('../fonts/BebasNeueBook.woff') format('woff'), url('../fonts/BebasNeueBook.ttf')  format('truetype'),url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');}
@font-face { font-family: 'marine_upblack'; src: url('../fonts/../fonts/tipotype_-_marineup-black-webfont.eot'); src: url('../fonts/../fonts/tipotype_-_marineup-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tipotype_-_marineup-black-webfont.woff') format('woff'), url('../fonts/tipotype_-_marineup-black-webfont.ttf') format('truetype'), url('../fonts/tipotype_-_marineup-black-webfont.svg#marine_upblack') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'marine_up_regularregular'; src: url('../fonts/tipotype_-_marineup-webfont.eot'); src: url('../fonts/tipotype_-_marineup-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tipotype_-_marineup-webfont.woff') format('woff'), url('../fonts/tipotype_-_marineup-webfont.ttf') format('truetype'), url('../fonts/tipotype_-_marineup-webfont.svg#marine_up_regularregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'marine_uplight'; src: url('../fonts/tipotype_-_marineup-light-webfont.eot'); src: url('../fonts/tipotype_-_marineup-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tipotype_-_marineup-light-webfont.woff') format('woff'), url('../fonts/tipotype_-_marineup-light-webfont.ttf') format('truetype'), url('../fonts/tipotype_-_marineup-light-webfont.svg#marine_uplight') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'marine_upbold'; src: url('../fonts/tipotype_-_marineup-bold-webfont.eot'); src: url('../fonts/tipotype_-_marineup-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/tipotype_-_marineup-bold-webfont.woff') format('woff'), url('../fonts/tipotype_-_marineup-bold-webfont.ttf') format('truetype'), url('../fonts/tipotype_-_marineup-bold-webfont.svg#marine_upbold') format('svg'); font-weight: normal; font-style: normal;}

html, body {height:100%; font-size:16px; z-index: -1; position: relative;}

/* TYPOGRAPHY */
h1 {font-size:70px; color:#fff; font-family: 'marine_uplight'; text-transform:none; font-weight: 400;}
h2 {font-size:60px; color:#fff; font-family: 'marine_upbold'; display:inline-block; padding-bottom:5px; font-weight: normal;}
h3 {font-size:32px; color:#fff; font-family: 'marine_uplight'; font-weight:lighter;}
h4 {font-size:26px; color:#fff; font-family:'newsgothicsbop-boldconregular';}
h5 {font-size:16px; color:#000; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;padding-bottom:10px;}
table, p {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400;}
table th {text-transform:uppercase;}
table td {padding:10px 0;}
table tr:last-child td {padding:10px 0;}
label, input {font-family: 'Open Sans', 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%;}
ol li {font-family: 'Open Sans', sans-serif; font-size:13px; list-style:none; margin-bottom:12px; text-indent: -1em; margin-left: 1em;}
ol li:first-child {font-family: 'Open Sans', sans-serif; font-size:13px; list-style:none; margin:12px 0; text-indent: -1em; margin-left: 1em;}
ul li {font-family: 'Open Sans', sans-serif; font-size:13px; list-style:none; }
a, button {text-decoration:none; color:#FFF; font-family: 'marine_uplight';  font-size:22px;}


/* MENU DU HAUT */
#mouseout {position:fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); width:100%; z-index:9999; height:70px;}
#menutop1 {position:relative; width:100%; background-color:#4f4340; min-height:71px; color:#FFF; padding-top:27px; vertical-align:middle; box-sizing:border-box; z-index:99999;}
#menutop1 li {float:left; display:block; text-transform:uppercase; padding-right:15px; border-right:2px solid #FFF; padding-left:15px;}
#menutop1 li a {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; font-size:18px;}
#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; margin:0 auto; width:93px; height:47px; z-index:9997; display:block; left:0; right:0; text-align:center;}

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

.fermerx {position:absolute; right:1%; top:-3%; background:#F15A48; padding-top:5px; width:25px; height:25px; text-align:center; color:#fff; cursor:pointer; font-family:'newsgothicsbop-boldconregular'; font-size:15px; box-sizing:border-box;}

.strecher {width: 100%;  display: inline-block; font-size:0; line-height:0;}

/* SECTIONS */
body, html {height:100%;}
.nocenter {text-align:left!important;}
#bg-fp {min-height: 400px; background-image:url(../images/madamefonce.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center; text-align:center; position:relative; z-index:5;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/madamefonce.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/madamefonce.jpg', sizingMethod='scale')";
-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}

#bg-fp.fixe {min-height: 800px; height:100%; padding-bottom:55px;}
#bg-fp.opacity {background-image:url(../images/madamefonceopacity.jpg); background-attachment: fixed;  
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/madamefonceopacity.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/madamefonceopacity.jpg', sizingMethod='scale')"; min-height:1000px;}
#bg-fp.opacity h1 {padding-top:0;}
#bg-fp.opacity #mouseout {position:inherit!important;}
.cycle-slide {display:none!important; position:static!important;}
.cycle-slide-active {display:inline!important;}
#bg-fp h1.ombre {position:relative; padding-bottom:10%; text-shadow: 2px 0 15px #000; font-size:85px; color:#fff; font-family: 'marine_upbold'; text-transform:none; font-size:85px;} 
#bg-fp h1.ombre span {position:relative; padding-top:15%; font-family: 'marine_up_regularregular'; font-size:75px;}
#bg-fp .btn-home {font-size:20px; text-transform:uppercase; max-width:390px; width:100%; height:50px; background-image:url(../images/bg-btn-home.png); background-size:100%; background-repeat:no-repeat; display:block; background-position:center; padding: 15px; box-sizing: border-box; margin:5px auto; z-index:9994;}
#bg-fp .grp-btn { position:absolute; left:0; right:0; margin:0 auto; bottom:10%;}
.btn-fp.btn-space-bas {margin-bottom:40px;}
.btn-fp {font-size:20px; text-transform:uppercase; margin:10px auto; max-width:390px; width:100%; height:50px; border:1px solid #fff;padding: 15px; box-sizing: border-box; display:block;}
.btn-fp-orange {border:1px solid #F15A48; color:#F15A48; font-size:18px; margin:10px auto; width:100%; min-height:50px; padding: 15px; box-sizing: border-box; display:block;}
.btn-fp-orange:hover {border:1px solid #F15A48; background:#F15A48; color:#FFF;}
.btn-fp:hover { opacity:0.7;}
.menucollant {background:url(../images/bg-menucollant.png) repeat-x center; width:100%; height:95px; margin-top:-20px; -webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0); z-index:6;  min-width:960px;}
.menucollant ul {text-align:center; max-width:1200px; text-align:justify; margin:0 auto; -ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines; box-sizing:border-box; padding:0 2%; }
.menucollant li {display:inline-block; margin-top:7px; width:auto; *display: inline; zoom: 1; padding:0 0; text-align: center; line-height:normal;}
.menucollant li a {text-transform:uppercase; color:#413633; font-size:18px; font-weight:700;}
.menucollant li a:hover {color:#F15A46;}
#pascolle.menucollant {position:relative; margin-top:0; z-index:9955;margin-top: -75px; }
#pascolle.menucollant ul{margin-top: 15px;}
#pascolle.menucollant ul li{margin-top: 25px;}
.colle #sticky {top:70px!important; z-index:999;}
.isStuck {top:80px!important; z-index:9988;}
.strecher {width: 100%;display: inline-block;font-size: 0;line-height: 0;}
.bgrose {height:auto; min-height:100%; background:url(../images/bg-rose.png) repeat-x; background-color:#F15A48; margin-top:-15px!important;}

/* SECTION 1 FORMATIONS */
.listformations h2 {color:#73B4BC; line-height:1em; margin-top:5%;}
.listformations h2 span { font-size:35px; text-transform:uppercase; color:#413633;  font-family: 'marine_up_regularregular';}
.formation { background:#fff; width:100%; border-radius: 35px; -moz-border-radius: 35px;  -webkit-border-radius: 35px; behavior: url(/PIE.htc); position: relative; z-index: 0;}
.formation2 {border:1px solid #fff; width:100%; border-radius: 35px; -moz-border-radius: 35px;  -webkit-border-radius: 35px;padding: 20px 20px 20px 20px; behavior: url(/PIE.htc); position: relative; z-index: 0;}

.formation:before {
  content: '.';
  overflow: hidden;
  visibility: hidden;
  font-size: 0px;
  line-height: 0;
  width: 0;

  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* POUR CENTER LE TEXTE VERTICALEMENT */
.formation > div  {display:inline-block; vertical-align:middle;  }
.formation > div.cont-img  {display:inline-block; vertical-align:top; width:100%; }
/*.formation > div:last-child {height:100%;}*/
	/* */
.formation a { color:#fff; font-size:32px; line-height:normal; font-family: 'marine_up_regularregular'}
.formation:hover {background:#fff;}
.cours-1,.cours-2, .cours-3, .cours-4, .cours-5, .cours-16 {background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff;}
.cours-1 { background-image:url(../images/5231-B.jpg); }
.cours-2 { background-image:url(../images/5212-B.jpg); }
.cours-3 { background-image:url(../images/5227-B.jpg);}
.cours-4 { background-image:url(../images/52125231-B.jpg);}
.cours-5 { background-image:url(../images/5357-B.jpg);}
.cours-16 {background-image: url(../images/5374-B.jpg);}
.formation:hover a{color:#73B4BC;}
.listformations .desc p {line-height:25px; color:#fff;}
.desc div{margin-top:25px;}

/* SECTION 2 VIDÉOS */
.bgblanc {margin:75px 0;}

/* SECTION 3 ACTUALITÉS */
.bgactualites {height:auto; min-height:400px; background-color:#73B4BC; padding-top:50px;}
/*.bgactualites .formation { background:url(../images/bg-actualite.png) no-repeat center; height:215px;}*/
.bgactualites .formation { border:1px solid #fff; border-radius:30px; background:none; width:100%; box-sizing:border-box; font-size:0px; overflow:auto;}
.bgactualites .formation-textimg { border:1px solid #fff; border-radius:30px; height:50px; background:none; width:215px; box-sizing:border-box; }
.bgactualites .formation img { height:auto; background:none; box-sizing:border-box; width:100%; }

.bgactualites .formation:hover { background-color:#fff; }
.bgactualites .formation:hover p, .bgactualites .formation:hover h4 {color:#73B4BC;}
.bgactualites .formation p {font-size:15px; color:#fff; width:195px;}
.bgactualites .formation .cont-img {max-height: 155px;  width:100%; text-align:center; display:inline-block; vertical-align:top; }


.bgactualites .formation .cont-img + div > .actudesc { display:none; }
.bgactualites .formation .cont-img + div > h4 { position:absolute; bottom:0px; padding:10px 0; left:0px; width:100%; background-color:#73B4BC; }
.bgactualites .formation:hover .cont-img + div > h4{  color:#73B4BC; background-color:#FFF;  }

.accordion h3 { cursor: pointer; }

#mediasociaux li a {background-image:url(../images/sprite-sociaux.png); background-repeat:no-repeat; width:35px; height:37px; display:block; background-position:0 0;}
#mediasociaux li a.tw {background-position:-36px 0;}
#mediasociaux li a.pin { background-position:-71px 0;}
#mediasociaux li a.gp {background-position:-107px 0;}
#mediasociaux li a:hover {background-image:url(../images/sprite-sociaux.png); background-repeat:no-repeat; background-position:0 -36px;}
#mediasociaux li a:hover.tw {background-position:-36px -36px;}
#mediasociaux li a:hover.pin { background-position:-71px -36px;}
#mediasociaux li a:hover.gp {background-position:-107px -36px;}
#mediasociaux li {font-size:18px; float:left; margin-right:15px;}
#mediasociaux {width:200px; margin:0 auto;}
.follow-fb img{margin:100px 0 50px 0;}

/* PAGE DE COURS */
.pagecours {background:#fff; margin-bottom:100px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); border-bottom:20px solid #F15A48;}
.pagecours h3 {color:#F15A48; font-size:1.2em;width:auto;/* display:inline; margin-right:15px;*/ display: inline-block; padding-right: 25px; background:url(../images/fleche-form-debout.png) no-repeat right;  margin-top:25px;}
.pagecours h4 {color:#F15A48; font-size:1.2em; font-family: 'marine_uplight'; font-weight: lighter; margin-top:25px;}
.pagecours p {line-height:20px;}
.pagecours div{}
.imgcours {border-radius:20px; margin-top:-30px; background:url(../images/img-cours.jpg) no-repeat center;width:100%;height:100%; display:block; min-height:266px;}
.pagecours .s-titre-table {color:#F15A48; margin:10px 0 5px;}
.pagecours ul li {list-style:disc; list-style-postion:inside; padding:5px 0;margin-left: 1em; color:#3b3736;}
.pagecours ul {margin: 5px 0;}
table.lst-cours { width:100%;}
table.lst-cours td img {height:12px; width:12px;}
.tbltitre th {border-top:1px solid #73b5bd; vertical-align: middle; text-align: left;}
table.lst-cours td {border-top:1px solid #73b5bd;}
.lst-cours:last-of-type {border-bottom:1px solid #73b5bd;}
.extrainfo {width: 100% !important;}
p a {color:#F15A48; font-size:inherit;}
.pagecoursNormal {background:none; font-size:initial}

/* PAGE D'OUTILS */
.pageoutils {background:#fff; margin-bottom:100px; -webkit-backface-visibility: hidden; border-bottom:20px solid #F15A48;}
.pageoutils h4 {color:#F15A48; font-family: 'marine_uplight'; font-weight: lighter; margin:25px 0;}
.pageoutils h5 {color:#F15A48; font-size:1.1em; font-family: 'marine_uplight'; font-weight: lighter; margin-bottom:0px; text-transform:none; padding-bottom:0;}
.pageoutils a {color:#3b3736; font-size:1em; padding-top:5px; display:block; padding-top:5px; padding-bottom:5px;}
.pageoutils p {line-height:20px;}
.pageoutils div{}
.contenuoutils {margin-bottom:20px;}
.imgcours {border-radius:20px; margin-top:-30px; background:url(../images/img-cours.jpg) no-repeat center; display:block;width:100%;height:100%; min-height:266px;}
.pageoutils .s-titre-table {color:#F15A48; margin:10px 0 5px;}
.pageoutils ul li {list-style:disc;list-style-postion:inside; padding:5px 0;margin-left: 1em; color:#3b3736;}
.pageoutils ul {margin: 5px 0;}

/* FOOTER */
#bgtopfooter {width:100%; background:url(../images/bgtopfooter-tran.png) no-repeat center; height:23px; margin-top:-23px; background-size:cover; position:relative;	z-index:899; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgtopfooter-tran.png',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgtopfooter-tran.png', sizingMethod='scale')";
}
#footer {width:100%; background-color:#4e413e; 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; font-family:'Open Sans', sans-serif;}
#footer p.copyright a:hover {text-decoration:underline;}

/* FORMULAIRE */
#overlay  {background-color: #fff; position: relative; margin-bottom:125px; max-width:960px; min-width:960px; padding-bottom:0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}
.overlayhack  {background-color: #fff; position: relative; margin-bottom:50px; max-width:960px; min-width:960px; padding-bottom:0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}

.formulaire {text-align:left; width:97%;}
.formulaire p, .numerotation p, .formulaire ol li  {line-height:normal; clear:both; font-size:14px;}
.numerotation p {color:#fff; font-size:25px;}
.formulaire p.soustitre {font-weight:800; padding-bottom:5px;}
.formulaire p span {font-size:18px; color:#F15A48;  display:block; padding-top:20px;}
.formulaire a {color:#F15A48; display:block; font-size:16px; font-family: 'marine_uplight';}
.formulaire p a {color:#F15A48; display:block; font-size:14px; font-family: 'marine_uplight';}
.formulaire .titre  {color:#000; font-size:25px;}
.formulaire .titre.orange  {color:#F15A48;}
.formulaire h2.numform  {border-bottom:0px; float:right;}
.formulaire .spacehaut  {padding-top:15px;}
.formulaire .spacehautbas  {padding:15px 0;}
.formulaire label {font-size:13px; width:210px; float:left;}
.formulaire table label  {float:none;}
.formulaire input {border:1px solid #7cbdd8; width:200px; margin-bottom:5px; border-radius:5px; /*color:#73B4BC*/ width:194px; color:black; padding-left:4px; background:none;}
.formulaire formIN td {border-bottom:1px solid #73B4BC; border-top:1px solid #73B4BC; padding:10px 0;}
.formulaire formIN input[type="checkbox"] {width:auto;}
.formulaire formIN input[type="submit"], input[type="button"] {font-family: 'marine_uplight'; cursor:pointer;}
.next-form {font-family: 'marine_uplight'; cursor:pointer;}
.formulaire a#close {cursor:pointer; width:90px;}
.formulaire input:focus {background:#fff;}
.formulaire .upload input {display: block !important; width: 200px;}
.formulaire ol li {list-style:decimal; list-style-position:inside;}
.formulaire ol li {list-style:decimal; list-style-position:inside;}
.formulaire .labelclear {clear:both;}
.formulaire span.labelclear {font-size:11px; color:#3b3736; padding-top:0; padding-bottom:10px;}
.connexion label {text-transform:uppercase;}
.numerotation {background-color:#F15A48; border-radius:50%; width:58px; height:58px; display:block; position:absolute; right:5%; top:1px; text-align:center;}
.numerotation > div  {display:inline-block; vertical-align:middle  }
.numerotation > div:last-child {height:100%;}
#txt_TelTravail {width: 98px;}
#txt_TelCellulaire {width: 98px;}
#txt_TelPoste {width: 40px;}
#lbl_TelPoste {float:none;}
#dropDown_MoisExpiration_chosen {width:70px!important;}
#dropDown_AnneeExpiration_chosen {width:100px!important;}

/* code custom pour modifier les checkbox */
/* Base for label styling */
label.custom {width:auto;}


[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px;}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {position: relative; padding-left: 10px; cursor: pointer; height: 9px; width: 9px; float:left;}
#reprise[type="checkbox"]:not(:checked) + label, #reprise[type="checkbox"]:checked + label {padding: 5px 5px 0 0; padding-top:5px;}
#atteste[type="checkbox"]:not(:checked) + label, #atteste[type="checkbox"]:checked + label {padding: 5px 5px 0 0;}
#respecte[type="checkbox"]:not(:checked) + label, #respecte[type="checkbox"]:checked + label {padding: 5px 5px 0 0;}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; background:url(../images/checkbox-vide.png) no-repeat center; position: absolute; width: 9px;  height: 9px;}
/* checked mark aspect */

#reprise[type="checkbox"]:not(:checked) + label:after, #reprise[type="checkbox"]:checked + label:after { content: '✔'; background:url(../images/checkbox-plein.png) no-repeat center; position: absolute; font-size: 14px; width: 9px; height: 9px; top: 0; color: transparent; transition: all .2s; padding: 9px 0px 0 0;}
#respecte[type="checkbox"]:not(:checked) + label:after, #respecte[type="checkbox"]:checked + label:after { content: '✔'; background:url(../images/checkbox-plein.png) no-repeat center; position: absolute; font-size: 14px; width: 9px; height: 9px; top: 0; color: transparent; transition: all .2s; padding: 9px 0px 0 0;}
#atteste[type="checkbox"]:not(:checked) + label:after, #atteste[type="checkbox"]:checked + label:after { content: '✔'; background:url(../images/checkbox-plein.png) no-repeat center; position: absolute; font-size: 14px; width: 9px; height: 9px; top: 0; color: transparent; transition: all .2s; padding: 9px 0px 0 0;}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; background:url(../images/checkbox-plein.png) no-repeat center; position: absolute; font-size: 14px; width: 9px; height: 9px; top: 0; color: transparent; transition: all .2s;}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0);}
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}
[type="checkbox"]:disabled:checked + label:after {color: #999;}
[type="checkbox"]:disabled + label {color: #aaa;}
/* accessibility */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted blue;}
/* */

/* Base for radio styling */


input[type=radio] { display: none;  }
label.radiocus {  display: inline-block;  cursor: pointer;  position: relative;  padding-left: 20px; height:13px; width:auto;}
label.radiocus:before {  content: "";  display: inline-block;  background:url(../images/checkbox-vide.png) no-repeat center;    width: 16px;  height: 16px;  margin-right: 10px;  position: absolute;  left: 0; }
label.checkreprise {  display: inline-block;  cursor: pointer;  position: relative;  padding-left: 20px!important;  margin-right: 15px;  width:auto;}
label.checkreprise:before {  content: "";  display: inline-block;  background:url(../images/checkbox-vide.png) no-repeat center;    width: 16px;  height: 16px;  margin-right: 15px;  position: absolute;  left: 0; padding-left:30px!important;}
input[type=radio]:checked + label:before {  content: "\2022";  background:url(../images/checkbox-plein.png) no-repeat center;    color: transparent;  font-size: 30px;  text-align: center;  line-height: 18px;  }
/* */

/* code custom pour modifier le input file */
input.file {
	width: 150px;
	height: 20px;
	color: #888;
	padding: 5px;
	border-radius: 5px;
	outline: none;
}

div.file_upload {
	width: 80px;
	height: 24px;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

	display: none;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}
div.file_upload:before {
	content: 'UPLOAD';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	cursor: pointer;
}

div.file_upload input {position: relative; height: 30px; width: 250px; display: inline; cursor: pointer; opacity: 0;}
/* */

.connexion {border-top:1px solid #F15A48;border-bottom:1px solid #F15A48; margin-top:10px; padding:10px 0;}
.connexionExamen {border-top:1px solid #F15A48;border-bottom:1px solid #F15A48; margin-top:10px; padding:10px 0;}
#hideconnexion img {width:23px;}

.formbas {
opacity: 1;
background-color: #F15A48;
height: 40px;
margin: 0!important;
padding: 0;
width: 50%!important;
}/*
.formbas {opacity:1;background-color:#F15A48!important; height:40px; margin:0!important; padding:0; width:100%!important;}*/
.formbas input[type="submit"], input[type="button"] {margin-top:12px; margin-right:10px; font-size: 18px; color:#fff; display:block; background:none; border:none; float:right; font-weight:bold}
#overlay input[type="submit"], input[type="button"] {border:none; background:none; width:auto;}
.formulaire input.error {border: 1px #F00 solid; background-color:#FFE1E1;}
.formulaire label.error {font-size:0.7em;color:red; width:100%; display: block; text-align: right; padding-right: 0; box-sizing: border-box; margin-bottom:15px;}
.formd a {color:#fff;}

#form1 {display:block;}
#form2 {display:none;}
#form3 {display:none;}
#form4 {display:none;}
#form5 {display:none;}
#form6 {display:none;}
#form7 {display:none;}

#examen-connection {display:block;}
#examen-form1 {display:none;}
#examen-form2 {display: none;}

#datemois, #dateannee {width:130px;}

#formcontact {background:#fff;  text-align:left;}
#formcontact h3{color:#F15A48;}
#formcontact input[type="submit"] {width:auto;}

#examen-form1, #examen-form2 {background:#fff; text-align:left;}
#examen-form1 h3, #examen-form2 h3{color:#F15A48;}
#examen-form1 input[type="submit"], #examen-form2 input[type="submit"] {width:auto;}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*LES PAGES DEMANDE EXAMEN*/
.infoNavigateur {
	color: #ffffff;
	background-color: #8b0505;
	border: 3px solid white;
	padding: 10px;
	font-size: 1.2em;
	border-radius: 9px;
}
	

/* MENU MOBILE */
.slicknav_menu {
	display: none;
	background: url(../images/bg-menucollant.png) repeat-x center !important;
}
.slicknav_icon-bar {background:#F15A48!important;}
.slicknav_btn {background:#FFF!important;}
#menu-mobile { display:none; }
#flechebas {width:39px; height:23px; margin:0 auto; left:0; right:0; cursor:pointer; position:absolute; bottom:3%;}

.mobile-only {display:none;}
.onlymobile {display:none;}
.pasmobile {display:inline-block;}
.formd a {margin: 12px 0 6px 10px; margin-right: 10px; display: block; }

@media only screen and (orientation:portrait){}
@media only screen and (min-device-width : 321px) and (max-device-height : 540px) {
	#bg-fp h1.ombre {top:0px!important;}
	.grp-btn {top:58%!important;}
}
/* RESPONSIVE */
@media screen and (max-width:640px){
.menucollant li {width:auto;}
#flechebas {bottom:5%;}
.onlymobile, .mobileonly {display:block;}
.pasmobile {display:none;}
.container12 {min-width:inherit;}
.carre, .monsieur {display:none!important;}
.grid_1, .grid_2 {width:47%!important;}
.grid_video, .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;}
.grid_1, .grid_2, .grid_video, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {padding:5%;}
.group_1, .group_2 {width:50%!important;}
.group_3, .group_4, .group_5, .group_6, .group_7, .group_8, .group_9, .group_10, .group_11, .group_12 {width:100%!important;}
.group_3 .grid_1, .group_3 .grid_2, .group_3 .grid_3, .grid_video, .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;}
#form4 .grid_2 {width:97%!important; margin:1.5%!important;}
#overlay .formulaire input, #overlay .formulaire select .overlayhack .formulaire select, .overlayhack .formulaire input, .overlayhack .formulaire textarea {width:100%;}
#overlay  {min-width:inherit; width:80%!important; margin-top:50px; margin-bottom: 50px;}
.overlayhack  {min-width:inherit; width:90%!important; margin-top:50px; margin-bottom: 50px;}
.bgrose {margin:0!important;}
.formbas  {padding:0;}
.formationdeuxcol {width:45%!important; padding:2%;}
.formationdeuxcol a {font-size:16px;}
.formulaire input  {width:99%;}
.formulaire label  {width:100%;}
.nomobile {display:none!important;}
.mobile-only {display:block;}
.onlymobile, .mobileonly {display:block;}
.pasmobile {display:none;}
.chosen-container {width:97%!important;}
#fleche {top:auto; position:absolute;}
/*#sticky { display:none!important;}*/
.isStuck {top:0!important;}
.btn-fp-orange {padding:5%;}
.grp-btn {top:15%; bottom:inherit;}
#bg-fp h1.ombre { padding-bottom:15%;}
.imgcours {display:none;}
#mediasociaux {display:none;}
#menutop1 { min-height:31px;}
#mouseout {height:40px;}
#pascolle {margin-top:0px!important;}
#bg-fp.fixe {min-height: 800px; padding-bottom:55px;}
.bg-obtiens h2  {font-size:36px;}
/*#menutop1 {display:none;}*/
#menutop2 {display:none;}
#menutop2 a, #menutop2 p {color: #fff; font-size: 18px; line-height: normal; font-weight: 600;}
#menurouge {display:none;}
.slicknav_menu { display:block; }
/*.menucollant {display:none;}*/
h1 {font-size:40px; color:#fff; font-family: 'marine_uplight'; text-transform:none;}
#bg-fp h1.ombre span {font-size:55px;}
#bg-fp h1.ombre {font-size:50px; color:#fff; font-family: 'marine_uplight'; text-transform:none; padding-bottom: 35%;}
h2 {font-size:50px; color:#fff; font-family: 'marine_upbold'; display:inline-block; padding-bottom:5px; font-weight: normal;}
.formbas input[type="submit"], input[type="button"], #overlay .formbas a { color:#fff; width:100%!important; margin-right:0; text-align:center; height:40px; font-size:15px; font-family: 'marine_uplight';}
.formd a {margin: 0; display: block; padding-top:12px;}
 .menucollant {background:#fff; margin-top:-15px; height:55px; min-width: inherit;}
 .slicknav_btn {margin-top:5px!important;}
 .menucollant ul {padding-bottom:4%;}
.slicknav_menu {display:block;}
.formbas input[type="submit"], input[type="button"] {margin-top:0; margin-right:0; font-size: 15px; color:#fff; display:block; background:none; border:none; float:right;}
.formulaire .grid_2 {width:97%!important;}
.tblpaie td {padding-right:0!important;}
#sticky.menucollant ul li{margin-top: 25px;}
#examen-form .formulaire a#close, #contact-form .formulaire a#close {cursor:pointer; width:100%!important; text-align:center!important;}
.fermerx {position:absolute; right:5%; top:-1%; padding:5px; color:#fff; cursor:pointer; font-family:'newsgothicsbop-boldconregular'; font-size:15px;}

}

@media screen and (max-height:540px) {
#bg-fp h1.ombre span {font-size:55px;}
#bg-fp h1.ombre {font-size:50px;}
}
/* iphone zoom hack */
 @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:649px) {select:focus, textarea:focus, input:focus {font-size: 16px;background:#eee;}}

@media screen and (max-width:320px) {
}
/*
@media screen and (min-width:320px) and (max-width:639px) {
.bg-obtiens h2  {font-size:56px;}
#menutop1 .mobile-only {display:none;}
h1 {font-size:50px; color:#fff; font-family: 'marine_uplight'; text-transform:none;}
#bg-fp h1.ombre {font-size:60px; color:#fff; font-family: 'marine_uplight'; text-transform:none;}
#bg-fp h1.ombre span {font-size:50px;}
h2 {font-size:50px; color:#fff; font-family: 'marine_upbold'; display:inline-block; padding-bottom:5px; font-weight: normal;}
.listformations h2 span {font-size:30px; line-height:normal;}
h3 {font-size:22px; color:#fff; font-family: 'marine_uplight'; font-weight:lighter;}
#bg-fp .btn-home {font-size:18px;}
#bg-fp.opacity {position:static;}
.onlymobile, .mobileonly {display:block;}
.pasmobile {display:none;}
.formd a {margin:0;}
}
@media screen and (min-width:320px) and (max-width:880px) {
.formbas input[type="submit"], #overlay .formbas a {color:#fff; width:100%!important; margin-right:0; text-align:center; padding-left: 0px; }
a.close-form {width: auto!important;}
#overlay a {padding-top:10px; margin-top:10px;}
#overlay a.chosen-single {padding-top:0px; margin-top:0px;}
#bg-fp.opacity {background-attachment: inherit;}
@media screen and (min-width:320px) and (max-width:920px) {
.bg-obtiens h2  {font-size:56px;}
#menutop1 {position:static;}
#menutop1 a { font-size:13px;}
#menutop1 .mdroite {float:none; width:auto;}
#menutop2 {display:none;}
#menurouge {display:none;}
.menucollant {background:#fff;}
.imgcours {margin-top:0;}
.slicknav_menu {display:block;}
}
@media screen and (min-width:320px) and (max-width:480px) {
}
@media screen and (min-width:320px) and (max-width:533px) {
}
@media screen and (min-width:640px) and (max-width:959px) {
#menurouge li a {font-family: 'bebas_neueregular'; font-size:25px;}
#menurouge ul {padding: 5px 2%;}
#menurouge li:hover {background-image:url(../images/bg-menu.png); background-position:center 36px; background-size:100%; background-repeat:no-repeat; height:80px; position:relative;}

}

}
@media screen and (min-width:960px) and (max-width:1279px) {
}
@media screen and (min-width:1280px) and (max-width:1599px) {
}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {}
*/