@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	background-color:#FFFFFF;
}	

#cadre {
	position: absolute;
	margin-top:100px;
	height:638px;
	left: 50%;
	margin-left:-490px;
	width:980px;
	/*background-color:#99FFCC;*/	
}
#cadre_credits {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	margin-top: 100px;
	width: 500px;
	height:310px;
	padding-bottom:30px;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	/*background-color:#99FFCC;*/	
	background-color: #FFFFFF;
}
#credits {
	margin-left: 220px;
	margin-top: 94px;
	width: 500px;
	height:310px;
	/*background-color:#99FFCC;	*/
	background-color: #FFFFFF;
}
.logo {
	position: absolute;
	top:0px;	
	left: 0px;
	border:0px;
	z-index:1;
}

/*/
////////////////////////////////////
//////     BLOCS   ////////////////
//////////////////////////////////
/*/

#zone_gauche{
	position:relative;
	/*margin-top:0px;*/
	margin-top:13px;
	width:220px;
	height:613px;
	margin-left:0px;
	float:left;	
/*	background-color:#FF9966;*/
}
#zone_droite{
	position:relative;
	/*margin-top:0px;*/
	margin-top:13px;
	width:760px;
	height:613px;
	margin-left:0px;
	float:left;	
/*	background-color:#66CCFF;*/
}
/*DANS ZONE DROITE :*/

#zone_photo{
	position:relative;
	margin-top:70px;
	width:760px;
	height:460px;
	margin-left:0px;
	vertical-align:middle;
/*	background-color:#339966;*/
}
#bas{
	position:relative;
	margin-top:0px;
	width:760px;
	height:83px;
	margin-left:0px;	
/*	background-color:#990033;*/
}
#zone_index{
	margin-top:297px; 
	margin-left:350px;
}

#texte1{
	position:relative;
	margin-left:0px;
	width:305px;
	height:460px;
	float:left;	/*background-color:#99CCFF;*/
	
}

#texte2{
	position:relative;
	margin-left:24px;
	width:305px;
	height:460px;
	float:left;	/*background-color:#FFCCFF;*/
	
}

/*/
////////////////////////////////////
//////    TEXTES   ////////////////
//////////////////////////////////
/*/

.gris_clair{color:#949291;}
.gris_fonce{color:#6e6c6b;}
.coll{color:#7b4de3;} /*collections*/
.port{color:#d81334;} /*portraits*/
.report{color:#00929f;} /*reportages*/
.archi{color:#f39400;} /*architecture*/
.nat{color:#8bb204;} /*natures mortes*/
.bio{color:#b250aa;} /*bio*/
.contact{color:#4ce26c;} /*contact*/


.coll_g{
	color:#7b4de3;
	font-weight:bold;
} 
.port_g{
	color:#d81334;
	font-weight:bold;
} 
.report_g{
	color:#00929f;
	font-weight:bold;
} 
.archi_g{
	color:#f39400;
	font-weight:bold;
} 
.nat_g{
	color:#8bb204;
	font-weight:bold;
} 
.bio_g{
	color:#b250aa;
	font-weight:bold;
} 
.contact_g{
	color:#4ce26c;
	font-weight:bold;
} 


p{
	font-family: Arial;
	font-size:12px;
	text-align:left;
	color:#6e6c6b;
}

h1{
	font-family: Arial;
	font-weight:normal;
	font-size:13px;
	text-align:left;
	color:#949291;
}

h2{
	font-family: Arial;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:13px;
	color:#949291;
}

h3{
	font-family: Arial;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	color:#949291;
}

h4{
	font-family: Arial;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
	text-align:left;
	color:#6e6c6b;
}

h5{
	font-family: Arial;
	font-weight:normal;
	font-size:18px;
	text-align:left; 
}

.l4{
	line-height:4px;}
	
.texte{
	line-height:16px;
	text-align:justify;
}	

.titre_coll{
	margin-bottom:14px;
	color:#7b4de3;
}
.titre_port{
	margin-bottom:14px;
	color:#d81334;
}
.titre_report{
	margin-bottom:14px;
	color:#00929f;
}
.titre_archi{
	margin-bottom:14px;
	color:#f39400;
}
.titre_nat{
	margin-bottom:14px;
	color:#8bb204;
}
/*/
////////////////////////////////////
////// MENU HAUT   ////////////////
//////////////////////////////////
/*/
.mcoll{
	position:relative;
	height:13px;
	top:11px;
	left:308px;
}
.mcoll_g{
	position:relative;
	height:13px;
	top:11px;
	left:308px;
	color:#7b4de3;
	font-weight:bold;
} 
a.mcoll:link{		
	text-decoration:none;
	color:#949291;
}
a.mcoll:visited{
	text-decoration:none;
	color:#949291;
}
a.mcoll:hover{
	text-decoration:none;
	color:#7b4de3;
}
.mport{
	position:absolute;
	top:11px;
	left:415px;
}
.mport_g{
	position:absolute;
	top:11px;
	left:415px;
	color:#d81334;
	font-weight:bold;
} 
a.mport:link{
	text-decoration:none;
	color:#949291;
}
a.mport:visited{
	text-decoration:none;
	color:#949291;
}
a.mport:hover{
	text-decoration:none;
	color:#d81334;
}

.mreport_g{
	position:absolute;
	top:11px;
	left:507px;	
	color:#00929f;
	font-weight:bold;
} 
.mreport{
	position:absolute;
	top:11px;
	left:507px;	/*background-color:#99CCCC;*/
}
a.mreport:link{
	text-decoration:none;
	color:#949291;
}	
a.mreport:visited{
	text-decoration:none;
	color:#949291;
}
a.mreport:hover{
	text-decoration:none;
	color:#00929f;
}
.marchi{
	position:absolute;
	top:11px;
	left:617px;	/*background-color:#99CCCC;*/
}
.marchi_g{
	position:absolute;
	top:11px;
	left:617px;
	font-weight:bold;
	color:#f39400;	/*background-color:#99CCCC;*/
}
a.marchi:link{
	text-decoration:none;
	color:#949291;
}	
a.marchi:visited{
	text-decoration:none;
	color:#949291;
}
a.marchi:hover{
	text-decoration:none;
	color:#f39400;
}
.mnat_g{
	position:absolute;
	top:11px;
	left:736px;	
	color:#8bb204;
	font-weight:bold;
} 
.mnat{
	position:absolute;
	top:11px;
	left:736px;	/*background-color:#99CCCC;*/
}
a.mnat:link{
	text-decoration:none;
	color:#949291;
}	
a.mnat:visited{
	text-decoration:none;
	color:#949291;
}
a.mnat:hover{
	text-decoration:none;
	color:#8bb204;
}
.mbio_g{
	position:absolute;
	top:11px;
	left:874px;
	color:#b250aa;
	font-weight:bold;
} 
.mbio{
	position:absolute;
	top:11px;
	left:874px;	/*background-color:#99CCCC;*/
}	
a.mbio:link{
	text-decoration:none;
	color:#949291;
}
a.mbio:visited{
	text-decoration:none;
	color:#949291;
}
a.mbio:hover{
	text-decoration:none;
	color:#b250aa;
}
.mcontact_g{
	position:absolute;
	top:11px;
	left:915px;
	color:#4ce26c;
	font-weight:bold;
} 
.mcontact{
	position:absolute;
	top:11px;
	left:915px;
/*background-color:#99CCCC;*/
}	
a.mcontact:link{
	text-decoration:none;
	color:#949291;
}	
a.mcontact:visited{
	text-decoration:none;
	color:#949291;
}
a.mcontact:hover{
	text-decoration:none;
	color:#4ce26c;
}
/*/
////////////////////////////////////
////// MENU GAUCHE   //////////////
//////////////////////////////////
/*/

#ss_rubrique{
	margin-top:70px;
	margin-left:0px;
	height:230px;
	width:150px;	/*background-color:#99CC33;*/
}

#photo_contact{
	margin-top:0px;
	margin-left:0px;
	height:60px;
	width:150px;
	/*background-color:#669999;*/
}
#txt_photo{
	margin-top:0px;
	margin-left:0px;
	height:83px;
	width:150px;
	/*background-color:#CC6666;*/
}
.fleche_g{
	position:absolute;
	top:287px; 
	left:0px;
	border:0px;
}
.fleche_d{
	position:absolute;
	top:287px;
	left:30px;
	border:0px;
}

.ssmenu2{
	margin-top:170px;
	line-height:20px;
}


/*/
////////////////////////////////////
//////    CENTRE   ////////////////
//////////////////////////////////
/*/

.photo{
	margin-top:0px;
	margin-left:0px
}

.vignette{
	margin-right:10px;
	margin-bottom:20px;
	border:0px;
	float:left;
}

/*/
////////////////////////////////////
//////   MENU BAS  ////////////////
//////////////////////////////////
/*/
.accueil{
	margin-left:0px}
.credits{
	margin-left:265px}
/*/
////////////////////////////////////
//////     LIENS   ////////////////
//////////////////////////////////
/*/
a:link{
	text-decoration:none;
	color:#949291;
}
a:visited{
	text-decoration:none;
	color:#949291;
}
a:hover{
	text-decoration:underline;
	color:#949291;
}