* {
padding: 0;
margin: 0;
} 

body {
background: #FFF url(images/bg.gif) top center repeat-y;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #555;
line-height: 20px;
}

img { border: none; }
a { text-decoration: none; color: #c80062; }
a:hover { color: #F0A848; }



#wrap {
margin: 0 auto;
width: 980px;
}

#header {
	background: url(img/fond_header.gif) repeat-x;
	height: 178px;
	}
	
#header_top {
	background: url(img/header.jpg) no-repeat;
	background-position:top center;
	height: 178px;
	text-align: center;}



 .cattop {
  
  
  font-size:12px;
  font-weight:bold;
  
  text-align : center;
  }

.cat1 {
  position: relative;
  float: left;
  margin-left:0px;
  padding-left:0px;
  font-size:12px;
  font-weight:bold;
width:140px;
text-align : center;padding: 0px 0 10px 0;
} 
.cat2 {
  position: relative;
  margin-left:130px;
  font-size:12px;
  font-weight:bold;
  width:120px;
  text-align : center;padding: 0px 0 10px 0;
  }
  
#menu {
background: #c80062 url(images/menu.gif) no-repeat;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
#menu li {
float:left;
list-style-type:none;margin-bottom : 10px;
}
#menu li a {
padding:0 10px;
margin-bottom : 10px;
text-decoration:none;
color: #c80062;
letter-spacing:-1px;
font-weight: 100;
font-size: 17px;
}
#menu li a:hover {
color: #F0A848;
text-decoration: underline; 
}

#content { 
padding: 0px 10px 10px 10px ;
}

#left {
float: left;
width: 280px;
}
#left li { list-style-type: none; padding-left: 10px; }

#left h3 {
margin-left: 10px;
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #EEF0F1 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}
#left .box {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 10px;	
padding: 5px 0 10px 0;

}

#left .box   img {
width:250px;
margin-left : 10px;
margin-top : 10px;
}

#right { 
float: right;
width: 660px;
margin-right: 10px; 
}
.contentleft {
float: left;
width : 660px;
}
.contentleft h3 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #c80062 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}

.contentleft h1 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background: #c80062 url(images/hbg.gif) repeat-x;	
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
}
.contentleftbox {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 0;	
padding: 0 10px 10px 10px;
text-align: justify;
}



.flux
{
padding-top:10px; 
padding-bottom:15px; 
border:none; 
display:block;
width:530px;
border-bottom: 1px dotted #ccc; 
}

.pagination
{
padding-top:10px; 
padding-bottom:15px; 
border:none; 
display:block;
width:500px;
border-bottom: 1px dotted #ccc; 
}
.content_site
{
padding-top:10px; 
padding-bottom:15px; 
border:none; 
display:block;
width:630px;
border-bottom: 1px dotted #ccc; 
}
.sitebox_img{
  position: relative;
  float: left;
  font-size:14px;
  font-weight:bold;
  width:120px;
  text-align : left;
}

.sitebox_img  a img{
  margin-top : 5px;
  padding-top : 5px;
width:120px;
}

.sitebox_desc{
  position: relative;
  margin-left:125px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
  width:500px;


vertical-align : top;
  text-align : left;
}

.sitebox_desc h2 {padding: 1px 1px 1px 1px ; font-size:14px;}
.sitebox_desc h2 a { color: #c80062; }
.sitebox_desc h2 a:hover { color: #F0A848; }



#catcher_fond{

background: url(img/catcher_fond.gif) no-repeat;
position: relative;

height: 75px;
width:635px;
}

.content_catcher {
border: 1px solid #ccc; 
background-color :#FFF;
margin: 0 0 10px 0;	
padding: 10px;
text-align: justify;
}

#email {
width: 250px; 
font-size: 17px; 
text-align: center;vertical-align:bottom;

 }
#catcher_bouton {
width:100px;
height : 27px; 
font-size: 17px; 
cursor: pointer;
vertical-align:bottom;
 }
form {
	
	padding-top : 30px;
	text-align: center;

}

#footer {

line-height: 40px;
background: #c80062 url(images/footer.gif) no-repeat;
color: #fff;
text-align: center;
}
#footer a { color: #fff; }
#footer a:hover { color: #F0A848; }