body
{
width: 90%;
margin-left: auto;
margin-right: auto;
background-color: white;
color: black;
font-family: Verdana, Arial;
}

a
{
color: red;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: underline;
}

h1
{
text-align: center;
font-size: 2em;
}

h2
{
border: 2px solid black;
padding: 20px;
margin: 30px; 
text-align: center;
font-size: 1.6em;
}

h4
{
text-decoration: underline;
font-size: 1.2em;
}

q
{
color:blue;
font-style: italic;
font-size: 0.8em;
}

img
{
padding: 2px;
border: 2px solid yellow;
}

p
{
border: 2px solid black;
padding: 20px;
margin: 30px;

}

.projet
{
background-color: black;
width: 95%;
color: white;
float: left;
margin: 15px;
}

.video
{
float: left;
clear: left;
width: 40%;
padding: 20px;
margin: 10px;
border: 2px solid yellow;
}

.commentaire1
{
background-color: white;
color: black;
float: left;
width: 40%;
padding: 20px;
margin: 10px;
}

.image1
{
float: left;
clear: left;
width: 30%;
margin: 20px;
}

.commentaire2
{
background-color: white;
color: black;
float: right;
width: 40%;
padding: 10px;
margin: 20px;
}

#produsion
{
background: url("../image/logo_bulle_produsion_mini.png") no-repeat;
/*background-attachment: fixed;*/
width: 200px;
height: 400px;
position: fixed;
top: 5%;
right: 2%;
z-index: 20;
}

#en_tete
{
padding: 2px;
margin: 20px;
width: 60%;
margin-left: auto;
margin-right: auto;
/* position: fixed; */
background-color: black;
color: white;
z-index: 10;

}

#menu
{
padding-left: 30px;
width: 160px;
height: 400px;
float: left;
position: fixed; 
background-color: black;
color: white;

}

#corps
{
text-align: justify;
Width: 60%;
top: 30%;
margin-left: auto;
margin-right: auto;


}

#pied_page
{
clear: left;
width: 60%;
margin-left: auto;
margin-right: auto;

margin-top: 10%;
margin-bottom: 10px;

background-color: black;
color: white;
text-align: center;
}