/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
//
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style générale du site
//
//------------------------------------------------------------------
// Mathieu ADRIEN <mathieu@dreamclic.com> / www.dreamclic.com
// 08/09/2009
//------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html {
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size:100%;
}
body{
	font-size:.8em;
	text-align: center;
}
/*------------------------------------------------------------------*/
a img{
	border-style:none;
}
img{
	vertical-align:middle;
}
ul{
	list-style-position:inside;
}
a:link,
a:visited{
}
a:hover,
a:active{
}
/*------------------------------------------------------------------*/
#page{
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
}
/*------------------------------------------------------------------*/
#page #page_haut {
	background: url(images/page_haut.jpg) left top repeat-x white;
	position: relative; 
}
#page #page_haut #page_haut_corps { 
	width: 996px;
	background: url(images/page_haut_corps.jpg) left top no-repeat;
	margin: auto;
	position: relative;
}
#page #page_bas {
	background: url(images/page_bas.jpg) left top repeat-x; 
	position: relative;
}
/*------------------------------------------------------------------*/
#header{
	position: relative;
	width: 996px;
	height: 154px;
}
#header #header_connexion {
	position: absolute;
	height: 45px;
	right: 0;
	top: 0;
	color: white;
	font: normal 12px Arial, sans-serif;
}
#header #header_connexion table {
	border-collapse: collapse;
}
#header #header_connexion table td {
	height: 36px;
	vertical-align: top;
	padding-top: 9px;
}
#header #header_connexion table td#header_connexion_gauche {
	width: 71px;
	background: url(images/header/header_connexion_gauche.jpg);
	text-align: left;
}
#header #header_connexion table td#header_connexion_milieu {
	background: url(images/header/header_connexion_milieu.jpg);
}
#header #header_connexion table td#header_connexion_droite {
	width: 26px;
	background: url(images/header/header_connexion_droite.jpg);
}
#header #header_connexion a {
	color: white;
	text-decoration: none;
}
#header h1 {
	width: 129px;
	height: 116px;
	position: absolute;
	left: 0;
	top: 38px;
}
#header #header_description {
	width: 440px;
	height: 66px;
	left: 141px;
	top: 38px;
	position: absolute;
	padding-top: 50px;
	text-align: left;
	line-height: 160%;
	padding-left: 15px;
	color: #6b6c6e;
}
#header #header_description strong {
	color: #1b7ab9;
	font-weight: normal;
}
#header #header_recherche {
	width: 259px;
	height: 39px;
	position: absolute;
	right: 6px;
	top: 107px;
	background: url(images/header/header_recherche.jpg) left top no-repeat;
}
#header #header_recherche #header_recherche_mots {
	color: #3983bf;
	font: normal 15px Arial, sans-serif;
	position: absolute;
	left: 20px;
	top: 13px;
	width: 196px;
	border: 0;
}
#header #header_recherche #header_recherche_submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 39px;
	height: 39px;
	border: 0;
	background: url(images/header/header_recherche_submit.jpg);
}
#header #header_recherche input#champ_invisible {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
/*------------------------------------------------------------------*/
#content{
	padding-top: 60px;
	font: normal 12px Arial, sans-serif;
	color: #6b6c6e;
}
#content h2 {
	font: bold 20px Arial, sans-serif;
	color: #36a2d7;
}
#content p {
	padding-top: 10px;
	padding-bottom: 10px;
}
#content a {
	color: #36a2d7;
	text-decoration: none;
}
#content ul.messages_erreur{
	border: solid 1px red;
	padding: 5px;
}
#content ul.messages_information{
	border: solid 1px green;
	padding: 5px;
}
#content ul.messages_erreur li{
	color: red;
	font-weight: bold;
}
#content ul.messages_information li{
	color: green;
	font-weight: bold;
}
#content {
	text-align: left;
}
#content h2 {
	font: bold 20px Arial, sans-serif;
	color: #36a2d7;
}
/*------------------------------------------------------------------*/
#footer{
	width: 996px;
	height: 321px;
	margin: auto;
	position: relative;
}
#footer a {
	color: #36a2d7;
	text-decoration: none;
}
#footer a:hover {
	color: #006E9F;
}
#footer #footer_users {
	width: 202px;
	height: 129px;
	position: absolute;
	left: 115px;
	top: 90px;
	text-align: left;
	font: normal 15px Arial, sans-serif;
}
#footer #footer_users a {
	display: block;
	width: 186px;
	margin-bottom: 9px;
}
#footer #footer_rubriques {
	width: 332px;
	height: 181px;
	position: absolute;
	left: 389px;
	top: 123px;
}
#footer #footer_rubriques .footer_rubrique {
	width: 166px;
	height: 20px;
	background: url(images/footer/footer-rubriques-separateur.jpg) left bottom no-repeat;
	float: left;
	font: normal 15px Arial;
	text-align: left;
	padding-top: 3px;
}
#footer #footer_reseau {
	width: 120px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 80px;
}
#footer #footer_mentions {
	position: absolute;
	top: 185px;
	right: 0;
	width: 225px;
	text-align: center;
	font: normal 11px Arial, sans-serif;
	color: #36a2d7;
	line-height: 180%;
}
#footer #footer_mentions img {
	position: relative;
	top: -1px;
}
/*------------------------------------------------------------------*/
.visibility-hidden{
	visibility:hidden;
}
.clear-both{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
hr.clear{
	visibility:hidden;
	clear:both;
}
/*------------------------------------------------------------------*/
#content .couverture {
	width: 302px;
	height: 100px;
	display: block;
	margin-bottom: 12px;
	position: relative;
}
#content .couverture .couverture_masque,
#content .couverture .couverture_masque a {
	position: absolute;
	width: 302px;
	height: 98px;
}
#content .couverture table td {
	vertical-align: top;
}
#content .couverture table tr td.couverture_capture {
	width: 124px;
	height: 96px;	
}
#content .couverture table tr td.couverture_capture img {
	border: solid 1px #dcecf5;
	padding: 3px;
}
#content .couverture table tr td.couverture_infos {
	width: 165px;
	padding-left: 5px;
}
#content .couverture table tr td.couverture_infos .couverture_infos_titre {
	font: bold 12px Arial, sans-serif;
}
#content .couverture table tr td.couverture_infos .couverture_infos_titre a {
	color: #6b6c6e;
	text-decoration: none;
}
#content .couverture table tr td.couverture_infos .couverture_infos_date {
	font: italic 11px Arial, sans-serif;
	color: #50c5eb;
	text-align: right;
}
#content .couverture table tr td.couverture_infos .couverture_infos_note {
	text-align: right;
}
/*------------------------------------------------------------------*/
#lightboxes {
	height: 2000px;
	width: 100%;
	background: url(images/connexion/connexion-voile-fond.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#lightboxes .box {
	position: absolute;
	width: 560px;
	height: 570px;
	left: 50%;
	top: 10px;
	margin-left: -230px;
	background: url(images/connexion/connexion-lightboxes-fond.gif) no-repeat;
	padding: 20px;
}
#lightboxes h3 {
	font-weight: normal;
	font-size: 1.8461em;
	margin: 0 0 0.4583em 0;
}
#lightboxes a#lightbox-close {
	position: absolute;
	top: 40px;
	right: 80px;
	display: block;
	width: 31px;
	height: 31px;
}
#lightboxes a.close:hover {
	background-color: #999;
	color: #fff;
}
#lightboxes #lightbox-formulaire-email {
	position: absolute;
	background: url(images/connexion/connexion-input-email.jpg);
	width: 355px;
	height: 39px;
	left: 117px;
	top: 198px;
	border: 0;
	font-size: 20px;
}
#lightboxes #lightbox-formulaire-mot_de_passe {
	position: absolute;
	background: url(images/connexion/connexion-input-pass.jpg);
	width: 355px;
	height: 38px;
	left: 117px;
	top: 277px;
	border: 0;
	font-size: 20px;
}
#lightboxes #lightbox-formulaire-submit {
	width: 217px;
	height: 38px;
	background: url(images/connexion/connexion-submit.jpg);
	left: 171px;
	top: 376px;
	position: absolute;
	border: 0;
}
#lightboxes #lightbox-erreur-authentification {
	position: absolute;
	width: 445px;
	left: 68px;
	top: 124px;
	text-align: center;
	font: bold 14px Arial, sans-serif;
	color: red;
}
#lightboxes #lightbox-connexion-liens {
	position: absolute;
	left: 359px;
	top: 447px;
	font: normal 15px Arial, sans-serif;
}
#lightboxes #lightbox-connexion-liens #lightbox-connexion-liens-separateur {
	height: 23px;
}
#lightboxes #lightbox-connexion-liens a {
	text-decoration: none;
	color: #3983bf;
}