body{
background : url(img/deg_body.jpg) repeat-x #5f1339;
font-family: Georgia, "DejaVu Serif", Norasi, serif;
}

#conteneur{
width : 1307px;
position : relative;
margin : 0 auto;
overflow : hidden;
background : url(img/fond.jpg) no-repeat;
background-position : top center;
}

#logo{
width : 820px;
height : 103px;
margin : 0 auto;
padding : 0;
background : url(img/head2.jpg);
text-indent : -999px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
border : 1px solid #999999;
}

#col_droit{
width : 250px;
float : right;
}

#col_gau{
width : 540px;
float : left;
}

#centrage{
width : 820px;
margin : 0 auto;
}
#news{
width : 250px;
float : right;
margin : 20px 0 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
background : #fff;
text-align : center;
border : 1px solid #999999;
}

#news h2{
text-align : right;
background : url(img/news.png) no-repeat;
text-indent : 10px;
color : #bd2cf9;
font-size : 130%;
margin : 10px 20px 10px 20px; 
text-shadow: 2px 2px 5px #999999;
filter: dropshadow(color=#999999, offx=2, offy=2); 
}

.champs{
color : #999999;
}

.pub{
clear : both;
width : 250px;
float : right;
border : 1px solid #999999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background : #fff;
margin : 15px 0 0 0;
}

.pub img{
margin : 5px 5px 5px 5px;
border : none;
}

#fdp{
clear : both;
width : 250px;
float : right;
border : 1px solid #999999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background : white;
margin : 20px 0 0 0;
}

#fdp_img{
margin : 2px 5px 5px 5px;
}

#fdp img{
border : none;
}

#fdp h2{
margin : 5px 10px 0 10px;
border-bottom : 1px solid #bd2cf9;
font-size : 105%;
text-shadow: 2px 2px 5px #999999;
filter: dropshadow(color=#999999, offx=2, offy=2);
}

#part_dr{
width : 110px;
float : right;
list-style-type : none;
margin : 10px 10px 10px 0;
padding : 0;
text-align : right;
}

#part_gau{
width : 110px;
float : left;
list-style-type : none;
margin : 10px 0 10px 10px;
padding : 0;
}

#part_centr{
clear : both;
text-align : center;
list-style-type : none;
padding : 0;
}



.preview{
width : 540px;
background : url(img/preview_fd.jpg) no-repeat #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
border : 1px solid #999999;
margin : 15px 0 0 0;
float : left;
}

.preview h2{
color : #bd2cf9;
text-shadow: 2px 2px 5px #999999;
filter: dropshadow(color=#999999, offx=2, offy=2);
font-size : 130%;
text-align : center;
padding : 0;
margin : 10px 0 0 0;
}

.preview ul{
list-style-type : none;
display : block;
width : 120px;
text-align : center;
padding : 0 ;
margin : 15px 0 15px 12px;
float : left;
}

.preview img{
border : 1px solid #999999;
}

#pied{
clear : both;
width : 818px;
height : 20px;
float : left;
background : #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
border : 1px solid #999999;
margin : 20px 0 0 0;
}

#pied p{
font-size : 70%;
text-align : center;
padding : 0;
margin : 0;
line-height : 20px;
}

/* Slideshow */

#slideshow{
position : relative;
width : 540px;
height : 300px;
background : #fff;
border : 1px solid #999999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin : 20px 0 0 0;

}



#slideshow ul{
margin : 5px 0 0 5px;;
padding : 0;
list-style-type : none;
}

#slideshow ul li{
margin : 0;
padding : 0;
}

#slideshow img{
border : none;
}

.slides-nav{
position : absolute;
top : 0px;
right : 5px;
z-index : 10;
list-style-type : none;
float : left;
}



.slides-nav li{
float : left;
display : block;
width : 20px;
height : 20px;
background : white;
text-align : center;
border : 1px solid #d4d3d4;
line-height : 17px;
}

.slides-nav a:link, .slides-nav a:visited, .slides-nav a:hover{
text-decoration : none;
color : #a40b59;
background : white;
}


.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background: #a40b59;
color : white;
}

.preview a:link{
color : #666666;
text-decoration : none;
}

.preview a:visited{
color : #333333;
text-decoration : none;
}

.preview a:hover{
color : #a40b59;
text-decoration : none;
font-style : italic;
}