.h1 {
font-size:80%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#505050; 
text-align:right;
}

.h2 {
font-size:79%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#ffffff;
}

.h3 {
font-size:60%; 
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#ffffff;
padding-right:10px;
text-decoration:none;
}

.h4 {
font-size:120%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#ffffff;
}

.h5 {
font-size:70%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#ffffff;
}

.h6 {
font-size:120%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#EE3224;
font-weight:bold;
}

.h7 {
font-size:80%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#505050;
}

.h8 {
font-size:120%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#EE3224;
font-weight:bold;
padding-left:10px;
}

.h9 {
font-size:80%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#505050;
padding-left:10px;
}

.h10 {
font-size:80%;
font-family:Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif; 
color:#EE3224;
}
  
 body {
  background-color:#323232;
  }
  
.page {
  background-color:#ffffff;
  margin:0 auto;
  width:960px;
  }
  
 .header-waper {
 width:960;
 height:243;
 background-color:#ffffff;
 position:relative;
 float:left; 
 }
 
  .body-waper {
 width:960;
 background-color:#ffffff;
 position:relative;
 float:left; 
 }
 
  .foot-waper {
 width:960;
 height:175;
 background-color:#ffffff;
 position:relative;
 float:left; 
 }
 
  
.onglet2 {
float:right;
width:202px;
height:70px;
vertical-align:middle;
text-align:left;
padding-top:13px;
}

.onglet {
float:right;
width:208px;
height:70px;
vertical-align:middle;
text-align:left;
padding-top:13px;
}

.onglet-picture {
background-image:url(images/head_03.jpg);
width:960px;
height:83px;
text-align:right;
vertical-align:middle;
margin-left: auto; 
margin-right: auto;
}

.onglet-head-rea {
float:left;
width:191px;
height:41px;
vertical-align:middle;
text-align:center;
padding-right:10px;
float:left;
padding-top:15px;
}

.mention {
background-image:url(images/head_01.jpg);
background-repeat:no-repeat;
width:960px;
height:20px;
text-align:right;
vertical-align:middle;
margin: auto;
padding-top:3px
}

.center {
background-color:#ffffff;
width:960px;
height:120px;
margin:auto; 
}

.logo-head {
float:left;
margin:auto;
width:242px;
height:120px;
}

.title-head {
background-color:#ffffff;
width:600px;
height:120px;
float:right;
margin:auto;
text-align:right;
padding-right:10px;
vertical-align:middle;
}

.corps {
background-color:#ffffff;
width:960px;
height:570px;
margin:auto;
}

.corps-contact {
background-color:#ffffff;
width:960px;
height:630px;
margin:auto;
}

.fond-blanc {
background-color:#ffffff;
width:960px;
height:56px;
margin:auto;
}

.head-rea {
background-image:url(images/head-rea.jpg);
background-repeat:no-repeat;
width:755px;
height:56px;
margin:auto;
float:left;
}

.projet-rea {
float:left;
width:190px;
padding-left:10px;
text-align:left;
}

.colonne-rea {
background-image:url(images/colonne-rea.jpg);
background-repeat: repeat-y;
float:left;
width:15px;
height:60px;
text-align:left;
}

.corps-plan {
background-color:#ffffff;
width:960px;
height:420px;
margin:auto;
}

.corps-rea {
background-color:#ffffff;
width:960px;
margin:auto;
}

.picture-rea {
background-color:#ffffff;
margin:auto;
}

.corps-credits {
background-color:#ffffff;
width:960px;
height:600px;
margin:auto;
}

.corps-site {
background-color:#ffffff;
width:960px;
height:600px;
margin:auto;
}

.accueil-logo {
background-image:url(images/accueil-logo.jpg);
width:623px;
height:197px;
float:right;
}

.accueil-plaquette {
background-image:url(images/accueil-plaquette.jpg);
width:623px;
height:197px;
float:right;
}

.accueil-site {
background-image:url(images/accueil-site.jpg);
width:623px;
height:197px;
float:right;
}

.accueil-texte {
float:left;
width:117px;
height:146px;
padding-left:12px;
padding-right:5px;
padding-top:10px;
padding-bottom:41px;
text-align:left;
}

.intro-texte {
float:left;
width:306px;
padding-left:10px;
padding-right:20px;
padding-top:10px;
text-align:left;
}

.formulaire-contact {
width:960px;
height:400px;
float:right;
}


.picture-big {
width:600px;
height:600px;
float:right;
}

.picture-middle {
width:600px;
height:461px;
float:right;
}

.foot-1{
background-image:url(images/foot_01.jpg);
background-repeat:no-repeat;
width:960px;
height:100px;
margin:auto;
}

.foot-2{
background-color:#ffffff;
width:960px;
height:130px;
margin:auto;
}

.foot-text {
float:right;
width:210px;
height:130px;
text-align:right;
}

.foot-text2 {
float:left;
width:150px;
height:130px;
text-align:left;
padding-left:10px
}


.foot-3{
background-image:url(images/foot_02.jpg);
background-repeat:no-repeat;
width:960px;
height:20px;
margin:auto;
text-align:right;
padding-top:20px
}



  
a:link {text-decoration:none;}
a:visited {text-decoration:none;} 
A:hover {color:#505050; text-decoration:none;}