/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	}
.page {
	position: relative;
height: 100%;
	margin: 0px auto;
	padding: 0;
	width: 1140px;
	max-width: 95%;
	text-align:left;
	padding-top:25px;
}

.header {
}
.main {
}
.footer {
	clear: both;
	border-top: 1px solid #CCC;
	padding-top:10px;
	text-align:center;
}

.footer .colophon {
	line-height: 130%;
	color: #999;
}


.footer h5{
	color: #2CA701;
	padding-bottom:0.5em;
	margin-bottom:0;
	font-size: 1.2em;
}
.footer p{
	margin-bottom:2em;}

.footer .generator {;}
.footer a { padding: 0; background: none; color:#666; }


.wrapper {
	float: left;
	width: 70%;
	width: 100%;
	overflow: hidden;
	padding-top:1em;
}

.ps{float: right; width: 40%; margin-left: 5%;}

.page_sommaire .wrapper {
	float: none;
	width: 100%;
	overflow: hidden;
}

.logo-page .spip_logo{
	float: none;
	margin: 0;
	width: 100%;
	height: auto;
}

.content {
	min-height: 350px;
	padding:0 0px 1em;
}
.aside { float: right; width: 22%; overflow: hidden;
margin-top:1em;
margin-bottom:1em;
}
.sous-menu {
	float: left;
	width: 18%;
	overflow: hidden;
	padding-right:1%;
	padding-top:4em;
	min-height:350px;


}

table{
	line-height:125%;
}

/* Entete et barre de navigation
------------------------------------------ */

.outils{float: right}

.outils img{
	webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s
	
}
.outils img:hover{opacity: .7}

.header {
	margin-bottom:10px;
 }

.header #logo {
	display: block;

}
.header #logo,
.header #logo a, .header a, .header a:hover,
.header #logo a:hover {
	background: transparent;
	text-decoration: none;
	color: #FFF;
	font-variant: normal;
	font-weight: 700;

	font-size:1.3em;
}

.header #slogan {
	display: block;
	position:absolute;
	left:160px;
	top:10px;
	font-size:1.0em;
	color: #000;
	font-weight: normal;
}

.header img{

}





.cartouche h1.titre1 {
	color:#3299d5;
}



.sous-menu {
	padding-bottom: 10px;
		}

	

.sous-menu ul{
	margin-right:0px;
	font-size:90%;
	line-height:120%;
	padding-top:0.em;
	color: #78B11D;
	width:175px;


}
.sous-menu li{
	padding:7px 3px;
	border-bottom: 1px dotted #ccc;
}
.sous-menu ul li{
		list-style: none;

}
.sous-menu a{
	color: #999;
	display:block;
	padding:0 3px;
	}
	
.sous-menu li.on a, .sous-menu a:hover{
	font-weight: normal;
	color: #000;
	}








/* TEXTE ---------------------- */

.cartouche .spip_logos{
	border: 1px solid #CCCCCC;
    padding: 5px;
	margin-right:20px;
}

.texte{
	line-height:150%; font-size: 105%;
}
.cartouche h1{
	color: #C30;
	margin-top:0;
	padding-top:0.5em;
	color: #2CA701;
	font-weight: 700;
}


.chapo {
	color: #000;
	font-size: 1.25em;
	line-height:150%;
}

/* Listes */
.texte ul, .texte ol{
	margin-bottom:0.7em;
	margin-left:2em;}
.texte ul{
	list-style: disc;
	}
.texte ol{
	list-style: decimal;
	}
.texte li{
	padding-bottom:0.3em;
	}
	
.texte h3, .texte h2{
	color:#6ab1db;
	font-size:1.2em;
	font-weight: bold;
	
}
	
blockquote{
	padding: 1em 1em 0em 1.2em;
	border: 1px solid #C3CDDD;
				-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:110%;

}

/* Newsletter
------------------------------------------ */

.inscription{
	border:1px solid #999;
	padding:1em 4em;
}
.inscription ul, .inscription ol{
	margin-bottom:0.7em;
	margin-left:0em;}
.inscription ul{
	list-style: none;
	}
.inscription li{
	padding-bottom:0.3em;
	list-style:none;
	}
.inscription .choix {
    float: none;
    width: 90%;
}

.formulaire_erreur, .erreur{
	color:#F00;
}

.formulaire_ok{
	color: #000;
	padding: 3em;
	border: 2px dotted #666;
}

.aside .menu {
	margin: 0px 0 7px;
	padding: 0;
	padding-bottom:5px;
}
.aside .menu > h2 {
	background: url('//www.picabou.sn/squelettes/images/arrow.png') no-repeat scroll 10px center;
	border: 0 none;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 0;
	margin: 0px;
	padding-left: 34px;
	text-transform: uppercase;
	line-height:31px;
	font-weight: bold;
	border-bottom:1px solid #FFF;
}
.aside .menu ul{
	padding:10px 15px;
}
.aside .menu a, .aside .menu a:hover{
	color:#FFF;
}









/* DOCUMENTS JOINTS ---------------------- */


#documents_portfolio{
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC;
	padding: 0;
	margin-bottom:1.5em;
}
#documents_portfolio .spip_logos{
	padding:3px;
	border:1px solid #CCC;
	}
#documents_portfolio h2, #documents_joints h2 {
	background-color: #EDECEC;
	border: 0 none;
	color: #666666;
	font-size: 110%;
	font-weight: normal;
	padding:5px;
	margin:2px;
	padding-left: 10px;
	word-spacing: 0;
	word-wrap: break-word;
	line-height:120%;
			-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
#documents_portfolio ul{
	padding:1em;}

hr.spip {
    background: none repeat scroll 0 0 #FFF;
    border: 0 none;
    color: #FFF;
    height: 1px;
    margin: 0.5em 0;
}

#documents_joints {
	background-color: #FFFFFF !important;
	border: 1px solid #ECECEC;
	padding: 0;
			-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;

}
#documents_joints .logo{
	display:block;
	line-height:40px;	
	
	}
#documents_joints .descriptif{
	font-size:90%;}

#documents_joints .descriptif p{
	margin:0;
	padding-bottom:0.3em;}
	
#documents_joints ul {
	padding: 10px 15px 5px 0px;
	margin-bottom:5px;
	list-style: none;
}

#documents_joints li {
	margin:3px 0;
	line-height:21px;
	list-style: none;
	clear:both;
}

/*Liste articles */

.menu_articles{
	margin-right:-15px;
}

.menu_articles .spip_logos{
	border:1px solid #CCC;
	padding:5px;
	margin:0 0 3px 0px;
	display:block;
}

.menu_articles li{
	overflow:auto;
	float:left;
	display:block;
	width:31%;
	padding:1%;
	margin-bottom:0.5em;
	text-align:center; }
	
/*Liste actus */

.menu_actu{
}

.menu_actu .spip_logos{
	border:1px solid #CCC;
	padding:5px;
	margin:0 10px 5px 0px;
	float:left;}

.menu_actu li{
	overflow:auto;
	display:block;
	margin-bottom:0.5em; }
	

/* FORMULAIRES */

.texte .formulaire_formidable ul{
	padding:1em;
	overflow:auto;
	margin-left:0;
	background: #EDEDED;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.texte .formulaire_formidable li{
	list-style:none;
	padding:1em 0;
	margin:0;
	clear:both;
}

.formulaire_formidable .content input.text, .choix {

}
.formulaire_formidable input.text, .formulaire_formidable textarea {
    -moz-box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #3299d5;
	margin-bottom:0.5em;
	padding:5px 10px;
	border-radius: 10px;


}

.formulaire_formidable label{
	padding-top:0.5em;
	padding-bottom: 0.2em;
	color: #000;


	clear: both;
}

.choix label{
	display:inline;
	float:none;
}
.erreur_message {
    display: block;
    float: right;
}


/*UNE ET ACCUEIL----------- */

#alerte{
	overflow:auto;
	background: #FFF url('//www.picabou.sn/squelettes/images/alerte.png') no-repeat 10px 10px;
	min-height:100px;
	padding:10px 20px;;
	border:#C30 solid 2px;
	margin-bottom:1.5em;
	padding-left:120px;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
#alerte h2{
	padding:0.5em 0;
	margin:0;
	color:#C30;
}

#une{
	display:block;
/*	padding:1em;
*/	overflow:auto;
	padding-bottom:0;
	margin-bottom:1em;
/*	border: 3px solid #CCC;
*/}

#une h2{
	color: #4FBB7C;
	font-weight: 700; font-size: 2em;
}

#une img{
	float:left;
	margin-right:1em;
	padding:5px;
	border:1px solid #CCC;
			-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

#paves{
	overflow:auto;
	width:100%;
}

#paves .pave1{
	float:left;
	width:31%;
	margin-right:3%;
	border:solid 1px #3299D5;
		height:235px;
}

#paves .pave2{
	float:left;
	width:31%;
	border:solid 1px #ef5ba2;
		height:235px;
}

#paves a{
	color:#999;}	
#paves .pave3{
	float:right;
	width:31%;
		height:235px;
	overflow:hidden;
	border:solid 1px #48BA7A;

}
#paves .menu {
    clear: none;
    margin-bottom: 1.2em;
    text-align: left;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#paves h2{
	color:#3299D5;
	font-size:1.2em;
	margin:0;
	padding:0.5em 1em;
}
#paves .pave2 h2{
	color:#ef5ba2;
}

#paves .pave3 h2{
	color:#48ba7a;
}
#paves .spip_logos{
	display:block;
	margin:0;
	margin-bottom:0.3em;}
	
#paves p{
	padding: 0.5em 1em;
	margin:0;}
	
.page_sommaire #content{
	margin-top:1em;
}

.actualites{
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#a96eaf;
}

.actualites h2 {
	color: #FFF;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	line-height:130%;
	text-align:center;
	padding:0.5em;
	margin:0;
	
}
.actualites ul{
	margin:0px;
	background: #EFEBF5;
	padding:0.6em 1em;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.actualites li{
	margin-top:0.5em;
	padding-bottom:0.5em;
}

.page_sommaire .aside {
    float: right;
    overflow: hidden;
    padding-top: 1em;
    width: 22%;
}

.aside h4{
	padding:0.6em 0.8em;
	margin:1em 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
		background: #EF4C60 url('//www.picabou.sn/squelettes/images/inscription.png') no-repeat 9px 0.6em;
	padding-left: 30px;

}
.aside h4.planning{
	background: #FDB648 url('//www.picabou.sn/squelettes/images/agenda.png') no-repeat 9px 0.6em;
	padding-left: 30px;
}
.aside h4.facebook{
	background: #6ab1db url('//www.picabou.sn/squelettes/images/facebook.png') no-repeat 9px center;
	padding-left: 30px;
}
.aside h4.instagram{
	background: #911650 url('//www.picabou.sn/squelettes/images/instagram.png') no-repeat 9px center;
	padding-left: 33px;
}


.aside h4 a{
	color:#FFF;
}
.aside h4 a:hover{
	color:#FFF;
}

/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.header,
.main,
.footer,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important; padding: auto !important; }
.content {
    min-height: auto;
    padding: 0;
}

img {
	max-width:100%;
	height:auto !important;
}
.header img {
    left: 15px;
    position: relative;
    top: 0px;
}

.page { margin: 0; padding: 5%; }

.nav {
	border:0;
	clear:both;
	margin-top:10px;}
	
.nav .menu{
	display:none;
}
	
#alerte {
    background: url('//www.picabou.sn/squelettes/css/none') no-repeat scroll 10px 10px #fff;
    border: 2px solid #c30;
    border-radius: 5px;
    margin-bottom: 1.5em;
    min-height: 100px;
    overflow: auto;
    padding: 1em 2em;
}

#une .spip_logos, #paves .spip_logos{
	float:none;
	display:block;
	margin:0;
	margin-bottom:1em;
}
#une{
	overflow:hidden;
	margin-bottom:1.5em;
}
#une img, #paves img{
	width:100%;
	height:auto;
	border:0;}
	
#paves .pave1, #paves .pave2, #paves .pave3 {
    float: none;
    height: auto;
    margin-right: 0%;
    width: 98%;
	overflow:auto;
}

.menu_articles {
    margin-right: 0px;
}
.menu_articles li {
    display: block;
    float: none;
    margin-bottom: 0.5em;
    overflow: hidden;
    padding: 1%;
    text-align: left;
    width: 96%;
}
.menu_articles .spip_logos {
	margin-right:10px;}
	

.menu_articles img {
	width:130px;
	}

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }
.nav ul li a { float: none; border: 0; }
#formulaire_recherche { display: none; position: static; text-align: center; }
.arbo, .tools { display: none; }
.footer .colophon { width: auto; float: none; }
.footer .generator { display: none; }

/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; }

.footer h5 {
    color: #2ca701;
    font: 400 1.5em Arial,cursive;
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

.formulaire_formidable .content input.text, .choix {
	float:none;
    width: 90%;
}
.formulaire_formidable input.text, .formulaire_formidable textarea {
    -moz-box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #CCC;
	margin-bottom:0.5em;
	padding:3px;
		float:none;
    width: 90%;

}

.formulaire_formidable label{
	padding-top:0em;
	float:none;
	width:auto;
}

.choix label{
	display:inline;
	float:none;
}


}

/* end */