@charset "utf-8";

/* Fixation des blocs div */
img {
	display:block;
	border:none;
}
/* Communs  toutes les pages */
body {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 12px;
	color:#333333;
	padding:0;
	margin:0;
	background-color:#333333;
	background-image:url(../img/background.gif);
	background-repeat:repeat-y;
	background-position:top;
	margin:0;
	padding:0;
	border:none;
	border:0;	
}
#center {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height:auto;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height:auto;
	text-align: center;
}
#header {
	width: 800px;
	height: auto;
	text-align: left;
	float:left;
	padding:0;
}
#logo {
	width:800px;
	height:120px;
	float:left;
	margin:0;
	padding:0;
}
#globalcontent {
	width: 800px;
	height:auto;
	text-align: left;
	float:left;
	margin: 0;
	padding: 0;		
}
#bordertop {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 10px;
	float:left;
	margin: 0;
	padding: 0;		
}
#content {
	width: 800px;
	height:auto;
	text-align: left;
	background-color:#FFFFFF;
	float:left;
	margin: 0;
	padding: 0;		
}
#topmenu {
	width: 800px;
	height: 36px;
	text-align: left;
	float:left;
}
#topmenu ul{
	margin: 0;
	padding: 0;
	width: 800px;
	height:36px;
	float:left;
	text-align: left;
	list-style:none;
}
#topmenu ul li{
	margin: 0;
	padding: 0;
	width: auto;
	height:36px;
	text-align: right;
	float:right;
}
#caletop {
	width:800px;
	height:4px;
	float:left;
}
#banner {
	width: 800px;
	height:auto;
	text-align: center;
	float:left;
	background-image:url(../img/banner_empty.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#banner_portfolio {
	width: 800px;
	height: 264px;
	text-align: center;
	float:left;
	background-image:url(../img/banner_portfolio.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#page {
	width:800px;
	height: auto;
	float:left;
	border-top-style:dashed;
	border-top-color:#B7DB1D;
	border-top-width: 1px;	
	border-bottom-style:dashed;
	border-bottom-color:#CCCCCC;
	border-bottom-width: 1px;	
	margin: 0;
	padding: 0;		
}
#categorie {
	width:200px;
	height: auto;
	float:left;		
	margin: 0;
	padding: 0;		
}
#bloc_vert {
	width:187px;
	height:55px;
	float:left;
}
#link_left {
	width:187px;
	height:55px;
	float:left;			
}
#link_href {
	width:187px;
	height:20px;
	float:left;
	text-align:right;	
	text-decoration:none;
	color:#333333;
	font-weight:normal;			
}
#link_href a, a:hover {
	text-decoration:underline;
	color:#990000;
	font-weight:bold					
}
#conteneur_article {
	width:598px;
	height: auto;
	float: right;
	border-left-style:dashed;
	border-left-color:#CCCCCC;
	border-left-width: 1px;		
	margin: 0;
	padding: 0;		
}
#article {
	width:565px;
	height: auto;
	float: right;
	font-size: 13px;
	color:#333333;		
	margin: 0;
	padding: 27px 15px 27px 0;
	overflow:auto;		
}
#article a, a:hover {
	text-decoration:none;
	color:#333333;			
}
.h1 {
	font-size:15px;
	font-weight:bold;	
}
.h_green {
	color:#99CC00;	
}
.h2 {
	font-size:13px;
	font-weight:bold;	
}
.h2_green {
	color:#99CC00;
	font-size:13px;
	font-weight:bold;	
}
.b2 {
	color:#666666;
	font-size:11px;
	text-align:justify;
}
.b_green {
	color:#99CC00;
	font-weight:bold;		
}
.b_grey {
	color:#999999;		
}
#article ul {
	color:#333333;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	list-style-type: disc;
}
#bottommenu {
	width: 648px;
	height:22px;
	float:left;
	margin: 0;
	padding: 0;
}
#bottommenu ul{
	height:22px;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;	
}
#bottommenu ul li{
	width: auto;
	height: 22px;
	float: left;
	margin: 0;
	padding: 0;
}
#calebottom {
	width:800px;
	height:6px;
	float:left;
	margin: 0;
	padding: 0;			
}
#calebottom2 {
	width:800px;
	height:6px;
	float:left;
	border-bottom-style:dashed;
	border-bottom-color:#B7DB1D;
	border-bottom-width: 1px;
	margin: 0;
	padding: 0;			
}
#cgu {
	width:800px;
	float:left;
	text-align:center;
	font-size:11px;
	margin-top:10px;
}
#cgu01 {
	width:300px;
	float:left;	
	text-align: center;
	padding-left:251px;	
}
#cgu02 {
	width:800px;
	float:left;	
}
#borderbottom {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 25px;
	float:left;
	margin: 0;
	padding: 0;		
}
/* Uniquement pour le formulaire et c'est le bordel !!! Comme d'hab !*/
#article2 {
	width:580px;
	height:auto;
	float: right;
	font-size: 13px;
	color:#333333;		
	margin: 0;
	padding: 0;
	overflow:auto;				
}
#form {
	width: 550px;
	height: 900px;
	float: left;		
	margin: 0;
	padding: 0;		
}
#form 
.h_green, 
a,
a:hover {
	text-decoration:none;
	font-weight:bold;		
}
.cale_form {
	width:550px;
	height:15px;
	float:left;
}
.cale_form2 {
	width:550px;
	height:27px;
	float:left;
}
.cell_00 {
	width:550px;
	float: left;
	margin:0;
	padding: 0 ;
	text-align: left;
}
.champaremplir {
	margin: 0 ;
	padding: 0;
	text-align: right;
}
.champaremplir2 {
	width:535px;
	float: right;
	padding: 0 ;
	margin: 0;
}
.champaremplir3 {
	width:535px;
	float: right;
	padding: 0 ;
	margin: 0;
	text-align:right;
}
.textesimple {
	margin: 0 ;
	padding: 0 0 0 14px;
	text-align: left;
}
/* Uniquement pour la Lightbox*/
#lightbox {
	width:550px;
	height:auto;
	float: left;
	font-size: 13px;
	color:#333333;		
	margin: 0;
	padding: 0;				
}
#bloc_img {
	width: 182px;
	float: left;
	margin-bottom:25px;
}
#bloc_empty {
	width: 182px;
	height:287px;
	float: left;
	margin-bottom:25px;
}