<style type="text/css">
ul { padding:0px ; margin:0px }
ul.liste, .liste li, .liste a {padding:0px ; margin:0px} /*met à 0 les marges internes et externes de la liste et des liens */ 

.liste { /*width :200px ;*/					 /* largeur de la liste : environs 15 lettres majuscules - voir em */
list-style-type:none 					 /* suppression des boutons CSS devant les items de la liste */ 
}

.liste li a {border-left:10px solid #006699 ; 		/* crée un gros carré vert à gauche des liens non survolés */
background-color:#F0F0F0;					 /* couleur de fond des liens non survolés */
display:block;						 /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:10px ;					 /* insère un espace entre le texte du lien et le gros carré gris */
color:black ;						 /* la police des liens non survolés est noire */
font-size:9;						 /* taille de la police */
font-family:verdana;					 /* fonte de la police */
						 /* rend la police en gras */
text-decoration:none ;					 /* on suprime le soulignement des liens */
height:16px;}						 /* hauteur de chaque ligne. N'est indispensable que pour IE 5.0 et 5.5 */ 

.liste li a:hover {					 /* style des liens lors du survol */
background-image:url('../photos1/pereno3.jpg') ;				 /* le fond du lien passe au noir */
color:red ;						 /* le texte passe au BLANC */
font-weight:bold;					/* rend la police en gras */
border-left-color:red;					 /* crée un gros carré rouge à gauche des liens survolés */
text-decoration:underline}				 /* souligne le lien lors du survol */

a:link { color: #006699; text-decoration:none;}
a:Visited { color: #006699; text-decoration:none; }
a:Hover { color: red; text-decoration:none; }
a:Active { color: #006699; text-decoration:none; font-weight:bold; }

.cadrecentral {
width:653px;
height:160px;
background-color:#eeeeff;
padding:10px;
text-align:justify;
font-family:helvetica;
color:black;
font-size:11px;
}

.article1 {
position:absolute; left:5px; top:10px;  width:210px;
background-color:#ffffff;
padding:10px;
align=justify;
border: solid navy 1px;
}

.article2 {
position:absolute; left:5px; top:10px;  width:210px;
background-color:#ffffff;
padding:10px;
align=justify;
border: solid navy 1px;
}
.article3 {
background-color:#ffffff;
position:absolute; left:222px; top:10px;  width:210px;
padding:10px;
align=justify;
border: solid navy 1px;
}
.article4 {
position:absolute; left:440px; top:10px;  width:208px;
background-color:#ffffff;
padding:10px;
align=justify;
border: solid navy 1px;
}

.slide1 {
width=225px;
height=165px;
background-image:url('http://www.annonces31.com/capvisual/slide1.gif');
background-repeat: no-repeat;
padding:0px;

text-align:justify;
font-family:verdana;
color:black;
font-size:12
}

.cadrecentral2 {

padding:10; width:408px;
height:160px;
background-image:url('img1.jpeg');
background-repeat: no-repeat;
text-align:justify;
font-family:helvetica;
color:black;
font-size:10
}
.cadrecentralbas {
width:653px;
/*--height:150px;--*/
background-color:#eeffff;
/*background: url(http://www.annonces31.com/photos1/fondinfo.jpg);
background-repeat: no-repeat;*/
margin:0px;		/* Marges exterieures */

padding:10px;		/* Marges interieures */
text-align:justify;
font-family:helvetica;
color:#000000;
font-size:12;

}
.cadreHautg {

padding:5px; width:43%;
height:160px;
background-image:url('http://www.annonces31.com/capvisual/ecran.gif');
text-align:justify;
font-family:verdana;
color:black;
font-size:12
}

.cadrecentral4 {
width:653px;
height:150px;
background-color:#CCCCCC;
/*--background: url(../photos1/fondinfo.jpg);--*/
/*--background-repeat: no-repeat;--*/
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:justify;
font-family:helvetica;
color:black;
font-size:12;
}
.info {


font-family:Verdana;
font-size:11;
width:155;
height:100;padding:5;
text-decoration:none;
}

.pub_accueil {
width:157px;
height:490px;
background-color:#eeefff;
position:absolute; top:100px; left:660px;
padding-top:5;
padding-left:5;
padding-right:5;
padding-bottom:5;
text-decoration:none;
text-align:justify;
font-family:helvetica;
color:navy;
font-size:10;
}
.pub_accueil a:hover {
background-color:pink ;					 /* couleur de fond des liens non survolés */
text-decoration:none;					 /* couleur de fond des liens non survolés */
}
.mes_liens {
width:156;
height:100%;
background-color:#eeefff;
position:absolute; top:410; left:5;
padding-top:2;
padding-left:3;
padding-right:3;
padding-bottom:2;
text-align:justify;
font-family:helvetica;
text-decoration:none ;
color:navy;
font-size:11;
height:1em}

.mes_liens a:hover {
color:#000000;
position:absolute; top:410; left:5;
background-color:none ;					 /* couleur de fond des liens non survolés */
text-decoration:none;
height:1em}

.marquie {
position:absolute; top:75; left:465; width:500;
FONT-family:verdana;
font-SIZE:20;
COLOR:red;
}
.lever
{background: url('../photos1/lever.jpg');
position:absolute; top:400px; left:5px
}

#picture {
float:left;
padding-right:10px;
}

#pict {
float:left;
padding-right:10px;
}

#pub {
float:left; // position:absolute; left:817px; top:130px;
height:475px;
text-align:left;
background-color:#fffff0 ;
margin: 0px;
padding:0px;
margin-color:#fffff0 ;
padding-color:#fffff0 ;
font-family:helvetica;
color:navy;
font-size:10;
}

.img1
{float:left;
padding:10px;
width:60px;
height:50px;
background-image:url('http://www.annonces31.com/photos_site/coinciel.jpg');
}
.img2
{ background-image:url('http://www.annonces31.com/photos_site/coinciel.jpg');
}
.img3
{width:330px;
height:155px;
background:url('http://www.annonces31.com/photos1/news.jpg') no-repeat;

}
.exib
{width:150px;
height:70px;
background-image:url('http://www.annonces31.com/gifs/exib.gif');
background-repeat: no-repeat;
position:absolute; left:5; top:290
}

.cadre3g {
valign:top;
align:left;
width:30%;
/*--height:155px;--*/
background-color:#eeffff;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:justify;
font-family:verdana;
color:black;
font-size:12;
}
.cadre3c {
valign:top;
align:center;
width:30%;
/*--height:155px;--*/
background-color:#eeffff;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:justify;
font-family:verdana;
color:black;
font-size:12;
}
.cadre3d {
align:right;
width:30%;
/*--height:155px;--*/
background-color:#eeffff;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:justify;
font-family:verdana;
color:black;
font-size:12;
}


body {
width:100%;
margin:0px;
padding:0px;
font-family:helvetica;
font-size:11px;
background: -moz-linear-gradient(top, white, silver); 
FILTER:progid:DXImageTransform.Microsoft.GRADIENT(startColorstr=#ffffff,endColorstr=silver ,gradientType=0);
}
.gris
{background: url('http://www.annonces31.com/photos1/image8.jpg');}
.gris2 
{background: url('http://www.annonces31.com/photos1/image8-2.jpg');}
.viollet
{background: url('../photos1/image9.jpg');}

.yeux
{background: url('http://www.annonces31.com/photos1/yeux2.gif');}

.coinciel
{background: url('http://www.annonces31.com/gifs/spa_ban001.jpg') no-repeat;
}

.coinciel_gd
{background: url('http://www.annonces31.com/photos1/coinciel_gd.jpg') no-repeat;
}

.fd_emploi
{background: url('../photos1/fd_emploi.jpg') no-repeat;
}


.ciel
{width:100%;
height:100%;
background:url('ciel.jpg') no-repeat;

}
.td
{background: url('http://www.annonces31.com/gifs/fond-t.gif');}

.grandciel
{width:100%;
height:100%;
background:url('grandciel.jpg');

}
.fondblanc
{background: url('http://www.annonces31.com/gifs/fondblanc.jpg');}
.fondsite
{background: url('http://www.annonces31.com/photos1/image8.jpg');}
}

.imgcadre2
{width:245px;
height:160px;
background-image:url('capitol1.gif');
}

.img2cadre2
{
position:absolute; top: 153px; left:409px; width=244; height=160;
background-image:url('http://www.annonces31.com/ccs/img1.jpeg');

background-repeat: no-repeat}

.photomairie {
height:160px;
background-image:url('http://www.annonces31.com/photos1/mairie.gif'); width:225px; height:175px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align:justify;
font-family:verdana;
color:black;
font-size:12
}
.textephoto {
width:410px;
height:150px;
padding-top:10px;
padding-left:5px;
padding-right:10px;
padding-bottom:5px;
text-align:justify;
font-family:verdana;
color:black;
font-size:11;
}

.corpage
{
width:660px;
height:475px;
position:absolute; top:130px; left:157px;
background: #fffff0 url('http://www.annonces31.com/photos1/coinciel_gd.jpg') no-repeat;
align:center; border:0px solid red; 
}

.pub
{
position:absolute; left:820px; top:130px;
height:475px;
align:left;
background-color:#fffff0 ;
margin: 10px;
padding:0px;
margin-color:#fffff0 ;
padding-color:#fffff0 ;
}

.corpage2
{
position:absolute; top:100px; left:170px;
width:680px; height:480px;
align:center;
border: solid red 1px;
}
.menu1 {
position:absolute; top:100px; left:-40px;
}
.menusite {
position:absolute; top:130px; left:-35px;
}

.debout
{width:153px;
height:335px;
position:absolute; left:0px; top:255px;
background:url('debout2.jpg') no-repeat;

}



</style>

/*
/* début du hack "fixed" permettant de fixer les menus sous IE 
//body { 
//overflow-y: hidden ;
//margin: 0px 0px 0px 0px; 
//padding:0 }
//html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */

//.content {width=550px;
//height: 100%;
//overflow: auto}
// fin du hack "fixed" permettant de fixer le menu sous IE */


//body>.menu2 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */
//
//body>.menu1 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */

//body>.menu-coin {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */