<style type="text/css">

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 :150px ;					 /* 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:1.5em solid #006699 ; 		/* crée un gros carré vert à gauche des liens non survolés */
background-color:#EAEAEA ;					 /* couleur de fond des liens non survolés */
display:block;						 /* force le lien à prendre 100% de la largeur de la liste */ 
padding-left:0.5em ;					 /* 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:#2200FF ;						 /* le texte passe au bleu */
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 {

width:408px;
height:160px;
background-image:url(img1.jpeg);
background-repeat: no-repeat;
padding-top:10;
padding-left:10;
padding-right:10;
padding-bottom:10;
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 {

width:43%;
height:160px;
background-image:url(http://www.annonces31.com/capvisual/ecran.gif);
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
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.annonces.up1.fr/photos_site/coinciel.jpg);
}
.img2
{ background-image:url(http://www.annonces.up1.fr/photos_site/coinciel.jpg);
}
.img3
{width:330px;
height:155px;
background:url(http://www.annonces31.com/photos1/news.jpg);
background-repeat: 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 {
font-family:helvetica;
font-size:11px;
background: url(http://www.annonces.up1.fr/photos_site/journaux.jpg);
}
.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);
background-repeat:no-repeat;}

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

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


.ciel
{width:100%;
height:100%;
background:url(ciel.jpg);
background-repeat: no-repeat;
}
.td
{background: url(http://www.annonces31.com/gifs/fond-t.gif);
color:#006699;
font-family:helvetica;

}

.grandciel
{width:100%;
height:100%;
background:url(grandciel.jpg);
background-repeat: repeat;
}
.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: url(http://www.annonces31.com/photos1/coinciel_gd.jpg);
background-repeat:no-repeat;
background-color:#fffff0 ;
align:center;
border: solid red 0px;
}

.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);
background-repeat: 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 */