@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:none;
	background-repeat:no-repeat;
	text-decoration:none;
	}
body{
	margin:0;
	padding:0;
	background-color:#d8d9da;
	background-image:url(images/fond.jpg);
	background-repeat:repeat-x;
	}
/*___________________en Tete____________________________*/
#main{
	height:713px;
	width:950px;
	margin:auto;
	background-image:url(images/fond_gris.jpg);
	position:relative;
	padding:46px 0 0 0;
	}
#logo{
	height:123px;
	width:204px;
	background-image:url(images/Logo.png);
	position:absolute;
	top:1px;
	left: -2px;
	}
#logo h1{
	position:absolute;
	top:-900px;
	}
#micro{
	height:123px;
	width:88px;
	position:absolute;
	background-image:url(images/images/micro.png);
	top:0;
	left:862px;
	}
#menu{
	height:77px;
	width:950px;
	background-image:url(images/bandeau_blanc.jpg);
	margin:0;
	
	}
#menu ul{
	height:77px;
	margin:0 0 0 220px;
	}
#menu ul li{
	list-style:none;
	height:30px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;	
	text-align:center;
	margin:17px 0 30px 0;
	color:#333;
	line-height:30px;
	background-image:url(images/images/trait.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:0 10px;
	}
#menu ul li a{
	display:block;
	height:30px;
	color:#e2007a;	
	
	}
#menu ul li a:hover{
	color:#333;}
/*___________________Bandeau rose____________________________*/
#roseaccueil{
	height:31px;
	width:950px;
	background-image:url(images/images/roseAccueil.jpg);
	margin:4px 0;
	}
#rosebio{
	height:31px;
	width:950px;
	background-image:url(images/images/roseBio.jpg);
	margin:4px 0;
	}
#rosemulti{
	height:31px;
	width:950px;
	background-image:url(images/images/roseMultimedia.jpg);
	margin:4px 0;
	}
#rosedates{
	height:31px;
	width:950px;
	background-image:url(images/images/rosedate.jpg);
	margin:4px 0;
	}
#roseaime{
	height:31px;
	width:950px;
	background-image:url(images/images/roseaime.jpg);
	margin:4px 0;
	}
#rosecom{
	height:31px;
	width:950px;
	background-image:url(images/images/roseaime.jpg);
	margin:4px 0;
	}

#rosejeu{
	height:31px;
	width:950px;
	background-image:url(images/images/roseJeu.jpg);
	margin:4px 0;
	}

#rosecontact,#rosementions{
	height:31px;
	width:950px;
	background-image:url(images/images/roseContact.png);
	margin:4px 0;
	}

#roseaccueil p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 120px;
	}
#rosebio p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 155px;
	float:left;
	}
#rosedates p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 265px;
	float:left;
	}
#roseaime p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 250px;
	float:left;
	}
#rosecom p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 50px;
	float:left;
	}
#rosejeu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 530px;
	float:left;
	}
#rosemulti p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 420px;
	float:left;
	}
#rosecontact p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 650px;
	float:left;
	}
#rosementions p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:oblique;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 610px;
	float:left;
	}

#rosebio a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:30px;
	margin:0 0 0 120px;
	float:left;
	}
#banderose{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:0px;
	margin:0 0 0 110px;

}
	
/*___________________Contenu____________________________*/	
#contenu{
	height:473px;
	width:834px;
	margin:40px 0 0 60px;
	}
	
	
/*___________________Accueil____________________________*/	
#actus{
	height:473px;
	width:232px;
	background-image:url(images/images/Etiquette2.png);
	float:left;
	margin:0 18px 0 0;
	}
#contenuactus{
	height:334px;
	width:157px;
	margin:28px 0 27px 36px;}
#contenucom{
	height:80px;
	width:157px;
	margin:0 0 0 36px;}
#titre1{
	background-image:url(images/images/actus.jpg);
	height:46px;
	width:77px;
	margin:0 0 15px 0;
	}
#contenuactus h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#e2007a;
	margin:15px 0 0 0;
	}
#contenuactus p{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	}
#contenucom h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#e2007a;
	margin:15px 0 0 0;
	}
#contenucom p{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	}
#contenucom a{
	font-family:Arial, Helvetica, sans-serif;
	color:#e2007a;
	font-size:10px;
	text-align:right;
	}
#affiche{
	height:473px;
	width:320px;
	float:left;
	}
#edito{
	height:473px;
	width:250px;
	float:right;
	margin:0px 0 0 0;
	}

#edito img{
	margin:5px 0 0 0;}
#titre2{
	height:55px;
	width:114px;
	background-image:url(images/images/edito.png);
	margin:0 0 10px 0;
	}
#edito p{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	text-align:justify;
}
/*___________________Biographie____________________________*/
#bio{
	background-image:url(images/images/etiquetteBio.png);
	height:454px;
	width:800px;
	margin:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	text-align:justify;
	}
#titre3{
	height:68px;
	width:192px;
	background-image:url(images/images/Biographie.jpg);	
	margin:0 0 10px 0;
	}
#titre3bis{
	height:68px;
	width:192px;
	background-image:url(images/images/Filmographie.jpg);	
	
	}
#biodroite{
	height:270px;
	width:270px;
	float:left;
	margin:112px 10px 0 20px;
	}
#theatre{
	height:370px;
	width:270px;
	float:left;
	margin:40px 10px 0 20px;
	}
#theatre img{
	margin:20px 0 0 0;
	}
#biodroite img{
	margin:0 0 10px 0;
	}
#biogauche{	
	height:370px;
	width:270px;
	float:left;
	margin:25px 15px 0 90px;
	}
#biogauche li{
	list-style:none;
	text-align:center;
	}
#fleche{
	height:21px;
	width:19px;
	margin:215px 34px 210px 746px;
	}
.cadrerose{
	border:#F09 2px solid;
	padding:5px;
	}
	
/*___________________Jeu____________________________*/
#jeu{
	background-image:url(images/images/etiquetteBio.png);
	height:454px;
	width:800px;
	margin:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	text-align:justify;
}	

#flash_jeu{
width:550px;
height:343px;
margin:40px auto;
}

#tablejeu{
margin:70px auto;
}

#tablejeu input, #tablejeu textarea{
width:120px;
}

#tablejeu textarea{
height:50px;
}

#tablejeu #radio, #tablejeu #radio2, #tablejeu #radio3, #tablejeu #optim{
width:15px;
margin:0 0 0 20px;
}



#tablejeu .haut{
vertical-align:top;
}

#titre8{
	background-image:url(images/images/jeu.png);
	margin:22px 0 0 50px;
	height:55px;
	width:90px;
}
	
	
/*___________________Multimedia____________________________*/

#photo{
	height:380px;
	width:335px;
	float:left;
	margin:40px 30px 0 20px;}
#video{
	height:302px;
	width:446px;
	float:left;
	margin:40px 0 0 0px;}
#titre4{
	background-image:url(images/images/TitrePhotos.png);
	height:52px;
	width:102px;}
#titre5{
	background-image:url(images/images/titreVideos.png);
	height:47px;
	width:90px;}
.multi{
	height:222px;
	width:355px;
	margin:5px;
	}
.mini{
	height:100px;
	width:100px;
	float:left;
	margin:0 18px 20px 0;}
	
/*___________________Dates____________________________*/
#titre6{
	height:51px;
	width:115px;
	background-image:url(images/images/titreDates.png);	
	margin:0 0 5px 0;
	}	
#datedroite{
	height:355px;
	width:243px;
	float:left;
	margin:40px 0 0 15px;
	}
#contactdroite{
	height:355px;
	width:243px;
	float:left;
	margin:40px 0 0 0px;
	}
#datedroite img{
	margin:0 0 5px 18px;
	}
#datedroite .image{
	margin:0 0 0 13px;
	}
.petit{
	font-size:9px;
	text-align:center;
	}
.petit2 a{
	font-size:9px;
	color:#e2007a;
	font-style:italic;
	}
#contactdroite img{
	margin:0 0 7px 0px;
	}
#datedroite p{
	margin:0 0 5px 0;
	}
#dategauche{	
	height:355px;
	width:445px;
	float:left;
	margin:40px 0 0 70px;
	}
.ville{
	color:#e2007a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style:none;
	}
.ville2{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	list-style:none;
	}

#dategauche ul li{
	list-style:none;
	text-align:left;
	}
/*#dategauche ul li a{
	display:block;
	margin:0 0 10px 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	text-align:justify;}*/
#datedroite a{
	display:block;
	color:#e2007a;
	font-size:14px;
	margin:0 0 0 30px;
	
	}
	
/*___________________Vincent aime____________________________*/
	
#titre7{
	height:70px;
	width:195px;
	background-image:url(images/images/TitreCoeur.png);	
	margin:10px 0 10px 0;
	}	
#photoaime{
	display:block;
	margin:30px 0 0 35px;
	}
	
/*___________________Me contacter____________________________*/	
	
	#dategauche h1{
		color:#e2007a;
		margin:10px 0;}
	

/*___________________corporate____________________________*/
#corporate{
	background-color:#aaaaaa;
	height:25px;
	width:950px;
	margin:42px 0 0 0;
	}
#corporate a{
	display:block;
	height:25px;
	width:200px;
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	text-align:center;
	line-height:24px;
	margin:0 58px;
	}
	/*-----------------Formulaire-----------------------*/

.obligatoire{
	font-size:10px;
	color:#C30;
	text-align:right;
}
.formdroite{
	text-align:right;}
#main #contenu #actus #contenuactus p a {
	color: #E7007A;
}

/*--------------------Commentaires---------------------------*/

#titrecom{
	height:68px;
	width:561px;
	background-image:url(images/images/titreCom.png);	
	margin:10px 0 10px 0;
	}