/*----------------------------------*/
/* CLASSES OPTIMISEES UL            */
/* Eric Thibault                    */
/* Direction des communications */
/* poste 18015                          */
/*------------------------------------*/

@font-face {
  font-family: 'ULicons';
  src:url('fonts/iconsUL.eot?-u4xdfx');
  src:url('fonts/iconsUL.eot?#iefix-u4xdfx') format('embedded-opentype'),
    url('fonts/iconsUL.woff?-u4xdfx') format('woff'),
    url('fonts/iconsUL.ttf?-u4xdfx') format('truetype'),
    url('fonts/iconsUL.svg?-u4xdfx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iconesUL_old';
  src:url('fonts/iconesUL.eot?-u4xdfx');
  src:url('fonts/iconesUL.eot?#iefix-u4xdfx') format('embedded-opentype'),
    url('fonts/iconesUL.woff?-u4xdfx') format('woff'),
    url('fonts/iconesUL.ttf?-u4xdfx') format('truetype'),
    url('fonts/iconesUL.svg?-u4xdfx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iconesUL';
  src:url('fonts/iconesUL/fonts/iconesUL.eot?-u4xdfx');
  src:url('fonts/iconesUL/fonts/iconesUL.eot?#iefix-u4xdfx') format('embedded-opentype'),
    url('fonts/iconesUL/fonts/iconesUL.woff?-u4xdfx') format('woff'),
    url('fonts/iconesUL/fonts/iconesUL.ttf?-u4xdfx') format('truetype'),
    url('fonts/iconesUL/fonts/iconesUL.svg?-u4xdfx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
    /*box-sizing: border-box;*//* bug dans les anciennes pages!!!*/
}

html, body{
  position:relative;
  margin:0;
  padding:0;
  height:100%;
}
body {
  font-family: 'Source Sans Pro', Arial,Helvetica,Verdana,sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  color: #666666;
  background-color: #fff;
  min-height: 100%;
}
a, a:link, a:visited {
  color: #039bd5;
  text-decoration: none;
}
a:hover {
  color: #039bd5;
  text-decoration: underline;
}
strong, b {
font-weight: 600;
/*color: #333;*/
}

.main ul.lien_externe,
.maincontent ul.lien_externe,
.main ol.lien_externe,
.maincontent ol.lien_externe,
.menu-intrapage ul,
.menu-interpage ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}

.maincontent p.lien_externe a,
.maincontent ul.lien_externe li,
.maincontent .menu-intrapage ul li,
.maincontent .menu-interpage ul li {
padding-left: 14px;
background: transparent url(images/puce_lien.gif) no-repeat 0px 7px;
}
ul.lien_externe a,
.maincontent .menu-intrapage ul a,
.maincontent .menu-interpage ul a {
background: none;
padding-left: 0px;
}
img {
border: 0px;
}
hr {
border: none;
border-top: 1px solid #e3ded8;
}

/* Ancre repositionné pour palier aux zones sticky */
div.ancre {
display: block;
position: relative;
/*top: -170px;*/
visibility: hidden;
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6,
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
/*color: #666666;*/
font-weight: 400;
padding: 0px;
/*margin: 0px;*/
line-height: 1;
}
.mainZZ h1,
.maincontentZZ h1 {
font-size: 26px;
font-weight: 300;
padding: 58px 0px 15px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #d2d0d0;
}
.main h2,
.maincontent h2 {
font-size: 22px;
/*font-weight: 400;*/
/*color: #000;/*#cf0505;*/
/*margin: 24px 0px -5px 0px;*/
margin: 24px 0px 12px 0px;/* Eric Thibault: 6 janvier 2016 */
padding: 0px 0px 0px 0px;
line-height: 1;
}
.main h3,
.maincontent h3 {
font-size: 18px;
font-weight: 600;
margin: 24px 0px 12px 0px;/* Eric Thibault: 6 janvier 2016 */
padding: 0px 0px 0px 0px;
line-height: 1;
}


.main ul,
.maincontent ul {
margin: 20px 0px 20px 12px;
padding: 0px 0px 0px 0px;
}
.main ul li,
.maincontent ul li,
.header ul li {
list-style: none;
display: block;
margin: 8px 0px 8px 0px;/*5px 0px 5px 0px;*/
padding: 0px 9px 0px 17px;
list-style-type: none;
/*font-size: 14px;*/
background: transparent url(images/puceListe2.gif) no-repeat left 8px;
}
.maincontent ol li {
margin: 8px 0px 8px 0px;
}
.maincontent ol ol {
    list-style-type:lower-latin;
}
.maincontent ol ol ol {
    list-style-type:lower-roman;
}

.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
  width: 0px;
}
#wrapper {
  min-height:100%;
  position:relative;
  height: auto !important;
      height: 100%;
      overflow: hidden;
}
.strate {
position: relative;
margin: 0px;
width: 100%;
padding: 0.01px 0px 0.01px 0px;
background-color: #fff;
border-top: 0px solid transparent;
border-bottom: 0px solid transparent;
z-index: 1;
}
.strate .contenu, .strate .contenuBG {
position: relative;
margin: 0px auto;
padding: 0.01px 0px 0.01px 0px;
width: 960px;
}
.strateTotal .strate .contenu {
width: 100%;
}
.sectionRecherche .strate .strate .contenu {
width: 100%;
}


.main .strateMince .strate,
.maincontent .strateMince .strate {
  padding:30px 0;
}


.bloc,
.bigmenuUL .bloc,
.footer .bloc {
display: inline-block;
vertical-align: top;
width: auto;
}
.sticky {  
position: fixed;   
}
.shadow {
/*-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
/*-moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
/*box-shadow:         0px 1px 1px 0px rgba(0, 0, 50, 0.75);*/
}
.innershadow {
/*-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
/*-moz-box-shadow:    inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
/*box-shadow:         inset 0px 3px 3px 0px rgba(0, 0, 0, 0.25);*/
}
.gris .strate {
background-color: #f3efeb;
}

.shadow .strate,
.contenu .shadow {
-webkit-box-shadow: inset 0px -3px 4px -3px rgba(213,209,206, 1);
-moz-box-shadow:    inset 0px -3px 4px -3px rgba(213,209,206, 1);
box-shadow:         inset 0px -3px 4px -3px rgba(213,209,206, 1);
}
.contenu .shadow {
-webkit-box-shadow: 0px 2px 4px 0px rgba(50,50,50, 0.4);
-moz-box-shadow:    0px 2px 4px 0px rgba(50,50,50, 0.4);
box-shadow:         0px 2px 4px 0px rgba(50,50,50, 0.4);
}
.innershadow .strate {
-webkit-box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
-moz-box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
box-shadow: inset 0px 3px 4px -3px rgba(213,209,206,1);
}
/*---------------------------------*/
/* Contenu commun               */
/*---------------------------------*/
.strate.commun {
display: none;
}
/*---------------------------------*/
/* Header                              */
/*---------------------------------*/
.strate.header {
/*border-top: 12px solid #E30513;*/
border-top: 30px solid #E30513;
z-index: 500;
position: relative;/*fixed;*/ /* ET 16-04-2015 */
}
#logoUL {
  position: absolute;
  width: 125px;
  height: 52px;
  top: 25px;
  left: 0px;
  width: 144px;
 height: 60px;
}
#logoUL a {
  display: block;
  width: 100%;
  height: 100%;
}
#logoUL img {
width: 100%;
height: 100%;
}
.header .corpsJaune {
  position: absolute;
  width: 50%;
  left: 0px;
  top: -12px;
top: -30px; 
height: 30px;
  background-color: #ffc103;
}
.header .contenu {
  /*background: transparent url(images/bandeRouge.png) repeat-x 0px 0px;*/
border-top: 12px solid #E30513;
margin-top: -12px;
border-top: 30px solid #E30513;
margin-top: -30px;
height: 85px;/* à voir */
}
.header .contenu .corpsJaune {
  position: absolute;
  width: 128px;
  left: 0px;
  top: -12px;
  height: 12px;
top: -30px;
height: 30px;
width: 146px;
  border-right: 2px solid #fff;
}





/*JP*/

.header .sectionBouton {
position: absolute;
right: 0px;
bottom: 0px;
}
.sectionBouton .bouton {
width: 48px;
height: 40px;
border: 1px solid #A4A4A4;
line-height: 40px;
text-align: center;
float: left;
margin: 0px 0px 0px 5px;
cursor: pointer;
overflow: hidden;
}
.sectionBouton .bouton:hover {
background-color: rgba(46, 46, 46, 0.2);
}
.sectionBouton .bouton.actif,
.sectionBouton .bouton.actif:hover {
background-color: #2e2e2e;
border: 1px solid #2e2e2e;
}
.sectionBouton .bouton a {
display: block;
text-decoration: none;
}
.sectionBouton .bouton a span {
display: none;
text-transform: uppercase;
/*font-weight: 600;*/
color: #A4A4A4;
font-size: 18px;
}
.sectionBouton .item_google a:after {
  font-family: 'iconesUL';
  color: #A4A4A4;
  speak: none;
  content: "h";
  font-size: 32px;
  /*font-weight: 600;*/
  text-transform: lowercase;
}
.sectionBouton .item_google.actif a:after {
  content: "b";
}

.sectionBouton .bouton.item_en a span,
.sectionBouton .bouton.item_fr a span {
display: block;
}

.sectionBouton .item_nous-joindre a:after,
.sectionBouton .item_contact-us a:after {
  font-family: 'iconesUL';
  color: #E30513;
  speak: none;
  content: "a";
  font-size: 36px;
  font-weight: 600;
  text-transform: lowercase;
}

/* menu d'entete */
#menu_entete {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 1001;
}
#menu_entete ul {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#menu_entete ul li {
  list-style: none;
  display: block;
  float: left;
  border: none;
  height: 14px;
  margin: 0px;
  padding: 0px;
  background: none;
}
#menu_entete ul li a, #menu_entete ul li a:hover {
  display:block;
  text-decoration: none;
  color: #030000;
  font-size: 14px;
  line-height: 1.2em;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.10);
  vertical-align: middle;
border: 1px solid transparent;
padding: 9px;
}
#menu_entete ul li a:hover, #menu_entete ul li.actif a {
  text-decoration: underline;
}
#menu_entete ul li.section_7.actif a {
text-decoration: none;
}
#menu_entete ul li.section_7.actif a:hover {
text-decoration: underline;
}
#menu_entete .section_31203.actif > a,
#menu_entete .section_32449.actif > a{
border: 1px solid #b2b2b2;
}
#menu_entete .section_31203 > a,
#menu_entete .section_31203 > a:hover,
#menu_entete .section_32449 > a,
#menu_entete .section_32449 > a:hover{
padding-right: 24px;
text-decoration: none;
}
#menu_entete .section_31203 > a::after,
#menu_entete .section_32449 > a::after{
  font-family: 'iconesUL';
  color: #666666;
  speak: none;
  content: "c";
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 24px;
  /*font-weight: 600;*/
  text-transform: lowercase;
  text-decoration: none;
  display: block;
}
#menu_entete .section_31203.actif > a::after,
#menu_entete .section_32449.actif > a::after{
  content: "f";
}
#wrapper .groupeEntete {
width: 100%;
z-index: 10000;
/*position: fixed; */
}
  #menu_entete ul li,
  #menu_entete ul li a {
  position: relative;
  }
  #menu_entete .section_31203.actif a,
  #menu_entete .section_31203.actif a:hover,
  #menu_entete .section_32449.actif a,
  #menu_entete .section_32449.actif a:hover{
  border-bottom: 1px solid #fff;
  text-decoration: none;
  z-index: 1000;
  display: block;
  background-color: #fff;
  color: #666666;
  }
#menu_entete .section_31203 a:focus,
#menu_entete .section_32449 a:focus{
    outline: 0;
}  
  #acces_rapide_v2 {
    position: absolute;
    top: 35px;
    right: 0px;
    display: none;
    background-color: #FFFFFF;
    width: 455px;/* à  cause du position et z-index VS parent */
    padding: 25px 40px 10px 40px;/*0px 9px 20px 30px;*/
    border: 1px solid #b2b2b2;
    z-index: 10;
  }
  #acces_rapide_v2 .colonne {
  float: left;
  margin-right: 35px;
  color: #2d2d2d;
  }
  #acces_rapide_v2 .colonne:last-child {
  margin-right: 0px;
  }
  #menu_entete #acces_rapide_v2 p {
  margin: 0px;
  font-size: 15px;
  }
  #menu_entete #acces_rapide_v2 ul {
  display: block;
  margin: 3px 0px 15px 0px;
  }
  #menu_entete #acces_rapide_v2 ul li {
  float: none;
  display: block;
  position: static;
margin-bottom: 4px;
  }
  #menu_entete #acces_rapide_v2 ul li a {
  border: none;
  padding: 0px;
  position: static;
  border: none;
font-size: 14px;
  background-color: transparent;
  color: #2d2d2d;
  }
  #menu_entete #acces_rapide_v2 ul li a:hover {
  text-decoration: underline;
  color: #2d2d2d;
  }
  #menu_entete #acces_rapide_v2 ul li a:after {
  display: none;
  }
  #menu_entete #acces_rapide_v2 .btn_urgences {
  position: absolute;
  right: 40px;
  bottom: 25px; 
text-transform: uppercase;
color: #fff;
}  
#menu_entete #acces_rapide_v2 .btn_urgences a {
display: block;
text-transform: uppercase;
color: #fff;
background-color: #E30513;
border: none;
font-size: 15px;
padding: 8px 20px;
}

#new_recherche {
display: block;
height: 15px;
z-index: 5000;
width: 100%;
overflow: hidden;
}
#new_recherche .strate {
background-color: #fff;/*#2e2e2e;*/
}
#new_recherche ul {
    padding:0;
    margin: 0px 0px 20px 0px;
}
#new_recherche .strate .contenu {
    padding: 20px 0px;
}
#new_recherche form {
    border: 1px solid #3b3b3b;
    box-sizing: border-box;
    height: 42px;
    /*margin: 0 0 20px;*/
    padding: 5px;
    position: relative;
}
   
#new_recherche ul li {
    background-image: none !important;
    display:inline;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    background-color: #fff;
}
#new_recherche ul li a {
padding: 3px 15px;
display: inline-block;
border: 1px solid #60605F;
text-decoration: none;
font-size: 14px;
color: white;
background-color: rgba(46, 46, 46, 1);
}
#new_recherche ul li a:hover {
color: white;
background-color: rgba(46, 46, 46, 0.7);
}
#new_recherche ul li.actif a,
#new_recherche ul li.actif a:hover {
color: black;
background-color: #C2C1C0;
}

#champRechercheEntete{
    font-size: 18px;
    background-color: #2e2e2e;
    color: white;
    padding:4px 55px 4px 5px;
    width: 100%;
    border-top:none;
  border-bottom:none;
  border-right:none;
  border-left:1px solid white;
  outline: 0;
/* Forcer le iPad à afficher les coins carrés */
border-radius: 0 !important;
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
box-sizing: border-box;
  }  
.iconeRecherche {
    background-color: #fff;
    border-left: 1px solid #3b3b3b;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 50px;
    z-index: 10;
}
.iconeRecherche a {
    background-color: rgba(46, 46, 46, 1);
    color: #fff;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}
.iconeRecherche a:hover {
color: #2e2e2e;
background-color: rgba(46, 46, 46, 0.6);
}
.iconeRecherche a::after {
    box-sizing: border-box;
    content: "h";
    font-family: "iconesUL";
    font-size: 32px;
    left: 10px;
    position: absolute;
    text-transform: lowercase;
    top: 12px;
}

/*fin jp*/




#acces_rapide {
position: absolute;
display: block;
top: 0px;
right: 0px;
z-index: 1000;
}
#acces_rapide h4 {
float: right;
display: inline-block;
margin: 0px;
padding: 17px 34px 16px 18px;
background: #680303 url(images/acces_rapide.png) no-repeat 120px 50%;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
text-align: right;
/*margin-bottom: 1px;*/
cursor: pointer;
}
#acces_rapide.actif h4 {
background: #232222 url(images/acces_rapide_actif.png) no-repeat 120px 50%;
}
#acces_rapide .wide {
clear: both;
width: 460px !important; /* overrides plugin setting */
border-top: 1px solid #fff !important;
background-color: #232222;
color: #fff;
opacity:0;
}
#acces_rapide ul {
clear: both;
color: #fff;
margin: 0px;
padding: 0px;
}
#acces_rapide ul li {
list-style: none;
display: block;
padding: 0px 20px;
}
#acces_rapide ul li a, #acces_rapide ul li a:hover {
font-size: 13px;
color: #fff;
text-decoration: none;
}
#acces_rapide ul li a:hover {
text-decoration: underline;
}
#acces_rapide .column {
margin: 30px 0px;
width: 49% !important;
}
#acces_rapide .column.first {
border-right: 1px solid #313131;
}
#recherche {
position: absolute;
bottom: 5px;
right: 0px;
padding: 0.01px;
float: right;
}
#recherche #searchbox {
position: relative;
width: 196px;/*240*/
margin: 0px 29px 0px 0px;
height: 25px;
font-size: 14px;
color: #999;
border: 1px solid #f4f1ed;
background-color: #f4f1ed;
line-height: 31px;
vertical-align: middle;
padding-left: 3px;
padding-right: 3px;
text-align: left;
}
#recherche #search_button {
position: absolute;
bottom: 0px;
right: 0px;
border: 0px;
width: 29px;
height: 29px;
background: transparent url(images/btn_google.png) left top no-repeat;
cursor: pointer;
overflow: hidden;
padding-top: 0px;
color: transparent;
}
/*---------------------------------*/

/*---------------------------------*/
/* Navigation                         */
/*---------------------------------*/
.strate.navigation {
position: relative;
z-index: 100;
background-color: transparent;
}
.strate.navigation .navigationALT, .strate.navigation .navigationALT2 {
background-color: #e30513;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
width: 50%;
height: 70px;
}
.strate.navigation .navigationALT2 {
left: auto;
right: 0px;
}
#navigation {
z-index: 100;
position: relative;
padding: 0.01px 0px 0.01px 0px;
width:100%;
/*display: table;*//* Retiré le 31 octobre par ET: provoque un espace après la liste */
}
#navigation ul {
display: table;
position: relative;
margin: 0px;
padding: 0px;
/*border-right: 1px solid #bf1718;*/
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
width: 100%;
background-color: #e30513;
}

#navigation li {
display: table-cell;
/*width: auto;*/
width: 16%;
vertical-align:middle;
list-style: none;
padding: 0px;
margin: 0px;
}
#navigation li.groupe {
border-right: 1px solid #a00101 !important;
}
#navigation li a {
display: table; 
position: relative;
height: 70px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 14px;
border-left: 1px solid #E30513;
border-right: 1px solid #cd0911;/*#a81916;/*bf1718;*/
letter-spacing: 0.2px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);
width: 100%;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}
#navigation li.droite a {
/*conserver la même que les autres!*/
/*border-right: 1px solid #E30513;*/
}
.gradienRouge a,
#navigation li a {
background-color: transparent;
}
#navigation li.section_14651 a,
#navigation li.section_24112 a {
background-color: #bf1718;
border-left: 1px solid #bf1718;
border-right: 1px solid #bf1718;
}
#navigation li.section_25028 a,
#navigation li.section_31177 a,
#navigation li.section_24484 a {
background-color: #a81916;
border-left: 1px solid #a81916;
border-right: 1px solid #a81916;
}
#navigation li a:hover,
#navigation li.courant a,
#navigation li.courant a:hover,
#navigation li.actif a,
#navigation li.actif a:hover,
#navigation li.section_25028 a:hover,
#navigation li.section_31177 a:hover {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
#navigation li a span {
   display: table-row;
}
#navigation li a span span {
display:table-cell;
text-align:center;
vertical-align:middle;
padding: 0px 10px;
line-height: 1.2em;
}
.gradientRouge a:hover, 
#navigation li a:hover,
#navigation li.actif a,
#navigation li.courant a,
#navigation li.section_14651.courant a,
#navigation li.section_25028.courant a,
#navigation li.section_31177.courant a {
background-color: #870403;
border-right: 1px solid #870403;
}

/*---------------------------------*/

/*---------------------------------*/
/* bigmenuUL                            */
.bigmenuUL {
clear: both;
position: absolute;
z-index: 1;
background-color: transparent;
display: none;
height: 0px;
overflow: hidden;
color: #fff;
padding: 0px;/*10px 0px;*/
width: 100%;
border: none;
}
.bigmenuUL .strate {
background-color: transparent;
}
.bigmenuUL .contenu {
background-color: #870403;
}
.bigmenuUL .table_content {
position: relative;
padding: 30px 10px;
}

.bigmenuUL .groupement {
margin-left: 170px;
}
.bigmenuUL .independant {
position: absolute;
left: 0px;
top: 0px;
width: 160px;
/*background-color: #000;*/
}
.bigmenuUL .colonne {
 width: auto;/*250px;*/
 padding: 0px 30px;
}
/* Admission */
.bigmenuUL .b_26674.colonne,
.bigmenuUL .b_5.colonne,
.bigmenuUL .b_6.colonne,
.bigmenuUL .b_25937.colonne {
padding: 0px;
}
.bigmenuUL .colonne p {
margin: 0px 0px 20px 0px;
padding: 0px;
font-weight: 600;
}
.bigmenuUL .colonne.bordure {
border-right: 1px solid #CF0505;
padding-left: 0px;
}

/* FE colonne indépendante à la droite */
.bigmenuUL .b_14651.groupement {
margin-right: 170px;
margin-left: 0px;
}
.bigmenuUL .b_14651.independant {
position: absolute;
left: auto;
right: 0px;
top: 0px;
width: 160px;
}


.bigmenuUL ul {
display: table;
width: 100%;
margin: 0px;
padding: 0px;
list-style-image: none;
}
.bigmenuUL ul li {
display: table-cell;
padding: 0px 0px 0px 10px;
}
.bigmenuUL .colonne ul li {
display: table-cell;
padding-bottom: 10px;
padding-top: 0px !important;
}
.bigmenuUL ul li.premier {
display: table-cell;
padding: 0px 0px 0px 0px;
}
.bigmenuUL ul li a,
.bigmenuUL ul > li > strong {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.bigmenuUL .normal ul li a {
font-weight: 400;
}
.bigmenuUL ul li a br {
    display: none;
}
.bigmenuUL ul ul {
display: block;
margin: 7px 0px;
}
.bigmenuUL ul ul li {
display: block;
padding-left: 0px;
margin: 14px 0px;
line-height: 15px;
}
.bigmenuUL ul ul li a {
font-weight: 400;
color: #F3EFEB;
}
.bigmenuUL ul ul li a:hover {
color: #F3EFEB;
}
.bigmenuUL .independant ul {
display: block;
margin: 0px;
}
.bigmenuUL .independant ul li {
display: block;
padding-left: 0px;
margin: 0px 0px 12px 0px;
}
.bigmenuUL .independant ul li a {
}

.bigmenuUL .colonne ul {
display: block;
}
.bigmenuUL .colonne ul li {
display: block;
padding: 5px 0px 5px 10px;
}


/*---------------------------------*/

/*---------------------------------*/
/* Bandeau                           */
/*---------------------------------*/

.maincontent.sansbandeau {
margin-top: 0px;/*170px;*/ /* ET 16-04-2015 */
}
.strate.bandeau {
overflow: hidden;
margin-top: 0px;/*50px;/*70px;*/ /* ET 16-04-2015 */
background: #000 url(images/bandeauDrapeau.jpg) no-repeat 50% 100%;

-webkit-background-size: 1600px 200px;/*295*/
-moz-background-size: 1600px 200px;
-o-background-size: 1600px 200px;
background-size: 1600px 200px;

/* Mesure temporaire, juste pour s'approcher plus du look final en attendant l'image plus large */
/*-webkit-background-size: 100% 295px;*/
/*-moz-background-size: 100% 295px;*/
/*-o-background-size: 100% 295px;*/
/*background-size: 100% 295px;*/

}
.strate.bandeau .shadow, .strate.bandeau .navigationALT2 {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.strate.bandeau .shadowXXX {
z-index: 100;
-webkit-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
box-shadow:         inset 0px -3px 3px -3px rgba(0, 0, 0, 0.5);
top: auto;
bottom: 0px;
height: 5px;
}
.strate.bandeau .contenuBG {
/*z-index: 20;*/
/*height: 100%;*/
/*position: absolute;*/
/*top: 0px;*/
/*left: 50%;*/
/*margin-left: -515px;/*-480px;*/
/*padding: 0.01px 0px 0.01px 0px;*/
/*width: 356px;/*960px;*/
/*background-color: #0b0904;*/
/*opacity:0.7;*/
/*filter:alpha(opacity=70); /* For IE8 and earlier */
}

.strate.bandeau .contenuBG {
z-index: 20;
height: 100%;
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
padding: 0.01px 0px 0.01px 0px;
width: 960px;
}

.strate.bandeau .navigationALT2 {
z-index: 10;
left: auto;
right: 0px;
width: 50%;
}
.bandeau .contenu {
z-index: 100;
height: 200px;/*225px;/* test */
}

.strate.bandeau .contenu .entete {
    background-color: rgba(11, 9, 4, 0.5);
    bottom: 0;
    color: #fff;
    filter: none;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    left: auto;
    letter-spacing: 0.05em;
    line-height: 22px;
    opacity: 1;
    padding: 0 30px 0 30px;
    position: absolute;
    left: 0;
    text-shadow: none;
    min-width: 356px;
    width: 356px;
    max-width: 375px;
    box-sizing: border-box;
    display: table;
}
.strate.bandeau .contenu .entete .csc-default {
    display: table-cell;
    vertical-align: top;/*middle;*/
}
.strate.bandeau .contenu .contenuFond {
z-index: -1;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding: 0.01px 0px 0.01px 0px;
width: 356px;
background-color: #0b0904;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
display: none;
}
.bandeau .contenu p,
.strate.bandeau .contenu .entete p {
text-transform: none;
font-size: 16px;
line-height: 22px;
font-weight: normal;
color: #ffffff;
margin-left: 35px;/*10px;*/
margin-top: 11px;
letter-spacing: normal;
}
.strate.bandeau .contenu .entete p {
margin-top: 14px;
}
.bandeau .contenu h1, 
.bandeau .contenu p strong,
.strate.bandeau .contenu .entete h1,
.strate.bandeau .contenu .entete p strong {
display: block;
text-transform: uppercase;
font-size: 24px;
line-height: 24px;
font-weight: 400 !important;
color: #fff;/*ffcd03;*/
border-left: 2px solid #ffcd03;
padding: 0px 0px 0px 12px;
/*margin: 55px 0px 0px 35px;*/
margin: 0px 0px 0px 35px;/*10px;*/
/*letter-spacing: 0.05em;*/
  letter-spacing: 1px;
}
.bandeau .contenu p strong {
margin-left: 0px;
margin-bottom: -5px;
}
.bandeau .contenu h1 .note,
.bandeau .contenu p strong .note {
display: block;
color: inherit;
}
.strate.bandeau .contenu .entete h1,
.strate.bandeau .contenu .entete p strong,
.strate.bandeau .contenu .entete p {
margin-left: 0px;    
}
.strate.bandeau .contenu .entete h1 {
 margin-top: 13px; 
}
.strate.bandeau .contenu .entete h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    margin: 35px 0 35px 0px;
    padding: 0;
    text-transform: uppercase;
}

.avecBandeauEpais .bandeau .contenu {
  height:300px;
  width:960px;
}



/*---------------------------------*/
/* Navigation secondaire         */
/*---------------------------------*/
.strate.navigationSec {
position:relative;
left: auto;
top: auto;
z-index: 15;
background-color: #232222;
background-color: #2f2f2f; /* Old browsers */
background: -moz-linear-gradient(top,  #3a3a3a 0%, #3a3a3a 0%, #2f2f2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#910605), color-stop(0%,#3a3a3a), color-stop(100%,#2f2f2f )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3a3a3a 0%,#3a3a3a 0%,#2f2f2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-8 */
}

#navigationSec {
position: relative;
padding: 0.01px 0px 0.01px 0px;
width: 100%;
}
#navigationSec ul {
/*display: table-row;*/
display: table;
position: relative;
/*height: 70px;*/
margin: 0px;
padding: 0px;
border-left: 1px solid #1a1a1a;
border-right: 1px solid #3a3a3a;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
width: 100%;

}
#navigationSec li {
display: table-cell;
vertical-align:middle;
width: auto;
/*height:70px;*/
list-style: none;
padding: 0px;
margin: 0px;
}
#navigationSec li a {
display: table;
position: relative;
height: 70px;
color: #efefeb;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-size: 14px;/*15px*/
border-left: 1px solid #3a3a3a;
border-right: 1px solid #1a1a1a;
font-weight: 400;
letter-spacing: 0.2px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.50);
width: 100%;

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */

}
.is-sticky #navigationSec li a {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.50);/* bug */
}


#navigationSec li.droite a {
border-right: 1px solid #1a1a1a;
}

#navigationSec li a:hover,
#navigationSec li.courant a,
#navigationSec li.courant a:hover,
#navigationSec li.actif a,
#navigationSec li.actif a:hover {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
background-color: #212121;
}
#navigationSec li.section_25816 a,
#navigationSec li.section_25817 a {
/*background-color: #403f3f;*/
}
#navigationSec li a span {
   display: table-row;
 /*  text-align: center;*/
 /*  line-height: 1em;*/
 /*  padding: 0px;*/
 /*  height: 100%;*/
 /*  width: 100%;*/
}
#navigationSec li a span span {
   display: table-cell;
   text-align center;
   vertical-align:middle;
   padding: 1px 16px 0px 16px;
   line-height: 1em;
}

/*---------------------------------*/

/*---------------------------------*/
/* MAIN */
.main .csc-textpic,
.maincontent .csc-textpic {
/*margin-top: 17px;/* modifié le 14 décembre 2015 par ET */
position: relative;
}
.main .csc-textpic-text h2,
.maincontent .csc-textpic-text h2,
.main .csc-textpic-text h3,
.maincontent .csc-textpic-text h3,
.main .csc-textpic-text h4,
.maincontent .csc-textpic-text h4,
.main .csc-textpic-text p,
.maincontent .csc-textpic-text p,
.main .csc-textpic-text ul,
.maincontent .csc-textpic-text ul,
.main .csc-textpic-text ol,
.maincontent .csc-textpic-text ol {
margin-left: 10px;
}
.main .csc-textpic-text p,
.maincontent .csc-textpic-text p,
.main .csc-textpic-text h3,
.maincontent .csc-textpic-text h3 {
margin-left: 0px; /* ajouté le 23 septembre 2015 */
}
.main .csc-textpic-text h2,
.maincontent .csc-textpic-text h2 {
margin-top: 0px;
}
.main .csc-textpic-image,
.maincontent .csc-textpic-image {
/*padding-top: 5px;*//*Retiré le 20 juin 2014*/
}
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
/*overwrite celui des styles par défaut de Typo3 */
margin-bottom: 0px;/*10px;*/
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-image {
margin-bottom: 10px;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text p {
margin-left: 0px;
}
DIV.csc-textpic *:first-child {
/*margin-top: 0px;*/ /* Ajustement 16-02-2016 */
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text p:first-of-type {
margin-top: 0px;
}
DIV.csc-textpic.csc-textpic-intext-left .csc-textpic-text h3 {
margin-top: 0px;
}




.strate.magic-line {
z-index: 90;
display: none;
}
.strate.magic-line.affiche {
display: block;
}
#magic-line {
position: absolute;
top: 0px; 
left: 0px; 
width: 100px; 
height: 8px; 
background: transparent url(images/navigation-tick.png) no-repeat 50% 0%;
}
.strate.main {
padding-bottom: 323px;/*268px;/* compensation pour pied de page */
/*z-index: 100;*/
z-index: 1;
}
/* gabarit avec strates en bloc de contenu Flex*/
.maincontent {
position: relative;
padding-bottom: 333px;/*323px;/*268px;/* compensation pour pied de page */
z-index: 1;
height: auto;
min-height: 100% !important;
overflow: hidden;
}

.sectionRecherche .main, 
.sectionRecherche .maincontent {
    padding-bottom: 268px;  /* Padding moins epais car 2e footer ajoute dans cette section */
}

.main .contenu,
.maincontent .contenu {
overflow: visible;/*auto; /* bug collapsable margins */
}
.main .blocmenu {
position: relative;
background-color: #fff;
width: 960px;
z-index: 2000;
}
.ULcolonnes {
position: relative;
padding: 0px;/*58px 0px 0px 0px;*/
margin: 0px;
}
.ULcolonnes:after {
  content: "";
  display: table;
  clear: both;
}
.ULcolonnes.titreAuto {
/*position: relative;*/
/*padding: 55px 0px 0px 0px;*/
/*margin: 0px;*/
}
#titre_page {
display: none;
}
.ULcolonnes h1,
h1.titre-automatique,
.titre-automatique h1 {
font-size: 26px;
font-weight: 300;
padding: 0px 0px 15px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #d2d0d0;
}
.zoneGauche, 
.zoneDroite,
.colDroite {
display: none;
}
.zoneMilieu {

}
.zoneContenu {

}
.zoneGauche.afficher {
display: block;
float: left;
width: 220px;
margin-top: 9px;
}
.zoneDroite.afficher {
display: block;
float: right;
width: 220px;
margin-top: 0px;
}
.zoneMilieu.margeDroite {
float: left;
width: 720px;
}
.zoneMilieu.margeGauche {
float: left;
width: 720px;
margin-left: 20px;
}
.zoneMilieu.margeDroite.margeGauche {
width: 500px;
}

/* Nouveau gabarit gauche, contenu (gauche + droite) */
.zoneContenu.margeGauche {
float: left;
width: 720px;
margin-left: 20px;
}
.colDroite {
display: none;
}
.colDroite.afficher {
display: block;
float: right;
width: 220px;
margin-top: 29px;
}
.zoneContenu .colGauche.margeDroite {
float: left;
width: 720px;
}
.zoneContenu.margeGauche .colGauche.margeDroite {
float: left;
width: 480px;
}





/*-------------------------*/
/*Menu des sous-pages*/
/*-------------------------*/
.zoneGauche .menuG,
.menuG {
  /*background-color: #ECE7F0;*/
}
.zoneGauche .menuG .titre,
.menuG .titre,
.col-menu .titre {
  font-size: 20px;
  font-weight: 400;
  color: #666;/*141313;*/
}
.zoneGauche .menuG .titre br,
.menuG .titre br,
.col-menu .titre br {
  display: none;
}
.zoneGauche .menuG .titre a,
.zoneGauche .menuG .titre a:hover,
.menuG .titre a,
.menuG .titre a:hover,
.col-menu .titre a,
.col-menu .titre a:hover {
  color: inherit;
  text-decoration: none;
}





.zoneGauche li,
.conversion li {
border-bottom: 1px dotted #adadad;
list-style: none;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
background: none;
}
.zoneGauche li a,
.zoneGauche li a:hover,
.conversion li a,
.conversion li a:hover {
display: block;
padding: 16px 10px 16px 32px;
background: transparent url(images/puceMenuGauche.png) no-repeat 14px 1.3em;
font-size: 16px;
color: #000;
text-decoration: none;
}
.zoneGauche li a:hover,
.conversion li a:hover {
text-decoration: underline;
}
.zoneGauche li.courant a, .zoneGauche li.courant a:hover,
.conversion li.courant a,
.conversion li.courant a:hover {
font-weight: 600;
text-decoration: none;
}

.zoneGauche ul > li > ul,
.conversion ul > li > ul {
border:0;
margin:0 0 0 20px;
}


.zoneGauche .menuG ul,
.menuG ul,
.menuG_alt ul {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  border-left: none;
  margin: 12px 0px;
  padding: 0px 0px 0px 0px;
}
.menuG_alt ul {
border-top: none;
margin-top: -12px;
}
.zoneGauche .menuG ul ul,
.zoneGauche .menuG ul ul ul,
.zoneGauche .menuG ul ul ul ul,
.menuG ul ul,
.menuG ul ul ul,
.menuG ul ul ul ul,
.menuG_alt ul ul,
.menuG_alt ul ul ul,
.menuG_alt ul ul ul ul {
  border-top: none;
  border-bottom: none;
  border-left: none;
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;
}
.zoneGauche .menuG ul ul,
.menuG ul ul,
.menuG_alt ul ul {
  border-top: 1px dotted #adadad;
}
.zoneGauche .menuG ul ul ul,
.menuG ul ul ul,
.menuG_alt ul ul ul {
  border-top: 1px dotted #adadad;
}
.zoneGauche .menuG ul li,
.menuG ul li,
.menuG_alt ul li {
  border-bottom: 1px dotted #adadad;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: block;
  list-style-type: none;
  background: none;
}
.zoneGauche .menuG ul li.courant.sub,
.zoneGauche .menuG ul li.last,
.menuG ul li.courant.sub,
.menuG ul li.last,
.menuG_alt ul li.courant.sub,
.menuG_alt ul li.last {
  border-bottom: none;
}
.zoneGauche .menuG ul ul li,
.menuG ul ul li,
.menuG_alt ul ul li  {
  border-bottom: 1px dotted #adadad;
}
.zoneGauche .menuG ul ul ul li,
.menuG ul ul ul li,
.menuG_alt ul ul ul li {
  border-bottom: none;
}
.zoneGauche .menuG li a,
.zoneGauche .menuG li a:hover,
.menuG li a,
.menuG li a:hover,
.menuG_alt li a,
.menuG_alt li a:hover {
display: block;
padding: 16px 0px 16px 0px;
background: none;/* transparent url(images/puceMenuGauche.png) no-repeat 14px 1.3em;*/
font-size: 16px;
color: #666;/*000;*/
font-weight: 400;
text-decoration: none;
}
.zoneGauche .menuG li a:hover,
.menuG li a:hover,
.menuG_alt li a:hover {
text-decoration: underline;
}
.zoneGauche .menuG li.courant a,
.zoneGauche .menuG li.courant a:hover,
.menuG li.courant a,
.menuG li.courant a:hover,
.menuG_alt li.courant a,
.menuG_alt li.courant a:hover {
font-weight: 600;
}
.zoneGauche .menuG ul ul li a,
.zoneGauche .menuG ul ul li a:hover,
.zoneGauche .menuG li.courant li a,
.zoneGauche .menuG li.courant li a:hover,
.menuG ul ul li a,
.menuG ul ul li a:hover,
.menuG li.courant li a,
.menuG li.courant li a:hover,
.menuG_alt ul ul li a,
.menuG_alt ul ul li a:hover,
.menuG_alt li.courant li a,
.menuG_alt li.courant li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: transparent url(images/puceMenuGauche.png) no-repeat 0px 1.4em;
font-size: 15px;
color: #333333;
font-weight: 400;
text-decoration: none;
}
.zoneGauche .menuG ul ul li.sub a,
.zoneGauche .menuG ul ul li.sub a:hover,
.menuG ul ul li.sub a,
.menuG ul ul li.sub a:hover,
.menuG_alt ul ul li.sub a,
.menuG_alt ul ul li.sub a:hover {
background: transparent url(images/puceMenuGauche_sub.png) no-repeat 0px 1.45em;
}
.zoneGauche .menuG ul ul ul li a,
.zoneGauche .menuG ul ul ul li a:hover,
.zoneGauche .menuG ul ul ul li a:hover,
.menuG ul ul ul li a,
.menuG ul ul ul li a:hover,
.menuG ul ul ul li a:hover,
.menuG_alt ul ul ul li a,
.menuG_alt ul ul ul li a:hover,
.menuG_alt ul ul ul li a:hover {
display: block;
padding: 16px 10px 16px 20px;
background: none !important;/*transparent url(images/puceMenuGauche.png) no-repeat 0px 1.4em;*/
font-size: 14px;
color: #666666;
font-weight: 300 !important;
text-decoration: none;
}
.zoneGauche .menuG ul ul li.courant a,
.zoneGauche .menuG ul ul li.courant a:hover,
.menuG ul ul li.courant a,
.menuG ul ul li.courant a:hover,
.menuG_alt ul ul li.courant a,
.menuG_alt ul ul li.courant a:hover {
font-weight: 600;
}
.zoneGauche .menuG ul ul ul li.courant a,
.zoneGauche .menuG ul ul ul li.courant a:hover,
.menuG ul ul ul li.courant a,
.menuG ul ul ul li.courant a:hover,
.menuG_alt ul ul ul li.courant a,
.menuG_alt ul ul ul li.courant a:hover {
font-weight: 400 !important;
}


.priorite_D .colGauche,
.priorite_D .colGauche.margeDroite {
float: left;
width: 382px;
}
.priorite_D .colDroite.afficher {
width: 540px;
margin-top: 0px;
}
.priorite_D .csc-textpic {
margin-top: 0px;
}
.priorite_G .colGauche,
.priorite_G .colGauche.margeDroite {
float: left;
width: 690px;
}
.priorite_G .colDroite.afficher {
width: 220px;
margin-top: 0px;
}

.zoneDroite .nous_joindre,
.colDroite .nous_joindre {
position: relative;
background-color: #f0ebe6;
padding-bottom: 6px;
}
.gris .zoneDroite .nous_joindre,
.gris .colDroite .nous_joindre {
background-color: #fff;
}
.zoneDroite .nous_joindre h3,
.colDroite .nous_joindre h3 {
font-size: 22px;
font-weight: 400;
padding: 22px 0px 13px 0px;
margin: 0px 14px 13px 14px;
border-bottom: 1px solid #d8d3ce;
}
.zoneDroite .nous_joindre p,
.colDroite .nous_joindre p {
margin: 10px 14px 10px 14px;
}
.zoneDroite .nous_joindre strong,
.colDroite .nous_joindre strong {
font-weight: 600;
}
.zoneDroite .nous_joindre .note,
.colDroite .nous_joindre .note {
font-size: inherit;
color: #039bd5;
}
.zoneDroite .liens_utiles,
.colDroite .liens_utiles {
position: relative;
background-color: #f8f6f3;/* url(images/triangleNousJoindre.gif) no-repeat 50% 0px;*/
}
.zoneDroite .liens_utiles h3,
.colDroite .liens_utiles h3 {
font-size: 22px;
font-weight: 400;
padding: 24px 0px 13px 0px;
margin: 0px 14px 13px 14px;
}
.zoneDroite .liens_utiles ul,
.colDroite .liens_utiles ul {
margin: 10px 14px 10px 14px;
padding: 0px 0px 0px 0px;
}
.zoneDroite .liens_utiles li,
.colDroite .liens_utiles li {
list-style: none;
display: block;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
border-top: 1px solid #dad5cf;
background: none;
}
.zoneDroite .liens_utiles li a,
.colDroite .liens_utiles li a {
display: block;
margin: 0px;
padding: 15px 9px 15px 13px;
background: transparent url(images/puce_lien.gif) no-repeat 0px 22px;
}
.zoneDroite .liens_utiles.triangle,
.colDroite .liens_utiles.triangle {
background: #f8f6f3 url(images/triangleNousJoindre.gif) no-repeat 50% 0px;
}
.zoneDroite .liens_utiles.triangle h3,
.colDroite .liens_utiles.triangle h3 {
padding-top: 29px;
}

/* onglets */
.ongletsUL {
background-color: transparent;
position: relative;
}
.ongletsUL ul.ongletsNav.ui-widget-header {
float: left;
list-style: none;
padding: 0;
margin: 20px 0px -1px 0px;
overflow: hidden;
}
.ongletsUL ul.ongletsNav.ui-tabs-nav {
margin: 20px 0px -2px 0px;
}
.ongletsUL ul.ongletsNav li {
float: left;
position:relative;
margin: 0px 0px 5px 5px !important;
padding: 0px 0px 0px 0px;
width: auto;/*140px;*/
list-style-image: none !important;
border-left: none;
border-bottom: none;
background-image: none;
}
.ongletsUL ul.ongletsNav li.first {
margin-left: 0px !important;
}
.ongletsUL ul.ongletsNav li.last {
margin-right: 5px !important;
}

.ongletsUL ul.ongletsNav .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0px 0px 0px 0px;
}

.ongletsUL ul.ongletsNav li a {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px !important;
background-color: #eae4de !important;
font-weight: 400;
font-size: 15px;
color: #666666;
text-align: center;
text-transform: none;
text-decoration: none;
line-height: 43px;
vertical-align: middle;
outline:none;

border: 1px solid #eae4de !important;
border-top: 4px solid #eae4de !important;
}
.ongletsUL ul.ongletsNav li a.current,
.ongletsUL ul.ongletsNav li a.current:hover,
.ongletsUL ul.ongletsNav li a:hover,
.ongletsUL ul.ongletsNav li a:focus,
.ongletsUL ul.ongletsNav .ui-tabs-active a {
background-color: #ffffff !important;
color: #323232;

border: 1px solid #e6e5e1 !important;
border-top: 4px solid #ffc103 !important;
border-bottom: 1px solid #ffffff !important;
}

ul.ongletsNav li a.current span.tick,
ul.ongletsNav .ui-tabs-active a span.tick {
display: none;
/*position: absolute;*/
/*width: 100%;*/
/*height: 5px;*/
/*left: 0px;*/
/*bottom: -5px;*/
/*background: transparent url(images/navigation-tick_onglet.png) no-repeat 50% 0px;*/
}

.ongletsUL ul.ongletsNav li a .span{
display: block !important;
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
}
.ongletsUL .contenu {
width: auto;
}

/* contenant */
.ongletsUL .contenu-wrap {
z-index:-10;
background-color: #fff;
padding: 20px 20px 20px 0px;
margin: -5px 0 15px 0;/*-5px 0 15px 0*/
border-top: 1px solid #ebe4de;
}
.ongletsUL .contenu-wrap h3 {
display: none;
}
.ongletsUL.ui-tabs .ui-tabs-nav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.ongletsUL .ui-widget-content {
  border: none;
  background-color: transparent !important;
  color: #666666;/* bloquer celle par défaut de JQuery css */
}
.ongletsUL .ui-widget-header {
background-color: transparent;
}
.ongletsUL.ui-tabs .ui-tabs-panel {
padding: 0px !important;
}
.ongletsUL .ui-state-default,
.ongletsUL .ui-widget-content .ui-state-default,
.ongletsUL .ui-widget-header .ui-state-default {
border: 0px;
}
.ongletsUL .ui-state-active,
.ongletsUL .ui-tabs-active,
.ongletsUL .ui-tabs-default {
border: 0px !important;
}

.ongletsUL .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-hover,
.ongletsUL .ui-widget-content .ui-state-focus {
border: none;
}
.ongletsUL .ui-tabs-active,
.ongletsUL .ui-state-active,
.ongletsUL .ui-state-focus {

}
.ongletsUL .ui-state-default a,
.ongletsUL .ui-state-default a:link,
.ongletsUL .ui-state-default a:visited {
border: none;
width: 100%;
background-color: transparent;
}
.ongletsUL .ui-state-active a {
background-color: transparent;
}
.ongletsUL .ui-state-active a.current,
.ongletsUL .ui-state-active a.current:hover,
.ongletsUL .ui-state-active a:hover,
.ongletsUL .ui-state-active a:focus {
background-color: #292828 !important;
color: #fff;
}

 
/*---------------------------------*/

/*---------------------------------*/

/*---------------------------------*/
/* FOOTER                            */
/*---------------------------------*/
.strate.footer {
border-top: 6px solid #ffcd03;
background-color: #2f2f2f;
padding-top: 50px;
padding-bottom: 50px;
position: absolute;
bottom: 0px;
left: 0px;
z-index:1;
}
.footer .contenu {
border-right: 1px solid #3d3d3d;
color: #ffffff;
font-size: 14px;
}
.footer .contenu .csc-textpic {
margin-top: 0px;
}
.footer .contenu .carte {
position: relative;
border: 6px solid #212020;
margin-right: 40px;
width: 162px;
height: 162px;
box-sizing: border-box;
}
.footer .contenu .carte .csc-textpic-last {
margin-bottom: 0px;/* marge pour distancer le texte sous image... pas nécessaire ici */
}
.footer .contenu .carte img {
width: 100%;
height: 100%;
display: block;
}
.footer .contenu .logoPrint {
display: none;
}
.footer .contenu .adresse {
position: relative;
border-right: 1px solid #3d3d3d;
padding-top: 6px;
margin-right: 40px;
width: 300px;
height: 155px;
overflow: hidden;
}
.footer .contenu .adresse .csc-textpic-left {
height: 155px;
}
.footer .contenu .adresse .csc-textpic-left p {
margin-left: 0px;
}
.footer .contenu .adresse table.contenttable {
border-collapse:collapse;
margin: 0px;
padding: 0px;
border: 0px !important;
width: auto;
}
.footer .contenu .adresse table.contenttable td {
vertical-align:top;
padding: 0px 29px 0px 0px !important;
border: 0px !important;
font-size: 14px !important;
}
.footer .contenu .adresse table.contenttable td p {
line-height: 15px;
margin: 3px 0px 0px 0px;
font-size: 14px !important;
}
.footer .contenu .adresse .note {
display: block;
position: absolute;
left: 0px;
bottom: 0px;
}
.footer .contenu .adresse img {
width: 121px;
height: 50px;
}
.boutonActionVif li {
background: none;
}
.footer .contenu .adresse .note a, .boutonActionVif a {
display: block;
background-color: #cf0505;
padding: 5px 13px;
color: #fff;
font-size: 14px;
text-decoration: none;
border-top: 1px solid #ff2d25;
border-right: 1px solid #f0241e;
border-bottom: 1px solid #bb0504;
border-left: 1px solid #ed221c;
}
.boutonActionVif a,
.boutonActionVif a:hover {
padding: 0px;
}
.boutonActionVif a:hover {
background-color: #870403;
border-bottom: 1px solid #790403;
border-left: 1px solid #a20706;
border-top: 1px solid #a20706;
border-right: 1px solid #a20706;
padding: 0px;
}
.footer .contenu .adresse .note a:hover {
background-color: #870403;
border-bottom: 1px solid #790403;
border-left: 1px solid #a20706;
border-top: 1px solid #a20706;
border-right: 1px solid #a20706;
padding: 5px 13px;
}
.boutonActionVif {
display: block;
position: absolute;
}



.footer .contenu .barre_sociale {
position: relative;
width: 330px;/*auto;*/
font-size: 14px;
height: 160px;/*155px;*/
overflow: hidden;
}
.footer .contenu .barre_sociale p {
margin: 0px;/*7px 0px 7px 0px;*/
color: #717171;
position: absolute;
bottom: 0px;
font-size: 12px;
}
.footer .contenu .barre_sociale h3 {
font-size: 17px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
margin-top: 18px;
padding-top: 0px;
}
.footer .contenu .barre_sociale strong, .footer .contenu .barre_sociale b {
color: #717171;
font-weight: 400;
font-size: 12px;
display: none;
}
.footer .contenu .barre_sociale strong a,
.footer .contenu .barre_sociale b a,
.footer .contenu .barre_sociale b a:hover,
.footer .contenu .barre_sociale strong a:hover {
color: #717171;
}


.footer .contenu .barre_sociale ul {
  position: relative;
  display: block;
  /*text-align: right;*/
  margin: 15px 0px 24px 0px;
  padding: 0px;
}
.footer .contenu .barre_sociale li {
display: inline-block;
width: 38px;
height: 38px;
margin: 0px 2px 0px 0px;
padding: 0px;
background: none;
}
.footer .contenu .barre_sociale li span {
display: none;
}
.barre_sociale .facebook, .barre_sociale .twitter, .barre_sociale .youtube, .barre_sociale .rss, .barre_sociale .contact,
.barre_sociale .instagram,
.barre_sociale .LinkedIn {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: #3b5998 url(images/facebook.png) no-repeat 50% 50%;
}
.barre_sociale .twitter {
background-color: #37bbdf;
background-image: url(images/twitter.png);
}
.barre_sociale .youtube {
background-color: #c4240e;
background-image: url(images/youtube.png);
}
.barre_sociale .rss {
background-color: #fa820e;
background-image: url(images/rss.png);
}
.barre_sociale .contact {
background-color: #ffffff;
background-image: url(images/contact.png);
width: 69px;
}
.barre_sociale .instagram {
background-color: #3F729B;
background-image: url(images/instagram.png);
}
.barre_sociale .LinkedIn {
background-color: #005380;
background-image: url(images/LinkedIn.png);
}
.maincontentz a.facebook,
.maincontentz a.twitter,
.maincontentz a.youtube,
.maincontentz a.facebook:hover,
.maincontentz a.twitter:hover,
.maincontentz a.youtube:hover {
margin: 0px 0px 10px 18px;
text-decoration: none;
position: relative;
display: inline-block;
width: 24px;
height: 24px;
}
.maincontentz a.facebook::before,
.maincontentz a.twitter::before,
.maincontentz a.youtube::before {
display: inline;
font-family: 'iconesUL';
color: #3B5998;
speak: none;
content: "j";
display: block;
font-size: 30px;
font-weight: 400;
text-transform: lowercase;
position: absolute;
left: -3px;
top: 3px;
}
.maincontentz a.twitter::before {
color: #37BBDF;
content: "n";
}
.maincontentz a.youtube::before {
color: #C4240E;
content: "o";
}


/*Ariane*/
#ariane {
display: block;
position: relative;
padding: 16px 0px 0px 0px;
margin: 0px 0px 36px 0px;
z-index: 100;
}
#ariane br {
display: none;
}
#ariane ul {
margin: 0px !important;
padding: 0px !important;
list-style-type: none !important;
list-style-image: none !important;
list-style-position: outside;
}
#ariane ul li {
float: left;
margin: 0px;
padding: 0px !important;
list-style-image: none;
background-image: none;
}
#ariane ul li a,
#ariane ul li a:hover {
display: block;
padding: 0px 6px 0px 11px;
font-size: 12px;
color: #039bd5;
text-decoration: none;
}
#ariane ul li a:hover span {
color: #039bd5;
text-decoration: underline;
cursor: pointer;
}
/*#ariane ul li.act a,*/
#ariane ul li.act a,
#ariane ul li.act a span,
#ariane ul li.act a:hover span {
cursor: text;
color: #333333;
text-decoration: none;
}
#ariane ul li.premier a {
padding: 0px 6px 0px 0px;
background: none;
}
#ariane ul li a::before {
font-family: 'iconesUL';
color: #333333;
speak: none;
content: "e";
display: block;
font-size: 14px;
font-weight: 600;
text-transform: lowercase;
position: absolute;
left: -4px;
}
#ariane ul li.premier a::before {
content: "";
display: none;
}
#ariane ul li a {
background: none;
position: relative;
}





/*---------------------------------*/
#milieu .gauche, #milieu .droite {
  position: relative;
  float: left;
  width: 616px;
  margin-top: 48px;
}

#colonnes {
margin-bottom: 0px;
}

#titre {
  position: absolute;
  bottom: 40px;
  left: 170px;
  font-weight: 700;
}

.centrer {
  text-align: center;
}
.cache, .bloc_Perso, .hideMe, #toolbar, .bigmenuUL .bloc {
display: none;
}
.collapseMe {
height: 0px;
}
.show, .bigmenuUL .bloc.show {
display: table-cell;
}
#colonne_0.hideMe,
#colonne_image.hideMe {
display: none;
}
#colonne_1.expendMe {
float: none;
width: 100%;
margin-left:0px;
background-color: transparent;
margin-top: 0px;
}  

.expendMe table.tableauStyle1, .expendMe table.tableauStyle2, .tableau {
width: 75%;
}
#colonne_1_contenu {
/*background-color: green;*/
}

/*----------------------------------------*/
/* YouTube                                     */
/*----------------------------------------*/
.noInfo .yt_infototal {
    display: none !important;
}
.yt_PlaceHolder {
    background-color: transparent;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0px;
    position: relative;
}
.yt_PlaceHolder .image {
position: relative;
}
.yt_PlaceHolder .btnPlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent url(images/video_play_blanc.png) no-repeat 50% 50%;
    z-index: 100;
    cursor: pointer;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.boutonNoir .yt_PlaceHolder .btnPlay {
    background-image:url(images/video_play_noir.png);  
}  

/*----------------------------------------*/
/* Tableau UL                                 */
/*----------------------------------------*/
.tableauUL.dim75 {
width: 75%;
}
.tableauUL {
border-right: 1px solid #ebe8e5;
border-bottom: 1px solid #ebe8e5;
border-left: 1px solid #ebe8e5;
border-collapse: collapse;
width: 100%;
empty-cells: show;
table-layout: fixed;
/*font-size: 14px;*/
margin: 0px 0px 5px 0px; 
}
.tableauUL caption {
border-top: 4px solid #ffcc00;
border-right: 1px solid #ebe8e5;
border-left: 1px solid #ebe8e5;
text-align: left;
font-weight: 300;
padding: 20px 12px 14px 12px;
font-size: 22px;
}
.tableauUL caption span {
display: block;
font-weight: 400;
margin: -9px 0px 0px 0px;
color: #1895fd;
font-size: 14px;
}
.tableauUL p {
margin:0px;
padding: 0px;
}
.tableauUL th {
border: none;
padding: 9px 12px;
background-color: #ebe8e5;
font-weight: 400;
color: #666666;
text-align: left;
}
.tableauUL td {
border-top: 1px solid #ebe8e5;
padding: 9px 12px;
vertical-align: top;
color: #616265;
font-weight: 300;
}

.tableauSimple {border-collapse:collapse;margin:1em 0}
.tableauSimple td, .tableauSimple th {border:1px solid #ccc;padding:5px;vertical-align:top}
.tableauSimpleRangeeSeparation {background:#bbb}

/*----------------------------------------*/
/* Demande d'information               */
/*----------------------------------------*/
.demandeInfo #cboxWrapper {
background: none;
}
.demandeInfo #cboxTopLeft{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxTopRight{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomLeft{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomRight{width:1px; height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxMiddleLeft{width:1px; background: none; background-color: transparent;}
.demandeInfo #cboxMiddleRight{width:1px; background: none; background-color: transparent;}
.demandeInfo #cboxTopCenter{height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxBottomCenter{height:1px; background: none; background-color: transparent;}
.demandeInfo #cboxContent{background:transparent; overflow:hidden;}
.demandeInfo .cboxIframe{background: none; background-color: transparent;}
.demandeInfo #cboxTitle{ display: none; }

.demandeInfo #cboxClose{display: block; position:absolute; bottom: auto; top:9px; right:9px; background:url(questions/images/colorbox_close.png) no-repeat 0px 0; width:14px; height:14px; text-indent:-9999px;}


/* test Tweeter */
.tweets {
/*background-color: green;*/
}
.tweet_item {
position: relative;
float: none;
}      
.tweet_item .avatar {
float: left;
height: 24px;
margin: 0px 6px 0px 0px;
width: 24px;
}
.tweet_item .avatar img {
width: 100%;
height: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tweet_item .texte {
margin-left: 35px;
}

/* Publicité en mode galerie slick */
.strate .tx-ixadvertising-pi1 {
overflow: visible;
}
.slick_pubs.contenantGalerie .slick-prev,
.slick_pubs.contenantGalerie .slick-next {
  width: 15px;
  background: transparent;
  top: 0px;/*50%;*/
  background: transparent url(smoothDivScroll/images/arrow_left_pubs.png) no-repeat 0px 50%;
  left: -25px;
}
.slick_pubs.contenantGalerie .slick-next {
  background: transparent url(smoothDivScroll/images/arrow_right_pubs.png) no-repeat 0px 50%;
  right: -25px;
  left: auto;
}
.tx-ixadvertising-pi1 .slick_pubs .pub {
    border: none;
    margin-top: 0px;
    padding-bottom: 0px !important;
    background: none !important;
}
.nolink_all .tx-ixadvertising-pi1 .lien_allpub {
display: none;
}
/*----------------------------------------------------------*/
/* Accordéon                                                        */
/*----------------------------------------------------------*/
.QRnew {
  width: 100%;
  margin:10px 0px 10px 0px;
}
.QRnew .hideMe {
display: none;
}
.QRnew .titre {
  font-size: 16px;
  margin: 0px;
  padding: 0px 30px 0px 10px;
  color: #ffffff;
  font-weight: 600;
  line-height: 43px;
  vertical-align: middle;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  min-height: 43px;
  background-color: #db0905;
  overflow: hidden;
}
.QRnew .titre .moreless {
position: absolute;
right: 0px;
top: 0px;
width: 43px;
height: 100%;
background-color: rgba(50,50,50,0.6);
}
.QRnew .titre .icon-plus {
display: table-cell;
}
.QRnew .titre .icon-moins {
display: none;
}
[class^="icon-"], [class*=" icon-"] {
  position: relative;
  font-family: 'ULicons';//'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 34px;
  /*font-weight: 400;*/
  width: 43px;
  text-align: center;
  color: #fff;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.QRnew.selected > .titre .icon-plus:before {
content: "\007c";/*"|"; /*"\e600";*/
}
.icon-plus:before {
content: "\007b";"{"; /*"\e601";*/
}
.QRnew .contenu {
  padding: 0.01px 0px;
  position: relative;
  width: auto;
  margin: 10px 0px 0px 0px;
  background: none;
  padding: 0.01px 10px;
  border: 1px solid transparant;
  border-bottom: 1px solid #cdc5b1;
}
.QRnew .QRnew .titre {
  height:25px;
  line-height:25px;
  background-color:#999;
}

/* Boutons css commun */
.btn_UL,
.btn_UL:hover {
    display: block;
    height: auto;
    text-decoration: none;
    width: 184px;
}

.btn_gradientRouge {
background-color: #e50000; /* Old browsers */
background: -moz-linear-gradient(top,  #aa1616 0%, #aa1616 0%, #e50000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1616), color-stop(0%,#aa1616), color-stop(100%,#e50000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aa1616 0%,#aa1616 0%,#e50000 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1616', endColorstr='#e50000',GradientType=0 );*/ /* IE6-8 */
}
.btn_gradientRouge:hover {
background-color: #FE3115; /* Old browsers */
background: -moz-linear-gradient(top,  #FE3115 0%, #FE3115 0%, #D22021 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE3115), color-stop(0%,#FE3115), color-stop(100%,#D22021)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3115', endColorstr='#D22021',GradientType=0 ); *//* IE6-8 */
}
.btn_gradientRouge2 {
background-color: #d22328; /* Old browsers */
background: -moz-linear-gradient(top,  #f22417 0%, #f22417 0%, #d22328 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f22417), color-stop(0%,#f22417), color-stop(100%,#d22328)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f22417 0%,#f22417 0%,#d22328 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f22417 0%,#f22417 0%,#d22328 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22417', endColorstr='#d22328',GradientType=0 );*/ /* IE6-8 */
}
.btn_gradientRouge2:hover {
background: none;
background-color: #C42023;
}

.btn_gradientNoir {
background-color: #606060; /* Old browsers */
background: -moz-linear-gradient(top,  #606060 0%, #606060 0%, #484848 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(0%,#606060), color-stop(100%,#484848)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606060 0%,#606060 0%,#484848 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606060 0%,#606060 0%,#484848 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#484848',GradientType=0 ); *//* IE6-8 */
}
.btn_gradientNoir:hover {
background-color: #FE3115; /* Old browsers */
background: -moz-linear-gradient(top,  #FE3115 0%, #FE3115 0%, #D22021 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE3115), color-stop(0%,#FE3115), color-stop(100%,#D22021)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FE3115 0%,#FE3115 0%,#D22021 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3115', endColorstr='#D22021',GradientType=0 );*//* IE6-8 */
}
.btn_ombre {
-webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.3);
}
.btn_coinsronds {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.btn_lignes span {
    /*margin: 7px 15px 0;*/
   /* text-align: left;*/
}
.btn_UL span {
    color: #ffffff !important;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    text-shadow: 0 -1px 1px rgba(98, 98, 98, 0.7);
    /*vertical-align: middle;*/
    padding: 5px 10px;
}

/* Typo3 */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
/*margin-right: 27px;*/
/* Desactive car cause un bug etrange ou le titre et texte adjacents sont tassés mais pas leur bordure */
/* Voir un axe de recherche de la section recherche pour exemple (element text w. image) */
}


/* FlexContent de colonnes generiques diverses largeurs */

.colGenWrapper {
  /*overflow:hidden*/
  position: relative;
}
.colGenWrapper::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.colGenColonne {
  float:left;
  margin:0 30px 0 0;
  padding:0;
  box-sizing: border-box;
}

.colGenColonne:last-child {
float: right;
  margin:0
}

.colGenColonne25 {
  width:233px;
}

.colGenColonne30 {
  width:300px;
}

.colGenColonne40 {
  width:380px;
}

.colGenColonne50 {
  width:465px;
}

.colGenColonne60 {
  width:530px;
}

.colGenColonne70 {
  width:630px;
}

.colGenColonne75 {
  width:697px;
}

.colGenColonneDroite {
  float:right;
}

.colGenColonneBordure {
  border-left:1px solid #393939;
  margin:0 0 0 20px;
  padding:0 0 0 20px;
}



.strateNoire .strate {
  background:#282828;
  color: #cccccc;
}


/* Pour les strates foncees */
.strateSombre .strate {
  background:#2f2f2f;
  color: #cccccc;
}

.strateSombre .strate ul li {
  background-image:url("images/puce-4x4-ccc.gif");  
}

.strateSombre .strate h2,
.strateNoire .strate h2 {
  color: #cccccc;
  border-color:#cccccc;
}

/* Pour masquer completement le bandeau */
body.aucunBandeau .bandeau .contenu,
body.aucunBandeau .bandeau .shadow,
body.aucunBandeau .bandeau .navigationALT2,
body.aucunBandeau .bandeau .contenuBG {
  display:none
}
.surpiedPage {
    bottom: 268px;
    left: 0;
    position: absolute;
    width: 100%;
}
.surpiedPage .strate {
  /*margin:30px 0 0 0;*/
  margin: 0px;
}
.surpiedPage.blocCoordsUniteRecherchePied .strate {
  margin:0;
  padding: 30px 0px;
}

.surpiedPage hr {
   -moz-border-bottom-colors: #555;
    -moz-border-left-colors: #555;
    -moz-border-right-colors: #555;
    -moz-border-top-colors: #555;
    border-color: #555;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
}


/* Styles specifiques pour Reconnaissance des acquis */
.sectionReconnaissanceAcquis  .contenantGalerie .bloc-profil table .csc-textpic-caption div {
  position:absolute;
  bottom:10px;
  left:10px;
  text-align:left;
  font-size:16px;
}

.sectionReconnaissanceAcquis .contenantGalerie .bloc-profil table .csc-textpic-caption div p {
  margin:5px 0 0 0;
  padding:0;
  color:#ffcc00;
  font-weight:bold;
}

.sectionReconnaissanceAcquis .contenantGalerie .bloc-profil table .csc-textpic-caption div p:first-child {
  color:#fff;
  font-weight:normal;
}

.sectionReconnaissanceAcquis .vignetteSombre .csc-textpic-image {
  background:#000;
}

.sectionReconnaissanceAcquis .vignetteSombre .csc-textpic-image img {
  opacity:0.5;
}

/* Pour bandeau qui remplace le drapeau UL */
.bandeauCustom {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bandeauCustom > img {
  min-width: 100%;
}


/* Look pour les nouvelles */
.blocTeaserActualite {
  width:460px;
}

.blocTeaserActualiteInnerWrap {
  background:#fff;  
  overflow:hidden;
}  

.blocTeaserActualiteImage {
  float:left;
  width:160px;
}

.blocTeaserActualiteImage img {  
  width:160px !important;
  height:160px !important;
}


.blocTeaserActualiteTexte {
  width:280px;
  padding:0 10px 10px 10px;
  float:left;  
  font-weight:400  ;
}

.blocTeaserActualiteTexte h3 a {
  color:#000;
}

.blocTeaserActualiteDateAuteur {
  background: url("images/calendrier-icone.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  color: #999;
  font-size: 12px;
  font-style: italic;  
  padding-left: 15px;
}

.blocTeaserActualiteTag {
  display:inline-block;
  padding:4px 6px;
  background:#19a3ff;
  margin:3px 3px 0 0;
  color:#fff;
  display:none;
}

.blocTeaserActualiteTag a {
  color:#fff;
}

.blocTeaserActualite.blocTeaserActualiteVertical {
  width:220px;
  float:left;
  margin:0 0 30px 18px;
}

.colGenColonne div div .blocTeaserActualiteVertical:first-child {
  margin-left:0;
}

.blocTeaserActualiteVertical .blocTeaserActualiteImage img {  
  width:220px !important;
  height:auto !important;
}

.blocTeaserActualiteVertical .blocTeaserActualiteImage {
  float:none;
  width:auto;
}

.blocTeaserActualiteVertical .blocTeaserActualiteTexte {
  padding:0 10px 10px 10px;
  float:none;  
  width:auto;
  font-weight:400;
}


.blocVedetteBigMenu .csc-default {
  background:#700404;
  margin-left:10px;  
}

.bigmenuUL .blocVedetteBigMenu ul ul li a  {
  font-weight:400;
}

.colleSurPiedPage {
  margin-bottom:-30px;
}

.boite-alerte {
  border:2px solid red;
  padding:15px;
  background:#efefef;
}

/* superscript */
.maincontent sup {
/*vertical-align: top;*/
/*font-size: 10px;*/
}
.maincontent sup {
    font-size: 70%;
    line-height: 100%;
    vertical-align: top;
}
.maincontent h1 sup {
font-size: 16px;
}



/* plugin de calendrier */
.tx-stsimpleajaxcal-pi1 .event_list_nav div.prev {
  background: url("images/fleche_actualite_back.png") no-repeat scroll left 50% transparent;
  display: inline;
  margin-right: 7px;
  padding-left: 10px;
}

.tx-stsimpleajaxcal-pi1 .event_list_nav div.next {
  background: url("images/fleche_actualite.png") no-repeat scroll right 50% transparent;
  display: inline;
  margin-left: 7px;
  padding-right: 10px;
}



.vedetteAvecImage {
  display:block;
  position:relative;
  overflow:hidden;
  float:left;
  margin:0 20px 20px 0;
  width:300px;
}

.vedetteAvecImageTitreConteneur {
  background: transparent;
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index:5;
}

.vedetteAvecImageTitre {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size:20px;
  color:#fff;
  font-weight:400;
  line-height:1.2;
}

.vedetteAvecImagePartieImage {
  display: block;
  width: 300px;
  height: 150px;
  position: relative;
  background:#000;
}

.vedetteAvecImagePartieImage img {
  opacity:0.5;
}

.vedetteAvecImageCoin:hover .lienAvecCoinTriangle {
  background-position:0 -39px;
}

.vedetteAvecImage .vedetteAvecImageCoin {
  display:none;
}


.vedetteAvecImageDocument .vedetteAvecImage {
  height:320px;
  float:right;
}

.vedetteAvecImageDocument .vedetteAvecImagePartieImage img {
  opacity:0.9;
}

.vedetteAvecImageDocument .vedetteAvecImageTitre {
  font-size:28px;  
  font-weight:100;  
  line-height:1;  
  text-transform:uppercase;
}

.vedetteAvecImageDocument .vedetteAvecImagePartieImage {
  height: 320px;
}

.vedetteAvecImageDocument .planRecherche {
  position:absolute;
  top:10px;
  left:10px;
  background:transparent;
  color:#000;
}

.vedetteAvecImageDocument p {
  margin:0;
  padding:0;
}


.vedetteAvecImageDocument .planRecherchePeriode {
  font-size:10px;
}

.vedetteAvecImageDocument .planRechercheTitre {
  font-size:20px;
}

.vedetteAvecImageDocument .planRechercheSousTitre {
  font-size:12px;
}

.message-important  {
  border:4px solid #ffffff;
  border-width:0 0 0 4px;
  padding:20px 10px 20px 50px;
  position:relative;
  background:#efefef;
  margin:0 0 2em 0;
}
  
.message-important-picto {
  color: #666;
  display: inline-block;
  font-family: "ULicons";
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;
  position:absolute;
  top:14px;
  left:10px;  
}
  
.message-important-titre {
  font-size:1.2em;
  font-weight:bold;
  margin:0 0 0.2em 0;  
}  

.message-important-texte {
  margin:0;  
}  

.message-important-niveau-vert  {
  border-color:#00c800;
}
  
.message-important-niveau-vert .message-important-picto::before {
  content: "\e604";
  color:#00c800;
}

.message-important-niveau-jaune  {
  border-color:#f48602;/*ffcc00;*/
}
  
.message-important-niveau-jaune .message-important-picto::before {
  content: "\e608";
  color: #f48602;/*ffcc00;*/
}

.message-important-niveau-rouge  {
  border-color:#ff3300;
}
  
.message-important-niveau-rouge .message-important-picto::before {
  content: "\e606";
  color: #ff3300;
}


/*---------------------------------------*/
/* Styles slick */
/*---------------------------------------*/
.env-f.contenantGalerie {
margin-top: 0px;
margin-bottom: 30px;

}
.env-f.contenantGalerie .contenantPuces {
    bottom: -25px;
    left: auto;
    right: 0px;
    width: auto;
}

.env-f.contenantGalerie .slick-dots li button::before {
    color: #c6ba94;
}
.env-f.contenantGalerie .slick-dots li.slick-active button::before {
    color: #e5150e;
}
.env-f.contenantGalerie .slick-prev, .env-f.contenantGalerie .slick-next {
    background: transparent url("smoothDivScroll/images/arrow_left_pubs.png") no-repeat scroll 0 50%;
    left: 5px;
    top: 0;
    width: 15px;
}  
.env-f.contenantGalerie .slick-next {
    background: transparent url("smoothDivScroll/images/arrow_right_pubs.png") no-repeat scroll 0 50%;
    left: auto;
    right: 5px;
}  

.cyclesup.contenantGalerie {
margin-top: 0px;
margin-bottom: 30px;

}
.cyclesup.contenantGalerie .contenantPuces {
    bottom: -25px;
    left: auto;
    right: 0px;
    width: auto;
}
.cyclesup.contenantGalerie .slick-dots li button::before {
    color: #c6ba94;
}
.cyclesup.contenantGalerie .slick-dots li.slick-active button::before {
    color: #e5150e;
}
.cyclesup.contenantGalerie .slick-prev {
    background: transparent url("smoothDivScroll/images/arrow_left_pubs.png") no-repeat scroll 0 50%;
    left: 15px;
    top: 0;
    width: 15px;
}  
.cyclesup.contenantGalerie .slick-next {
    background: transparent url("smoothDivScroll/images/arrow_right_pubs.png") no-repeat scroll 0 50%;
    left: auto;
    /*right: 5px;*/
    width:20px;
}  
.contenantGalerie h3 {
padding-top: 35px!important;
}
/*---------------------------------------*/
/* Avis important */
/*---------------------------------------*/
.avis {
    border: 1px solid #333;
    padding: 0 20px 10px;
    margin: 30px 0px;
    background-color: #E9E9E9;
}
.avis h2, .avis h3 {
    color: red;
    text-transform: uppercase;
}

/*---------------------------------------*/
/* Recherche Google CSE                  */
/*---------------------------------------*/
.barreRechercheGoogle {
/*position: absolute;*/
/*top: 0px;*/
/*right: 0px;*/
width: 240px;
}
table.gsc-search-box td.gsc-input,
.gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
margin-top: 0px !important;
height: 14px !important;
padding: 8px 8px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
border: none !important;
border-radius: 0px !important;
}
input.gsc-search-button {
margin-left: 0px !important;
}
.gsc-input-box {
height: 28px !important;
}
.barreRechercheGoogle .gsc-input-box {
/*border: none !important;*/
/*height: 30px !important;*/
}
.gsc-input-box table {
height: 100%;
}
.gsib_a {
padding: 0px 8px !important;
}
.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
box-shadow: none !important;
}

.hideMe {
display: none;
}

/* Titre h2 avec ligne de chaque cote */
.side-lines {
position: relative;
overflow: hidden;
}
.maincontent .side-lines h1,
.maincontent .side-lines h2 {
  text-align: center;
  text-transform: uppercase;
  border: none !important;
  color: #353535;
  font-size: 20px;
}
.maincontent .side-lines h1 strong,
.maincontent .side-lines h2 strong {
  display: inline-block;
  position: relative;  
  font-weight: 300;
}
.side-lines h1 strong:before,
.side-lines h1 strong:after,
.side-lines h2 strong:before,
.side-lines h2 strong:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #353535;
  top: 50%;
  width: 500%;
}
.maincontent .side-lines h1 strong:before,
.maincontent .side-lines h2 strong:before {
  right: 100%;
  margin-right: 15px;
}
.maincontent .side-lines h1 strong:after,
.maincontent .side-lines h2 strong:after {
  left: 100%;
  margin-left: 15px;
}

/*---------------------------------------*/
/* Styles selon la largeur de l'écran */
/*---------------------------------------*/
@media only screen and (min-width: 1600px) {
  
  .strate.bandeau {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

}
/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icons {
        /*background-image: url(icon-sprite-2x.png);*/
        /*background-size: 200px 100px;*/
        /*background-repeat: no-repeat;*/
    }
}