@font-face {
  font-family: 'flexi-icones';
  src:  url('fonts/flexi-icones.eot');
  src:  url('fonts/flexi-icones.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexi-icones.woff') format('woff'),
    url('fonts/flexi-icones.ttf') format('truetype'),
    url('fonts/flexi-icones.svg#icomoon') format('svg');
  font-weight:normal;
  font-style: normal;
}

video {
background-size:100% auto !important;
}

.contenu_extensible div.csc-textpic.csc-textpic-above .csc-textpic-image,
.contenu_extensible div.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-image,
.contenu_extensible div.csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-image {
    margin-top: 15px;
}


.mejs-container .mejs-controls {
  bottom:-22px !important;
}

.divLienTranscription {
  margin-top: 28px;
}

.bootstrap.container, .row {
    width: 960px;
}

#recherchePiv.actif .contenantRecherche {
  position: relative;
  padding:0;
}

#btnSearch {
    right: 6px;
    top: 16px;
  background-color:transparent;
  border:none;
}

#txtSearch {
  width: 948px;
  padding:3px 6px;
  display: block;
  
  box-sizing: border-box;
  height: 2.4375rem;
  margin-top:10px;
  padding: 0.5rem;
  padding-right: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 3px;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color:#0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


#entetePiv .logo {
  margin-top: 0px;
  float:left;
}

#entetePiv .nomOrganismeColumns{
  float:left;
}

#entetePiv .nomOrganisme {
  padding-bottom: 26px;
  height: 28px;
  padding-top: 11px;
}

.pivHautBoutonsMobile {
    top: -6px;
    left: 14px;
}

.pivHautMenu {
    margin-top: 9px;
}

#btnSearch {
    background-image: url("../images/piv/rechercheN.svg");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 1.9rem;
    position: absolute;
    right: 8px;
    top: 15px;
    cursor: pointer;
}

.row {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  display:inline-block;
}

#entetePiv .logo {
  width:192px;
  padding-left: 0;
}

#entetePiv .nomOrganismeColumns {
  width:414px;
}

#entetePiv .boutonsPiv {
  width:265px;
}

caption {
  font-size: 0.90rem;
  text-align: center;
  font-weight:bold;
  color: #223654;
  margin-bottom:6px;
}

span.texteAnglais {
  color:inherit;
}

.csc-textpic-caption {
  padding-top:5px; 
  padding-left:0px;
}

a.lienPublications {
  color: rgb(0, 0, 238);
}

a.lienPublications img {
  display:none;
}

td p {
  margin-top:0;
}

td p:last-child {
  margin-bottom:0;
}

.boiteContourArrondi {
  float: left;
  border-style: solid; 
  border-color: #095797; 
  border-radius: 15px;
  padding:10px;
  width: 425px; 
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px;
  margin-bottom:15px;
}

body, html { padding: 0; margin: 0;}
body {text-align: center;background-color:#fff; position:relative;font-family:Arial,Helvetica,sans-serif;}

.alignement_centre{
    text-align: center;
}

.alignement_droit {
    text-align: right;
}

/* FONTE DE BASE */
label, 
td, 
th,
dl,
#contenu p, 
#outils label, 
#menu-principal ul li ul li a, 
#menu-secondaire ul li ul li a,
#actualitees_bas a,
#actualitees p,
#page-secondaire #colonne-droite ul, 
#contenu ul,
#plandesite ul li ul,
#actualitees-liste .pages-browser,
#mailform fieldset label {font-size:0.75rem;}

button {font-family:Arial,Helvetica,sans-serif;}

dd {margin:0 0 1em 0;padding:0;}
dt {font-weight:bold}

#contenu p.align-center {text-align:center;}
#contenu p.align-center img {display: inline-block;}

/* ENTETE PIV */
#entete-piv { padding-top: 22px; -padding-top: 22px; background-color: #fff; background-repeat: no-repeat; height: 80px; /*background-image: url('../images/background-piv.gif'); background-position: top right;*/ position: relative; width: 950px; margin-left: auto; margin-right: auto; text-align: left;}
.pageAccueil #entete-piv { background: none;}
#entete-piv h1 { margin: 0; padding: 0; }
#entete-piv img{ float: left; border: 0; width: 186px;}
#entete-piv img.etatOver { width: 184px; border: 1px solid black;}
#entete-piv ul#menu-piv {background-color: #003399; float: left; line-height: 10px; list-style: none outside none; margin: 39px 0 0 12px; min-height: 15px; padding: 0 32px 0 10px; width: 710px; _height : 15px;}
#entete-piv ul#menu-piv li { display: inline; margin-left: 19px;}
#entete-piv ul#menu-piv li a { color: #fff; text-decoration: none; font-family:Verdana; font-size: 0.69em;}
#entete-piv ul#menu-piv li a:hover, #entete-piv ul#menu-piv li a.etatOver{ text-decoration: underline; }
#entete-piv ul#menu-piv img{ width: auto; margin-left:2px; float: inherit; margin-top: 2px;}
#entete-piv ul#menu-piv img.etatOver { width: auto; border: none;}

/* BARRE D'OUTILS */
.ombrage { float: left; clear: left; width: 100%; background-image: url('../images/ombrage_barre_outils.gif'); background-repeat: repeat-x; background-position: bottom; text-align: center; margin-top: 20px;}
#barre-outils { background-color: #cee1f2; width: 950px; height: 31px; background-image: url('../images/barre_outils_bg.gif'); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
.barre-outils-grosse { height: 38px !important; background-image: url('../images/barre_outils_bg_big.gif') !important; }
#outils { float: right; margin-top: 5px;}
#outils button, #outils input, #outils label { float: left;} 

#outils label {  color: #cee1f2; margin-left: 5px; padding-top: 4px; border-left: 1px solid #cee1f2; padding-left: 10px; height: 16px; }
#outils input { margin-left: 5px; font-size: 0.9em; height: 12px;}
#outils form, #outils div { display: inline; }
#outils button { background-repeat: no-repeat; cursor: pointer;  border: 0;}
#outils #btnImprimante { background-image: url('../images/imprimante.gif'); width: 35px; height: 21px; border-left: 1px solid #cee1f2; margin-left: 10px; background-color: #cee1f2; padding-left: 10px; background-position: 10px 0px;}
#outils #btnGrossirTexte, #outils #big-text, #outils #med-text { background-image: url('../images/aa.gif');  width: 35px; height: 21px; border-left: 1px solid #cee1f2; margin-left: 10px; background-color: #cee1f2; padding-left: 10px; background-position: 9px 0px;}
#outils #btnSearch { background-image: url('../images/loupe.gif'); width: 21px; height: 22px; background-color: #cee1f2; background-position: 80%; margin-right: 2px;}
#outils .grossi { background-image: url('../images/aa_2.gif') !important; }
#outils .buttonCacher { display: none;}
#outils .buttonCacherAbsolute{position: absolute; left: -1000px; top: -1000px; height: 1px;}

/* MENU PRINCIPAL */
#menu-principal { background-color: #095797; margin-left: auto; margin-right: auto; min-height: 50px; width: 950px; clear: left;}
#menu-principal ul {width: 950px; min-height: 40px; float: left; list-style: none; background-position: left bottom; background-image: url('../images/menu_principal_bg.gif'); background-repeat: no-repeat; margin: 0 0 0 0; padding: 3px 0 3px 0; }
*+#menu-principal ul, * #menu-principal ul { padding-left: 10px; width: 940px;}
* #menu-principal ul {padding-bottom: 6px;}
#menu-principal ul li { margin: 0px 4px 5px 4px; position: relative; /*display: inline-block;*/ float: left; padding: 0 4px 0 4px;}
#menu-principal ul li ul{ min-height: 0; background-position: left top; background-image: url('../images/menu_deroulant_haut.gif'); background-repeat: no-repeat; padding: 22px 0 0 0; width: 217px; display:inline; overflow:hidden; float:left; }
#menu-principal ul li ul li { width: 199px; margin: 0; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #FFFFFF; display: block; text-align: left; padding: 5px 8px;}
#menu-principal ul li ul li a { border-bottom: 1px solid #FFFFFF; display: block; width: 97%; color: #223654;  text-decoration: none; font-weight: bold; }
#menu-principal ul li button, #menu-principal > ul > li > a  { cursor: pointer; padding: 0 7px 0 0; margin: 0 0 0 5px; display: inline-block; height: 41px;  font-weight: bold; font-size: 1em; color: #FFFFFF; border: 0; background-color: transparent; display: inline; /*!width: 0;*/ !overflow: visible;}
#menu-principal ul li.etatHover, #menu-principal ul li.actif { height: 41px; background-image: url('../images/menu_principal_hover_gauche.png'); background-repeat: no-repeat; display: inline-block}
#menu-principal ul li.etatHover button, #menu-principal ul li.actif button {  background-color: #cee1f2; color: #223654; background-image: url('../images/menu_principal_hover_droite.png'); background-position: right; background-repeat: no-repeat;}
#menu-principal > ul > li > a:hover, #menu-principal > ul > li > a:focus { height: 41px; background-image: url('../images/menu_principal_hover_gauche.png'); background-repeat: no-repeat; display: inline-block}

#menu-principal > ul > li > a, #menu-principal > ul > li > a {
  display: inline-block;
  height: auto;
  padding: 12px 5px 12px 5px;
  position:relative;
  text-decoration:none;
}

#menu-principal > ul > li > a:hover, #menu-principal > ul > li > a:focus {
  height: auto;
  background-color: #cee1f2;
  color: #223654;
  background-image:none;
}
#menu-principal > ul > li > a:hover:before, #menu-principal > ul > li > a:focus:before {
  display:inline-block;
  position:absolute;
  left:-7px;
  top:0;
  content : " ";
  width:10px;
  height:41px;
    background-color: #cee1f2;
    color: #223654;
    background-image: url(../images/menu_principal_hover_gauche.png);
    background-position: left;
    background-repeat: no-repeat;
}
#menu-principal > ul > li > a:hover:after, #menu-principal > ul > li > a:focus:after {
  display:inline-block;
  position:absolute;
  right:-7px;
  top:0;
  content : " ";
  width:10px;
  height:41px;
    background-color: #cee1f2;
    color: #223654;
    background-image: url(../images/menu_principal_hover_droite.png);
    background-position: right;
    background-repeat: no-repeat;
}

.menu-deroulant-bas { position: absolute; top: 32px; left: 0; z-index: 999; background-image: url("../images/menu_deroulant_bas.gif"); background-repeat: no-repeat; background-position: bottom; padding-bottom: 12px;  }

#menu-principal ul li button.buttonCacherAbsolute{ position: absolute; left: -1000px; top: -1000px; height: 1px;}
#menu-principal ul li button.buttonCacher{ display: none;}

/* MENU SECONDAIRE */
#menu-secondaire { float: left; width: 231px; clear: left; border-top: 1px solid #d1d1c7;}
#menu-secondaire ul { display:block; list-style: none; text-align: left; padding: 0; margin: 0;}
#menu-secondaire ul li {display:block; padding: 5px 0; margin: 1px 0px 1px 0;}
#menu-secondaire ul li ul li {margin: 0px 0px 0px 0;}
#menu-secondaire ul li.actif {display:block; border-top: 1px solid #d0d2c7; border-bottom: 1px solid #D0D2C7;}
#menu-secondaire ul li.actif a {font-weight: bold; }
#menu-secondaire ul li.actif ul li a {font-weight: normal; }
#menu-secondaire ul li a {padding-right: 3px; color: #223654;  text-decoration: none; margin-left: 15px; font-size: 0.94em; display: block;}
#menu-secondaire ul li ul { background-color: #d1d1c7;}
#menu-secondaire ul li ul li.actif, #menu-secondaire ul li ul li.etatOver{ background-color: #cee1f2;}
#menu-secondaire ul li ul li.actif a, #menu-secondaire ul li ul li.etatOver a { font-weight: bold; color: #223654; margin-left: 30px;}
#menu-secondaire ul li ul li a { color: #223654; margin-left: 30px; }

#menu-secondaire ul li.etatOver {display:block;}
#menu-secondaire ul li.etatOver a { text-decoration: underline;}
#menu-secondaire ul li.etatOver ul li a { text-decoration: none; }

/* BANNIÈRE */
#banniere { padding-top: 10px; width: 950px; margin-left: auto; margin-right: auto;}
#banniere img { margin: 0 1px; }
#banniere > div { float: left; padding: 0 1px;}

/* ACTUALITEES */
#actualitees { background-color: #fff; background-image: url('../images/actualitees_haut.gif'); background-repeat: no-repeat; background-position: top; width: 700px; display: inline-block; padding-top: 20px; padding-left: 10px;}
#actualitees h2 { margin-top: 0;  font-weight: bold; font-size: 0.94em;}
#actualitees h3 { margin-top: 0px; font-size: 0.84em; }
#page-accueil #actualitees h3 { margin-top: 10px; font-size: 0.84em; margin-bottom:-3px}
#actualitees h3 a { color: #223654;  text-decoration: none;}
#actualitees h3 a:hover, #actualitees h3 a.etatOver { text-decoration: underline;}
#actualitees h3 .date {  color: #095797; font-size: 0.84em; display:block;}
/*#actualitees_bas { background-image: url('../images/actualitees_bas.gif'); background-repeat: no-repeat; width: 710px; height: 59px; position: relative;}*/

#actualitees_bas {
    background-image: url(../images/actualitees_bas.gif);
    background-repeat: no-repeat;
    width: 710px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 35px;
    background-color: #FFFFFF;
}

#actualitees_bas a {
    text-decoration: none;
    text-align: right;
    display: block;
}

/*#actualitees_bas a { color:#223654;position: absolute; top: 5px; right: 15px; text-decoration: none; }*/
#actualitees img { float: left; margin: 5px;}
#actualitees p { color: #223654;}
#actualitees-bandeau { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; overflow: auto; float: left;}
#actualitees-bandeau img { float: left; }
#actualitees-bandeau div { float: left; width: 190px;}
#actualitees-bandeau h3 {  font-size: 0.94em; font-weight: bold; color: #505031;}
#premiere-news { float: left; width: 330px;}
#deuxieme-news { float: left; width: 330px; margin-left: 10px;} 
#contenu #actualitees-detail h1 {font-size: 1.30em;}
#contenu #actualitees-liste h2 a:hover, #contenu #actualitees-liste h2 a.etatOver { text-decoration: underline; }
#contenu #actualitees-liste h2 a { text-decoration: none; color: #223654; }


/* COLONNE */
#page-accueil #colonne-gauche { float: left; width: 710px; }
#page-accueil #colonne-droite { float: right; width: 230px; /*bulle orange*//*background-color: #f19322; background-image: url('../images/colonne_droite_haut.gif');*/ background-position: right top; background-repeat: no-repeat; margin-right: -25px; /*bulle orange *//*padding-top: 20px;*/}
#page-accueil #colonne-droite h2 {  font-size: 0.94em; color: #223654; margin-left: 15px;}
#page-accueil #colonne-droite ul { list-style: none; margin: 0; padding: 0; margin-left: 15px;}
#page-accueil #colonne-droite ul li  { /*background-image: url('../images/liste_bgvert_dot.gif'); */background-position: center left;  background-repeat: no-repeat; padding-left: 12px;}
#page-accueil #colonne-droite ul li a { color: #223654; text-decoration: none; }
#page-accueil #colonne-droite-bas { /*bulle orange*//*background-image: url('../images/colonne_droite_bas.gif');*/ background-repeat: no-repeat; width: 230px; height: 49px;  background-position: left bottom;}

#page-accueil #actualitees {
    padding-top: 3px;
}

#page-accueil #colonne-droite { -width: 231px; -margin-right: 0px; }
#page-accueil #colonne-droite-bas { -width: 231px; -background-image: url('../images/colonne_droite_bas_ie6.gif');}

#page-secondaire #deux-colonnes-gauche { float: left; width: 710px; background-color: white;}
#page-secondaire #deux-colonnes-gauche.colonne_large { width: 952px; position:relative;}
#page-secondaire #deux-colonnes-gauche.colonne_large #besoin_aide { position:absolute; top:3px; right:0px;}
#page-secondaire #deux-colonnes-gauche.colonne_large #contenu {width: 699px; padding-right:7px;}
#page-secondaire #deux-colonnes-gauche.colonne_large #contenu h1 {width: 699px;}

#page-secondaire #deux-colonnes-gauche-bas { width: 710px; height: 62px; background-image: url('../images/colonne_gauche_bas.gif');overflow: auto;}

#page-secondaire #colonne-droite { text-align: left; float: right; width: 230px; padding-bottom: 20px;}
#page-secondaire #colonne-droite img { margin-top: 10px; float: right;}
#page-secondaire #colonne-droite a.lien_externe_OPHQ img, 
#page-secondaire #colonne-droite  a.fichier_OPHQ img {margin-top:inherit; float: inherit;}
#actualitees-detail a.lien_externe_OPHQ img, #actualitees-detail a.fichier_OPHQ img { float: inherit; }
#page-secondaire #colonne-droite h2 { font-size: 1.10em; color: #223654;  margin-top: 25px; float: left;}
#page-secondaire #colonne-droite h3 { color: #223654;  font-size: 1em; margin-left: 18px; font-weight: bold; clear: left;}
#page-secondaire #colonne-droite ul {clear: left; list-style: none; margin: 0 0 0 18px; padding: 0; }
#page-secondaire #colonne-droite ul li { background-image: url('../images/menu_secondaire_ul_dot.gif'); background-repeat: no-repeat; padding-left: 10px; background-position: 0px 8px;}
#page-secondaire #colonne-droite ul li a { color: #223654; text-decoration: none; }
#page-secondaire #colonne-droite ul li a:hover, #page-secondaire #colonne-droite ul li a.etatOver{ text-decoration: underline; }

#contenu { min-height: 500px; float: left; width: 458px; text-align: left; padding-left: 15px; border-top: 3px solid #d1d1c7; background-image: url('../images/contenu_ombrage_gauche.gif'); background-repeat: no-repeat; background-position: top left;}
h1.top {  margin-top: -10px;}
#contenu.contenu_2col {padding-left: 25px; padding-right: 25px; width: 660px;padding-top: 15px;}
#contenu p { color: #223654;}
#contenu td p { color: inherit;}
#contenu dl, #contenu dt {color: #223654;}
#contenu h1 { color: #223654;  font-size: 1.57em; -margin-top: 15px;}
#contenu h2 { color: #223654; font-weight: bold; font-size: 0.94em;}
#contenu h3 { color: #223654; font-weight: bold; font-size: 0.84em;}
#contenu h4 { color: #223654; font-weight: bold; font-size: 0.75em;}
#contenu ul, #contenu ol { overflow:auto; font-family:arial; font-size:0.75rem; font-size:0.8em\9; padding: 0 0 0 25px; margin: 0; margin-left: 10px;}
#contenu ul li, #contenu ol li {  color: #223654; padding: 0 0; margin-top: 3px; margin-bottom:12px;}
#contenu ul li ul li, #contenu ol li ul li {font-size: 0.75rem; font-size: 1.2em\9;}
/*#contenu ul li ul li, #contenu ol li ol li {font-size:1.3em;} Enlevé à cause d'impacts sur le plan de site */
#contenu table th.gris { background-color: #223654; color: #fff; padding: 0 5px; }
#contenu table th.gris a { text-decoration: none; color: #fff; background-repeat: no-repeat; padding-right: 12px; background-position: right;}
#contenu table th a {}
#contenu table th.croissant a { background-image: url('../images/fleche_tri_dec.gif'); }
#contenu table th.decroissant a { background-image: url('../images/fleche_tri.gif'); }
#contenu table th.colonneTitre { width: 280px; }
#contenu .tableau_pied { margin-top: 10px; padding: 5px; border-top: 1px solid #ccc; }
#contenu .tableau_resultats { width: 400px; display: inline; }
#contenu ul.tableau_pages { list-style: none; display: inline; float: right;}
#contenu ul.tableau_pages li { display: inline; margin: 0 2px;}
p.csc-linkToTop a {margin-bottom:25px; display: block;}

/* CONTENU AVEC TEXTE ET IMAGE */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img{ border:1px solid #333; padding-top: 15px;
padding-bottom: 10px;
padding-left: 0px; background:white; 
padding-right: 15px;
} 

/* FIL D'ARIANE */
#fil-ariane {  margin-left: 15px; margin-top: 5px; float: left; margin-bottom: 7px; width: 657px; -margin-left: 5px; text-align:left; }
#fil-ariane ul { margin: 0; padding: 0; list-style: none; float: left;}
#fil-ariane ul li { display: inline; color: #223654;}
#fil-ariane ul li a { text-decoration: none; color: #0645AD;}
#fil-ariane ul li a:visited { text-decoration: none; color: #0645AD;}
#fil-ariane ul li a:hover, #fil-ariane ul li a.etatOver { text-decoration: underline; }
#fil-ariane ul li .fleche { background-image: url('../images/fil_ariane_fleche.gif'); display: inline-block; background-position: 0 2px; !background-position: 0 5px; width: 10px; height: 12px; background-repeat: no-repeat; margin-left: 3px;}

/* PIED DE PAGE */
#pied-page { float: left; background-image: url('../images/separateur_footer.gif'); background-repeat: repeat-x; width: 100%; background-position: top; background-color: #fff; padding-top: 50px;}
#pied-page ul { margin: 0; padding: 0; list-style: none;}
#pied-page ul li { display: inline; margin: 0 15px;}
#pied-page ul li a { color: #0645AD; text-decoration: none; font-size: 0.75em;}
#pied-page ul li a:hover {text-decoration:underline;}
#pied-page p a { color: #0645AD; text-decoration: none; font-size: 1em;}
#pied-page p a:hover {text-decoration:underline;}
#pied-page img { margin-top: 10px; border: 0;}
#pied-page img.lien_externe { margin-top: 0px; border: 0;}
#pied-page p { margin-top: 10px; margin-bottom: 20px; font-size: 0.69em; color: #0645AD; }
#pied-page img{
    border: none;
    width: 197px;
    height: 71px;
}
#pied-page img.lien_externe{
  width: inherit;
  height: inherit;
}

/* PLAN DE SITE */
#plandesite { margin-top: 8px;}
#plandesite ul { font-size: 1em; list-style: none; margin: 0; padding: 0;}
#plandesite ul li ul { margin-left: 17px; margin-top: 4px; list-style: disc;}
/*#plandesite ul li ul li ul li a {font-size: 1.35em;}*/
#plandesite ul ul ul { list-style: circle; }

/* CLASSE COMMUNE OU GENERALE */
#page-accueil { width: 950px; margin-left: auto; margin-right: auto; text-align: left;  margin-top: 10px; /*bulle orange*//*background-image: url('../images/colonne_droite_bordure.gif');*/ background-repeat: repeat-y; background-position: right; padding-top: 5px;}
#page-secondaire { width: 950px; margin-left: auto; margin-right: auto; overflow: visible; background-image: url('../images/page_secondaire.gif'); background-repeat: repeat-y; background-position: right;}
#degradeGris { width: 100%; background-image: url('../images/ombrage_gris.gif'); background-repeat: repeat-x; background-color: #ddddcc; float: left;}

.hors-champ, .visuallyHidden, .visuallyhidden, .hors_ecran, .horsChamp  {
/* Utiliser la classe horsChamp SVP, les autres sont pour rétrocompatibilité seulement */  
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.chevron-bleu { background-image: url('../images/chevron_bleu.gif'); background-repeat: no-repeat; width: 13px; height: 11px; display: inline-block; cursor: pointer;}
.fermer { visibility: hidden; }
.separateur { border-top: 1px solid #a1a188; margin-top: 20px;}
.aideCache { width: 100%; text-align: center; display: block; position: absolute; top:88px;}
.lienContenuCache { position: absolute; font-weight: bold; color: rgb(0, 0, 0); top: 77px; left: 10px; }
.lienMenuCache { position: absolute; font-weight: bold; color: rgb(0, 0, 0); top: 77px; left: 10px;}
.retourChariot { clear: left; }
img {border: 0;}
.flecheTri {background-image: url('../images/fleche_tri.gif'); background-repeat: no-repeat; display: block; width: 12px; height: 12px;}
#contenu p.attention, #contenu h2.attention{ color: #C00000;}
#contenu .gras { font-weight: bold;}
a.lien-externe img, a.download img { margin-left:4px; float: none !important; margin-top:0px; }

#page-secondaire #colonne-droite a.lien-externe img, #page-secondaire #colonne-droite a.download img { margin-top:0px; }
 
a img{ border:none; }
a.lien_externe_OPHQ img, a.fichier_OPHQ img{ margin-left:2px; float:inherit;}
  
/* FLEX CONTENTS */
.bandeau-evenement {width:330px;float:left;overflow:hidden;border:1px solid #ccc;border-width:1px 0;padding:0.5em}
.bandeau-evenement  h2 {margin-top:0}
.bandeau-evenement  p {margin:0;padding:0}
.bandeau-evenement  img {width:100px;height:100px;}

/* TT_NEWS TEMPLATE */
#actualitees-liste h2 { margin-top: 38px; position: relative; margin-bottom: 3px;}
#actualitees-liste h2 .date { color: #095797; position: absolute; top: -20px; left: 0; font-size: 0.85em; }
#actualitees-liste .pages-browser {color:#223654; margin-top: 20px;}
#actualitees-liste .pages-browser ul { display: inline; float: right; font-size:1em; }
#actualitees-liste .pages-browser ul li {  display: inline;}
#actualitees-liste p {display:inline;}
#page-accueil #actualitees p {display:inline-block;}
#actualitees-detail img { float: right; /*padding-left: 3px; padding-bottom: 3px;*/ }
#actualitees-detail p { /*width: 500px*/ /*float: left;*/}

/* FORMULAIRE ENVOI COURRIEL */
/*
#mailform fieldset { border: 0; padding: 0;}
#mailform fieldset div { display: inline; }
.csc-mailform { border: 0; }
.csc-mailform fieldset { border: 0; }
#mailform fieldset label { color: #666644; }
#mailform fieldset  .csc-mailform-submit { width: auto;}
#mailform fieldset input { width: 200px;}
#mailform fieldset .checkbox{ width: 13px;}
*/

/* ABONNEMENT INFOLETTRES */
#telephone4 , #telephone4Auteur{width: 6em;}
.telephone .no{float: left; display: inline-block; padding-right: 20px;}

#contenu fieldset .zone_erreur .error   {font-size:1em;text-decoration:none;}
#contenu .inscription_abonnement legend h3 {font-size: 1.12em;}
#personneRessource {margin: 0;}
.formtitle {font-size: 0.75em; font-weight: normal; }
.inscription_abonnement.certification input {margin-left: -20px;}
.inscription_abonnement.certification {padding-left: 25px;}
form hr { margin: 30px 0;}
.inscription_abonnement.radio {padding-bottom: 20px;}
.inscription_abonnement {/*display:block;*/ margin:5px;}
.inscription_abonnement input,
.inscription_abonnement label,
.inscription_abonnement select,
.inscription_abonnement p {/*display:block;*/}
.inscription_abonnement label {margin-bottom:2px; color:#223654;}
.inscription_abonnement input {width:250px;}
.inscription_abonnement input.court {width: 50px;}
.inscription_abonnement input.moyen{width: 70px;}
.inscription_abonnement .poste {display:inline-block;}
.inscription_abonnement.radio input, #certification  {width: auto;}

.inscription_abonnement li input {width:10px;}
.inscription_abonnement li {list-style:none;}
.inscription_abonnement fieldset,#contenu fieldset {border:none; padding:0; margin-bottom:2px;}
.inscription_abonnement legend {color:#223654; padding:0 0 2px 0; margin:0;}
#contenu .erreur_red  {color:red; }
p#desinscrire {display:block; clear:both;}
#contenu .Tx-Formhandler ul.abonnement_categories {margin-left:4px;}
#contenu ul li.inscription_abonnement_categories {overflow:hidden; display:block; margin-bottom:4px; font-size:1rem;}
.inscription_abonnement_categories input {float: left; clear: left; width:13px;}

.inscription_abonnement label.label_abonnement_ckbox {width:200px; margin-top:4px; position:relative; margin-left:30px}
div.nous_joindre_submit,
div.abonnements_submit {clear:both; margin: 10px 5px 10px 0px; }
#contenu div.zone_erreur ul {margin:0;padding:0;}
#contenu div.zone_erreur ul li {display:none;font-size:1em;color:red;margin-bottom:1em}
.entree_erreur a:link, .entree_erreur a:visited, .errorList a, .error {color:red; text-decoration:underline;}
#tt_address_form .error {color:red; text-decoration:none;}
#tt_address_form .error a{color:red; text-decoration:underline;}
.entree_erreur {font-weight:bold; margin-bottom:0.625em; padding-left:7px; font-size: 0.768em;}
    #erreur{ padding:0.5em 0 0; border:2px solid #D00; background: #ffefef; color:#c00; margin:0.5em 0; padding-bottom:5px;}
    #erreur li {font-size: 0.968em; list-style:circle;}
    #erreur_javascript{ display:none; border:2px solid #D00; background: #ffefef; color:#c00; margin:0.5em 0; padding-bottom:5px; font-size: 0.768em;}
    #erreur_javascript .visuallyhidden {font-size: 1em; color:red; font-weight:bold; margin: 0px; padding-left:5px;}

input.codePostal {width: 6em;}

input#doc1, input#doc2, input#doc3, input#doc4, input#doc5, input#doc6 { width:auto; }
input#btdoc1, input#btdoc2, input#btdoc3, input#btdoc4, input#btdoc5, input#btdoc6 { width:auto; }
.zone_erreur label {font-size: 1em;}

/* TABLEAU DE DOCUMENTS */
.tx-tableaudoc-pi1-searchbox, 
.tx-tableaudoc-pi1-searchbox form,
.tx-tableaudoc-pi1-searchbox form input {margin:0;padding:0;line-height:1;}
.tx-tableaudoc-pi1-searchbox form {margin-bottom:2em}
.tx-tableaudoc-pi1-searchbox-button {vertical-align:bottom}

/* Lettre pour diffusion */
.lettre {text-align:left; margin:1em;}
.lettre .signaturelettre {font-size:80%;}

.lettre_expresso {text-align:left; margin:1em; color:#223654; width:560px; font-size:80%;}
.lettre_expresso ul {margin-top:-10px; margin-bottom:10px;}
.lettre_expresso ul li ul {margin-top:2px;}
.lettre_expresso ul li ul li {margin-bottom: 5px; margin-top: 5px;}
.lettre_expresso h1 {font-size: 1.45em; margin-left: 175px;}
.lettre_expresso .logolettre img {width:150px; margin-top:10px; /*height:48px;*/}
.lettre_expresso .signaturelettre {margin-left:10px; padding-top:20px;}
.lettre_expresso .entete {margin-top: -90px; margin-left:0px;}
.lettre_expresso .contenu_expresso {margin-left:10px; margin-top: -50px;}
.lettre_expresso .contenu_expresso h2 {margin-bottom: 25px; margin-left: 170px; font-size:18px;}
.lettre_expresso csc-textpic-single-image {margin-top: 5px;}
.lettre_expresso h1 a{color:#223654;}
.lettre_expresso h1 a:visited{color:#223654;}
.lettre_expresso a{color:#0033BB;}
.lettre_expresso a:visited{color:#0033BB;}

/* Formulaires - Abonnement aux médias adaptés */
.zone_erreur .error   {font-size:0.75em;text-decoration:none;}

#page-accueil #colonne-droite .avpPlayer {margin-left:5px;}

/* Visuel particulié pour bulletin expresso */
#page-secondaire #deux-colonnes-gauche-menu #contenu .total_expresso .csc-textpic-intext-left-nowrap h3 {clear: none;}
.Expresso_annonce_speciale DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {margin-left: -3px;}
#page-secondaire #deux-colonnes-gauche-menu { float: left; width: 950px; background-color: #FFFFFF;}
#page-secondaire #deux-colonnes-gauche-menu #contenu { width: 704px; padding-left: 6px; color:#223654;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .titre_volume { width: 705px; float:right; position:absolute; position:relative; margin-top: -225px; *margin-top: -215px; _margin-top: -225px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .titre_volume h1 { text-align:center; width: 528px; float:right; font-size:1em;}
#page-secondaire #deux-colonnes-gauche-bas-menu { width: 710px; height: 62px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso{width:175px; position:relative; float: left;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_top{width:175px; height:108px; position:relative; float:left;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_top div.image_top {margin-left: -1px; margin-top: -4px; margin-bottom:-6px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_milieu{width:174px; background: url('../images/bande-orange.gif') repeat-y right #FFFFFF; min-height:30px; position:relative; float:left; margin-left: -3px; margin-top: -22px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_bas{width:174px; background: url('../images/bas-bande-orange.png') no-repeat top right transparent; min-height:66px; position:relative; float:left; z-index:3; margin-left: -4px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso{width:528px; _width:513px;  position:relative; float:left; margin-left: -2px; *margin-left: -1px; margin-top: -4px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso h4, #page-secondaire #deux-colonnes-gauche-menu #contenu .total_expresso h4{font-size: 0.95em;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso_top{width:705px; _width:523px;  position:relative; float:left; background: height:186px; *height:184px; margin-top: 40px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu div.image_top img {border:none; border-radius:0px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso_top span.texte_cyberbulletin{position:absolute; font-size:0.8em; margin-top:-55px; text-align: center; width: 528px; margin-left:175px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso_milieu{width:523px; _width:513px; margin-top:0px; margin-left: 8px; _margin-left: 2px; position:relative; float:left; background: url('../images/bande-verte.gif') repeat-y left;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso_bas{width:523px; _width:513px;  margin-left: 8px; _margin-left: 2.4px; position:relative; float:left; background: url('../images/bande-verte_bas.gif') no-repeat left; height: 30px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .droite_expresso_milieu .droite_expresso_milieu_texte{margin-left:25px; margin-top: -10px; *margin-top:0px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .total_expresso{width:705px; position:relative; float:left; margin-top: 5px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .total_expresso .csc-textpic-intext-right .csc-textpic-imagewrap {margin-right:20px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .csc-textpic-intext-right { padding-bottom:0px; padding-bottom:15px\9;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .total_expresso .csc-textpic-center .csc-textpic-imagewrap {margin: 0 auto;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .csc-textpic-clear {margin-top:0px; margin-top: -15px\9;}

#menu-secondaire ul li ul li ul li { background-color: #EFEFEF; padding-left: 10px;}
#menu-secondaire ul li ul li.actif ul li a{ font-weight:normal;}
#menu-secondaire ul li ul li ul li.actif { margin-bottom:-1px; background-color: #EFEFEF;}
#menu-secondaire ul li ul li ul li.actif a{ font-weight:bold; text-decoration: underline;}
#menu-secondaire ul li ul li ul li.dernier { margin-bottom:-3px;}

#contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte {width:162px; margin-top:-18px; margin-bottom:-10px; position:relative; z-index:4; padding-left: 2px; margin-left:-10px}

#contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte ul{ margin-bottom: 10px;}
#contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte ul li{ list-style:square;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso .abonnement_expresso { padding-top: 60px; *padding-top: 70px;}

#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso .abonnement_expresso a { font-size:0.85em;}

#page-secondaire #deux-colonnes-gauche-menu #contenu hr { background-color:#095797; height: 4px; border: 0; margin-bottom:10px; margin-top:10px; _margin-bottom:0px; _margin-top:10px; float:left; position:relative; clear:both; width: 100%;}
#page-secondaire #deux-colonnes-gauche-menu #contenu img { border:none;}
#page-secondaire #deux-colonnes-gauche-menu #contenu a.download img { border: none; margin:0px; background:none;}
#page-secondaire #deux-colonnes-gauche-menu #contenu a { font-size:1em; color:#223654;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso a { font-size:1.2em; color:#223654;}
#page-secondaire #deux-colonnes-gauche-menu #contenu p { font-size:0.9em; color:#223654;}

#page-secondaire #deux-colonnes-gauche-menu #contenu .texte_tres_gros { font-size:1.4em;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .texte_moyen_gros { font-size:1.2em;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .attention { color:#095797;}
#page-secondaire #deux-colonnes-gauche-menu #contenu h2 { font-size:1.2em; color:#223654; clear:left;}
#page-secondaire #deux-colonnes-gauche-menu #contenu h3 { font-size:1.0em; color:#223654; clear:left;}
#page-secondaire #deux-colonnes-gauche-menu #contenu ul li { font-size:1.15em; color:#223654; list-style:square;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte ul { margin: 0px 0px 0px -7px; font-size:0.75em;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte li.titre_section_expresso { text-transform:uppercase; font-weight:bold; font-size:0.95em; list-style:none; list-style-image: none; margin-top:10px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte li.titre_section_expresso li { text-transform: none; margin-left: -5px; font-weight: normal;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .gauche_expresso_milieu .gauche_expresso_milieu_texte li.titre_section_expresso li.actif { font-weight: bold;}
#page-secondaire #deux-colonnes-gauche-menu #contenu ul {margin: 0px 0px 0px 10px;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .align-right {text-align:right; width:100%; *width:90%; _width:100%; position:relative; float:right; margin-top:0px; z-index:10;}

#contenu .align-center img {float:none; display: block; margin-left: auto; margin-right: auto; }

#page-secondaire #deux-colonnes-gauche-bas-menu {margin-left:0px; _margin-left: -239px;}

#deux-colonnes-gauche-menu #fil-ariane {width: 950px;}

/* Gabarits de pages */
.contenu_flexible {position:relative; float:left; clear:both; padding:0px; *padding:10px; width:100%; margin-bottom: 10px;}
.Expresso_annonce_speciale {position:relative; display: inline-block; clear:both; background-color:#cee1f2; border: 3px solid #095797; color: #223654; border-radius:15px; padding:10px; width:93%; margin-bottom: 20px; margin-top: 5px;}
.Expresso_annonce_speciale_blanc {position:relative; display: inline-block; clear:both; background-color:#ffffff; border: 3px solid #095797; color: #223654; border-radius:15px; padding:10px; width:93%; margin-bottom: 20px; margin-top: 5px;}
.Bordure_orange {
  position:relative; float:left; clear:both; background-color:#ffffff; 
border: 3px solid #095797; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}
.Bordure_verte {
  position:relative; clear:both; background-color:#ffffff; 
border: 3px solid #095797; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bulle_brune {
  position:relative; display: inline-block; clear:both; background-color:#774901; 
border: 3px solid #774901; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bulle_rouge {
  position:relative; display: inline-block; clear:both; background-color:#a8210b; 
border: 3px solid #a8210b; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bulle_bleue {
  position:relative; display: inline-block; clear:both; background-color:#223654; 
border: 3px solid #223654; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bulle_bleue2 {
  position:relative; display: inline-block; clear:both; background-color:#095797; 
border: 3px solid #095797; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bulle_orange {
  position:relative; display: inline-block; clear:both; background-color:#cee1f2; 
border: 3px solid #cee1f2; border-radius:15px; border-top-width: 3px; border-left-width: 0px; border-right-width: 3px; border-bottom-width: 3px;
padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px;
  width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bordure_bleue {
  position:relative; float:left; clear:both; background-color:#ffffff; 
border: 3px solid #223654; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}

.Bordure_bleue2 {
  position:relative; float:left; clear:both; background-color:#ffffff; 
border: 3px solid #095797; border-radius:15px; padding:10px; width:94%; margin-bottom: 20px; margin-top: 5px;
}


#page-secondaire #deux-colonnes-gauche-menu #contenu .Expresso_annonce_speciale a { color:#223654;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .Expresso_annonce_speciale strong.attention a{ color:#095797;}
.colonne1 {position:relative; float:left; width:47%; margin-left: 0px; *margin-left:-7px; _margin-left:-5px; margin-right: 15px;}
.colonne2 {position:relative; float:left; width:46%; margin-left: 15px; margin-right: 0px;}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow { overflow: visible;}
#deux-colonnes-gauche-menu div.csc-textpic-center .csc-textpic-imagewrap,#deux-colonnes-gauche-menu div.csc-textpic-center figure.csc-textpic-imagewrap {overflow: visible;}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, .csc-textpic-imagewrap {overflow: visible; display:inline-block; }
.colonne_33 {position:relative; float:left; width:28%; margin-left: 6px; margin-right: 6px;}
.encadre_vert {position:relative; float:left; clear:both; background-color:#ffffff; border: 5px solid #cee1f2; color: #223654; border-radius:10px; padding:10px; width:93%; margin-bottom: 20px; margin-top: 20px;}

.colonne_grande {position:relative; float:left; width:60%; margin-left: 8px; margin-right: 8px;}
.colonne_petite {position:relative; float:left; width:31%; margin-left: 8px; margin-right: 8px;}

.colonne_grande_gauche {position:relative; float:left; width:60%; margin-left: 0px; margin-right: 8px;}
.colonne_petite_droite {position:relative; float:left; width:31%; margin-left: 18px; margin-right: 8px;}

.colonne_grande_droite {position:relative; float:left; width:56%; margin-left: 30px; margin-right: 8px;}
.colonne_petite_gauche {position:relative; float:left; width:31%; margin-left: 0px; margin-right: 8px;}

#page-secondaire #deux-colonnes-gauche-menu #contenu .annonce {position:relative; vertical-align: middle;}
#page-secondaire #deux-colonnes-gauche-menu #contenu .annonce img {border:none; background:none;}

.csc-textpic-caption {font-size:0.8em;}


/**************************************************************
### Centre documentaire
***************************************************************/

.tx-ccw-documentation .sansPuce .resume ul, .tx-ccw-documentation .sansPuce .resume ol {
  list-style-type: square;
  margin-left: 15px;
  list-style-position: inside;
}


.tx-ccw-documentation .image-fichier {
  height:200px;
}

.categoriesInput {
    margin-left: 4px;
}

.tx-ccw-documentation label {
  display:inline-block;
  width: 150px;
  text-align:right;
  margin-top:8px;
}

.tx-ccw-documentation input {
  width: 350px;

}

.tx-ccw-documentation input.bouton {
  width: 100px;
  float:right;
  margin-right:100px;
  margin-top:8px;
  background-color: #cee1f2;
  font-weight:bold;
}


.tx-ccw-documentation input.bouton:hover,
.tx-ccw-documentation input.bouton:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: pointer;
}

.tx-ccw-documentation select {
  width: 357px;
}

.tx-ccw-documentation .boutons-tri li a span {
  background-color: #cee1f2;
  border-radius: 5px;
  display:inline-block;
}

.tx-ccw-documentation .boutons-tri li span.boutonTriHaut:hover,
.tx-ccw-documentation .boutons-tri li span.boutonTriHaut:focus,
.tx-ccw-documentation .boutons-tri li span.boutonTriBas:hover,
.tx-ccw-documentation .boutons-tri li span.boutonTriBas:focus,
.tx-ccw-documentation .boutons-tri li span.boutonTriHaut_actif,
.tx-ccw-documentation .boutons-tri li span.boutonTriBas_actif {
  background-color: #000000;
}

.tx-ccw-documentation a:hover .boutonTriHaut:before, 
.tx-ccw-documentation a:focus .boutonTriHaut:before,
.tx-ccw-documentation a:focus .boutonTriBas:before,
.tx-ccw-documentation a:hover .boutonTriBas:before,
.tx-ccw-documentation .boutons-tri li span.boutonTriBas_actif:before,
.tx-ccw-documentation .boutons-tri li span.boutonTriHaut_actif:before
{
  color: #FFFFFF;
}


#contenu .tx-ccw-documentation h3 {
  font-size: 1.2em;
  margin-bottom:0px;
}

#contenu .tx-ccw-documentation a h3 {
  text-decoration:underline;
}

.tx-ccw-documentation .tri-titre {
    margin-left: 17px;
}

#contenu .tx-ccw-documentation ul {
    padding: 0;
}

.tx-ccw-documentation .TypeDoc ul li {
  line-height:1.3rem;
}

.tx-ccw-documentation .tri-date {
  margin-left: 27px;
  display: inline-block;
  margin-left: 35px;
}

.tx-ccw-documentation .boutons-tri{
  padding-top:10px;
}

#contenu .tx-ccw-documentation ul.criteres{
  padding-top:5px;
  margin-left: 50px;
}

#contenu .tx-ccw-documentation ul.criteres li.criteres-type{
  display:none;
}


.tx-ccw-documentation .boutons-tri .tri-titre-titre,
.tx-ccw-documentation .boutons-tri .tri-date-titre{
  padding-top:5px;
}

.tx-ccw-documentation .boutonTriHaut:before, .tx-ccw-documentation .boutonTriBas:before {
  font-size: 1.2rem;
}

.tx-ccw-documentation .TypeDoc ul.listeDocuments div.avec_image {
  display:inline-block;
  width:506px;
  padding-left:5px;
}

.tx-ccw-documentation .TypeDoc ul.listeDocuments div.avec_image h3,
.tx-ccw-documentation .TypeDoc ul.listeDocuments div.sans_image h3 {
  margin-left:0px;
  padding-left:0px;
}

.tx-ccw-documentation .TypeDoc ul.listeDocuments div.avec_image a {
  display:inline-block;
  max-width:471px;
}

.tx-ccw-documentation .TypeDoc ul.listeDocuments div.sans_image a {
  display:inline-block;
  max-width:628px;
}

.tx-ccw-documentation .image-fichier {
    vertical-align: top;
}

.tx-ccw-documentation .titre-fichiers-enfants {
  display: inline-block;
  margin-left: 33px;
  padding-top: 2px;
  vertical-align: top;
}

.tx-ccw-documentation ul.listeDocuments-enfants {
  display:block;
  max-width: 552px;
}

.tx-ccw-documentation ul.listeDocuments-enfants li {
  list-style-type:disc;
  margin-left:15px;
}

#contenu .tx-ccw-documentation ul.listeDocuments ul li {
    margin-bottom: 2px;
}

#contenu .tx-ccw-documentation ul.listeDocuments ul li .titre_sujet,
#contenu .tx-ccw-documentation ul.listeDocuments ul li .sujets
{
  display:inline-block;
}

#contenu .tx-ccw-documentation ul.listeDocuments ul li .sujets
{
  margin-top:-3px;
  margin-left: 1px;
}

.tx-ccw-documentation .listeDocuments div.documentpdf.type-doc:before {
  display:none;
}

.tx-ccw-documentation .listeDocuments div.type-doc:before,
.tx-ccw-documentation .listeDocuments div.documenthtml:before,
.tx-ccw-documentation .listeDocuments div.documenthtm:before{
  display:none;
}

.tx-ccw-documentation .listeDocuments .titre {
  font-weight:bold;
  display:inline-block;
  vertical-align:top;
}

.tx-ccw-documentation .listeDocuments .resume {
  display:inline-block;
}

.tx-ccw-documentation .listeDocuments div.avec_image .resume {
  width:440px;
}

.tx-ccw-documentation .listeDocuments div.sans_image .resume {
  width:622px;
}

#contenu .tx-ccw-documentation .listeDocuments .resume {
  font-size:1.3em;
  margin-top:-11px;
}

.tx-ccw-documentation .image-fichier {
  padding-top: 17px;
}


.tx-ccw-documentation .TypeDoc ul.listeDocuments a:link {
  color:#223654;
}


/**************************************************************************************
******* 008 - Pagination **************************************************************/


.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #ffffff;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}

.f3-widget-paginator {
  text-align: center;
}

.f3-widget-paginator li {
  display: inline-block;
  padding: 0 3px 0 3px !important;
  vertical-align:  top;
}

.f3-widget-paginator li a,
.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited,
.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  line-height: 2rem;
  color: #5c5c5e;
  text-decoration:none;
  font-size:1rem;
}

.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  background: none;
  padding: 0;
  text-decoration:none;
}

.f3-widget-paginator li a span {
  font-weight: normal;
  text-decoration:none;
  font-size:1rem;
}

 .f3-widget-paginator li span {
  line-height: 2rem;
  font-weight: bold;
  color: #5C5C5E;
  text-decoration:none;
  font-size:1rem;
}

.f3-widget-paginator li.nav-icone a {
  display: inline-block;
  text-decoration:none;
}

.f3-widget-paginator li.first,
.f3-widget-paginator li.previous  {
  padding-left: 0;
  text-decoration:none;
}

.f3-widget-paginator li.next,
.f3-widget-paginator li.last  {
  padding-right: 0;
  text-decoration:none;
}

.f3-widget-paginator li.nav-icone a:before {
  display: inline-block;
  font-family: "flexi-icones";
  font-size:1.6666rem;
  color: #cee1f2;
  font-weight: normal;
  text-decoration:none;
}

.f3-widget-paginator li.first a:before {
  content: "\e613";
  text-decoration:none;
}

.f3-widget-paginator li.previous a:before {
  content: "\e614";
  text-decoration:none;
}

.f3-widget-paginator li.next a:before {
  content: "\e601";
  text-decoration:none;
}

.f3-widget-paginator li.last a:before {
  content: "\e610";
  text-decoration:none;
}

.f3-widget-paginator li.last:hover a:before,
.f3-widget-paginator li.next:hover a:before,
.f3-widget-paginator li.previous:hover a:before,
.f3-widget-paginator li.first:hover a:before,
.f3-widget-paginator li.last:focus a:before,
.f3-widget-paginator li.next:focus a:before,
.f3-widget-paginator li.previous:focus a:before,
.f3-widget-paginator li.first:focus a:before{
  color: #000000;
}

.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #000000;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}

/******* 008 - Pagination ************************************************************
**************************************************************************************/
/*Brun pour service accessible*/
#Exp p a { color: #573b26; text-decoration: underline; font-size: 1em;}
#Exp ul li a { color: #573b26; text-decoration: underline; font-size: 1em;}
#Exp h3 { color: #573b26; }
#Exp p { color: #573b26; }
#Exp ul li { color: #573b26; }

/*Blanc pour service accessible*/

 
#contenu p.ServAcc { color: #fff; !important;}
#contenu h2.ServAcc { color: #fff; !important; }
#contenu h3.ServAcc { color: #fff; !important; }
#contenu h4.ServAcc { color: #fff; !important; }
#contenu a.ServAcc { color: #fff; !important; }
#page-secondaire #colonne-droite img.ServAcc { margin-top:0px; float: left; !important; }
#contenu ul.ServAcc { color: #fff; !important; }
#contenu li.ServAcc { color: #fff; !important; }


.reference 
 {background-image: url('../images/chevron_bleu.gif'); background-repeat: no-repeat; width: 13px; height: 11px; display: inline-block; cursor: pointer;}

/*#############################################################
### Recherche SRIG
###############################################################*/

#jconstellio {
  margin-top:10px;
}

ul.ui-autocomplete ,ul.ui-autocomplete li {
  background:#fff;
  width: 556px !important;
  list-style-image:none;
  list-style:none;
}

ul.ui-autocomplete li {
  width: 100% !important;
}

ul.ui-autocomplete li {
  padding: 4px;
}

ul.ui-autocomplete {
  border: 1px solid #BBB;
}

ul.ui-autocomplete li:not(:last-child) {
  border-bottom: 1px solid #BBB;
}

.jconstellio-main-thesauruscontainer li {
  background:none !important;
  padding-left:0 !important;
}

.jconstellio-header-search .jconstellio-header-searchinput {
  display:inline;
}

.jconstellio-header-search .jconstellio-header-searchinput input {
  padding:5px 2px;
}

.jconstellio-header-search label[for="jconstellio-header-searchbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#boiteRecherche input.sqc-srig-searchbox{
  padding: 4px;
}
#boiteRecherche input.sqc-srig-searchbutton{
  top: 1px;
  position: relative;
}

.jconstellio-header-search .jconstellio-header-advancedsearch {
  margin: 0;
  padding:0;
}

#jconstellio_main {
    padding-left:0!important;
}
#jconstellio{
  color: rgb(51,51,51);
}
.jconstellio-main-resultcontainer h4{
  font-family:roboto;
  font-size:1rem;
  font-color:rgb(0, 64, 107);
}
#jconstellio a{
  color:rgb(0, 64, 107)!important;
}

.jconstellio-main-resultcontainer a{
  font-size:1.4rem;
}

#jconstellio em{
  font-style: normal;
  font-weight: bold;
}
#jconstellio_searchbutton{
    padding: 5px 20px;
}
.jconstellio-main-synonyms.clearfix, .jconstellio-main-spellcheck.clearfix{
  overflow:visible!important;
}
.jconstellio-main-synonyms, .jconstellio-main-spellcheck, .jconstellio-main-disambiguations{
  overflow:visible!important;
  padding: 1em 0.5em 0.5em 30px!important;
}

.jconstellio-header-search {
    padding: 0.8em!important;
}
.jconstellio-header-required{
  display: none;
}

.jconstellio-header-search .jconstellio-header-searchbox {
  width: 100%;  
  font-size: 1rem;
  height: 1.375em;
  box-sizing: content-box;
  padding: 7px 6px;
  border: 1px solid #BBB;
  vertical-align: middle;
  margin-bottom:5px;
}
.jconstellio-header-advancedsearch select{
margin-bottom:0;
}

.jconstellio-header-search > label{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

header#jconstellio_header {
  padding-bottom:5px;
}

.jconstellio-header-search .jconstellio-header-searchbtn{
  background: none rgb(51,51,51);
  text-indent: 0;
  margin-left: 0px;
  margin-top:4px;
  width: auto;
  height: auto;
  padding: 6px 12px;
  color: white;
  font-weight: bold;
  position:relative;
  top:inherit;
  right:inherit;
}

.jconstellio-header-search .jconstellio-header-advcheckbox label{
  font-size: 1.2em;
}

ul.ui-autocomplete li{
text-align:left;
  padding-top:0.4em;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0!important;
}
.jconstellio-main-resultcontainer p{
/*font-size:14px!important;*/
}
p.jconstellio-main-resulturl{
font-size:12px!important;
}
/*Pagination*/
.jconstellio-main-pagination{
  background-color: transparent!important;
}
.jconstellio-main-pagination ul li{
  background: none;
  padding-left: 5px;
}
#jconstellio .jconstellio-main-pagination ul li.current a{
  color: white!important;
  border-color: #333333;
  background-color: #333333;
  padding: 2px 5px 0 5px;
  text-decoration: none;
}
#featuredLink-recherche{
  background-color: transparent;
  padding:0 10px 1px 15px;
  border-left: 2px solid #C0C0C0;
  border-top:0;
  border-right:0;
  border-bottom:0;
}
.featuredLink p{
margin-bottom:0.5em;
}
.resultats-recherche .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 572px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 156px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover {
    cursor:pointer;
}

#featuredLink-recherche span:first-child{display:none}


/**************************************************************************************
********** 002 - Début Contenu extensible *********************************************/

.contenu_extensible {
  display:none;
  width: 97%;
  background-color: #F2F1F1;
  position: relative;
  float: left;
  margin-left: 1px;
  margin-right: -1px;
  margin-top: -2px;
  border-left:1px solid #095797;
  border-right:1px solid #095797;
  border-bottom:1px solid #095797;
  margin-bottom:5px;
  padding-left: 15px;
  padding-right:4px;
}

#colonne-droite .contenu_extensible {
  padding-bottom:8px;
  margin-bottom:7px;
  padding-left: 5px;
  padding-right:5px;
  width: 95%;
}

#colonne-droite .contenu_extensible p,
#contenu .contenu_extensible p {
  padding-left:5px;
  padding-right:5px;
  font-size:0.75em;
}

.ouvrir_contenu {
  background-repeat:no-repeat;
  background-color: #095797;
  border: none;
  margin:1px 1px 1px 1px;
  padding:2px 0px 2px 0px;
  text-align:left;
  width: 100%;
  cursor:pointer;
}

#page-secondaire #colonne-droite h2.titre_contenu_extensible {
  margin-top:0;
}

#page-secondaire #colonne-droite h3.titre_contenu_extensible {
  margin-left:0;
}

.ouvrir_contenu .titreContenu {
  display: inline-block;
  width: 92%;
  margin-top: 6px;
  padding-left: 15px;
  font-size: 1.35em;
  
}

.ouvrir_contenu h2 .titreContenu {
  margin-top:10px;
  margin-bottom:10px;
  padding-left: 15px;
  font-size: 1.25em;
}

.ouvrir_contenu h3 .titreContenu {
  margin-top:5px;
  padding-left: 15px;
  font-size: 1.15em;
}


#contenu_col_droite .ouvrir_contenu .titreContenu {
  width:83%;
  margin-top:0;
}

#contenu_col_droite .ouvrir_contenu:first-child  {
  margin-top:25px;
}

.ouvrir_contenu div.bouton_action_ouvrir, .ouvrir_contenu div.bouton_action_fermer {
  background-color: #FFFFFF;
  border: medium none;
  color: #FFFFFF;
  float: right;
  font-size: 28px;
  margin: 0;
  padding: 0px 5px 5px 5px;
  position: relative;
  margin-right:2px;
}

.ouvrir_contenu .bouton_action_ouvrir:before {
  content: "\002b";
  font-family: "flexi-icones";
  color:#095797;
}

.ouvrir_contenu .bouton_action_fermer:before {
  content: "\2212";
  font-family: "flexi-icones";
  color:#095797;
}

.ouvrir_contenu:hover .bouton_action_ouvrir:before {
  color:#000000;
}

.ouvrir_contenu:hover .bouton_action_fermer:before {
  color:#000000;
}

/*.ouvrir_contenu:hover .bouton_action_ouvrir ,
.ouvrir_contenu:focus .bouton_action_ouvrir ,
.ouvrir_contenu:hover .bouton_action_fermer ,
.ouvrir_contenu:focus .bouton_action_fermer {
  background-color:#333333;
}*/

.ouvrir_contenu h2, .ouvrir_contenu h3, .ouvrir_contenu h4, .ouvrir_contenu h5 {
  float:left;
  position:relative;
  vertical-align:middle;
  padding:0;
  margin:0;
  width:100%;
}


#page-secondaire #colonne-droite .ouvrir_contenu h2,
#contenu  .ouvrir_contenu h2 {
  padding-top: 3px;
  color:#FFFFFF;
}

.ouvrir_contenu h2 .bouton_action_ouvrir ,
.ouvrir_contenu h2 .bouton_action_fermer {
  margin-top: -3px;
}

#page-secondaire #colonne-droite .ouvrir_contenu h3,
#contenu  .ouvrir_contenu h3 {
  padding-top: 6px;
  color:#FFFFFF;
}

.ouvrir_contenu h3 .bouton_action_ouvrir ,
.ouvrir_contenu h3 .bouton_action_fermer {
  margin-top:-6px;
}

#page-secondaire #colonne-droite .ouvrir_contenu h4,
#contenu .ouvrir_contenu h4 {
  padding-top: 7px;
  color:#FFFFFF;
}

.ouvrir_contenu h4 .bouton_action_ouvrir ,
.ouvrir_contenu h4 .bouton_action_fermer {
  margin-top:-7px;
}

#page-secondaire #colonne-droite .ouvrir_contenu h5,
#contenu .ouvrir_contenu h5 {
  padding-top: 8px;
  color:#FFFFFF;
}

.ouvrir_contenu h5 .bouton_action_ouvrir ,
.ouvrir_contenu h5 .bouton_action_fermer {
  margin-top:-8px;
}

/*******002 - Fin Contenu extensible**************************************************
**************************************************************************************/

/**************************************************************************************
********** Début Formulaire Inscription Prix APE ********************************/
#formhandler_inscriptionPrixAPE .row{
  max-width: 100%;
  display: inline-block;
  margin-bottom:10px;
}

#formhandler_inscriptionPrixAPE .label.columns {
    width: 31%;
    float: left;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

#formhandler_inscriptionPrixAPE .boutons,
#formhandler_inscriptionPrixAPE .input.columns {
    width: 55%;
    float: left;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

#formhandler_inscriptionPrixAPE .input.columns input {
    width: 95%;
}

#formhandler_inscriptionPrixAPE .positionErreur a,
#formhandler_inscriptionPrixAPE .obligatoire {
 color:#CC0000;
}

#formhandler_inscriptionPrixAPE .positionErreur a {
  font-size:0.8rem;
  display:block;
  cursor:pointer;
}

#formhandler_inscriptionPrixAPE .boutonRadio {
  margin-left:10px;
}

#formhandler_inscriptionPrixAPE .boutonRadio label{
  display:inline-block;
  max-width:400px;
  margin-top:1px;
}

#formhandler_inscriptionPrixAPE .boutonRadio input{
  vertical-align:top;
}

#formhandler_inscriptionPrixAPE .bouton {
  width: 100px;
  float:right;
  margin-top:8px;
  background-color: #cee1f2;
  font-weight:bold;
}


#formhandler_inscriptionPrixAPE .bouton:hover,
#formhandler_inscriptionPrixAPE .bouton:focus {
  background-color: #000000;
  color: #FFFFFF;
  cursor: pointer;
}

/********* Fin Formulaire Inscription Prix APE**************************************
**************************************************************************************/