@charset "utf-8";
/* CSS Document */

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 												MISE EN PAGE 											*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

BODY{
position:relative;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

#content{
position:relative;
background:#f4f2e1 url(../_images/template_bg.gif);
width:1000px;
margin-left:auto;
margin-right:auto;
border:1px solid #B6614C;
}

#header{
height:100px;
background: #8c0000 url(../_images/template_header_bg.gif) top left no-repeat;

}

#header #logo{
position:absolute;
top:10px;
left:400px;
}

#header #suggestions{
position:absolute;
z-index:1000;
top:0px;
right:0px;

}
#menu{
padding-top:76px;
background: #741010 url(../_images/template_menu_bg.jpg) top left no-repeat;
position:absolute;
top:100px;
left:0px;
width:223px;
/*border-top:1px solid #8c0000;*/


}

#page{
background:url(../_images/template_page_bg.jpg) top left no-repeat;
width:607px;
position:relative;
top:-1px;
left:223px;
border:1px solid #f4f2e1;
border-left:none;
border-right:none;
border-top:1px solid #8c0000;
z-index:100;
margin-bottom:30px;
height:auto;
overflow:auto;
}


#document{
position:relative;
top:0px;
left:30px;
border:1px solid #e5e3d5;
width:550px;
background-color:#f7f6e6;
margin-top:50px;
height:auto;
margin-bottom:30px;
}


#col_right{

position:absolute;
right:0px;
top:100px;
width:170px; 
}

#footer{
position:relative;
height:35px;
background-color:#8C0000;
text-align:center;
}

#spacer{
float:left;
display:block;
height:500px;
}

#news{
border:1px solid #731112;
height:250px;
margin-right:20px;
background-color:#FCFAFB;
margin-top:10px;

}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 												MENU													*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#menu UL{
position:relative;
top:20px;
padding-left:0px;
margin:0;
text-align:right;
border-top:2px solid black;
border-right:1px solid #ACAAA0;
}
#menu UL LI{
list-style-type:none;
padding:0px;
margin:0px;
border-bottom:1px solid #bcb8af;
}

#menu UL LI A{
padding-top:2px;
padding-bottom:4px;
padding-right:20px;
display:block;
height:14px;
background-color:#e3ded2;
font-size:11px;
font-weight:bold;
color:black;
text-decoration:none;
}
#menu UL LI A:hover{
color:#003366;
background-color:#d4c5a9;
}
#menu UL LI.bord_noir{
border-bottom:2px solid black;
color:#e3ded2;
font-size:12px;
font-weight:bold;
text-align:center;
padding-top:3px;
padding-bottom:8px;
height:7px;
overflow:hidden;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 												MENU HEADER												*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#header UL {
margin:13px 0 0 40px;
padding:0 0 0 0;
position:absolute;
top:0px;
left:0px;
}

#header UL LI{
list-style-type:none;
list-style-image:url(../_images/template_header_puce.gif);
color:#ffffff;
font-size:12px;
margin-bottom:10px;
}
#header UL LI A{
text-decoration:none;
color:white;
}
#header UL LI A:hover{
color:#f2edb8;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 												COLONNE DROITE											*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.vignette{
height:60px;
margin-top:5px;
padding-left:65px;
padding-top:20px;

}
.vignette A{
	text-decoration:none;
}
.vignette DIV{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#731012;
text-decoration:none;
}
.vignette SPAN{
font-weight:bold;
font-size:12px;
color:gray;
text-decoration:none;
}
#vignette_1{
background:url(../_images/template_col_left_vig_1.gif) left top no-repeat;
margin-top:50px;

}
#vignette_2{
background:url(../_images/template_col_left_vig_2.gif) left top no-repeat;
}
#vignette_3{
background:url(../_images/template_col_left_vig_3.gif) left top no-repeat;

}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 											DOCUMENT													*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#document H1{
margin-right:10px;
background: url(../_images/template_document_poisson.gif) top right no-repeat;
display:list-item;
list-style-image:url(../_images/template_document_puce.gif);
margin-left:30px;
color:#8c0000;
font-size:17px;
padding-bottom:10px;
border-bottom:1px solid #cb9a34;
}
        
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 											FOOTER														*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */		

#footer{
	padding-top:10px;
	color:#C28E2E;
	font-size:11px;
}
#footer A{
	color:#C28E2E;
	text-decoration:none;

}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 											ACTU														*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */		
#titre_news{
background-color:#E8E8E8;
color:#8C0000;
font-size:13px;
font-variant:small-caps;
text-align:center;
font-weight:bold;
}
#affichage_news{
font-size:11px;
margin-top:10px;
height:220px;
overflow:hidden;
position:relative;
z-index:2;
}

#affichage_news DIV{
padding:0 15px 0 15px;
position:relative;
top:0px;
z-index:1;
display:none;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\//////////////////////////////////////////////////	*/
/* 													ALERT												*/
/* //////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.alert{
	border:1px solid red;
	color:red;
	background-color:#FFFF99;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}