/*	=============================================================================
	Reset
	========================================================================== */

/* HTML5 */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, nav, section, summary
								{ display: block; }
								
	audio, canvas, video 		{ display: inline-block; }
	audio:not([controls])		{ display: none; height: 0; }
	[hidden]					{ display: none; }
	figure						{ margin: 0; }

/* Base */
	html, body					{ height: 100%; margin: 0; }
	

/* Tables */


/* Typography */
	hr							{ display: block; height: 1px; border: 0; border-top: 1px solid; 
									padding: 0; margin-top: -1px; }
	abbr[title] 				{ border-bottom: 1px dotted; }
	b, strong					{ font-weight: bold; }
	dfn							{ font-style: italic; }
	small						{ font-size: 80%; }
	sub, sup					{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup							{ top: -0.5em; }
	sub							{ bottom: -0.25em; }
	code, kbd, pre, samp		{ font-family: monospace, serif; font-size: 1em; }
	pre 						{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Links*/
	a							{ word-wrap: break-word; }
	a:focus 					{ outline: thin dotted; }
	a:active, a:hover 			{ outline: 0; }

/* Margins */
	h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dl, dd, 
	p, figure, pre, table, fieldset, menu, hr, blockquote
								{ margin: 0; }
							
	li > ul, li > ol			{ margin: 0; }

/* Embedded */
	img							{ border: 0; vertical-align: middle;  }
	img, object, embed			{ max-width: 100%; height: auto; }
	svg:not(:root) 				{ overflow: hidden; }
	
	iframe						{ border: none; margin: 0; overflow: hidden;}
/* Forms */
	form, fieldset, textarea,
	button, input, select, 
	textarea					{ margin: 0; }
	input, button, textarea		{ box-sizing: border-box; }
	fieldset, legend			{ border: 0; }
	fieldset, legend,
	input[type="checkbox"],
	input[type="radio"]			{ padding: 0; }
	label,
	input[type="button"],
	input[type="reset"],
	input[type="submit"]		{ cursor: pointer; }
	legend						{ white-space: normal; }
	button, input, select, 
	textarea 					{ font-size: 100%; vertical-align: baseline; }
	textarea					{ overflow: auto; vertical-align: top; resize: vertical;  }
	button, input				{ line-height: normal; }
	button[disabled],
	input[disabled]				{ cursor: default; }


/*	=============================================================================
	Fonts
	========================================================================== */

	@font-face{font-family:'Aller';src:url('fonts/aller_bd-webfont.eot');src:url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/aller_bd-webfont.woff') format('woff'),url('fonts/aller_bd-webfont.ttf') format('truetype'),url('fonts/aller_bd-webfont.svg#AllerBold') format('svg');
		font-weight: bold;font-style: normal}
	
	@font-face{font-family: 'Aller';src:url('fonts/aller_bdit-webfont.eot');src:url('fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/aller_bdit-webfont.woff') format('woff'),url('fonts/aller_bdit-webfont.ttf') format('truetype'),url('fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg');
		font-weight:bold;font-style:italic}
	
	@font-face{font-family:'Aller';src:url('fonts/aller_lt-webfont.eot');src:url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/aller_lt-webfont.woff') format('woff'),url('fonts/aller_lt-webfont.ttf') format('truetype'),url('fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
		font-weight: normal;font-style: normal}
	
	@font-face{font-family:'Aller';src:url('fonts/aller_ltit-webfont.eot');src:url('fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/aller_ltit-webfont.woff') format('woff'),url('fonts/aller_ltit-webfont.ttf') format('truetype'),url('fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg');
		font-weight: normal;font-style: italic}


/*	=============================================================================
	Typography
	========================================================================== */

/* Fonts and color */

	html						{ font-size: 75%; }
	html, button, input,
	select, textarea			{ font-family: "Aller", Arial, Helvetica, sans-serif; color: #000; }
	
	.white						{ color: #fff; }
	.black						{ color: #000; }
	.gray						{ color: #b9b9ba; }
	.turqoise					{ color: #37838d;}
	
	body						{ background: #fff; }
								
	::-moz-selection			{ background: #37838d; color: #fff; text-shadow: none; }
	::selection					{ background: #37838d; color: #fff; text-shadow: none; }

	a							{ color: #37838d; text-decoration: none; }
	a:hover						{ text-decoration: underline; }

/* Typographic baseline */
	body						{ font-size: 14px; line-height: 15px; } 	
	
	
	h1							{ font-size: 28px; line-height: 30px; font-weight: normal;}	
	h1 strong					{ font-size: 22px;}	
	
	h2							{ font-size: 18px; line-height: 25px; font-weight: normal;}
	
	h3, .h3						{ font-size: 14px; font-weight: bold; color:#00dac3;}
	h4, h5, h6					{ font-size: 14px; font-weight: normal; }
	
	
	blockquote					{ font-style: italic; font-size: 14px;}
	
	
/* Margins and paddings setup */

	h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, 
	figure, pre, table, fieldset, blockquote, hr, .block
								{ margin-bottom:18px; }
								
	ul, ol, dd,	blockquote		{ padding-left: 18px; }
	blockquote					{ padding-right: 18px; }
	
	.box						{ padding: 18px; }
	.box2						{ padding: 10px; }
	.box3						{ padding: 85px; }
	
	
	.pad_top,
	.pad_vertical				{ padding-top: 18px; }
	.pad_bottom,
	.pad_vertical				{ padding-bottom: 18px; }
	.pad_left,	
	.pad_horizontal				{ padding-left: 18px; }
	.pad_right,
	.pad_horizontal				{ padding-right: 18px; }

	hr.pad_left,	
	hr.pad_horizontal			{ padding-left: 0; margin-left: 18px }
	hr.pad_right,
	hr.pad_horizontal			{ padding-right: 0; margin-right: 18px; }

	.align_left					{ margin-right: 18px; }
	.align_right				{ margin-left: 18px; }

/*	=============================================================================
	Setup
	========================================================================== */
	
	.wrapper					{ min-width: 940px;}
	.container					{ width: 940px!important; }

/*	=============================================================================
	Site Style
	========================================================================== */

. institut thead td				{ text-transform: uppercase;  font-weight: bold; font-size: 1.2em;}
.institut tbody tr				{ border: 1px solid #999;}
.institut td					{ padding: 12px 18px; }

.pubpage section				{ font-family: serif; font-size: 12px; line-height: normal;}

.pubpage section h1, 
.pubpage section h2, 
.pubpage section h3, 
.pubpage section h4, 
.pubpage section h5, 
.pubpage section h6,  
.pubpage section ul, 
.pubpage section ol, 
.pubpage section p, 

.pubpage section fieldset, 
.pubpage section blockquote		{ margin-top:1em; margin-bottom: 1em }

.pubpage section table, 
.pubpage section hr 			{ margin: 0 auto; padding: 0;}
tbody .title					{ width: 20%; vertical-align: middle; }


.slider							{ overflow: hidden; position: relative;}

.slider > ul,				
.slider > ul > li				{ margin: 0; padding: 0; }
.slider > ul					{ list-style: none; }
.slider > ul > li				{ display: block; height:100%; float: left; }
.separator						{ border-top: 1px solid #fff; }

.graygrad						{ background-image: linear-gradient(#eaeaea 0%, #ffffff 80%); }

.graybackg						{ background-image:url("imgs/back.jpg"); background-repeat:repeat-x; height:480;}
.goldgrad						{ background-image: linear-gradient(#eeefea 40%, #b9b9af 100%); }

.sidesep						{ background: url(imgs/methode_sep.png) left center no-repeat; padding-left: 32px }

.bouton							{ padding: 8px;  background: #fff; border: 1px solid #999; color: #000; font-weight: bold; 
								border-radius: 4px; box-shadow: 0px -1px 2px  rgba(0,0,0,.2); 
								background-image: linear-gradient(#fff 50%, #ccc 100%)}
.bouton:hover,
.bouton.active					{ background-color: #2191a5; background-image: linear-gradient(#2191a5 0%,  #114d58 70%); color: #fff; text-decoration: none;}



.bouton_v1							{ padding: 3px 15px 0 0; font-size:14px; background: #fff; border: 1px solid #999; color: #000; font-weight: bold; 
								border-radius: 4px; box-shadow: 0px -1px 2px  rgba(0,0,0,.2); 
								background-image: linear-gradient(#fff 50%, #ccc 100%)}
.bouton_v1:hover,
.bouton_v1.active					{ background-color: #2191a5; background-image: linear-gradient(#2191a5 0%,  #114d58 70%); color: #fff; text-decoration: none;}



.bouton_v2                     { padding: 8px; background: #2191a5;  border: 1px solid #999; color: #fff; font-weight: bold; 
								border-radius: 4px; box-shadow: 0px -1px 2px  rgba(0,0,0,.2); 
								background-image: linear-gradient(#2191a5 0%,  #114d58 70%); }
								
								
								
.bouton_v2:hover               {background-color: #fff;  background-image: linear-gradient(#fff 50%, #ccc 100%); color: #000; text-decoration: none;}


.flag							{ padding: 2px 12px; color: #fff; background: #afa85c; display: inline-block; box-shadow: inset 0px 0px 10px 5px #a19853; position: relative; margin-bottom: 24px;  }	
.flag:after							{ content: ""; position: absolute; left: 0; top: 100%; border-top: 15px solid #9a9250; border-left: 60px solid transparent;}



hr.white							{ border-top : 4px solid #fff;}
.langue								{ position: absolute; left: -45px; top: 36px; background:url(imgs/etapes-title.png); width: 161px; height: 268px; z-index: 2 }
.langue	h1							{ padding-left: 30px; padding-top: 124px;}	

.gray-box							{ background:#f6f6f6; position: relative;}
.gray-box:before					{ content: "▼"; position: absolute; width: 100%; top:-8px; left: 0; text-align: center; color: #fff; line-height: 1; font-size: 40px}

.goldborder							{ border-bottom: 4px solid #b2ab5e}


.numsteps header 					{ height: 100px; width: 100%; position: relative}
.numsteps header h1					{ font-size: 120px; line-height: 100px; position: absolute; top:0; left: 0; color: #fff; margin: 0; z-index: 2}
.numsteps header h2					{ display: block; position: absolute; top: 0; left: 50px; width: 100px; height: 28px; margin: 0; text-align: center; border-radius: 50px; background-color: #c6bf78; box-shadow: inset 0px 0px 30px 20px #a19853; font-weight: bold; padding: 34px 0; line-height: 14px }
.numsteps header.etape5 h2			{ left:45px}

.prog-steps header					{ position: absolute; left: 0; top:96px; width: 160px; height: 160px; font-size: 120px; line-height: 160px; text-align: center; color: #fff; font-weight: bold; border-radius: 80px; background: #afa85c; opacity: .4; box-shadow: inset 0px 0px 30px 20px #a19853; }

.programme-steps header					{ position: absolute; left: 0; top:60px; width: 160px; height: 160px; border-radius: 80px; background: #f0eeee; 
background-image: linear-gradient(#b1b1b1 75%, #ffffff 100%); box-shadow: inset 0 0 10px #b1b1b1; }



.programme-steps header span		{ display: block;  width: 160px; height: 160px; background-position: center center; background-repeat: no-repeat;}
#programme1 header span				{ background-image: url(imgs/programme-salaire.png);}
#programme2 header span				{ background-image: url(imgs/programme-promotion.png);}
#programme3 header span				{ background-image: url(imgs/programme-cariere.png);}
#programme4 header span				{ background-image: url(imgs/programme-autonnome.png);}
#programme5 header span				{ background-image: url(imgs/programme-immobilier.png);}
#programme6 header span				{ background-image: url(imgs/programme-distribuer.png);}
#programme7 header span				{ background-image: url(imgs/programme-bourse.png);}
#programme8 header span				{ background-image: url(imgs/programme-invention.png);}
#programme9 header span				{ background-image: url(imgs/programme-entreprise.png);}
#programme10 header span			{ background-image: url(imgs/programme-collection.png);}


.mycss
{
color:#FFF;
margin-top:17px;
height:50px;
width:2000px;
}
.mycss_image
{
		background-color:transparent;

}

 	.mycss_text
{

								font-family:"Aller", Arial, Helvetica, sans-serif;
								font-size:14px;
								color:#00dac3; 
}


.master > section,
.master > div,
.master > article,
.master > aside						{ height: 100%; }


 input[type="email"],
 input[type="text"]					{ height: 24px; line-height: 24px; width: 80%; border: 1px #ccc solid; margin-bottom: 12px; display: block; clear: both; padding:0 10px;}
 textarea							{ width: 80%; border: 1px solid #ccc; height: 180px; line-height: 18px; display: block; clear: both; margin-bottom: 18px}

.forms  input[type="email"],
.forms  input[type="text"]			{ height: 24px; line-height: 24px; width: 100%; border: 1px #ccc solid; margin-bottom: 12px; display: block; clear: both; padding:0 10px;}
.forms  textarea					{ width: 100%; border: 1px solid #ccc; height: 180px; line-height: 18px; display: block; clear: both; margin-bottom: 18px}

#header								{ background: url(imgs/header_bkg.jpg) center bottom no-repeat #56595b;  z-index: 10; position: relative }
#header	.container					{ height: 180px; }	

	
#header a							{ color: #fff;   }

#header a:hover						{ text-decoration: none; }
#header	.logo						{ height: 180px; line-height: 180px; vertical-align: middle; display: block; }	
#header .utility					{ display: block; position: absolute; top:0; right: 0; line-height: 24px; font-style: italic; background: #0b514a; padding-left: 20px; }
#header .argenteur					{ position: absolute; width: 318px; height: 134px; text-align: center; background: url(imgs/menu-argenteur.png) center top no-repeat; left: -220px}
#header .utility ul					{ display: block; float: left; margin: 0; padding: 0; background: #0b514a; position: relative; }
#header .utility li					{ background: #2a9a8e; box-shadow: inset 8px 0 20px #17534c; display: block; float: left; }
#header .utility .connexion			{ background: #1ecfbc;  box-shadow: inset 10px 0 20px #0b514a; display: block; float: left}
#header .utility a					{ padding: 0 18px;}

#header .addthis_toolbox 			{ padding: 0 8px }
#header .addthis_toolbox a			{ padding: 4px 6px;}

#header .menu						{ background: #222324; font-size: 14px; display: block; position: absolute; bottom: 0; right: 0; box-shadow: 3px 3px 6px 0px #000;}
#header .menu,
#header .menu ul					{ height: 72px;}
#header .menu ul,
#header .menu li					{ margin: 0;  background-image: linear-gradient(#1f2021 0%, #363839 70%)}
		
#header .menu li					{ display: block; float: left; padding: 27px 0 18px 0!important; position: relative; }
#header .menu li a					{ display: block;  border-left: 1px solid #585151; border-right: 1px solid #282a2b; padding: 0 18px; height: 27px; line-height: 27px;}
#header .menu .jeux a				{ padding: 0 24px; }
/*#header .menu .programme			{background-color: #a19853; background-image: linear-gradient(#ddd366 0%, #a19853 70%); position: relative; top: -2px; border-radius: 2px; box-shadow: 0px 0px 6px 0px #000; z-index: 1;}
*/
#header .menu .programme a			{ text-align: center; line-height: 20px; }


#header .menu .programme span		{  position: relative; top:-6px; }
#header .menu li:first-child a		{ border-left: 1px solid transparent;}				
#header .menu li:last-child a		{ border-right: 1px solid transparent;}

#header .menu li:hover,
#header .menu .active				{ background-color: #2191a5; background-image: linear-gradient(#114d58 0%, #2191a5 70%)}
#header .menu li:hover a,
#header .menu .active a				{ border-color: transparent;}
#header .menu .active:after			{ content:""; position: absolute; left: 50%; bottom: -18px; margin-left: -12px;
										width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent;border-top: 18px solid #2191a5;}
#header li:hover + li > a,
#header .active + li > a  			{ border-left-color : transparent!important;}	


.submenu ul,
.submenu li							{ margin: 0; padding: 0; background-image: linear-gradient(#1f2021 0%, #363839 70%)}

.submenu ul							{ background: #222324; position: absolute; bottom: -18px; right: 0; box-shadow: 3px 3px 6px 0px #000;}
.submenu li							{ display: block; float: left; padding: 9px 0; position: relative; }
.submenu li a						{ display: block; border-left: 1px solid #585151; border-right: 1px solid #282a2b; padding: 0 18px; 									height: 27px; line-height: 27px; text-transform: uppercase; color: #fff;}
.submenu a:hover					{ text-decoration: none; }
.submenu li:first-child a			{ border-left: 1px solid transparent;}				
.submenu li:last-child a			{ border-right: 1px solid transparent;}

.submenu li:hover					{ background-color: #2191a5; background-image: linear-gradient(#114d58 0%, #2191a5 70%)}
.submenu li:hover a					{ border-color: transparent;}
.submenu .active + li > a  			{ border-left-color : transparent!important;}	


/*margin-top:-10px es para subir el banner mas cerca del header*/
.mainslider							{ font-size: 17px; height: 330px; ; background-position: center center; background-repeat: no-repeat; margin-top:-10px }
.pubpage .mainslider				{ background-color: #e5e4e2;  background-image: url(imgs/pubheader.jpg); height: 312px}
.gray								{ background-color: #949494;}
.blue								{ background-color: #378794;}
body.jeux .mainslider				{ background-image: url(imgs/header_jeux.jpg)}
body.institut .mainslider			{ background-image: url(imgs/header_institut.jpg)}
body.programme .mainslider			{ background-image: url(imgs/10facons.jpg)}
body.contact .mainslider			{ background-image: url(imgs/header_institut.jpg)}
body.formations .mainslider, body.formations_dev .mainslider			{ background-image: url(imgs/header_formation_2015q2b.jpg);}
body.coaching .mainslider 			{ background-image: url(imgs/header_coaching.jpg)}
body.boutique .mainslider			{ background-image: url(imgs/header_boutique.jpg)}
/*body.promo15e .mainslider 			{ background-image: url(imgs/header_promo15e.jpg)}*/

.mainslider	h2						{ font-size: 30px; text-transform: uppercase; font-weight: normal; line-height: 30px;}
.mainslider	h7						{ font-size: 32px; font-family: Arial; font-weight: bold; text-transform: uppercase; color:#00dac4; font-weight: normal; line-height: 30px;}
.mainslider	h9						{ font-size: 52px; font-family: Verdana, sans-serif; text-transform: uppercase; color:#00dac4; font-weight: normal; line-height: 30px;}
.mainslider	h8						{ font-size: 20px; font-family: Verdana, sans-serif; color:#FFF; font-weight: normal; line-height: 23px;}
.mainslider	h10						{ font-size: 18px; font-family: Verdana, sans-serif; color:#2b2d2e; font-weight: normal; line-height: 23px;}
.mainslider	h11					{ font-size: 15px; font-family: Verdana, sans-serif; color:#FFF; font-weight: normal; line-height: 18px;}
.mainslider	h12						{ font-size: 14px; font-family: Verdana, sans-serif; color:#FFF; font-weight: normal; line-height: 23px;}
.mainslider	h13						{ font-size: 24px; font-family: Arial; font-weight: bold; text-transform: uppercase; color:#DAD287; font-weight: normal; line-height: 30px;}
.mainslider	h14					{ font-size: 32px; font-family: Arial; font-weight: bold; text-transform: uppercase; color:#fff; font-weight: normal; line-height: 30px;}
.mainslider .slider,
.mainslider .slider	> ul,			
.mainslider .slider	> ul > li		{ height: 330px;}
.mainslider	.apropos				{ background: url(imgs/slider-apropos.jpg)}
.mainslider	.enrichir				{ background: url(imgs/slider-enrichir.jpg)}
.mainslider	.tests					{ background: url(imgs/slider-tests.jpg)}
.mainslider	.gerer					{ background: url(imgs/slider-gerer.jpg)}
.mainslider	.fille					{ background: url(imgs/slider-fille.jpg)}
.mainslider	.argenteur				{ background: url(imgs/slider-argenteur.jpg)}
.mainslider	.psychologie			{ background: url(imgs/slider-psychologie.jpg)}
.mainslider	.techniques				{ background: url(imgs/slider-techniques.jpg)}
.mainslider	.anniversaire15e		{ background: url(imgs/slider-15e.jpg)}
.mainslider	.slider1img				{ background: url(imgs/slider-slider1img.jpg)}

/*
.hommeordi a.bouton
{
	min-width: 300px;
}
*/

.sliderjump 						{ z-index: 10;}
.sliderjump ul						{ position: absolute; left: 0; bottom: 0; width: 100%;}
.sliderjump li						{ position: absolute; bottom: 0; height: 262px}
.sliderjump li a					{ width: 48px; height: 128px; cursor: pointer; }	
.sliderjump .prev					{ left: -34px}
.sliderjump .prev a					{ background: url(imgs/slider_prev.png) right top no-repeat; }
.sliderjump .next					{ right: -35px}
.sliderjump .next a					{ background: url(imgs/slider_next.png) left top no-repeat; }


.slidernav							{ border-top: 2px solid #212121; background: #ecece8 }
.slidernav ul						{ overflow: hidden; font-weight: bold; background: #2e2f2f; border-radius: 0 0 18px 0; cursor: pointer;}
.slidernav li						{ display: block; float: right; width: 98px; height: 36px; line-height: 36px; padding: 9px 18px 9px 36px; 
										box-shadow: inset -5px 0 20px #2e2f2f; margin-left: -18px; background: #777778;}
.slidernav li.apropos				{ margin-left: 0; padding: 9px 18px; }
.slidernav li.active				{ border-radius: 0 0 24px 0; color: #2e2f2f }
.slidernav li.psychologie			{ width: 126px;}
.slidernav li.tests					{ width: 80px;}
.slidernav li.gerer					{ width: 90px;}
.slidernav li.twolines				{ line-height: 18px;}	

.etapes	.container					{ padding-top: 36px; padding-bottom: 36px;}
.etapes header						{ position: absolute; left: -45px; top: 50%; margin-top: -134px; 
									 background:url(imgs/etapes-title.png); width: 161px; height: 268px; z-index: 2 }
.etapes header	h1					{ padding-left: 10px; padding-top: 112px;}	
							 
.etapes nav 						{ margin-left: 20px; position: relative;}
.etapes	ul							{ margin: 0; padding: 0; overflow: hidden;}					
.etapes	li							{ display: block; position: relative; height: 54px; float: left; }
.etapes	li a						{ display: block; line-height: 50px; font-size: 14px; height: 54px; background: url(imgs/etapes-bkg.png); color: #090908; text-align: center;}
.etapes	li.twolines a				{ line-height: 16px; padding-top: 8px; height: 47px; }
.etapes li a:hover					{ color: #37838d; text-decoration: none;}
.etapes	li:before,
.etapes	li:after					{ content: ""; float: left; display: block; height: 54px; position: absolute; z-index: 1; top:0; }
.etapes	li:before					{ left: 0; }
.etapes	li:after					{ right: 0;}
		
.etapes	li.first a,
.etapes	li.prev a,
.etapes	li.flipfirst a				{ margin-left: 50px;}
.etapes	li.flipprev a				{ margin-left: 100px;}

.etapes	li.last a,
.etapes	li.next a,
.etapes	li.fliplast a				{ margin-right: 50px;}
.etapes li.flipnext a				{ margin-right: 100px;}

.etapes	li.first:before				{ width: 50px; background: url(imgs/etapes-first.png);}
.etapes	li.last:after				{ width: 50px; background: url(imgs/etapes-last.png);}
.etapes	li.prev:before				{ width: 50px; background: url(imgs/etapes-prev.png);}
.etapes	li.next:after				{ width: 50px; background: url(imgs/etapes-next.png);}
.etapes	li.flipfirst:before			{ width: 50px; background: url(imgs/etapes-flip-first.png)}
.etapes	li.fliplast:after			{ width: 50px; background: url(imgs/etapes-flip-last.png)}
.etapes	li.flipprev:before			{ width: 100px; background: url(imgs/etapes-flip-prev.png)}
.etapes	li.flipnext:after			{ width: 100px; background: url(imgs/etapes-flip-next.png)}

.etapes li.select a					{ background: #3b8d9a!important; background-image: linear-gradient(90deg, #215259 0%, #3b8d9a 70%); height: 50px; margin-bottom: 4px; margin-right: 4px; color: #fff; font-size: 14px; box-shadow: inset 0 0 30px #215259;}

.news								{ height: 166px;  }
#news								{ height: 166px; }
#news > li							{ height: 166px; width: 716px}	

.newsjump a							{ position: absolute; top: -108px; width: 48px; height: 48px; background-color: #fff; cursor: pointer;}
.newsjump span						{ display: block; width: 15px; height: 30px; margin: 9px 16px 9px 17px; background-position: left center; background-repeat: no-repeat;}
.newsjump a:hover span				{ background-position: right center; }
.newsjump .prev						{ background-image: linear-gradient(90deg, #d5d3d3 0%, #fff 100%); left: 0;}
.newsjump .prev	span				{ background-image: url(imgs/fleches-prev.png)}
.newsjump .next						{ background-image: linear-gradient(90deg, #fff 0%, #d5d3d3 100%); right: -2px;}
.newsjump .next	span				{ background-image: url(imgs/fleches-next.png)}						
hr.gray								{ border-top-color: #ddd; background: none!important }
hr.fat								{ border-top-width: 12px; position: relative; height: 30px; margin-bottom: 0;  }

hr.fat:before						{ content: "▼"; position: absolute; width: 100%; top:-8px; left: 0; text-align: center; color: #ddd; line-height: 1; font-size: 40px}


.forma-slider						{ width: 396px; margin: 0 42px; height: 198px}
#forma-slider						{ height: 198px}
.forma-slider li					{ width: 132px; float: left; height: 198px; position: relative; }

.forma-slider a						{ display: block; height: 126px; position: relative; top: 72px; left: 0; padding-top: 36px; background: #f0eeee; color: #000; padding-left: 9px; padding-right: 9px;  box-shadow: inset 0 0 40px #aaa; border: 1px solid #fff; text-align: center; }
.forma-slider li:hover a			{ background: #32bdb0; box-shadow: inset 0 0 40px #2f7f79; color: #217e76 }
									 
.forma-slider div					{ display: block; position: absolute; z-index: 2; width: 80px; height: 80px; border-radius: 40px; background: #f0eeee; 
background-image: linear-gradient(#b1b1b1 75%, #ffffff 100%); box-shadow: inset 0 0 10px #b1b1b1; border: 1px solid #fff; left: 26px; top: 24px;}

.forma-slider li:hover div			{ background: #32bdb0; background-image: linear-gradient(#32bdb0 75%, #3ff6e5 100%);  box-shadow: inset 0 0 40px #2f7f79;  }

.forma-slider li span				{ display: block; width: 42px; height: 42px; margin: 19px; background-image: url(imgs/forma-icn.png); background-repeat: no-repeat;}

.forma-slider .promotion span		{background-position: 0 0;}
.forma-slider .carriere span		{background-position: -42px 0;}
.forma-slider .augmentation span			{background-position: -84px 0;}
.forma-slider .autonomme span		{background-position: -126px 0;}
.forma-slider .immobilier span		{background-position: -168px 0;}
.forma-slider .invention span		{background-position: -210px 0;}
.forma-slider .entreprise span		{background-position: -252px 0;}
.forma-slider .produits span		{background-position: -294px 0;}
.forma-slider .bourse span		{background-position: -336px 0;}
.forma-slider .collection span		{background-position: -378px 0;}


.forma-slider .promotion:hover span	{background-position: 0 -42px;}
.forma-slider .carriere:hover span	{background-position: -42px -42px;}
.forma-slider .augmentation:hover span	{background-position: -84px -42px;}
.forma-slider .autonomme:hover span	{background-position: -126px -42px;}
.forma-slider .immobilier:hover span{background-position: -168px -42px;}
.forma-slider .invention:hover span	{background-position: -210px -42px;}
.forma-slider .entreprise:hover span	{background-position: -252px -42px;}
.forma-slider .produits:hover span	{background-position: -294px -42px;}
.forma-slider .bourse:hover span	{background-position: -336px -42px;}
.forma-slider .collection:hover span	{background-position: -378px -42px;}

							 
.forma-slider a:hover				{ text-decoration: none;}
.forma-jump a						{ position: absolute; bottom: 0px; width: 43px; height: 126px; background-color: #fff; cursor: pointer;}
.forma-jump span					{ display: block; width: 15px; height: 30px; margin: 48px 14px; background-position: left center; background-repeat: no-repeat;}
.forma-jump a:hover span			{ background-position: right center; }
.forma-jump .prev					{ background-image: linear-gradient(90deg, #d5d3d3 0%, #fff 100%); left: 0;}
.forma-jump .prev	span			{ background-image: url(imgs/fleches-prev.png)}
.forma-jump .next					{ background-image: linear-gradient(90deg, #fff 0%, #d5d3d3 100%); right: 0;}
.forma-jump .next	span			{ background-image: url(imgs/fleches-next.png)}	

.jeux-list header					{  background: url(imgs/jeux-head.jpg) center center no-repeat; height: 148px; }
.jeux-list h2						{ display: block; float: left;clear: both; padding: 0 18px; background: #378794; color: #fff; margin: 0;  margin-top: 18px; margin-left: -11px; box-shadow: inset 0 0 40px #1c5760; width: 85%; }
.jeux-list .outr					{ height: 430px; background: #f5f5f5;  padding:11px; box-shadow: 0px -1px 2px  rgba(0,0,0,.2); position: relative;}
.jeux-list .bouton					{ position: absolute; left: 18px; bottom: 18px;}
.jeuxderole,
.methode							{ height: 486px;}
.methode							{ background: url(imgs/methode_sep.png) left center no-repeat; }

body.boutique .mainslider			{ background-image: url(imgs/header_boutique.jpg); background-position: center bottom}
.boutique .mainslider				{ height: 345px}

.boutique_nav a						{ font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; font-size: 20px; height: 290px; padding-top: 55px;}

.boutique-list .box					{ border: 1px solid #cfcfcc;  }
.boutique-list header				{  background: #eeefea; border: 1px solid #cfcfcc; border-bottom: 0; color: #000; font-weight: bold; 
									 position: relative; z-index: 2; background-image: linear-gradient(#eeefea 40%, #dbdbd0 100%); }

#footer								{ font-size: 14px; }
#footer > div						{ height: 160px; padding-top: 85px; background:url(imgs/footer-bkg.png) center bottom no-repeat  }
.pubpage #footer > div				{ background: #d9dadc; background-image: none;  color: #000}
.pubpage #footer > div a			{ color: #000}
#footer form						{ width: 250px; margin: 0 auto;}
#footer fieldset					{ position: relative; text-align: left; display: block; margin: 0; padding: 0; width: 100%;}
#footer label						{ font-size: 18px; line-height: 32px; font-style: italic;}
#footer input[type="email"]			{ height: 24px; line-height: 24px; width: 80%; border: none; margin-bottom: 0;}
#footer input[type="submit"]		{ width: 25%; height: 24px; line-height: 24px; position: absolute; bottom: 0; padding: 0; right: 0; border: none;}	
#footer nav							{ margin-top: 42px; padding-top: 18px; height: 28px; background:url(imgs/sitemap-sep.png) center top no-repeat }
#footer nav a							{ color: #fff; padding: 0 18px}
#footer a:hover						{ text-decoration: none; color: #000;}

#topbtt									{ position: fixed; bottom: -5px; left: 0; width: 100%; z-index: 100}
#topbtt a								{ position: absolute; bottom: 0; right: -40px;}
/*	=============================================================================
	Helpers
	========================================================================== */


/* Nav */
	nav ul, nav ol				{ list-style: none; list-style-image: none; margin: 0; padding: 0 }
	nav li						{ display: inline; }
	nav a						{ display: inline-block; }
 
 
/* Box elements */
	.box,
	.block,
	[class*="pad_"],
	[class*="grid_"]			{ box-sizing: border-box; }		

	.block > :last-child,
	.box > :last-child			{ margin-bottom: 0; }
	
/* Images replacements */
	.ir							{ display: block; border: 0; text-indent: -999em;   
									background-color: transparent; background-repeat: no-repeat; text-align: left; }
	.ir br						{ display: none; }


/* Clearfix */
	.clearfix:before,
	.clearfix:after				{ content: ""; display: table; }
	.clearfix:after				{ clear: both; }

	
/* Clears */
	.clear						{ display: block; clear: both; overflow: hidden; }
	br.clear					{ height: 1px; margin: -1px 0 0 0; }


/* Floats & Alignement */
	.ctn_left					{ text-align: left; }
	.ctn_right					{ text-align: right; }
	.ctn_center					{ text-align: center; }
	.ctn_justify				{ text-align: justify; }
	
	[class*="align_"],
	[class*="float_"]			{ display: block;}			
	.align_center				{ margin-left: auto; margin-right: auto; float: none!important; }
	.align_right, .float_right	{ float: left; }
	.align_left, .float_left	{ float: left; }

	.frame						{ display: table; width:100%; height:100%; position: relative;}			
	.table						{ display: table; height:100%; table-layout: fixed;}
	.table-row					{ display: table-row; height: 1px;  }	
	.cell						{ display: t; vertical-align:middle; }

	.expand						{ height: auto;}
	.disblock					{ display: block; }
	
/* Others */

	.caps						{ text-transform: uppercase; }
	.relative					{ position: relative; }
	
	.video						{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
	.video iframe,
	.video object,
	.video embed				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	
/*	=============================================================================
	Fluid 5 col 
	========================================================================== */

.line,
[class*="grid_"].last			{ float: none; width: auto;  }
[class*="grid_"].last			{ overflow: hidden; }
[class*="grid_"]				{ float: left; }

.line:before,
.line:after						{ content: ""; display: table; }
.line:after						{ clear: both; }

.grid_5							{ width: 5%; }
.grid_10						{ width: 10%; }
.grid_15						{ width: 15%; }
.grid_16						{ width: 16.66666%; }
.grid_20						{ width: 20%; }
.grid_23						{ width: 23%; }
.grid_25						{ width: 25%; }
.grid_30						{ width: 30%; }
.grid_33						{ width: 33.33333%; }
.grid_35						{ width: 35%; }
.grid_38						{ width: 38%; }
.grid_40						{ width: 50%; }
.grid_4001						{ width: 50%; }
.grid_45						{ width: 45%; }
.grid_50						{ width: 50%; }
.grid_55						{ width: 55%; }
.grid_60						{ width: 60%; }
.grid_65						{ width: 65%;}
.grid_66						{ width: 66.66666%; }
.grid_70						{ width: 70%; }
.grid_75						{ width: 75%; }
.grid_80						{ width: 80%; }
.grid_85						{ width: 85%; }
.grid_90						{ width: 90%; }
.grid_95						{ width: 95%; }
.grid_100						{ float: none; }

.push_5							{ margin-left: 5%; }
.push_10						{ margin-left: 10%; }
.push_15						{ margin-left: 15%; }
.push_20						{ margin-left: 20%; }
.push_25						{ margin-left: 25%; }
.push_30						{ margin-left: 30%; }
.push_33						{ margin-left: 33.33333%; }
.push_35						{ margin-left: 35%; }
.push_40						{ margin-left: 40%; }
.push_45						{ margin-left: 45%; }
.push_50						{ margin-left: 50%; }
.push_55						{ margin-left: 55%; }
.push_60						{ margin-left: 60%; }
.push_65						{ margin-left: 65%; }
.push_66						{ margin-left: 66.66666%; }
.push_70						{ margin-left: 70%; }
.push_75						{ margin-left: 75%; }
.push_80						{ margin-left: 80%; }
.push_85						{ margin-left: 85%; }
.push_80						{ margin-left: 80%; }
.push_95						{ margin-left: 95%; }


/*	=============================================================================
	HTML5 browsers specifics
	========================================================================== */

html							{ -webkit-text-size-adjust:none; -ms-text-size-adjust: none; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"]			{ -webkit-appearance: button; }

/*DownMenu*/

.downmenu
{
	font-family:"Aller", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
}

.downmenu a
{
	font-family:"Aller", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	
}

.downmenu a:hover
{
	font-family: "Aller", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-decoration:underline;
}

.font_box
{
	font-family:Arial, Helvetica, sans-serif;
	color:#dad287;
	font-size:30px;
	
}
.font_box1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	
}

.m_grid_60						
{
	margin-top:-10px;  
    width: 100%; 
}

.m_box
{
	padding:10px;
}

.m_red
{
	background-color:#9d0939;
}

.m_gray
{
	background-color:#787d80;
}

.m_yelow
{
	background-color:#9d964e;	
}

.m_blue
{
	background-color:#103562;	
}

.m_green {	background-color:#2aa394; }
.m_black {	background-color:#000000; color:#ffffff; }
.m_light_green {	background-color:#9cc3c9; }

.m_pad_vertical { padding-top: 60px; }
.m_pad_vertical1 { padding-top: 30px; }

.m_title_font
{
	color:#fff;
	font-size:30px;
	margin-top:-40px;

}
.m_title_font1
{
	color:#fff;
	font-size:30px;
	margin-top:-30px;

}
.m_up
{
	margin-top:-10px;
}


.blakbackg						{ background-color:#000; background-repeat:repeat-x;}
.containernews					{ width: 1204px!important; }


.blakbackg						{ background-color:#000; background-repeat:repeat-x;}
.containernews					{ width: 1204px!important; }
.newsnews								{ height: 50px;  }
#newsnews								{ height: 50px; }
#newsnews > li							{ height: 50px; width: 900px}	
.grid_65_news						{ width:1024px}
.boxanc								{ margin-top: -10px; }
.font-title						{ color:#00dac3; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.font-titleother					{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16.5px;}
.containeranc					{ width: 1024px!important;}
.img_anc
{
	margin-top:-60px; margin-left: 0px; position: absolute;
	
}

#news .static-news
{
	text-align: center;
}

#news .static-news .font-title
{
	font-size: 16px;
}

#news .static-news a
{
	color: #ffffff;
	/*text-decoration: underline;*/
}

/*	=============================================================================
	Social links
	========================================================================== */

.fb-like-box
{
	color:#fff;
	font-family:'Tahoma', Geneva, sans-serif, Impact;
	font-size:12px;
	font-weight:normal;
	height:10px;
	padding:0 0 0 0;
	position:absolute;
	text-align:right;
	right:0px;
	width:400px;
	top:0px;
	z-index:9999991;
}

/*	=============================================================================
	Formations
	========================================================================== */


.formations-en-vedette
{
	background-color: #ffffff;
	margin: 2.0em 0px;
}

.formations-en-vedette h1
{
	color:#338795;
}

.formations-en-vedette > div
{
	width: 920px;
}

.formations-en-vedette article .grid_30
{
	background-color: #e5e5e5;
	margin-left: 0.6666%;
	margin-right: 0.6666%;
	padding:20px;
	width: 32%;
}

.formations-en-vedette article .grid_30_first
{
	margin-left: 0px;
	margin-right: 1.3333%;
}

.formations-en-vedette article .grid_30_last
{
	margin-left: 1.3333%;
	margin-right: 0px;
}

.formations-en-vedette .content
{
	min-height: 240px;
}

.formations-en-vedette .content p
{
	line-height: 1.2;
}

.formations-ensavoirplus
{
	background-color: #e5e5e5;
	padding: 30px 20px 30px 20px;
}

.formations-ensavoirplus h1, .formations-ensavoirplus h2, .formations-ensavoirplus h3, .formations-ensavoirplus h4
{
	color: #338795;
	font-weight: bold;
}

.formations-ensavoirplus > h1
{
	margin-bottom: 1.0em;
}

.formations-ensavoirplus .ensavoirplus-desc
{
	border-right: 2px solid #338795;
	line-height: 1.2;
	padding-right: 30px;
}

.formations-ensavoirplus .cta
{
	margin-top: 2.0em;
}

.formations-ensavoirplus .cta-plandecours
{
	display: inline-block;
}

.formations-ensavoirplus .cta-byemail
{
	background-color: #f2f2f2;
	border: 1px solid #aaa;
	color: #338795;
	display: inline-block;
	padding: 10px 20px 10px 20px;
	margin-top: 1.5em;
	margin-right: 1.0em;
	text-align: center;
	width: 50%;
}

.formations-ensavoirplus .cta-byemail h3
{
	color: #338795;
	font-size: 1.2em;
	margin-bottom: 0px;
	text-align:left;
}

.formations-ensavoirplus .cta-byemail a
{
	color: #338795;
	font-size: 1.5em;
	text-decoration: none;
}

.formations-ensavoirplus .cta-byemail .cta-phone
{
	border-right: 1px solid #338795 !important;
	display: inline-block;
	font-size: 1.2em;
	margin-right: 20px;
	padding: 0px 20px 0px 0px;
	text-align:left;
}

.cta-phone-block
{
	display: inline-block;
	font-size: 1.2em;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px 20px 0px 0px;
	text-align:left;
}

.formations-ensavoirplus .cta-byemail .cta-icon
{
	display: inline-block;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

.formations-ensavoirplus .ensavoirplus-dates
{
	padding-left: 20px;
}

.formations-ensavoirplus .ensavoirplus-dates p
{
	margin-bottom: 0.45em;
}

.formations-ensavoirplus .price
{
	color: #338795;
	font-weight: bold;
}

/*
.formations-ensavoirplus h1, .formations-ensavoirplus h2, .formations-ensavoirplus h3, .formations-ensavoirplus h4
{
	color: #338795;
}
*/

h1.pill, h2.pill, h3.pill, h4.pill, h5.pill, h6.pill
{
	background-color: #338795;
	border-radius: 3.0em/3.0em;
	color: #ffffff;
	margin: 0.5em 0px 0.5em 0px;
	padding: 0.25em 0.5em 0.25em 1.0em;
	text-align: left;
	width: 50%;
}

h1.pill.lg, h2.pill.lg, h3.pill.lg, h4.pill.lg, h5.pill.lg, h6.pill.lg
{
	width: 75%;
}

/*
div.plandecours-section .block, section.plandecours-section .block
{
	margin-bottom: 0px;
}

div.plandecours-section > div
{
	width: 920px;
}

.plandecours, m_bloc.plandecours
{
	padding-top: 0px;
}

.plandecours-content
{
	background-color: #e5e5e5;
	padding: 0px 0px;
}

div.plandecours .plandecours-desc
{
	padding-left: 3.0em;
}

div.plandecours .plandecours-desc > ol
{
	padding-left: 4.0em;
}

div.plandecours .plandecours-desc > ol > li
{
	margin-bottom: 1.0em;
}

div.plandecours .plandecours-desc ol li ol li
{
	list-style-type: lower-alpha;
}
*/

.plandecours-section .formations-ensavoirplus
{
	background-color: #ffffff;
	border-bottom: 0px solid #ffffff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-top: 0px solid #ffffff;
}

.plandecours-section .formations-ensavoirplus .cta-byemail
{
	background-color: #338795;
	color: #ffffff;
}

.plandecours-section .formations-ensavoirplus .cta-byemail .cta-phone
{
	border-right: 1px solid #ffffff !important;
	font-size: 1.5em;
}

.plandecours-section .formations-ensavoirplus .cta-byemail h3
{
	color: #ffffff;
	font-family: 'Arial', 'Tahoma', Geneva, sans-serif, Impact;
	font-size: 1.5em;
	font-weight: normal;
}

.plandecours-section .formations-ensavoirplus .ensavoirplus-desc
{
	border-right: none;
}

.plandecours-section .ensavoirplusbg-container
{
	position: relative;
}

/*.plandecours-section .ensavoirplusbg*/
.plandecours-section .ensavoirplus-dates
{
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5; /* #338795; #88dbda;*/
	border-radius: 2.0em/2.0em;
	padding: 1.5em 1.5em;
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	width: 35%;
	z-index: 0;
}


div.plandecours-section .block, section.plandecours-section .block
{
	margin-bottom: 0px;
}

section.plandecours-section .m_box
{
	padding-bottom: 0px;
}

.plandecours-container
{
	background-color: #ffffff;/*#f8f8f8;*/
	border-bottom: 0px solid #ffffff;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-top: 0px solid #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 2.0em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1.0em;
}

.plandecours-container .plandecours-desc > p
{
	padding-left: 1.5em;
}

.plandecours-container .plandecours-desc > ol
{
	padding-left: 4.0em;
}

.plandecours-container .plandecours-desc > ol > li
{
	margin-bottom: 1.0em;
}

.plandecours-container .plandecours-desc > ol > li > ol
{
	margin-top: 0.25em;
}

.plandecours-container .plandecours-desc ol li ol li
{
	list-style-type: lower-alpha;
	margin-bottom: 0.15em;
}

.plandecours-content
{
/*
	padding-left: 10px;
	padding-right: 10px;
*/
}

.plandecours-section .formations-ensavoirplus .cta-byemail
{
	width: 95%;
}

footer.plandecours-section
{
	margin-top: 0px;
}


@media (min-width: 1200px) {
	.fb-like-box
	{
		right:-120px;
		width:400px;
		top:2px;
	}
}


@media print
{
	h1.pill, h2.pill, h3.pill, h4.pill, h5.pill, h6.pill
	{
		background-color: #338795 !important;
		/*border: 1px solid #666666 !important;*/
		border-radius: 3.0em/3.0em !important;
		color: #ffffff !important;
		font-size: 14pt !important;
	}

	div.plandecours-section
	{
		background-color: #ffffff;
	}
	
	div.plandecours-section, div.plandecours, div.plandecours-desc
	{
		page-break-inside: always;
		orphans: 0;
		widows: 0;
	}
	
	div.plandecours
	{
		page-break-before: always;
		page-break-inside: auto;
	}
	
	.frame, .wrapper, .expand, .container
	{
		display: inline;
	}
	
	h1, h2, h3, h4 ,h5, h6, .pill
	{
		page-break-after: avoid;
		page-break-before: auto;
	}
	
	.pill
	{
		display: block;
	}
	
	.plandecours-desc
	{
		page-break-before: avoid;
	}
	
	.no-print
	{
		display: none !important;
	}
	
	.plandecours-section .formations-ensavoirplus div
	{
		/*display: inline-block;*/
	}
	
	.plandecours-section .formations-ensavoirplus .ensavoirplus-desc
	{
		max-width: 60%;
	}

	.plandecours-container
	{
		background-color: #ffffff !important;
	}
}