body
{
	width:100%;
	/*background-image:url("../img/background.jpg");
	background-repeat:repeat-x;
	padding:0;
	/*background-color: #d7d7d7;*/
	background-color: #c4c8d4;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: black;
	font-size:12px;
	
}
#page
{
	width:100%;
	margin:auto;
}
#bandeau
{
	
	text-align:left;
	height:117px;
	width:1080px;
	background-image:url("../img/bandeau.jpg");
	background-repeat:no-repeat;
	margin:auto;
	padding:0;
}
#logo
{
	clear:both;
	float:left;
	
	width:253px;
	height:115px;
	margin:0 0 0 30px;
	padding:0;
}
#head-right
{
	float:right;
	height:21px;
	margin:14px 12px 0 0;
	padding:0;
	line-height:21px;
	text-align:right;
}
#bloc-search
{
	float:left;
	height:15px;
	line-height:15px;
	margin:2px 20px 3px 0;
	color:#c3c4c4;
}
#bloc-search a
{
	color:#c3c4c4;
	text-decoration:none;
}
#bloc-search a:hover
{
	text-decoration:underline;
}
.inputboxsearch{
	
	width: 128px;
	border: 1px solid #c3c4c4;
	text-align: left;
	height:15px;
	margin:0;
	padding:0;
	font-size:10px;
}
.top_corps
{
	
	margin:3px auto;
	margin-bottom:0;
	padding:0;
	width:1080px;
	height:3px;
	background-image:url("../img/top_contenu.jpg");
	background-repeat:no-repeat;
	background-position: top center;
	
}
#contenu
{
	margin:0 auto;
	padding:10px 50px 20px 50px;
	
	background-image:url("../img/bg_contenu.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#dbdce1;
	width:980px;
	/*min-height:568px;*/
	
}
.histo
{
	color:#0c718f;
	text-decoration:none;
}
.histo:visited
{
	color:#0c718f;
}
.histo:hover
{
	color:#fd690f;
}
em
{
	color:#0c718f;
}
.bluelink
{
	font-size:13px;
	color:#0c718f;
	font-weight:bold;
	text-decoration:underline;
}
.redlink
{
	font-size:12px;
	color:#c5081d;
	font-weight:bold;
	text-decoration:none;
}
.orangelink
{
	font-size:13px;
	color:#e13f01;
	font-weight:bold;
	text-decoration:underline;
}
.bluelink:hover, .orangelink:hover, .redlink:hover
{
	text-decoration:underline;
}
.demiepage
{
	float:left;
	width:44% !important;
	width:46%; 
	margin:0;
	padding:2%;
	padding-top:0;
	text-align:left;
	/*border-right:1px solid #858584;*/
}
.demiepage2
{
	float:right;
	width:47% !important;
	width:44%;
	margin:0;
	padding:2%;
	padding-top:0;
	text-align:left;
	/*border-left:1px solid #858584;*/
}
h2
{
	color:#0c718f;
}
.tab_contact{
	width:400px;
	margin:0 0 20px 0;
	padding:0;
}
.textedroite{
	text-align: right;
	vertical-align: middle;
	COLOR: black;
}
.champform2 {
	BACKGROUND-COLOR: #ffffff; 
	BORDER: #858584 1px solid; 
	COLOR: #000000; 
	width: 300px;
}
.textehaut{
	text-align: right;
	vertical-align: top;
	COLOR: black;
}
.boutonform {
	BACKGROUND-COLOR: #ffffff;
	BORDER: #858584 1px solid; 
	COLOR: black;
	height: 25px;
	width:80px;
	margin:0;
	padding:0;
	margin-top:10px;
}
.boutonform2
{
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	width:70px;
}
#masque
{
	display:none;
	position:absolute;
	width:100%;
	height:2000px;
	top:0;
	left:0;	
	z-index:900;
	opacity : 0.50; 
    filter : alpha(opacity=50); 
	background-color:black;
}
#loader
{
	display:none;
	position:fixed;
	z-index:910;
	width:220px;
	height:90px;
	top:50%;
	left:50%;
	margin:-45px -110px;
	padding:0;
	background-color:white;
	border:1px solid #e5e2e1;
	background-image:url("../img/loading.gif");
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	font-size:11px;
	font-family:Verdana;
}
#bandeau-droite
{
	/*clear:both;*/
	float:right;
	width:185px;
	min-height:568px;
	background-image:url("../img/bg_bandeaudroite.jpg");
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	padding-left:23px;
}
.titreblanc
{
	font-size:16px;
	margin:0;
	padding:0;
	padding-top:10px;
	color:white;
}
.titrejaune
{
	font-size:16px;
	margin:0;
	padding:0;
	padding-top:10px;
	color:yellow;
}
.titrerouge
{
	margin:0;
	padding:0;
	padding-bottom:20px;
	padding-top:20px;
	font-family: Arial;
	font-size:20px;
	color:red;
	font-weight:normal;
}
.titregris
{
	margin:0;
	padding:0;
	padding-bottom:20px;
	padding-top:20px;
	font-family: Arial;
	font-size:14px;
	color:#3c3c3c;
	font-weight:bold;
}
.erreur_gras
{
	padding:0;
	margin:0;
	margin-top:20px;
	text-align:center;
	color:black;
	font-size:14px;
}
.bloctiers
{
	float:left;
	width:30%;
	margin-right:2%;
	text-align:center;
}
.bloctiers h2
{
	font-size:14px;
}
#connect
{
	float:right;
	text-align:right;
	width:155px;
	height:140px;
	margin:0;
	margin-right:10px;
	padding:10px;
	border:1px solid #fdb867;
	color:white;
}
#espace
{
	float:right;
	text-align:left;
	width:175px;
	margin:0;
	margin-right:10px;
	padding:0;
	border:1px solid #fdb867;
	border-bottom:none;
	color:white;
	background-color:white;
}
#news
{
	clear:both;
	float:right;
	text-align:left;
	width:153px;
	min-height:290px;
	padding:18px;
	padding-left:5px;
	margin:0 10px 10px 0;
	border:1px solid #fdb867;
	color:white;
}
#news ul
{
	margin-left:0;
}
#connect a, #news a
{
	font-size:12px;
	color:yellow;
}

#espace ul
{
	margin:0;
	padding:0 0 0 30px;
	list-style : none; 
}
#espace li
{
	border-bottom: 1px solid #fdb867;
	
	padding:0;
	width:145px;
	height:22px;
	/*list-style-image: URL("../img/flecheorangedroite.png");*/
}

#espace a
{
	display:block;
	font-size:12px;
	color:#333333;
	line-height:22px;
	text-decoration:none;
	font-family: Arial, "Times New Roman", Times, serif;
}
#espace a:hover
{
	/*text-decoration:underline;*/
	font-weight:bold;
}
#connect a:hover, #news a:hover
{
	color:white;
}
.titre, .titrebleu, .titreorange
{
	text-align:left;
}

.titre_pics a
{
	text-decoration:none;
	color:white;
}
.titre_pics a:hover
{
	text-decoration:underline;
	
}
.titreColonne
{
	/*height:24px;*/
	background-color:white;
	margin:0;
	padding:5px 0 5px 10px;
	width:140px;
	font-size:11px;
	color:#949697;
}
.titreColonne2
{
	/*height:24px;*/
	
	background-color:#a4beda; 
	margin:0;
	padding:5px 0 5px 10px;
	width:140px;
	font-size:11px;
	color:white;
}
.titreColonne2 a
{
	text-decoration:none;
	color:white;
}
.titreColonne a
{
	text-decoration:none;
	color:#949697;
}
.titreColonne a:hover, .titreColonne2 a:hover
{
	text-decoration:underline;
}
#le_contenu h1
{
	text-transform:uppercase;
	
	font-size:16px;
	line-height:24px;
	background-image:url("../img/fleche_rouge.png");
	background-repeat:no-repeat;
	background-position:top left;
	background-color:white;
	padding:0 20px 0 30px;
	margin:10px 0 20px 0px;
}
#le_contenu h1.titre_pics
{
	text-transform:uppercase;
	color:white;
	font-size:16px;
	line-height:24px;
	background-image:url("../img/fleche_rouge.png");
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	padding:0 20px 0 30px;
	margin:15px 0 0 1px;
}
.titre h1
{
	/*margin:20px;*/
	margin:0;
	padding:0;
	padding-top:20px;
	font-family: Arial;
	font-size:20px;
	color: #0c718f;
	background-repeat:no-repeat;
	/*background-color:white;*/
	font-weight:normal;
}

.titreorange h1
{
	margin:0;
	padding:0;
	padding-top:20px;
	font-family: Arial;
	font-size:20px;
	color: #e13f01;
	font-weight:normal;
}
.titrebleu h1
{
	margin:0;
	padding:0;
	padding-left:10px;
	margin-left:2%;
	font-family: Arial;
	font-size:18px;
	color: white;
	background-image:url("../img/fd_titre.jpg");
	background-repeat:no-repeat;
	font-weight:normal;
	line-height:26px;
}
.titreorange2 h1
{
	margin:0;
	padding:0;
	padding-left:10px;
	margin-left:2%;
	font-family: Arial;
	font-size:18px;
	color: white;
	background-image:url("../img/fd_titreorange.jpg");
	background-repeat:no-repeat;
	font-weight:normal;
	line-height:26px;
}
.titre_gris
{
	color:#717274;
}
.titre h2
{
	font-family: Arial;
	font-size:14px;
	color: #0c718f;
	margin-top:0;
	font-weight:normal;
	margin-top:0;
	font-weight:normal;
}
.titreorange h2
{
	font-family: Arial;
	font-size:14px;
	color: #e13f01;
	margin-top:0;
	font-weight:normal;
	margin-top:0;
	font-weight:normal;
}

#news h2
{
	font-size:14px;
	color:white;
	margin-top:10px;
}
#news p
{
	margin:0; padding:0;
}
.black-link
{
	display:block;
	float:right;
	background-image:url("../img/flecheh.jpg");
	background-repeat:no-repeat;
	padding-left:10px;

	color:black;
	font-weight:bold;
	text-decoration:none;
}
.yellow-link
{
	display:block;
	float:right;
	padding-left:10px;
	color:yellow;
	font-weight:bold;
	text-decoration:none;
}
.yellow-link2
{
	display:block;
	float:left;
	padding-left:10px;
	color:yellow;
	font-weight:bold;
	text-decoration:none;
}
.yellow-link:hover
{
	color:white;
}
.inputarea {
	width: 300px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
}
.inputlabelb {
	width:155px;
	font-size: 12px;
	text-align: left;
	color: #0c718f;
	font-weight:bold;
}
.inputlabel {
	width:155px;
	font-size: 12px;
	text-align: left;
	color:white;
	font-weight:bold;
}

.inputbox {
	
	width: 128px;
	border: 1px solid #cccccc;
	text-align: left;
	height:15px;
	margin:0;
	padding:0;
}
.inputbox20 {
	width: 50px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
}
.inputbox160 {
	width: 155px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
	
	margin-bottom:5px;
}
.inputbox200{
	width: 200px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
}
.inputbox250{
	width: 250px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
}
.inputbox300 {
	width: 300px;
	border: 1px solid #cccccc;
	text-align: left;
	margin-left:10px;
	margin-bottom:5px;
}
.inputbox350 {
	width: 350px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	text-align: left;
}
.erreur
{
	padding:0;
	margin:0;
	margin-bottom:10px;
	text-align:left;
	color:#99041b;
	font-size:12px;
}
.boxinline100
{
	margin:0;
	padding:0;
	float:left;
	width:100px;
	text-align:right;
	font-weight:bold;
	padding-top:3px;
}
.button 
{
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	margin:10px;
	
}
.buttonbleu 
{
	border : solid 1px #ff8b02;
	background: red; /*#a5a5a5;*/
	color : white;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	margin:10px;
}
.bouton3
{
	width:112px;
	height:21px;
	background-image:url("../img/bouton3.jpg");
}
.buttoncarre 
{
	border : solid 1px #cccccc;
	background: #e0e0e0;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	background-image:url("../img/go_btn.jpg");
	height:20px;
	width:20px;
	cursor:pointer;
}

.bleu
{
	color:#0c718f;
}
.orange
{
	color:#ff6600;
}
.orange-fonce
{
	color:#ff3300;
}
.rouge
{
	color:#c60404;
}

img
{
	border:none;
}
#footer
{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	
	/*background-image:url("../img/bg_footer.jpg");
	background-repeat:repeat-x;
	background-position:top;
	background-color:#b3b4b6;*/
	color:black;
	font-family:Verdana;
	/*border:1px solid black;*/
}
#contenu_footer
{
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
	
	background-image:url("../img/bg_contenu.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#dbdce1;
	width:1080px;
	/*min-height:568px;*/
	
}
.p_footer
{
	padding:0;
	margin:20px 0 20px 0;
	color:#5d5d5d;
	text-align:center;
}
#cadre-footer
{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	font-size:12px;
	text-align:center;
	width:1080px;
	/*border:1px solid black;*/
}
#footer a
{
	text-decoration: none;
	color:#5d5d5d;
	font-size:12px;
}
#footer a:hover
{
	/*color:#fd690f;*/
	text-decoration:underline;
}
.separateur
{
	display:block;
	float:right;
	color:#999898;
	margin-right:10px;
	margin-left:10px;
}
.separateur2
{
	margin:0;
	color:#999898;
	line-height:25px;
	margin-right:20px;
	margin-left:20px;
}
.centre
{
	text-align:center;
}

table
{
	width:100%;
	/*border:1px solid #C5C5C5; */
	border-collapse: collapse; 
	color:#444444;
}
th
{
	/*background-image:url("../img/bg_ligne.jpg");*/
	height:15px;
	color:#000000;
}
.th-album
{
	background-image:url("../img/bg_ligne_orange.jpg");
	height:15px;
	color:#000000;
}
.th-neutre
{
	background-image:none;
}

84ac4d

td 
{ 
	vertical-align:top; 
	border-bottom:solid 1px #CCCCCC;
	color:#000000;
}
.intabledate{
	color:#01394F;
	margin-top:2px;
}
.intable{
	margin-top:2px;
}
.page100
{
	width:100%;
	border:none;
}
.page80
{
	width:80%;
	border:none;
}
.page70
{
	width:70%;
	border:none;
}
.page60
{
	width:60%;
	border:none;
}
.page60 ul, .page70 ul, .page80 ul, .page100 ul
{
	margin:0 0 20px 0; 
	padding:0 0 0 15px;
}
.page60 li, .page70 li, .page80 li
{
	text-align:justify;
}
.titremessage { text-align:left; width:30%; }
.nombremessages { width:10%;  text-align:center;}
.nombrevu { width:4%; text-align:center;}
.nombresujets { width:10%; text-align:center;}
.auteur { width:7%; text-align:left; }
.derniermessage { width:20%; text-align:left; }
.categorie { width:92%; background-color : rgb(244,238,250); }

.spacer
{
	clear:both;
}
fieldset {
	padding:20px;
	margin:0;
	margin-bottom:10px;
 }
legend {
	color:#0c718f;
	font-size:12px;
 }
.tab_page
 {
	border:none;
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
 }
.tab_page td
{
	padding:0;
	text-align:left;
}
.tab_contact .textedroite, .tab_contact .textehaut
{
	padding:0;
	text-align:right;
}
.droite_bleu
{
	width:15px;
	background-image:url("../img/bord_droite_bleu.jpg");
	background-repeat:repeat-y;
}
.gauche_bleu
{
	width:15px;
	background-image:url("../img/bord_gauche_bleu.jpg");
	background-repeat:repeat-y;
}
.gauche_orange
{
	width:15px;
	background-image:url("../img/bord_gauche_orange.jpg");
	background-repeat:repeat-y;
}
.droite_orange
{
	width:14px;
	background-image:url("../img/bord_droite_orange.jpg");
	background-repeat:repeat-y;
}
.centre
{
	background-image:url("../img/centre_cadre.jpg");
	padding:0 3% 0 3%;
}
.normal 
{ 
	background-color: #F3F3F3 
}
.normalActive 
{ 
	background-color: #ccffcc;
}