body {
	margin : 0;
	padding : 0;
	font-size : 1em;
	font-family : arial;
	color : #5C5C5C;
	background : #fff url(images/header.jpg) repeat-x;
}

/* SITE 
*******************************************************************/

#site {
	width : 900px;
	margin : 0 auto;
	overflow : auto;
}

/* HEADER 
*************************************************************/

#header {
	height : 178px;
	position : relative;
/* 	background: url(images/fulltopper.gif) no-repeat; */
	background-position: 50px 5px;
}

#header h1 {
	position : absolute;
	top : 30px;
	left : 0;
	font-size : 40px;
	text-transform : uppercase;
	color : #5C5C5C;
	margin : 0;
	padding :  0;
	width: 337px;
	height: 65px;
}

#header h1 span, #header p span, #header h2 span{
position:relative; left:-10000px;
}


#header p{
	position : absolute;
	top : 98px;
	left : 0;
	margin : 0;
	padding : 0;
}
#header h2 {
/*	position : absolute;
	margin : 0;
	padding : 0;
	width:340px;
	height:40px;
	right: 0px;
	top: 85px;*/
	display:none;
}

/* MENU
 **************************************************************/

ul#menu  {
	position : absolute;
	top : 138px;
	left : 0;
	margin : 0 0 0 -10px;
	padding : 0;
}

ul#menu li {
	float : left;
	padding : 0 10px 0 10px;
	margin : 0 0 0 -1px;
	text-transform : uppercase;
	border-left : 1px solid #5C5C5C;
	font-size: 1.1em;
	letter-spacing: -1px;
}

ul#menu li:first-child {
border:0;
}

ul#menu li a {
text-decoration : none;
color : #5C5C5C
}

ul#menu li a:hover {
	text-decoration : underline;
	color: #7B0416;
}

/* CONTENU 
*************************************************************************/

#contenu {
	float : left;
	width : 400px;
	padding : 20px 0 0 0;
	text-align : left;
	line-height : 20px;
}
 
#contenu p {
margin :  0 ; 
padding : 0 ;
}

#intro  {
margin-bottom: 50px;}


#intro a  {
	color: #C6A800;
}

#contenu  ul {
margin :  0 ; 
padding : 0 ;
}

#contenu img.article {
float:left; margin:5px 5px 0 5px;	
}

#side img.article {
	float:left;
	margin:5px 5px 5px 0;
}
/* SIDEBAR
*******************************************************************/

#side {
float : left ;
width :450px ; 
margin : 0 0 0 40px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;
}

#side h2 {
	font-size : 1.5em;
	font-weight: lighter;
}

#side h3 {
font-size : 1em ;
font-weight : normal ; 
background : #E8E8E8 url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  
}

#side h4 {
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : normal ; 
border-bottom : 1px solid #F0EDED ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
background : url(images/h4.jpg) top left no-repeat ;
text-indent : 20px ; 
}

#side p {
	margin :  0;
	padding : 0;
	text-align: justify;
	font-size: 0.9em;
}
   
#side img {
	display : block;
	}
  
/* Bloc lastevent (presentaion droite) 
 ******************************************************************/

.lastenvent {
	width : 100%;
	position : relative;
	background : #fff;
	margin : 0 0 10px 0;
	border : 2px solid #EAEAEA;
	min-height : 96px;
	font-size: 0.8em;
}

.lastenvent img {
border-top : 4px solid #F0F0F0;
border-bottom : 4px solid #F0F0F0;
border-left : 4px solid #F0F0F0;
border-right : 6px solid #F0F0F0;
width: 88px;
height: 88px;

}

.lastenvent p {
margin : 20px ; 
padding : 0
}

.lastenvent ul { 
margin : 0 ; 
padding : 0 20px 0 0 ;
position : absolute ;
left : 110px; 
top : 10px ;
}

.lastenvent li {
	padding : 0 0 0 20px;
	margin: 0;
}

.lastenvent li.titre {
text-transform : uppercase; 
background : url(images/h4.jpg) left no-repeat; 
text-decoration : underline ; 
}

/* Footer 1, from Manstouch styles
********************************************/
#footer{
	padding-top:10px;
	padding:0;
	height:53px;
        width:900px;
        text-align:center;
	overflow:hidden;
        margin:0px auto;
	/*background-image:url(http://manstouch.co.uk/shared/bottombar-aboutterms.gif);*/
/* 	background-image:url(http://manstouch.com/shared/experienceparis-footer.jpg); */
	background-repeat:no-repeat;
	background-position:center;
/* 	background-color:#A59C8C; */
	background-color:#ffffff; 
	clear: both;
}
#footer a { border: none;}
	/* clickable zones on the footer*/    
	/*#zoneabout { float:left; width:60px; height:12px; margin-left:15px; margin-top:27px;}*/  
    /*#zoneterms { float:left; width:55px; height:12px; margin-left:8px; margin-top:27px;}*/
    #footerzoneabout {
      float:left;
      height:20px;
      /*margin-left:120px;   for less resolution*/
      margin-left:80px;
      margin-top:22px;
      width:100px;
    }
    #footerzoneterms {
      float:left;
      height:20px;
      margin-left:5px;
      margin-top:22px;
      width:55px;
    }
    
    #zonehomepage {
      float:left;
      width:160px;
      height:20px;
      margin-left:5px;
      margin-top:22px;
    }
    
    #zonecontact {
      float:left;
      width:100px;
      height:17px;
      margin-left:2px;
      margin-top:23px;
    }


    #mob {
      float:left;
      height:20px;
/*       margin-left:347px;  for less resolution */
      margin-left:347px; 
      margin-top:22px;
      width:60px;
    }
    
    #blg {
      float:left;
      height:20px;
      margin-left:4px;
      margin-top:22px;
      width:20px;
    }
    
    #twit {
      float:left;
      height:20px;
      margin-left:4px;
      margin-top:22px;
      width:20px;
    }    
 

	#footer a span {
	position: absolute;
	left: -500em;
	top: -500em;
	text-indent: -500em;
	visibility: hidden;
}    


/* footer2 
 ***************************************/

#footer2 {
	line-height : 30px;
	background : #E8E8E8;
	border-top : 20px solid #fff;
	border-bottom : 20px solid #fff;
	width : 900px;
	margin : 0 auto;
	font-size : 0.8em;
	text-align : center;
}
 
#footer2 p {
margin : 0 
} 

#footer2 a {
text-decoration : none ; 
margin: 0 10px;
}  

#footer2 a:hover {
text-decoration : underline ;  
}  
  
/* 
**********************************************************************/

div.hr {
padding : 0 0 20px 0 ; 
border-bottom : 1px dotted #000;
}

div.hr hr {
display: none;
}

/*MAIN 
 ***************************************/

ul {
list-style : none ;
}
  

.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

a {
color : #5C5C5C; 
}
#contenu #intro h2 {
	font-weight: lighter;
}