@import url(https://fonts.googleapis.com/css?family=Raleway);


.objetcache {
    position:absolute;top:-10000px;
}

#page{
	background-color:#ededed;
}

#page img , #page dl, #page dt {
    /*display: block;*/
    height: auto;
    max-width: 100%;
}
/*
#page dl img {
        display:inline;
}*/
.spip_documents {
    max-width: 100%;
}
a, a:visited {
    /*color :#337ab7;*/
    color :#1d71b8;
}
a:focus, a:hover, a:active {
    background-color: transparent;
    /*color :#23527c;*/
    color :#29235c;
}
#spip-admin a:hover {background: #666666 none repeat scroll 0 0;}

a.spip_out {color: #990000;} /* liens sortants */
ul.spip, ol.spip {
    margin-left: 16px;
}
.tblock {
    font-weight: normal;
}

/*
.spip_documents, .spip_documents_center, .spip_doc_titre, .spip_doc_descriptif {
    text-align: left;
}
*/
div.spip_doc_titre {
    text-align: left;
}
table {margin-bottom:20px;}
table.spip  {
    width:auto;
    margin: auto;
    margin-bottom:20px;
    max-width:100%;
    min-width:70%;
    border-collapse: separate;
    border-spacing: 2px 0;
}
table.spip caption {
    text-align:center;
}
table.spip th, table.spip tbody, table.spip td {
    vertical-align: middle;
    max-width:100%;
}
table.spip tr.row_first th {
    background: #29235c none repeat scroll 0 0;
    color: #ffffff;
}
table.spip tr.row_first th:first-child {
    /*-webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
}
table.spip tr.row_first th:last-child {
    /*-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
}
table th, table.spip th, table td, table.spip td {
    border-bottom: 1px solid #dddddd;
    height:2em;
    padding: 2px 5px;
}


/* mail inscription spip-listes */
/*#mail_inscription_ {
        width:100%;
}*/


/* formulaires spip */
div.texte .spip_forms, div.texte .spip_forms  fieldset{
    border:0;
}
div.texte .spip_forms .forml, div.texte  .spip_forms .fondl, div.texte  .spip_forms .fondo, div.texte  .spip_forms  .formo  {
    width: 100%;/*height:40px;*/
}
div.texte .spip_forms input, div.texte .spip_forms .spip_bouton input, div.texte  .spip_forms select,div.texte .spip_forms form textarea {
    border-radius: 4px;border-color:#444444;
}
div.texte .spip_forms form .formo-focus, div.texte .spip_forms form input.formo-focus:focus, div.texte .spip_forms form textarea.formo-focus:focus, div.texte .spip_forms .formo-focus, 
div.texte .spip_forms form .forml-focus, div.texte .spip_forms form input.forml-focus:focus, div.texte .spip_forms form textarea.forml-focus:focus, .forml-focus {
    width:100%;
}
div.texte .spip_forms form input.date-picker, div.texte .spip_forms form input.date-picker.formo-focus {
    width: calc(100% - 26px);
}


div.texte .spip_forms .spip_bouton {
    padding-right:5px;
}
div.texte .spip_forms .spip_bouton input[type="submit"]{
    background: #878787 none;
    border:none;
    height: 34px;
    width:87px;
    color:#dadada;
    text-transform:uppercase;
    margin-top:20;
    border-radius: 0;
}
div.texte .spip_forms ul.spip_form_choix_multiple {position:relative;}
div.texte .spip_forms ul.spip_form_choix_multiple li {position:relative;}
div.texte .spip_forms ul.spip_form_choix_multiple input {position:absolute;top:4px;}
div.texte .spip_forms ul.spip_form_choix_multiple label {padding-left:16px;}
div.texte .spip_forms ul.spip_form_choix_multiple span.erreur {display: inline-block !important;}


.icon::before {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 0.6em;
    text-transform: none;
}
.icon-arrow-left::before {
    content: "\e257";
}

.mp-menu ul li::before {
    line-height: 3.2;
}

.mp-back::after {
    font-family: "Glyphicons Halflings";
    content: "\e260";
}


.erreur {
    color:red;
}

#descriptifSite {
    font-family : 'Raleway', Arial;
    font-size: 20px;
    font-weight:bold;
/*     color:#2d832e; */
    color:#1d71b8;
}

#descriptifSite {max-width:25em;min-height:1.0em;}
@media (min-width: 768px) {
	#descriptifSite {
		font-size:28px;
	}
}

#lang_push {
    position:absolute;
    right:62px;
    top:32px;
    z-index: 10;
}
.btn_lang {
    background-color: #dadada;
    /*cursor: pointer;*/
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 8px 9px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -moz-user-select: none;
    /*border-radius: 4px;*/
}
#lang_push .btn_lang:first-child {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#lang_push .btn_lang:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
span.btn_lang {
    background-color: #9d9d9d;
    color: #ffffff;
}
a.btn_lang {
    color: #878787;
    text-decoration:none;
}
a.btn_lang:active, a.btn_lang:focus,a.btn_lang:hover {background-color: #e0e0e0;}


/* Recherche google */
#googleSearch {
    position:absolute;
    z-index: 9;
}
.searchbox{
    position:relative;
    min-width:36px;
    width:0%;
    height:36px;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-open{
    width:100%;
}
.searchbox-input{
    position:absolute;
    top:0;
    right:0;
    border:0;
    outline:0;
    /*background:#dcddd8;*/
    width:100%;
    height:36px;
    margin:0;
    padding-left: 20px;
    font-size:16px;
    color:#777777;
}

.searchbox-icon,
.searchbox-submit{
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    top:0;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:36px;
    text-align:center;
    cursor:pointer;
    color:#ffffff;
    background:#9d9d9d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.searchbox-submit{
    font-family: "Glyphicons Halflings";
}


/* Menu Principal */
#mainHeader #mainMenu {
    padding-left:0;
    padding-right:0;
}
#mainHeader #mainMenu .nav-stacked > li + li {
    margin: 0;
}
#mainHeader nav.navbar {
    margin-bottom:0;
}
#mainHeader nav .navbar-header {
    position:absolute;
/*     width: 100%; */
}

#mainHeader .container-fluid > .navbar-header {
    margin-left:0;
    margin-right:0;
}
#mainHeader nav .navbar-brand {
    padding:0 0 0 15px;
    /*height: 103px;*/
    position:relative;
    z-index: 10;
}
#mainHeader nav.navbar .navbar-toggle {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-right:0;
}
#mainHeader nav.navbar-default {
    border-color:transparent;
    border-radius:0;
    background-image: -webkit-linear-gradient(top,#fff 0,#ededed 100%);
    background-image: -o-linear-gradient(top,#fff 0,#ededed 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
    background-image: linear-gradient(to bottom,#fff 0,#eaeaea 100%);
    border: 0;
}
#mainHeader .navbar-default .navbar-nav > li > a.toHome {
    font-size:20px;
    padding: 7px 10px 6px 10px;
    margin-left:4px;
}
#mainHeader nav li {
    text-transform: uppercase;
}
#mainHeader .navbar-default .navbar-nav > .active > a, #mainHeader .navbar-default .navbar-nav > .open > a {
    background-image:none;
    background-color: #9d9d9d;
    color: #ffffff;
    /*cursor: default;*/
}
#mainHeader .navbar-default .navbar-nav > .active > a:focus,#mainHeader .navbar-default .navbar-nav > .active > a:hover {
    background-color: #9d9d9d;
    color: #ffffff;
}



/* Diaporama */
#owl-sommaire {
    background-color: #29235c;
}
#diaporama div.itemWrapper {
    position: relative;
    padding-bottom: 36%;
    height: 0;
}
#diaporama .item .zoneImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    padding: 0 0 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
#diaporama .item .zoneImage .cadreImage {
    border:1px solid #9d9d9c;
    max-width:100%;
}
#diaporama .item .zoneTexte {
    position: absolute;
    top: 0;
    left: 45%;
    width: 55%;
    height: 100%;
    padding: 20px 50px 20px 30px;
    color:#9d9d9c;
    /*display: flex;
    flex-direction: column;
    justify-content: space-around;*/
}
#diaporama .item .zoneTexte .titreDiapo {
    font-size:22px;
    line-height:24px;
    font-family : 'Raleway', Arial;
    font-weight:bold;
}
#diaporama .item .zoneTexte .descDiapo {
    /*flex:1;*/
}
#diaporama .item .zoneTexte .diapoBouton {
    position:absolute;
    bottom:20px;
    font-size:13px;
    color:#4b4c56;
    background-color:#dad9df;
    display:inline-block;
    padding:8px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#diaporama .item .zoneTexte .diapoBouton:hover {
    text-decoration:none;
}



#diaporama #owl-sommaire .item img{
    /*display: block;
    width: 100%;
    height: auto;
    display: block;
    margin : 0 auto;*/
    /*float:right;
    margin : 0 auto;*/
}
#diaporama {
    position:relative;
}
#diaporama .slideButton{
    position:absolute;
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
#diaporama .prev{
    left:4px;
}
#diaporama .next{
    right:4px;
}


#lienPrincipaux .tuile{
    padding-left:0;padding-right:0;padding-bottom:15px;
}
#lienPrincipaux .tuile .inset {
    background-color:#1d71b8;
    padding:20px 20px 10px;
}
#lienPrincipaux .tuile img, #pronetEnAvant img {
    margin: 0 auto;
}
#lienPrincipaux .tuile {
    color:#ffffff;
    font-size:12px;
}
#lienPrincipaux .tuile h2, #pronetEnAvant h2 {
    text-transform:uppercase;
    font-size:13px;
    color:#333333;
    background-color:#ffffff;
    display:inline-block;
    padding:8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#lienPrincipaux .tuile .inset{
    min-height:204px;
}
#pronetEnAvant {width:100%}
#pronetEnAvant .inset {
    background-color: #1d71b8;
    padding: 20px 20px 10px;
    margin:20px auto 0;
    color:white;
    font-size:12px;
    text-align:center;
    max-width:408px;
}
#pronetEnAvant a:hover {	
    text-decoration:none;
}



#actualite {padding-left:0;}
#forums {padding-right:0;}
.breves, .derniersForums {
    color:#29235c;
}
.breves h2, .derniersForums h2, #documents_joints h2 {
    font-family : 'Raleway', Arial;
    margin-top:10px;
    font-size:32px;
}
#documents_joints h2 {
    color:#29235b;
}
.breves .toutLiens, .derniersForums .toutLiens {
    font-family : 'Raleway', Arial;
    text-transform:Uppercase;
    font-weight:bold;
    float:right;
    margin-top:12px;
}
.breves .toutLiens:before, .derniersForums .toutLiens:before {
    content:url('../img/right_arrow.png');
    vertical-align:middle;
}
.breves a.toutLiens, .breves a.toutLiens:visited, .breves a.toutLiens:hover,
.derniersForums a.toutLiens, .derniersForums a.toutLiens:visited, .derniersForums a.toutLiens:hover  {
    color:#29235c;
    text-decoration:none;
}
.breves ul li {
    padding:10px;
    background-color: #ededed;
    margin-bottom: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.breves .intro, .derniersForums .intro {
    color:#333333;
    font-style:italic;
}
.derniersForums ul li {
    margin: 1em 0;
    position:relative;
    padding-bottom:20px;
}
.derniersForums  ul li:last-child {
    padding-bottom:0;
}
.derniersForums  ul li:after {
    content:''; 
    width:50%; 
    height:1px; 
    border-bottom:1px dashed #878787;
    position:absolute; 
    bottom:2px;
}
.derniersForums  ul li:last-child:after {
    border-bottom:none;
}
.breves .infos, .derniersForums .infos {
    margin-top:6px;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    color:#4b4c56;
}
.breves .titreBreve, .derniersForums .sujet {
    font-family : 'Raleway', Arial;
    font-size:20px;
    font-weight:600;
}
.breves .titreBreve a, .derniersForums .sujet a {
    color:#29235C;
    text-decoration:none;
}
.breves .more, .derniersForums .more {
    display:inline-block;
    margin-top:10px;
    color:#dadada;
    text-decoration:none;
    padding:10px 20px;
    font-size:12px;
    text-transform:uppercase;
    background-color:#878787;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.breves .more:hover, .derniersForums .more:hover {
    background-color:#676767;
    ;
}
.derniersForums .forumName {
    display:inline-block;
    position: relative;
    padding:3px 10px;
    background-color: #1d71b8;
    color:#f6f6f6;
    margin-bottom:10px;
    text-transform:uppercase;
    font-size:11px;
}
.derniersForums .forumName:before {
    content:url('../img/down_arrow.png');
    position: absolute;
    top:19px;
    left:20px;
}
#page h1 {
    color:#29235b;
    font-weight:bold;
    margin-top:0;
}
#documents_joints {
    border-top: 2px solid #ccc;
}
#documents_joints .detailDocument {
    margin-top: 10px;
}
#documents_joints img {
    display:inline;
}
#documents_joints a {
    font-family : 'Raleway', Arial;
    font-size:16px;
    color:#404040;
    text-decoration:none;
}
#documents_joints small{
    font-size:75%;
}


/* lettre d'information */
#lettreInformation {
    background-color: #ededed;
    border-top:7px solid #29235c;
    margin:20px auto 0;
    color:#4b4c56;
    text-align:center;
    padding:5px 0;
}
#lettreInformation .glyphicon {
    background-color:#4b4c56;
    color:#ffffff;
    padding:1px 2px;
    font-size:18px;
}
#lettreInformation .titreLettre {
    font-family : 'Raleway', Arial;
    font-size:25px;
}
#lettreInformation  form {
    width:300px;
    margin:20px auto 0;
    text-align:left;
    max-width:80%;
}
#lettreInformation  ul {
    width:213px; /* largeur form - largeur bouton*/
    max-width: 70%;
    display: inline-block;
}
#lettreInformation  li input{
    width:100%;
    font-size:16px;
    height: 34px;
    border:1px solid #b2b2b2;
}
#lettreInformation  .formulaire_spip .boutons {
    position: absolute;
}
#lettreInformation input[type="submit"] {
    background: #878787 none;
    border:none;
    height: 34px;
    width:87px;
    color:#dadada;
    text-transform:uppercase;
    margin-top:20;
}
#lettreInformation input[type="submit"]:hover {
    background-color:#676767;
}
#lettreInformation .formulaire_ok {margin-top:10px;}
#lettreInformation  #sl-inscription  p.formulaire_erreur {background-color: #fcc;margin-top:10px;margin-bottom:0;}
#lettreInformation  #sl-inscription  p span.erreur{background-color: #fcc;}


/* MultiLevelPushMenu */
#mp-menu {
    font-family: "Raleway",Arial;
}
#mp-menu .mp-level {
    background-color:#1d71b8; /*#67aa67, #1d71b8*/
}
#mp-menu div.mp-level {
    /*overflow-y:scroll;*/
    overflow-y:auto;
}
#mp-menu div:first-child h2 {
    text-transform:none;
    font-size: 31px;
    color:#29235c;  /*#29235c;*/
    letter-spacing:normal;
    font-weight:normal;
    text-align: center;
    padding: 0.4em 0.2em;
}
#mp-menu ul li > a, #mp-menu ul li.on {
    color: #fff;
    font-size:18px;
    padding: 0.5em 1em 0.5em 1.8em;
    box-shadow: 0 -1px rgba(255, 255, 255, 0.2) inset;
    text-decoration:none;
}
#mp-menu ul li.on {
    /*font-style:italic;*/
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
#mp-menu .mp-level > ul > li:first-child > a {
    box-shadow: 0 -1px rgba(255, 255, 255, 0.2) inset, 0 1px rgba(255, 255, 255, 0.2) inset;
}

#mp-menu .closePushMenu {
    /*position:absolute;*/
    /*top:16px;
    right:2px;*/
    /*z-index:100;*/
    display:inline;
    /*margin:10px auto 0;*/
    background-color: #29235c;
    color: #ffffff;
}

/* MultiLevelPushMenu control -> pagination */
#mp-menu a.lien_pagination, #mp-menu strong.on, #mp-menu span.tbc {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 6px;
    position: relative;
    text-decoration: none;
    min-width:32px;
    text-align:center;
}
#mp-menu strong.on {
    background-color: #29235c;
    border-color: #29235c;
    color: #ffffff;
    /*cursor: default;*/
    z-index: 2;
}

#mp-menu p.pagination {
    /*display: inline-block;
    margin-left:4px;*/
    margin:0 4px;
}
#mp-menu p.paginationBas {
    margin-top:4px;
}

#mp-menu .pages {
    /*display: inline-block;
    margin-left:4px;*/
}










/* article */

/* liste_plan */
div.liste_plan  ul {
    font-weight: bold;
}
div.liste_plan  ul li ul{
    font-weight: normal;
    padding-left:16px;
}
.mejsClass {
    visibility:hidden;
}
.mejs-container-fullscreen {
    min-height:0 !important;
    max-height:none !important;
}



/* tableau issu du modele article_doc */
table.documents_joints_detaille, table.histor {
    min-width:100%;
}
.documents_joints_detaille, .histor {
    border-spacing:2px 0;
    border-collapse: separate;
}

.documents_joints_detaille tr th, .histor tr th {
    background-color: #29235c;
    padding: 2px 5px;
    text-align: center;
    height:2em;
}

.documents_joints_detaille tr th:first-child, .histor tr th:first-child {
    /*-webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
    width:65%;
}
.documents_joints_detaille tr th:last-child, .histor tr th:last-child {
    /*-webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
}

.documents_joints_detaille tr td, .histor tr td {
    border-bottom:1px solid #dddddd;
    vertical-align:middle;
    /*line-height:2em;*/
    height:2em;
}
.documents_joints_detaille tr:last-child td, .histor tr:last-child td {
    border-bottom:none;
}

.documents_joints_detaille tr th a, .histor tr th a{
    color: #ffffff;
    text-decoration:underline;
    font-weight:bold;
}





/* pied de page */
#footerWrapper {
    padding:0 15px 0 15px;
    margin-top: 0;
}
#mainFooter {
	margin: -5px 0;
    padding:0;
/*     background-color:#29235c; */
    background-color:#eaeaea;
    text-align:center;
    color:#232323;
    text-transform: uppercase;
    font-size: 12px;
}
#mainFooter a {
    color:#232323;
    text-decoration:none;
}
#footerLogos {
    margin-bottom:20px;
}
#footerLogos img{
    margin:0 10px;
}
#mainFooter p.colophon img {
    vertical-align: 0;
}

/*
.logo_edf a img {
    opacity: 0.5;
}
.logo_edf a img:hover {
    opacity: 1;
}
*/

/* bouton twitter */
a.btn.btn-social-icon.btn-twitter{
    position: absolute;
    right: 147px;
    top: 18px;
    z-index: 10;
    width: 36px;
    height: 36px;
    font-size: 22px;
    line-height: 22px;
    padding-right: 30px;    
    margin: 0;
    border: 0;
    outline: 0;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background: #9d9d9d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
}

/* bootstrap cookie banner  */
#cookie-banner button {color:#5a5a5a;}

.subtitle{
    position: relative;
	width: 100%;
	font-size:14px;
	color: #0c55aa;
    top: 20px;
    left: 10px;
    text-align: left;
}
@media screen and (min-width:768px){
	.subtitle {
        width:530px;
	}
}

.logo{
	background-color: transparent;
}


.notice_photo {
	width:80px;
	min-height: 100px;
	border-radius: 0;
	padding: 0px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

#admin {
	 text-align:right;
	 margin:0 8px;
}