/* 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; min-width:960px;}
body {min-height:600px;}


/* TYPOGRAPHY */
h1 {font-size:68px; color:#900; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;}
h2 {font-size:56px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase; display:inline-block; padding-bottom:5px; font-weight: normal;}
h3 {font-size:36px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase;}
h4 {font-size:26px; color:#900; font-family: 'bebas_neueregular'; text-transform:uppercase;}
h5 {font-size:16px; color:#000; font-family:'newsgothicsbop-boldconregular'; text-transform:uppercase;padding-bottom:10px;}
p {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400;}
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%;}
li {font-family: 'Open Sans', sans-serif; font-size:19px; list-style:none;}
a, button {text-decoration:none; color:#FFF; font-family: 'Open Sans', sans-serif; font-size:15px;}

.custom_bullet li {font-family: 'Open Sans', sans-serif; font-size:15px; list-style:disc;}
.custom_bullet .div_CustomBullet {padding-left:15px}

/* MENU DU HAUT */
#mouseout {position:absolute; width:100%; z-index:4999 }
.mouseoutnothome {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; z-index:9999; min-width:960px;}
#menutop1 li {float:left; display:block; text-transform:uppercase; padding-right:15px; border-right:2px solid #FFF; padding-left:15px;}
#menutop1 .mgauche li {border-right:0px solid #FFF;}
#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;}
#menutop1 li:first-child {padding-left:0;}
#menutop1 li:last-child {border-right:0px solid #FFF;}

#menutop1 .mdroite {float:right; display:block; width:650px; 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;}
#menutop1 .mdroite li:last-child {border-right:2px solid #FFF; }

#menutop1 .mgauche li:first-child {padding-left:15px;border-right:2px solid #FFF;}
#menutop1 .mgauche li:first-child a {color:#999;}
#menutop1 .mgauche li:last-child {border-right:0px solid #FFF; }

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

/*#menutop2 {position:relative;width:100%; background-color:#4f4340; color:#FFF; padding-top:27px; box-sizing:border-box; display:none;}
#menutop2 .mbas {margin-left:38px; text-transform:uppercase;}
#menutop2 .mbas li{float:left; }*/

#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;}


.sliderfgad {background-color:#0CF; min-height: 100%; width:100%; position:relative;}
#menurouge {background-color:#900; position:relative; height:65px; z-index:9995; min-width:960px;}
#menurouge ul {max-width:1200px; text-align:justify; height:150px; margin:0 auto; box-sizing:border-box; padding:0 2%; padding-top:15px; text-align:center;}
#menurouge li {display:inline-block; padding: 0 3%; vertical-align:top}
#menurouge li:last-child {padding-right: 0px;}
#menurouge li a {font-family: 'bebas_neueregular'; font-size:22px; }
/*#menurouge li:hover {background-image:url(../images/bg-menu.png); background-position:center 41px; background-size:100%; background-repeat:no-repeat; height:80px; position:relative;}*/
#menurouge li a:hover {
	height:37px;
-webkit-box-shadow: 0px 9px 9px -4px rgba(50, 50, 50, 0.72);
-moz-box-shadow:    0px 9px 9px -4px rgba(50, 50, 50, 0.72);
box-shadow:         0px 9px 9px -4px rgba(50, 50, 50, 0.72);
/*display:inline-block;*/
padding-bottom:14px;
}

/* SECTIONS */
.bgblanc {background-color:#fff; height:auto; width:100%; border:0; box-sizing:border-box; padding-top:52px;}
.bggris {background-image:url(../images/bggris-ombre.png); background-position:top; background-repeat:repeat-x;  background-color:#dbd8d7;  width:100%;box-sizing:border-box; padding:55px 0; position:relative;}
.bggris.pageoutils {padding:155px 0;}
.bgblanc img{width:100%; height:auto}
.bggris img{width:100%; height:auto}
.bggris h1 {color:#000; text-transform:uppercase; border-bottom:5px solid #000; display: inline-block; padding-bottom:15px;}
.bggris.pageoutils h1 {font-size:56px; color:#00a9cf; text-transform:none; font-family: 'Lato', sans-serif; font-weight:300; border-bottom:0;}
.bgblanc h2 {border-bottom:5px solid #000;}

/* SECTION 1 */
#slogan {margin-top:100px;}
#slogan .ptjaune {color:#f6d816; font-size:60px;}
#slogan h1 {border-bottom:15px solid #000; padding:15px 0 15px; color:#000;}
#slogan h1 span {font-size:35px;}
#slogan h1 strong {border-top:15px solid #000; padding:15px 0 0; display:block; margin-top:15px;}
#slogan p {font-size:12px; width:80%; margin-top:15px; line-height:15px;}
#menujaune {width:100%; background:#f6d816; min-height:124px; position:absolute; top:80%; 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;}

/* PAGE CONTENU */
.blocgauche {background:#900; padding-bottom:30px;}
.blocgauche h2, .blocgauche p {color:#FFF;}
.blocdroite {background:#fff;}
.blocdroite h5 {color:#900; margin:15px 0; padding-bottom:0; font-family: 'marine_uplight';}
.blocdroite h1 {font-size:56px; color:#00a9cf; text-transform:none; font-family: 'Lato', sans-serif; font-weight:300; border-bottom:0;}
.blocdroite h2 {color:#00a9cf; text-transform:none; font-family: 'Lato', sans-serif; font-weight:300;}
.blocdroite .accordion h3 {color:#fff; padding:10px 15px; font-family: 'Lato', sans-serif; font-weight:700; font-size:18px; margin-bottom: 15px; background:url(../images/fleche-form-bas-fgad.png) no-repeat 97% center #900; cursor:pointer;}
.blocdroite .accordion h3.active {background:url(../images/fleche-form-haut-fgad.png) no-repeat 97% center #900;}
.blocdroite .accordion div {margin-bottom:15px;}
.blocdroite .accordion table {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400; text-align:left;}
.blocdroite .accordion table.titretable {margin-top:15px; border-top:1px solid #00a9cf; border-bottom:1px solid #00a9cf; }
.blocdroite .accordion table.titretable th {padding:5px 0;}
.blocdroite .accordion table th {text-transform:uppercase; margin-top:15px;}
.blocdroite table td span {color:#900; font-weight:700;}
.blocdroite table.lst-formation {cursor:pointer;}
.blocdroite table.lst-formation td {border-bottom:1px solid #00a9cf; padding:5px 0;}
.blocdroite .extrainfo {margin-top:15px; width:95%!important;}
/*.blocdroite .lst-cours td:first-child.active {background:url(../images/fleche-form-haut-fgad-bleu.png) 90% 5% no-repeat;}
.blocdroite .lst-cours td:first-child {background:url(../images/fleche-form-bas-fgad-bleu.png) 90% center no-repeat;}*/
.blocdroite .extrainfo span {font-family: 'Open Sans', sans-serif;  font-weight:700;}
td.flechedown {background:url(../images/fleche-form-bas-fgad-bleu.png) 0% 10px no-repeat;}
td.flecheup {background:url(../images/fleche-form-haut-fgad-bleu.png) 0% 10px no-repeat;}

.blocListeCoursProgramme {background:#fff;}
.blocListeCoursProgramme h5 {color:#900; margin:15px 0; padding-bottom:0; font-family: 'marine_uplight';}
.blocListeCoursProgramme h1 {font-size:56px; color:#00a9cf; text-transform:none; font-family: 'Lato', sans-serif; font-weight:300; border-bottom:0;}
.blocListeCoursProgramme h2 {color:#00a9cf; text-transform:none; font-family: 'Lato', sans-serif; font-weight:300;}
.blocListeCoursProgramme .accordion h3 {color:#fff; padding:10px 15px; font-family: 'Lato', sans-serif; font-weight:700; font-size:18px; margin-bottom: 15px; background:url(../images/fleche-form-bas-fgad.png) no-repeat 97% center #900; cursor:pointer;}
.blocListeCoursProgramme .accordion h3.active {background:url(../images/fleche-form-haut-fgad-bleu.png) no-repeat 97% center #900;}
.blocListeCoursProgramme .accordion div {margin-bottom:15px;}
.blocListeCoursProgramme .accordion table {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400; text-align:left;}
.blocListeCoursProgramme .accordion table.titretable {margin-top:15px; border-top:1px solid #00a9cf; border-bottom:1px solid #00a9cf; }
.blocListeCoursProgramme .accordion table.titretable th {padding:5px 0;}
.blocListeCoursProgramme .accordion table th {text-transform:uppercase; margin-top:15px;}
.blocListeCoursProgramme table td span {color:#900; font-weight:700;}
.blocListeCoursProgramme table.lst-formation {cursor:pointer;}
.blocListeCoursProgramme table.lst-formation td {border-bottom:1px solid #00a9cf; padding:5px 0;}
.blocListeCoursProgramme .extrainfo {margin-top:15px; width:95%!important;}
.blocListeCoursProgramme .extrainfo span {font-family: 'Open Sans', sans-serif;  font-weight:700;}
.blocListeCoursProgramme td.flechedown {background:url(../images/fleche-form-bas-fgad-bleu.png) 90% 10px no-repeat;}
.blocListeCoursProgramme td.flecheup {background:url(../images/fleche-form-haut-fgad-bleu.png) 90% 10px no-repeat;}

.blocequipe {
	width: 21%;
	float: left;
	display: block;
	margin: 2% 4% 2% 0;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	backface-visibility: hidden;
	transform: translateZ(0);
}

	.blocequipe:hover {
		-webkit-transform: translateZ(0) scale(1.03); /* Safari and Chrome */
		-moz-transform: perspective(1px) scale(1.03); /* Firefox */
		-ms-transform: perspective(1px) scale(1.03); /* IE 9 */
		-o-transform: perspective(1px) scale(1.03); /* Opera */
		transform: perspective(1px) scale(1.03);
		-moz-box-shadow: 0 0 5px #333;
		-webkit-box-shadow: 0 0 5px #333;
		box-shadow: 0 0 5px #333;
		transform: translate3d(1.03,1.03,1.03);
	}

	.blocequipe img {
		margin: 0;
		padding: 0;
		display: block;
		height: 252px;
		width: 168px;
		object-fit: cover; /*Ajuste hauteur images*/
	}

	.blocequipe .descr {
		background: #00a9cf;
		padding: 10px;
		box-sizing: border-box;
		font-size: 13px; /*Correction Bug font size em pour balise p*/
	}

	.blocequipe .descr p {
			text-transform: uppercase;
			color: #fff;
			font-size: 1.2em;
			line-height: 1.1em;
			height: 140px
	}

	.blocequipe .descr p span {
				text-transform: none;
				color: #4f4340;
				font-size: 0.8em;
				line-height: normal;
				display: block;
				padding-top: 10px;
	}

/* PAGE OUTILS */
.pageoutils {min-height:700px;}
.pageoutils .blocgauche h2 {text-transform:none; font-size:1.7em; display:block;}
h2.mince {color:#00a9cf; text-transform:none; font-weight:300; font-family: 'Lato', sans-serif;}
h4.mince {text-transform:none; font-weight:300; font-family: 'Lato', sans-serif; text-align:center}
.conseilleroui {display:none; padding-top:15px; clear: both;}
#overlay .formulaire .connexion label.error {width: 68%; text-align:left;}
#overlay .formulaire .conseilleroui label.error {width: 100%; text-align:left;}
.conseillernon {display:block; padding-top:15px; clear: both;}
.bloclien h2{padding-bottom:0; }

/* PAGE FGAD */
.lienaccor {padding:10px 10px 10px; background:#900; text-transform:uppercase; display:block; margin-bottom:10px;}
.coffre1, .coffre2, .coffre3, .coffre4, .coffre5  {background:url(../images/petite-fleche-cote.png) 95% center no-repeat #900; height:15px;}
.coffre1display p , .coffre4display p, .coffre2display p, .coffre3display p, .coffre5display p {line-height:1.5em;}
.coffre1display a , .coffre4display a, .coffre2display a, .coffre3display a, .coffre5display a {color:#3b3736; text-decoration:underline; font-size:13px;}
.coffre1display h4 , .coffre4display h4, .coffre2display h4, .coffre3display h4, .coffre5display h4 {margin:10px 0;}
.coffre1display ul, .coffre4display ul, .coffre2display ul, .coffre3display ul, .coffre1display ol, .coffre4display ol, .coffre2display ol, .coffre3display ol {margin:15px 0;}
.coffredisplay ul ul, .coffre1display ul ul, .coffre4display ul ul, .coffre2display ul ul, .coffre3display ul ul, .coffre1display ol ul, .coffre4display ol ul, .coffre2display ol ul, .coffre3display ol ul {margin:5px 0;}
.coffre1display ul li, .coffre4display ul li, .coffre2display ul li, .coffre3display ul li{color: #3b3736; font-size: 13px; font-weight: 400; list-style:disc; margin-left:1em; line-height:normal; padding-bottom:5px;}
.coffre1display ol li, .coffre4display ol li, .coffre2display ol li, .coffre3display ol li{color: #3b3736; font-size: 13px; font-weight: 400; list-style:decimal; margin-left:1.1em; line-height:normal; padding-bottom:5px;}
.coffre1display ol li ul li, .coffre4display ol li ul li, .coffre2display ol li ul li, .coffre3display ol li ul li{color: #3b3736; font-size: 13px; font-weight: 400; list-style:disc; margin-left:1.1em; line-height:normal; padding-bottom:5px;}
.coffre5display, .coffre1display, .coffre4display, .coffre2display {display:block; background:#fff; padding:5%; padding-top:2%;}
.coffre1display h2,.coffre2display h2 {padding-bottom:15px;}
.coffre2display {display:none;}
.coffre3display {display:none;}
.coffre4display {display:none;}
.coffre5display {display:none;}

/* FOOTER */
#bgtopfooter {width:100%; background:url(../images/bgtopfooter.png) #4e413e no-repeat center; height:28px;}
#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;}
#footer p.copyright a:hover {text-decoration:underline;}

/* FORMULAIRE */
#overlay {z-index: 9999; }
.overlayhack  {background-color: #fff; position: relative; width:100%; min-width:960px; padding-bottom:0; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}
.formulaire { background-color: #fff; z-index: 9999; margin:0 auto; min-width:960px; width:100%; z-index:9999; text-align:left;}
.formulaire p, .formulaire .numerotation p, .formulaire ol li  {line-height:normal; clear:both; font-size:14px;}
.numerotation {background-color: #00A8CF; border-radius: 50%; width: 58px; height: 58px; display: block; position:absolute; right: 5%; top:1px; text-align: center;}
.formulaire .titre  {color:#000; font-size:35px; font-family:'bebas_neueregular';}
.formulaire .numerotation p {color:#fff; font-size:25px;}
.numerotation > div {display: inline-block; vertical-align: middle;}
.numerotation > div:last-child {height:100%;}
.formulaire p, .formulaire ul li, .formulaire ol li, .formulaire ol li a {line-height:normal; clear:both; font-size5px;}
#formcontact p {line-height:1.5em;}
#formcontact h3 {padding:10px 0;}
#formcontact p.soustitre {font-size:1em; color:#900;}
.formulaire ul li a {color:#3b3736; font-size:14px;}
.formulaire ul li {list-style:disc inside; font-size:14px;}
.formulaire ol  {margin-top:10px;}
.formulaire ol li  {list-style:decimal; margin-left:1.3em; margin-top:10px;}
.formulaire ol li label {float:none;}
.formulaire p a {color:#900; display:block; font-size:15px; padding-top:5px;}
.formulaire p a.contact  {color:#900; display:inline; font-size:12px;}
.formulaire h2 {margin-bottom:5px; color:#4e4240;}
.formulaire h3 {color:#900; font-size:28px; width:100%; margin-bottom:10px;}
.formulaire h2.numform {border-bottom:0px; float:right;}
.formulaire p.soustitre {font-weight:bold; padding-bottom:15px;}
.formulaire .spacehaut {padding-top:15px;}
.formulaire .spacehautbas  {padding:15px 0;}
.formulaire input, #overlay .formulaire select, .formulaire textarea  {border:1px solid #7cbdd8; width:220px;  margin-bottom:5px;  border-radius:5px;}
.formulaire label  {font-size:14px; width:215px; float:left;}
.etablissement {max-width:200px; max-height:100px;}
.formulaire .accordionForm label {width:100%; float:none; display: block;}
.formulaire .accordionForm h3 {color:#fff; padding:10px 15px; font-family: 'Lato', sans-serif; font-weight:700; font-size:18px; background:url(../images/fleche-form-bas-fgad.png) no-repeat 97% center #900; cursor:pointer; width:inherit;}
.formulaire .accordionForm h3.active {background:url(../images/fleche-form-haut-fgad.png) no-repeat 97% center #900; width:inherit;}
.formulaire .accordionForm div {margin-bottom:15px;}
.formulaire .accordionForm table {font-family: 'Open Sans', sans-serif; line-height:16px; color:#3b3736; font-size:13px; font-weight: 400; text-align:left;}
.formulaire .accordionForm .titretable {margin-top:15px; border-top:1px solid #00a9cf; border-bottom:1px solid #00a9cf; }
.formulaire .accordion .titretable th {padding:5px 0;}
.formulaire .accordionForm table th {text-transform:uppercase; margin-top:15px;}
.formulaire .accordionForm .formtitre {background-color:#00a9cf!important; color:#fff; font-weight:bold; padding:5px 0 0 15px; height: 20px;}
.formulaire .accordionForm .formtitre span, .formulaire .accordion h3 span {font-weight:400; color:#fff; font-size:12px;}
.formulaire table td span {color:#900; font-weight:700;}
.formulaire .lst-cours {cursor:pointer;}
.formulaire .lst-cours td {border-bottom:1px solid #00a9cf; padding:3px 0; vertical-align: middle; margin-top:5px;}
.formulaire .lst-cours td.noborder {border-bottom:0px solid #00a9cf;}
.formulaire .extrainfo {width: 100% !important; display:block;}
.formulaire .extrainfo span {font-family: 'Open Sans', sans-serif;  font-weight:700;}
.formulaire .flechedown {background:url(../images/fleche-form-bas-fgad.png) 97% 5px no-repeat;}
.formulaire .flecheup {background:url(../images/fleche-form-haut-fgad.png) 97% 5px no-repeat;}

.tblpaie, .tbltotal {font-family:'Lato'; font-size:12px;}
.tblpaie tr {border-top:1px solid #00a9cf; padding-top:10px;}
.tblpaie td {height:15px; padding:5px 10px 5px 5px;}
.tbltotal td { height:15px; padding:5px 10px 5px 5px;}

#txt_TelTravail {width: 110px;}
#txt_TelCellulaire{	width: 110px;}
#txt_TelPoste {width: 40px}
#lbl_TelPoste {float: none;}
#dropDown_MoisExpiration, #dropDown_AnneeExpiration {width:130px;}
#dropDown_MoisExpiration_chosen {width:70px!important;}
#dropDown_AnneeExpiration_chosen {width:100px!important;}

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;}
#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 */

#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;}
/* */

h3#hideconnexion {margin-top:15px;}
.connexion {margin-top:10px; padding:10px 0;}
.connexion a {color:#3b3736; font-size:12px; text-decoration:underline;}

a {border:none; background:none; width:auto; cursor:pointer;}
.formbas {opacity:1;background-color:#00A8CF!important; 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;}*/

.formulaire input.error {border: 1px #F00 solid; background-color:#FFE1E1;}
.formulaire label.error {color: red; text-align: right; display: inline-block; font-size: 11px; clear: both; margin-bottom: 10px; width: 82%;}

.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; display:block; cursor:pointer; width:auto; font-size: 15px; color:#fff; display:block; background:none; border:none; float:right}
input { -webkit-appearance: none; -webkit-border-radius: 0;}
.formg {text-align:left;}
.formg a {margin:12px 0 6px 10px; margin-left: 10px; display:block; cursor:default; width:auto}
.formg input[type="button"] {margin:12px 0 6px 10px; display:block; cursor:pointer; width:auto; font-size: 15px; color:#fff; display:block; background:none; border:none;}
.formd {cursor:default;}
.formd a {margin:12px 0 6px 10px; margin-right: 10px; display:block; cursor:pointer; width:auto}
.formd input[type="button"] {margin-top: 12px; margin-right: 10px; display:block; cursor:pointer; width:auto; font-size: 15px; color:#fff; display:block; background:none; border:none; float:right}


input.file {
	width: 172px;
	height: 10px;
	color: #888;
	padding: 5px;
	border-radius: 5px;
	outline: none;
}

div.file_upload {
	width: 172px;
	height: 20px;
	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;
}
.radioconseil label.error {color: red; text-align: left!important; display: inline-block; font-size: 11px;width: 100%; float: none;}

input[type=radio] { display: none;  } 
label.radiocus {  display: inline-block;  cursor: pointer;  position: relative;  padding-left: 20px;  margin-right: 15px;  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; }  
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;  }  

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

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

#formcontact input.error, textarea.error {border: 1px #F00 solid; background-color:#FFE1E1;}
#formcontact label.error {color: red; text-align: right; display: inline-block; font-size: 11px; clear: both; margin-bottom: 10px; width: 82%;}


.facebook {text-align: center;}
.facebook img{max-width:252px;}

.bg-obtiens {background:url(../images/shadow_top.png) repeat-x center top, url(../images/shadow_bottom.png) repeat-x center bottom; background-color:#4e423f; text-align:center;}
.bg-obtiens-height {min-height:33%;}
.bg-obtiens h2 {color:#fff; border:0; font-family: 'bebas_neueregular'; line-height:normal; font-size:80px;}

.listecours {padding:55px 0; font-family: 'Lato', sans-serif; font-weight:bold; }
.listecours .cours a {display:block; width:100%; height:100%; font-size:18px; line-height:normal; margin-bottom:15px; text-transform:uppercase; font-family: 'Lato', sans-serif; width:90%;}
.listecours .cours:hover{-webkit-box-shadow: inset 0px 0px 8px 5px rgba(50, 50, 50, 0.72); -moz-box-shadow: inset 0px 0px 8px 5px rgba(50, 50, 50, 0.72); box-shadow: inset 0px 0px 8px 5px rgba(50, 50, 50, 0.72);  background-position:93% center; -webkit-transition-duration: 150ms;}
.listecours .cours:hover a{-webkit-transform: scale(0.98,0.98); -ms-transform:  scale(0.98,0.98); transform:  scale(0.98,0.98);  -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -ms-transition-duration: 150ms;}
.listecours p {font-size:18px; line-height:normal; margin-bottom:15px; }
.listecours span {font-family: 'Open Sans', sans-serif;  font-weight:700;}
.cours {background-color:#900; position:relative; min-height:95px; background-image:url(../images/flechegauche-cours.png); background-position:95% center; background-repeat:no-repeat; cursor:pointer; }
.cours p {color:#FFF; width:88%; font-size:22px; text-transform:uppercase;  margin-bottom:0;}

h2.actualites {color:#00A8CF;}
.blocactu {background:#fff;}
.boutonfgad {padding:15px; text-transform:uppercase; display:inline-block; margin-top:15px; font-family: 'bebas_neueregular'; font-size:20px; font-weight:400;}
.boutonfgadbleu {background:#00a9cf;}
.boutonfgadrouge {background:#900;}
.boutonfgadblanc {background:#fff; color:#00A8CF;}
.boutonfgadblanc:hover {background:#fff; color:#900;}

.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%;}

/* MENU MOBILE */
.slicknav_menu { display:none; background:#900!important;}
.slicknav_icon-bar {background:#fff!important;}
.slicknav_btn {background:#900!important;}
#menu-mobile { display:none; }
#flechebas {width:29px; height:17px; position:absolute; bottom:10px; cursor:pointer; margin:0 auto; left:0; right:0;}
.onlymobile {display:none;}
.pasmobile {display:inline-block;}
.fermerx {position:absolute; right:2%; top:-3%; background:#00A8CF; padding-top:5px; width:25px; height:25px; border-radius:50%; text-align:center; color:#fff; cursor:pointer; font-family:'newsgothicsbop-boldconregular'; font-size:15px; box-sizing:border-box;}
.fermerx.onlymobile {z-index:9999;}


/* RESPONSIVE */
@media screen and (max-width:1200px) {
.mdroite li a, .mgauche li a {font-size:14px!important;}
#menutop1 .mdroite {width:620px;}
#menurouge li a {font-size:20px!important;}
#menurouge li a:hover {padding-bottom:17px;}
} 

@media screen and (max-width:639px){
h2.mince {font-size:50px; margin-top:20px;}
html,body {min-width:inherit;}
.container12 {min-width:inherit;}
.formulaire {min-width:inherit;}
body{-webkit-text-size-adjust: none;}
#menutop1, #menurouge {min-width:inherit;}
.carre, .monsieur {display:none!important;}
.grid_1, .grid_2 {width:47%!important;}
.formulaire .grid_1, .formulaire .grid_2 {width:97%!important;}
.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;}
.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, .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;}
#overlay .formulaire input, #overlay .formulaire select {width:100%;}
#overlay .formulaire {width:80%; padding:5%;}
/*#overlay {overflow-y: scroll;}*/
.formbas {padding:0!important; position:relative;}
.facebook {text-align: center;}
.bgblanc, .bggris {padding:5%;}
.bggris.pageoutils {padding:85px 0;}
.onlymobile {display:block!important;}
.pasmobile {display:none!important;}
.slider {display:none;}
.sequence-theme {min-height:0!important; height:71px!important; overflow:visible!important; z-index:9999;}
#flechebas {display:none;}
.formg {text-align:center;}
.formg a, .formg input[type="button"] {display:inline-block; margin-left:0;}
.formd a, .formd input[type="button"] {display:inline-block; margin-right:0; width:100%!important}
#formcontact .formg a {text-align:center; padding-top: 12px;}
.formbas input[type="submit"] {margin-right:0; width:100%!important}
#overlay a {display:inline-block; vertical-align:top;zoom:1; *display:inline; box-sizing: border-box; font-size:15px;}
#menutop1 {min-height:31px;}
#menutop2 {padding-bottom:31px;}
#menurouge {display:none;}
.slicknav_menu { display:block; }
.bg-obtiens h2  {font-size:56px;}
.numerotation {background-color: #00A8CF; border-radius: 50%; width: 58px; height: 58px; display: block; position: absolute; right: 5%; top: 1%; text-align: center;}
.formulaire .accordionForm h3 {font-size:15px;}
.formulaire .accordionForm h3 span {white-space: pre;}
.formulaire .accordionForm .formtitre span{font-size: 11px; white-space: pre;}
.formulaire .accordionForm .formtitre{font-size: 11px;}
.formulaire .lst-cours td {padding: 3px;}
.formulaire label {font-size:11px;}
#formcontact {padding:5%;}
#formcontact input, #formcontact textarea {width:100%;}
#menutop2 a, #menutop2 p {font-size:19px;}
.bggris {padding-top:100px;}
.fermerx {position:absolute; right:3%; top:-1%; padding:5px; color:#fff; cursor:pointer; font-family:'newsgothicsbop-boldconregular'; font-size:15px;}
.formulaire .titre {width:80%;}
.formulaire .numerotation {width: 38px; height: 38px; top:-2%; right:12%;}
.formulaire .numerotation p {font-size:15px;}
td.flechedown {background:none;}
td.flecheup {background:none;}
.blocdroite .accordion table {font-size:11px;}
.blocListeCoursProgramme .accordion table {font-size:11px;}
#overlay .formulaire label.error {width: 100%;}
.blocequipe {width: 46%; float: left; display: block; margin:2% 2% 2% 2%;}
.blocequipe:hover {-moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none;}
.cours {min-height:inherit;}

}

@media screen and (max-width:1024px) {
a, button {font-size:13px;}
} 

/*Affichage informations complémentaires programmes*/
.td_InfosComplementaires
{
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-color:black;
	border-style:solid;
	text-align:center;
}

.td_InfosComplementairesCode
{
	border-spacing:0px;
	border-collapse:collapse;
	border-width:0px;
	border-color:black;
	border-style:solid;
	text-align:center;
}

.td_InfosComplementairesChoix
{
	border-spacing:0px;
	border-collapse:collapse;
	border-width:1px;
	border-color:black;
	border-style:solid;
	text-align:center;
	background-color:#00a9cf;
}

.td_BlocComplementaires
{	
	border-width:1px;
	border-color:black;
	border-style:solid;	
	width:30px;
	background-color:#00a9cf;
}

.table_InfosComplementaires
{	
	border-width:1px;
	border-color:black;
	border-style:solid;	
	width:100%;
}