@charset "utf-8";
html, body{
	margin:0;
	padding:0;
	border:none;
}
body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.hidden{
	display:none;
}

/*********************************************************************************************************/
/* Align */
.left{
	float:left;
}
img.left{
	clear:left;
}
.right{
	float:right;
}
img.right{
	clear:right;
}
.clear{
	clear:both;
}

/*********************************************************************************************************/
/* Fonts */
h2, .sideblock h4, #header ul, #header div{
	font-family:"Trebuchet MS";
}

/*********************************************************************************************************/
/* Colors */
/* 
 * bleu : #3bb3ff
 * orange : #f86f0a
 * jaune : #ebc701
 * vert : #1fae58
 * violet : #6a66a4
 * gris : #a18f59
 */
/* Bleu */

ul.bleu, h2.bleu, h4.bleu, #side div.bleu h4, #footer p.bleu{
	background-color:#3bb3ff;
	color:white;
}
h3.bleu, h3.bleu a{
	color:#3bb3ff;
}
#main ul.bleu{
	background-color:transparent;
}
#main ul.bleu h5{
	color:#3bb3ff;
	border-left-color:#3bb3ff;
}
#main div.bleu{
	background-color:#3bb3ff;
	border-left-color:#3bb3ff;
	color:white;
}
#main div.bleu h3{
	color:#3bb3ff;
}
#side div.bleu{
	background-color:#a3dbff;
/*	background-color:#3bb3ff;*/
}

/* Orange */
ul.orange, h2.orange, h4.orange, #side div.orange h4, #footer p.orange{
	background-color:#f86f0a;
	color:white;
}
h3.orange, h3.orange a{
	color:#f86f0a;
}
#main ul.orange{
	background-color:transparent;
}
#main ul.orange h5{
	color:#f86f0a;
	border-left-color:#f86f0a;
}
#main div.orange{
	background-color:#f86f0a;
	border-left-color:#f86f0a;
	color:white;
}
#main div.orange h3{
	color:#f86f0a;
}
#side div.orange{
	background-color:#fcbb8c;
/*	background-color:#f86f0a;*/
}

/* Jaune */
ul.jaune, h2.jaune, h4.jaune, #side div.jaune h4, #footer p.jaune{
	background-color:#ebc701;
	color:white;
}
h3.jaune, h3.jaune a{
	color:#ebc701;
}
#main ul.jaune{
	background-color:transparent;
}
#main ul.jaune h5{
	color:#ebc701;
	border-left-color:#ebc701;
}
#main div.jaune{
	background-color:#ebc701;
	border-left-color:#ebc701;
	color:white;
}
#main div.jaune h3{
	color:#ebc701;
}
#side div.jaune{
	background-color:#f6e587;
/*	background-color:#ebc701;*/
}

/* Vert */
ul.vert, h2.vert, h4.vert, #side div.vert h4, #footer p.vert{
	background-color:#1fae58;
	color:white;
}
h3.vert, h3.vert a{
	color:#1fae58;
}
#main ul.vert{
	background-color:transparent;
}
#main ul.vert h5{
	color:#1fae58;
	border-left-color:#1fae58;
}
#main div.vert{
	background-color:#1fae58;
	border-left-color:#1fae58;
	color:white;
}
#main div.vert h3{
	color:#1fae58;
}
#side div.vert{
	background-color:#96d9b0;
/*	background-color:#1fae58;*/
}

/* Violet */
ul.violet, h2.violet, h4.violet, #side div.violet h4, #footer p.violet{
	background-color:#6a66a4;
	color:white;
}
h3.violet, h3.violet a{
	color:#6a66a4;
}
#main ul.violet{
	background-color:transparent;
}
#main ul.violet h5{
	color:#6a66a4;
	border-left-color:#6a66a4;
}
#main div.violet{
	background-color:#6a66a4;
	border-left-color:#6a66a4;
	color:white;
}
#main div.violet h3{
	color:#6a66a4;
}
#side div.violet{
	background-color:#b9b7d4;
/*	background-color:#6a66a4;*/
}

/* Gris */
ul.gris, h2.gris, h4.gris, #side div.gris h4, #footer p.gris{
	background-color:#a18f59;
	color:white;
}
h3.gris, h3.gris a{
	color:#a18f59;
}
#main ul.gris{
	background-color:transparent;
}
#main ul.gris h5{
	color:#a18f59;
	border-left-color:#a18f59;
}
#main div.gris{
	background-color:#a18f59;
	border-left-color:#a18f59;
	color:white;
}
#main div.gris h3{
	color:#a18f59;
}
#side div.gris{
	background-color:#d3cab1;
/*	background-color:#a18f59;*/
}
/*********************************************************************************************************/
/* Links */
a{
	color:#3bb3ff /*bleu*/
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}
a.bulle{
	background:url(img/comments.png) no-repeat top left;
	padding:0 0 2px 20px;
}
a.archives{
	background:url(img/folder_page.png) no-repeat top left;
	padding:0 0 2px 20px;
}

/*********************************************************************************************************/
/* Page */
#page{
	width:809px;
	margin:auto;
}

/*********************************************************************************************************/
/* Header */
#header{
	margin:16px 0 8px 0;
}
#header h1{
	float:left;
	width:300px;
	margin:16px 0 6px 0;
}
#header h1 span{
	display:none;
}
#header h1 img{
	float:none;
}
#header img{
	float:right;
}
/*********************************/
#header ul{
	height:1.7em;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 6px 0 19px;
	margin:0;
	clear:both;
}
#header ul li{
	float:left;
	list-style:none;
	padding:0 10px 0 10px;
}
#header ul li.on a{
	color:black;
}
#header ul a{
	color:white;
	text-decoration:none;
}
#header ul a:hover{
	color:black;
}

#header #nomenu{
	height:0;
	margin:0;
	padding:0;
	margin:0;
	clear:both;
}
/*********************************/
#header div{
	height:195px;
	background:url(../img/header.jpg);
	padding:50px 400px 0 50px;
	font-size:1.2em;
}
#header div p{
	margin:0 0 10px 0;
}
/*********************************************************************************************************/
/* Main */
.etroit{
	width:581px;
	float:left;
}
#main{
}
#main h2{
	/*width:557px;*/
	font-size:1.6em;
	padding:3px 10px 3px 14px;
	margin:0;
	clear:both;
}
#main h3{
	font-size:1.7em;
	font-weight:normal;
	padding:0 0 0 6px;
	margin:20px 0 0 0;
}
#main h3 a{
	text-decoration:none;
}
#main h4{
	font-size:1.2em;
	margin-bottom:0;
}
#main p{
	padding:0 28px 0 6px;
	margin:0 0 8px 0;
	text-align:justify;
}
#main ul{
	list-style-position: inside;
	margin:0 28px 0 0;
	padding:0;
}
#main ul li{
	margin-bottom:6px;
}
/*********************************/
#main .listblock{
	width:256px;
	float:left;
	list-style:none;
	padding:0 28px 0 6px;
	margin:20px 0 0 0;
}
#main .listblock li{
	margin-bottom:30px;
}
#main .listblock li h5{
	font-size:1.3em;
	border-left:18px solid;
	padding-left:9px;
	margin:0;
}
#main .listblock li ul{
	list-style:none;
	padding:0;
	margin:0 0 0 28px;
	color:#666666;
}
#main .listblock li ul li{
	margin:8px 0 6px 0;
}
/*********************************/
#main div.pblock{
	background-color:transparent;
	border-left-width:23px;
	border-left-style:solid;
	color:black;
	padding:0 0 0 10px;
	margin-top:16px;
}
#main div.pblock h3{
	padding-left:0;
	margin:0;
	line-height:23px;
	/*height:23px;*/
}
#main div.pblock p{
	padding-left:0;
}
/*********************************/
#main div.titleblock{
	/*width:519px;*/
	padding:6px 28px 6px 34px;
	background-image:url(img/titleblock_back.png);
	background-repeat:no-repeat;
	height:77px;
	overflow:visible;
}
#main div.titleblock h2, #main div.titleblock p{
	padding:0;
}
#main div.titleblock a{
	color:white;
	text-decoration:none;
}
/*********************************/
#main div.imgblock{
	clear:both;
	padding:14px 28px 0 0;
}
#main div.imgblock img{
	float:left;
	margin:3px 8px 0 0;
}
#main div.imgblock h3{
	padding:0 0 0 0px;
	margin:0 0 4px 0;
}
#main div.imgblock p{
	padding:0 0 0 0px;
}

#main div.imgblock div.text{
	width: 540px;
	float: right;
}
/*********************************/
#main div.newsblock{
	overflow: auto;
	border-bottom: 2px solid #3bb3ff;
	padding-bottom: 10px;
}
/*********************************************************************************************************/
/* Side */
#side{
	width:220px;
	float:left;
	padding:0 0 0 8px;
}
#side .sideblock{
	margin:0 0 8px 0;
	padding:0 0 24px 0;
	/*background-image:url(img/half_white_pix.png);*/
}
#side .sideblock h4{
	margin:0;
	font-size:1.6em;
	padding:3px 10px 3px 14px;
}
#side .sideblock p{
	margin:0;
	padding:8px 10px 4px 13px;
	font-size:0.9em;
}
#side .sideblock p a{
	color:black;
}
#side .sideblock a{
	color:white;
	text-decoration:none;
}
/*********************************************************************************************************/
/* Footer*/
#footer{
	clear:both;
	text-align:center;
	padding-top:30px;
}
#footer p{
	margin:0;
	padding:6px 0 6px 0;
}