/* CSS Document */
html {
	height: 100%;
	margin: 0;
}

body {
	background-color: #f4f4f4;
	font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 13px;
	height: 100%;
	margin:0;
}
/* ////// HEADER ////////////////////////////////// */
#site {
	margin: 0 auto ;
	padding: 0;	
	/*text-align:center;
	min-height: 100%;*/
	position: relative;
	width: 980px;
/*
L'utilisation de position: relative; sur #site définit les frontières de l'élément #site comme point de repère 
pour le positionnement de ses enfants. La position "top: 0px, left: 0px" est maintenant le coin supérieur gauche de #site, 
au lieu de celui de body.
*/
}

#header {
	background-image: url(../images/header/background.jpg);
	background-repeat: no-repeat;
	background-position: top;	
	height: 175px;
}
ul.ligne  {
	padding:0;
	margin:0;
	width: 100%;
	overflow: auto;	
	/*border: solid 1px #000000;*/
}
.ligne li {
	padding:0;
	margin:0;
	list-style-type: none;	
	float:left;
}
.ligne .intitule {
	padding-top:14px;
	font-size: 35px;
	font-weight: bold;
}
.ligne .intitule a, .ligne .intitule a:hover {
	text-decoration:none;
}
.ligne .intitule .bleu {color: #095391;}
.ligne .intitule .blanc {color: #333333;}
.ligne .intitule .rouge {color: #D70404;}


#header ul#navigation {
	padding:0;
	margin:0;
	/*width: 100%;
	overflow: auto;*/
}
#header #navigation li {
	padding:0;
	margin:0;
	list-style-type: none;	
	float:left;
	font-size: 18px;
	color:#333333;
	/*padding-left:6px;
	padding-right:6px;*/
	/*background-color:#ffffff;*/
	width:140px;
	text-align:center;
}
#header #navigation li.large {
	width: 155px;
}
#header #navigation a {
	color: #333333;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	/*padding-bottom:6px;*/
	height:29px;
	display: block;
}
#header #navigation a:hover, #header #navigation a.actif {
	color: #d70404;
	background-color:#e1ebf4;
}

#SousHeader {
	height:25px;
	background-color:#e1ebf4;
	padding-top:5px;
	padding-left:15px;
	font-size:14px;
	color:#003399;
}
#SousHeader a,#SousHeader a:hover {
	color:#003399;
	text-decoration:none;
}
#SousHeader a.actif {
	font-weight: bold;
}



/* ///////////////////////////////////////////////////////// */
/* //////////////       CONTENU DIVERS        ///////////// */
/* ///////////////////////////////////////////////////////// */
#contenu {
	padding:13px;
	background-color: #ffffff;
}
#Ariane {
	font-size: 11px;
	padding-bottom:19px;
	padding-top:8px;
}
#Ariane a, #Ariane a:hover {text-decoration:underline; color:#333333;}

#gabarit {
	background-image: url(../images/background-gabarit.jpg);
	background-repeat: repeat-y;
	padding-bottom:12px;
	/*font-size: 12px;*/
	width: 100%;
	overflow:auto;
}

#ColonneGauche {
	width: 657px;
	float:left;
	height:100%;
	/*background-color:#ed52d1;*/
	margin-right:30px;
}
#ColonneDroite {
	width: 260px;
	float:left;
	height:100%;
	/*background-color:#33CC99;*/
}
#ColonneDroite .Encadre1 {
	border: solid 1px #e1ebf4;
	padding:3px;
	margin-bottom:25px;
	width: 243px;
}
#ColonneDroite .Encadre1 .Titre {
	background-color: #e1ebf4;
	color: #d70404;
	font-weight:bold;
	padding:2px;
	margin:0;
	padding-left:4px;
	margin-bottom:4px;
}
#ColonneDroite .Encadre1 ul {
	padding:0;
	margin:0;
	font-size: 12px;
}
#ColonneDroite .Encadre1 li {
	padding-left:0px;
	margin-left: 30px;
}
#ColonneDroite .Encadre1 a {
	color: #000000;
	text-decoration:underline;
}
#ColonneDroite .Encadre1 a.actif {
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}
#ColonneDroite .Encadre1 a.discret {
	color: #000000;
	text-decoration:none;
}
#ColonneDroite .Encadre1 a:hover {
	color: #000000;
	text-decoration:underline;
}
#ColonneDroite .Encadre1 .Leger {
	padding:0; margin:0;
	padding-top:3px;
	font-size: 11px;
	color:#787878;
}


/* ///////////////////////////////////////////////////////// */
/* //////////////////       SONDAGES        //////////////// */
/* ///////////////////////////////////////////////////////// */
.SondageAccroche {
	padding:0; margin:0;
}
.SondageInfos {
	padding:0; margin:0;
	padding-top:3px;
	padding-bottom: 20px;
	font-size: 11px;
	color:#787878;
}


/* ///////////////////////////////////////////////////////// */
/* ////////////////       COMMENTAIRES       //////////////// */
/* ///////////////////////////////////////////////////////// */
#Commentaires .Titre {
	padding:0;
	margin:0;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding-bottom:13px;
	padding-top:8px;	
}
#AJOUT_COMMENTAIRE {
	padding:3px; margin:0;
	margin-top:15px;
	padding-left:10px;
	border-left: solid 6px #095391;
	margin-bottom:20px;
	background-color:#F8F8F8;
}
#AJOUT_COMMENTAIRE .Invite {
	padding:0; margin:0;
	padding-bottom: 5px;
	font-weight:bold;
	font-size:14px;	
}
#AJOUT_COMMENTAIRE input, #AJOUT_COMMENTAIRE textarea {
	font-size:11px;
	font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.CommentaireDetail {
	padding-bottom:6px;
	margin-bottom: 13px;
	border-bottom: solid 4px #DEDEDE;
}
.CommentaireDetail p {padding:0; margin:0;}
.CommentaireDetail .Auteur { font-weight:bold; font-size:14px;}
.CommentaireDetail .Date { font-size:11px; color:#787878;}

/* ///////////////////////////////////////////////////////// */
/* //////////////////       FOOTER        //////////////// */
/* ///////////////////////////////////////////////////////// */
#footer {
	margin-top:17px;
	font-size: 11px;
}
#footer a, #footer a:hover {
	color:#000000;
	text-decoration:underline;
}


a {
	color: #0A62A9;
}
p.date {
	font-size:12px;
	color:#7D7D7D;
	padding-bottom:4px;
}
#FORM_FOOTER_NEWSLETTER {
	padding:0;
	margin:0;
	margin-bottom:20px;
}
#FORM_FOOTER_NEWSLETTER input{
	color: #666666;
}
h1.Titre, h2.Titre, h3.Titre {
	padding:0;
	margin:0;
	color:#07487C;
	font-size:20px;
	font-weight:normal;
	padding-bottom:3px;
	border-bottom: solid 1px #E1EBF4;
	margin-bottom:3px;
}
h1.Titre a, h1.Titre a:hover,h2.Titre a, h2.Titre a:hover,h3.Titre a, h3.Titre a:hover {
	color:#07487C;
	text-decoration: none;
}
h2.Accroche,h3.Accroche {
	padding:0;
	margin:0;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	padding-bottom:13px;	
}
h2.Accroche2 {
	padding:0;
	margin:0;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	padding-bottom:0px;	
}
.Illustration1 {
	float:left;
	padding-right:10px;
	padding-bottom: 10px;
}
.CadrePhoto1 {
	padding:2px;
	margin:0px;
	border: 1px dotted #787878;
}
.MsgConfirmation {
	font-size: 13px;
	border: dotted 1px #CCCCCC;
	padding:4px;
	font-weight:bold;
	color: #CC0000;
	background-color:#F5F5F5;
	margin-bottom:11px;
}
#ReseauSocial {
	padding:0;
	margin:0;
	padding-top:6px;
}
#ReseauSocial img {
	padding-right: 4px;
}

p, form {
	padding:0;
	margin:0;
	padding-bottom:15px;
}
ul {
	padding:0;
	margin:0;
	padding-bottom:15px;
	padding-left:20px;
	margin-left: 20px;
}