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

body{
margin: 0;
padding: 0;

font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
background: url(../images/background.jpg) repeat center top;
}
#background-top{
background: transparent url(../images/background-top.jpg) repeat-x left top;
min-height: 421px;
height: auto;
_height: 421px;
}
#background-degrad-etire{
width: 966px;
background: url(../images/degrad-background-etire.gif) repeat-y 0 0;
margin: 0 auto;
}
#background-degrad-top{
width: 966px;
background: url(../images/degrad-background.gif) no-repeat 0 0;
margin: 0 auto;
}
#container{
margin: 0 auto;
width: 960px;
position: relative;
padding-top: 339px;
}

/* ------------------------- */
/* Style de l'entête du site */
/* ------------------------- */

#header{
position: absolute;
top: 0;
left:0;
width: 960px;
z-index: 1;
}
.logo{
width: 295px;
height: 131px;
background: url(../images/fr/logo.gif) no-repeat 0 0;
float: left;
display: block;
}
.slogan{
width: 295px;
height:148px;
background: url(../images/fr/slogan.jpg) no-repeat 0 0;
margin: 0 0 0 0;
float: left;
}
#flashcontent{
width: 665px;
height: 261px;
background: url(../images/fr/flash.jpg) no-repeat 0 0;
float: right;
margin-top: 47px;
}

/* ------------------------- */
/*   Style du corp du site   */
/* ------------------------- */

#mainFrame{
position: relative;
background: #ffffff url(../images/background-contenu.jpg) no-repeat top right;
padding: 0 0 0 305px;
width: 655px;
min-height: 330px;
height: auto;
_height: 330px;
z-index: 2;
}
.col-left{
width: 363px;
float: left;
padding-top: 3px;
font-size:12px;
}
#mainFrame h1, #mainFrame h2{
color: #223056;
font-size: 1.2em;
}
#mainFrame p{
color: #73787b;

}
#mainFrame ul{
color: #73787b;

padding: 0 0 0 0;
margin: 0 0 0 10px;
list-style: none;
}
#mainFrame ul li{
background: url(../images/puce.gif) no-repeat 0 3px;
padding: 0 0 0 10px;
}
#mainFrame ul ul li{
margin: 0 0 0 20px;
}
#mainFrame ul li.no-puce{
background: none;
}
#mainFrame ul li.principal{
font-weight: bold;
}
#mainFrame ul li.secondaire{
font-weight: bold;
margin: 0;
}

.col-right{
width: 265px;
float: left;
padding: 0 0 0 25px;
}
.bas-vignet{
width: 265px;
color: #73787b;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ------------------------- */
/*   Style du pied du site   */
/* ------------------------- */

#footer{
width: 960px;
height: 30px;
background: url(../images/footer.gif) no-repeat 0 0;
}
.copyright{
font-size: 0.8em;
line-height: 1.5em;
text-align: center;
width: 966px;
margin: 0 auto;
padding: 10px 0 10px 0;
color: #7b7a7b;
background: url(../images/degrad-background-bottom.gif) no-repeat 0 0;
}