@charset "UTF-8";
/* CSS Laulo le 06_12_2016 */

body {background-color:#ee3a8a;margin:0;padding:0;background:url(images/ciel.jpg)no-repeat center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
h1 {color:#fff;}
h2 {color:#808080;font-size:30px;}
h3 {color:#808080;font-size:35px;margin:0;padding:0;}
h4 {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:15px;padding-left:30px;}
h4:hover {color:red;}
h5 {text-decoration:none;color:#222;height:15px;padding-left:30px;}
h5:hover {color:red;}
h6 {color:#222;font-size:15px;margin:0;padding:5px;}
h6:hover{color:red;}
p {margin:0; padding:0;
	color:#222;}
p a {
	color:#222;}

/*couleur*/
.rose {color:red;}
.reportages {width:300px;border-bottom:10px; border-color:red;}
.monTexteArea{width: 600px;height: 80px;}
.boutton2 {
	width:150px; height:40px;
    border: 0;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
	padding:1px;
    border-radius: 10px;
    background-color: rgba(51, 215, 255, 1);
    background-image: linear-gradient(to top left,rgba(0, 0, 0, .2),rgba(0, 0, 0, .2) 30%,rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(51, 215, 255, .6),inset -2px -2px 3px rgba(0, 0, 0, .6);margin-top:5px;
}

/* header debut */
#conteneur {
	width:980px;
	margin:auto;
	text-align: center;
}
#haut {background-color:#fff;height:auto;padding-top:0px;}
#menu {background-color:#ccc;width:980px;text-align:center; height:32px;line-height:30px;border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;-webkit-o-radius:15px 15px 0 0;}
#menu li {list-style:none; display:inline-block;}
#menu li a{text-decoration:none;color:#222;padding-left:4px;font-family:Cambria, Palatino;font-size:30px;padding-top:20px;transition:color .5s esae-in;-webkit-transition:color .5s esae-in;-moz-transition:color .5s esae-in;-o-transition:color .5s esae-in;}
#menu li a:hover {color:#fff;}
ul {margin:0;padding:0;}
/* header fin */
/* contenu */
#contenu {width:640px;background-color:#ececec; padding:20px;float:left;}
#contenu p {color:#222; font-size:19px;line-height:20px;margin-bottom:10px;padding-left:25px;}
#contenu p:first-letter {color:#BB0B0B;font-size:34px;}
#contenu p a {color:#222;}
#contenu h3{margin-bottom:10px;background:url(images/titre_logo.png)no-repeat;height:30px;padding-left:45px;padding-top:5px;}
#contenu h3:hover {background:url(images/titre_logo.png)5px 0px no-repeat;color:#87CEFA;}
#contenureportages {width:940px;background-color:#ececec; padding:20px;float:left;}
/* debut aside */
#sidebar {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebar h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebar li{list-style:none; font-size:21px;}
#sidebar ul{margin-left:15px;}
#sidebar ul{margin-top:10px;}
#sidebar li a {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:35px;}
#sidebar li a:hover {color:#fff;}
/* fin aside */

/* debut sidebarmois */
#sidebarmois {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebarmois h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebarmois li{list-style:none; font-size:15px;}
#sidebarmois ul{margin-left:15px;}
#sidebarmois ul{margin-top:10px;}
#sidebarmois li a {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:35px;}
#sidebarmois li a:hover {color:#fff;}
/* fin sidebarmois */

/* debut sidebartrimestriel */
#sidebartrimestriel {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebartrimestriel h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebartrimestriel li{list-style:none; font-size:15px;}
#sidebartrimestriel ul{margin-left:15px;}
#sidebartrimestriel ul{margin-top:10px;}
#sidebartrimestriel ul{height:auto;}
#sidebartrimestriel li a {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:35px;}
#sidebartrimestriel li a:hover {color:#fff;}
/* fin sidebartrimestriel */

/* debut sidebarkop */
#sidebarkop {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebarkop h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebarkop li{list-style:none; font-size:20px;}
#sidebarkop ul{margin-left:15px;}
#sidebarkop ul{margin-top:5px;}
#sidebarkop li a {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:35px;}
#sidebarkop li a:hover {color:#fff;}
/* fin sidebarkop */
/* debut sidebarrama */
#sidebarrama {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebarrama h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebarrama li{list-style:none; font-size:20px;}
#sidebarrama ul{margin-left:15px;}
#sidebarrama ul{margin-top:18px;}
#sidebarrama li a {text-decoration:none;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:35px;}
#sidebarrama li a:hover {color:#fff;}
/* fin sidebarrama */
/* debut sidebarreportages */
#sidebarreportages {width:280px; background-color:#dbdbdb;padding:10px;float:left; height:auto;}
#sidebarreportages h2{color:#222; font-size:20px;margin-bottom:5px;}
#sidebarreportages li{list-style:none;}
#sidebarreportages ul{margin-left:5px;}
#sidebarreportages ul{margin-top:9px;}
#sidebarreportages li a {text-decoration:none;font-size:18px;color:#222;background:url(images/puce.png)no-repeat;height:30px;padding-left:25px;}
#sidebarreportages li a:hover {color:#fff;}
/* fin sidebarreportages */
/* remarque lu */
#remarque_lu {
	width:630px;background-color:#D8D8D8; padding:10px;float:left;
	border-radius:15px 15px 15px 15px;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-webkit-o-radius:15px 15px 15px 15px;
}

/* debut footer */
#pdp {width:940px;background-color:#222; float:left; height:auto;padding:20px;color:#fff;text-align:center;}
#pdp {border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;-webkit-o-radius:0 0 15px 15px;}
/* fin footer */
#boutton_annee_gauche {
	float:left;
	display:inline-block;
}
#boutton_annee_droite {
	float:right;
	display:inline-block;
}