body{
	position : relative;
	margin : 20px auto 20px auto;
	width : 900px;
	background-color : black;
	color : white;
}

.titre_1
{
margin-top: -20px;
color: #f7ec55;
font-size: 35px;
font-family: Edwardian Script ITC;
text-align: center;
}

.titre_1 .e
{
color: #f7ec55;
font-size: 17px;
font-family: The New Time;
text-align: center;
}

.copyright
{
text-align: center;
}

.contact
{
width: 300px;
}

#commentaire_id
{
margin-top: -50px;
}

#commentaire_id .commentaire_fieldset
{
margin-left: 470px;
margin-right: 90px;
margin-top: 100px;
margin-bottom: px;
border-right: none;
border-top: none;
border-bottom: none;
border-left: none;
}

#commentaire_id .commentaire_fieldset .titre_commentaire
{
text-align: center;
font-size: 17px;
}

#commentaire_id .commentaire_fieldset .corps_commentaire .nom_li
{
list-style: none;
margin-left: -10px;
}

#commentaire_id .commentaire_fieldset .corps_commentaire .commentaire_li
{
list-style: none;
margin-left: -10px;
}

#commentaire_id .commentaire_fieldset .corps_commentaire .commentaire_li .commentaire_textarea
{

width: 220px;
height: 100px;
}


#commentaire_id .commentaire_fieldset .corps_commentaire .submit_li
{
list-style: none;
margin-left: -10px
}



#tableau
{
margin-top: -300px;
}


.amis{
	border: 4px solid white; 
	margin-bottom: -6px;
	max-width : 300px; 
	max-height : 260px;

}

.entete{
	cursor : pointer;
	font-family: Palatino, "Hoefler Text", "Bookman Antiqua", "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
	font-size: 50px;
	color: #F7EC55;
	text-shadow: 2px 2px 10px #E6D709;
	line-height: 70px;
	width : 600px;

}

.music{
	position : absolute; 
	top: 25px; 
	right: 10px;	
}

.texte{
	margin : 11px 5px 0px 45px;
}

.agentTexte{
	margin : 0px 5px 0px 10px;
}

.menu{
	margin : 10px auto 10px auto;
	width : 100%;
	vertical-align : middle;
	height : 30px;
}

.cv, .galery{
	cursor : pointer;
	margin : 0px 10px 20px 10px;
	line-height: 30px;
	float: left;
}

.corp{
	clear : both;
	width : 880px;
	margin : 20px auto 20px auto;
	padding : 10px;
	position : relative;
}

.contact{
	width : 240px;
	padding : 10px;
	margin : 10px 15px 15px -10px;
	border : 1px solid #DDC916;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size : 12px;
	clear : both;
}
.contact A:link, A:visited, A:active{text-decoration: none; color : white; cursor : pointer;}
.contact A:hover{text-decoration : none; color : #DDC916;}

.cvContenu{
	border : 1px solid #DDC916;
	padding : 10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width : 600px;
	position : absolute;
	top : 20px;
	left : 270px;
}

.date{
	color: #DDC916;
	font-weight : bold;
	clear : both;
	float : left;
	margin-top : 10px;
	font-size : 14px;
}
.agent{ 
	margin-top : 10px;
	margin-bottom : -15px;
	font-size : 14px;
	font-weight : none; 
	color : white;
}

.titreCorp{
	text-align : center;
}

.product{
	width : 50%;
	height : 200px;
	float : left;
	position : relative;
}

.productx{
	width:33%;
	height : 200px;
	float : right;
	position : relative;
}

.product img{
	margin : 10px auto auto 10px;
	max-width : 200px;
	max-height : 180px;
	float : left;
}

.description{
	border : 1px solid #DDC916;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding : 5px;
	width : 170px;
	float : right;
	margin-right : 10px;
	margin-top : 10px;
	font-size : 12px;
}

.description2{
	width : 140px;
	border : 1px solid #DDC916;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding : 10px;
	float : right;
	margin-right : 2%;
	margin-top : 2%;
	font-size : 12px;
}

.description2 p{
	margin : 5px 10px 5px 10px;
}

.description p{
	margin : 5px 10px 5px 10px;
}

.oeuvre{
	font-size : 14px;
	color: #DDC916;
	float : left;
	clear : none;
}

p{
	font-size : 14px;
}

.position0{
	position: absolute;
	width : 180px;
	padding : 10px;
	left : 10px;
	font-size : 10px;
	top : 40px;
	text-align : center;
	float : left;
	clear : both;
}

.position1{
	position: absolute;
	width : 180px;
	padding : 10px;
	right : 10px;
	text-align : center;
}

.position2{
	position: absolute;
	bottom : 30px;
	width : 180px;
	padding : 10px;
	left : 10px;
	text-align : center;
}
.position1 A:link, A:visited, A:active{text-decoration: none; color : white; cursor : pointer;}
.position1 A:hover{text-decoration : none; color : #DDC916;}

.position2 A:link, A:visited, A:active{text-decoration: none; color : white; cursor : pointer;}
.position2 A:hover{text-decoration : none; color : #DDC916;}

.formulaire{
	padding: 2px; 
	margin: 5px auto 5px auto;
	border: 1px solid #DDC916; 
}

.footer{
	position : absolute;
	margin-top : 20px;
	bottom : 5px;
	width : 100%;
	font-size : 8px;
	color : grey;
	text-align : center;
}

.detail{
	background-color : black;
	text-align : center;
	position : absolute;
	top : 10px;
	right : 21px;
	display : none;
	border : 2px solid #DDC916;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width : 95%;
	-moz-box-shadow: 0px 0px 40px #fff;  
	-webkit-box-shadow: 0px 0px 40px #fff;  
	box-shadow: 0px 0px 40px #fff;
}

.detail img{
	margin : 2% auto 2% 2%;
	width : 75%;
	float : left;	
}

.detail2{
	background-color : black;
	position : absolute;
	display : none;
	left : 0px;
	top : 0px;
	color : white;
	height: 100%;
	width : 100%;
}

.zoomimg{
    border: 5px solid white;
    margin-bottom : -5px;
}

.gestion, .gestion2{
	background-color : black;
	text-align : center;
	position : fixed;
	cursor : pointer;
	top : 150px;
	right : 5%;
	display : none;
	padding : 15px;
	border : 2px solid #DDC916;
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity : 0.90;
	-moz-box-shadow: 0px 0px 40px #fff;  
	-webkit-box-shadow: 0px 0px 40px #fff;  
	box-shadow: 0px 0px 40px #fff;	
}

.gestion2{
	top : 150px;
	width : 250px;
	position : absolute;
	text-align : left;
}
.div_presse
{
	width:50%;
	float:left;
	height:320px;
	vertical-align:middle
}

.menu a {
 text-decoration:none;
 color:#FFFFFF;
}