*{
margin:0;
padding:auto;
}
body{
background:#555 url(imagec/fond1.png) repeat-x;
}

.box1060{

width:1060px;
margin:0 auto;
/*background-color:gray;*/
}
#fronton{/*header*/
width:1060px;
margin:0 auto;
/*background-color:#ccc;*/
background-image:url(imagec/banniere1.png);
background-repeat:no-repeat;
background-position:4px 70px;
}
.tete{
display:inline-block;
/*background-color:green;*/
vertical-align:top;
text-decoration:none;
color:white;
}
.tipo{
font-family:verdana;
font-size:12px;
text-decoration:none;
color:white;
}
#menu_gauche a{
padding-left:25px;
}
#menu_gauche a:hover{
color:red;
}
#menu_gauche{/*nav de gauche*/
/*background-color:pink;*/
width:329px;
margin:90px 0 0 25px;
}
#logo{
/*background-color:red;*/
width:354;
}
#accueil{
display:block;
font-family:verdana;
font-size:16px;
padding:10px 50px 0 0;
text-align:right;
}
#accueil a{
color:red;
background-color:#5b6161;
text-decoration:none;
padding: 5px 20px 4px 10px;
}
#accueil a:hover{
background-color:white;
}
#droite{
display:block;
margin:60px 0 0 0;
/*background-color:red;*/
width:335px;
}
#droite a:hover{
color:red;
}
#droite a{
padding-right:15px;
}
#ombre {
margin:0 0 0 190px;
}

/*section du plongeur*/

#container{ 
margin-top:-50px;
background-color:#2d2c28;
height: 400px;
}
#plongeur{
display:inline-block;
margin:50px 0 0 10px;
border:3px solid white;
}
#article1{
display:inline-block;
margin:0 0 0 20px;
}
/*à coté du plongeur*/
#article1 h2 {
font-size:24px;
color:#be9929;
}
#decouvrir{
width:320px;
font-size:16px;
color:#fff;
}
#separation{
background-image:url(imagec/separationi.png); 
background-repeat:repeat-x;
height:72px;
margin:0 auto;
}
#fond_corps{
background-color:#dad6cd;
margin:0 auto;
}
#corps{
display:inline-block;
background-color:#fff;
width:700px;
padding:20px 15px 0 20px;
}
/*partie avec 2photos*/
#corps h2{
padding:0 0 10px 0;
color:#3e7185;/*bleu*/
font-size:36px;
}
#corps p{
font-family:arial;
font-size:24px;
color:#63a5bf;
}
#faune{
font-size:18px;
color:black;
}
#stage_photo{/*titre h3*/
display:inline-block;
font-size:20px;
color:#3e7185;
}
#bsm{/*titre h3*/
display:inline;
margin:0 0 0 113px;
font-size:20px;
color:#3e7185;
}
.g {
vertical-align:top;
display:inline-block;
width:345px;
height:291;
background-color:#2d2c28
}
#g1{
display:inline;
margin-left:9px;
}
#a1{
margin-left:5px;
font-size:20px;
color:white;
}
#g2{
display:inline-block;
margin-left:9px;
}
#a2{
margin-left:5px;
font-size:20px;
color:white;
}
#bas{
background-color:#fff;
width:700px;
padding:20px 15px 130px 20px;
}
.info{
display:inline-block;
margin:0 0 0 220px;
}

#bas h2{
margin:20px 0 0 0;
color:#3e7185;/*bleu*/
font-size:36px;
}
#cerbere{
font-size:18px;
}
h4{
margin:0 0 20px 0;
color:#029ed6;
}
#boule{
display:inline-block;
vertical-align:top;
}

#basdroite{
display:inline-block;
vertical-align:top;
margin-left:20px;
}
h5{
font-size:24px;
}
.tipo2{
list-style-type:none;
font-size:16px;
}

#separation2{
background-image:url(imagec/footer.png); 
background-repeat:repeat-x;
height:78px;
margin:0 auto;
}

#pied{
background-color:#dad6cd;
margin:0 auto;
height:100px;
}
#a4{
display:inline-block;
vertical-align:top;
width:270px;
height:310px;
background-image:url(imagec/blason.png);
margin:30px 0 0 20px;
background-repeat:no-repeat;
padding:20px 0 0 10px;
}
.blas{
list-style-type:none;
color:white;
margin:0 0 20px 0px;
text-align:left;
/*background-color:green;*/
}
.env{
display:inline-block;
margin:0 10px 5px 0;
}
.tel{
margin-right:30px;
}
.l1{
font-variant:small-caps;
font-size:24px;
/*background-color:red;*/
}
.l2{
display:inline-block;
font-size:16px;
margin:8px 0 0 0;
}
.l3{
font-size:18px;
color:yellow;
}

#mention{
font-size:16px;
color:white;
padding:30px 0 0 500px;
}