/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FF0000;
	color:#000;
}


h2, h3 , h4 , h5, p {
	
	display:block;
	margin:0;
	padding:0;
}





ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#FFFFFF;
	
}


a:hover {
	text-decoration:none;
	color:#000;


}

.align_gauche {
	float:left;
}
.clear {
	clear:both;
}
.align-gche {
	float:left;
}
/************************/




#page {
	width:955px;
	background: url(images/px-page.jpg) repeat-y;
	display:table;
	margin:0 auto;
	
}
#contenu {
	width:955px;
	background:url(images/fnd-page.jpg) no-repeat;
	display:table;
	margin:0 auto;
	
}

.logo{
	float:left;
	margin:30px 0 0 34px;
		
}
#header{
	float:left;
	width:899px;
	padding:0 0 0 0;
	
	
}
#part-gch {
	background:url(images/part-gche.jpg) no-repeat 0 30px;
	width:151px;
	height:400px;
}
#part-drte {
	background: url(images/part-drte.jpg) no-repeat 0 16px;
	width:152px;
	height:614px;
}
/*------------------------Menu-------------------------------*/
#menu {
	float:left;
	padding:21px 0 0 240px;
	width:346px;
	font-size:14px;
	clear:both;
	
	
}
#menu ul {
	list-style-type:none;
	padding:0;
}
#menu li {
	text-decoration: none;
	float:left;	
	display:inline;
	line-height:23px;
}
#menu li a {
	height:23px;	
	float:left;
	padding:0 20px 0 0;
	color:#FF0000;
	
}

#menu li a:hover {
	color:#FFF;
	
}
#menu li.actif a{
	line-height:23px;
	float:left;
	padding:0 20px 0 0;
	color:#FFFFFF;
	font-weight:bold;
}
#content {
float:left;
padding:16px 0 0 42px;
width:890px;
}
#index-left {
background:url(images/fnd-present.jpg) no-repeat #980000;
padding:10px 0 7px 7px;
width:210px;
float:left;

}
#index-left h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 10px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
#index-left p{
background:url(images/puce1.gif) no-repeat 0 4px;
padding:0 0 6px 9px;
margin:0 0 0 8px;
}
#index-left p.nnpuce {
background:none;
padding:0 0 6px 0;
margin:0;
}
.present-img {
margin:10px 0 0 0;
float:left;
clear:both;
border:3px solid #FFF;
}
.present-img2 {
margin:0 0 10px 0;
float:left;
clear:both;
border:3px solid #FFF;
}
#index-milieu {
float:left;
padding:0 10px 0 20px;
width:195px;
text-align:justify;
}
#index-milieu h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 10px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:170px;
clear:both;
}
.hygiene-img {
float:left;
margin:5px 0 10px 0;
}

#index-milieu p{
padding:0 9px 6px 9px;
}
#index-right {
float:left;
padding:10px 0 0 10px;
width:420px;
}
#index-right img {
float:left;
margin:10px 6px 0 0;
border:3px solid #FFF;
}
#index-right h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 10px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:160px;
}
#index-right p{
padding:0 9px 10px 9px;
}

/*----------------------TATOUAGES--------------------------*/
.tato-left {
padding:10px 0 0 0;
width:260px;
float:left;

}
#tato-drt {
float:left;
width:520px;
}
.tato-left h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 2px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:240px;
clear:both;
}
.tato-left .marg{
	margin:6px 6px 30px 0;
}
.tato-left img {
float:left;
margin:6px 6px 0 0;
border:3px solid #FFF;
}
.bloc-img {
float:left;
width:260px;
padding:0 0 30px 0;
}
#laste.bloc-img {
float:left;
width:520px;
padding:0;
}
#laste img{
float:left;
margin:6px 6px 0 0;
border:3px solid #FFF;
}
#laste h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 2px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:240px;
clear:both;
}
#last.bloc-img {
float:left;
width:260px;
padding:0;
}
.separ-tatou {
float:left;
margin:30px 20px 0 20px;
}
#tato-right {
float:left;
width:250px;
padding:10px 0 0 9px;
color:#FFFFFF;
}
#tato-right h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 9px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:220px;
}
#tato-right img {
float:left;
margin:4px 4px 0 0;
border:3px solid #FFF;
}
#tato-right p{
padding:0 0 6px 0;
}
#tato-right p.tato-list {
padding:0 0 5px 16px;
background:url(images/puce2.gif) no-repeat 0 4px;
margin:0 0 0 5px;
}
#tato-right p.tato-souslist {
padding:0 0 4px 16px;
background:url(images/puce2.gif) no-repeat 0 4px;
margin:0 0 0 10px;
}
.gras {
font-weight:bold;
}

/*--------------contact-------------------*/
#contact-img {
float:left;
margin:0 40px 0 0;
border:3px solid #FFF;

}
#contact-drte {
float:left;
width:360px;
color:#FFF;
padding:20px 0 0 0;
}
#contact-drte h3{
background:url(images/puce.gif) no-repeat 0 0;
padding:0 0 4px 20px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
width:220px;
}
.cronch {
padding:6px 0 0 20px;
font-size:13px;
font-weight:bold;
}
.adr {
padding:7px 0 9px 20px;
}
.email {
position:relative;
top:9px;
}
.carte {
float:left;
margin:11px 0 0 0;
}
/*---------------Mentions Légales------------*/

#contenu-mentions {
	float:left;
	width:840px;
	padding:20px 0 0 60px;
	text-align:justify;
	letter-spacing:1px;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
}
.contenu-mentions-h2{
	padding:3px 0 10px 19px;
	color:#FFF;
	font-size:13px;
	clear:both;
	height:17px;
	background:url(images/puce.gif) no-repeat 0 30%;
	font-weight:bold;

}
.contenu-mentions-h3{
	color:#000;
	font-size:12px;
	background:url(images/puce2.gif) no-repeat 0 68%;
	padding:20px 0 10px 20px;
	font-weight:bold;
}
#contenu-mentions object{
	position:relative;
	top:5px;
}
/*-----------------------CSS footer------------------------*/
#footer {
	width:955px;
	margin:0 auto;
	text-align:center;
	padding:4px 0 0 0;
	background: url(images/fnd-footer.jpg) no-repeat;
	color:#220000;
	font-weight:bold;
	font-size:11px;
	height:135px;
	
}
#footer.foot-interne {
padding:38px 0 0 0;
height:97px;
}
.ouvrier {
	position:absolute;
	top:-244px;
	right:60px;
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 0;
	clear:both;
	
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#220000;
	
}
 
#footer li a:hover{
	color:#FFF;
}

#adres {
	font-size:11px;
	clear:both;
	padding:4px  0 0 146px;
	height:30px;
}

.object{
	float:left;
	
}

#footer span{
	display:block;
}
.flot{
	float:left;
	border-left:1px solid #000;
	padding:0 20px 0 20px;
	height:30px;
	text-align:left;	
}

#courr.flot{
	padding:0 0 0 20px;
}
.terre {
	float:left;
	font-size:14px;
	padding:0 20px 0 0;
	}
.sep {
	padding:0 6px 0 6px;
	display:block;
	float:left;
	
}
#footer p{
	font-size:11px;	
}
#logo_top {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:0 0 0 0;
	
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#000; 

}

#logo_top a:hover{
	color:#FFF;
}