/* CSS Document */

/* reset du a de la feuille de style de SPIP */
a, 
a:focus, 
a:hover, 
a:active, a:visited { background-color:transparent; color:inherit;}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:1em;
}
#conteneur_principal {
	width:1000px;
	height:100%;
	-moz-box-shadow:0px 0px 20px #ccc;
	-webkit-box-shadow:0px 0px 20px #999;
	box-shadow:0px 0px 20px #ccc;
	margin:0 auto;
}
#bandeau_haut {
	width:1000px;
	height:157px;
	overflow:visible;
	background:#FFF url(images/bandeau-image-haut-1.jpg) top left no-repeat;
}

#logo_du_site {
	width:151px;
	height:136px;
	position:relative;
	float:left;
	margin:8px 0 0 20px;
	z-index:3;
}

#bloc-rechercher {
	width:auto;
	height:auto;
	padding:1px 4px;
	background: url(images/fond-bloc-rechercher.png) repeat;
	position:relative;
	float:right;
	margin:8px 20px 0 0;
	z-index:3;
	font-size:0.9em;
	color:#fff;
}

form#recherche input[type=text] {
	background: url(images/fond-bloc-rechercher.png) repeat;
	color:#fff;
}

#zone_menu_haut {
	width:845px;
	height:40px;
	position:relative;
	float:left;
	margin-top:-25px;
	margin-left:155px;
	overflow:visible;
	z-index:100;
}


/* MENU CSS RESPONSIVE VERSION 2017 */

/*Strip the ul of padding and list styling*/
#zone_menu_haut ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
/*Create a horizontal list with spacing*/
#zone_menu_haut li {
    display:inline-block;
    float: left;
}

/*Style for menu links*/
#zone_menu_haut li a {
    display:block;
    min-width:120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #cf3;
    background: #963;
    text-decoration: none;
	padding: 0 5px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: linear;
	transition-property: background-color;
	transition-duration: 0.3s;
	transition-timing-function: linear;
}
/*Hover state for top level links*/
#zone_menu_haut li:hover a {
    background: #C96;
}
/*Style for dropdown links*/
#zone_menu_haut li:hover ul a {
    background: #963;
    color: #2f3036;
    height: auto;
    line-height: 40px;
	border-bottom:1px solid #FFF;
}
/*Hover state for dropdown links*/
#zone_menu_haut li:hover ul a:hover {
    background: #C96;
    color: #fff;
}

/*Hide dropdown links until they are needed*/
#zone_menu_haut li ul {
    display: none;
}
/*Make dropdown links vertical*/
#zone_menu_haut li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
#zone_menu_haut li ul li a {
    width: auto;
    min-width: 80px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
#zone_menu_haut ul li a:hover + .hidden, #zone_menu_haut .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
#zone_menu_haut .show-menu {
    text-decoration: none;
    color: #fff;
    background: #963;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
#zone_menu_haut input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
#zone_menu_haut input[type=checkbox]:checked ~ #menu{
    display: block;
}

/* FIN MENU CSS RESPONSIVE VERSION 2017 */


#wrap {
	overflow:hidden;
	clear:both;
}

#centre_gauche {
	width:600px;
	margin-left:30px;
	position:relative;
	float:left;
	z-index:1;

}

#centre_gauche li {
	padding-bottom:0.8em;
	line-height:1.4em;

}

/*
#centre_gauche li:first-line {
	line-height:2em;
}
*/

div.cs_blocs {
	margin-bottom:15px;
}

#centre_droite {
	width:280px;
	margin-left:680px;
	z-index:1;

}
/*
#centre_droite img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#centre_droite img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
*/
#centre_droite p {
	padding-bottom:0.5em;
}

h1 {
	font-size:1.25em;
	color:#999;
	border-bottom:2px solid #963;
	margin-top:1.4em;
}


a, a:active, 
a:visited, 
a.spip_in, 
a.spip_in:active, 
a.spip_in:visited, 
a.spip_out, 
a.spip_out:active, 
a.spip_out:visited {
	color:#360;
}

a:hover, 
a.spip_in:hover, 
a.spip_out:hover {
	color:#6c0;
}

#centre_gauche p, 
#centre_gauche ul {
	font-size:0.85em;
}
#centre_droite p {
	font-size:0.80em;
	margin:3px 0;
}

#footer {
	clear:both;
	margin:40px 30px 0 30px; /* margin:20px 30px 0 30px; */
	border-top: 1px solid #963;
	padding: 15px 10px;
	font-size:0.80em;
}


/* ---------------------- TABLETTE ---------------------- */

@media screen and (max-width:768px){

body {
	font-size:larger;
}

#conteneur_principal {
	width:100%;
	height:100%;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin:0;
}

#bandeau_haut {
	width:100%;
	height:100px;
	background: url(images/bandeau-image-haut-1.jpg) no-repeat;
	-webkit-background-size: auto; /* pour anciens Chrome et Safari */
	background-size: auto; /* version standardisée */
	overflow:visible;

}

#logo_du_site {
	height:65px;
	overflow:hidden;
	position:static;
	margin:-5px 0 0 0;
	background-color:#fff;
	z-index:3;
}

#bloc-rechercher {
	width:auto;
	height:auto;
	position:static;
	margin:8px 20px 0 0;
}

#zone_menu_haut {
	width:100%;
	height:auto;
	position:static;
	margin:0;
	overflow:visible;
	z-index:2;
}

/* MENU CSS RESPONSIVE 2017 */

#zone_menu_haut li:hover ul a {
    background: #C96;
}

#zone_menu_haut li:hover ul a {
	height: auto;
}

    /*Make dropdown links appear inline*/
    #zone_menu_haut ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    #zone_menu_haut li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    #zone_menu_haut ul li,
	#zone_menu_haut li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    #zone_menu_haut .show-menu {
        display:block;
		cursor:pointer;
    }

/* FIN MENU CSS RESPONSIVE 2017 */

#centre_gauche {
	width:98%;
	margin:0;
	padding:10px;
	position:relative;
	z-index:1;

}
#centre_droite {
	width:98%;
	margin:0;
	padding:10px;
	z-index:1;

}
/*
#centre_droite img {
	opacity: 1;
	filter: alpha(opacity=100);
}
*/
#footer {
	margin:30px 10px 0 10px;
	padding: 10px 10px;
}

}

/* -------------------- FIN TABLETTE -------------------- */

/* ----------------------- MOBILE ----------------------- */

@media screen and (max-width:500px){

body {
	font-size:larger;
}

#conteneur_principal {
	width:100%;
	height:100%;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin:0;
}
#bandeau_haut {
	height:60px;
}

#bloc-rechercher {
	width:99%;
	padding:0 -20px;
	clear:both;
	margin:0;
}

#bloc-rechercher input[type=submit] {
	width:95%;
	margin:auto;
}

#centre_gauche {
	width:96%;

}

#centre_gauche p, 
#centre_gauche ul, 
#centre_gauche li {
	margin-left:0;
}

#centre_droite {
	width:96%;
}


}
/* -------------------- FIN MOBILE ---------------------- */

/* plugin Modèles media 1.5.3 */

a::after {
    display: none;
}