@charset "iso-8859-1";
/* CSS Document */

/*#########################
###                     ###
###       GENERAL       ###
###                     ###
#########################*/

body{
background-color:#11100f;
background:url(design/bg.gif) repeat-x #11100f;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

*{
margin:0px;
}

a{
outline:none;
color:#ffffff;
}

a img{
border:0;
}

/*#########################
###                     ###
###       TEMPLATE      ###
###                     ###
#########################*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= global */

#global{
width:910px;
margin-right:auto;
margin-left:auto;
position:relative;
margin-top:15px;
margin-bottom:50px;
/*"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;*/
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= le chardon */

#chardon{
position:absolute;
z-index:500;
top:40px;
left:-15px;
width:82px;
height:82px;
background:url(design/le_chardon.png);
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= langues */

#langues{
font-size:10px;
position:absolute;
right:10px;
top:0px;
color:#5b5b5b;
}

#langues a{
color:#5b5b5b;
text-decoration:none;
}

#langues a:hover{
color:#727272;
font-weight:bold;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= header */

#header{
margin-left:80px;
margin-bottom:5px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= menu */

#menu ul{position:absolute;right:0px;top:25px;list-style-type:none;}#menu2 ul{position:absolute;left:-30px;bottom:-20px;list-style-type:none;z-index:1000;}#menu ul.menuB{margin-top:20px;}#menu2 ul.menuB{margin-bottom:-20px;}
*+html #menu2 ul{
left:10px;
}

#menu ul li, #menu2 ul li{
float:left;
margin-right:10px;
}

#menu ul li a, #menu2 ul li a{
color:#807f7f;
text-decoration:none;
font-variant:small-caps;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
font-weight:bold;
font-size:14px;
}

#menu ul li a:hover, #menu2 ul li a:hover{
color:#FFFFFF;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= corps */

#corps{
background-color:#202020;
border:1px solid #b4b4b4;
color:#FFFFFF;

position:relative;
/*height:530px;*/
z-index:200;
min-height:455px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= left */

#left{
width:195px;
float:left;
}

#left .image{
border-right:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
height:235px;
}

#left .actualite{
border-right:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
/*height:284px;*/
padding:5px;
padding-left:10px;
padding-right:10px;
background-color:#a8d202;
color:#FFFFFF;
font-size:11px;
text-align:justify;
}

#left .actualite img{
display:block;
width:168px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:10px;
}

#left .actualite img.euro{
border:2px solid #202020;
width:97px;
}

#left .actualite p{
margin-bottom:5px;
margin-top:5px;
}

#left img.img_titre{
border-right:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
margin-left:20px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= right */

#right{
float:right;
position:relative;
width:700px;
}

#right img.img1{
border-bottom:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
position:absolute;
right:140px;
}

#right img.img2{
border-top:1px solid #b4b4b4;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
position:absolute;
right:15px;
top:84px;
}

*+html #right img.img2{
top:74px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= copyright */

#copyright{
position:absolute;
right:10px;
bottom:-15px;
list-style-type:none;
color:#535353;
font-size:10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= wrapper */

#wrapper{
clear:both;
/*padding-bottom:10px;*/
height:0px;
}

*+html #wrapper{
height:auto;
}

/*#########################
###                     ###
###       PAGES         ###
###                     ###
#########################*/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= accueil */

#accueil{
width:430px;
color:#FFFFFF;
font-size:11px;
}

#accueil .accueil_in{
background-color:#1b1b1b;
padding:10px;
}

#accueil img.bienvenue{
margin-top:20px;
margin-bottom:10px;
}

#accueil img.accueil, #accueil img.accueil_photo{
border:1px solid #b4b4b4;
}

#accueil p{
line-height:15px;
}

#accueil img.accueil_photo{
padding:5px;
display:block;
width:400px;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
margin-top:25px;
}

#right img.img4{
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-bottom:1px solid #b4b4b4;
position:absolute;
right:20px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= rubrique */

#rubrique{
width:680px;
color:#FFFFFF;
font-size:11px;
margin-bottom:10px;
}

#rubrique .rubrique_in{
background-color:#1b1b1b;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
}

#rubrique p{
line-height:15px;
margin-bottom:10px;
margin-top:10px;
}

#rubrique img{
border:1px solid #b4b4b4;
margin-bottom:25px;
margin-top:25px;
}

#rubrique img.h2{
border:none;
margin-left:5px;
}