body {
	margin: 0px;
	background-color: #390000;
	background-image: url(images/map_accueil.gif);
	background-repeat: repeat-x;
}

/*::::::::::::::::::::::::boites page d'accueil::::::::::::::::::::::::*/

#zeboite {
position:absolute;
left:50%; 
margin-left:-473px;
width:946px; 
float:left;
display:block;
border:0px solid red;
}

#zeboitehaut {
position:relative;
display:inline;
float:left;
width:946px; 
height:104px; 
border:0px solid red;
}

#logo {
position:relative;
float:left;
display:inline;
width:166px; 
height:104px;  
background-image: url(images/logo.gif);
background-repeat:no-repeat;
border:0px solid red;
}

/*::::::::::::::::::::::::liens haut:::::::::::::::::::::::*/

#menu_haut {
position:relative;
display:inline;
float:right;
top:8px;
width:760px;
height:15px;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
border:0px solid red;
}

#menu_haut a{
color: #666666;
}

/*::::::::::::::::::::::::recherche::::::::::::::::::::::*/

#boiterecherche {
position:relative;
display:inline;
float:right;
top:15px;  
width:250px; 
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align:left;
color: #390000;
border:0px solid red;
}

/*::::::::::::::::::::::::choix langue::::::::::::::::::::::*/

.drapo {
position:relative;
display:inline;
float:right;
top:15px;  
width:25px; 
height:16px;
border:0px solid red;
margin-left:3px;
margin-top:-3px;
}

/*::::::::::::::::::::::::visuel principal:::::::::::::::::::::::*/

#boite_visuel_principal {
background-image: url(images/visuel_accueil.jpg);
background-repeat:no-repeat;
position:relative;
display:block;
float:left;
width:946px;
height:201px;
}

/*::::::::::::::::::::::::menu principal:::::::::::::::::::::::*/

#boite_menu_principal {
position:relative;
float:right;
display:inline;
margin-top:-45px;
width:750px;
height:82px;
}

.boite_b_menutop {
background-color:transparent;
position:relative;
float:right;
display:inline;
width:82px;
height:82px;
margin-right:0px;
/* hack pour IE*/
*margin-bottom:-6px;
border:0px solid red;
}

.b_menutop {
background-color:#390000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:left;
color: #ffffff;
text-transform:none;
width:76px;
height:70px;
position:relative;
float:left;
display:inline;
border-top:6px solid #390000;
border-left:6px solid #390000;
border-bottom:6px solid #390000;
border-right:1px solid #ffffff;
}

.b_menutop  a{
color: #ffffff;
text-decoration:none;
}

.b_menutop  a:hover{
color: #ffffff;
text-decoration:none;
}

.b_menutop2 {
background-color:transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:left;
color: #ffffff;
text-transform:none;
width:82px;
height:82px;
position:relative;
float:left;
display:inline;
padding:6px;
}

.b_menutop2  a{
color: #ffffff;
text-decoration:none;
}

.b_menutop2  a:hover{
color: #ffffff;
text-decoration:none;
}

.txtrub {
background-image: url(images/etoile_menu.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:#ffffff;
position:relative;
float:left;
display:inline;
width:100px;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:25px;
margin-top:-1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#390000;
text-align:left;
border:1px solid #390000;
}

.txtrub a{
color:#390000;
}

.txtrub a:hover{
color: #ab1315;
text-decoration:none;
}

/*::::::::::::::::::::::::bas triangle haut::::::::::::::::::::::*/
#trianglehaut {
background-image: url(images/bas_triangle_haut.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:transparent;
position:relative;
float:left;
display:inline;
width:45px;
height:133px;
_margin-top:-4px;
}

/*::::::::::::::::::::::::zone menu 2 et contenu::::::::::::::::::::::*/
#boitecontenu {
background-image: url(images/triangle_bas_home.gif);
background-repeat:no-repeat;
background-position: bottom right;
background-color:transparent;
position:relative;
float:left;
display:inline;
width:901px;
}

/*::::::::::::::::::::::::menu typologique::::::::::::::::::::::*/
#boitemenutypologique {
background-image: url(images/map_menu_typologique.gif);
background-repeat:repeat-x;
background-position: top left;
background-color:transparent;
position:relative;
float:left;
display:inline;
width:708px;
height:50px;
_margin-top:-4px;
}

.liensmenutypologique {
background-image: url(images/triangle_rouge.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:transparent;
position:relative;
float:left;
display:inline;
width:auto;
height:50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#ffffff;
text-align:left;
padding-left:15px;
padding-right:17px;
padding-top:5px;
}

.liensmenutypologique a{
color:#ffffff;
}

.liensmenutypologique a:hover{
color:#ab1315;
text-decoration:none;
}

/*::::::::::::::::::::::::bas grande etoile::::::::::::::::::::::*/
#boitebasetoile {
background-image: url(images/bas_etoile_home.png);
background-repeat:no-repeat;
background-position: top left;
background-color:transparent;
position:relative;
float:right;
display:inline;
width:193px;
height:72px;
_margin-top:-4px;
}

/*::::::::::::::::::::::::intro::::::::::::::::::::::*/
#boiteintro {
background-color:transparent;
position:relative;
float:left;
display:inline;
width:278px;
}

.titreintro{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:278px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
letter-spacing:6px;
color:#ffffff;
text-align:right;
margin-bottom:20px;
}

.txtintro{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:270px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height:25px;
color:#ffffff;
text-align:right;
margin-bottom:20px;
}

/*::::::::::::::::::::::::actualité::::::::::::::::::::::*/
#boiteactu{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:448px;
margin-top:0px;
margin-left:124px;
}

.grdtitreactu{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:446px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing:8px;
color:#c9cf0b;
text-align:left;
}

.boiteresume {
background-color:transparent;
border:1px solid #ffffff;
position:relative;
float:left;
display:inline;
width:220px;
height:300px;
margin-top:-3px;
margin-right:2px;
}

.titreactu{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#ffffff;
text-align:left;
margin-top:20px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}

.txtactu{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#ffffff;
text-align:left;
margin-left:20px;
margin-right:20px;
}

.imageactu{
background-color:transparent;
position:relative;
float:left;
display:inline;
width:60px;
height:80px;
margin-bottom:3px;
margin-right:3px;
overflow:hidden;
}

.b_ensavoirplus {
background-image: url(images/en_savoir_plus.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:transparent;
position:relative;
float:right;
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#ffffff;
text-align:left;
margin-right:20px;
margin-top:10px;
padding-left:13px;
}

.b_ensavoirplus a{
color:#ffffff;
}

.b_ensavoirplus a:hover{
color:#ab1315;
text-decoration:none;
}