/* CSS Document */

body
{
	margin: 1px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F2F2F2;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color:#CCCCCC;
	scrollbar-arrow-color: #CCCCCC;
	font-size:12px;
}


div#conteneur
{
	width: 945px ;
	height:820px;
	margin: 0 auto ;
	text-align:left ;
	border: 2px solid #ab4 ;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


#head 
{
width:945px;
height:84px;

}
#header1
{
float:left;
	height: 84px ;
	width: 602px ;
	background:  url(.././images/bandeau_gauche.jpg) no-repeat left top;
}
#header2
	{
	float:left;
	height:84px ;
	width:340px ;
	text-align:left;
	
}

#menu_flash {

z-index:-200;
display:block;
position:absolute;
width:320px;
height:84px;
left:0px;
top:0px;

}

#header_login {
display:block;
position:relative;
z-index:200;
width:320px;
height:84px;
left:0px;
top:0px;

color:#990335;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}


INPUT {
background-color:#CCCCCC;
color:#000000;
}


#sousbandeau
{
	height: 41px ;
	width: 945px ;
	background:  url(.././images/sous_bandeau.jpg) no-repeat ;
	position : relative;
}
#sousbandeau p {
	margin: 0px 5px ;
	line-height: 22px ;
	font: Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size: 1em;
	font-weight: bold;
}
#sousbandeau a {
text-decoration:none;
color : #ffffff;
font-weight: bold;
}
#sousbandeau a:hover {
color:#FF0000;
}

div#contenu_haut
{
	width: 945px ;
	height:500px;
}
div#contenu_bas
{
	margin: 0 auto ;
	width: 945px ;
	height:100px;
}

div#contenu_droite {

float:left;
width:210px ;
margin-top:10px;
display:block;
}

div#contenu_gauche {

width:700px;
height:480px;
float:left;
margin:5px;
display:block;
font-size:1em;
overflow:auto;
}

#contenu_bas_gauche {
width:410px;
height:100px;
float:left;
margin-right:5px;


}
#contenu_bas_droite {
width:530px;
float:right;
height:100px;

}


div#footer
	{
	position:absolute;
	top:805px;
	width:945px;
	height:20px ;
	background:  url(.././images/pied.png) no-repeat;
	text-align: center ;
	font: Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size:1em;
	
}

div#titre {
display:block;
position:relative;
/*background-image:url(../images/bouton_titre_gris.png);
background-repeat:no-repeat;*/
margin:auto 0px;
padding:0px;
top:-10px;
left:0px;

height:27px;
text-align:center;
font-family:arial;
font-size:1.2em;
color:#990335;
font-weight: bold;
}

div#titre p {
line-height:25px;
 }
	

/* construction des tableaux  gris */
#principal {
		    width:100%;

		
			background-image: url(../images/cadre/gauche.png);
			background-repeat: repeat-y;
            
		}
#principal2 {
			height:100%;
			background-image: url(../images/cadre/droit.png);
			background-repeat: repeat-y;
            background-position: right;
		}
#haut {
            height:20px;
            background-image: url(../images/cadre/haut.png);

		}

#haut img {
		    vertical-align:top; /* for ie5*/
		}

#coingh {
                width:20px;
				height:20px;
				background-image: url(../images/cadre/coingh.png);
				
				float: left;

			}
#coindh {
                width:20px;
				height:20px;
				background-image: url(../images/cadre/coindh.png);
				float: right;

			}
#contenu_cadre {
			padding:0px 0px 5px 5px;
			color: #000000;
			
		}
		
#cadre_menu {
			padding:5px 5px 5px 5px;
			color: #000000;
			height:145px;
			margin: 10px;
			
}
#cadre_menu a{
color:#000000;
text-decoration:none;
font-weight:bold;
font-size:1em;



}
#cadre_menu a:hover
{
color:#FF0000;
}

		
#cadre_index {
			/*padding:5px 0px 5px 5px;*/
			position:relative;
			color: #000000;
			height:100px;
			margin-right:20px;
			margin-left:10px;
			margin-top:10px;
			top:-20px;
			margin-bottom:-20px;
			overflow:auto;
			z-index:1000;
			font-size:1em;
			
}	

.titre {
color:#990335;
font-size:1em;
font-weight:bold;
}

.date_cadre {
color:#990335;
font-size:1em;
font-weight:bold;
}



		
#bas {
            height:20px;
            background-image: url(../images/cadre/bas.png);
		}
#coingb {
                width:20px;
				height:20px;
				background-image: url(../images/cadre/coingb.png);
				float: left;
			}
#coindb {
                width:20px;
				height:20px;
				background-image: url(../images/cadre/coindb.png);
			    float:right;
			}


/*  parametre general */

a 
{
color:#000000;
font-weight:bold;
text-decoration:none;
}
a:hover
{
color:#FF0000;
font-weight:bold;
}



.datemel {
color:#557897;
font-size:0.8em;
font-weight:bold;
text-align:right;
}

.titre_bleu {
color:#34D5D9;
font-weight:bold;
font-size:1.6em;
}

div#contenu_gauche .titre_article {
color:#990335;
font-weight: bold;
font-size:1.2em;
}

div#contenu_gauche .titre_article_bleu {
color:#34D5D9;
font-weight: bold;
font-size:1.2em;
}

.soustitre_bleu {
color:#34D5D9;
font-weight:bold;
font-size:1.4em;
}

.titre_vert {
color:#0AC219;
font-weight:bold;
font-size:1.6em;
}
div#contenu_gauche .titre_article_vert {
color:#0AC219;
font-weight: bold;
font-size:1.2em;
}

.titre_rouge {
color:#D92C19;
font-weight:bold;
font-size:1.6em;
}
div#contenu_gauche .titre_article_rouge {
color:#D92C19;
font-weight: bold;
font-size:1.2em;
}
.titre_gris {
color:#999999;
font-weight:bold;
font-size:1.6em;
}

div#contenu_gauche .titre_article_gris {
color:#999999;
font-weight: bold;
font-size:1.2em;
}

#premier_bleu {
background-color:#BCF6F7;
padding:5px;

}
#premier_vert {
background-color:#E0F9B6;
padding:5px;
}
#premier_rouge {
background-color:#FF8080;
display:block;
padding:5px;

}

#recherche {
display:none;
position:absolute;
background-color:#CCFF99;
border:2px solid;
border-color:#66FF00;
height:100px;
width:0px;
top:-80px;
left:20px;
z-index:30;

}

#recherche h1 {
font-size:12px;
text-align:center;
background-color:#66FF33;
}

#modif_compte {
display:none;
position:absolute;
background-color:#cccccc;
width:400px;
height:200px;
top:0px;
left:0px;
border:2px solid;
border-color:#000000;


}
.num_circ {
color:#009900;
font-weight:bold;
}