/* CSS Document */

body
{
	margin: 1px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: Arial, Helvetica, sans-serif;
	background: #DDDEDE ;
	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
{
	position:relative;
	width: 945px ;
	height:820px;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}





#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:-10000;
display:block;
position:absolute;
width:320px;
height:84px;
left:0px;
top:0px;

}

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

color:#990335;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#modif_compte {
display:none;
position:absolute;
background-color:#cccccc;
width:400px;
height:200px;
top:0px;
left:0px;
border:2px solid;
border-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: 12px;
	font-weight: bold;
	text-decoration:none;
	
}
#sousbandeau a {
text-decoration:none;
color : #ffffff;
font-weight: bold;
}
#sousbandeau a:hover {
color:#FF0000;
}


div#contenu_haut
{	
	width: 945px ;
	height:230px;
}
div#contenu_bas
{

margin: 0 auto ;
	width: 945px ;
	height:450px;
}

div#contenu_droite {

float:left;
width:211px ;
height:220px;
margin-top:10px;
display:block;

}

div#contenu_gauche {
margin-left:50px;

height:211px;

float:left;


}


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

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

}

/*   gestion pour le menu BLEU  */

div#menu_bleu {
float:left;
background-image: url(../images/cube_bleu_3d.png);
background-repeat:no-repeat;
height:220px;
width:220px;
margin:0px;
background-color:#FFFFFF;

}


div#menu_vert {
float:left;
background-image: url(../images/cube_vert_3d.png);
background-repeat:no-repeat;
height:220px;
width:220px;
margin:0px;

}
div#menu_rouge {
float:left;
background-image: url(../images/cube_rouge_3d.png);
background-repeat:no-repeat;
height:220px;
width:220px;
float:left;
margin:0px;
}
div#menu_bleu_text {
position:relative;
display:none;
float:left;
height:220px;
width:220px;
top:35px;
left:-45px;
margin-top:0px;
margin-left:0px;
text-align:center;
font-size:12px;
color:#FFFFFF;
font-weight:bold;

}
div#menu_bleu_text_1 {
position:relative;
float:left;
height:220px;
width:220px;
top:0;
left:0px;
margin-top:0px;
margin-left:0px;
text-align:center;
}

div#menu_bleu_text li {
margin:10px;
line-height:15px;
list-style: none;
text-align:center;
}


#menu_bleu_text a {
color:#FFFFFF;
text-decoration:none;
}


#menu_bleu_text a:hover {
color:#000000;
}


/*******************************/
/*   gestion pour le menu VERT  */

div#menu_vert_text {

position:relative;
float:left;
display:none;
height:220px;
width:220px;
top:22px;
left:-45px;
margin:0px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;

}
div#menu_vert_text_1 {
position:relative;
height:220px;
width:220px;
top:0px;
left:0px;
margin-top:0px;
margin-left:0px;
text-align:center;
}

div#menu_vert_text li {
margin:8px;
line-height:12px;
list-style: none;
}

#menu_vert_text a {

color:#FFFFFF;
text-decoration:none;
}


#menu_vert_text a:hover {
color:#000000;
}




/*******************************/


/*   gestion pour le menu rouge  */
div#menu_rouge_text 
{
position:Relative;
display:none;
height:200px;
width:220px;
top:35px;
left:-50px;
margin:0px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
div#menu_rouge_text_1 {
position:relative;
height:220px;
width:220px;
top:0px;
left:0px;
margin-top:0px;
margin-left:0px;
text-align:center;
}


div#menu_rouge_text li {
margin:10px;
line-height:20px;
list-style: none;
}

#menu_rouge_text a {
color:#FFFFFF;
text-decoration:none;
}


#menu_rouge_text a:hover {
color:#000000;
}






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

div#titre {
margin:auto 1px;
padding:0px;
top:-10px;
display:block;

height:20px;
text-align:center;
font-family:arial;
font-size:16px;
color:#990335;
font-weight: bold;
z-index:500;
}
div#titre p {
line-height:25px;
text-align:center;
 }
 
 
 
.titre {

color:#990335;
font-size : 1em;
font-weight: bold;

}
	

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

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

		}

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

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

			}
#coindh_gris {
                width:30px;
				height:30px;
				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:12px;
}



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

		
#cadre_index {
			position:relative;
			padding:5px 5px 5px 5px;
			color: #000000;
			height:360px;
			margin-right:20px;
			margin-left:10px;
				margin-top:10px;
			top:-10px;
			margin-bottom:-20px;
			overflow:auto;
			font-size:1em;
			
			
}	



.datemel {
color:#557897;
/*color:#009900;*/
font-size:10px;
font-weight:bold;
text-align:right;
}
.date_cadre {
color:#990335;
font-size:1em;
font-weight:bold;
}

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

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

INPUT {
background-color:#CCCCCC;
color:#000000;
}
#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;
}