@charset "UTF-8";

/* CSS Document */

body {
margin: 0;
padding: 0;
background-color:#000000;
}

#conteneur{
position:relative;
width:1100px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
overflow: visible;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:16px;
color:#333333;
font-variant:small-caps;
}

.jaune{
color:#ffed00;
text-align:center;
font-size:13px;
}

#encadre{
width:600px;
height:30px;
margin:auto;
border:solid thin;
}

h2{
text-align:justify;
font-size:13px;
margin:0;
}

.montre_accueil{
font-size:14px;
text-align:center;
line-height:30px;
padding:0;
margin:0;
}

#banniere {
float:left;
display:inline;
width:1000px;
height: 180px;
margin-left:50px;
background-image:url(../images/banniere/fond_banniere.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
}

#titre2{
float:left;
display:block;
width:900px;
height: 60px;
margin-top:120px;
margin-left:50px;
}

#haut_contenu{
float:left;
display:inline;
width:1000px;
height:75px;
margin-left:50px;
margin-right:50px;
margin-top:7px;
background-image:url(../images/haut_contenu2.jpg);
background-repeat:no-repeat;
}

#titre{
float:left;
display:inline;
width:700px;
margin-left:258px;
margin-top:30px;
}


#contenu {
float:left;
display:inline;
width:1000px;
margin-left:50px;
margin-right:50px;
background:url(../images/fond_contenu.jpg) repeat-y scroll center top;
}

#menu {
float:left;
display:inline;
width:170px;
height:450px;
margin-left:34px;
margin-top:-30px;
-margin-top: 0px; 
padding:0;
}

#installation_flash{
float:left;
display:block;
width:170px;
height: 90px;
color:#FFFFFF;
}

#sportsystem{
float:left;
display:block;
width: 170px;
height:160px;
font-size:10px;
text-align:center;
}

#texte{
float:left;
display:block;
width:700px;
margin-left:55px;
}

#texte2{
float:left;
display:block;
width:700px;
}

#sous_menu{
float:left;
display:block;
width:700px;
margin-top:30px;
margin-left:55px;
}

#dossier{
float:left;
display:block;
width:700px;
margin-top:30px;
margin-left:55px;
}

#dossier img{
margin-right:20px;
}

#dossier a{
color:#000000;
}

#dossier a:hover{
color:#666666;
}

#sous_menu ul {
padding: 0;
margin:0;
list-style: none
}

#sous_menu ul li {
float: left;
padding:0;
}

#sous_menu ul li a {
float:left;
display:block;
height:40px;
text-align:left;
color:#000000;
padding-top:10px;
padding-left:15px;
text-decoration:none;
font-size:13px;
width:180px;
height:49px;
background:url(../images/btn_concept.jpg) no-repeat;
outline:none;
}

#sous_menu ul li a:hover {
text-decoration:none;
background:url(../images/btn_concept2.jpg) no-repeat;
}


#accueil{
float:left;
display:block;
width:700px;
margin-top:20px;
margin-left:2px;
font-size:14px;
line-height:20px;
text-align:justify;
}

#anim_accueil{
float:left;
display:block;
width:700px;
height:210px;
}

#texte ul{
margin-left:20px;
padding:0;
}

#texte li{
list-style:disc;
font-style:italic;
font-weight:bold;
}

.text1{
float:left;
width:270px;
height:300px;
font-size:12px;
}

#flash{
float:left;
display:block;
width:700px;
margin-left:55px;
}

#texte_gauche{
float:left;
display:block;
width:350px;
margin-top:20px;
font-size:12px;
}

#photo_droite{
float:left;
display:block;
width:300px;
margin-left:50px;
margin-top:20px;
}


#texte_gauche2{
float:left;
display:block;
width:270px;
margin-top:34px;
font-size:12px;
}

#photo_droite2{
float:left;
display:block;
width:380px;
margin-left:50px;
margin-top:30px;
}

.photocentre{
text-align:center;
}

.margephoto{
float:left;
margin-right:12px;
padding:0;
}

.photo{
float:left;
}

.retour {
color:#666666;
font-weight:bold;
}

.retour a{
color:#666666;
font-weight:bold;
}

.retour a:hover{
color:#333333;
font-weight:bold;
}


#pied {
float:left;
clear:both;
width:1100px;
height:125px;
background-image:url(../images/pied.jpg);
background-repeat:no-repeat;
}


#adresse {
float:left;
display:inline;
height:20px;
width:800px;
margin-left:80px;
margin-top:26px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
}

#fam {
float:right;
height:33px;
width:100px;
margin-right:75px;
margin-top:16px;
background-color:#000000;
}

#referencement{
float:left;
display:block;
width:980px;
margin-left:10px;
height:40px;
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
color:#999999;
}
.box{
width:620px;
padding:30px 30px 0px 30px;
border:10px solid #fff;
}
.box_tit{
height:40px;
color:#000;
font-size:16px;
font-weight:bold;}
.img1{
float:left;
padding:0px 20px 0px 0px;}
.num{
height:20px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 400px;
}
.num2{
height:20px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 510px;
}
.num_bg{
float:left;
height:20px;
width:20px;
background-color:#999;
margin:0px 1px 0px 0px;
text-align:center;
}
.num_bg a{
color:#000;
text-decoration:none;
}
.num_bg a:hover{
color:#fff;
}