* {
padding: 0;
margin: 0;
} 

body {

font-family: Verdana, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
background-color : #99CC00
;
line-height: 20px;
}

img { border: none; }
a { text-decoration:underline;
 font-weight:bold;color: #1900F8 ; font-family: Verdana, sans-serif;}
a:hover { color: #F0A848; }

#left a { text-decoration:none;
 font-weight:bold;color: #1900F8 ; }
#left  a:hover { color: #F0A848; }


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

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

#pub_header {

	float: center;
	
	}

p
{	
padding-top : 68px;
padding-left : 320px;

float: center;
}


#menu {
background: #1900F8  url(images/menu.gif) no-repeat;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
#menu li {
float:left;
list-style-type:none;
}
#menu li a {
padding:0 10px;
text-decoration:underline;
color: #1900F8 ;
letter-spacing:-1px;
font-weight: 100;
font-size: 17px;
}
#menu li a:hover {
color: #F0A848;
text-decoration: underline; 
}

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

#left {
float: left;
width: 200px;
}
#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: #000;
background: #EEF0F1 url(img/html.png) repeat-x;	
border: 1px solid #30572a; 

}
#left .box {
border-right: 1px solid #30572a; 
border-left: 1px solid #30572a; 
border-bottom: 1px solid #30572a; 
margin: 0 0 10px 10px;	
padding: 5px 0 10px 0;
background-color : #FFF;
;

}

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

#right { 
float: right;
width: 760px;
margin-right: 0px; 
}
.contentleft {
float: left;
width : 568px;
}
.contentleft h3 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #000;
background: #1900F8  url(img/html.png) repeat-x;	
border: 1px solid #30572a;  
}

.contentleft h1 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #000;
background: #1900F8  url(img/html.png) repeat-x;	
border: 1px solid #30572a; 
}
.contentleftbox {
border-right: 1px solid #30572a; 
border-left: 1px solid #30572a; 
border-bottom: 1px solid #30572a; 
margin: 0 0 10px 0;	
padding: 0 10px 10px 10px;
text-align: justify;
background-color: #FFF;	
}



.contentright {
float: right;
width: 180px;
}
.contentright h3 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #000;
background: #EEF0F1 url(img/html.png) repeat-x;	
border: 1px solid #30572a; 
}
.contentright h1 {
padding: 5px 0 5px 10px; 
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #000;
background: #EEF0F1 url(img/html.png) repeat-x;	
border: 1px solid #30572a; 
}
.contentrightbox {
border-right: 1px solid #30572a; 
border-left: 1px solid #30572a; 
border-bottom: 1px solid #30572a; 
margin: 0 0 10px 0;	
padding: 10px;
text-align: center;
background-color : #FFF;
}

.contentrightbox img {
width:160px;
}

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

.pagination
{
padding-top:10px; 
padding-bottom:15px; 
border:none; 
display:block;
width:500px;
border-bottom: 1px dotted #99CC00; 
}
.content_site
{
padding-top:10px; 
padding-bottom:15px; 
border:none; 
display:block;
width:550px;
border-bottom: 1px dotted #99CC00; 
}
.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: 11px;
  width:424px;


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

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



#catcher_fond{

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

height: 75px;
width:530px;
}

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

#email {
width: 190px; 
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;
text-align: center;
}

#footer a { color: #000; }
#footer a:hover { color: #F0A848; }