@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;
}

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

a{
outline:none;
}

#presentation a{
color:#01c0fe;
font-size:100%;
font-weight:bold;
list-style-image: url(../images/fleche.jpeg);
list-style-position:inside;
}


#ecommerce{
background :url(../images/titre_ecommerce.jpg) no-repeat;
/*display:block;*/
width:830px;
height:31px;
color:#01c0fe;
text-indent:-9000px;
/*position:absolute;*/
}

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

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

#sitevitrine{
background :url(../images/titre_institutionnel.jpg) no-repeat;
width:830px;
/*display:block;*/
height:31px;
margin-top:40px;
color:#01c0fe;
text-indent:-9000px;
}

#titre-logos{
background :url(../images/titre_logo.jpg) no-repeat;
width:830px;
/*display:block;*/
height:31px;
margin-top:40px;
color:#01c0fe;
text-indent:-9000px;
}

#titre-print{
background :url(../images/titre-print.jpg) no-repeat;
width:830px;
/*display:block;*/
height:31px;
margin-top:40px;
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%;
}*/


dl{
margin-top:5px;
/*width:274px;*/
line-height: 2em;
}

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;

}

#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;
}


#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;
padding-top:40px;
}

#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;
}

#contexte{
background:url(../images/contexte.jpg) no-repeat;
text-indent:-9000px;
margin-top:5px;
}

#realisation{
background:url(../images/realisation.jpg) no-repeat;
text-indent:-9000px;
height:16px;
margin-bottom:5px;
}

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

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

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

.projet{
height:170px;
width: 830px;
margin-top:20px;
padding-top:0px;
padding-bottom:20px;
border-bottom:dotted 1px #01bffe; 
}

.projet2{
height:170px;
width: 830px;
margin-top:20px;
padding-top:0px;
padding-bottom:20px;
}
.projet img{
float:left;
border:solid 4px #9fe0f8;
}

.projet2 img{
float:left;
border:solid 4px #9fe0f8;
}


h4{
color:#01bffe;
font-size:200%;
margin-left:428px;
padding-top:80px;
/*marging-bottom:auto;*/
padding-bottom:0px;
}

h5{
color:#01bffe;
font-size:120%;
position:relative;
/*top:-23px;
left:13px;*/
left:13px;
bottom:20px;
}

p{
color:#333333;
/*font-size:110%;*/
margin-left:430px;
margin-top:-25px;

}


.galerie{
display:none;
}