html{
margin: 0px;
padding: 0px;
height: 100%;
} 
body{
margin: 0px;
padding: 0px;
height: 100%;
text-align:center;   
font-size : 80%;
font-family : Arial, Helvetica, sans-serif;
color: #000000; 
background: #C1D3E2 url(images/bg_body.png) repeat-x;
}
img{
border: none;
}
blockquote{
border: 1px solid #cccccc;
border-left: 8px solid #cccccc;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
}
em{
color: #179087;
font-weight: bold;
}
li{
margin-left: 5px;
}
#ad{ 
width: 1000px;
margin: auto;
text-align: left;
height: 1805px;
background: #ffffff url(images/back.png) repeat-x;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#wrapper { 
width: 981px;
margin: auto;
text-align: left;
height: 1805px;height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#header{
width: 945px;  
height: 115px;
}  
#date{
float: left;
width: 801px;
height: 10px;
color: grey;
margin-top: -26px;
margin-left: 176px;
}  
/*Pour logo */
#logo{
margin: 0 0 0 0;
margin-top: 10px;
height : 92px;
width: 317px;
border: none;
float: left
}
.recherchewy{
float: right;
width: 272px;
height: 95px;
margin-top: 0px;
padding-top: 0px;
margin-right: 100px;
background: #F3DBD7 url("images/backrecherche.png") no-repeat;
}
.recherchewy form{
margin-top: 23px;
}
.recherchewy a{
text-decoration: none;
color: #800080;
}
.recherchewy a:hover{
color: #800080;
}
#proposer{
float: right;
margin-top: 15px;
margin-right: 100px;
}
/*Pour mise en page pour le menu */
#haut_bar{
width: 981px;
height: 25px;
margin-top: -15px;
margin-bottom: -6px;
}
#haut_bar p{ 
font: 12px Arial, "Trebuchet MS", Helvetica, sans-serif;
padding-top: 8px;
color: #000000;
font-weight: bold;
}
#haut_bar a{ 
margin-left: 3px;
color: #000000;
text-decoration: none;
}
#haut_bar a:hover {
text-decoration: underline;
}
#haut_bar a:active{
color: #ffffff;
}
#bar {
width: 981px;
height: 30px;
margin-top: -2px;
margin-bottom: 5px;
background: #F3DBD7 url("images/barree.png") repeat-x;
}
#bar p{ 
font: 12px Arial, "Trebuchet MS", Helvetica, sans-serif;
padding-left: 23px;
padding-top: 7px;
color: #ffffff;
font-weight: bold;
}
#bar a{ 
margin-left: 17px;
color: grey;
text-decoration: none;
}
#bar a:visited {
color: grey;
}
#bar a:active{
color: #ffffff;
}
#haut_choix{
float: left;
width: 200px;
margin-left: 26px;
margin-right: 11px;
margin-top: 39px;
}
.titrehaut{
color: #D9085F;
margin-bottom: 5px;
height: 29px;
font-size: 16px;
font-weight: bold;
}
.titrehaut img{
float: left;
}
.plushaut{
float: left;
margin-top: 1px;
margin-left: 9px;
}
.descriphaut{
color: #4F5152;
}
.descriphaut a{
color: #D9085F;
text-decoration: none;
font-size: 10px;
}
.aleatoirearticle{
width: 288px;
color: #D9085F;
margin-top: 31px;
font-weight: bold; 
font-size: 16px; 
border-bottom: 1px solid #C0C0C0;
}
.aleat{
float: left;
width: 288px;
color: #919191;
margin-top: 31px;
margin-left: 30px;
margin-bottom: -21px;
font-weight: bold; 
font-size: 16px; 
border-bottom: 1px solid #C0C0C0;
}
.clear{
clear: left;
}
#leftcolumn{ 
margin: 0 0 0 0;
margin-left: 40px;
float: left;
width: 581px;
}
* html #leftcolumn{ 
margin-left: 25px;
}
#leftcolumn a, #rightcolumn a{
text-decoration: none;
color: #000000;
}
.new {
float: left;
height: 170px;
width: 581px;
margin-top: -5px;
color: #1d63b0;
}
.new a{
color: #1d63b0;
}
.new a:visited{
color: #1d63b0;
}
.cadrenew {
float: left;
width: 542px;
margin-top: -5px;
padding: 7px;
border: 1px solid #C0C0C0;
}
.cadrenew p{
margin-top: 13px;
color: Black;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#rightcolumna { 
float: right;
display: inline;
width: 215px;
margin-right: 66px;
}
.cadre{
margin-top: 5px;
height: 182px;
width: 277px;
}
.cadrezs{
margin-top: 26px;
height: 152px;
width: 277px;
}
.title {
float: left;
width: 174px;
margin-top: 8px;
}
.title a{
text-decoration: none;
color: #000000;
}
.prdire{
width:260px;
}
.prdire a{
text-decoration: none;
font-weight: normal;
color: #4f5152;
}
.titrejeux{
margin-top: 15px;
margin-left: 20px;
height: 27px;
width: 236px;
}
.jeux{
margin-left: 15px;
margin-top: -20px;
}
.droitejeux{
width: 277px;
margin-top: 10px;
}
.droitejeux a:visited{
color: #0000EE;
}
.droitejeux img{
float: left;
margin-top: 10px;
margin-left: 3px;
margin-right: 10px;
height: 82px;
width: 73px;
}
.suite {
margin-right: -10px;
text-align: right;
color: #ED3D5F;
text-decoration: none;
}
.cadree{
float: left;
height: 240px;
padding: 5px;
margin-top: 11px;
margin-left: 0px;
width: 268px;
border: 1px solid #C0C0C0;
}
.cadree p{
margin-left: 10px;
}
.cadreze{
float: right;
margin-top: 25px;
height: 152px;
width: 250px;
}
.cadreze p{
margin-left: 10px;
}
.cadreee{
float: right;
display: inline;
margin-top: -17px;
margin-right: 19px;
height: 280px;
width: 336px;
background-color: #4587A7;
}
.cadreeze{
float: left;
display: inline;
margin-top: 25px;
margin-left: 22px;
height: 152px;
width: 250px;
}
/*Pour menu*/
#menu, #menux{
margin: 0 0 0 0;
float: left;
margin-top: 14px;
margin-left: auto;
width: 277px;
}
#menux{
border: 1px solid #C0C0C0;
}
.cadrers{
border: 1px solid #C0C0C0;
height: 151px;
width: 277px;
}
.cadez{
border: 1px solid #C0C0C0;
width: 277px;
}
.menutitle, .menutitlej, #lecommentaire{
text-align: center;
padding-top: 15px;
background-repeat: no-repeat;
height: 25px;
width: 277px;
font: 12px Arial, sans-serif;
color: #0000EE;
}
.menutitlej{
background-image: url("images/soutitrejeux.png");
}
.menutitlej a{
color: #0000EE;
}
.menutitle, #lecommentaire{
background-image: url("images/soutitre.png");
}
.soustitre {
margin-left: 2px;
font: 10px Verdana, Arial, sans-serif;
font-weight: bold;
color: #ff9900;
text-decoration: none;
}
.soustitre a{
font-weight: bold;
color: #ff9900;
text-decoration: none;
}
.soustitre a:visited{
color: #ff9900;
}
.soustitres{
margin-left: 2px;
font: 12px Verdana, Arial, sans-serif;
font-weight: bold;
color: #8997a0;
text-decoration: none;
}
.proposition, .proposition a{
margin-left: 2px;
color: #0000EE;
font: 9px Verdana, Arial, sans-serif;
text-decoration: none;
margin-bottom: 2px;
}
.proposition a:hover {
color: #44689c;
text-decoration: underline;
}
.proposition a:visited {
color: #0000ee;
text-decoration: none;
}
/* Pour formulaire d'ajout */
#leftcolumns{ 
margin: 0 0 0 0;
margin-top: 30px;
margin-left: 25px;
text-align: left;
float: left;
width: 481px;
}
#leftcolumnsfaq{ 
margin-top: 30px;
margin-left: 15px;
}
.debutfaq{
font-weight: bold;
line-height: 2em;
}
#rightcolumns { 
margin: 0 0 0 0;
text-align: left;
float: right;
margin-right: 30px;
display: inline;
width: 329px;
}
legend{
font-weight: bold;
}
fieldset{
padding-left: 15px;
padding-bottom: 15px;
border: 1px dotted #000000;
background-color: #F2DBD7;
}
input{
border: 1px solid #C0C0C0;
}
textarea{
border: 1px solid #C0C0C0;
}
.submit{
margin-top: 10px;
margin-bottom: 15px;
margin-right: 5px;
float: right;
}
/*Pour ajouter*/
.menuajout{
width: 200px;
}
/*Pour text */
#text { 
float: right;
margin-top: -18px;
margin-right: 30px;
width: 631px;
}
* html #text { 
width: 631px;
}
.titre{
margin-top: auto;
width: 670px;
height: 176px;
background-image: url("images/titres.png");
background-repeat: no-repeat;
}
.titre p{
padding-top: 65px;
text-align: center;
color: #95b80e;
font: 16px Arial, sans-serif;
font-weight: bold;
}
.lien{
margin-top: -85px;
text-align: center;
padding-bottom: 35px;
}
.lien, .lien a{
color: #4f3528;
}
/*Pour commentaires */
.com {
width: 277px;
text-align: left;
text-align: justify;
}
.com p{
padding-left: 4px;
padding-right: 17px;
font: 10px Verdana;
color: #c54a26;
}
.bas {
border-bottom: 1px dotted #C0C0C0;
}
.page{
color: #0000EE;
text-align: left;
margin-bottom: -25px;
font: 10px Verdana;
}
.pages a{
color: #c54a26;
text-decoration: none;
font: 10px Verdana;
}
.comes{
margin-top: 50px;
width: 675px;
text-align: center;
border: 1px dotted #C0C0C0;
}
.titres{
color: #000000;
text-align: center;
font: 17px Arial;
font-weight: bold;
}
strong {
font: 10px Verdana;
color: #95b80e;
 }
.mot{
color: #0000EE;
font: 10px Verdana;
}
/*Pour debut rubrique */
#prefaleo{
margin-top: 1px;
float: right;
width: 695px;
}
#baschoix{
float: left;
width: 200px;
margin-left: 17px;
margin-right: 11px;
margin-top: 15px;
}
.articlalea{
width: 623px;
float: right;
margin-top: 33px;
margin-bottom: 20px;
margin-right: 20px;
border: 1px solid #C0C0C0;
padding: 15px;
}
.articlalea a{
text-decoration: none;
color: #D9085F;
margin-bottom: 5px;
height: 29px;
}
.articlalea img{
float: left;
}
.aleatoire{
float: left;
display: inline;
width: 234px;
font: 16px  Arial, sans-serif;
text-align: center;
float: left;
margin-left: 20px;
}
.lienprefaleo{
margin-top: 15px;
margin-left: 10px;
font: 12px Verdana;
color: #31819c;
text-align: left;
}
.lienprefaleo a, .lienprefaleo a:visited{
color: #31819c;
}
.imghautbis{
margin-left: auto;
margin-top: 12px;
height: 85px;
margin-bottom: 5px;
}
.imghautbis{
height: 85px;
}
/*Pour articles text */
.article{
width: 637px;
margin-top: 31px;
margin-bottom: 15px;
margin-left: 8px;
padding-left: 8px;
margin-right: 15px;
float: left;
font: 12px Arial, sans-serif;
background-color: #fcdcbc;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.article p{
width: 605px;
font: 12px Arial, sans-serif;
}
.articles{
font: 18px  Arial, sans-serif;
color: #95b80d;
}
/* Pour annonceurs*/
#entitre{
margin-top: 30px;
margin-left: 50px;
margin-bottom: 25px;
background-color: #fcf2e9;
color: #000000;
width: 831px;
height: 30px;
text-align: center;
padding-top: 10px;
border: 1px solid #000000;
}
.lientitre{
color:#4f3528;
font-weight: bold;
}
#groupe{
margin-left: 15px;
border: 1px solid #969696;
background-color: #FFFF99;
width: 931px;
height: 320px;
}
.annonceurg, .annonceurm, .annonceurd{
border: 1px solid #969696;
float: left;
width: 257px;
height: 264px;
margin-left: 40px;
margin-top: 20px;
background-repeat: no-repeat;
}
* html .annonceurg, .annonceurm, .annonceurd { 
margin-left: 30px;
}
.annonceurg{
background-image: url("images/annonce1.png");
}
.annonceurm{
background-image: url("images/annonce2.png");
}
.annonceurd{
background-image: url("images/annonce3.png");
}
/*Pour footer index*/
#index{
width: 981px;
}
.lienab{
font-weight: normal;
}
.lienc{
float: left;
width: 130px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px;
border-right: 1px solid #C0C0C0;
}
.liencplus a{
text-decoration: none;
line-height: 1em;
color: #0000FF;
}
.liencplus a:visited{
color: #0000FF;
}
.presentation {
margin-left: 20px;
}
.ascenseur{
cursor: pointer;
font-size: 13px;
}
#d11 li{
font-family: Arial, sans-serif;
font-size: 100%;
list-style-type: none;
background-image: url(images/icone/puce.gif);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 15px;
}
#d11 a{
color:#0000FF; 
}
#d11 a:visited{
color:#0000FF; 
}
#granddiv{
 margin-left: 22px;
}
/*Pour autres footer */
#dansfooter{
padding-left:150px;
padding-top: 30px;
}
#footer {
clear: both;
margin-top: 60px;
width: 100%;
height: 190px;
background-image: url("images/icone/backgound.png");
background-repeat: no-repeat;
text-align: center;
}
#footer a{
text-decoration: none;
color: #d9085f;
}
#footer a:hover {
color: #ff0000;
}
#footer ul,#footer li{
list-style:none;
text-align:left;
}
#footer p {
color: #000000;
font-weight: bold;
font-size: 13px;
padding-bottom: 0px;
}
#colonne{
clear: left;
width: 290px;
float: left;
margin-top: 23px;
margin-left: -125px;
}
#colonne2 {
width: 190px;
float: left;
}
#colonne3{
width: 190px;
float: left;
}
#colonne4 {
width: 190px;
float: left;
}