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 : verdana;
font-size : 10px;
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-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;}

.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 : 12px ; padding : O 0 0 5px ; margin : 10px 0 0 0; color:#004ABA; border-bottom:1px solid #99CCFF}

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


.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:#666666;
}
.subcats{
text-align: left;
}
.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;
}

/*CSS pour la page Plan.html*/
.contre-encart{
	margin-left:2em;
}
.contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: square;
}
.contre-encart li {
	list-style: inherit;
}
.contre-encart li a, .contre-encart li a:visited{
	text-decoration:none;
}

.contre-encart li a:hover{
	text-decoration:underline;
}

#hierarchie{
	text-align:left;
	padding-left:1em;
}

.auteur, .rss_rubrique{
	text-align:right;
	width:100%;
}
.auteur a{
text-decoration:underline;
}
#inscription_message {
	color:#FF9900;
}

.actualite{
padding-left:10px;
}
.actualite h3{
background-color:#FFFFFF;
color:#333333;
font-size:18px;
margin-top:30px;
margin-bottom:20px;
}
.actualite h4{
background : url(images/fleche-actu.gif) no-repeat top left; 
padding-left:20px;
border:0;
display:inline;
background-color:#FFFFFF;
color:#FF9900;
font-size:12px;
}
.actualite h4 a{
color:#FF9900;
}
.actualite p{
text-align:justify;
margin-bottom:15px;
}
.actualite p a{
text-decoration:underline;
}

#date{
float:right;
padding:5px 5px 5px 5px;
color:#666;
}