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

body { 
font-size: small;
font:Verdana, Geneva, sans-serif;
font-family:Verdana, Geneva, sans-serif;
border: 0;
padding:0;
margin:0;
height:100%;
background-image:url(images/bg.jpg);
}

a:link {text-decoration:none;
border:0;}

#page {
padding-top: 20px; 
border: 0; 
margin:0;
}


#cadre {
	width:1000px;
	height:565px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;}
	
#bandeau {
	width:1000px;
	height:116px;
	margin : 0;
	padding: 0;
	background-color: #bfa17a;
	background-image:url(images/bandeau.jpg);
	background-repeat:no-repeat;
	}

#contact {
	width:80px;
	height:96px;
	float:right;
	text-align:right;
	padding-top:20px;
	padding-right:30px;
	background-color: transparent;
	}
	
#titre {
	width:325px;
	height:80px;
	float:left;
	padding-top:20px;
	padding-left:20px;}
	
#menu {
	padding-bottom:6px;
	padding-top:58px;
	padding-right:0px;
	padding-left:415px;
	width:475px;
	height:52px;
	text-align:right}	

#contenu {
	width:1000px;
	height:380px;
	background-color:#fff;
	
}

#gauche {
	width:221px;
	height:350px;
	background-image:url(images/gauche.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-top:30px;
	padding-right:7px;
}

#droite {
	width:35px;
	height:380px;
	background-image:url(images/droite.jpg);
	background-repeat:no-repeat;
	float:right;
}

#centre {
	height:350px;
	width:597px;
	text-align:center;
	background-image:url(images/centre.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:auto;
	padding-left:90px;
	padding-right:50px;
	padding-top:30px;
	padding-bottom:0px;
	
	
}

#pied {
	height:36px;
	width:915px;
	padding-top:15px;
	padding-left:85px;
	background-color:#a6825b;
	background-image:url(images/pied.jpg);
	text-indent:-2px;
	clear:both

}



.contact {
	font-size:14px;
	font-weight:bold;
	color:#666}
a.contact:link, a.contact:visited{text-decoration: none; color:#777}
a.contact:hover{color:#555}



a.illustration { background-image: url('images/illustration.jpg'); display: block; width: 141px; height:52px ; background-repeat:no-repeat;  outline:none;float:left}
a.illustration:hover { background: url('images/illustration_h.jpg')  ;background-repeat:no-repeat;  outline:none;}

a.graphisme { background-image: url('images/graphisme.jpg'); display: block; width: 124px; height:52px ; background-repeat:no-repeat;  outline:none; float:left}
a.graphisme:hover { background: url('images/graphisme_h.jpg') ; background-repeat:no-repeat;  outline:none;}

a.animation { background-image: url('images/animation.jpg'); display: block; width: 128px; height:52px ; background-repeat:no-repeat;  outline:none; float:left}
a.animation:hover { background: url('images/animation_h.jpg')  ; background-repeat:no-repeat;  outline:none;}

a.web { background-image: url('images/web.jpg'); display: block; width: 82px; height:52px ; background-repeat:no-repeat;  outline:none; float:left}
a.web:hover { background: url('images/web_h.jpg') ; background-repeat:no-repeat; outline:none;}

.vignette{
	width:146px;
	height:116px;
	overflow:auto;
	float:left;
	}
.carre{
	width:80px;
	height:80px;
	overflow:auto;
	float:left;
	}
.affiche{
	width:110px;
	height:135px;
	overflow:auto;
	float:left;
	}
.web{
	width:130px;
	height:135px;
	overflow:auto;
	float:left;
	}
.nom {
	color:#857054;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:13px;
	text-align:center;
	text-transform:capitalize;
	letter-spacing:-1px;
	line-height:16px;
	border: 0;
	}
.dlcv{
	text-align:center;
	font-weight:bold;
	color:#857054;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:13px;}
#siret {
	color:#857054;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:13px;
	text-align:right;
	letter-spacing:-1px;
	line-height:16px;
	border: 0;
	padding-right:0px;
	margin-bottom:0;
	margin-top:125px;
	float:right;
	}
#cvcv {
	margin-top:110px;
	margin-right: 100px}
a.nom {color:#857054;
	text-decoration:none;
	border:0;}
a.nom:hover {color:#5C4636;
	text-decoration:none;
	border:0;}
a.dlcv {color:#857054;
	text-decoration:none;
	}
a.dlcv:hover {color:#5C4636;
	text-decoration:none;
	}
.mini {
	font-size:12px;
	font-style:italic;
	font-family:Tahoma, Geneva, sans-serif;
	color:#B3A588;
	letter-spacing:-1px;
	line-height:8px;}
.section {
	text-align:right;
	letter-spacing:-2px;
	font:Verdana, Geneva, sans-serif;
	font-size:27px;
	font-weight:bold;
	color:#615445;}
.mail {
	letter-spacing:-2px;
	font:Verdana, Geneva, sans-serif;
	font-size:27px;
	line-height:10px;
	font-weight:bold;
	color:#B3A38C;}
a.mail:hover{color:#836950;}
.cv{
	float:right}
	
.legende {
	text-align:right;
	letter-spacing:-1px;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#AA9C82;
	font-weight:normal;}
.jourdepluiehaut {
	width:325;
	height:80;}
	
#credits {
	width:500px;
	height:25px;
	float:right;
	}
	
.petitpetit {
	color:#726B54}