/* ---------- DEBUG ---------- */
/*
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
*/

div:target {
    padding-top: 5em; 
    margin-top: -5em; 
}

/* ---------- HEADER ---------- */
html{
	font-size: 16px;
}

sup{
	vertical-align: super;
}

body.accueil {
	background-color: #FFFFFF;
}


#en_mode_apercu {
    background-color: #ffffff;
    padding: 0.1em 0.5em;
    position: fixed;
    z-index: 1000;
	color: #DC0814;
}

#en_mode_apercu a{
	color: #DC0814 !important;
}

.apercu {
	padding-top:35px !important;
}

.apercu #menu{
	top: 4.8em !important;
}

body{
	width: 100%;
	max-width: 100%;
	background-color: #F3F3F3;
	font-family: "Roboto Slab",sans-serif;
	font-size: 100%;
}

.accueil .row--0 input[type="submit"]{
	font-weight: normal;
	padding: 0.45em 0;
	text-transform: uppercase;
}

ul ul ul {
    list-style-image: url("img/puce3.svg");
}

ul ul ul ul {
    list-style-image: url("img/puce4.svg");
}

blockquote p{
margin-bottom: 0;
}

blockquote::after{
line-height: 2rem;
padding-bottom: 1rem;
right: 1rem;
position: relative;
bottom:0;
}

figure {
font-size:0;	
}
figure  {
	border-color:#515151;
	display: inherit;
}

a > figure  {
	border-color:#DC0814;
}

address {
  background: url(img/address.png) no-repeat 1em 1em;
  border: 2px solid #ddd;
  font-style: normal;
  margin: 0 0 1em;
  padding: 1em 1em 1em 50px;
}

a, .a, a:active, .a:active, a:visited, .a:visited {
    background: transparent none repeat scroll 0 0;
    color: #DC0814;
}

.accueil a, .cartouche a{
	text-decoration: none;
}
.accueil a:HOVER{
	text-decoration: underline;
}

.notaccueil .contenu h2, .contenu  .h2{
	font-family: "Roboto Slab",sans-serif;
	font-weight: bold;
	font-size: 1.250em;
	border-left: 2px solid #DC0814;
	padding-left: 0.3em;
}

.contenu h3, .contenu .h3{
	font-family: "Roboto Slab",sans-serif;
	color: #DC0814;
	font-size: 1.125em;
}

.contenu h4, .contenu .h4{
	font-family: "Roboto Slab",sans-serif;
	font-size: 1.125em;
}

.contenu h5, .contenu .h5{
	font-family: "Roboto Slab",sans-serif;
	font-size: 1.063em;
}

.contenu h6, .contenu .h6{
	font-family: "Roboto Slab",sans-serif;
}

a:focus, .a:focus{
	background-color: transparent;
	color: #333333;
}

a::-moz-focus-inner, li:focus {
  border: 0;
}


#menu > div, .cartouche > div, #page, #pied_deco section div {
	max-width: 80.000em;
	clear: both;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.row--0, .row--2, .row--1 .card   {
	max-width: 80.000em;
	clear: both;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.row--0{
    margin-bottom: 2em;
}

.layout__gridSlot {
padding: 0 !important;
}

.row--0 .layout__slot--columnspan6 .card{
	padding-right: 1.5em;
	padding-bottom: 0;
}



.row--2 .layout__slot--columnspan6 .card{
	padding-left: 1.5em;
}

.accueil #page{
	max-width: 100%;
	width: 100%;
}

.card{
padding-left: 0;
padding-right: 0;
}

.layout__slot{
	vertical-align: top;
}


.layout__simple-grid--siteCom .layout__slot--columnspan4 {
    box-sizing: border-box;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 40%;
    word-wrap: break-word;
    height: auto;
}


.layout__simple-grid--siteCom .layout__slot--columnspan6 {
    box-sizing: border-box;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 60%;
    word-wrap: break-word;
    height: auto;
}


.layout__simple-grid--siteCom .layout__slot--columnspan10 {
    box-sizing: border-box;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    word-wrap: break-word;
    height: auto;
}

.layout__slot--columnspan10 h2{
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 2em;
}

.layout__slot--columnspan10 ul{
	padding: 0;
}

.layout__slot--columnspan10 ul li{
	width: 90%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.layout__slot--columnspan10 ul>li:first-child{
	padding-right:1.5em;
}

.layout__slot--columnspan10 ul>li:last-child{
	padding-left:1.5em;
}

.layout__slot--columnspan10 ul li span{
	color: #DC0814;
	font-size: 1.125em;
	padding-bottom: 0.7em;
	display: block;
	font-weight: bold;
	margin-left: 3.4em;
}

.layout__slot--columnspan10 ul li p{
	font-size: 0.875em;
	margin-left: 4.5em;
}


.layout__slot--columnspan10 ul li.ikon-home:before{
	border: 1px solid #DC0814;
    border-radius: 50%;
    color: #DC0814;
    font-family: "icomoon" !important;
    font-size: 30px;
    font-weight: 100;
    position: absolute;
}

.layout__slot--columnspan10 ul li#ikon-1:before{
	content: "\e901";
    padding: 1px 9px;
}

.layout__slot--columnspan10 ul li#ikon-2:before{
	content: "\e9ca";
    padding: 1px 9px;
}

.layout__slot--columnspan10 ul li#ikon-3:before{
	content: "\e986";
    padding: 1px 9px;
}

.layout__slot--columnspan10 ul li#ikon-4:before{
	content: "\e904";
    padding: 1px 9px;
}
.layout__slot--columnspan10 ul li#ikon-5:before{
	content: "\e906";
    padding: 1px 9px;
}
.layout__slot--columnspan10 ul li#ikon-6:before{
	content: "\e903";
    padding: 1px 9px;
}

.layout__slot--columnspan10 ul li#ikon-7:before{
	content: "\e907";
    padding: 1px 9px;
}



form.formulaire_redacteur {
    background: none;
}

/* ROW ACCUEIL */
.accueil div[class*="row"] a[class^="type_rubrique"], .accueil div[class*="row"] a[class^="lien_externe"]{
	color: gray;
	text-decoration: none;
}

.accueil .row--0 .style1 a[class^="type_rubrique"]{
	position: absolute;
	right: 11px;
	top: 1.1em;
	margin: 1em;
}

.accueil div[class*="row"] a[class^="type_rubrique"]:before, .accueil div[class*="row"] a[class^="lien_externe"]:before{
	content: "// ";
	color: #DC0814;
}

/*lien ppur l'UT cap c'est*/
.accueil div.row--1 a.type_rubrique:before, .accueil div.row--1 a.lien_externe:before{
	content: none;
}
.accueil div.row--1 a.type_rubrique, .accueil div.row--1 a.lien_externe {
	color: #DC0814;
}

/*ACCUEIL H2*/
.accueil h2.toolboxCard__title{
margin-bottom: 1em;
	font-family: "Roboto Slab",sans-serif;
	font-size: 1.563em;
	font-weight: bold;
	text-transform: uppercase;
}


/*ACCUEIL STYLE1*/
.accueil .style1 h2.toolboxCard__title{
	margin-top: 0.32em;
}

.accueil h2.toolboxCard__title {
    line-height: 1.7em;
}

.accueil .row--0 .style1 h2:before{
	background-color: #181818;
    border-radius: 50%;
    color: #ffffff;
    content: "";
    font-family: "icomoon" !important;
    font-size: 24px;
    font-weight: 100;
    margin-right: 18px;
    padding: 13px 13px 13px 15px;
}

.accueil .row--2 .style1 h2:before{
	background-color: #181818;
    border-radius: 50%;
    color: #ffffff;
    content: "";
    font-family: "icomoon" !important;
    font-size: 22px;
    font-weight: 100;
    margin-right: 18px;
    padding: 12px 14px 14px;
}

/*ACCUEIL STYLE2*/
.accueil .style2 {
	background: #F4F4F4 none repeat scroll 0 0;
	padding-top: 1.5em;
}

.accueil .style2 h2.toolboxCard__title{
	color: #DC0814;
	padding-left: 0.6em;
}

.accueil .style2 .toolboxCard__content{
	padding: 0 2em;
}

.accueil .style2 h2:before{
	background-color: #DC0814;
    border-radius: 50%;
    color: #ffffff;
    content: "";
    font-family: "icomoon" !important;
    font-size: 30px;
    font-weight: 100;
    margin-right: 18px;
    padding: 9px 10px;
}

/*ACCUEIL STYLE3*/
.accueil .style3 h2.toolboxCard__title{
    font-size: 2.063em;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.row--1 .layout__gridSlot{
	background-image: url("img/sub-pattern.jpg");
    background-repeat: repeat;
    padding: 0;
    padding-top: 2em;
    margin-bottom: 2em;
}

.row--1 ul{
	margin: 0;
}

.row--1 .layout__simple-grid__row_wrapper > div{
	background:none;
}

.row--2 .layout__slot--columnspan6{
	padding-left: 1.5em;
}

.row--2{
    margin-bottom: 1em;
}

.row--2 .soustitre-liste{
	display: none;
}

.galerie-verticale{
	width: 50%;
	margin: auto;
}

.flexslider .slides img { 
  display: block!important;
  max-width: 100%!important;
  height: auto!important;
  margin: 0 auto!important;
  width:auto!important;
}

.flexslider ul li div {
	width: 100%!important;
	box-sizing: border-box!important;
	text-align: center;
	padding: 0.5em;
}

.flex-direction-nav a {
	height: 60px;
}

/*-------- slider structure ---------*/
#car-recherche{
	float:left;
	max-width: 49%;
	padding: 10px;
	box-sizing: border-box;
}

#car-formation{
	float:right;
	max-width: 49%;
	padding: 10px;
	box-sizing: border-box;
}

.carousel-structure {
	margin-top: 0.2em;
}

.carousel-structure h3{
	width: 75%;
}

.carousel-structure .owl-carousel {
	margin-bottom: 0.8em;
	margin-top: 1em;
}

.carousel-structure .owl-dots{
	display: none;	
}

.carousel-structure .owl-carousel .owl-nav{
	position: absolute;
	top: -35px;
	right: 0;
	display: block;
	z-index: 50;
	width: 50px;
}


.carousel-structure .owl-nav .owl-prev::before {
    color: rgba(0, 0, 0, 0.8);
    content: "";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     height: 50px;
    left: 0;
}

.carousel-structure .owl-nav .owl-next::before {
      color: rgba(0, 0, 0, 0.8);
   content: "";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     height: 50px;
    right: 0;
}

.carousel-structure .owl-nav .owl-prev{
	box-sizing: border-box;
	font-size: auto;
	display: block;
	left: 0;
}

.carousel-structure .owl-nav .owl-next{
	text-align: right;
	box-sizing: border-box;
	font-size: auto;
	display: block;
	right: 0;

}

.carousel-structure .owl-nav button {
	color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 50px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out 0s;
    width: 50%;
    z-index: 10;
}

.carousel-structure .owl-caption{
	background-color: rgba(0, 0, 0, 0.5);
   
    padding: 0.8em;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}

.carousel-structure .titre_carousel_structure{
	color: #FFFFFF;
	margin : 0;
	font-weight: 700;
    text-align: center;
}

.owl-carousel .owl-item img {
	margin: 0;
}

/* FORMULAIRE */

input[type="submit"] {
	background: #DC0814 none repeat scroll 0 0;
}

form p select:focus, form input[type="text"]:focus, form p.obligatoire input[type="text"]:focus{
	border: 2px solid #DC0814;
}

/* FORMULAIRE OBLIGATOIRE */
form.formulaire_redacteur p.obligatoire input, form.formulaire_redacteur p.obligatoire textarea, form.formulaire_redacteur p.obligatoire select {
    border-color:#b5b5b5;
}

form.formulaire_redacteur p.obligatoire label {
    color: #333333;
}


/* FORMULAIRE recherche formation */
#form_recherche select, #form_recherche input[type="text"]{
	width: 75%;
}
	
form#form_recherche {
	margin: 0;
	padding: 0 1.5em;
}

#form_recherche label, #form_recherche .label {	
	display: inline-block;
    min-width: 20%;
    color: #DC0814;
}

#form_recherche .validation{
	padding: 0 17%;
}

#form_recherche input[type="submit"] {
	width: 100%;
}

input[type="submit"]:hover, .submit:hover {
    background: #b40428;
}


#form_recherche input[type="reset"]{
	display: none;	
}

/* Resultat recherche */


#liste_resultats li a{
	color: #DC0814;
	display: block;
} 


/*paragraphe*/

[class*="paragraphe--"] {
	overflow: hidden;
}

.paragraphe--1 h2.paragraphe__titre--1{
	background: #DC0814 none repeat scroll 0 0;
	font-size: 1.125em;
	color: #FFFFFF; 
	text-transform: uppercase;
	padding: 1em;
	margin: 0;
	border: 0 none;
	line-height: 1.2;
}

.paragraphe__contenu--1.toolbox{
	padding: 1em 1em;
	background: #F8F6F7 none repeat scroll 0 0;
}




.paragraphe--2 {
	background: #ffffff none repeat scroll 0 0;   
	border-top: 3px solid #DC0814;
	 
}
.paragraphe--2 h2.paragraphe__titre--2{
	font-size: 1.125em;
	text-transform: uppercase;
	border: 0 none;
	padding: 0.64286em;
	padding-left: 0;
	line-height: 1.2;
}

.paragraphe__contenu--2.toolbox{
	padding-bottom : 1em;
	border-bottom: 1px solid #FFFFFF;
}


[class*="paragraphe--3"] {
    position: relative;
}

.paragraphe--3 {
    padding: 1em;
    border-top: 1px solid #DC0814;
    background: #F8F6F7 none repeat scroll 0 0;
}
.paragraphe--3 h2.paragraphe__titre--3{
	font-size: 1.125em;
	color: #DC0814;
	text-transform: uppercase;
	border: 0 none;
	padding-left: 0;
	background: none;
	line-height: 1.2;
}



[class^="paragraphe__contenu--"].toolbox a{
	color: #DC0814;
}


/*Cartouche*/
#body .cartouche{
	background: #303030 none repeat scroll 0 0;
	color: #ffffff;
	max-height: 2.611em;
	height: 2.611em;
	font-family: 'Raleway', sans-serif;
	position: fixed;
	z-index:900;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 0;
}
  

.icon_libelle{
	text-transform: uppercase;
}

.header_nav::before, .header_nav::after {
    content: "";
    display: table;
    line-height: 0;
}
.header_nav::after {
    clear: both;
}


.banniere__baseline{
	display: inline-block;
    font-family: "Roboto Slab",sans-serif;
    font-size: 0.61em;
    font-weight: normal;
    margin: 0;
    padding-top: 1.5em;
}

.banniere__baseline_en{
	font-size: 0.51em;
}

.banniere__baseline h1, .banniere__baseline_en h1{
	font: inherit;
	margin: 0;
	color: inherit;
	display: 
	
}

#acces-directs{
	background: #4f4f4f none repeat scroll 0 0;
}

#acces-directs ul {
    list-style: outside url("img/puce.svg") disc;
    padding: 0 0 0 1.5em;
}

#acces-directs .icon_libelle, #acces-directs-profil .icon_libelle{
	margin: 0 0.4em;
	font-weight: 600;
}

#acces-directs .icon{
	font-size: 1em;
}


#acces-directs .icon-play3, #acces-directs-profil .icon-play3{
/*	writing-mode: vertical-rl;
	text-orientation: sideways;
	vertical-align: bottom;
	line-height: 1px;*/
}

#acces-directs-profil{
	background: #DC0814 none repeat scroll 0 0;
}
#acces-directs-profil ul, #acces-directs ul{
	margin: 0;
}
#acces-directs-profil li, #acces-directs li {
	padding: 0.2em 0;
	color: #DC0814;
	font-weight: 500;
}

.js .plier-deplier__bouton{
	font-family: 'Raleway', sans-serif;
	font-size: 0.813em;
}

#menu-cartouche-bouton{
	display: none;
}

#menu-cartouche ul{
	margin: 0;
	width:100%;
}

#menu-cartouche ul li {
	display:inline;		
}

#menu-cartouche ul li:before {
	content:"|";		
}

#menu-cartouche ul li:first-child:before {
	content:"";		
}

#menu-cartouche a {
	color:#FFFFFF;
	font-size: 0.813em;
	text-decoration:none;
	font-weight: 600;
	margin: 0 0.8em;
}

#menu-cartouche a:hover {
	text-decoration:underline;
}
/*
.submenu ul{
	box-shadow: 1px 1px 7px -3px #FFFFFF;
}*/

.shadow-top {
	box-shadow: 0 -5px 5px -5px #FFFFFF;
}

.shadow-right {
	box-shadow: -5px 0 5px -5px #FFFFFF;
}

.shadow-bottom {
	/*box-shadow: 0 5px 5px -5px #FFFFFF;*/
	border-bottom: 2px solid #8d0320;
}

.shadow-left {
	box-shadow: 5px 0 5px -5px #FFFFFF;
}

.shadow-all {
	box-shadow: 0 0 5px #FFFFFF;
}


#versions, #acces-directs, #recherche-simple, #acces-directs-profil, #menu-cartouche{
	float:right;
	margin: 0.4em;
}


.js .cartouche .plier-deplier__bouton, .cartouche .icon {
	background: none;
    border: 0;
    color: #ffffff;
    margin: 0;
    text-decoration: none;
}

.js .cartouche .plier-deplier__bouton .icon {
    color: #ffffff;
}

.js .cartouche #recherche-simple .plier-deplier__contenu--ouvert{
	width: 100%;
	position: fixed;
	top: 2.61em;
}

.js .cartouche .plier-deplier__contenu--ouvert{
	
	top: 2.22em;
	background-color: #656565;
	
}

.js #recherche-simple .plier-deplier__contenu--ouvert form{
	clear: both;
    margin: 0 auto;
    max-width: 71.111em;
    position: relative;
    width: 100%;
	text-align: right;
}

.js #connexion .plier-deplier__contenu,
.js #acces-directs .plier-deplier__contenu,
.js #acces-directs-profil .plier-deplier__contenu,
.js #versions .plier-deplier__contenu,
.js #recherche-simple .plier-deplier__contenu {
    background: #dddddd none repeat scroll 0 0;
    padding: 1em;
    text-transform:capitalize;
    min-width: 18em;
}

.js #acces-directs-profil .plier-deplier__contenu{
	background: #DC0814 none repeat scroll 0 0;
}

.js #acces-directs .plier-deplier__contenu{
	background: #4f4f4f none repeat scroll 0 0;
}

.js #acces-directs-profil .plier-deplier__contenu ul, .js #acces-directs .plier-deplier__contenu ul {
    list-style: outside url("img/puce-blanche.svg") disc;
}

.versions__item.versions_actif, .js #acces-directs-profil .plier-deplier__contenu a, .js #acces-directs .plier-deplier__contenu a{
	color: #ffffff;
}

.versions__item{
	font-size: 0.875em;
}

.versions__item, .versions__item a{
	font-weight: bold;
	color: #8E8E8E;
	text-decoration: none;
}


/*Menu*/
#menu > div {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.header_nav #menu {
    background: #ffffff none repeat scroll 0 0;
    height: 4.778em;
    font-family: 'Roboto Slab', sans-serif;
    text-transform: uppercase;
    margin: 0;
    position: fixed;
    right: 0;
    top: 2.611em;
    display: inline-block;
    width: 100%;
    
    -webkit-transition: height 0.2s linear;
       -moz-transition: height 0.2s linear;
         -o-transition: height 0.2s linear;
            transition: height 0.2s linear;
}

.fixed #menu{
	box-shadow:  0 3px 4px -4px gray;
	position: fixed;
	top:2.611em;
	z-index:800;
	width: 100%;
	height: 2.611em;

    -webkit-transition: height 0.2s linear;
       -moz-transition: height 0.2s linear;
         -o-transition: height 0.2s linear;
            transition: height 0.2s linear;
	
}



#logo-site{
	width: 8.778em;
	height: 8.778em;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    -moz-box-shadow: 0 0 0.556em 0 #656565;
	-webkit-box-shadow: 0 0 0.556em 0 #656565;
	-o-box-shadow: 0 0 0.556em 0 #656565;
	box-shadow: 0 0 0.556em 0 #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=0.556em);
}

.fixed #logo-site{
	width: 2.611em;
	height: 2.611em;
	margin-left: 50%;
	box-shadow: 0 0 0 0 #656565;
	margin-top: auto;
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	    
	
}


/* ------- MENU ------- */
.menu{
	display: inline-block;
	height: 4.778em;
	position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
}

#menu_principal {
    width: auto;
    line-height: 2;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	 
}

#menu_principal a{
    color: #DC0814;
    padding: 0em 0.95em;
    padding-top:5px;
    font-size: 1.063em;
    /*-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
    height: 4.2em;
    line-height: 4em;
}

#menu_principal > li {
	height: 4.778em
}

#menu_principal li:hover a {
	background: #DC0814;
}

#menu_principal li:hover ul.DeuxNiv{
	background: #DC0814;
    display: block;
    top: 4.75em;
    left:0px;
    min-width:19.6em;
}

#menu_principal li:last-child:hover ul{
	left:inherit;
	right:0px;
}

#menu_principal li:hover li a{
	background: #DC0814;
	color: #FFFFFF;
	height:2.7em;
	line-height:2.7em;
	padding:0.2em 1em;
	border-bottom:none;
	font-size: 0.905em;
}

#menu_principal li.menu_principal-actif {
	background: none;
}

.fixed #menu_principal, .fixed .menu {
	height: 2.611em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;	 
}

.fixed #menu_principal > li {
	height: 2.611em;
}

.fixed #menu_principal li:hover ul {
	top:2.595em;
}

.fixed #menu_principal a{
	 height: 2.2em;
    line-height: 2em;
	/*-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	*/    	
}


/* ---------- MAIN ---------- */
#contenu{
	padding-top: 7.389em;
}


/* loarder carrousel */

#loader {
	  position: absolute;
	  left: 50%;
	  top: 35%;
	  z-index: 100;
	  padding: 1em;
	  border: 1em solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 1em solid #DC0814;
	  width: 7.500em;
	  height: 7.500em;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	  box-sizing:border-box;
	}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0.2s;
  animation-name: animatebottom;
  animation-duration:  0.2s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

/* Carrousel home page */
.slider .owl-carousel .owl-item img{
	max-height: 27.938em;
}

#testslide {
	max-height: 27.7em;
}

.slider .owl-nav .owl-prev::before, .owl-texte .owl-nav .owl-prev::before{
    color: rgba(0, 0, 0, 0.8);
    content: "";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 40px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     height: 50px;
    left: 0;
}
.slider .owl-nav .owl-next::before, .owl-texte .owl-nav .owl-next::before  {
       color: rgba(0, 0, 0, 0.8);
   content: "";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 40px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     height: 50px;
    right: 0;
}

.slider .owl-nav .owl-prev, .owl-texte .owl-nav .owl-prev{
	text-align: left;
	left: 0;
}

.slider .owl-nav .owl-next, .owl-texte .owl-nav .owl-next{
	text-align: right;
	right: 0;
}
.slider .owl-nav button , .owl-texte .owl-nav button {
	color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 50px;
    margin: -20px 0 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    top: 50%;
    transition: all 0.3s ease-in-out 0s;
    width: 40px;
    z-index: 10;
}

.owl-texte, .layout__slot--columnspan10 .card.toolboxCard{
	overflow:visible;
}

.owl-texte .owl-nav .owl-prev, .owl-texte .owl-nav .owl-next {
	opacity: 1;
}

.owl-texte:hover .owl-nav .owl-prev {
    left: -3px;
    opacity: 0.7;
}

.owl-texte:hover .owl-nav .owl-next {
    opacity: 0.7;
    right: -3px;
}

.slider .owl-carousel:hover .owl-nav .owl-prev{
    left: 10px;
    opacity: 0.7;
}
.slider .owl-carousel:hover .owl-nav .owl-prev:hover, .owl-texte:hover .owl-nav .owl-prev:hover {
    opacity: 1;
}
.slider .owl-carousel:hover .owl-nav .owl-next{
    opacity: 0.7;
    right: 10px;
}
.slider .owl-carousel:hover .owl-nav .owl-next:hover, .owl-texte:hover .owl-nav .owl-next:hover {
    opacity: 1;
}

.slider{
	margin-bottom: 2em;
}

.slider .owl-caption {
    background-color: rgba(0, 0, 0, 0.50);
    min-height: 49%;
    height: 49%;
    max-width: 50%;
    width: 32em;
    padding: 1.5em 2em;
    position: absolute;
    right: 16.5%;
    top: 20%;
    
    z-index: 50;
}

.slider .owl-caption p{
	 z-index: 3;
	color: #FFFFFF;
	font-family: 'Roboto Slab', sans-serif;
	margin-bottom: 1em;
}

.slider .owl-caption p a{
	color: #FFFFFF;
	text-decoration: none;
}

.slider .owl-caption .titre_actu{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
}

.slider .owl-caption .titre_actu{

	font-size: 1.125em;
}

.slider .owl-dots .owl-dot {
    display: inline-block;
}


.slider .owl-dots .owl-dot span {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 0 4px 0 #4a4a4a;
    display: block;
    height: 10px;
    margin: 5px 7px;
    transition: opacity 0.2s ease 0s;
    width: 10px;
}

.slider .owl-dots .owl-dot.active span, .slider .owl-dots .owl-dot:hover span {
    background: #DC0814 none repeat scroll 0 0;
}


.slider .owl-dots {
    max-width: 25%;
    position: absolute;
    right: 17%;
    text-align: right;
    top: 73%;
    width: 25%;
    z-index: 5;
}



/* DEBUT ENCADRES */
#encadres {
	background: #FAFAFA;
	margin-top: 0;
	width: 20%;
	padding: 0;
}

/*encadre h2 titre*/
#encadres [class*="paragraphe__titre"], .encadre_auto_fiche h2, .encadre_recherche h2{
	font-family: "Roboto Slab",sans-serif;
    font-size: 1.15em;
    text-transform: none;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    line-height: 1.2;
}

/*encadre contenu*/
#encadres .encadre_contenu{
    font-size: 0.875em;
    margin-top: 1em;
}

#encadres [class*="paragraphe--"], .encadre_auto_fiche, .encadre_recherche{
	padding: 1em;
}

#encadres ul {
	list-style:none;
	list-style-type: none;
	padding: 0;
}

#encadres ul li {
	padding-bottom: 0.3em;	
}

#encadres li:before {
	content: "› "; /* caractère UTF-8 */
}

/*encadre Style 1*/ /*encadre auto*/ /*encadre Style 1 icone*/
#encadres .paragraphe--1, .encadre_auto_fiche{
	background-color: #DC0814;
	color: #ffffff;
	border: 0;
}

#encadres .paragraphe--1 a, .encadre_auto_fiche a{
	color: #ffffff;
}

#encadres .paragraphe--icon span.titre-icon {
	display: block;
	text-align: center;
	padding: 0 0 0.3em 0;
	font-size: 2em;
}


/*encadre Style 2 icone*/
/*encadre Style 2*/

#encadres h2{
	padding: 0;
}

#encadres .paragraphe--2{
	border: 1px solid #CACACA;
	background: none;
	color: #333333;
}

#encadres .paragraphe--2 h2, .encadre_recherche h2{
	text-align: left;
	color: #333333;
}

#encadres .paragraphe--2 a{
	color: #DC0814;
}

#encadres .paragraphe--2.paragraphe--icon h2{
	text-align: left;
	padding: 0 0 0 2em;
}

#encadres .paragraphe--2.paragraphe--icon span.titre-icon{
	display: inline;
	padding: 0 0 0.3em 0;
	font-size: 1.2em;
	position: absolute;
}

#encadres .paragraphe--3 h2.paragraphe__titre--3{
	color: #DC0814;
}

#encadres #telecharger li::before {color: #FFFFFF;}

.notaccueil #encadres ul.liste-actualites li.titre-date div.date-liste, .notaccueil #encadres ul.liste-actualites li.titre-date div.content-liste {
	display: inline;
}

#encadres .more-liste{
	text-align: right;
}

#encadres .ktoolbox {
	height: auto;
	margin: 0;
	background: none;
}

#encadres .ktoolbox input[type="button"], #encadres .ktoolbox input[type="submit"]{
	background-color: #ffffff;
    color: #000000;
    margin: 0.4em;
    padding: 0.2em 0.8em;
}


/* FIN ENCADRES */

/* ---------- page ------------ */

.accueil #page{
    padding-top: 0;
}

#page{
    padding-top: 11.2em;
}

#page_deco {
    border-bottom: 0;
}

.colonne_deco {
    border-left: 0;
}

.contenu{
	background: #FFFFFF;
	font-weight: 500;
}
/*
.contenu .toolbox{
	font-size: 0.875em;
}
*/
#avec_nav_avec_encadres {
	margin-left: 18.5%;
	width: 61.5%;
	padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

#avec_nav_sans_encadres {
	margin-left: 18.5%;
	width: 81.5%;
	padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

#sans_nav_avec_encadres, #contenu_sans_nav_sans_encadres{
	padding: 0 1em;
}

#sans_nav_avec_encadres + #encadres {
	padding: 0;
}

.accueil #contenu_sans_nav_sans_encadres{
	padding: 0;
}

#fil_ariane{
	padding: 1em 0;
	margin: 0;
	float: left;
}

#fil_ariane, #fil_ariane a{
	font-family: 'Roboto Slab', sans-serif;
	color: #6c6c6c;
	text-decoration: none;
	font-size: 0.933em;
	font-weight: 300;
}

.fiche .surtitre {
	padding: 0.7em 0;
	margin: 0;
	float: right;
	border: none;
}


.fiche #soustitre {
	margin: 0.5em 0;
	font-style: italic;
	font-weight: 500;
	font-size: 0.9em;
}

.fiche .photo img {
    max-height: 128px;
}

.fiche .photo .legende {
   margin: 0;
}

.trait-rouge-left::before {
    border-bottom: 1px solid #DC0814;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 20%;
}

.trait-rouge-left{
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	margin-top: 0em;
	margin-bottom: 1em;
}

.bloc-info {
    background: rgba(0, 0, 0, 0) url("img/pictos/information.svg") no-repeat scroll 0 0 / 2em auto;
}

.fiche div.surtitre ul.thematiques li{
	background-color: #bdbcbc;
	color: #FFFFFF;
	padding: 0.2em 0.5em;
	font-size: 0.900em;
	text-transform: uppercase;
}

#bandeau {
    background-size: cover;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    height: 15.833em;
    padding: 0;
}

#bandeau.avec_nav {
    margin-left:0;
}

#navigation {
	padding: 0;
	width: 18.5%;
	 background: #F3F3F3;
}

#rappel_rubrique{
	display: block;
	padding: 0.7em 0.75em;
	font-weight: bold;
	font-size: 1.125em;
}

#rappel_rubrique a, #menu_secondaire a{
	color: #000000;
	text-decoration: none;
}

.contenu h1{
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.367em;
	color: #DC0814;
	text-transform: uppercase;
	margin-bottom: 1em;
}


#menu_secondaire {
    background: #F3F3F3;
    padding: 0em 0.8em  0em  0.8em;
    font-size: 0.938em;
}

#menu_secondaire ul{
    padding: 0.4em 0 0.4em 0.8em;
}

#menu_secondaire ul li{
    list-style: square inside;
    list-style-position: outside;
    padding: 0.2em 0;
    font-size: 0.6em;
}

#menu_secondaire ul li a{
	font-size: 1.5em;
}

#menu_secondaire > li {
    border-bottom: 1px solid #e1dede;
    padding: 0.55em 0;
}

#menu_secondaire .menu_secondaire-actif {
    font-weight: normal;
}

#menu_secondaire .sousmenu_secondaire-actif{
	 color: #DC0814;
}

#menu_secondaire .sousmenu_secondaire-actif > a, #menu_secondaire .menu_secondaire-actif > a {
    font-weight: 700;
	color: #DC0814;
}

.liste-definitions.chapeau{
	width: 50%;
}

.liste-definitions.chapeau .liste-definitions__terme--colonne{
	color: #DC0814;
	width: 7%;
}

.liste-definitions.chapeau .liste-definitions__definition--colonne{
	font-weight: normal;
	font-size:1em;
	width: 90%;
}

.fiche .photo {
    float: right;
    width: 50%;
}

.fiche #resume {
	background-color: #f3f3f3;
	padding: 1.2em;
	font-weight: 500;
	margin-top: 1em;
}


.liste-definitions.info-complementaire{
    border-left: 6px solid #DC0814;
    box-sizing: border-box;
    padding-bottom: 0.6em;
    margin: 0 2em 0 2em;
    padding: 1em;
    background-color: #F3F3F3;
}

.liste-definitions.info-complementaire .liste-definitions__definition--colonne{
    padding-left: 1em;
	box-sizing: border-box;
}

.trait-rouge-right::before {
    border-bottom: 1px solid #e5e5e5;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 80%;
}

.trait-rouge-right{
	border-bottom: 1px solid #DC0814;
	position: relative;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.date-publication-maj{
	float: right;
	 padding-top: 1.4em;
}

.date-maj{
	color: #9d9d9c;
	font-size: 0.9em;
}

.actions-fiche {
    float: left;
}

/*DEBUT fiche formation onglet*/

.contener-formation-resume{
    overflow: hidden;
    width: 100%;
    background: #FFFFFF;
    vertical-align: middle;
    position: relative;
    min-height: 4em;
}

.formation-resume-fleche{
    background: #f5f5f5 none repeat scroll 0 0;
    width: 100%;
    overflow: hidden;
     min-height: 4em;
}

.formation-resume-fleche::before {
    color: #DC0814;
    content: "";
    font-family: "icomoon" !important;
    font-size: 2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0.3em;
    position: absolute;
    text-transform: none;
    top: 25%;
    vertical-align: inherit;
    line-height: -moz-block-height;
}

.formation-resume{
    float: right;
    width: 90%;
    height: auto;  
    padding-left: 1.5em; 
    background: #FFFFFF;
    min-height: 4em;
}

.onglets {
    border-bottom: 1px solid #ddd;
}

.onglets__item {
    background: none;
    border: 0;
}

.onglets__item--actif {
	border-bottom: 2px solid #fff;
    border-top: 2px solid #DC0814;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.onglets a {
    padding: 1em;
	color: #6c6c6c;
}	

.onglets a:hover {
    color: #DC0814;
}

.onglets__item--actif a{
	color: #DC0814;
}

.div-onglets-section{
	display:none;
}


/* ---------- Page annuaire ---------*/

.fiche #page .entete-structure{
	background-image: url("img/annuaire-pattern.jpg");
    background-repeat: repeat;
}


.fiche #page .entete-structure .photo{
    float: right;
    margin: 0;
    width: auto;
}

.fiche #page .entete-structure .photo img{
    max-height: 10em;
}


.fiche #page .entete-structure .infos{
    margin: 0;
    padding: 1em 0 0 1em;
}

.fiche #page .entete-structure h1 {
    border-bottom:none;
    padding: 0;
    margin: 0 0 0.5em;
}

.fiche #page .entete-structure .surtitre {
	float: none;	
}

.fiche #page .entete-structure .motif__titre{
	padding-bottom: 0.5em;
}

.fiche #page .entete-structure .type_1{
	margin-left: 3em;
	width : auto;
}

.fiche #page .entete-structure .motif__contenu{
	font-size: 0.875em;
	padding-left: 0.5em;
}

/*---------- resultat recherche -----------*/

#precisions_resultats {
	padding: 0.5em 0;
    background: #f8f6f7 none repeat scroll 0 0;
    text-align: center;
}

#recherche_avancee_modification{
	background: #f8f6f7 none repeat scroll 0 0;
	text-align: right;
	padding: 0.5em 1em 0.5em 0;
}

#resultats_recherche_navigation{
	text-align: center;
	padding: 2em 0 1em 0;
}

#resultats_recherche_navigation a, #resultats_recherche_navigation .icon{
	color: #333333;
	font-size: 0.9em;
}

#resultats_recherche_navigation a:hover, #resultats_recherche_navigation a:hover .icon{
	color: #DC0814;
}


.content-formation-resume:after{
	 font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
	 content: "\ea42";
	 left: 0;
	 padding-left: 5px;
}

.content-formation-resume{
	border-left: 4em solid gray;
	padding-left: 1em;
	
}

#volumes_horaires, #details, #coefs {
    float: none;
    margin-bottom: 2em;
     width: 100%;
}

th, td {
    border-bottom-width: 1px;
}
 
/* ---------- Footer ---------- */
.premier-pied-page{
	font-family: 'Roboto Slab', sans-serif;
	background: #434343 none repeat scroll 0 0;
	
}

.titre-pied-page{
	text-transform: uppercase;
	font-size: 1.250em;
	display: block;
	width: 100%;
	padding-bottom: 2em;
	font-weight: bold;
}

.titre-rs{
	padding-bottom: 1.4em;
}

#pied_page {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#menu_pied_page{
	margin: 0;
    padding: 1.5em 0 1.5em;
}

#menu_pied_page a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.125em;
}

#menu_pied_page a:hover{
	text-decoration: underline;
}

.js #haut_page {
    bottom: 1em;
    position: fixed;
    right: 5%;
    z-index: 1000;
}

.second-pied-page{
	font-family: 'Roboto Slab', sans-serif;
	background: #353535 none repeat scroll 0 0;
	
}

.second-pied-page ul li{
	display: inline-block;
}


.second-pied-page ul.box-adresse-pied_page{
	max-width:100%;
	width:100%; 
	margin: 0;
    padding: 1.5em 0 1.5em;
}

.second-pied-page ul.box-adresse-pied_page li.boxcontent-pied_page.ut{
	position: relative;
	width: 40%;
	max-width: 40%;
	box-sizing: border-box;
	color: #FFFFFF;
	vertical-align: top;
}

.second-pied-page ul.box-adresse-pied_page li.boxcontent-pied_page.utplus{
	position: relative;
	width: 29.5%;
	max-width: 29.5%;
	box-sizing: border-box;
	color: #FFFFFF;
	vertical-align: top;
}
ul.box-adresse{
	padding: 0;
}

ul.box-adresse li{
    vertical-align: top;
}

ul.box-adresse li img{
    padding-right: 1em;
}
/*
.boxcontent-pied_page ul.box-reseaux-sociaux:last-child {
	margin-left: 31px;
}*/
/*
.box-reseaux-sociaux li img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

.box-reseaux-sociaux li img:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}*/

.box-logo{
	margin-top: 3.5em;
}

.box-logo li{
  margin-right: 2%;
}

.box-logo li:last-child {
 margin-right: 0;
}

.troisieme-pied-page{
	font-family: 'Raleway', sans-serif;
	background-color: #434343;
	color: #FFFFFF;
}



.troisieme-pied-page .content_troisieme-pied-page{
	display: flex;
}


.troisieme-pied-page .content_troisieme-pied-page #copyright-pied_page, .troisieme-pied-page .content_troisieme-pied-page #menu_secondaire_footer{
	padding: 1em;
	max-width: none;
	font-size: 0.85em;
}

.troisieme-pied-page .content_troisieme-pied-page #copyright-pied_page{
	text-align: left;
}

.troisieme-pied-page .content_troisieme-pied-page #menu_secondaire_footer{
	text-align: right;
}

.troisieme-pied-page ul, .troisieme-pied-page p{
	margin:0;
	padding:0;
}

.troisieme-pied-page ul li{
	border-left: 1px solid;
	display: inline;
	margin: 0 1em 0 0;
	padding: 0 0 0 1em;
}

.troisieme-pied-page ul li:first-child {
	border-left: 0;
}

.troisieme-pied-page ul li a{
	color: white;
}

.troisieme-pied-page div a:hover{
	text-decoration: underline;
}

#copyright-pied_page{
	text-align: center;
	padding: 1.5em 0;
}

/* plan du site*/

.plan-site__1 ul{
	padding-left:1.2em;
}

.plan-site__2 > * > .plan-site__rubrique {
    font-weight:500;
}

ul.plan-site__3 {
	padding-left:2em;
}

.icon {
    color: #DC0814;
    margin: 0;
}

.type_1, dl.type_1, #demande_mot_passe dt, .type-1 {
    border-bottom: 0;
}

.type_1 dd, #demande_mot_passe dt dd, .type_1 .type-1__definition, #demande_mot_passe dt .type-1__definition, .type-1 dd, .type-1 .type-1__definition {
    min-height: 2.9em;
}

.video-container[flv_local="1"] {
    padding-bottom: 0;
    padding-top: 0;
}


/*accordeon id*/
#accordion .ui-icon {
    background-image: url("../../adminsite/scripts/libs/css/images/ui-icons_ffffff_256x240.png");
}

#accordion h3.ui-state-active.ui-state-active{
	color:#FFFFFF;
}

#accordion h3.ui-state-default{
	color:#333333;
}

/*accordeon class*/
.accordion .ui-icon {
    background-image: url("../../adminsite/scripts/libs/css/images/ui-icons_ffffff_256x240.png");
}

.accordion h3.ui-state-active.ui-state-active{
	color:#FFFFFF;
}

.accordion h3.ui-state-default{
	color:#333333;
}


#contenu-encadres .ui-state-default, #contenu-encadres .ui-widget-content .ui-state-default, #contenu-encadres .ui-widget-header .ui-state-default {
	background:none;
	background-color:#dddddd;
}
	
#contenu-encadres .ui-state-active, #contenu-encadres .ui-widget-content .ui-state-active, #contenu-encadres .ui-widget-header .ui-state-active {
	background:none;
	background-color:#DC0814;
}

#contenu-encadres .ui-widget-content {
    background: #FFFFFF;
}


.cookieAcceptBar {
	display:none;
	bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #303030;
	display: none;
	padding: 0.5em;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1000;
	background-color:#dddddd;
	font-size: 16px;
}

.cookieAcceptBar a {
  text-decoration: none;
  font-weight: bold;
}

.cookieAcceptBar button {
  cursor: pointer;
  border: none;
  color: #fff;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-shadow:none;
}

#cookieAcceptBarConfirm{
	background-color: #51a351;
}

#cookieRefuseBarConfirm{
border: 1px solid red;
background-image:none;
background: none;
color: #303030!important;
	}
	
figcaption {
	display:none !important;
}
	
.results__list-item-meta li:nth-child(2) {
	display:none;
	} 	
table {	
	margin-left: auto;
	margin-right: auto;
}