div,img,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}
body{
background-color:#e5e5e5;
}
#main{
width:900px;
margin:25px auto;
background:url(image/fond.jpg) repeat;
}
#middle{
margin-left:38px;
width:823px;
}
#bandeau{
width:823px;
height:150px;
background:url(image/bandeau.jpg);
}
#menu{
width:823px;
height:21px;
background:url(image/menu.jpg);
}
#gauche{
width:320px;
height:400px;
float:left;
background:#FFFFFF;
}
#actu{
width:226px;
height:318px;
background:url(image/actualite.jpg) no-repeat;
margin-top:45px;
margin-left:70px;
}
#actu1{
margin-left:5px;
margin-right:5px;
width:226px;
height:45px
}
#actu2{
width:200px;
margin-left:10px;
}

#droite{
width:503px;
height:400px;
float:left;
background:#FFFFFF;
}
#contenu{
margin-top:45px;
width:398px;
height:200px;
margin-left:20px;
}
#apercu{
width:398px;
height:116px;
background:url(image/apercu.jpg);
margin-left:20px;
}
#mention{
width:823px;
height:22px;
background:url(image/mention.jpg);
clear:both;
}
#flashcontent{
margin-left:10px;
width:810px;
height:750px;
}
#actuliste{
width:500px;
margin:10px auto;
}
li {
float:left;
list-style-type:none;
}
li a{
text-align:center;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
line-height:18px;
border-right:1px solid #40484B;
height:21px;
}
a.link{
color:#29626e;
}
li a.pageactuelle{
color:#CC3300;
}
a:visited,a:link,a:active{
text-decoration:none;
color:#29626e;
}
a:hover{
color:#CC3300;
}
h1{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#245660;
text-indent:15px;
} 
h2{
font:normal 20px Verdana, Arial, Helvetica, sans-serif;
text-indent:15px;
line-height:35px;
color:#245660;
}
p{
color:#245660;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.menua{
margin-left:10px;
width:60px;
}
.menucp{
width:103px;
}
.menue{
width:93px;
}
.menuf{
width:93px;
}
.menup{
width:90px;
}
.menuct{
width:80px;
}
.menul{
width:50px;
}
.bordernone{
border:none;
}
.apercutexte{
text-align:center;
line-height:30px;
}
.date{
color:#245660;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
text-decoration:underline;
}
.mention{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
}
.textecontenu{
text-indent:15px;
}
/*page contact*/
legend{
color:#000000;
}
#contact{
width:823px;
}
.contact{
margin-left:50px;
}
form{
margin:15px;
}
.calage { 
display:inline; 
float:left; 
width:100px; 
font-weight:bold;
margin-left:5px; 
font-size:12px;
}
/*fin page contact*/
/*page liens*/
#liens{
width:700px;
margin:50px 100px 50px 0px;
}
img.suivre,a.suivre{
float:left;
margin-bottom:50px;
margin-left:50px;
}
img.stopsuivre,li.stopsuivre{
clear:both;

}
a.suivre{
margin-left:1px;
margin-top:30px;
border:none;
margin-bottom:75px;
}
/*fin de page liens*/
/*Page portefolio*/
#portefolio{
width:823px;
height:450px;
}
#folio1{
width:450px;
float:left;
height:450px;
}
#folio2{
margin-top:50px;
margin-left:40px;
width:310px;
height:400px;
float:left;
}
img.espace{
margin-left:46px;
margin-top:50px;
}
/*#apercuphoto{
width:850px;
margin:50px 40px;
}*/
a.stopsuivre{
clear:both;
}
a.center{
margin-left:400px;
}
/*fin page portefolio*/
/*page formation*/
#formation{
margin:50px 100px;
width:550px;
}
.formation{
text-indent:15px;
text-decoration:underline;
font-size:12px;
}
.formcontenu{
text-indent:40px;
}
/*Fin de la page formation*/
/*page competences*/
#competence{
margin:50px 100px;
width:550px;
}
.titrecomp{
text-indent:15px;
text-decoration:underline;
font-size:12px;
}
.stitrecomp{
text-indent:40px;
}
.compcontenu{
text-indent:50px;
}
/*Fin de la page comptences*/
/*page experiences*/
#experience{
margin:50px 100px;
width:550px;
}
.titreexp{
text-indent:15px;
text-decoration:underline;
font-size:12px;
}
.stitreexp{
text-indent:40px;
}
.expcontenu{
text-indent:50px;
}
/*Fin de la page comptences*/