/* GENERAL */

body {
	margin: 0;
    padding: 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
}
a {
	color: #046;
    text-decoration: none;
}
a:hover {
	color: #046;
    text-decoration: underline;
}
a:active {
	color: #046;
    text-decoration: none;
}
a:visited {
	color: #046;
}
#entete {
	width: 100%;
	height: 115px;
	background: #fff url(/img/bandeau.png) no-repeat;
}
#logo {
	float: left;
}
#langue {
	margin: 80px 1em 0 0;
    padding: 0;
	float: right;
}
#langue img {   /* plus utilisé */
	border: none;
    margin: 0.1em 0.3em 0 1em;
}
#langue a {
	font-size: 1.2em;
    color: #fff;
    text-decoration: none;
}
#diapo {
	margin: 0;
	float: right;
}
#filet_bottom {
	width: 100%;
    padding: 0 0 0 0.2em;
    background: #cfc;
    font-size: 1em;
    font-weight: bold;
    color: #046;
    clear: both;
}

/* MENU */

#nav {
	padding: 0;
	margin: 0 auto;
	width: 100%;
    height: 3em;
    background: #fff url(/img/onglet.png) no-repeat;
	list-style: none;
	line-height: 1.6;
}
#nav ul {
	padding: 0;
	margin: 0 auto;
	width: 16%;
    background: #fff;
	list-style: none;
	line-height: 1.1;
}
#nav a {
	display: block;
	width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    text-align: center;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    background: url(/img/biseau.gif) bottom left no-repeat;
}
#nav li { /* tous les items de liste */
	float: left;
    width: 16.6% !important;
	width: 16.4%; /* largeur obligatoire, sinon opera devient fou */
}
#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	left: -999em;
    background: #cdf;
    white-space: nowrap;
    border: 1px solid #046;
}
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
    width: 16.6% !important;
    width: 100%;
    margin: 0 0 0 11px;
}
#nav li ul li {
    width: 16.6%;
	float: none;
}
#nav li ul li a {
    width: 585% !important;
    width: 610%;
	margin: 0;
	padding: 0.2em;
    border: none;
	text-align: left;
    background: #cdf;
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
}
#nav li ul a:hover {
    background: #0b3b63;
    color: #fff;
}

/* CORPS DE LA PAGE */

h1 {
	text-align: left;
	font-size: 26px;
	color: #046;
}
#sous-titre {
	font-size: 1.2em;
    text-align: center;
}
h2 {
	margin: -0.5em 0;
	padding: 0;
	text-align: left;
	font-size: 1.4em;
	color: #046;
}

#col_gauche {
	width: 27%;
	margin: 0;
    background: #cdf;
    float: left;
    font-size: 1.1em;
}
#col_gauche .encadre {
    margin: 0.5em 0.5em 1em 0.5em;
    padding: 0.3em 0.2em 0 0.2em;
}
#col_gauche .encadre h2 {
	margin: 0;
    padding: 0 1em;
    background: #046;
    font-size: 1.3em;
    font-weight: bold;
	color: #fff;
	text-align: left;
}
#col_gauche .encadre img {
	display: block;
    margin: 0.2em 0.2em 0 0;
    border: none;
    float: left;
}
#col_gauche p {
	margin: 0;
    padding: 0.1em;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
#col_gauche form {
	margin: 0;
    padding: 0.1em;
    background: #fc8;
}
#col_gauche fieldset {
	padding: 0.1em;
	border: none;
    text-align: right;
}
#col_gauche label {
    float: left;
}
#col_gauche input {
	width: 8em;
    height: 1em;
}
#col_gauche #submit {
	width: 8.3em !important;
	width: 8.5em;
    height: 1.6em;
    margin: 0 0.1em 0 0;
	background: #046;
    color: #fff;
    font-weight: bold;
}

#article {
	width: 68% !important;
	width: 67%;
    margin: 0 2em 0 0 !important;
    margin: 0 1.2em 0 0;
    padding: 0;
    font-size: 1.2em;
    line-height: 1.4;
    text-align: justify;
    float: right;
}
#lettrine:first-letter {
	float: left;
	font-size: 350% !important;
	font-size: 300%;
    font-weight: bold;
    line-height: 0.9;
}
#article #chapo {
	margin: 2.5em 0;
	font-size: 1.2em;
    font-weight: bold;
}
.centre {
	text-align: center;
}
.chiffre {
	font-size: 1.5em;
}
#article .droite, #article .right, #article_admin .right {
	float: right;
}
#article .gauche, #article .left, #article_admin .left {
	float: left;
}
/*
#article img {
	margin: 0 0 0 3em;
}
*/
#article .img_droite {
	margin: 0 0 0 1em;
    padding: 0.2em;
    width: 33em;
    border: 1px solid #ddd;
    font-size: 0.8em;
    text-align: left;
    float: right;
}
#article .img_gauche {
	margin: 0;
    padding: 0.2em;
    width: 33em;
    border: 1px solid #ddd;
    font-size: 0.8em;
    text-align: left;
}
#article .img_droite img, #article .img_gauche img {
	display: block;
	margin: auto;
}

#entree {
	margin: 5em auto 1em;
    padding: 0;
    width: 60%;
	background: #cdf;
    border: 1px solid #046;
    font-weight: bold;
    color: #046;
    text-align: center;
}
#entree form {
	margin: 0;
    padding: 0 0.2em;
	font-weight: normal;
    text-align: left;
}
#entree form fieldset {
	width: 60%;
	border: none;
    text-align: right;
}

#bas_page {
	margin: 4em 0;
    padding: 0.4em;
	font-size: 1em;
    text-align: center;
}

/* Blog */
.blog_post {
	width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0.5em;
	border: 1px solid #046;
	font-weight: bold;
    float: right;
}
.blog_auteur {
	font-weight: bold;
}
.blog_post p {
	margin: 1em 0;
	font-weight: normal;
}