/*


font-family: Arial, Tahoma, Verdana, sans-serif;


*/


@font-face{
font-family: myCorsivaFont;
	src:	url('../fonts/mtcorsva.eot?'),/*IE*/
			url('../fonts/mtcorsva.ttf');
}

#d_check{
	position:					absolute;
	top:						100px;
	left:						-100px;
	border-style:				solid;
	border-color:				#fff;
	border-width:				1px;
	
}


.cl_form1{
	background-color:			#aaa;
}

.cl_form1a{
	background-color:			#000;
	border-style:				solid;
	border-width:				1px;
	border-color:				#000;
	color:						#000	;
}



#b_photo01{
	position:					absolute;
	top:						10px;
	left:						0px;
	width:						70px;
	cursor:						pointer;
}

#b_photo02{
	position:					absolute;
	top:						10px;
	left:						75px;
	width:						70px;
	cursor:						pointer;
}

#b_photo03{
	position:					absolute;
	top:						10px;
	left:						150px;
	width:						70px;
	cursor:						pointer;
}

#b_photo04{
	position:					absolute;
	top:						10px;
	left:						225px;
	width:						70px;
	cursor:						pointer;
}

#b_photo05{
	position:					absolute;
	top:						10px;
	left:						300px;
	width:						70px;
	cursor:						pointer;
}




#d_listcommentaire{
	position:					relative;
	top:						50px;
	height:						1000px;
	width:						970px;
	color:						#fff;

}

.d_commentaire{
	position:					relative;
	top:						0px;
	left:						0px;
	height:						110px;
	width:						970px;
	border-color:				#aaa;
	border-bottom-style:		solid;
	border-bottom-width:		1px;	
}

.d_commentaire a{
	color:						#aaa;

}

.d_nom{
	position:					absolute;
	top:						0px;
	left:						0px;
	height:						25px;
	width:						250px;
	//border-color:				#00f;
	//border-style:				solid;
	//border-width:				2px;
}

.d_date{
	position:					absolute;
	top:						25px;
	left:						0px;
	height:						25px;
	width:						250px;
	//border-color:				#00f;
	//border-style:				solid;
	//border-width:				2px;
}

.d_ville{
	position:					absolute;
	top:						50px;
	left:						0px;
	height:						25px;
	width:						250px;
	//border-color:				#00f;
	//border-style:				solid;
	//border-width:				2px;
}

.d_pays{
	position:					absolute;
	top:						75px;
	left:						0px;
	height:						25px;
	width:						250px;
	//border-color:				#00f;
	//border-style:				solid;
	//border-width:				2px;
}

.d_comment{
	position:					absolute;
	top:						0px;
	left:						250px;
	height:						100px;
	width:						720px;
	overflow:					hidden;
	//border-color:				#00f;
	//border-style:				solid;
	//border-width:				2px;
}


#p_voilenoir{
	position:					relative;
	width:						970px;
	height:						550px;
	top:						0px;
	left:						0px;

	background-color:			#000;
	z-index:					50;
	opacity:					1;
	
	overflow:					hidden;

	display:					block;
}

#d_photo1{
	position:					absolute;
	width:						290px;
	height:						175px;
	top:						30px;
	left:						80px;

	background-color:			#555;
	z-index:					50;
	opacity:					1;
	
	overflow:					hidden;
	
	display:					block;
}

#d_photo2{
	position:					absolute;
	width:						290px;
	height:						175px;
	top:						180px;
	left:						20px;

	background-color:			#ccc;
	z-index:					60;
	opacity:					1;
	
	overflow:					hidden;

	display:					block;
}

#d_photo3{
	position:					absolute;
	width:						180px;
	height:						290px;
	top:						220px;
	left:						280px;

	background-color:			#222;
	z-index:					70;
	opacity:					1;
	
	overflow:					hidden;

	display:					block;
}

#d_photo4{
	position:					absolute;
	width:						290px;
	height:						175px;
	top:						300px;
	left:						50px;

	background-color:			#333;
	z-index:					80;
	opacity:					1;
	
	overflow:					hidden;
	
	display:					block;
}

#d_photo5{
	position:					absolute;
	width:						290px;
	height:						175px;
	top:						360px;
	left:						350px;

	background-color:			#333;
	z-index:					60;
	opacity:					1;
	
	overflow:					hidden;

	display:					block;
}

#d_photo6{
	position:					absolute;
	width:						350px;
	height:						216px;
	top:						210px;
	left:						430px;

	z-index:					55;
	opacity:					1;
	
	overflow:					hidden;

	display:					block;
}


#p_voilenoirY{


	position:					relative;
	width:						970px;
	height:						550px;
	top:						0px;
	left:						0px;

	background-color:			#000;
	z-index:					50;
	opacity:					1;
	
	overflow:					hidden;
	
	border-style:				solid;
	border-color:				#ff0;
	border-width:				1px;

	display:					none;
}


#messagebox{

	position:			absolute;
	top:				0px;
	left:				0px;
	height:				25px;
	width:				300px;
	
	color:				#333;
	cursor:				default;
	background-color:	#fff;



}


#elle{

	position:					absolute;
	top:						40px;
	left:						550px;
	color:						#ffffff;
	font-size:				    40px;
	font-family:				'monotype corsiva';
	color:						#ff9900;

}

#decors{

	position:					absolute;
	top:						70px;
	left:						500px;
	color:						#ffffff;
	font-size:				    30px;
	font-family:				'monotype corsiva';

}

#canon{

	position:					absolute;
	top:						50px;
	left:						10px;
}
#corps{

	color:						#ff9900;


}

body{

	background-color:			#000;	

}


#femmes{

	color:						#ff9900;
	font-size:				    25px;

}
#presentation{

	position:					absolute;
	top:						-10px;
	left:						0px;
	z-index:					10;
	
	color:						#ffffff;
	font-size:				    25px;
	font-family:				'monotype corsiva';


}
.but-right{

	position:					absolute;
	top:						20px;
	left:						850px;

}

.but-left{

	position:					absolute;
	top:						20px;
	left:						800px;

}



.cloudcarousel{

	border-style:				solid;
	border-color:				#545454;
	border-width:				2px;

}

.cloudcarousel:hover{

	border-style:				solid;
	border-color:				#ffffff;
	border-width:				2px;
}

#carousel1{

	position:					absolute;
	top:						50px;
	width:						900px; 
	height:						450px;	
	background:					#333333;
	overflow:					scroll;
	
	border-style:				solid;
	border-color:				#ffffff;
	border-width:				1px;
	
	z-index:					10;
	

}

#carousel1:hover{

	border-color:				#000000;
}



#form_submit{

	position:			absolute;
	top:				480px;
	left:				50px;	
}
th{

	text-align:			left;
}

#footer{
	color:				#fff;
	text-align:			center;
	font-family:		myCorsivaFont;
	font-size:			18px;

	position:			relative;
	width:				970px;
	height:				100px;
	top:				0px;
	left:				0px;
	
	z-index:			60;

}

#header{
	color:				#aaa;
	text-align:			right;
	font-family:		myCorsivaFont;
	font-size:			25px;

	position:			relative;
	width:				970px;
	height:				40px;
	top:				0px;
	left:				0px;
	
	z-index:			60;

}

.hyperfocale{

	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-size:			18px;

}



/* - Container -																			*/
/*==========================================================================================*/

#container {	

	position:					relative;
	width:						970px;
	height:						750px;
	margin-left:				auto;
	margin-right:				auto;
	top:						0px;
	color:						#fff;
}

/* - Menu -																					*/
/*==========================================================================================*/

#menu{

	position:					relative;
	width:						970px;
	height:						50px;
	top:						0px;
	left:						0px;
//	background-color:			#aaa;
	

}

/* - Contact -																				*/
/*==========================================================================================*/

#p_contact{

	position:					relative;
	top:						0px;
	left:						0px;
	height:						650px;
	width:						970px;
	//background-color:			#333;
	display:					none;
	color:						#fff;
	display:					none;

}

#d_avertissement{
	position:					absolute;
	top:						15px;
	left:						450px;	
	color:						#fff;
}

#tab_contact{

	position:					absolute;
	top:						40px;
	left:						50px;
}

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

#p_commentaires{

	position:					relative;
	top:						0px;
	left:						0px;
	height:						900px;
	width:						970px;
	display:					none;

}

#b_addComment{

	position:					absolute;
	top:						0px;
	left:						800px;
	height:						50px;
	width:						150px;
	color:						#fff;
}

#d_addCommentaire{
	position:					absolute;
	top:						5px;
	left:						0px;
	cursor:						pointer;
}

/* - Liens -																				*/
/*==========================================================================================*/

#p_liens{

	position:					relative;
	top:						0px;
	left:						0px;
	height:						750px;
	width:						970px;
	background-color:			#000;
	display:					none;

}

#d_modele{

	position:					relative;
	top:						0px;
	left:						0px;
	height:						30px;
	width:						970px;
}

#disp_modele{

	position:					relative;
	top:						5px;
	left:						100px;
	height:						30px;
	width:						870px;
}


#d_site{

	position:					relative;
	top:						20px;
	left:						0px;
	height:						30px;
	width:						970px;
}

#disp_site{

	position:					relative;
	top:						25px;
	left:						100px;
	height:						30px;
	width:						870px;
}

#d_photographe{

	position:					relative;
	top:						40px;
	left:						0px;
	height:						30px;
	width:						970px;
}

#disp_photographe{

	position:					relative;
	top:						45px;
	left:						100px;
	height:						30px;
	width:						870px;
}

#d_autre{

	position:					relative;
	top:						60px;
	left:						0px;
	height:						30px;
	width:						970px;
}

#disp_autre{

	position:					relative;
	top:						65px;
	left:						100px;
	height:						30px;
	width:						870px;
}





#d_a{ color: #000;}

.m_refModele{

	font-family:				myCorsivaFont;
	font-size:					20px;
	color:						#fff;
	
}

.m_refModele:hover{
	color:						#f00;

}


.c_lien1{

	background-color:			#000;
	color:						#fff;
	font-family:				myCorsivaFont;
	font-size:					30px;

}

/*====================================================================================	*/
/*           MODELE~I.PHP 																			*/
/*====================================================================================	*/

#dv_mod_Container{
	display:			flex;
	flex-direction:		column;
	width:				80%;
	margin:				0 auto;
}
#dv_mod_Header{
	color:				#aaa;
	text-align:			right;
	font-family:		myCorsivaFont;
	font-size:			25px;
}
#dv_mod_Footer{
	color:				#fff;
	text-align:			center;
	font-family:		myCorsivaFont;
	font-size:			25px;
	margin-top:			50px;
}




















/*==========================================================================================*/
/*           MODELE.PHP 																	*/
/*==========================================================================================*/



/* - Presentation -																			*/
/*==========================================================================================*/

#d_presentation{

	display:					none;

}

/* - Voile Noir -																			*/
/*==========================================================================================*/

#p_voileNoirX{


	position:					absolute;
	width:						970px;
	height:						550px;
	top:						80px;
	left:						0px;

	background-color:			#000;
	z-index:					50;
	opacity:					1;
	
	overflow:					hidden;
	
	//border-style:				solid;
	//border-color:				#ff0;
	//border-width:				2px;

	display:					block;
}

/* - Body Modele -																			*/
/*==========================================================================================*/

#p_bodyModele {	

	position:					absolute;
	width:						970px;
	height:						550px;
	top:						80px;
	left:						0px;
	/*background-color:#fff;*/		
	//border-style:				solid;
	//border-color:				#00f;
	//border-width:				2px;
	display:					block;
	z-index:					45;

}

/* - Footer -																				*/
/*==========================================================================================*/

#p_footerX{
	color:				#fff;
	text-align:			center;
	font-family:		myCorsivaFont;
	font-size:			18px;

	position:					absolute;
	width:						970px;
	height:						100px;
	top:						630px;
	left:						0px;
	
	z-index:			60;


}








#d_hide{
	position: 		absolute;
	width:			900px;
	height:			550px;
	top:			0px;
	left:			0px;
	
	//border-style:				solid;
	//border-color:				#00f;
	//border-width:				2px;
	
	
	
	z-index:		90;
}
