html{
	font-size: 9pt;
}
body {

	background-image: none;
	background-color: #3A1200; 
	color: #292929;
	border: 0px;
	font-family: 'Bitter', Times, serif;
}

.main{
	overflow:auto;
	padding-top:0px;
	clear:both;
}

.page {
	
	padding: 50px 10px;
	padding-top: 20px;
	width:915px;
	background-color: #FEFEFE;
}
.wrappersommaire {
	width: 100%;
}
.wrappersommaire .chapo {
	margin-bottom: 80px;
}
.wrapper {
	width: 62%;
}
.contentarticle {
	padding-left: 40px;
}
.info-publi.article{
	margin-bottom: 20px;
}
.wrappermotscles{
	clear:both;
	margin-top: 50px;
	border-top: 1px solid #D0D0D0;
	padding-top: 10px;
}
.on {
	font-weight: bold;
	font-style: italic;
}
.les_articles .pagination .on {
	font-weight: normal;
	font-style: normal;
	color: #666;
}

.menu  
{
	overflow:auto;
}
.articles_meme_rubrique{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #F8F2F0;
}

.wrappermotscles .menu ul li, .page_mot .aside .menu ul li {
	float: left;
	margin-left: 10px;
}
.wrappersocial {
	clear:both;
	margin-top: 50px;
	border-top: 1px solid #D0D0D0;
	padding-top: 10px;
}
.wrappersocial .reseau {
	float:left;
	margin: 2px 10px;
}
	

.socialwidgets_wrapper
{
	width: 800px;
	margin:auto;
}

.social_widget {
	float: left;
	margin-right: 18px;
	margin-bottom: 20px;

}

.wrapperforum, .wrapperauteur {
	margin-top: 100px;
	padding-top: 20px;
	border-top: 1px solid #D0D0D0;
}
.wrapperforum{
	margin-top: 50px;
	margin-bottom: 50px;
}
.myforum, .myauteur{
	display:none;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 0px solid #D0D0D0;
}
.info{
	border:0px;
}

.form_recherche {
	margin-top: 40px;
	margin-bottom: 50px;
	padding-left: 10px;
}
#formulaire_recherche {
	position: relative;
	top: 0px;
	right: 0px;
	border: 0;
}
.formulaire_recherche input.text {
	background-color: #EEE;
	border: 4px solid #EEE;
	width: 20em;
}
.form_resultats {
	padding-left: 10px;
}
.headersommaire{
	padding-bottom: 1.5em;
	padding-right: 30px;
	margin-bottom: 40px;
	border-bottom: 0px solid;
	height:563px;
	background-image:url(../../IMG/fond-1.jpg);
	width: 93%;
}
.header {
	padding-bottom: 1.5em;
	padding-right: 30%;
	border-bottom: 0px solid;
	height:195px;
	background-image:url(../../IMG/fond-1.jpg);
}
.header #logo, .header #slogan, .headersommaire #logo, .headersommaire #slogan{
	padding-top: 10px;
	padding-left: 10px;
	width: 240px;
	color: #FEFEFE;
}
.header #logo, .headersommaire #logo {
	font-family: 'Montserrat Subrayada', Lucida, sans-serif;
}
.header #slogan, .headersommaire #slogan {
	width: 340px;
}
.header #logo a, .header #logo a:visited {
	color: #FEFEFE;
}
.header #logo a:hover, .header #logo a:active {
	color: #D50000;
}
.headersommaire .pagination{
	background: rgba(250,250,250,0.7);
	font-size:1.5em;
}
.headersommaire .disabled .on, .headersommaire .disabled .on {
	color: transparent;
}
.headersommaire .pagination .prev, .headersommaire .pagination .next, .headersommaire .pagination .prev a:hover, .headersommaire .pagination .next a:hover {
	background-color: transparent;
}
.headersommaire .pagination .prev{
	float: left;
}
.headersommaire .pagination .next {
	float: right;
}
.headersommaire .pagination .prev a:hover, .headersommaire .pagination .next a:hover {
	background-color: transparent;
}
.headersommaire .texte {
	font-size: 120%;
}
.lire_suite {
	margin-top: 8px;
}
.entete{
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 10px;
}
.entete ul {
	font-size:91%;
}
.page_sommaire .header {
	border-bottom: 1px solid;
	
}
.texte{
	text-align: justify;
}
.introduction{
	font-style: italic;
}

/*  zones de la page d'accueil */
/* Toutes les zones du sommaire partagent ceci : */
/* fonctionne aussi pour la page rubrique */

.mur_sommaire {
	overflow:auto;
	position: relative;
	left:-10px;
	width:916px;
	height:104px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.bandeau_01{
	clear: both;
	background-image:url(../../IMG/bandeau-1.jpg);
	
}
.bandeau_02{
	clear: both;
	background-image:url(../../IMG/bandeau-2.jpg);
}
.bandeau_03{
	clear: both;
	background-image:url(../../IMG/bandeau-3.jpg);
}
.headerliens{
	clear:both;
	margin-top: 70px;
	/*width: 880px;*/
	height: 26px;
	padding-right: 10px;
	overflow: auto;
	margin-left: 5px;
	padding-left: 10px;
	text-align: right;
	background-color: rgba(250,250,250,0.5);
	color: #FEFEFE;
}
.headerliens, a.headerliens, a.headerliens:link, .headerliens a:link,  a.headerliens:visited, .headerliens a:visited { 
	color: #FEFEFE;
}
.headerliens a:hover, .headerliens a:active { 
	background-color: #ec4e4e;
	color: #FEFEFE;
}
.zone_actu {
	clear:both;
	background-color: rgba(250,250,250,0.7);
	margin-top:0px;
	margin-left: 5px;
	height: 300px;
	padding: 10px;
	/*width: 880px;*/

}

.zone_sommaire {
	overflow:auto;
	min-height: 520px;
	

	background-color: #F9FAFB;

	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 40px;

	padding: 8px;
	padding-right: 2px;
	padding-left: 10px;

/*	border: 1px solid #D0D0D0;

-moz-box-shadow: 4px 3px 8px 0px #c0c0c0;
-webkit-box-shadow: 4px 3px 8px 0px #c0c0c0;
-o-box-shadow: 4px 3px 8px 0px #c0c0c0;
box-shadow: 4px 3px 8px 0px #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=141, Strength=8);
*/
}
.haute {
	height: 660px;
}
.large {
	width: 480px;
}

.mince {
	width:380px;
}

.a_gauche {
	clear: both;
	float:left;
}
.a_droite {
	float:left;
}
.tout_seul {
	clear: both;
	float:left;
	width: 890px;
}
.page_mot .tout_seul {
	width: 100%;
}
.h130min, .archivesannees{
	min-height: 130px;
}
.a_moitie {
	float:left;
	width: 400px;
}
.cadre_somm {
	color: #FEFEFE;
	background-color: #383838;
}

.sous_rub, .les_articles {
	clear:both;
	margin-bottom: 20px;
	margin-top: 20px;
}

.sous_rub ul li, .les_articles ul li{
	overflow:auto;
	margin-bottom: 10px;
}
.sous_rub_titre {
	margin: 10px 0px 10px 0px;
	width:100%;
}
.tout_seul ul li {
	overflow:auto;
	width: 420px;
	float: left;
	overflow: auto;
	height: 151px;
	margin-right: 22px;
	border-bottom: 1px solid #DDD;
}
.tout_seul.rub_articles ul li {
	width: 100%;
	float: left;
	height: auto;/*250px;*/
	overflow: auto;
	margin-right: 22px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 30px;
}

.descrub {
	padding:10px;
	width:82%;
	font-size:1.2em;
	color: #343434;
}

.dans_rubrique {
	color: #949494;
	font-style: italic;
}
.cadre_somm .dans_rubrique {
	color: #F0F0F0;
	font-style: italic;
}
/* fin zones sommaires */

/* début zones pour une rubrique */
/* fin zones rubriques*/
.bside {
	float: right;
	width: 25%;
	font-size:88%;

padding-top: 10px;
padding-left: 10px;
background-image: url(../../IMG/fond-1-bside.png);
background-color: #130806;
min-height: 400px;
background-repeat: no-repeat;

}
.bside .menu ul li {
	line-height: 1.2em;
	margin-bottom: 8px;
}
.aside {
	clear:both;
	float: left;
	width: 100%;
	overflow: hidden;
	border-top: 0px solid #D0D0D0;
	margin-top: 50px;
	padding-top: 20px;
}
.page_article .spip_logos{
	padding-top: 8px;
}

/* Titres selon zones */
.zone_sommaire h3 {
	margin-bottom: 8px;
}
h2 {
	font-weight: bold;
	color: #9F9F9F;
}
.headersommaire h2 {
	color: #F9F9F9;
}
.ps {
overflow: auto;
}
.cartouche h1 {
	padding-left: 10px;
	font-size:2.5em;
}
/* Pagination(s) */
.pagination {
	font-size: 140%;
}
.pagination a {
	text-decoration: none;
	background-color: transparent;
}
.pagination .on {
	font-weight: bold;
	background: transparent;
	color: #fdfdfd;
}
/* pagination interne des articles (feuilleter) */
.paginationf {
	float: right;
	font-size: 1.8em;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 300px;
	text-align: right;
}
.paginationf .prevnext_info {
	margin-top: 10px;
	height: 32px;
	clear: both;
	font-size:0.6em;
	font-style: italic;
}

.footer {
	border-top: 1px solid #DDD;
	margin-top: 80px;
}
.footer .colophon{
	width:60%;
}
/* generateur remplace generator */
.footer .generateur {
	width: 37%;
	float:right;
	text-align: right;
	font-size: 90%;

}

blockquote {
	background: yellow;
}
.spip_poesie div{
	padding: 0px;
	margin-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	text-indent:0px;
}

.centrer {
	text-align:center;
}


/* Liens */
a, a:link, a:visited, a.generateur,a.generateur, a.generateur:link, a.generateur:visited {
	color: #ec4e4e;
}
a:hover, a:active, a.generateur:hover, a.generateur:active {
	background-color: #ec4e4e;
	color: #FEFEFE;
}
a.bind-ajax{
	background-color: transparent;
}
a.bind-ajax:hover {
	background-color: #ec4e4e;
	color: #FEFEFE;

}
.nav {
	background-color: rgba(40,40,40,0.4);
	height:29px;
}
.nav ul li {
	float: left;
}
.nav ul li.on a {
	background-color: #ec4e4e;
	color: #FEFEFE;
	font-weight: normal;
}
.nav ul li a:focus,
.nav ul li a:hover,
.nav ul li a:active { background: #ec4e4e; color: #FEFEFE; }

.nav ul li a {
    padding: .5em .4em;

}

.cadre_somm a, .cadre_somm a:link, .cadre_somm a:visited {
	color: #ec4e4e;
}
.cadre_somm a:hover, .cadre_somm a:active {
	background-color: #ec4e4e;
	color: #FEFEFE;
}
.cadre_somm a.bind-ajax{
	background-color: transparent;
}
.cadre_somm a.bind-ajax:hover {
	background-color: #ec4e4e;
	color: #FEFEFE;
}


/* 20150211 - menu nav sur 2 lignes :
.nav {
	height:60px;
}

.nav ul li a {
	padding: .5em 1em;
}
.headerliens
{
	margin-top:39px;
}

 */


/* NUAGE DE TAGS */
#tagcontainer {
padding: 40px 35px 30px 10px;
}
/* taille des tags */
#tagcontainer .nuage a.nuage   { font-size: 1.0em; }
#tagcontainer .nuage a.nuage0  { font-size: 0.8em; }
#tagcontainer .nuage a.nuage1  { font-size: 0.9em; }
#tagcontainer .nuage a.nuage2  { font-size: 1em; }
#tagcontainer .nuage a.nuage3  { font-size: 1.15em; }
#tagcontainer .nuage a.nuage4  { font-size: 1.3em; }
#tagcontainer .nuage a.nuage5  { font-size: 1.4em; }
#tagcontainer .nuage a.nuage6  { font-size: 1.5em; }
#tagcontainer .nuage a.nuage7  { font-size: 1.6em; }
#tagcontainer .nuage a.nuage8  { font-size: 1.7em; }
#tagcontainer .nuage a.nuage9  { font-size: 1.8em; }
#tagcontainer .nuage a.nuage10 { font-size: 1.9em; }

#tagcontainer a:hover {
	background-color: transparent;
	color: #7FADF3;
}
/* Fin TAGS */




/** MEDIA QUERIES **/
@media screen and (max-width: 850px) {

	.socialwidgets_wrapper
	{
		width: 700px;
	}
	.social_widget{
		margin-right: 15px;
	}
	.tout_seul {
		width: 80%;	
	}
	.mur_sommaire{
		width: 80%;
	}
        .headerliens{
            width: 95%;
        }
	.zone_actu, .sous_rub ul li, .les_articles ul li {
		font-size: 93%;
		width: 95%;
	}


.bandeau_01{
	clear: both;
	background-image:url(../../IMG/bandeau-1-s.jpg);
	
}
.bandeau_02{
	clear: both;
	background-image:url(../../IMG/bandeau-2-s.jpg);
}
.bandeau_03{
	clear: both;
	background-image:url(../../IMG/bandeau-3-s.jpg);
}



}/* 850px*/
@media screen and (max-width: 640px) {
	.cartouche h1{
		font-size: 2em;
	}
	.page {
		margin-right: 5px;
	}
	.large, .tout_seul, .mince {
		width: 550px;	
	}
	.haute {
		height: auto;
	}

	.mur_sommaire{
		width: 510px;
	}
	.sous_rub, .les_articles {
		margin-top: 10px;
	}
	.zone_actu, .sous_rub ul li, .les_articles ul li{
		/*font-size: 85%;*/
		width: 95%;
	}
	.tout_seul.rub_articles ul li {
		width: 84%;
	}
	.headerliens {
		margin-top: 20px;
	}
	.bside{
		width: 85%;
		background-image: none;
	}

	.contentarticle {
		padding-left:10px;
		padding-right:10px;
	}
	.cartouche {
		width: 90%;
	}	
	.texte {
	}

.bandeau_01{
	clear: both;
	background-image:url(../../IMG/bandeau-1-xs.jpg);
	
}
.bandeau_02{
	clear: both;
	background-image:url(../../IMG/bandeau-2-xs.jpg);
}
.bandeau_03{
	clear: both;
	background-image:url(../../IMG/bandeau-3-xs.jpg);
}


}/* 640px */
@media screen and (max-width: 480px) {
	.cartouche h1{
		font-size: 1.8em;
	}
	.socialwidgets_wrapper
	{
		width: 305px;
	}
	.large, .tout_seul, .mince {
		width: 301px;	
	}
	.mur_sommaire{
		width: 305px;
	}

	.social_widget{
		margin-right: 10px;
	}
	.main {
		margin-top: 40px !important; /* pcq le menu risque de déborder il faut que main commence plus bas*/
		overflow:hidden;
	}
	.sous_rub, .les_articles {
		margin-top: 10px;
	}
        .zone_actu{
            width: 95%;
        }
        .sous_rub ul li, .les_articles ul li{
		/*font-size: 82%;*/
		width: 84%;
	}
        .header{
            height: 240px;
        }
	.headersommaire .texte {
		display:none;
	}
	.sous_rub_titre {
		width:280px;
	}
	.texte {
		width: 280px;
	}

	/* 20150211 nav sur 3 lignes 
	.nav ul li a {
		padding: .3em 0.2em;
	}
*/


}/* 480px */