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


/***** [ mise à zéro du css ] ************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* page */

body{
	margin:0px;
	background: #080808 url(../images/bg.png) repeat-x;
}

#page{
	width:890px;
	height:auto;
	margin-bottom:100px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#header{
	
	width:890px;
	height:206px;
	margin-top:80px;
	position:relative;
	text-align:center;
}

#menu{
	
	width:571px;
	height:auto;
	position:relative;
	top:30px;
	margin:0 auto;
}

ul.menu{
		
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
	background:url(../images/separateur.png) no-repeat center;
	height:38px;
}

	li.menu{
		
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#FFF;
	}

/* liens et textes */

a.menu{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
a.menu:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#81b92d;
	text-decoration:underline;
}

a.realisation{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

a.realisation:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#282424;
	text-decoration:underline;
}
	
/* textes */

.h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#81b92d;
}

.h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}
	
#separateur{
	
	width:571px;
	height:26px;
	position:relative;
	top:20px;
	margin:0 auto;
	background:url(../images/separateur.png) no-repeat center;
	z-index:1;
}

#contenu{
	width:700px;
	height:150px;  /* hauteur du cadre principal en pixel*/
	position:relative;
	top:40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#sous_rubriques{
	width:850px;
	height:100px;
	position:relative;
	margin:0 auto;
	top:150px;
}

	#print{
		width:124px;
		height:80px;
		position:relative;
		float:left;
		top: 10px;
		left:90px;
		background:url(../images/vignette.png) no-repeat;
	}
	
		#print_texte{
			font-family:Verdana, Geneva, sans-serif;
			font-size:15px;
			font-weight:bold;
			color:#000;
			line-height:4.6em;
			text-align:center;
			margin-left:-3px;
	}
	
	#webdesign{
		width:124px;
		height:80px;
		position:relative;
		float:left;
		top: 10px;
		margin-left:240px;
		background:url(../images/vignette.png) no-repeat;
	}
		
		#webdesign_texte{
			font-family:Verdana, Geneva, sans-serif;
			font-size:15px;
			font-weight:bold;
			color:#000;
			line-height:4.6em;
			text-align:center;
			margin-left:-8px;
	}
	
	#photo_montage{
		width:124px;
		height:80px;
		position:relative;
		float:right;
		top: 10px;
		margin-right:90px;
		background:url(../images/vignette.png) no-repeat;
		
	}
	
		#photo_montage_texte{
			font-family:Verdana, Geneva, sans-serif;
			font-size:15px;
			font-weight:bold;
			color:#000;
			line-height:1em;
			text-align:center;
			margin-left:-8px;
			margin-top:20px;
	}
	
#footer{
	width:100%;
	height:180px;
	background-color:#282424;
	border-bottom:solid 1px #FFF;
	border-top:solid 1px #FFF;
	position:absolute;
	top:790px;
	margin-bottom:100px; 
 	z-index:1; 
}

	#contenu_footer{
		width:850px;
		height:150px;
		position:relative;
		margin:0 auto;
	}
		#cadre_gauche{
	width:250px;
	height:150px;
	position:relative;
	float:left;
	left:150px;
	border-left:solid 1px #84bb32;
	margin-top:10px;
	padding: 5px 5px 10px 10px;
	border-right:solid 1px #84bb32;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	first-letter {color: #81b92d}
	
		}
		
		#cadre_droite{
	width:250px;
	height:150px;
	position:relative;
	float:left;
	left:150px;
	margin-top:10px;
	border-right:solid 1px #84bb32;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
		}
#sous_footer{
	width:100%;
	height:180px;
	position:absolute;
	top:800px;
}
rea {
	font-style: italic;
}