/* É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%'
 */
@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:1;
}

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