@charset "utf-8";
/* CSS Document */
.*{
margin:0;
padding:0;
}

htm,body{
margin:0;
padding:0;
background-image:url(img/back.jpg);
background-repeat:repeat-x;
background-color:#032634;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

div#Site{
width:950px;
min-height:200px;
background-image:url(img/backMenu.jpg);
background-repeat:no-repeat;

position:absolute;
float:left;
left:50%;
margin-left:-475px;
margin-top:0px;
z-index:1;
}

div#Menu{
width:950px;
height:125px;

position:relative;
float:left;
z-index:2;
text-align:center;
}

div#Bandeau{
width:900px;
height:215px;

position:relative;
float:left;
margin-left:25px;
margin-top:-55px;
z-index:1;
}

div#Contenu{
width:900px;
min-height:80px;
background-color:#FFFFFF;

position:relative;
margin-left:25px;
float:left;
z-index:1;
}

div#Copyr{
width:860px;
height:23px;
background-image:url(img/backCopyr.png);
background-repeat:no-repeat;

position:relative;
float:left;
margin-left:25px;
padding-top:25px;
padding-left:40px;
z-index:1;

font-size:14px;
color:#333333;
font-weight:bold;
font-style:italic;
}

div#Annuaire{
width:900px;
height:20px;
background-color:#FFFFFF;

position:relative;
float:left;
margin-left:25px;
z-index:1;

font-size:10px;
color:#333333;
font-weight:bold;
font-style:italic;
}

/* INDEX --------------------------------------------------- */
div#Ind1{
width:290px;
min-height:280px;

float:left;
position:relative;
margin-left:5px;
margin-top:10px;
z-index:1;
}
	
div#CadreNoir{
width:290px;
min-height:20px;

float:left;
position:relative;
margin-left:5px;
margin-top:10px;
z-index:1;
}
	div#HCadreNoir{
	width:290px;
	height:8px;
	background-image:url(img/arrondH-noir.jpg);
	
	position:relative;
	float:left;
	font-size:6px;
	}
	div#CCadreNoir{
	width:290px;
	min-height:8px;
	background-color:#000000;
	
	position:relative;
	float:left;
	}
	div#BCadreNoir{
	width:290px;
	height:8px;
	background-image:url(img/arrondB-noir.jpg);
	
	position:relative;
	float:left;
	font-size:6px;
	}
	
div#CadreGris{
width:290px;
min-height:20px;

float:left;
position:relative;
margin-left:5px;
margin-top:10px;
z-index:1;
}
	div#HCadreGris{
	width:290px;
	height:8px;
	background-image:url(img/arrondH-gris.jpg);
	
	position:relative;
	float:left;
	font-size:6px;
	}
	div#CCadreGris{
	width:290px;
	min-height:8px;
	background-color:#666666;
	
	position:relative;
	float:left;
	}
	div#BCadreGris{
	width:290px;
	height:8px;
	background-image:url(img/arrondB-gris.jpg);
	
	position:relative;
	float:left;
	font-size:6px;
	}
	
div#Ind2{
width:580px;
min-height:100px;

float:left;
position:relative;
margin-left:20px;
margin-top:10px;
z-index:1;

color:#032634;
}

div#Ind3{
width:590px;
min-height:120px;

float:right;
position:relative;
margin-right:5px;
margin-top:10px;
z-index:1;
}

/* PACK ------------------------------------------------------- */
div#pack{
width:280px;
background-color:#fa7a21;

float:left;
position:relative;
z-index:1;
margin-bottom:5px;
margin-left:5px;
}

/* BLOC ------------------------------------------------------- */
div#BlocActu{
width:285px;
min-height:50px;
overflow:hidden;
border-bottom:1px solid #FFFFFF;

float:left;
position:relative;
margin-left:2px;
margin-bottom:10px;
z-index:1;
}
	div#BlocTxt{
	width:210px;
	float:left;
	position:relative;
	z-index:1;
	}
	div#BlocImg{
	width:72px;
	float:left;
	position:relative;
	z-index:1;
	text-align:right;
	}

div#BlocActuL{
width:570px;
min-height:50px;
overflow:hidden;
border-bottom:1px solid #CCCCCC;
background-color:#000000;
color:#FFFFFF;

float:left;
position:relative;
margin-left:2px;
padding-top:5px;
padding-bottom:5px;
z-index:1;
}
	div#BlocTxtL{
	width:495px;
	float:left;
	position:relative;
	z-index:1;
	}
	div#BlocImgL{
	width:70px;
	float:left;
	position:relative;
	z-index:1;
	text-align:left;
	}
	


/* TYPO ------------------------------------------------------- */

h1{
margin:0;
padding:0;
font-size:16px;
}

h2{
margin:0;
padding:0;
font-size:14px;
}

h3{
font-size:12px;
font-weight:bold;
color:#FF9900;
margin:0;
padding:0;
}

.lien {
font-size:12px;
font-weight:bold;
color:#333399;
text-decoration:none;
}
.lien a{
font-size:12px;
font-weight:bold;
color:#333399;
text-decoration:none;
}

.lien3 {
font-size:12px;
font-weight:bold;
color:#FF9900;
text-decoration:none;
}
.lien3 a{
font-size:12px;
font-weight:bold;
color:#FF9900;
text-decoration:none;
}

.copyr{
font-size:10px;
color:#FFFFFF;
}