body {margin: 0; padding: 0; background: #ffffff; font-size: 0.8em; font-family: arial; color: #5C5C5C;}

img{border: none}
a {color: #5C5C5C;}
a:hover {color: #2682d0;}
img.cadre{border : 4px solid #bebebe;}
p .imgtitre{display: block; text-align: center; font-style: italic;}
em {color: #2682d0;}
input, select, textarea {
	border: 1px solid #c5c5c5;
	border-collapse: collapse;
	background-color: #E8E8E8;
	font-family: Verdana, Arial, Serif;
	color: #5C5C5C;
}

 /* TOP 
 *************************************************************/
#top {height: 220px;background: #5C5C5C url(../images/top.jpg) repeat-x; margin: 0; padding: 0; bottom: 0px;}
#entete{position: relative; top: 20px; text-align: center;}

#entete_gauche{height: 220px; width: 500px; float: left;}
#entete_droite{height: 220px;width: 300px;float: right;	background: url(../images/back.gif) no-repeat;}
#entete_objet_gauche{position: relative; left: O;top: 20px;}
#entete_objet_droit{position: relative; left: 67px; top: 34px;}	
#top h1 {font-size: 24px; text-transform: uppercase; color: #5C5C5C; margin: 0;}
#top p {margin: 0; padding: 0;}
#top .bottom {position: relative; top: 20px;}

 /* TITRE 
 *************************************************************/
#titre {
	background: #ffffff; 
	border-bottom: 3px solid #ce070f; 
	width: 800px; 
	height: 20px;
	margin: 10px 0;}
#titre h1 {
	font-weight: normal;
	font-size: 18px; 
	text-transform: uppercase; 
	color: #5C5C5C; 
	margin: 0;}

 /* LISTE MENU PRINCIPALE
 **************************************************************/
#haut {
	margin: 0 0 0 -15px; 
	padding: 0;
	height: 57px;
	background: #E2E2E2 url(../images/bg_menu.jpg) repeat-x;
	font-size: 15px;
	font-weight: bold;}
#haut ul {
	margin: 0; 
	padding: 20px 0 0 0;  
	list-style: none;}
#haut li {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0 0 0 -1px; 
	text-transform: uppercase; 
	border-left: 1px solid #5C5C5C;}
#haut li:first-child {border:0; margin-left: 10px;}
#haut li a {text-decoration: none; color: #5C5C5C}
#haut li a:hover {text-decoration: underline;}

#caddie{
float: right; 
height: 57px;
width: 57px;
background: url(../images/caddie.gif) no-repeat;
/*cursor: pointer;*/}
#caddie:hover{background: url(../images/caddiehover2.gif) no-repeat;}

/* CENTRAGE
*******************************************************************/
.content {width : 800px; margin : 0 auto; padding: 0; overflow : hidden;}
.content p{margin: 10px 0 10px;}

.centrage {width: 1000px; margin: 0 auto; padding: 0;}

/* OUTILS 
*************************************************************************/
#outils {
	float: left;
	width: 180px; 
	margin: 43px 0 0;}
#outils .outils_top{background: url(../images/tools-top.gif) top no-repeat;}
#outils .outils_middle{background: url(../images/tools-middle.gif) top repeat-y;}	
#outils .outils_bottom{background: url(../images/tools-bottom.gif) bottom no-repeat;}	
#outils_in {padding: 10px;}
#outils_in .pour_pointilles {padding: 0; margin: 0; border-bottom: 1px dotted #000;}
#outils_in h1 {
	font-weight: normal;
	font-size: 18px; 
	color: #5C5C5C; 
	margin: 0 0 10px;
	text-align: center;}	
#outils_in ul{list-style: none; margin: 10px 0; padding: 0;}

#uselinks {}
#miniactu {font-size: 11px; text-align: justify;}
#miniactu .date {font-weight: bold;}
#miniactu .titre {font-weight: bold;}
#miniactu .titre a{color: #ce070f;}
#miniactu .titre a:hover{color: #2682d0;}
#miniactu .suite{font-size: 8px;}

#postit {
margin: 0 0 20px 0;
height: 210px;
background: url(../images/postit.gif) top no-repeat;
font-size: 10px;}
#postit h1 {
	font-weight: normal;
	font-size: 18px; 
	color: red; 
	margin: 0 0 10px;
	text-align: center;}	
#postit_in ul{list-style: none; padding: 20px 30px 0px 20px;}

#page {min-height: 700px;}
#page h3{font-size: 14px;}
#page h4{font-size: 11px; text-decoration: underline;}

/* PAGE CENTRE 
*************************************************************************/
#page_centre{
	width:800px;
	margin: 0;
	padding: 0;
	text-align: center;}



/* PAGE GAUCHE 
*************************************************************************/
#page_left {
	float: left;
	width:400px;
	margin: 0;
	padding: 0;
	Background: transparent;
	/*text-align: justify; 
	line-height: 20px;*/}
#page_left .pour_pointilles {padding: 0; margin: 0; border-bottom: 1px dotted #000;}

 /* PAGE DROITE 
 *******************************************************************/
#page_right {
	float: right;
	width:370px; 
	margin: 0;
	padding: 0;
	Background: transparent;   
	/*text-align: justify; 
	line-height: 20px;*/}
#page_right .pour_pointilles {padding: 0; margin: 0; border-bottom: 1px dotted #000;}
 
 /*  
 ***************************************/
.comebackhaut{display: block; position: relative; top: -12px; text-align: right;}	
.good{color: green;}
.bad{color: red;}
.goodbad{color: #ce8d41;}
.badgood{color: #cecc41;}
#message{text-align: center; font-size: 150%; margin: 40px 0;}
#message h3{font-size: 130%;}
 /* FOOTER 
 ***************************************/
#pied {
	margin: 0;
	height: 30px;
	line-height: 30px; 
	background: #E8E8E8;
	border-top: 1px solid #c5c5c5; 
	border-bottom: 1px solid #c5c5c5; 
	font-size: 0.8em;
	text-align: center;}
#pied p {margin: 0;} 
#pied a:hover {color: #5C5C5C; text-decoration: none;}  

 /* SOUS FOOTER 
 ***************************************/
#sous_pied {
	margin: 10px 0;
	font-size: 0.8em;
	text-align: center;}
#sous_pied p {margin: 0;} 
#sous_pied a:hover {color: #5C5C5C; text-decoration: none;}  
 /* MINISHOP 
 ***************************************/
#listminishop{}
.minishop {position: relative; margin: 10px 0; padding: 5px; width: 320px; height: 90px; border: 1px solid #5b69f3;}
.minishop img{}
.minishop p{}
.minishop ul {position : absolute; left: 100px; top: 0; margin: 0; padding: 0; list-style: none;}
.minishop li {margin: 5px; padding: 0;}
 
.minishop .titre{font-weight: bold;} 
.minishop .prix{font-weight: bold; color: #36cc13;}  
.minishop .prixbarre{font-weight: bold; color: black; text-decoration: line-through;}   

.fam_equipement a{color: #0050e0;}
.fam_equipement a:hover{color: #ffa800;}
.fam_equipement img {border: 3px solid #0050e0;}
.fam_equipement img:hover {border: 3px solid #ffa800;}

.fam_cloison a{color: #bd9700;}
.fam_cloison a:hover{color: #63d300;}
.fam_cloison img {border: 3px solid #bd9700;}
.fam_cloison img:hover {border: 3px solid #63d300;}

.fam_stockage a{color: #ffa800;}
.fam_stockage a:hover{color: #0050e0;}
.fam_stockage img {border: 3px solid #ffa800;}
.fam_stockage img:hover {border: 3px solid #0050e0;}

.fam_manutention a{color: #63d300;}
.fam_manutention a:hover{color: #bd9700;}
.fam_manutention img {border: 3px solid #63d300;}
.fam_manutention img:hover {border: 3px solid #bd9700;}