@charset "utf-8";
/* CSS Document */

body{
margin:0; padding:0;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif; font-size:12px;

}
#haut{
background-position:center;
background-image:url(images/zoup-studio-header.png);
background-repeat:no-repeat;
width:100%;
height:210px;
background-color:#FFFFFF;

}
#conteneur{
background:url(images/zoup-studio-arriere-plan.png);
background-repeat:no-repeat;
width:100%;
height:132px;
background-color:#000000;
text-align:center;
}

#conteneur-profil{
background-position:center;
background:url(images/zoup-studio-profil-sylvain-mouque.jpg) 50%;
background-repeat:no-repeat;
width:100%;
height:658px;
text-align:center;
}

#conteneur-contact{
background-position:center;
background:url(images/zoup-studio-contact.png);
background-repeat:no-repeat;
margin:auto;
width:663px;
height:373px;
text-align:center;
}


#contenu{
background-image:url(images/zoup-studio-contenu.png);
background-repeat:repeat-y;
width:820px;
height:auto;
margin:auto; padding:0; text-align:center; height:auto
}

.contenu-profil{
width:240px;
height:531px;
color:#FFFFFF;
margin:auto; padding:0; text-align:center;
padding-top:37px;
_padding-top:37px;
padding-right:470px;
text-align:justify;
font-size:12px;
}
.contenu-profil a{ color:#29ABE2; text-decoration:underline;}
.contenu-profil a:link{color:#29ABE2; text-decoration:underline;}
.contenu-profil a:visited{color:#29ABE2; text-decoration:underline;}
.contenu-profil a:hover{color:#29ABE2; text-decoration:underline;}


.fbleu{ color:#29ABE2}

.contenu-contact{
width:436px;
height:253px;
color:#FFFFFF;
margin:auto; padding:0; text-align:left;
font-size:12px;
padding-top:85px;
}


#menu{ text-align:left; padding-top:192px; width:800px; margin:auto; padding-left:0px;}
#menu ul{ text-align:left; margin:0; padding:0; padding-left:10px; }

#menu li{ display:inline; padding-right:25px; 
}

#menu a{  color:#ED1E79; margin:0; cursor:pointer;}
#menu a:hover{  color:#29ABE2; margin:0}
.realisation{ height:auto;}
.titre-realisation{height:40px;  margin-right:30px; text-align:right; padding-top:10px;}
.contenu-realisation{ margin-top:10px; float:none; padding-bottom:10px; height:230px;}

.image-realisation{ width:565px; height:220px; float:right; background-color:#333333; border:solid 1px #29ABE2;margin-right:30px; padding-top:10px; _margin-right:10px;}

.description-perso{ background-image:url(images/zoup-studio-travail-perso.png); background-repeat:no-repeat; height:230px; width:216px; margin-left:7px; float:left; text-align:right;}
.description-pro{ background-image:url(images/zoup-studio-travail-pro.png); background-repeat:no-repeat; height:230px; width:216px; margin-left:7px; float:left; text-align:right;}
.quand{padding-right:5px; padding-top:45px; color:#29ABE2; }
.pour{padding-right:5px;color:#29ABE2;}
.desc{padding-right:5px;color:#ffffff; padding-left:10px;}
.lien{padding-right:5px;color:#ED1E79}
.separateur{ width:673px; height:2px; text-align:center; background-image:url(images/zoup-studio-separateur.png); background-repeat:no-repeat;  margin-top:20px; margin-left:74px; float:none}
.contenu-realisation-video{ margin-top:10px; float:none; padding-bottom:10px; height:450px;}
.image-realisation-video{ width:565px; height:auto;float:right; background-color:#333333; border:solid 1px #29ABE2;margin-right:30px; padding-top:10px; _margin-right:10px;}