body {
font-family : verdana, helvetica, arial, sans-serif;
font-size: 1em;
background-color : #161616;
margin: 0; /* suppression de toutes les marges */
color:#999;
text-align: justify;
scrollbar-face-color: #333;
/*scrollbar-face-color: #232323;*/
scrollbar-shadow-color: #999; 
scrollbar-highlight-color: #666;
scrollbar-3dlight-color: #666; 
scrollbar-darkshadow-color: #666;
scrollbar-track-color: #161616; 
/*scrollbar-track-color: #161616;*/ 
scrollbar-arrow-color: #666;
}
img, a img {
border: 0;
}
li {
color: #ccc;
font-size: 75%;
margin:0;
padding:0;
list-style-type: none;
/*line-height:12px;*/
}
p {
font-family : verdana, helvetica, arial, sans-serif;

/*font-weight: bold;*/
/*color: #909090;*/
color: #ccc;
/*margin: 0.5em;*/ /*gestion des espaces interparagraphes */
}
p.centrer {
text-align:center;
}
/*img{
margin: 10px;
border: 0;
}*/
P:first-letter, h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
color:#ccc;
font-weight: bold; 
text-indent: 30px;
}
h1, h2, h3 {
text-transform:capitalize;
color: #fff;
}
span {
font-size: 90%;
color:#999;
}
#auteur {
margin-left:15px;
}
#auteur p{
font-size: 60%;
}	
#date {
margin-right:10px;
text-align: right;
font-size: 60%;
}	
#datemiseajour {
margin-right:25px;
text-align: right;
font-size: 60%;
}
#principal {
width:99%;
margin:5px;
background-image:url(/img/side_left2.gif);
background-repeat: repeat-y;
background-color: #232323;
}
#principal2 {
background-image:url(/img/side_right2.gif);
background-repeat: repeat-y;
background-position: right;
}
#haut {
height:10px;
background-image:url(/img/side_top2.gif);
background-repeat: repeat-x;
}
#haut img {
vertical-align:top; /* for ie5*/
}
#coingh {
width:10px;
height:10px;
background-image:url(/img/corner_tl2.gif);
background-repeat: no-repeat;
float: left;
}
#coindh {
width:10px;
height:10px;
background-image:url(/img/corner_tr2.gif);
background-repeat: no-repeat;
float: right;
}
#contenu {
/*padding: 10px;/* = droite gauche haut bas*//*padding: 10px 10px = haut-bas, droite-gauche*/
background-color: #333;
padding: 10px; /*haut gauche bas droite*/
margin: 10px 10px 10px 10px;
}
#calendar {
margin-right:10px;
text-align: right;
font-size: 80%;
}
#archive {
height:330px;
}
#archive2 {
height:200px;
}
#archive3 {
height:250px;
}
#archive4 {
height:420px;
}
#contenu p {
/*margin: 0.5em; /*gestion des espaces interparagraphes */
font-size: 80%;
}
#avantbas {
background-color: #232323;
margin: 0.5em;
padding: 5px 5px 5px 5px;
font-size: 60%;
}
#bas {
height:20px;
background-image:url(/img/side_bottom2.gif);
background-position:top;
}
#coingb {
width:10px;
height:20px;
background-image:url(/img/corner_bl2.gif);
background-repeat: no-repeat;
float: left;
}
#coindb {
width:10px;
height:20px;
background-image:url(/img/corner_br2.gif);
background-repeat: no-repeat;
float:right;
}
#entete {
position: absolute;
left:0px;
top:0px;
width:100%;
height:85px;
background-color : #000;
}
#logo {
display: block; 
position: absolute;
left:0px;
top:0px;
}
#logo2 {
position: absolute;
height: 85px;
width: 332px;
top: 0px;
right: 0px;
}
#menu {
color:#fff;background-color:#9999e6;border:solid 1px #fff;
}
#menu a {
text-decoration:none;font-weight:bolder;color:#fff;
}
#menuhaut {
margin-top:85px;
margin-bottom:1em;
/*margin: 0px 0em 0px 0px;*/
background-color:#232323;
color:#fff;
border-top: #666 1px solid; 
border-bottom: #666 1px solid;
text-align:left;
padding-top: 5px; 
padding-bottom: 5px;
padding-left:1em;
font-size: 65%;
}
#menuhaut a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
}
#menuhaut a:link {
/*color: #0083FF;
line-height: 12px;*/
color: #df2d2d;
/*font-family: verdana, helvetica, arial, sans-serif; */
text-decoration: none;
}
#menuhaut a:visited {
color: #df2d2d;
text-decoration: none;
}
#menuhaut a:hover {
color: #ffffff;
text-decoration: none;
/*	padding-bottom: 0px; border-bottom: #fff 3px solid*/
}
#menubas {
margin-bottom:1em;
margin: 0px 0em 0px 0px;
background-color:#232323;
color:#fff;
border-top: #666 1px solid; 
border-bottom: #666 1px solid;
text-align:left;
padding-top: 5px; 
padding-bottom: 5px;
padding-left:1em;
font-size: 65%;
}
#menubas a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
}
#menubas a:link {
color: #df2d2d;
text-decoration: none;
}
#menubas a:visited {
color: #df2d2d;
text-decoration: none;
}
#menubas a:hover {
color: #ffffff;
text-decoration: none;
}
#footer {
clear: both;
font-size: 70%;
font-weight: bold;
color: #fff;
color: #d7d8e1;
text-align: center;
margin: 0px 0em 0px 0px;
padding: 0px 0px 0px 0px;
}
#footer a {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
#copyright {
clear: both;
font-size: 70%;
color: #fff;
text-align: center;
margin: 0;
padding: 10px 0px 0px 0px;
border-top: 1px solid #6BA0D2;
}
#copyright a {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.miseajour{
font-size: 70%;
text-align:right;
margin-right: 10px;
}
a:link {
color: #df2d2d; text-decoration: none
}
a:visited {
color: #df2d2d; text-decoration: none
}
a:hover {
color: #ffffff; text-decoration: none
}
div.float {
float: left;
width:100px;
}
div.float250 {
float: left;
width:270px;
}
div.float p {
text-align: center;
}
div.floatw {
width: 190px;
height: 150px;
float: left;
}
div.floatw p {
text-align: center;
}
div.container {
font-size: 70%;
/*background-color: #D7E7F2;
border-top: 1px solid #232323;
border-bottom: 1px solid #232323;*/			
}
div.container2 {
position: absolute;
left:285px;
top:280px;
}
div.spacer {
clear: both;
}
table {
/*font-size: 80%;
border: 3px #3c6fac solid;*/
border: 0;
padding:0;
border-collapse: collapse;
}
/**/
option {
font-size: 90%;
color: #fff;
border-bottom:1px solid #ccc;
background-color: #3c3c3c;
}
select {
color: #cc0000; 
background-color: #3c3c3c;
font-size: 90%; 
}
input {
font-size: 90%;  
color: #fff; 
border:1px solid #ccc;
background-color:#000;
}
textarea {
color: #fff; 
border:1px solid #ccc;
background-color:#000;
}
/*Formulaire*/
form
{
margin-left: auto;
margin-right: auto;
padding: 0;
}
#formname {
width: 555px;
border: 1px solid #282828;
margin-left: auto;
margin-right: auto;
/*margin: 0 0 0 20px;*/
padding: 0;
}
#titreform, #piedform {
/*font: bold 1.em arial, hevetica, sans-serif;*/
font-weight: bold;
color: #fff;
/*border: 1px solid #FBAF4D;*/
border: 0;
background: #282828;
margin: 0;
padding: 1em;
}
#piedform {	
text-align: center;
}
#piedform input {
margin: 5px 5px 10px 5px;
}
#piedform fieldset {	/*** Mise en forme des cadres ***/
/*border: 1px solid #FFF4DF;*/
border: 1px solid #282828;
}
#corpsform {
color: #fff;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#corpsform fieldset {
margin: 0;
/*border: 1px solid #FBAF4D;*/
border: 1px solid #ccc;
font-style: normal;
padding: 0 1em 1em;
}
#corpsform legend, #piedform legend  {
font-weight: bold;
color: #fff;
background: transparent;
}
#corpsform p {
padding: .2em 0;
margin: 0 0 .1em 0;
}

/**/
#corpsform fieldset#coordonnees label {
float: left;
width: 50%;
text-align: right;
margin: 0;
padding: 0 .5em 0px 0;
line-height: 1.8;
}
#corpsform fieldset#commentaires label {
float: left;
width: 45%;
text-align: right;
margin: 0;
padding: 0 5px 0px 0;
line-height: 1.8;
}
#corpsform fieldset#Parcourir label {
text-align:center;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}
#corpsform label:hover, #piedform input {
cursor: pointer;
}
#piedformparcourir {	
text-align: center;
}
#piedformparcourir p {	
text-align: center;
}
#corpsform .focus {
background: #999;
color: #fff; 
}
#corpsform .normal {
background: #666;
color: #fff; 
}
.bouton {
font-weight:bold;
}
.alerte {
color:#c00;
font-size:100%;
font-weight: bold;
}
.asterisque {
font-weight: bold;
font-style: normal;
color: #c00;
}
/*Fin formulaire*/
#merci {
height: 300px;
border:0px;
text-align:center;
}
#merci p{
text-align:center;
margin:50px 0;
}
#merci h2{
text-align:center;
margin:50px 0;
}
.fluxgauche {
float : left; margin: 5px 10px 10px 0 ; 
}
.fluxdroite {
float : right ; margin: 5px 0 10px 10px ; 
}
.fluxgauchep {
float : left; margin: 5px 10px 10px 0 ; 
height:150px;
}
.fluxdroitep {
float : right ; margin: 5px 0 10px 10px ;
height:150px; 
}
#emploi {
}
#emploi p {
font-size: 1em;
}
#admin {
margin:0px;
padding:0;
color:#999;
}
#admin a {
color:#161616;
}
.article {
clear: both;
}
#xiti-logo, #xiti-logo-noscript {
text-align:center;
margin: 0 5px 0px 30px;
padding: 5px 0px;
}
#xiti-logo img {
margin-right: 30px;
}
.espace {
padding-bottom:140px;
}
#banniere {
position:absolute; top:0px; left:200px; z-index:127;
}
/*#banniere img {
float: right;
padding: 2px;
border: 1px dashed #404040;
}*/
#bordure{margin-top:5px; width:800px; border: 5px solid #fff;}