body {
	font-family: 'Muli', Arial, sans-serif;
	background-image: none;
	color: #222;
	background-color: #222;
	font-size:12px;
	border-top: 1px solid #222;
}
.nav_entete{
	clear:both;
	float:right;
	width:50%;
}

.nav_enteterub{
	clear:both;
	float:right;
	width:50%;

	position: absolute;
	top: 50px;
	height: 24px;
	right: 20px;
}
.nav_entete ul li, .nav_enteterub ul li{
	float:right;
	width: auto;
	padding-left: 10px;
} 
.page {
	overflow:auto;
	width:960px;
	margin:auto;
	padding: 10px 1.5em;
	background-color: #FDFDFD;
}
.main {
	overflow: auto;
}
.page_article .main {
	padding: 1.5em 10px 1em 10px;
	overflow: auto;
	background: #FAFAFA;
	width: 940px;
}
.page_sommaire .wrapper {
	width: 100%;
}
.topsommaire{
	margin-top: 20px;
	margin-bottom: 25px;
	clear:both;
	float:right;
	width:50%;
	background: transparent;
}
.menu_sommaire_rubriques, .nav_rubriques {
	clear:both;
	overflow:auto;
	padding-left: 10px;
	padding-top: 10px;
	background-image:url(../../IMG/siteon0.jpg);
	background-size: cover;
	height:540px;
}
.menu_sommaire_rubriques  {
	min-height: 540px;
	height: auto;
}
.nav_rubriques {
	height: auto;
	overflow: hidden;
}
.menu_sommaire_rubriques ul, .nav_rubriques ul {
	background-color: transparent;

}
.menu_sommaire_rubriques ul li, .nav_rubriques ul li  {
	width: 150px;
	float:left;
	padding-right: 4px;
}
.sommaire_desc {
	text-align: left;
	font-size:115%;
	font-weight: bold;
	margin: 10px;
}
.sommaire_texte {
}
.page_sommaire .pagination, .page_article .paginationf{
	font-size: 2.66em;
}
.pagination, .paginationf {
	text-align: left;
	padding-left: 20px;
	padding-top:2px;
	font-size: 1.15em;
}
.page_rubrique .pagination {
	background: #FAFAFA;
}
.pagination .on {
	text-decoration:none;
	background: transparent;
	color: transparent;
}
.pagination a {
	background: rgba(250,250,250,0.55);
	text-decoration: none;
}

ul li .menu_articles ul li{
	padding-left: 5px;
	padding-right: 5px;
	width: 140px;
	height: 320px;
	font-size: 89%;
	line-height: 1.25em;
	overflow:auto;
	text-align:justify;
	background-color: rgba(250,250,250,0.5);	
	
} 
.menu_articles li h3 {
	margin-top: 4px;
	text-align: left;
}
ul li .menu_articles ul li p {
	padding-right: 7px;
}
.menu_rubriques ul li {
	border-top:1px solid #DDD;
}
.page_article .content{
	padding-top: 75px;
}

.zones{
	padding-top: 30px;
	width:49%;
	float:left;
}

.wrapper {
	clear: none;
	float: right;
	width: 50%;
	overflow: hidden;

}
.wrapperfull {
	width: 100%;
	font-size:90%:
}

.texte {
	text-align: justify;
}
.mots{
	margin-top: 30px;
	margin-bottom: 40px;
	padding-top: 10px;
	font-size: 90%;
	border-top: 1px solid #DDD;

}
.rss_img {
	margin-left: 20px;
}
/***** les zones contenant les iframes ******/
#aj_zone_1, #aj_zone_2, #aj_zone_3 {display:none;}
.aj_zone_1 {	
	display:none;
	overflow:auto;
	width:480px;
	min-height:484px;
	border:1px solid #DCDCDC;
	margin-bottom: 30px;
}

.aj_zone_2 {
	display:none;
	overflow:auto;
	width:480px;
	min-height:484px;
	border:1px solid #DCDCDC;
	margin-bottom: 30px;
}

.aj_zone_3 {
	display:none;
	overflow:auto;
	width:480px;
	min-height:484px;
	border:1px solid #DCDCDC;
	margin-bottom: 30px;
}
.draggable {
	border-top: 12px solid #9F9F9F;
}
/***** les classes des pages contenues dans les iframes ******/

.article_nu1{
	background-color: #E5D3E4;
}

.article_nu2{
	background-color: #F3F2F8;
}

.article_nu3{
	background-color: #282828;
	color: #FAFAFA;
}
.article_nu1 .content, .article_nu2 .content, .article_nu3 .content{
	padding-top: 4px;
	min-height: auto;
}
.logo_nu {
	background-color:transparent;
	padding:0px;
	margin:0px;
}
.article_nu1 .page, .article_nu2 .page, .article_nu3 .page{
	padding-top: 10px;
}

/***** ******/

.paginationf {
	padding-left:10px;
	margin-top: 90px;
}

.mysocialtags {
	margin-top: 80px;
	padding-top: 12px;
	font-size: 90%;
	border-top: 1px solid #DDD;
	overflow:auto;
}
.mysocialblock{

	padding: 5px;
	float:left;
	width: 120px;
}

.myforum {
	margin-top: 80px;
	padding-top: 20px;
	font-size: 90%;
	border-top: 1px solid #DDD;
}

.myauthor{
	margin-top: 60px;
	padding-top: 12px;
	border-top: 1px solid #DDD;
	overflow:auto;
}

.footer{
	padding: 0px;
	border-top:0px;
	margin-top: 30px;
	margin-left: 4px;
	margin-bottom: 15px;	
}

blockquote.spip {
	line-height: 1.2em;
}
a {
	color: #959394;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	background-color: #059;/*#A5A3A4;*/
	color: #FDFDFD;
}

/* sur page d'accueil :*/
.titre_rubrique_sur_sommaire, .titre_rubrique_sur_sommaire a, .titre_rubrique_sur_sommaire a:link, .titre_rubrique_sur_sommaire a:visited {
	color: white;
	margin-bottom: 5px;
}
.article_dernier{
	padding:10px;
	margin-bottom: 10px;
	background-color: rgba(250,250,250, 0.5);
	width:450px;
	height: 190px;
}
.article_dernier small {
	font-style:italic;
}

.jour_1 h2,.jour_2 h2, .jour_3 h2, .jour_4 h2, .jour_5 h2, .jour_6 h2 {
	margin-bottom: 5px;
}
.jour_1 h2,.jour_2 h2, .jour_3 h2, .jour_4 h2, .jour_5 h2, .jour_6 h2,.nav_rubriques h2 a, 
.jour_1 a,.jour_2 a, .jour_3 a, .jour_4 a, .jour_5 a, .jour_6 a {
	color: #FAFAFA;
}
.on {
	font-weight: bold;
	text-decoration: underline;
}
input.text, textarea {
	background-color: #E5E3E4;
	border: 4px solid #E5E3E4;

}

h4, .h4{
	margin-top: 20px;
}

.info {
	background:#FFF; 
	color: rgb(87, 87, 87);
	border: 0px;
	font-style: italic;
}
#formulaire_recherche{
	position: relative;
	top: 0px;
	right: 0px;
	margin-top: 30px;
}
.zone_actu {
	height:90px;/*défini dans la config descriptif SPIP */
}
/*** **********   CLASSES PERSO AJ **/
.aj_courier {
	font-family: 'Cutive Mono', serif;
}
.aj_serif {
	font-family: 'Radley', serif;
}

.aj_aligne_gauche {
	text-align: left;
}

.aj_aligne_droite {
	text-align: right;
}

.aj_aligne_justifie {
	text-align: justify;
}

.aj_marge_haut_10 {
	margin-top:10px;
}
.aj_marge_haut_20 {
	margin-top:20px;
}
.aj_marge_haut_30 {
	margin-top:30px;
}
.aj_marge_haut_40 {
	margin-top:40px;
}
.aj_marge_haut_50 {
	margin-top:50px;
}
.aj_marge_haut_60 {
	margin-top:60px;
}
.aj_marge_haut_70 {
	margin-top:70px;
}
.aj_marge_haut_80 {
	margin-top:80px;
}
.aj_marge_haut_90 {
	margin-top:90px;
}
.aj_marge_haut_100 {
	margin-top:100px;
}

.aj_rouge{
	color: #A42222;
}
.aj_vert{
	color: #22A422;
}
.aj_violet {
	color: #9A22A2;
}
.aj_bleu {
	color: #3A22A2;
}
.aj_decale_10 {
	padding-left: 10px;
}
.aj_decale_20 {
	padding-left: 20px;
}
.aj_decale_30 {
	padding-left: 30px;
}
.aj_decale_40 {
	padding-left: 40px;
}
.aj_decale_50 {
	padding-left: 50px;
}
.aj_decale_60 {
	padding-left: 60px;
}
.aj_decale_70 {
	padding-left: 70px;
}
.aj_decale_80 {
	padding-left: 80px;
}
.aj_decale_90 {
	padding-left: 90px;
}
.aj_decale_100 {
	padding-left: 100px;
}

/********************************************* MOBILE
 */
 
@media screen and (max-device-width: 640px ) {
	.page {
		width: 100%;
		font-size: 15px;
	}
	.nav_enteterub {
		position: initial;
		height: 60px;
	}
	.wrapper, .main, .content {
		width: 100% !important;
	}
	.main {
		margin-top: 15px;
	}
	.menu_sommaire_rubriques .nav_rubriques {
		min-height: 540px;
	}
	.page_rubrique .nav_rubriques, .page_article .nav_rubriques, .page_auteur .nav_rubriques {
		min-height: 140px;
	}
	.article_dernier{
		width: 90%;
		min-height: 264px;
		height: auto;
	}
	.menu_sommaire_rubriques ul li, .nav_rubriques ul li  {
		height: 420px;
	}
	.menu_sommaire_rubriques ul li {
		width: 100%;
	}
	.page_rubrique .nav_rubriques ul li  ,
	.page_article .nav_rubriques ul li , 
	.page_auteur .nav_rubriques ul li , 
	.page_contact .nav_rubriques ul li	{
		height: 35px;
		float: left;
		width: auto;
		margin-right: 19px;
	}
	ul li .menu_articles ul li {
		width: 100%;
	}
}

@media screen and (max-width: 640px ) {
	.page {
		width: 100%;
		font-size: 15px;
	}
	.nav_enteterub {
		position: initial;
		height: 60px;
	}
	.wrapper, .main, .content {
		width: 100% !important;
	}
	.main {
		margin-top: 15px;
	}
	.menu_sommaire_rubriques .nav_rubriques {
		min-height: 540px;
	}
	.page_rubrique .nav_rubriques, .page_article .nav_rubriques, .page_auteur .nav_rubriques {
		min-height: 140px;
	}
	.article_dernier{
		width: 90%;
		min-height: 264px;
		height: auto;
	}
	.menu_sommaire_rubriques ul li, .nav_rubriques ul li  {
		height: 420px;
	}
	.menu_sommaire_rubriques ul li {
		width: 100%;
	}
	.page_rubrique .nav_rubriques ul li  ,
	.page_article .nav_rubriques ul li , 
	.page_auteur .nav_rubriques ul li , 
	.page_contact .nav_rubriques ul li	{
		height: 35px;
		float: left;
		width: auto;
		margin-right: 19px;
	}
	ul li .menu_articles ul li {
		width: 100%;
	}

}