@charset "utf-8";
/* CSS Document */
body, div, img, p, form, input, h1, h2, h3, li, ul {
border:medium none;
list-style-type:none;
margin:0;
padding:0;
}

a{
outline:none;
}

body {
background: #FFFFFF url(../images/background2.jpg ) no-repeat scroll top center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
line-height: 2em;
}

#sites-web{
background :url(../images/titre-sites.jpg) no-repeat;
position:relative;
display:block;
height:31px;

color:#01c0fe;
text-indent:-9000px;
}

#anim{
background :url(../images/titre-anim.jpg) no-repeat;
position:relative;
/*width:835px;*/
display:block;
height:31px;
margin-top:30px;
color:#01c0fe;
text-indent:-9000px;
}

h2{
background :url(../images/titre.jpg) no-repeat;
color:#01c0fe;
text-indent:-9000px;
}

h3{
margin-top:10px;
color:#5b5b5b;
font-size:130%;
}

h4{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:130%;
margin-bottom:2px;
margin-left:10px;
margin-top:5px;
}


dl{
margin-top:3px;
}

dt{
color:#01c0fe;
font-weight:bold;
float:left;
margin-right:5px;
}

dd{
/*float:right;*/
margin-left:0px;
}

#conteneur{
width:874px;
margin-top:80px;
margin-right:auto;
margin-left:auto;
}

#header{
background :url(../images/tete-bloc.jpg) no-repeat scroll top center;

height:444px;
/*background-repeat:no-repeat;
background-position:top center;*/
/*min-width:960px;*/
/*width:auto;*/
}

#logo{
background :url(../images/logo.png) no-repeat scroll;
width:179px;
height:332px;
display:block;
position:absolute;
margin-left: -60px;
margin-top:-70px;
text-align:left;
text-indent: -9000px;
z-index:10;
}

#gbieron{
background:url(../images/gbieron.jpg) no-repeat scroll 0 0;
display:block;
width:239px;
height:44px;
margin-top:20px;
margin-left:98px;
text-indent:-9000px;
}

#footer{
background :url(../images/pied-bloc.jpg) no-repeat scroll center top;
text-indent:-9000px;
font-size:0px;
margin-bottom:20px;
height:5px;
}

#corps{
background-image:url(../images/fond-bloc.jpg);
background-repeat:repeat-y;
background-position:center;
padding-left:20px;
padding-bottom:20px;
}

#contact{
background-image:url(../images/contact.jpg);
display:block;
background-repeat:no-repeat;
/*background-position:top center;*/
/*font-size:0px;*/
text-indent: -9000px;
right:276px;
top:4px;
position:absolute;
width:69px;
height:14px;

}

#cv
{
background-image:url(../images/cv.jpg);
display:block;
background-repeat:no-repeat;
/*background-position:top center;*/
/*font-size:0px;*/
text-indent: -9000px;
right:366px;
top:4px;
position:absolute;
width:57px;
height:14px;
}



#presentation{
background:url(../images/separateur.jpg) no-repeat scroll 0 0;
width:831px;
position:absolute;
margin-top:70px;
margin-left:20px;
padding-top:30px;
padding-left:40px;
}

#presentation p
{
width: 265px;
color:#5b5b5b;
margin-top:10px;
line-height:1,5em;
font-size:100%;
}

#presentation a
{
text-decoration:none;
color:#01c0fe;
font-weight:bold;
}

#blocflash{
width: 515px;
height: 360px;
display:block;
background-color:#CCCCCC;
float:right;
margin-top:105px;
margin-right:20px;
}

#une{
background:url(../images/une.jpg) no-repeat scroll 0 0;
width:139px;
height:20px;
margin-left:715px;
margin-top:100px;
margin-bottom:0px;
text-indent:-9000px;
/*float:right;*/

}

#flashcontent{
/*width: 515px;
height: 360px;*/
/*display:block;*/
float:right;
margin-top:105px;
margin-right:20px;
border:solid 1px #CCCCCC;
/*text-indent:-9000px;*/
}

#corps{
padding-top:40px;
}

.projet{
background:url(../images/bloc-projet.jpg) no-repeat scroll 0 0;
width:408px;
height:235px;
float:left;
margin-right:15px;
margin-top: 20px;
color:#FFFFFF;
line-height:1em;
}

.projet p{
margin-left:203px;
padding-left:20px;
margin-top:-13px;
border-left:#d4d4d4 dotted 1px;
height:32px;
}

.projet em{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
margin-left:10px;
margin-top:2px;
float:left;
font-style:normal;
}


.projet img{
margin:5px 6px 5px 6px ;
}

.projet a{
color:#FFFFFF;
font-size:85%;
font-style:italic;
}

#lien-sites{
background:url(../images/lien-sites.jpg) no-repeat scroll 0 0;
display:block;
width:260px;
height:23px;
/*position:absolute;*/
margin-top:265px;
margin-left:570px;
text-indent:-9000px;
}

#lien-anim{
background:url(../images/lien-anim.jpg) no-repeat scroll 0 0;
display:block;
width:286px;
height:23px;
margin-top:265px;
margin-left:544px;
text-indent:-9000px;
}

.galerie{
display:none;
}