/* CSS Document */

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
div{ border: 0px; margin:0px;	padding:0px;}				
*img{ border: 0px;	margin: 0px;	padding: 0px;}	
body {
	margin:0;
	padding:0px;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;	
	background-image:url(../images/templates/background.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
strong{
	font-weight:bold;}
	
a img { border:none; }
a{
	color:#552527;
	text-decoration:none;
	}
a:hover{
	color:#887F5F;
	text-decoration:none;
	}	
.bodycontain{ 
	display: block; 
	margin-left:auto; 
	margin-right:auto; 
	width:1135px;
	margin-top:0px;
	text-align: left;

}
.colonne-droite{
	width:360px;
	margin-bottom:0px;
	top:0px;
	background-image:url(../images/templates/sybille-m.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	}
.accueil-clic{
	display:bloc;
	width:250px;
	height:300px;
	cursor:pointer;}
.footer{
	clear:left;
	width:600px;margin-left:0px;
	font-size:10px;
	color:#999;
   
	padding-top:0px;


	}
	.spacer{
	clear:both; 
	height:0px; 
	display:block;
	}
.page{
	 margin:0;
	 float:left;
	 color:#2e2424;
	 font-size:13px;
	 width:650px;
	 /*background-image:url(../images/templates/blanc.png); background-repeat:repeat;*/
	 margin-bottom:20px;


}
.
.en{
	font-size:11px; font-style:italic; color:#402f2f;}
p { margin:10px 0 5px 0; }
h1 {
	font-size: 30px;
	padding-left:35px;
	background-image:url(../images/templates/tache-bleu.jpg);
	background-repeat:no-repeat;
	background-position:left;
	color:#58b0c0;
	font-weight:lighter;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 5px 30px;
	font-variant: small-caps;
}
h2 {
	
	padding-left:19px;
	background-image:url(../images/templates/tache-vert.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#93b138;
	font-size:16px;
	margin:0px 0 5px 47px;
	
}
h1 span{font-size:12px; font-variant: normal;font-style:normal;}





ul{list-style-type:none; margin:0; padding:0;
	}
/* ACCUEIL */

.img-accueil{
	margin-left:10px;
	margin-top:50px;
	width:423px;
	height:580px;
	float:left; margin-right:25px;
	}
.texte-accueil{
	width:240px;
	color:#d11728;float:left; 
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:300px;
}

.texte-accueil span {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* actualites */
.actu{
	background-image:url(../images/templates/trait.gif);
	background-position: 45px bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	margin:15px 0 0 0;
	padding-left:45px;
	width:600px;
	clear:left;
	}
.actu img{float:left; padding-right:15px; margin-bottom:5px;}
.actu h2{margin-left:0px;}
.rouge{color:#900;}
.vert{color:#939a52;}
.grisgauche{
	color:#797979;
	font-size:12px;
	}
/* about you */
.texte-you{font-size:13px;  color:#2e2424; width:605px; margin-top:0px; padding-left:35px; margin-bottom:40px; text-align:justify; clear:both;
	}
.texte-you img{float:left;margin-right:15px;
	}
	blockquote{margin:2px 0 2px 20px;}
	h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:15px; 
	color:#000;
	background-image:url(../images/templates/fond-about-you.png);
	background-position:left -20px;
	background-repeat:no-repeat;
	width:494px;
	height:39px;
	padding: 10px 0 0 10px;
	margin:0px;
}
h5 img{float:none ; margin-right:10px;}

/* M e n u  */

.menu{
	width:135px;
	height:100px;
	margin-top:0px;
	margin-left:67px;	
	
	
	}

.ssmenu{
	font-size:12px;
	color:#82191e;
	padding:0px 0 10px 5px;
	width:300px;}
	.ssmenu span{font-size:10px;}
	.ssmenutop{
		margin-bottom:5px;}
		
.menu2{
	margin-top:70px;
	margin-left:120px;
	}
.menu3{
	position:relative;
	width:135px;
	margin-top:70px;
	/margin-top:300px;
	margin-left:120px;
	}
ul.photo-list {
	list-style:none;
}

ul.photo-list li {
	width:195px;
	height:20px;
	float:left;
	display:block;
	margin:0px;
}

ul.photo-list li a {
	display:block;
	position:relative;
}

ul.photo-list li a img {
	position:absolute;
	display:block;
}



/*about me -------------------------*/
.texte-ecrit{font-size:13px;  color:#2e2424;width:420px; margin-top:30px;padding-left:265px;text-align:justify;}
.formation{
	border-right:1px solid #999;
	text-align:right;
	padding-right:10px;
	float:left;
	padding-top:15px;
	margin-top:Opx;
	*margin-top:70px;
	font-size:11px;
	padding-bottom:40px;
	}
.formation-en{
	
	text-align:left;
	padding-left:10px;
	float:left;font-size:11px;padding-top:50px;
	}
/*news -------------------------*/
.oeuvre img {float:left; margin-right:10px;}
.oeuvre{font-size:11px; margin:20px 0 0 30px;  clear:both;}
.oeuvre li{
	margin:10px 5px;}

/*gallery -------------------------*/
.page img{
	vertical-align:bottom;}
.ten{font-size:11px; font-style:italic; color:#402f2f; width:420px;padding-left:235px;/padding-left:0px; margin-top:15px;text-align:justify;/float:right;/margin-bottom:10px;
	}
.tf{font-size:13px;  color:#2e2424; width:470px; margin-top:40px; padding-left:35px; text-align:justify; /float:right;
	}
.tenlg{font-size:11px; font-style:italic; color:#402f2f; width:475px; padding-left:225px;/padding-left:0px;margin-top:15px; /padding-right:10px;text-align:justify; /float:right;
	}
.tflg{font-size:13px;  color:#2e2424; width:600px; margin-top:40px; padding-left:35px; text-align:justify; /float:right;
	}



.gallery{
	width:620px;
background-image:url(../images/templates/blanc.png); background-repeat:repeat;
margin-left:50px;
height:500px;
padding-top:20px; 
padding-left:20px;
}
.mosaik{
	width:146px;
	height:160px;
	font-size:11px;
	float:left;
	margin-right:8px;
	position:relative;
	}
.mosaik img{
	border:#CCC thin solid;
	display:block;}
.titre{
	width:185p;
	height:150px;
	float:left;
	margin-left: 40px 0 0 0;
	
	
}
.titre2{
	width:185p;
	height:70px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	
}
.titre img, .titre2 img{margin-left:10px;}
.titre h1, .titre2 h2  {
	font-size: 30px;
	padding-left:35px;
	background-image:url(../images/templates/tache-bleu.jpg);
	background-repeat:no-repeat;
	background-position:left;
	color:#58b0c0;
	font-weight:lighter;
	font-style:italic;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:20px 0 5px 0px;
	font-variant: small-caps;
}
.titre h2, .titre2 h2  {
	
	padding-left:19px;
	background-image:url(../images/templates/tache-vert.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#93b138;
	font-size:16px;
	margin:0px 0 5px 17px;
	
}
.gris{
	color:#797979;
	font-size:12px;
	margin-left:50px;
	margin-top:15px;
}
/*stage*/
.texte-stage{font-size:13px;  color:#2e2424; margin-top:20px;padding-left:165px;text-align:justify;}
.stage{
	background-image:url(../images/templates/trait.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	margin:15px 0 0 0;
	padding-left:0px;
	
	}
.stage img{float:left; margin-right:3px;}
/*links*/

.links{margin:15px 0 0 0;}
.links ul{margin:15px 0 5px 65px;}

/*nicework*/
.nicework{	padding-bottom:20px;
	margin:5px 0 5px 0;
	padding-left:45px;
	width:600px;
	clear:left;}
.margetop{margin-top:-35px;}
/*FORMULAIRE*/
INPUT { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  height:17px; }
SELECT { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  height:17px;}
TEXTAREA { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.txterror { color:#444; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color:#444; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td, tr {border:none;}
input, textarea {border:1px solid #DDD;}	
td{
	height:20px;}
.error{color:#000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #fff }