/* CSS Document */

body{
font-family: century Gothic;
font-size:11px;
background-color: #f0efef;
margin-left:auto;
margin-right:auto;
}
img{
border:none;}


h1{
font-size:14px;
font-weight:bold;
color:#666666;}

#conteneurqui, #conteneurportfolio, #conteneurcontact, #conteneurstudio{
position:relative;
width:1076px;
left:50%;
margin-left:-538px;
background-repeat:no-repeat;
background-position:center;
height:716px;

}


#conteneurqui{ 
background-image:url(images/fond2.png);
}


#conteneurportfolio{ 
background-image:url(images/fond3.png);
}


#conteneurcontact{ 
background-image:url(images/fond4.png);
}

#conteneurstudio{ 
background-image:url(images/fond5.png);
}

#gauche{
vertical-align:middle;
display:block;
float:left;
voice-family:inherit;
margin:40px 15px 50px 75px;}

html>body #gauche{
margin:40px 10px 40px 135px;
}


#centre{

height:120px;
margin: 50px 120px 0 -150px;
text-align:justify;}



#centrestudio{

height:286px;
margin-left:30px;
margin-top:10px;
text-align:justify;}




ul#menu {
list-style-type: none;
margin: 20px 0 0 5px;
padding: 0;
font-weight:bold;
font-size:1.2em;
text-align: left;
}




ul#menu a {
display: block;
width: 9em;
height: 1.3em;

text-decoration: none;
margin: 2px 0;

}

ul#menu a:link, ul#menu a:visited {
background:url(images/flecheOff.gif) no-repeat 0% 3px;
padding-left:15px;
color: #333333;
}
ul#menu a:hover {
color:#19A3C8;
background:url(images/flecheOff.gif) no-repeat 0% 3px;
text-decoration:underline;
padding-left:15px;
}






ul#menu2{
list-style-type: none;
margin: 20px 0 0 5px;
padding: 0;
font-weight:bold;
font-size:1em;
text-align: left;
}




ul#menu2 a {
display: block;
width: 12em;
height: 1.3em;
text-decoration: none;
margin: 2px 0;

}

ul#menu2 a:link, ul#menu2 a:visited {
background:url(images/flecheOff.gif) no-repeat 0% 3px;
padding-left:15px;
color: #333333;
}
ul#menu2 a:hover {
color:#19A3C8;
background:url(images/flecheOff.gif) no-repeat 0% 3px;
text-decoration:underline;
padding-left:15px;
}











ul#menu .dessus{
display: block;
width: 12em;
height: 1.4em;
text-align: left;
text-decoration:underline;
margin: 1px 0;
color:#19A3C8;
background:url(images/flecheOff.gif) no-repeat 0% 3px;
padding-left:15px;}














.centre2{


voice-family:inherit;
padding:20px -20px; }


html>body .centre2{
padding:10px;
}


.centre3{

padding-top:0px; 
margin-left:250px; }


.centre4{

padding-top:20px; 
margin-left:300px; }




#gaucheref{
vertical-align:middle;
display:block;
float:left;
line-height:1.1em;
voice-family:inherit;
margin:0px 10px 15px 40px;

}

html>body #gaucheref{
margin:0px 20px 25px 50px;

}




ul#menuref, ul#menuref3 {
list-style-type: none;
margin-left: 95px;
padding: 0;
}





ul#menuref a:link, ul#menuref a:visited, ul#menuref2 a:link, ul#menuref2 a:visited, ul#menuref3 a:link, ul#menuref3 a:visited{
padding-left:15px;
color: #333333;
}



ul#menuref a,  ul#menuref3 a{
display: block;
width: 12em;
text-align: left;
text-decoration: none;
margin: 1px 0;
}

ul#menuref a{
voice-family:inherit;
height: 1.4em;
background:url(images/flecheOff.gif) no-repeat 0% 70%; 
}
html>body ul#menuref a{
height: 1.5em;
background:url(images/flecheOff.gif) no-repeat;}







ul#menuref2{
list-style-type: none;
margin-left: 65px;
padding: 0;

}

ul#menuref2 li {
float: left;
}

ul#menuref2 a{
text-indent: -5000px;
float: left;
margin: 0 4px;
text-align: center;
text-decoration:none;
voice-family:inherit;
height:22px;
}
a#lien1{
background-image:url(images/creation.gif);
width:64px;
}
a#lien1:hover{
background-image:url(images/creation2.gif);
width:64px;
}

a#lien2{
background-image:url(images/impression.gif);
width:64px;
}
a#lien2:hover{
background:url(images/impression2.gif);
width:64px;
}




ul#menuref3 a{
voice-family:inherit;
height: 1.4em;
background:url(images/flecheOff2.gif) no-repeat 0% 70%;
}
html>body ul#menuref3 a{
height: 1.5em;
background:url(images/flecheOff2.gif) no-repeat;}



ul#menuref a:hover {
color:#19A3C8;}

ul#menuref3 a:hover {
color:#BD04E5;}


ul#menuref a:hover, ul#menuref3 a:hover {
text-decoration:underline;
padding-left:15px;
}



.footer{
margin-top: 80px;}

.footer a:link, .footer a:visited, .footer a:link, .footer a:visited, .footer a:link, .footer a:visited{

color: #777777;
}

/*

ul#menuref .dessus{
display: block;
width: 9em;
height: 1.5em;
text-align: left;
text-decoration: none;
margin: 2px 0;
color:#19A3C8;
background:url(images/flecheOff.gif) no-repeat;
padding-left:25px;}

*/