/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(1744,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(1844,1): run-time error CSS1019: Unexpected token, found '}'
(1860,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1872,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1908,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2173,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
@font-face {
    font-family:regular;
    src: url('/Content/fonts/RobotoCondensed-Regular.ttf');
}

@font-face {
    font-family:bold;
    src: url('/Content/fonts/RobotoCondensed-Bold.ttf');
}

@font-face {
    font-family:light;
    src: url('/Content/fonts/RobotoCondensed-Light.ttf');
}

html {
	height:100%;
}

.light {
	font-family:light;
}

.regular {
	font-family:regular;
}

body {
	font-family:regular, Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-variant-ligatures:none;
	margin:0px;
	padding:0px;
	color:black;
	background-color:white;
	color:#333;
	height:100%;
    padding-bottom:10px;
}

body section > * {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

div.tooltip {
    display:inline-block;
    position:relative;
    margin-left:20px;
}

div.tooltipMessage {
    display:none;
    position:absolute;
    color:white;
    background-color:#333;
    padding:1px;
    font-size:0.9em;
}

div.tooltip:hover .tooltipMessage {
    display:block;
}

.conditions {
    margin-bottom:10px;
}

#content {
    background-color:white;
}

section {
    background-color:white;
}

div#all {
	background-color:white;
	box-shadow:0px 0px 4px #BBB;
}

#content {
	width:100%;
	display:table;
	table-layout:auto;
}

#realContent {
	padding:10px;
	padding-left:10px;
	padding-top:0px;
}

div[class*=page], #page {
}

div#share {
	margin-right:17px;
	display:table;
}

div#share > div {
	display:table-cell;
	vertical-align:top;	
}

#finalContent {
	display:table-cell;
}

#headerMin {
	opacity:0;
	width:100%;
	display:none;
	position:fixed;
	background-color:white;
	margin-top:0px;
	top:0px;
	border-bottom:1px solid #DDD;
	z-index:20000;
}

#leftMenu {
	color:white;
}

#leftMenuContent {
	transition:2s;	
}

#leftMenuContent a {
	text-decoration:none;	
}

#leftMenuContent ul ul {
	display:none;	
}

#leftMenucontent ul li:before {
	content:"+";
}

#leftMenuContent ul li {
	cursor:pointer;	
}

#leftMenu li, #leftMenu ul {
	list-style-type:none;
	margin-left:5px;
	padding-left:5px;
}

#leftMenu li {
	margin-top:5px;
	margin-bottom:5px;	
}

a {
	text-decoration:none !important;	
}

#menu a {
	text-decoration:none;
}

a:link,a:hover,a:visited {
	text-decoration:underline;
	color:inherit;
}

a.none {
	text-decoration:none !important;
}

span.sl, a.sl, a:hover {
	text-decoration:underline !important;	
}

div.none a, footer.none a {
	text-decoration:none !important;
}

.clear {
    clear:both !important;
}

.gray1 {
	color:#888;
}

.bblack {
	background-color:black !important;	
}

.bgray {
	background-color:#E6E7E8 !important;
}

.bgray2 {
	background-color:#575756;
}

.bgray3 {
	background-color:#DADADA;	
}

.bgray4 {
	background-color:#808080;	
}

.bgreen {
	background-color:#64BFBB;
}

.bgreen2 {
	background-color:#41AD49;	
}

.bgreen3 {
	background-color:#008289;	
}

.bred {
	background-color:#EEBAA7;	
}

.bred2 {
	background-color:#E74542;
}

.bred3 {
	background-color:#85216A;
}

.bblue {
	background-color:#6AC4CE;	
}

.seminar {
	color:#467DAD;
}

.digital {
	color:#A15E8D;
}

.elearningItem {
    color:rgb(139, 76, 108);
}

.borsys {
	background-color:#0093A8;
}

.borange {
	background-color:#EC4622 !important;
}

.bpurple {
	background-color:#827A96;	
}

.borderOrsys {
	border:1px solid #0093A8;	
}

.round {
	border-radius:5px;
}

.domainesMenu {  
}

.domainesMenu > a, .categorie > a {
    font-weight:bold;
    color:#8B4C6C;
}

.categorie > a {
    color:rgb(67,105,131);
}

.sdomainesMenu {
    margin-top:1px;
}

.btnOrsys, input[type=submit], input[type=reset], input[type=button], a.button {
    background-color:#0093A8;
    border-radius:5px;
    cursor:pointer;
}

a.button {
    color:white;
    padding-left:5px !important;
    padding-right:5px !important;
}

a.button:hover {
	text-decoration:none;	
}

.btnOrsys, input[type=submit], input[type=reset], input[type=button] {
	color:white !important;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none !important;
}

input[type=text], input[type=password], select, textarea {
    border:1px solid #DDD;
    padding-top:0px;
    padding-right:10px;
    padding-left:10px !important;
    padding-bottom:0px;
    line-height:32px;
    height:32px;
    font-size:1.04em;
    font-family:light;
    color: #666;
}

input[type=submit],input[type=reset] {
    border-radius:0px;
    padding:6px;
    font-size:1.0em;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, select {
    color: #666;
}

select {
    padding-right:0px;
}

textarea {
    min-height:100px;
    font-family:light;
}

.borderGray {
	border:1px solid #888;		
}

.borderWhite {
	border:1px solid #FFF;
}

.bblack {
	background-color:black;	
}

.table {
	display:table;
	width:100%;
}

.cell {
	display:table-cell !important;
	vertical-align:middle;
}

.bwhite {
	background-color:white;	
}

.bleft {
	border-left:2px black solid;	
}

.l5 {
	padding-left:5px;
}

.l10 {
	padding-left:10px;
}

.m5 {
	margin-top:5px;	
}

.m10 {
	margin-top:10px;	
}

.b10 {
	margin-bottom:10px;	
}

.m15 {
	margin-top:15px;	
}

.m20 {
	margin-top:20px;	
}

.m30 {
	margin-top:30px;
}

.m40 {
   margin-top:40px;
}

.m50 {
	margin-top:50px;
}

.p2 {
	padding:2px;
}

.p5 {
	padding:5px;	
}

.p10 {
	padding:10px;	
}

.p20 {
	padding:20px;
}

.pl50 {
	padding-left:50px;	
}

.bb {
	border-bottom:1px solid #959096;	
}

h1,h2 {
	margin:0px;	
}

h1 {
	font-size:1.4em;
	color:#8B4C6C;
	font-family:regular;
	font-weight:100;
}

h2, a.blue2 {
	font-size:1.2em;
}

h2, a.blue2,div.blue2 {
    color:#006A79;
}

.blue3 {
    color:rgb(67,105,131);
}

h3 {
	font-size:1.0em;	
}

h3.orsys {
	color:#006A79;	
}

.legend {
	margin-top:10px;
	font-style:italic;	
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.orsys, a.orsys, a[data-role=next], a.blue,span.blue {
	color:#0177b3;
}

a[data-role=next] {
	text-decoration:underline !important;	
}

div[data-role=jauge] {
    display:inline-block;
    position:relative;
    border:1px solid #AAA;
    width:50%;
    height:18px;
}

div.jaugeBar {
    position: absolute;
    top:0;
    left:0;
    white-space: nowrap;
    overflow: hidden;
    width:0%;
    background-color:#f8ce0b;
}

div[data-role=noteOff] {
    display:inline-block;
    position:relative;
}

div[data-role=noteOff]::before {
    content : "\2606 \2606 \2606 \2606 \2606";
    font-family:arial;
    font-size:1.5em;
}

span[data-role=noteOn] { 
    position: absolute;
    top:0;
    left:0;
    white-space: nowrap;
    overflow: hidden;
    width:100%;
    color: #f8ce0b;
}

span[data-role=noteOn]::before {
    content : "\2605 \2605 \2605 \2605 \2605";
    font-family:arial;
    font-size:1.5em;
}

input::-ms-clear {
    display: none;
}

textarea::-ms-clear {
    display: none;	
}

.hidden {
	display:none !important;
}

.white {
	color:white !important;
}

.purple {
	color:#8B4C6C !important;	
}

.bpurple {
	background-color:#827A96;
}

.purple2 {
    color:#604A7B;
}

.bpurple2 {
	background-color:#604A7B;
}

.black {
	color:#333 !important;	
}

.red {
	color:#D3171A;	
}

.orange {
	color:orange !important;	
}

.overflow {
	overflow:hidden;	
}

.trow {
	display:table-row;	
}

.tcell {
	display:table-cell;	
}

div.timage {
    display:table-row;
}

div.timage > img {
    display:table-cell;	
    vertical-align:middle;
    width:auto;
    margin-right:5px;
}

div.timage > div {
    display:table-cell;
    vertical-align:middle;
}

div.timage > h2 {
    display:table-cell;
    vertical-align:middle;
}

.debug {
	background-color:red !important;
	border:1px solid red;
}

img {
	width:100%;
    vertical-align: middle;		/* Chrome */
	border-style:none;
}

img.fixed, input[type=image].fixed {
	width:auto;	
}

div.fixed img, img.picto {
	width:auto;	
}

hr {
	border:none;
	height:1px;
	color:#DDD;
	background-color:#DDD;
	clear:both;
}

hr.orsys {
	background-color:#00A2B6;
	height:2px;
	width:80%;	
}

hr.orsys2 {
	color:white;
	height:1px;
	width:80%;	
}

.big {
	font-size:1.2em;	
}

.big2 {
	font-size:1.3em;
}

.small {
	font-size:0.9em;	
}

.small2 {
	font-size:0.8em;	
}

.small3 {
	font-size:0.7em;
}

.center {
	text-align:center;	
}

.right {
	text-align:right;
}

ul.nomargin  {
	margin-left:0px !important;	
}

ul.nomargin > li {
	margin-left:0px;	
}

ul.dash {
	list-style-type:none;
	margin-left:15px !important;
}

ul.dash > li:before {
	content:"-"; /* en dash here */
	position:absolute;
	margin-left:-1.1em;
}

ul.purple > li {
	list-style-image:url(/images/communs/puce-violet.png);
	margin-bottom:7px;
}

ul.purple2 > li {
	list-style-image:url(/images/communs/triangle-violet.png);
	margin-bottom:7px;	
}

.half {
	width:50%;
}

.middle {
	vertical-align:middle;	
}

div.middle > div {
	vertical-align:middle !important;	
}

div.cover {
	background-size:cover;
}

div.interaction:hover {
	height:140px !important;
	transition:height 2s;
}

.topBorder {
	border-top:1px solid white;	
	padding-top:10px;
}

.top {
	vertical-align:top;	
}

a.button {
	padding:1px;
}

div.introOrsys {
	margin-top:10px;	
}

h1.headerPage {
	text-align:center;
	margin-bottom:10px;	
}

#filAriane {
	list-style-type:none;
	margin-left:20px;
	padding-left:0px;
	font-size:0.8em;
    margin-bottom:20px;
    margin-top:5px;
	color:#999;	
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

ul#filAriane > li {
	display:inline;	
	margin-right:5px;
}

ul#filAriane > li:before {
	content:"> ";
}

span[data-role=status] {
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
	padding-right:5px;
}

#cookieAlerte {
	max-width:1024px;
    margin:auto;
    padding:10px;
	font-size:0.9em;
	clear:both;
    color:rgb(67,105,131);
}

#all {
	padding-bottom:5px;
}

table.border {
     border-collapse: collapse;
}

table.border th, table.border td {
    border:1px solid black;
}

.pictoCours {
    display: inline-block;
    color: white;
    border-radius: 5px;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 1.0em !important;
    height:25px;
    font-weight:100 !important;
    line-height:21px;
    vertical-align:middle;
}

.pictoNew {
    background-color:#2f9b2f;
}

.pictoBest {
    background-color:#c21323;
}

.pictoCpf {
    background-color:#6735b7;
}

.pictoActionsCo {
    background-color:#2a2a9e;
}

/* ********************* MODE *********************** */

.encadre {
    color:white;
    font-size:1.05em !important;
}

.bandeauMauve {
    background-color:#827A96;
}

.bandeauBleu {
    background-color:#005666;
} 

/*
h1.modedomaine, h1.modesurdomaine {
	background-image:url(/domaine/images/fond1.jpg) !important;
	padding:40px;
	line-height:50px;
}

h1.modesociete {
	background-image:url(/images/instit/fond2.jpg) !important;
}

h1.modecharte {
	background-image:url(/images/instit/fond11.jpg) !important;		
}

h1.modeoffre {
	background-image:url(/images/instit/fond5.jpg) !important;
}

h1.modeparcoursPro {
	background-image:url(/images/instit/fond6.jpg) !important;
}

h1.modeaccords {
	background-image:url(/images/instit/fond7.jpg) !important;
}

h1.modeopca, h1.modefinancement_pp, h1.modefinancement_dif, h1.modecpf {
	background-image:url(/images/instit/fond9.jpg) !important;
}

h1.moderecrutement,h1.modepostuler {
	background-image:url(/images/instit/fond3.jpg) !important;	
}

h1.modenouscontacter {
	background-image:url(/images/instit/fond8.jpg) !important;	
}

h1.modedemandeCatalogue,h1.modefacturation,h1.modederoulement,h1.modelieux2,h1.modeinscription  {
	background-image:url(/images/instit/fond4.jpg) !important;	
}

h1.modedomaine > span,h1.modesurdomaine > span  {
	background-color:rgba(255,255,255,0.9);
	padding:5px;
	display:inline-block;	
}

h1[class*=mode] {
	background-image:url(/images/instit/fond.jpg);
	padding:40px;
	line-height:50px;
}

h1[class*=mode] > span {
	background-color:rgba(255,255,255,0.9);
	padding:5px;
	display:inline-block;		
}
*/

/* ********************* FORM *********************** */

fieldset {
	display:table;
	width:100%;
	border-style:none;
	padding:0px;
	margin-top:5px;
}

fieldset > label {
	display:table-cell;
    vertical-align:top;
	width:30%;
}

fieldset > input[type=text], fieldset > textarea {
	display:table-cell;
	width:70%;
}

input[type=submit],input[type=reset],input[type=button] {
	border-style:none;
}

input[type=text]:disabled,textarea:disabled {
	border-style:none;	
}

input[type=submit]:disabled,input[type=button]:disabled {
	background-color:#AAA;
}

div[data-role=openClose]:hover {
	cursor:pointer;
}

/* ********************* HEADER ********************* */

header {
    background-color:white;
}

#headerMax {
    max-width:1000px;
    margin:auto;
}

#menu {
}

#home {
    vertical-align:top;
    margin-top:2px;
    margin-right:4px;
    width:auto;
}

nav {
    background-color:rgb(67,105,131);
}

nav > ul {
    margin:auto;
    max-width:1120px;

	background-color:rgb(67,105,131);
	padding-top:8px;
	padding-bottom:8px;
	color:white;
	margin-top:5px;
    margin-bottom:0px;
    vertical-align:top;

}

nav > ul[data-langue=en] > li, nav > ul[data-pays=be] > li, nav > ul[data-pays=ch] > li, nav > ul[data-pays=lu] > li  {
    margin-right:50px !important;
}

nav ul > li {
	display:inline-block;
	width:auto;
	margin-right:20px;
	text-align:center;
    vertical-align:top;
}

nav > ul > li > ul {
	display:none;
	background-color:#4092A5;
}

nav > ul > li > ul > li {
	display:block;
	text-align:left;
	margin:0px;
	padding:3px;
}

nav > ul > li > ul > li:nth-child(1) {
	margin-top:10px;	
}

nav > ul > li:hover > ul {
	position:absolute;
	display:block;
	padding:5px;
	margin:0px;
    z-index:1;
}

.courbe {
	background-image:url(/Content/images/communs/courbe.png);
	background-position:top right;
	background-repeat:no-repeat;
}

div.queryContainer {
    background-color:#E7E7E8;
    width:55%;
    position:relative;
    padding-bottom:2px;
    padding-top:2px;
}

div.queryContainer > input {
    position:absolute;
    left:0px;
    top:0px;
    width:85%;
    border-style:none;
    outline-style:none;
    text-align:left;
    padding:8px !important;
    font-size:1.1em !important;
    line-height:normal !important;
    height:auto !important;
}


.selectionCentre {
    line-height:normal !important;
    height:auto !important;
}

#headerMin input {
    padding:8px !important;
    font-size:1.1em !important;
    line-height:normal !important;
    height:auto !important;
}


input#query,input#query2,input#query3 {
	background:#E7E7E8;
	border-style:none;
	padding:8px;
	font-size:1.1em;
}

#formations {
	padding:10px;	
    padding-bottom:0px;
    background-color:#E6E7E8;
}

#formationsContent {
    background-color:#E6E7E8;
}

#formationsContent > * {
    margin:auto;
    max-width:1100px;
}

div.categorie a:hover {
	text-decoration:none !important;
}

#categories {
}

#categories > * {
	color:#333;
    font-weight:bold;
	margin:auto;
	font-size:1.2em;
}

.categorie {
	padding:4px;
	height:130px;
    width:80%;
    margin:auto;
	overflow:hidden;
}

#categoriesContent {
	transition:2s !important;	
    background-color:#E6E7E8;
}

.espaceClient {
	position:absolute;
	background-color:#ED4622;
	padding:4px;
	width:150px;
	box-shadow:2px 2px 4px black;
}

.espaceClient input {
	width:100%;
}

.espaceClient > div {
	margin-top:2px;
}

/* ********************* FOOTER ***************** ** */

footer {
    background-color:rgb(67,105,131);
    padding:10px;
    margin-top:10px;
}

footer > * {
    max-width:1000px;
    margin:auto;
}

/* ********************* BOX *********************** */

div.rzoneHeader {
	background-color:#666 !important;
	color:white;
	border:1px solid red;
}

div.rzoneIndicator {
	display:none;
}

div.boxGray {
	background-color:#E6E7E8;
	padding-top:0px;
	padding-bottom:5px;
}

div.boxGray > div.headerRed {
	background-color:#EC4622;
	color:white;
	padding:4px;	
}

div.boxGray > div:nth-child(2) {
	padding:5px;	
}

/* ******************** CARROUSEL ******************* */

#carrousel {
	padding-left:0px;	
	padding-bottom:0px;
    display:table-cell;
}

#leftCarrousel {
    display:table-cell;
    width:26px;
    align-content:center;
    visibility:hidden;
    opacity:0.8;
}

#rightCarrousel {
    display:table-cell;
    width:26px;
    align-content:center;
    opacity:0.8;
}

#leftCarrousel:hover, #rightCarrousel:hover {
    opacity:1.0;
}

.carrouselLeftBtn, .carouselRightBtn {
	position:relative;
	top:-150px;
	left:0px;
	cursor:pointer;
	opacity:0.4;
	width:20px;
}

.carouselLeftBtn:hover, .carouselRightBtn:hover {
	opacity:1;
}

.carouselRightBtn {
	left:90%;
	top:-200px;	
}

.carouselEtat {
	margin-top:5px;
}

.showFading {
	animation:showFadingFrames ease-in 0.4s;
}

.hideFading {
	display:none;
}

/* ******************** ONGLETS ********************* */

div.onglets {
	margin-top:10px;
	width:100% !important;
}

div.ongletsTitre ul {
	/* display:table; */
	/* width:100%; */
}

div.ongletsTitre ul > li {
/* 	display:table-cell; */
	display:inline-block;
	width:auto;
	background-color:#808080;
	color:white;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	margin-left:10px;
}

div.ongletsTitre ul > li.tabImage {
    padding:0px !important;
}

div.ongletsTitre ul > li:first-child {
	border-left-width:0px;
	margin-left:0px;
}

div.ongletsTitre ul {
	margin:0px;
	padding:0px;
}

div.ongletsTitre li {
	margin:0px;
	padding:5px !important;
	font-size:1.1em;
}

div.ongletsTitre li:hover {
	cursor:pointer;
}

div.ongletsTitre ul > li:nth-child(1) {
	background-color:#0093A8;
	box-shadow: 4px 0px 33px -4px rgba(0,0,0,0.75);
}

div.ongletsContenu {
	border:2px solid #0093A8;
	width:100%;
}

div.ongletsContenu > div {
	display:none;
	padding:10px;
}

div.ongletsContenu > div:nth-child(2) {
	display:block;
}

div.ongletRef {
	display:none;	
}

/* ********************* STAGE*********************** */

div.favori {
	margin-left:10px;	
}

div.mc {
	margin-left:14px;
	background-color:#E6E7E8;
	width:auto;
	display:inline-block;
	padding:3px;
}

div.mc h1 {
	font-size:0.8em;	
	color:black;	
}

div.pictos {
	margin-top:5px;
}

div.pictos > div {
	display:inline-block;
	background-color:#EC4622;
	color:white;
	padding:2px;
}

div.pictos > div.cpf {
	background-color:#7375B8;
}

div.pictos > div.virtuelle, span.virtuelle {
	background-color:#74295E;	
	color:white;
}

div#Programme div.objectifs {
	font-size:1.1em;
}

div#Programme h2 {
	margin-bottom:0px;
	margin-top:15px;
	color:#006A79;
}

div.programme ul {
	margin:0px;
	padding:0px;
}

div.programme li {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

div.programme li:before {
	content:"- ";
}

div.groupeFormation {
	font-size:16px;
	color:#333;	
}

div#introDomaine {
	margin-top:10px;
	margin-bottom:10px;	
}

div#introGDomaine {
	margin-top:20px !important;
	margin-bottom:20px !important;
}

div#sommaireDomaine {
	font-size:1.4em;
}

h2#motClesDomaine {
	font-size:0.9em;
	color:#AAA;
}

div#filiereMetier {
	padding:10px;
	background-color:#EEE;
	border-radius:5px;
	width:50%;
	margin:auto;
	margin-top:10px;
}

div#filiereMetier a.cours {
	font-weight:bold;
	font-size:1em;	
}

div#filiereMetier div.refDuree {
	font-style:italic;
	font-size:0.9em;
}

span.refCours {
	font-style:italic;
	font-size:0.9em;
	color:#888;
}

#share div {
	display:inline-block;
	padding-right:4px;
	vertical-align:top;
}

#share {
	margin-top:2px;
}

#share::after {
	clear:none;
}

div#print > div {
	display:inline-block;
	width:auto;
	padding:4px;
}

div.pdf {
	background-color:#E14045;
	color:white;
}

div.print {
	background-color:#444;
	color:white;	
}

div.send {
	background-color:orange;
	color:white;	
}

ul.cycle > li {
	margin-top:10px;	
}

div.contenudetail h2 {
    margin-top:20px;
}

/* ********************* GRID *********************** */

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid {
}

[class*='col-'] {
	float: left;
	overflow:hidden !important;
}

.pad > [class*='col-'], .lpad {
	padding-left:10px;
}

.grid:after {
	content: "";
	display:table;
	clear:both;
}

.col-1-2 {
	width:50%;
}

.col-2-3 {
	width:66.66%;
}

.col-1-3 {
	width:33.33%;
}

.col-1-4 {
	width:25%;
}

.col-1-5 {
	width:20%;	
}

.col-4-5 {
    width:80%;
}

.col-3-4 {
	width:75%;	
}

.col-4-5 {
    width:80%;
}

.col-10-p {
	width:10%;	
}

.col-20-p {
	width:20%;	
}

.col-20 {
	width:20px;
}

.row {
}

.row > div[class*=col] {
}

.row:nth-child(odd) {
}

.table > div[class*='col-'] {
	display:table-cell;
	float:none;
}

.table > div.top {
    vertical-align: top;
}

div.hgrid > div.cursor {
	display:none;
	text-align:center;
	font-size:3em;
}

div.hgrid > div.grid {
	display:block;
}

div.hgrid > div.grid > div {
	display:block;
}

.mobile {
	display:none;
}

/* ********************* RESPONSIVE ********************* */

@media all and (max-width:999px) {
	.colNoMobile {
		display:none !important;
	}
	.colFullMobile {
		width:100%;
		height:auto !important;
	}
}

@media all and (max-width:913px) {
	.title1 {
		width:100% !important;	
	}
}

@media all and (max-width:768px) and (min-width:481px) {
	#queryButton {
		display:none;	
	}
	#headerMax {
		display:none !important;
	}
	
	.mobile {
		display:block !important;
	}

	#headerMin {
		margin-top:0px !important;
		display:block !important;
		position:inherit;
		opacity:1 !important;
	}
	
	#headerMin * {
		padding:5px !important;	
		padding-left:3px !important;
		padding-top:4px !important;
	}

	#headerMin .espacePro {
		display:none !important;	
	}

	nav {
		display:none;
	}

    #mcat0, #mcat1, #mcat2 {
        display:none !important;
    }

	input {
		width:100%;
		margin:auto;
        padding:1px;
        line-height:normal !important;
	}

    #headerResSoc {
        display:none !important;
    }

    #page {
        padding:5px;
    }
}

@media all and (max-width:480px) {
	#headerMax {
		display:none !important;
	}
	
	.mobile {
		display:block !important;
	}
	
	.mtable > .tcell {
		display:block !important;
	}

	#headerMin {
		margin-top:0px !important;
		display:block !important;
		position:inherit;
		opacity:1 !important;
	}
	
	#headerMin * {
		padding:5px !important;	
		padding-left:3px !important;
		padding-top:4px !important;
	}

	#headerMin .espacePro {
		display:none !important;	
	}

	#categories > * {
		padding-right:15px;
	}

    #formationsContent {
        display:none;
    }

	div.filAriane {
		display:none;	
	}

	nav {
		display:none;
	}

	[class*='col-'] {
		float: none;
		width:100%;
	}
	
	div.row {	
		display:block;
	}

	.pad > [class*='col-'] {
		padding-left:0px;	
	}

	div.hgrid {
		overflow:hidden;
		width:100%;
		display:table;
	}

	div.hgrid > div.grid {
		display:none;
		width:100%;
	}
	
	div.hgrid > div.grid:nth-child(1) {	
		display:block;
	}

	div.hgrid > div.grid:nth-child(1) > div {	
		display:none;
	}

	div.hgrid > div.grid:nth-child(1) > div:nth-child(1) {	
		display:block;
	}
	
	div.hgrid > div.cursor {
		display:block;	
	}

	div.rzoneContent {
		display:none;
	}

	div.rzoneHeader:before {		
	}
	
	div.rzoneIndicator {
	}

	body {
	}

	input {
		width:100%;
		margin:auto;
        padding:1px;
        line-height:normal !important;
	}

	.l10 {
	}

	* {
		/* position:inherit !important; */
		height:auto !important;
	}

	div.relative {
		position:relative; !important;
	}

	.noresp, input.noresp {
		display:none !important;
	}

	.r70 {
		width:80% !important;
	}

	.rml {
		margin-left:1px !important;	
	}

	.l5,.l10 {
		padding-left:0px;
	}

	.courbe {
		background-image:none;
	}

	div.ongletRef {
		display:block !important;
		background-color:#808080 !important;
		color:white;
		font-size:1.2em;
	}

	div.ongletRef:before {
		content:"+ ";	
	}

	div.ongletRef:hover {
		cursor:pointer;	
	}
	
	div.ongletsTitre {
		display:none;	
	}

	div.norespcell {
		display:block !important;
		margin-top:10px;
	}
	
	div.norespcell > div.boxGray {
		width:100% !important;		
	}

	label, input, textarea, select, .field {
		display:block !important;	
		width:95% !important;
	}

	input[type=reset], input[type=submit] {
		margin-top:5px;	
	}

	div#filiereMetier {
		width:100%;	
	}

	#page {
		padding:5px;	
	}

	#boiteCentre {
		background-image:none !important;
	}
	
	.mleft {
		text-align:left !important;	
	}
	
	/* Facebook share */

	.fb_iframe_widget iframe {
		position:inherit !important;		
	}
	
	div[data-role=openClose] > div.table > div.cell:first-child {
		/* display:none !important;	*/
        width:10px;
	}
	
	p.coursFiliere {
		margin-left:2px !important;	
	}
	
	footer {
		display:none;	
	}
	
	div.choicesMenu	{
		display:none;
	}
}

}

/* ********************* ANIMATION *********************** */

.element-animation {
  animation: animationFrames ease-out 1s;
  -webkit-animation: animationFrames ease-out 1s;
  -moz-animation: animationFrames ease-out 1s;
  -o-animation: animationFrames ease-out 1s;
  -ms-animation: animationFrames ease-out 1s;
}

.leftRight-animation {
	transition: left 2s;
}

@keyframes animationFrames{
  0% {
    opacity:0;
  }
  4% {
    opacity:0.06;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
  }
  4% {
    opacity:0.06;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
  }
  4% {
    opacity:0.06;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
  }
  4% {
    opacity:0.06;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
  }
  4% {
    opacity:0.06;
  }
  100% {
    opacity:1;
  }
}



/*************** */

.BackgroundPicto {
    background-repeat:no-repeat;
    background-size:cover;    
    height:100%;
}

.Bandeau_separateur {
    background-image:url('/Content/images/communs/ihm/triangle.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:contain;
    width:100%;
    height:29px;    
    position:absolute;
}

.Bleu2020 {
    color:#006692;
}

.BandeauBleu2020 {
    background-color: #04889C;
    padding:15px;
}
.BandeauBleu2020 h1.Titre {
    color:white;
    font-weight:bold;
}

.Titre2020 {
    font-weight:bold;
    font-size:1.7em;
    width:100%;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
    
}

.BlocText {
    width:100%;
    text-align:center;
    font-size:1.2em;
}

.NavigateButton {
    background-color:#F26923;
    border:5px solid white;
    color:white;
    font-size:1.5em;
    border-radius:5px;
}


/* --------------------------- BLOC --------------------------- */


#corpsB {
    position: relative;
    margin: 0 auto ;
    min-width: 300px;
    max-width: 1000px;
}

#pageB {
    float: left;
    background: white;
    margin-top: 10px;
}

.blocPaveB {
        float: left;
        position: relative;
        padding: 0px 25px 0px 25px; /* haut | droit | bas | gauche */
    }

.paragraphe {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 18px;
}


.ligne {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size:18px;
}

.relative {
    position: relative;
}

 #Banniere_CoronaVirus {
        position: relative;
        top: 0px;
        background-color:#F65656;
        width: 100%; 
        max-width: 1000px;
        color: black;
        margin-right: auto;
        margin-left: auto;
        right: 0;
        left: 0;
        height:58px;
        padding:23px;
        z-index:20000;
    }

/* --------------------------- BACKGROUND-COLOR --------------------------- */
.b_bleuclair1 {
    background-color: #CCE6F8;
}

.b_bleuclair2 {
    background-color: #E8F7FE;
}

.b_bleu1 {
    background-color: #1C8B9A;
}

.b_bleu2 {
    background-color: #196177;
}

.b_bleuVert {
    background-color: #00889c;
}

.b_gris {
    background-color: #F6F8F6;
}
   
.b_gris2 {
    background-color: #E5E5E6;
}
   
.b_gris3 {
    background-color: #E9E9EB;
}   

.b_orange {
    background-color: #F26923;
}

.b_violet {
    background-color: #8B74A2;
}
    
.b_violet2 {
    background-color: #A27CB7;
}    


/* --------------------------- BOUTON --------------------------- */

.boutonOrange {
    background-color: #F09231; /* yellow */
    border: none;
    border-radius: 12px;
    color: white !important;
    margin-top: 15px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.boutonBleu {
    background-color: #0090A5; 
    border: none;
    border-radius: 12px;
    color: white !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
}


.boutonViolet {
    background-color: #AA5E91; 
    border: none;
    border-radius: 12px;
    color: white !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
}


.bloc_gris {
	margin-bottom: 10px; 
	padding:10px;
	background-color:rgb(240,240,240);
}



.border {
    border: 2px solid;
}



.border2 {
    border: 2px solid;
    box-shadow:8px 8px 15px #000000;
}




/* --------------------------- COLOR --------------------------- */
.c_blanc {
    color: #FFFFFF;
}

.c_bleu1 {
    color: #196177;
}

.c_bleu2 {
    color: #1C8B9A;
}

.c_bleu3 {
    color: #3681A7;
}

.c_bleu5 {
    color: #244058;
}

.c_bleu6 {
    color: #1FB6D0;
}
	
.c_bleu7 {
    color: #0090A5;
}

.c_bleu_link {
    color: #0303FF; !important;
}

.c_bleuVert {
    color: #00889c;
}

.c_bleuGris {
    color: #1d637b;
}

.c_bleuRoi {
    color: #00638f;
}


.c_bleuTitre {
    color : #006A79;
}

.c_brunOr {
    color: #A57C30;
}

.c_gris {
    color: #838383;
}

.c_orange {
    color: #F26923;
}

.c_orange2 {
    color: #FCA119;
}

.c_rouge {
    color: #FF0000;
}

.c_corail {
    color: #F37887;
}

.c_bordeau {
    color: #B4212B;
}

.c_violet {
    color: #8B4B6C;
}

.c_violet2 {
    color: #BD78B2;
}

.c_violet3 {
    color: #7030A0;

}
.c_vertClair {
    color: #8BB73E;
}

.c_vert {
    color: #2E7A72;
}

.c_vert2 {
    color: #005667;
}

.c_noir {
    color: #333;
}

.c_noir2 {
    color: #231F20;
}

/* ------------------------- DIMENSION ------------------------ */

/* --------------------------- WIDTH --------------------------- */
.dim5 {
    width: 5%;
}

.dim10 {
    width: 10%;
}

.dim15 {
    width: 15%;
}

.dim20 {
    width: 20%;
}

.dim25 {
    width: 25%;
}

.dim30 {
    width: 30%;
}

.dim35 {
    width: 35%;
}

.dim40 {
    width: 40%;
}

.dim45 {
    width: 45%;
}

.dim50 {
    width: 50%;
}

.dim55 {
    width: 55%;
}

.dim60 {
    width: 60%;
}

.dim65 {
    width: 65%;
}

.dim70 {
    width: 70%;
}

.dim75 {
    width: 75%;
}

.dim80 {
    width: 80%;
}

.dim85 {
    width: 85%;
}

.dim90 {
    width: 90%;
}

.dim95 {
    width: 95%;
}

.dim100 {
    width: 100%;
}
/* --------------------------- Padding --------------------------- */

.pl_5 {
    padding-left: 5px;
}

.pr_5 {
    padding-right: 5px;
}

  /* --------------------------- Diposition --------------------------- */

.f_left {
    float: left;
}

.f_right {
    float: right;
    right: 0;
}


.offsetRight {
    position: absolute;
    width: 20px;
    right: 0px;
}


.left50Pcent {
    position: relative;
    left: 50%;
}



/* --------------------------- FONT-WIEGHT --------------------------- */

.gras {
    font-weight: bold;
}

.slg {
	text-decoration:underline;	
}


  
/* --------------------------- FONT SIZE------------------------- */
  
.size48 {
    font-size: 48px;
}
    
.size36 {
    font-size: 36px;
}

.size30 {
    font-size: 30px;
}
    
.size26 {
    font-size: 26px;
}
    
.size24 {
    font-size: 24px;
}
    
.size22 {
    font-size: 22px;
}
    
.size20 {
    font-size: 20px;
}




/* --------------------------- Alignement------------------------- */
    
.txtGauche {
    text-align: left;
}

.txtDroit {
    text-align: right;
}

.txtMilieu {
    text-align: center;
}

.txtCentre {
    width: 100%;
    text-align: center;
}


.divCentre {
    float : left;
    position: relative;
    left: 50%;
}
    
.txtJustifie {
    text-align: justify;
}

.titreSouligne {
	border-bottom: 4px solid #196177;
    padding-bottom: 10px;
    padding-right:  30px;
    margin-bottom: 30px; 
    display:inline-block;
}


.titreSouligneFin {
	border-bottom: 1px solid ;
    padding-bottom: 5px;
    padding-right:  30px;
    display:inline-block;
}



/* --------------------------- TITLE --------------------------- */

/* Titre centre 36 */
.titleCntr36 {
    margin: 30px 0px 30px 0px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

/* Titre centre 26 */
.titleCntr26 {
    margin: 50px 100px 50px 100px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
  
/* Titre centre 24 */
.titleCntr24 {
    margin: 30px 10px 40px 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/* Titre centre 22 */
.titleCntr22 {
    margin: 30px 10px 10px 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

      
/* Titre centre 20 */
.titleCntr20 {
    margin: 20px 10px 20px 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

    /* Titre centre 18 */
.titleCntr18 {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 100px 10px 100px;
    text-align: center;
}
    

    
/* Titre gauche 24 */
.title24 {
    margin: 10px 0px 3px 0px;
    font-size: 24px;
    font-weight: bold;
}

/* Titre gauche 22 */
.title22 {
    margin: 17px 0px 15px 0px;
    font-size: 22px;
    font-weight: bold;
}

/* Titre gauche 20 */
.title20 {
    margin: 17px 0px 15px 0px;
    font-size: 20px;
    font-weight: bold;
}

/* Titre gauche 18 */
.title18 {
    font-size: 18px;
    font-weight: bold;
    margin: 17px 0px 30px 0px; /* haut | droit | bas | gauche */
}

/* Titre gauche 12 */
.title12 {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}


/* Taille 22 px */
.size22 {
    font-size: 22px;
}

/* Taille 18 px */
.size18 {
    font-size: 18px;
}

/* Taille 16 px */
.size16 {
    font-size: 16px;
}

/* Taille 14 px */
.size14 {
    font-size: 14px;
}


.pointer {
    cursor: pointer;
}



/* --------------------------- PUCE --------------------------- */

.puceRonde {
    /*color: black;*/
    display: list-item;
    list-style-type: disc;
}
    
.puceRondeEspace {
    color: black;
    display: list-item;
    list-style-type: disc;
    margin: 10px 0px 15px 17px;
    font-size: 18px;
}

.puceCarre {
    color: #8B4B6C;
    display: list-item;
    list-style-type: square;
    margin-left: 17px;
    font-size: 18px;
}






/* ----------------- AUTO RESPONSIVE ------------------ */
#corpsAutoResponsive {
	
}
@media screen and (min-width: 800px) {


/* --------------------------------------------------------------------------------------------- 
											POP UP 
--------------------------------------------------------------------------------------------- */

    #popupCoronaL {
        display:block;
        position: fixed;
        left:0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: grey;
        opacity: 0.5;
        z-index: 3000;
    }


    #popupCoronaFrameL {
        display:block;
        position: fixed;
        left: 50%;
        top: 20%;
	    margin-left: -300px;
        padding: 1px;
        width: 600px;
        height: auto;
        box-sizing: content-box;
        
        /*background-color: #332f88;*/
        /*background-color: #59594E;*/
        color:white;
        opacity: 1;
        z-index: 10000;
        text-align: center;
        font-size: 25px;
    }

/* --------------------------------------------------------------------------------------------- 
											ID STATIQUES 
--------------------------------------------------------------------------------------------- */
    /* haut | droit | bas | gauche */

    /* --------------------------- ENTETE --------------------------- */

    #headerTitle {
        padding-top: 30px;
        padding-left: 125px;
        padding-bottom: 30px;
        color: white;
        font-size: 26px;
        font-weight: bold;
        background-color: #1B899C;
    }

    #headerTriangle {
        position: absolute;
        width: 80px;
        top: 86px;
        left: 50%;
        margin-left: -40px;
        z-index: 1;
    }

    #headerTriangleB {
        position: absolute;
        width: 80px;
        top: 86px;
        left: 25%;
        margin-left: -40px;
        z-index: 1;
    }

    #headerTxtImg {
        position: absolute;
        text-align: left;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        color: #00739E;
        font-weight: bold;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .centreurVertical {
        display: flex;
        flex-direction: column;
    }


    

	.txtImg {
        position: absolute;
        text-align: left;
        width: 100%;
        padding-left: 20px;
        padding-right: 10px;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 27px;
        font-weight: bold;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100%;
    }
	

    /* --------------------------- PAGE --------------------------- */

    #headerL {
        display: block;
    }

    #corpsL {
        position: relative;
        margin: 0 auto;
        min-width: 800px;
        max-width: 1000px;
    }

    #pageL {
        float: left;
        background: white;
        max-width: 1000px;
        margin-top: -6px;
    }

    #page_endL {
        position: relative;
        float: left;
        margin: 10px 0px 100px 40px; /* haut | droit | bas | gauche */
    }


    /* --------------------------------------------------------------------------------------------- 
											CLASSES DYNAMIQUES 
--------------------------------------------------------------------------------------------- */

    /* --------------------------- COL --------------------------- */

    .col1Demi {
        position: relative;
        width: 50%;
        min-width: 300px;
        float: left;
    }

    .col1Tiers {
        position: relative;
        float: left;
        width: 32%;
        min-width: 300px;
    }
    
    .col2Tiers {
        position: relative;
        float: left;
        width: 64%;
        min-width: 600px;
    }

        
    .col1quart {
        position: relative;
        float: left;
        width: 25%;
        min-width: 200px;
     }

    .col3quart {
        position: relative;
        float: left;
        width: 75%;
        min-width: 400px;
     }

    .col1cinquieme {
        position: relative;
        float: left;
        width: 20%;
        min-width: 200px;
    }

    .col2Cinquieme {
        position: relative;
        float: left;
        width: 40%;
        min-width: 320px;
    }

    .col3Cinquieme {
        position: relative;
        float: left;
        width: 60%;
        min-width: 480px;
    }

    .col4cinquieme {
        width: 80%;
        min-width: 600px;
    }

    .col1sixieme {
        position: relative;
        float: left;
        width: 15%;
        min-width: 150px;
    }

    .col1dixieme {
        position: relative;
        float: left;
        width: 10%;
        min-width: 100px;
    }



    /* --------------------------- BLOC --------------------------- */

    .bloc {
        float: left;
        position: relative;
        font-size: 18px;
        margin: 10px 0px 10px 0px; /* haut | droit | bas | gauche */
    }

    .blocPave {
        float: left;
        position: relative;
        padding: 0px 60px 0px 60px; /* haut | droit | bas | gauche */
    }

    .bloc_Text {
        position: relative;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 5px;
    }


    .bloc_video {
        margin-left: 20px;
        margin-bottom: 20px;
        width: 100%;
        height: 100%;
    }


    

    /* --------------------------- boite grise --------------------------- */
    .boxGrey {
        position: relative;
        float: left;
        width: 1000px;
        padding: 10px;
        margin: 10px 0px 10px 0px;
        background-color: #F0F0F0;
    }
  

    /* --------------------------- IMAGE ABSOLUTE --------------------------- */
    #imgPicto {
        position: absolute;
        width: 180px;
        top: 100%;
        left: 50%;
        margin-top: -30px;
        margin-left: -90px;
        z-index: 1;
    }

    .imageMain3 {
        position: absolute;
        z-index: 2;
        background-color: #215E80;
        margin: 10px 80px 10px 80px;
        padding: 150px 70px 15px 70px; /* haut | droit | bas | gauche */
        color: white;
        left: 50%;
        width: 400px;
        margin-left: -270px;
    }


    #DevenezFormateurPostuler {
        position: absolute;
        width: 180px;
        top: 50%;
        right: 0px;
        margin-top: -8px;
    }



    /* --------------------------------------------------------------------------------------------- 
											  OFFRE 
--------------------------------------------------------------------------------------------- */

    .menu_coaching {
        padding: 25px 45px 15px 45px; /*haut | droit | bas | gauche*/
        margin: 50px 0px 40px 0px; /*haut | droit | bas | gauche*/
        box-sizing: content-box;
        border-radius: 12px;
        background-color: #C7EBFC;
        color: #00679D;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        cursor:pointer;
        width: 130px; /* texte pur */
        height: 70px;
    }

    .menu_coaching:hover {
        text-decoration: underline;
    }


    .lienCliquable {
        cursor:pointer;
    }


    .lienCliquable:hover {
        text-decoration: underline;
    }


    .m-selec {
        background-color: #215E80;
        color: #FFFFFF;
    }

   
    .hauteur {
        line-height: 20px;
    }



/* --------------------------------------------------------------------------------------------- 
											OFFRE COACHING 
--------------------------------------------------------------------------------------------- */

    #visitCard {
        position: relative;
        float : left;
        left: 50%;
        margin-left: -150px; 
        margin-bottom: 100px;
        padding: 10px;
        border-radius: 5px;
        background-color:#BADCE4; 
    }

    #offreCoaching {
        position: absolute;
        background-color: #215E80;
        width: 500px;
        color: white;
        margin: 305px 250px 0 250px;
    	padding: 260px 25px 80px 25px;
        min-height: 930px;
        z-index: 1;
    }


    .imageMain {
        position: absolute;
        z-index: 2;
        margin: 180px 370px 10px 310px;
        width: 380px;
    }

    #corpsR
    {
        display: none;
    }
    
    #headerR
    {
        display: none;
    }









/* ----------------- AUTO RESPONSIVE ------------------ */

#corpsAutoResponsive {
	  position: relative;
        margin: 0 auto;
        min-width: 800px;
        max-width: 1000px;
}
 #headerTitleAutoResponsive {
        padding-top: 30px;
        padding-left: 125px;
        padding-bottom: 30px;
        color: white;
        font-size: 26px;
        font-weight: bold;
        background-color: #1B899C;
    }
	
	
	
}
@media screen and (max-width: 800px) {



/* --------------------------------------------------------------------------------------------- 
											POP UP 
--------------------------------------------------------------------------------------------- */

#popupCoronaR {
    display:block;
    position: fixed;
    left:0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: grey;
    opacity: 0.5;
    z-index: 3000;
}


#popupCoronaFrameR {
    display:block;
    position: fixed;
    left: 10%;
    right: 10%;
    top: 20%;
    
    padding:1px;
    width: auto;
    
    
    color:white;
    opacity: 1;
    z-index: 10000;
    text-align:center;
    font-size: 25px;
}


/* --------------------------------------------------------------------------------------------- 
											ID STATIQUES 
--------------------------------------------------------------------------------------------- */
    /* haut | droit | bas | gauche */

    /* --------------------------- ENTETE --------------------------- */

    #headerTitleR {
        position: relative;
        padding-top: 15px;
        padding-left: 30px;
        padding-bottom: 15px;
        min-width: 300px;
        max-width: 500px;
        color: white;
        font-size: 22px;
        font-weight: bold;
        background-color: #1B899C;
    }

    #headerTxtImgR {
        position: absolute;
        text-align: left;
        min-width: 300px;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        color: #00739E;
        /*font-size: 30px;*/
        font-weight: bold;
        
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100% !important;
    }

    .centreurVerticalR {
        position: absolute;
        text-align: left;
        min-width: 300px;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        color: #00739E;
        /*font-size: 30px;*/
        font-weight: bold;
        line-height: 45px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        height: 100% !important;
    }

    /* --------------------------- PAGE --------------------------- */
    
    #headerR {
        display: block;
    }

    #corpsR {
        position: relative;
        margin: 0 auto;
        min-width: 300px;
        max-width: 500px;
    }

    #pageR {
        float: left;
        background: white;
        max-width: 800px;
        margin: 10px;
    }

    #page_endR {
        position: relative;
        float: left;
        margin: 10px 0px 100px 40px; /* haut | droit | bas | gauche */
    }


    /* --------------------------------------------------------------------------------------------- 
											CLASSES DYNAMIQUES 
--------------------------------------------------------------------------------------------- */

    /* --------------------------- COL --------------------------- */
    /**/


    .colListeR {
        position: relative;
        width: 100%;
        min-width: 200px;
    }

    .col1DemiR {
        position: relative;
        width: 50%;
        min-width: 200px;
        float: left;
    }

    .rel {
        position: relative;
        width: 100%;
    }
    

    .col1TiersR {
        position: relative;
        float: left;
        width: 32%;
        min-width: 100px;
    }
        
    .col2CinquiemeR {
        position: relative;
        float: left;
        width: 40%;
        min-width: 120px;
    }

     .col3CinquiemeR {
        position: relative;
        float: left;
        width: 60%;
        min-width: 200px;
    }

    .col1quartR {
        position: relative;
        float: left;
        width: 25%;
        min-width: 70px;
    }

    .col3quartR {
        position: relative;
        float: left;
        width: 75%;
        min-width: 210px;
    }

    .col1cinquiemeR {
        position: relative;
        float: left;
        width: 20%;
    }

    .col4cinquiemeR {
        position: relative;
        float: left;
        width: 80%;
    }

    .col1sixiemeR {
        position: relative;
        float: left;
        width: 15%;
        min-width: 45px;
    }

    .col1dixiemeR {
        position: relative;
        float: left;
        width: 10%;
        min-width: 100px;
    }


    /* --------------------------- BLOC --------------------------- */


    .blocR {
        float: left;
        position: relative;
        font-size: 18px;
        margin: 10px 0px 0px 0px;
    }

    .bloc_TextR {
        position: relative;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 5px;
    }
    
    .bloc_videoR {
        margin: 20px;
        width: 100%;
        height: 100%;
    }



    /* --------------------------- IMAGE ABSOLUTE --------------------------- */
    #imgPictoR {
        position: absolute;
        width: 180px;
        top: 100%;
        left: 50%;
        margin-top: -30px;
        margin-left: -90px;
        z-index: 1;
    }

    .imageMain3R {
        position: absolute;
        z-index: 2;
        background-color: #215E80;
        margin: 10px 80px 10px 80px;
        padding: 150px 70px 15px 70px; /* haut | droit | bas | gauche */
        color: white;
        left: 50%;
        min-width: 300px;
        max-width: 500px;
        margin-left: -270px;
    }


/* --------------------------------------------------------------------------------------------- 
											OFFRE COACHING 
--------------------------------------------------------------------------------------------- */

   
    #menuR {
        position: absolute;
        width: 350px;
        z-index: 2;
    }

    .imgMenuRLarge {
        position: relative;
        width: 350px;
        padding: 10px 263px 25px 15px;
        float: left;
        background-color: #103A5D;
    }

    .imgMenuRSmall {
        position: relative;
        width: 70px;
        padding: 10px 5px 5px 15px;/**/
        float: left;
        background-color: #215E80;
    }


    #offreCoachingMenuDeroulantR {
        position: absolute;
        background-color: #103A5D;
        width: 350px;
        line-height: 29px;
        color: white;
        margin: 65px 0px 0px 0px;
        padding: 20px 25px 15px 20px;    	       
    }

    
    #visitCardR {
        position: relative;
        float : left;
        left: 50%;
        margin-left: -164px; 
        margin-bottom: 100px;
        padding: 10px;
        border-radius: 5px;
        background-color:#BADCE4; 
    }


     #offreCoachingR {
        position: relative;
        background-color: #215E80;
        width: 350px;
        color: white;
    	padding: 26px 25px 30px 25px;
        min-height: 930px;
        z-index: 1;
    }

    /* --------------------------------------------------------------------------------------------- 
											ID STATIQUES 
--------------------------------------------------------------------------------------------- */
    /* haut | droit | bas | gauche */

    /* --------------------------- ENTETE --------------------------- */

    /*#headerTitle, #headerTriangle, #headerTxtImg, .centreurVertical, #corps, #pageB, #page_end, .col1Demi, .col1Tiers
    , .col2Cinquieme, .col3Cinquieme, .col1quart, .col3quart, .col1cinquieme, .col4cinquieme, .col1sixieme, .col1dixieme 
    , .bloc, .blocPave, .bloc_Text, .bloc_video, .paragraphe, .ligne, .relative, .f_left, .f_right, .offsetRight, .left50Pcent*/ 
    #corpsL
    {
        display: none;
    }
    
    #headerL
    {
        display: none;
    }

  



/* ----------------- AUTO RESPONSIVE ------------------ */

#headerTitleAutoResponsive {
	 position: relative;
        padding-top: 15px;
        padding-left: 30px;
        padding-bottom: 15px;
        min-width: 300px;
        max-width: 500px;
        color: white;
        font-size: 22px;
        font-weight: bold;
        background-color: #1B899C;
}
#corpsAutoResponsive {
	    position: relative;
        margin: 0 auto;
        min-width: 300px;
        max-width: 500px;
}

#headerTriangle {
	display:none;
}

#headerTxtImg {
	text-align:center;
}

.HiddenResponsive {
	display:none;
}



}