/*											 BALISES HTML															 */
/* __________________________________________________________________  */
*{margin: 0;	padding: 0;}

*, ::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	background: #fff; /* Pour régler le problème d'arrière plan sur les pages d'accueil, il faut mettre l'image d'arrière plan sur la balise html et non sur body.  */
}
body {
	/* Pour régler le problème d'arrière plan sur les pages d'accueil, il faut mettre l'arrière plan sur la balise html et non sur body.  */
	font-family: Arial, Helvetica, sans-serif;
	/* min-width: 980px; */
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	font-size: 100%;
	color: #4d4c4c; /* Couleur du texte par défaut */
}


h2 {
	color:#6F6F6F;
	font-size:1.3em;
}
/* 											ACCESSIBILITE 														*/
/* __________________________________________________________________  */
#liensevitement { /* Block contenant les liens d'evitement */
	text-align: right;
	margin: 5px 0;
	color: #b9b9b9;
	font-size: 0.6em;
	background:#2780ad url(squelettes/images/bg_liens_evitement.jpg) no-repeat bottom center;
	width: 987px;
	margin: 0 auto;
	min-height: 18px;
}
#bloclienevitement{
	background: #267fb2;
}
#liensevitement a { /* Les liens d'evitement */
	color: #cecece; /* Même couleur que le background du body */
	line-height: 18px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d'evitement */
	color: #fff;
}

#larecherche {
	right: 0;
	top: 0;
	position: absolute;
}

#menuprincipal {
	position: absolute;
	top: 17px;
	left: 227px;
}


h2.access, legend.access {  /* Balise H2 masquee */
	position: absolute;
	z-index: 100;
	top:-10000px;
	left:-10000px;
	visibility: hidden;
	font-size : 0px;
	letter-spacing: -50px;
}
/* 												STRUCTURE DE LA PAGE										 */
/* __________________________________________________________________  */
#wrappermain{
	background: url(squelettes/images/bg_body.jpg) repeat-x top left;
}

#conteneur { /* Conteneur global */
	background: url("squelettes/images/fond_wrapper_main_interieur.jpg") no-repeat top center ;
	position: relative;
	clear: left;
	width: 987px;
	min-height:	600px;
	margin: 0 auto;
	z-index: 1;
	text-align: left;
	overflow: hidden; /* Ne pas supprimer : utilise si on veut un margin entre le footer et le bas de la page (sous ie) */
}
/* 															BANDEAU													 */
/* __________________________________________________________________  */
#bandeau {
	height: 125px;
	background: no-repeat top right #ffffff; /* Ne pas définir d'image en background, c'est géré au niveau du template avec les logos de rubrique */
}
h1{
	margin: 26px 0 0 2px;
	font-size: 1.4em;
	height: 135px;
	width: 200px;
	text-align: center;
}

/* 										FORMULAIRE DE RECHERCHE										 */
/* __________________________________________________________________  */
form#formrecherche {  /* Formulaire */
	margin: 0 4px 0 0;
	padding: 0;
	right: 0;
	top: 0;
	background: url("squelettes/images/sprite_general.png") no-repeat -2px -1px;
	width: 164px;
	height: 31px;
	display: block;
	position: absolute;
	z-index: 5;

}
#formrecherche label { /* Label */
	display: none;
}
#formrecherche input {
	vertical-align: middle;
	border: none;
	width: 17px;
}
#formrecherche input#recherche { /* Champ de saisie */
	color: #505251;
	font-size: 0.75em;
	width: 105px;
	line-height: 17px;
	min-height: 17px;
	margin: 7px 8px 0 7px;
	text-align: left;
	background: #fff;
	-moz-box-shadow: 0 0 2px #AAA inset;
	-webkit-box-shadow: 0 0 2px #AAA inset;
	box-shadow: 0 0 2px #AAA inset;
	behavior:url(squelettes/js/PIE/PIE.php);
	padding: 1px 7px;
}
#formrecherche input#bouton_ok { /* Bouton de validation */
	margin-top: 6px;
	background: none !important;
	vertical-align: top;
}

form#formrecherche  input:focus { /* Changement de la couleur de fond des champs de saisie au focus, pas reconnu par IE */
	background: none;
}
/* 												MENU PRINCIPAL 												*/
/* __________________________________________________________________  */
ul#nav_principale {
	display: block;
	position: absolute;
	top: 17px;
	left: 227px;
}
ul#nav_principale li {
	display: inline-block;
	position: relative;
	width: 202px;
}
ul#nav_principale > li {
	min-height: 87px;
}
ul#nav_principale ul li a:link, ul#nav_principale ul li a:visited {
	display: block;
	line-height: 15px;
	width: 147px;
	left: 4px;
	padding: 5px 5px 5px 28px;
	text-decoration: none;
	font-size: 0.75em;
	background: url('squelettes/images/sprite_general.png') no-repeat -675px 1px;

	color: #025387;
}
ul#nav_principale ul li{
	background: url("squelettes/images/bordure-li-menu-principal.png") no-repeat 11px bottom;
}
ul#nav_principale ul li a:hover, ul#nav_principale ul li a:focus, ul#nav_principale ul li a:active{
	color: #FFF;
	text-decoration: underline;
	background: #e4171c url('squelettes/images/sprite_general.png') no-repeat -647px -41px;
}
/*
				MASQUE HEADER [photo des rubrique dans le header]
/*_____________________________________________________________*/
#masque_bandeau{
	position: absolute;
	top: 64px;
	left: 201px;
	z-index: -1;
}
/* 											SOUS MENU	  /  COLONNE GAUCHE												 */
/* __________________________________________________________________  */
#colonne_gauche{
	width: 212px;
	float: left;
	margin: 65px 0 25px 8px;
}
#colonne_gauche h2 {
	color: #00a1e5;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 5px 0 7px;

}

#colonne_gauche h2 span {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 62px;
	width: 180px;
	max-width: 180px;
	word-wrap: break-word;
	-webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	behavior:url(squelettes/js/PIE/PIE.php);
	background: #fff;
	padding: 0 10px;
}

/* 										  COLONNE DROITE												 */
/* __________________________________________________________________  */
#colonne_droite{
	width: 198px;
	float: right;
	position: relative;
	margin: -25px 0 25px 0;
}
#en-pratique{
	position: relative;
	left: 16px;
}
#en-pratique h2{
	position: relative;
	left: 11px;
}
#en-pratique li a{
	display: block;
	line-height: 62px;
	text-indent: 10px;
	background-image: url('squelettes/images/sprite_general.png');
	width: 184px;
	height: 62px;
	background-repeat: no-repeat;
	background-position: 0 -207px;
}
#en-pratique li a:hover,#en-pratique li a.on , #en-pratique li a:focus , #en-pratique li a:active{
	background-position:0 -273px;
}
#en-pratique li a img{
	position: relative;
	top: 13px;
}
#en-savoir-plus{
	margin-top: 30px;
	height:185px;
	left: 4px;
	position: relative;
}
#en-savoir-plus h2{
	background: url('squelettes/images/sprite_general.png') no-repeat -1px -504px;
	width: 186px;
	height: 47px;
	display: block;
	z-index:2;
	float: right;
	margin-bottom: -9px;
	float: right;
	position: relative;
	z-index: 3;
}
#en-savoir-plus ul{
	width: 188px;
	background: url(squelettes/images/fond_en_savoir_plus_fond.png) no-repeat 2px bottom;
	float: right;
	margin-right: 2px;
	margin-bottom: 94px;
	padding-bottom: 15px;
	position: relative;
	z-index:2;
}
#en-savoir-plus ul li{
	background: url(squelettes/images/bordure-li-menu-principal.png) no-repeat 11px bottom;
}
#en-savoir-plus ul li:first-child{
	padding-top: 3px;
}
#en-savoir-plus ul li a{
	color: #025387;
	font-size: 0.85em;
	display: block;
	word-wrap: break-word;
	background: url('squelettes/images/sprite_general.png') no-repeat -673px 2px;
	text-decoration: none;
	left: 6px;
	position: relative;
	padding: 7px 18px 7px 34px;
}
#en-savoir-plus ul li a:hover, #en-savoir-plus ul li a.on, #en-savoir-plus ul li a:active, #en-savoir-plus ul li a:focus{
	text-decoration: underline;
}
#en-savoir-plus + a{
	position: relative;
	top: -60px;
	left: 25px;
}
/* 										 BLOCK CONTENU										 */
/* __________________________________________________________________  */
#block_contenu{
	float: left;
	width: 515px;
	min-height: 420px;
	margin-top: 64px;
	margin-left: 29px;
	overflow: hidden;
	padding: 0 9px 0 3px;
	background: url(squelettes/images/fond_article_interieur.png) no-repeat top left;
	position: relative;
}
.imprimer{
	margin-top: -13px;
	float: right;
	margin-right: -10px;
    width: 100% !important;
}

#chemin + .imprimer + h2 span.spip_surligne{
	margin-left: 0;
	padding-right: 0;
}

#colonne_contenu {
	margin: 0 15px;
}

/* voir spip_style_public.css pour la fin du "#chemin" */

/* 												PIED DE PAGE													 */
/* __________________________________________________________________  */
#footer { /* Block pied de page */
	text-align: right;
	clear: both;
	color: #fff;
	font-size: 0.8em;
	position: relative;
	float: left;
	width: 987px;
}
#footer div{
	color: #535353;
	text-align: left;
	width: 300px;
	padding-left: 18px;
	font-size: 0.9em;
}
#footer .spip {
	margin: 0;
}
ul#lesliensdivers{
	z-index: 6;
	position: relative;
	float: right;
	width: 640px;
	top: -19px;
	margin: 0 9px 0 0;
}
ul#lesliensdivers li { /* Liste */
	display: inline;
	color: #535252;
	font-weight: bold;
	margin: 0 4px;
	font-size: 0.95em;
}
ul#lesliensdivers a:link, ul#lesliensdivers a:visited {
	color: #535252;
	font-weight: normal;
	text-decoration: underline;
	margin: 0 9px 0 9px;
}
ul#lesliensdivers a:link:hover, ul#lesliensdivers a:visited:hover, ul#lesliensdivers a:active,  ul#lesliensdivers a:focus {
	text-decoration: none;
}





/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */
/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */
/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */



@font-face {
    font-family: 'champagne__limousinesbold';
    src: url(squelettes/images/fonts/champagne__limousines_bold-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesBdIt';
    src: url(squelettes/images/fonts/champagne__limousines_bold_italic-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_bold_italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesitalic';
    src: url(squelettes/images/fonts/champagne__limousines_italic-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines_italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url(squelettes/images/fonts/champagne__limousines-webfont.woff2) format('woff2'),
         url(squelettes/images/fonts/champagne__limousines-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

#colonne_gauche h2 span{
    max-width: inherit;
    width: 200px;
}
.titre-tab{
    display: none;
}
#en-savoir-plus ul li a{
    font-family: 'champagne__limousinesregular';
}
#colonne_droite li{
    list-style-type: none;
}



@media screen and (max-width: 1015px){
    #colonne_droite {
        margin: 25px 0 25px 0;
    }
}



@media screen and (max-width: 1000px){
    #bloclienevitement{
        display: none;
    }
    #conteneur{
        width: 100%;
        padding-right: 15px;
    }
    #bandeau_home{
        height:
    }
    #block_contenu{
        width: calc(100% - 261px);
        background: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    #block_contenu div{
        width: 98%;
    }
    #liensevitement{
        width: 100%;
    }
    #bloclienevitement {
        padding-right: 25px;
    }
    h1 {
        width: 179px;
    }
    #formrecherche input#bouton_ok {
        width: 10%;
    }
    form#formrecherche{
        height: 51px;
        width: 240px;
        top: 5px;
        right: 10px;
        background-image: none;
        background-color: #BFDAE8;
        border-radius: 10px;
    }
    form#formrecherche > div{
        height: 40px;
    }
    #formrecherche input#recherche{
        width: 185px;
        min-height: 38px;
        margin: 5px 8px 0 7px;
    }
    #formrecherche input#bouton_ok {
        margin-top: 10px;
    }
    ul#nav_principale {
        left: 195px;
        top: 56px;
    }
    #masque_bandeau {
        left: 20%;
    }
    #colonne_contenu > div{
        width: 95%;
    }
    #colonne_contenu > h3,
    #colonne_contenu > p{
        display: block;
        width: 95%;
    }
    .imprimer {
        float: left;
    }
    #colonne_contenu h2 {
        margin-left: 8px;
    }
    #colonne_gauche h2 span {
        display: block;
        width: 100%;
        max-width: inherit;
        padding-top: 15px;
    }
    #footer{
        width: 100%;
        text-align: left;
    }
    #footer div{
        text-align: left;
        width: 100%;
    }
    #footer p {
        text-align: left;
        width: 100%;
        line-height: 1.4;
        font-synthesis: 14px;
    }
    #footer strong{
        line-height: 1.4;
        font-size: 14px;
    }
    ul#lesliensdivers {
        position: inherit;
        float: none;
        width: 100%;
        margin: 15px auto;
        text-align: center;
        top: 0;
    }
    #en-pratique {
        left: 5px;
        top: 0;
    }
    #en-savoir-plus {
        left: -6px;
        top: 46px;
        margin-top: 0;
    }
    #en-savoir-plus h2 {
        width: 181px;
    }
    #en-savoir-plus + a {
        top: -40px;
    }
    .rollover.tab{
        display: block;
        margin-left: 24px;
    }
    .liste_articleetdoc,
    .liste_actus{
        padding-right: 20px;
    }
} /* ----- fin 1000px ----- */


@media screen and (max-width: 860px){
    ul#nav_principale li {
        width: 186px;
    }
}

@media screen and (max-width: 768px){
    #responsive-menu-button{
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 20px;
        right: 15px;
        background-color: #fff;
        background: url(squelettes/images/burger.png) no-repeat 100% 50%;
    }
    ul#nav_principale{
        display: none;
    }
    #bloclienevitement{
        display: none;
    }
    form#formrecherche{
        right: 70px;
        top: 15px;
    }
    .sidr-inner li{
        list-style-type: none;
    }
    .sidr ul li{
        line-height: 1.4;
        padding: 10px 0;
    }
    .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{
        line-height: 1.4;
        padding: 10px 0;
        border-top: 1px solid #4d4d4d;
    }
    #block_contenu {
        width: 94%;
        padding-right: 15px;
    }
    #colonne_contenu > h3, #colonne_contenu > p {
        padding-right: 15px;
    }
    #colonne_gauche{
        width: 100%;
    }
    #colonne_gauche > h2 {
        display: none;
    }
    #block_sousmenu{
        width: 28.7%;
        float: left;
        margin-top: 28px;
        display: none;
    }
    #colonne_gauche #colonne_droite{
        width: 100%;
        margin: -25px 0 40px 0;
    }
    #colonne_gauche #colonne_droite > div{
        width: 48%;
        float: left;
    }
    #en-pratique{
        margin-left: 4%;
    }
    #en-savoir-plus {
        margin-top: 4px;
        top: 70px;
    }
    #en-savoir-plus ul {
        margin-right: 7px;
    }
    #en-savoir-plus + a {
        top: 90px;
        left: -200px;
    }
    .rollover.tab{
        position: relative;
        top: 67px;
        left: 36px;
        padding-left: 15px;
    }
    #en-savoir-plus h2 {
        width: 186px;
    }
    #masque_bandeau {
        left: 12%;
    }
    #footer a img{
        width: 90px;
        height: auto;
        float: left;
    }
    #footer div strong{
        font-size: 16px;
        line-height: 1.4;
    }
    #footer div p{
        font-size: 16px;
        line-height: 1.4;
        font-family: 'champagne__limousinesregular';
    }
    ul#lesliensdivers{
        padding-left: 15px;
    }
    ul#lesliensdivers li {
        width: 50%;
        display: block;
        float: left;
        text-align: left;
        margin: 0 0 10px;
    }
    ul#lesliensdivers li a {
        font-size: 16px !important;
        font-family: 'champagne__limousinesregular';
    }
    .titre-tab{
        display: block;
        margin-top: 20px !important;
    }
} /* ----- fin 768px ----- */

@media screen and (max-width: 640px){
    #block_sousmenu {
        width: 212px;
        float: none;
        margin: 0 auto 25px;
    }
    #colonne_droite {
        width: 100% !important;
        float: none;
        margin: 0;
        overflow: hidden;
    }
    #colonne_droite > div {
        float: none !important;
        margin: 0 auto;
    }
    #en-pratique{
        width: 191px !important;
        position: initial;
    }
    #en-pratique ul {
        position: relative;
        left: 8px;
    }
    #en-savoir-plus{
        width: 207px !important;
        position: initial;
        margin: 25px auto 0 !important;
    }
    #en-savoir-plus + a{
        display: block;
        position: relative;
        width: 121px;
        margin: 0 auto 15px;
        top: -25px;
        left: 0;
    }
    .rollover.tab{
        display: block;
        position: relative;
        width: 150px;
        margin: 0 auto;
        top: -25px;
        left: 0;
    }
    #en-savoir-plus h2 {
        width: 191px;
        margin: 0 auto -9px auto;
    }
    #masque_bandeau {
        left: 0;
    }
} /* ----- fin 640px ----- */


@media screen and (max-width: 540px){
    #formrecherche{
        display: none !important;
    }
    #block_contenu{
        margin-left: 15px;
    }
}

@media screen and (max-width: 355px){
    .spip_documents_right{
        float: none !important;
        margin: 12px 12px 0.5em 0 !important;
    }
}



/* 20200311:Modif Jérôme DEROZIERES hide popup_cookies */
.popup_cookies,
#cookie-banner{display:none !important}