body {
	background:#58595B;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#fond {
	
	background:#58595B url(img/fond.gif) repeat-y center;
	
}
#tout {
	width:890px;
	margin:0px auto; 
	padding-bottom:20px;
	background:#000 url(img/degra.png) repeat-x 0px 113px;
	
}

#bandeau { 
	width:890px;
	height:113px;
	background:#58595B url(img/bandeau_rep.png) repeat-x;
	border-bottom:3px solid #404040;
}

#header { 
	position:absolute; 
	top:92px;  
	left:50%;
	margin-left:-275px;
	font-size:90%;
	line-height:normal;
	width:688px; 
	
}
#header ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0px;
}
#header li {
	background:transparent url(img/left_on.gif) no-repeat scroll left top;
	float:left;
	margin:0pt;
	padding:0pt 0pt 0pt 9px;
	height:25px;
	display:inline;
	_width:30px;
}
#header a {
	background:transparent url(img/right_on.gif) no-repeat scroll right top;
	color:#776655;
	display:block;
	float:left;
	font-weight:bold;
	padding:5px 12px 4px 2px;
	text-decoration:none;
	height:25px;
 
}
#header a {
	float:none;
}
#header a img{
	border:none;	
}
#header a:hover {
	color:#333333;
}
#header #current {
	background-image:url(img/left.gif);
}
#header #current a {
	background-image:url(img/right.gif);
	color:#333333;
	padding-bottom:5px;
}
#bandeau_flash {
	float:right;	
}

/*  PAGE PRODUITS */
#rubrique {
	
	width:194px;
	float:left;
	margin:15px;
	margin-right:0px;
	display:inline;
	min-height:290px;
	_height:290px;
	background:url(img/degra_prod.png) repeat-x 0px 32px;

}
#titre_rubrique {
	color:#FFF;
	background:url(img/titre_prod.png);
	width:184px; 
	height:26px; 
	padding-top:6px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding-left:10px;
}
#rubrique ul{
	padding:0px !important;	
	margin:0px ;	
	font-weight:bold;
	margin-left:10px;   
	_margin-left:-10px;   
}
*+html #rubrique ul, * html #rubrique ul{ 
	margin-left:-5px;  
	
} 


#rubrique li{
	display:block;
	margin:0px ;	
	padding:0px ;	
	margin-left:0px !important;	
	margin-right:0px !important;	
	list-style-type:none;
	text-align:left; 
	line-height:14px;
	border-top:1px dotted #B67E2B;
	width:85%;
	padding:7px 0px ;
	font-size:12px;
	margin-left:10px; 
}

#rubrique ul ul{
	margin:0px;	
	padding:0px;
	padding-bottom:10px !important;
	
} 
	 

#rubrique li.first{
	
	border:none;
}

.second{
	border:none !important;
	 font-size:10px !important;
	 margin:0px !important;
	padding:0px !important;
	width:100%  !important;
	text-align:left;
}
#rubrique li a{
	color:#000;
	text-decoration:none;
}
#rubrique li a.sel{
	color:#DD0600;	
}

#droite {
	 float:right;
	 width:587px;
	 background:url(img/bandeau_cat.jpg) no-repeat;
	 margin:15px;  
	 margin-left:0px;
	display:inline;
	text-align:left;
}

#titre_droite {
	height:79px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	padding-top:6px;
	padding-left:6px;
}

 
.demande {
	width:150px;
	float:left;
	clear:left;
	padding-top:10px;
}
.box_cat {
	 width:100px;
	float:left;
	margin:0px ;  
	margin-bottom:20px ; 
	display:inline;
	text-align:center;
}
.box_cat img {
	  
	  border:none;
	margin-bottom:5px;
	display:inline;
	
}
.box_cat  a{
	color:#000;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.box_cat  a:hover{
	color:red;	
}

.descr_prod {
	margin:5px 10px 20px 10px; 
	text-align:justify;
}
.un_prod {
	margin:15px;
	margin-right:0px;
	margin-top:20px;
	margin-right:0px;
	text-align:justify;
}
.un_form {
		margin:0px; 
	text-align:justify;
}
.une_page {
	margin:0px;
	text-align:justify;
}
.descr_prod ul, li{ 

	margin:0px;
	padding:0px;
	
}
table td input {
	font-size:9px;
}
.descr_prod li{ 
	 background:url(img/fleche.png) no-repeat 0px 4px;
	 list-style-type:none;
	 padding-left:15px;
	 padding-top:3px;
	 padding-bottom:3px;
	  
}

.entourage { 
	 background:url(img/produit_rond_mid.png) repeat-y;
	width:400px;
	margin:0px auto;
}

.titre_entourage {
	color:#FFF;
	background:#DD0600; 
	font-size:12px;
	font-weight:bold;
	margin-bottom:30px;
	min-height:20px;
	padding-left:6px;
	padding-top:0px;
	text-align:left;
}

.box_prod {
	width:90px;
	float:left;
	margin-left:6px;
	margin-top:0px;
	padding-bottom:10px
	display:inline;
	height:120px;
	text-align:center;
	cursor:pointer;
	padding-bottom:10px;
}
.box_prod img {
	  border:none;
	margin-bottom:5px;
	display:inline;
	cursor:pointer;
	
}
.box_prod  a{
	color:#000;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}
.box_prod  a:hover{
	color:red;	
}
#tab_prod td{ 
	font-size:12px;
	line-height:13px;
}

#tab_prod td.carac{ 
	font-size:12px;
	font-weight:bold;
	padding-bottom:12px;
	padding-top:5px;
}

#titre_prod {
	width:385px;
	font-size:14px; 
	padding-bottom:5px;
	background:url(img/degra_rouge.png) no-repeat left bottom;
	text-align:left;
	font-weight:bold;
}
#titre_prod img {
	margin-right:10px; 
	vertical-align:middle;
}
#descr {
 	font-size:11px;
	 
	clear:left;
	float:left;	
	text-align:justify;
}


#descr ul, li{ 

	margin:0px;
	padding:0px;
	
}

#descr li{ 
	 background:url(img/fleche.png) no-repeat 0px 4px;
	 list-style-type:none;
	 padding-left:15px;
	 padding-top:3px;
	 padding-bottom:3px;
	  
}

.vignette {
	float:left;
	margin-top:18px;
}
.rouge {
	color:red;
	font-weight:bold;
}
#tab_prod {
	border-collapse:collapse;
	width:260px;
	margin-top:13px; 
}
 

#tab_prod td.cal1{
	text-align:left; 
	border-top:1px dotted #888;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	
}
#tab_prod td.cal2 {
	text-align:left;
	color:red;
	border-top:1px dotted #888;
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	font-weight:bold;
}

.vignette  img{
	margin-right:10px;
	margin-top:8px;
}
.bloc li {
	display: list-item;
	list-style-image: url(img/puce_rouge.png);
	margin-left:10px;
	font-size:11px;
} 
.bloc li.tel{
	color:#DD0600;
	font-size:20px;
	font-weight:bold;
	background:none;
	list-style-type:none;
	margin-left:-10px;
	list-style-image:none;
}
.bloc li a {
	color:#000;
	text-decoration:none;		
}
.bloc li a:hover { 
	text-decoration:underline;		
}


.bloc ul {
 		padding-left:20px;
 		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
}
 

.bloc {
	background:url('img/centre_bloc.png') repeat-y;
	width:150px;
	float:right;
	text-align:left;
	clear:right;
	margin-top:0px;
	margin-right:2px;
}
 
.bloc img{
	border: none;
	display: block; 
}
.bloc hr{
	width:130px;
	margin-left:10px;
	background:#CDCDCD;
	height:1px;
	border:none;
}
/* **** PANIER  */
.panier {
	width:100%;
	border-collapse:collapse; 
}
.panier th{
	font-size:11px;
	background:#B67E2B url(img/fond_th.png) repeat-x; 
	background:#B67E2B ; 
	 
	color:#FFF; 
	padding:5px 3px;
}
a.prod_panier {
	text-decoration:none;
	color:#000;
}
a:hover.prod_panier {
	text-decoration:underline;
	color:#404040;
}
.panier  td{
	font-size:11px;
	background:#EFE3D3;
	padding:3px; 
}

.panier .pair td{ 
	background:#FBF8F3;
}

/* **** PAGE courte intérieur  */

#droite2 {
	 float:right;
	 width:587px;
	 background:url(img/bandeau_page_degra.png) repeat-x;
	 margin:15px;  
	 margin-left:0px;
	display:inline;
	text-align:left;
	font-size:12px;
	
}
 

#titre_droite2 {
	min-height:25px;
	_height:25px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	 background:#DC0600 url(img/bandeau_page_rond.png) no-repeat  ;
	color:#FFF;
	 margin-bottom:30px;  
	padding-top:6px;
	padding-left:6px; 
}
#droite2 img {
		border:none;
}

 
/* **** PAGE  central  */
 
#droite3 {
	float:left;
	width:400px; 
	background:url(img/bandeau_page_degra.png) repeat-x;
	margin:15px;  
	margin-left:28px;
	margin-right:28px;
	display:inline;
	text-align:left;
	font-size:12px;
}
 

#titre_droite3 {
	min-height:20px;
	_height:22px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	 background:#DC0600 url(img/bandeau_page_rond3.png) no-repeat  ;
	color:#FFF;
	 margin-bottom:0px;  
	padding-bottom:5px;  
	padding-top:6px;
	padding-left:6px; 
}
#droite3 img {
		border:none;
}

.col3 {
	float:left;
	width:150px; 
	 margin-top:16px;
}

/* **** PAGE EN ENTIER  */

#full {
	 float:right;
	 width:812px; 
	 margin:10px;  
	 margin-left:0px;
	display:inline;
	text-align:left;
	font-size:11px;
	
	 background:url(img/bandeau_page_degra.png) repeat-x;
}
 

#titre_full {
	min-height:25px;
	_height:25px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	 background:#DC0600 url(img/bandeau_page_full_rond.png) no-repeat  ;
	color:#FFF;
	 margin-bottom:20px;  
	padding-top:6px;
	padding-left:6px; 
}

/* PAGE d'accueil */

.col {
	margin:15px 0px 13px 15px;
	height:287px;
	float:left;
	display:inline;
}
#col1 {
	background:#FFF;
	width:239px;
}
#col2 {
	background:#FFF;
	width:350px; 
	margin-left:19px;
}
#col3 {
	background:url(img/col3.png) no-repeat;
	text-align:left;
	width:191px;
}
#col2 .text {
	color:#404040;
	font-size:11px;
	text-align:left;
	padding-left:10px;
	background:  url(img/puce_rouge.png) no-repeat 0px 3px;
	line-height:12px;
	position:absolute; 
}

#col2 .text a{
	color:#404040;
	text-decoration:none;
}
#box_actu {
	width:309px; 
	margin-left:0px;
	padding-left:0px !important;
	margin-top:30px; 
	background:none !important;
}
 
#box_actu .list{
	background:url(img/puce_rouge.png) no-repeat 5px 2px;
	padding-left:18px; 
	padding-top:2px;
}

#box_ecata {
	
	width:160px;
	height:67px;
	margin-left:5px;
	margin-top:30px; 
	font-weight:bold;
	
}

.txt_ecata {
	float:left;
	font-weight:normal;
}

.txt_ecata img {
	border:none;	
	margin-top:5px;
}

#col3 .text {
	color:#404040;
	width:100px;
	height:77px;
	font-size:11px;
	text-align:left;
	padding-left:10px;
	background:url(img/puce_rouge.png) no-repeat 0px 3px;
	line-height:12px;
	position:absolute;
}
#col3 .text img {
	border:none;
	margin-top:5px;
}
#implant {
	margin-left:15px;
	margin-top:35px; 
}
#infos {
	margin-left:15px;
	margin-top:135px; 
}
#letter {
	width:150px !important;
	margin-left:15px;
	margin-top:232px; 
}
#letter2 { 
	width:170px !important;
	margin-left:15px;
	margin-top:260px; 
}
#letter2 input{
	 font-size:11px;
} 

#actu {
	width:219px;
	background:url(img/actus.png) no-repeat;
	text-align:left;
	padding:30px 10px 0;
}

#actu #actu_interieur{
	height:257px;
	overflow:auto;
	padding:0 5px 0 0;
}

.actu{
	margin-top:5px;
	font-size:9px;
	text-align:justify;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #d8b889;
}

.actu .titre{
	background:url(img/puce_rouge.png) no-repeat 0 3px;
	padding:0 0 0 12px;
	margin-bottom:3px;
	color:#000;
	font-size:11px;
	font-weight:bold;
}

.actu .titre a{
	color:#000;
}

.actu .img{
	float:right;
	padding:0 0 5px 10px;
}

.actu p{
	margin:0;
	padding:0;
}

.actu a{
	color:#fe0000;
	text-decoration:none;
}

.expression{
	height:182px;
	width:334px;
}

.expression .img{
	float:left;
	margin:0 5px;
}

.expression .img_center{
	text-align:center;
	width:334px;
	margin-left:8px;
	display:inline;
}

 
.expression p{
	color:#fe0000;
	margin:0;
	padding:0px 0;
	font-weight:bold;
}

.expression a p{
	color:#fe0000;
	text-decoration:none;
}

/*  CENTRE DE LA PAGE */

#contenu {
	width:832px;
	margin:20px auto;
	margin-bottom:0px;
	background:#FFF url(img/arrondi_h.png) no-repeat top;
	min-height:250px;
}
#contenu_bas {
	 font-size:0px;
	 line-height:0px;
	width:832px;
	height:4px;
	margin:0px auto;
	background:#FFF url(img/arrondi_b.png) no-repeat bottom;
}


.clear {
	clear:both;
	
}

#pied {
	
	width:890px;
	height:70px;
	background:#212121; 
	clear:both; 
	margin:0px auto;
	color:#FFF;
	text-align:left;
	font-size:10px;
}
#pied span{
	color:red;
	font-size:11px;
	font-weight:bold;
	
}


/****************** Offres d'emplois ********************/
.offre_ref{
	font-weight:bold;
}
.offre_lieu{
	font-weight:bold;	
}
.offre_date{
	font-style:italic;
}
/******************PAGES PARAGRAPHES********************/

.par
{
margin-bottom:30px; 
text-align:justify;
}

.titre_par
{
color:#DC0600;
font-weight:bold;;
font-size:13px;

line-height:15px;
padding-left:20px;
background:url(img/fleche.png) no-repeat 0px 2px;
background-repeat:no-repeat; 
margin-bottom:15px;
margin-top:25px; 
margin-left:2px;
}

.txt_par ul ,.txt_par li
{	
 	margin:0px;
 	padding:0px;
}

.txt_par ul {
	margin-top:10px;

}
.txt_par li {
	
	padding:5px; 
	padding-left:20px; 
	list-style-type:none;
	background: url(img/puce_rouge.png) no-repeat 5px 9px;
}
.txt_par p
{  
padding:0px; 
}

.txt_par {  
}

.down {
	background:url(img/fleche_fichier.png) no-repeat 0px 8px;
	padding:10px;
	margin-left:10px;
	padding-left:35px;
	
	
}
.down a{
	font-weight:bold;
	color:#DD0600;	
	text-decoration:none;
}
.down a:hover{
	font-weight:bold;
	color:#DD0600;	
	text-decoration:underline; 
}
.img_par_1
{
float:left; 
margin:0px 15px 15px 0px;
}

.img_par_2
{
text-align:center;
}

.img_par_3
{
float:right;
margin:0px 0px 15px 15px;
}