html, body, h1, h2, h3, h4, h5, h6, ul, li, p, form, img {
margin: 0;
padding: 0;
}
img{
border:0px;
}

body {
height: 100%;
margin: 0;
padding: 0;
background:#252f36 url(../images/fond.jpg) center repeat-y;
text-align : center;
font-family: Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000;
}

#website {
width :970px;
margin-left : auto;
margin-right : auto;
background-color : #fff;
height : 100%; }
html>body #content {height : auto; min-height : 100%;  }

.topsite {
width : 100% ; 
height : 80px;
background:url("../images/header.gif");
	}


#nav {
background :  url(../images/menu_fd.gif);
height : 31px;
background-color :#333;
padding-left:185px;
width:785px;
color :#fff ; 
font-weight : bold;
font-size : 13px; 
overflow : hidden;
}

 #nav li{
 	list-style:none;
   float : left ;
   padding-top : 5px ;
   height : 31px;
   width : 100px;
   text-align : center;
   margin-left : 0;
   background :  url(../images/menu_separateur.gif) no-repeat 98px 2px;
   }
  
   li.box  a{
	float : left ;
	padding-top : 5px ;
   	height : 28px;
   	display : block;
   	width : 100px;
   	text-align : center;
   	margin-top : -5px;
	color:#ffffff;
	}
	
    li.box  a:hover{
	background :  url(../images/menu_orange.gif);
	color:#FFFFFF;
	}

   li.box_on  a{
	float : left ;
	padding-top : 5px ;
    height : 28px;
    display : block;
    width : 100px;
    text-align : center;
    margin-top : -5px;
	background :  url(../images/menu_orange.gif);
	color:#ffffff;
	}
  
 
    li.box_on  a:hover{
	color:#ffffff;
	}

.logosite {
	float:left;
	margin-left : 20px;
	margin-top : 10px;
}
.hautpub {
float:right;
margin-right:10px;
margin-top:10px;
}

.espace {clear : both ; height : 13px}
.espace1 {clear : both ; height : 10px}


.left {clear:left; float : left ; width :185px ;}
	.encart-left{ text-align : left; background-color:#fcf5de; border-right:1px solid #ffcc00; padding-left :5px ;}
	.title-left{ padding:0; width : 100%; font-size : 14px ; padding-top:10px; color:#ff9900; border-bottom:1px solid #ffcc00; font-weight:bold;}
	.left li{
	padding-left:20px;
	list-style-position: outside;
	background : url(../images/fleche.gif) no-repeat top left; 
	list-style: none;
	line-height : 13px ;
	margin : 10px 0 0 0;
	}
	.left form{margin-top:10px;}
	.bas-left{background:#fcf5de url("../images/left-bas.gif") no-repeat bottom right; height:30px}


.center {float : left ; width : 480px ; margin-left : 10px ; text-align : left;}
.center li{list-style:none; list-style-position: outside; padding:3px 0 5px 25px; background : url(../images/fleche-content.gif) no-repeat top left; }
.center li a{padding:0; margin:0;}

	.link a{text-decoration:underline;}
	.link h3{margin:0;padding:0 0 0 10px}
	.link h4{margin:0;padding:0}
	.link p{margin:0; padding:0}
	.link_categ{float:right}

.centre a{text-decoration:underline;}

.right {float : right ; width : 280px ; background-color:#effbd6;}
	.encart-right{margin-left : 0 ; padding-left:8px; padding-right:8px; text-align : left; border-left: 1px solid #ccc; background:#effbd6; color : #666666;}
	.title-right{width : 100%; font-size:14px ; padding-top:10px; color:#669966; border-bottom:1px solid #669966; font-weight:bold;}
	.bas-right{background:#ffffff url("../images/right-bas.gif") no-repeat bottom right; height:30px; width:280px;}




.img_float { padding-right : 10px}

.bottom {clear : both ; height : 70px; background: #666666 url("../images/footer.gif") no-repeat; margin-top : 20px;}
	.bottom a{color:#666666	;}
	.bottom-content{ float:left; padding: 45px 10px 10px 10px; width:500px;}
	.bottom-info{ float:left; margin-left:35px; width:300px; padding: 25px 0 0 0 }



.high {margin : 10px 0 0 0}

.img_exo {width : 100% ; height : 150px; background-image : url(../images/haut.jpg); margin : 10px 0 0 0}

h1 {
width : 100%; font-size : 16px ; padding : 0 ; margin : 10px 0 0 0; color:#004ABA}

h2 {
width : 100%; font-size : 14px ; padding : 0 ; margin : 10px 0 0 0; background-color:#ccc; color:#fff}

h3 {
width : 100%; font-size : 14px ; padding : O 0 0 5px ; margin : 10px 0 0 0; background-color:#ff9900; color:#fff; border-bottom:1px solid #ffcc00}

h4 {
width : 100%; font-size : 11px ; font-weight:bold; padding : O 0 0 10px ; margin : 10px 0 0 0; color:#666666; text-decoration:underline;}

h5 {
width : 100%; font-size : 12px ; padding : O 0 0 5px ; margin : 10px 0 0 0; color:#004ABA;}

.home_titre {height:60px;}
.home_titre img{margin:5px}
.home_titre a{color:#ff9900; text-decoration:underline; font-size:12px; font-weight:bold}

.annuaire h4 {width : 100%; font-size : 12px; font-weight:bold; padding : O 0 0 5px ; margin : 10px 0 0 0; color:#004ABA; border:0}

.annuaire td {
 vertical-align:top;
 }

p {
  text-align : justify; 
  line-height : 13px ; margin : 10px 0 0 0}
#link{
clear: both;
margin-left:2px;
}
#link a{
text-decoration:underline;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
}
#url{
color: #888888;
font-size:9px;
}

.subcats{
text-align: left;
margin:0;
padding:0;
}
.catssub {
  background-image : url(); 
  text-indent : 0px ;
  color:#CCC;
  text-align: left ; 
  line-height : 13px ; margin : 10px 0 0 0;
  }
.catssub a{
	color: #666666;
	text-decoration:none;
	}
.catssub a:hover{
	color: #333333;
	text-decoration: underline;
	}
  .liresuite {float : right;  background-image : url(images/no.gif);}
  
  a {color : #666666; text-decoration : none}
  a:hover{color:#ff9900; text-decoration: underline;}
  
  
 .img_exo_002 {width : 100% ; height : 150px; background-image : url(images/0019.jpg); margin : 10px 0 0 0}
  .img_exo_003 {width : 100% ; height : 150px; background-image : url(images/0020.jpg); margin : 10px 0 0 0} 
    .img_exo_004 {width : 100% ; height : 150px; background-image : url(images/0021.jpg); margin : 10px 0 0 0} 
	    .img_exo_005 {width : 100% ; height : 150px; background-image : url(images/0022.jpg); margin : 10px 0 0 0} 
		
		.espace {clear : both ; height : 13px} 

.pres_rencontre{
background: url("../images/rencontre-amoureuse.jpg") top left no-repeat;
height:180px;
width:400px;
border: 1px dashed #004ABA;
text-align:right;
}
.pres_rencontre h4{
font-size : 14px;
border-bottom:0;
padding-bottom:15px;
padding-top:5px;
padding-right:5px;
color:#004ABA;
}
.picweb {
margin-left:30px;
}
.screenshots{
margin-left:30px;
}