/* ELEMENTS HTML RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;
font-family: inherit; vertical-align: baseline;
}

body { font: 13px Arial;
       /* background-color:#f8fbe0; */
	   background: #e4e4e4 url('../images/fd-gris.png') repeat-x top center;
       color: #000;
     }

a:link, a:visited { color: #000000; text-decoration:underline; }
a:hover, a:active { color: #3333ff; text-decoration:none; }

img { border: 0; }

tr, td { text-align:left; }

.tableinscription tr, td { vertical-align : top; }

.contenu { line-height:1.75em; }
.contenu ul {  margin:0 0 10px 30px; list-style-type: square; }
.contenu ul li {  padding:5px; }
.contenu ol {  margin:0 0 10px 30px; list-style-type: decimal; }

.cadre:hover {
        padding:3px;
        border:1px solid #847359;
        }

.cadre {
        padding:3px;
        border:1px solid #ccc;
        }

.article {
        line-height:1.65em;
        text-align:justify;
        }

/* PROPRIETES FLOAT */

.clearfloat:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
        }

.clearfloat {
        display: inline-block;
        }


/* IE-mac */
* html .clearfloat {
        height:1%;
        }

*+html .clearfloat {
        height:1%;
        }

.clearfloat {
        display:block;
        clear: both;
        }
.left {
        float:left;
        }

.right {
        float:right;
        }

/* H1... ET TITRES */

h1 { font:25px Arial; font-weight:bold; }
h2 { font:20px Arial; font-weight:bold; }
h3 { font:18px Arial; font-weight:bold; }
h4 { font:16px Arial; font-weight:bold; }

/* FORMULAIRES */
.label { width: 80px; float: left; margin-right: 0.5em; display: block; }


/* COULEURS */
.bleu { color: #80B5D9; }
.bleuv { color: #0000FF; }
.bleuClair { color: #3333ff; }
.bleuFonce { color: #1a1d4a; }
.rose { color: #cc0099; }
.noir { color: #000000; }
.vert { color: #2da800; }
.rouge { color: #FF0000; }
.grisClair { color: #d9d8d6; }
.gris { color:#505050; }
.orange { color: #fd7d26; }
.blanc { color: #ffffff; }

/* LES TAILLES DE TEXTE */
.tresPetit { font-size: 10px; }
.sup { vertical-align: super; font-size: 50%; }
.petit { font-size: 11px; }
.grand { font-size: 23px; }
.grand1 { font-size: 28px; }
.grand2 { font-size: 16px; }
.grand3 { font-size: 14px; }
.exe { font-size: 30px; line-height:30px; margin:15px 0;}
.gras { font-weight:bolder; }
.LignePetite { line-height:12px; }
.centrer { text-align:center; }
.droiter { text-align:right; }
.justifier { text-align:justify; }

.margeBas { margin-bottom: 15px; }
.margeBas1 { margin-bottom: 10px; }
.margeBas2 { margin-bottom: 5px; }
.margeBas3 { margin-bottom: 20px; }
.margeHaut { margin-top: 15px; }
.margeHaut1 { margin-top: 10px; }
.margeHaut2 { margin-top: 5px; }
.margeHaut3 { margin-top: 20px; }
.margeLeft1 { margin-top: 10px; }

/* EN TETE NOUVELLE */
#enTete { background: url('images/en-tete-n.png') no-repeat top center;
width:950px;
height: 161px;
margin:10px auto 10px auto;
}
#enTete1-1{
float:left;
width:695px;
height:51px;
margin:0 10px 0 10px;
}
	#enTete1-1 #case1 {float:left; width:230px; padding-top:8px; height:43px;}
	#enTete1-1 #case2 {float:left; width:445px; padding-top:5px; height:46px;}

	.case3 {float:left; width: 175px; margin-bottom:3px; text-align: left; font-size:10px; font-weight:bolder; color: #1e5c8b;}

		.case3 input[type=text]{ width: 160px; color: #999; text-transform:lowercase;}
		.case3 input[type=password]{ width: 160px;color: #999;}
		.case3 input[type=checkbox]{ margin:0; padding:0; }
		.case3 a{ text-decoration: none; color:#1e5c8b; font:10px arial; font-weight:bolder;}
		.case3 a:hover { text-decoration: underline; }
		.case3 p{ margin-top:3px; }

	#enTete1-1 #case4 {float:left; width: 80px;}
	#enTete1-1 #case4 input[type=submit] { cursor:pointer; padding:0 2px;}

	.case5 {float:left; padding:13px 15px 0 0; text-align: left;}
    .case5 a{ text-decoration: none; color:#1e5c8b; font-weight:bolder;}
	.case5 a:hover { color:#2da800; }
	.case5 a.dec{ text-decoration: none; color:#FF0000; font-weight:bolder;}
	.case5 a.dec:hover { color:#000000; }

#enTete1-2{float:left; width:220px; height:46px; margin-top:5px; text-align:right;}
#enTete1-2 img {margin-right:10px;}
#enTete1-2 img.last {margin-right:0px;}

#enTete2-1{
float:left;
width:214px;
height:110px;
margin-right:3px;
}
#enTete2-2{
float:left;
width:728px;
height:100px;
padding-top:10px;
}

/*---------------------------------------*/
/*              MENU HEADER              */
/*---------------------------------------*/
#conteneur {
	position: relative;
	margin: 0 auto;
	width: 980px;
	z-index: 100;
}

#menuHeader { height: 30px; }

		#menuHeader ul.menu {
			height: 30px;
			width: 950px;
			background: transparent url(images/fd-menu1.png) no-repeat;
			padding: 0 15px 0 15px;
			list-style: none;
		}

		#menuHeader ul.menu li  {
			display: block;
			float: left;
			position: relative;
			height: 30px;
			margin: 0;
			padding: 0;
			font-size: 16px;
			text-align: center;
		}

		#menuHeader ul.menu li a {
			display: block;
			height: 26px;
			padding: 4px 11px 0 11px;
			text-align: center;
			font-family: Arial, sans-serif;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #b2ac9e;
		}
		#menuHeader ul.menu li#accueil a { /*  Accueil sans bordure a gauche */
			border-left: 0;
		}
		#menuHeader ul.menu li#contact a { /*  Contact sans bordure a droite */
			border-right: 0;
		}

		#menuHeader ul.menu li a:hover,
		#menuHeader ul.menu li a:active {
			background:transparent url(images/fd-menu2.png) no-repeat;
			color:#000;
		}

		#menuHeader .bloque {
			position: absolute;
			z-index: 10;
			display: none;
			left: 0;
			width: 915px;
			min-height: 170px;
			padding: 5px;
			margin-left:10px;
			background-color: #ebebeb;
			border: 2px solid #fff;
			border: 2px solid #000\9; /* Hack CSS pour IE6, IE7, IE8 */
			border-top: 0;
			box-shadow: 0px 5px 11px #111; /* > CSS3 pour Opera 10.5 */
			-moz-box-shadow: 0px 5px 11px #111; /* > CSS3 pour Firefox */
			-webkit-box-shadow: 0px 5px 11px #111; /* > CSS3 pour Google , Safari */
		}

		#menuHeader .bloque #colonne-1-1 {/* ----------	2 Colonnes : 155 et 725	---------*/
        width: 155px; padding:10px; float:left; margin-right:5px; min-height:295px;
        background: #fff url(images/fd-m2.png) no-repeat bottom center;
        }
		#menuHeader .bloque #colonne-1-2 {
        width: 725px; float:left; padding:10px 5px 5px 5px;
        background: #fff url(images/fd-m1.png) repeat-x 0 bottom;
        }
		        #menuHeader .bloque  #iconeAnnonce{
				float:left;	width:130px; height: 100px;	text-align: center; margin-right:15px;
				}

				#menuHeader .bloque  #iconeAnnonce a{
				text-decoration: none;
				color:#003366;
				font:14px arial;
				font-weight:bolder;
				background-image: none;
				border: 0px;
				}
				#menuHeader .bloque #iconeAnnonce a:hover {
				color:#2da800;
				}
				#menuHeader .bloque #colonne-1-1 a {
				display:block; text-decoration: none; font:12px arial; font-weight:bolder; margin-bottom:20px; color:#FFFFFF;
				}
				#menuHeader .bloque #colonne-1-1 a:hover {
				text-decoration: underline;
				}

        #menuHeader .bloque #colonne-2-1 {/* ----------	3 Colonnes : 290	---------*/
        width: 895px; padding:10px 10px 0 10px; float:left; min-height:270px;
        background: #fff url(images/fd-m1.png) repeat-x 0 top;
        }
        #menuHeader .bloque #colonne-2-1 .haut {  width:650px; float:left; margin-bottom:10px;}
        #menuHeader .bloque #colonne-2-1 .bas {  width:430px; float:left; padding-left:220px; min-height:90px;
        background: transparent url(images/forum-perso.png) no-repeat bottom left;}
        #menuHeader .bloque #colonne-2-1 .cote {  width:240px; float:left;}
        #menuHeader .bloque #colonne-2-1 .col {
        	width:185px; padding:0 15px 0 0; margin-right:10px; float:left; min-height: 170px; border-right: 2px dotted #333333;
        }
        #menuHeader .bloque #colonne-2-1 .col1 {
        	width:250px; padding:0 15px 0 0; margin-right:10px; float:left; min-height: 170px; border-right: 2px dotted #333333;
        }
        		#menuHeader .bloque a.sommaire {
				display:block; text-decoration: none; font:14px arial; font-weight:bolder; margin-bottom:10px; color:#000000;
				}
				#menuHeader .bloque a.sommaire:hover {
				text-decoration: underline;
				}
				#menuHeader .bloque ul { margin-left:20px; }
				#menuHeader .bloque ul li { list-style: none; padding:3px 3px; list-style-image: url(images/triangle.png);}

				#menuHeader .bloque ul li a {
				text-decoration: none; margin-bottom:15px; color:#333333;
				}
				#menuHeader .bloque ul li a:hover {
				text-decoration: underline; color:#000000;
				}

				#menuHeader .bloque a.sommaire1 {
				display:block; text-decoration: none; font:12px arial; font-weight:bolder; margin-bottom:10px; color:#000000;
				}
				#menuHeader .bloque a.sommaire1:hover {color:#2da800;}
				#menuHeader .bloque a.sommaire1 img{ margin-right:10px; }
				#menuHeader .bloque .sommaire2 {
				display:block; font:12px arial; font-weight:bolder; margin-bottom:10px; color:#000000;
				}
				#menuHeader .bloque .sommaire2 img{ margin-right:10px; }


/* DEBUT DE LA PAGE */
#page-menu-content {
        width:950px;
        margin:0px auto;
        }

#page-menu {
        float:left;
        margin-bottom:10px;
        }

#page {
        width:940px;
        margin:0px auto;
        padding:5px;
        background:#ffffff url(images/diag-strip.png);
        font-size:12px;
        }


#page-milieu {
        width: 930px;
        min-height:450px;
        float:left;
        padding:10px 5px 10px 5px;
        background:#fff;
        font-size:12px;
        /*line-height:1.75em;*/
        }

#coquille {
        margin-bottom: 10px;
        }

/* Taille de la page : 930 Px*/
/* -----------------------------------
CONFIGURATIONS DE COLONNES
--------------------------------------*/
#config-1-1 {/* ----------	2 Colonnes : 620 et 300	---------*/
        width: 610px;
        float:left;
        margin-right:20px;
        }
#config-1-2 {
        width: 300px;
        float:left;
        }

#config-2-1 { /* ----------	3 Colonnes : 170 et 580	et 170 ---------*/
        width: 170px;
        float:left;
        margin-right:10px;
        }
#config-2-2 {
        width: 570px;
        float:left;
		margin-right:10px;
        }
        #config-2-2 div.gp{
		   float: left;
		}
		#config-2-2 div.gp p{
		   margin-left: 10px;
		}
		#config-2-2 div.gp1{
		   float: left; margin-top: 5px; padding-bottom: 10px;
		}
		#config-2-2 div.gp1 p{
		   margin-left: 10px;
		}
#config-2-3 {
        width: 170px;
        float:left;
        }

#config-3-1 { /* ----------	3 Colonnes : 300 et 310 et 300 ---------*/
        width: 300px;
        float:left;
        margin-right:10px;
        }
#config-3-2 {
        width: 310px;
        float:left;
		margin-right:10px;
        }
#config-3-3 {
        width: 300px;
        float:left;
        }

#config-4-1 { /* ----------	2 Colonnes : 160 et 760 ---------*/
		width: 160px;
        float:left;
		margin-right:10px;
		background:#d9d8d6;
        }
#config-4-2 {
        width: 760px;
        float:left;
        background:#d9d8d6;
        }

#config-5-1 { /* ----------	1 Colonne : 930 ---------*/
        width: 930px;
        float:left;
        }

#config-5-1 div.gd{
   float: left;
   margin-top: 5px;
   padding-bottom: 10px;
}
#config-5-1 div.gd p{
   margin-left: 10px;
}


#config-6-1 { /* ----------	3 Colonnes : 300 et 280 et 315 ---------*/
        width: 300px;
        float:left;
        margin-right:10px;
        margin-left:10px;
        }
#config-6-2 {
        width: 290px;
        float:left;
		margin-right:10px;
        }
#config-6-3 {
        width: 310px;
        float:left;
        }

#config-7-1 { /* ----------	3 Colonnes : 180 et 610 et 120 ---------*/
        width: 180px;
        float:left;
        margin-right:10px;
        }
#config-7-2 {
        width: 610px;
        float:left;
		margin-right:10px;
        }
#config-7-3 {
        width: 120px;
        float:left;
        }

/* --------------------------------------
CONFIGURATIONS DES ARTICLES ET ACTUALITES
----------------------------------------*/
#articles {
          color: #313131;
          line-height:1.75em;
          }

#articles h1 {
          color: #000066;
          font-size: 32px;
          letter-spacing:-0.05em;
          margin:15px 0 5px 0;
          padding-top:5px;
          border-top:1px dotted #000;
          }

#articles h1.vert { color:#2da800; margin-bottom: 25px;}
#articles .moins-grand { font:20px Arial; letter-spacing:0em; }

#articles .auteur {
          color: #000;
          font-size: 11px;
          }
#articles .auteur a { font-weight:bolder; color:#2da800; text-decoration: underline; }
#articles .auteur a:hover{ color:#000; text-decoration: none; }

#articles #social {
          color: #7a7979;
          padding:3px 0;
          margin:10px 0 15px 0;
          border-top:1px solid #dfdfdf;
          border-bottom:2px solid #dfdfdf;
          }
#articles #social a { color:#7a7979; text-decoration: none; }
#articles #social a:hover{ color:#000; text-decoration: none; }


#articles .chapeau {
          text-align:justify;
          font-weight:bolder;
          color: #000;
          margin-bottom: 20px;
          }
#articles .chapeau img{ float:left; margin-right:10px; padding:2px; border:1px solid #80B5D9; width:120px;}

#articles p { margin-bottom: 15px; }

#articles h2 { font:23px Arial; font-weight:bold; margin: 15px 0 5px 0; }
#articles h3 { font:20px Arial; font-weight:bold; margin: 10px 0 5px 0; }
#articles h4 { font:18px Arial; font-weight:bold; margin: 10px 0 5px 0; }
#articles h5 { font:16px Arial; font-weight:bold; margin: 10px 0 5px 0; }

#articles .art img{ padding:3px; border:1px solid #CCC; margin-top:5px;}

#articles ol { margin-left:40px; }
#articles ol li { padding : 3px; }
#articles ul { margin:0 0 10px 0; padding:0;}
#articles ul li { list-style-image: url("images/puce_orange.png"); margin-left:40px; padding : 3px; }

table#articles td {padding:5px; vertical-align : top; text-align: left;}

#articles .actu {
width: 184px;
background: #FFFFFF url('images/fd-act1.png') repeat-x top center;
border:1px dotted #999999;
margin:0 6px 15px 0;
padding:3px;
}
#articles .actu:hover {border:1px dotted #2da800;}

#articles .social1 {color: #7c7c7c; padding:3px 0; margin:10px 0 15px 0; border-top:2px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }

#articles .submitbutton {padding: 2px 5px; border:1px solid #7c7c7c; background:#fff; font:13px Arial; color:#7c7c7c; cursor: pointer; }
#articles .submitbutton:hover { background:#2da800; color:#fff; }
#articles .field {width:600px; padding: 1px; border:1px solid #bbbbbb; font:13px Arial; }
#articles .commentaires {
        width:580px;
        float:left;
        padding:5px 10px;
        margin-bottom: 15px;
        border-bottom:1px dotted #666666;
        border-left:1px dotted #666666;
        background-color: #ffffff;
        color:#000;
        line-height:1.4em;
        }
#articles .commentaires img { float: right; margin: 0 0 5px 10px; }


/* -------------------------------------------------------------------------------------
CONFIGURATIONS DE LA UNE DE CHEVAL ANNONCE / Des boutons de gauche + inscription & Stats
----------------------------------------------------------------------------------------*/
#une-style { /* ---Div qui englobe la une--*/
        float: left;
        margin: 10px 0 0 6px;
        padding-bottom: 17px;
        }
#une-1-1 { /* ---Pour une configurations de 4 demi stickers--*/
        width: 274px;
        float:left;
        margin:0 10px 10px 0;
        }
#une-1-2 {
        width: 274px;
        float:left;
        margin:0 0 10px 0;
        }

.menu-gauche li {
list-style-type: none;
background-repeat: no-repeat;
font-size: 16px;
font-style: arial;
text-align: center;
line-height: 1.3em;
margin-bottom: 5px;
}
.menu-gauche1 li {
	background-image: url(../images/consulter-1.png);
}
.menu-gauche2 li {
	background-image: url(../images/deposer-1.png);
}
.menu-gauche3 li {
	background-image: url(../images/aide-1.png);
}
.menu-gauche li a {
    display: block;
    width: 95px;
    height: 110px;
    text-decoration: none;
    padding: 12px 0 0 75px;
    color:#999999;
    font-weight: bold;
}
.menu-gauche li a:link,
.menu-gauche li a:visited,
.menu-gauche li a:active {
color: #999999:
}
.menu-gauche1 li a:hover {
    color: #000;
    background-image: url(../images/consulter-2.png);
    background-repeat: no-repeat;
}
.menu-gauche2 li a:hover {
    color: #000;
    background-image: url(../images/deposer-2.png);
    background-repeat: no-repeat;
}
.menu-gauche3 li a:hover {
    color: #000;
    background-image: url(../images/aide-2.png);
    background-repeat: no-repeat;
}



.dp li {
list-style-type: none;
background-repeat: no-repeat;
border: 1px solid #d9d9d9;
margin-bottom: 4px;
}
.dp li img {
    margin: 5px;
    float:left;
}
.dp li p {
    display: block;
}
.dp li p:hover {
    display: block;
    background-color: #f0f0f0;
}
.dp li a {
    display: block;
    color:#000;
    text-decoration: none;
}
.dp li a:hover {
    color: #1a1d4a;
}

#stats {
width:170px;
height: 230px;
margin:auto;
background:transparent url(images/statistiques.png) no-repeat top center;
}

#stats ul {
margin-top: 10px;
}
#stats li {
list-style-type: none;
font-size: 11px;
font-style: arial;
font-weight:bold;
line-height: 1.3em;
color: #383838;
margin-bottom: 8px;
}

#stats li.noir { color: #000000; }


/* -----------------------------------
CONFIGURATIONS DES DIV A COINS ARRONDIS
--------------------------------------*/
.coins1 {
width:570px;
margin:auto;
background:#FFF url(images/coins1.png) no-repeat bottom center;
}
.coins1 h2 {
background:#FFF url(images/coins1.png) no-repeat top center;
padding-left: 15px;
}
.coins1 h3 {
font:20px Arial;
font-weight:bold;
padding-left: 15px;
}

.coins2 {
margin:auto;
background:#FFF url(images/coins2.png) no-repeat bottom center;
}
.coins2 h1 {
background:#FFF url(images/coins2.png) no-repeat top center;
padding-left: 15px;
font:20px Arial;
font-weight:bold;
}

.coins3 {
margin:auto;
background:#FFF url(images/coins3.png) no-repeat bottom center;
}
.coins3 h2 {
background:#FFF url(images/coins3.png) no-repeat top center;
padding-left: 15px;
}

.coins4 {
margin:auto;
background:#FFF url(images/coins4.png) no-repeat bottom center;
}
.coins4 h2 {
background:#FFF url(images/coins4.png) no-repeat top center;
padding-left: 15px;
}

.coins5 {
width:930px;
min-height:430px;
margin:auto;
background:#FFF url(images/coins5.png) no-repeat top center;
}

.coins6 {
width:610px;
min-height:430px;
margin:auto;
background:#FFF url(images/coins6.png) no-repeat bottom center;
}
.coins6 h2 {
background:#FFF url(images/coins6.png) no-repeat top center;
padding-left: 15px;
}


/* ==================== FIN DE CONFIGURATIONS DES DIV A COINS ARRONDIS ============================ */

#deposer {
width:170px;
height: 115px;
margin:auto;
background:#FFF url(images/deposer.png) no-repeat bottom center;
}

#deposer h3 {
text-align:center;
margin-top: 35px;
}

/* ========================= Dernières annonces ========================*/
.annonce {
width: 130px;
height: 107px;
float: left;
text-align: center;
font-size: 11px;
padding: 3px 0 0 0;
background: url(images/cadre_annonce.gif) no-repeat;
margin: 0 0 8px 2px;
}
.annonce:hover {
background: url(images/cadre_annonce1.gif) no-repeat;
}
.annonce a { color: #1a1d4a; text-decoration: none; }

.annonce1{
width: 137px;
height: 113px;
float: left;
text-align: center;
font-size: 11px;
padding: 3px 0 0 0;
background: url(images/cadre_annonce-1.gif) no-repeat;
margin: 0 0 8px 4px;
}

.annonce1:hover {
background: url(images/cadre_annonce-11.gif) no-repeat;
}

.annonce1 a { color: #1a1d4a; text-decoration: none; }

.annonce2{width: 137px;height: 113px;float: left;text-align: center;font-size: 11px;padding: 3px 0 0 0;
background: url(../images/cadre_annonce-2.png) no-repeat;margin: 0 0 8px 4px;}
.annonce2:hover {background: url(../images/cadre_annonce-22.png) no-repeat;}
.annonce2 a { color: #1a1d4a; text-decoration: none; }


/* LES NOUVEAUX SUJETS DU FORUM*/
ul#forum1{
margin: 5px 0 0 0;
padding: 0;
width: 288px;
}
ul#forum1 li{
display: block;
font-size: 13px;
font-family: arial;
padding: 1px 0 2px 0;
line-height: 120%;
list-style: none;
}
ul#forum1 li a{
padding: 0 0 0 10px;
color:#000;
text-decoration: none;
display: block;
}
#forum1 li a:hover{
color:#3333ff;
}
#forum1 li a.impaire{
background-color: #f0f0f0;
}

#forum1 li.titre a{
margin: 10px 0 0 0;
text-decoration: underline;
}

#forum1 li.titre a:hover{
text-decoration: none;
color:#000;
}

/* --------- ACTUS EN SLIDE ---------- */
.news_style{ display:none; }
.news_show {
width:280px;
height:240px;
overflow: auto;
color: #505050;
line-height: 1.4em;
text-align:justify;
}
.news_show img {
    float: left;
    margin: 0 5px 5px 0;
    padding:2px;
    border:1px solid #ccc;
    background:#fff;
}
.news_show div {
    margin: 0 0 15px 0;
    padding:2px;
    border:1px solid #ccc;
    background:#fff;
    text-align: center;
}
.news_show div h4 {
	display: inline;
	font-weight:bolder;
	font-size: 15px;
	color: #2da800;
}
.news_border {
width:280px;
height:240px;
overflow: auto;
}
.news_show div h4 a {
	text-decoration: none;
	color: #2da800;
}
.news_show div h4 a:hover {
	text-decoration: none;
	color: #000;
}
.buttondiv
{
float: left;
width:280px;
padding: 5px 0;
text-align: center;
font-weight:bolder;
font-size: 14px;
color: #fd7d26;
}

/* LA BOITE A EMPLOIS */
ul#emploi{
margin: 10px 0 5px 0;
padding: 0;
width: 288px;
}
ul#emploi li{
display: block;
font-size: 13px;
font-family: arial;
padding: 1px 0 2px 0;
line-height: 120%;
list-style: none;
}
ul#emploi li a{
padding: 0 0 0 10px;
color:#000;
text-decoration: none;
display: block;
}
#emploi li a:hover{
color:#3333ff;
}
#emploi li a.impaire{
background-color: #f1f2f1;
}

#emploi li.titre a{
margin: 10px 0 0 0;
text-decoration: underline;
}

.liste ul { margin: 0 0 0 30px; padding: 0; }
.liste li { list-style: square; margin: 5px 0; }

/* BOITES DE DROITE- 300 DE LARGE */
.menuBleu { padding:15px 4px 0px 4px; background:#FFF url(images/fond-bleu-1.png) no-repeat top center; FLOAT: left; MARGIN: 15px 0px 0px 0px; WIDTH:292px; text-align: left;}
.menuBleu .container { float:left; width:280px; }
.menuBleu .title { padding: 3px; background-color: #FFF; border: 1px dotted #23cdff; text-align: center; margin-bottom: 20px;}
.menuBleuFooter { float:left; width:300px; height:23px; background:#FFF url(images/fond-bleu-2.png) no-repeat top center;}

.menuOrange { padding:15px 4px 0px 4px; background:#FFF url(images/fond-orange-1.png) no-repeat top center; FLOAT: left; MARGIN: 15px 0px 0px 0px; WIDTH:292px; }
.menuOrange .container { float:left; width:280px; }
.menuOrange .title { padding: 3px; background-color: #FFF; border: 1px dotted #ff7f26; text-align: center; margin-bottom: 20px;}
.menuOrangeFooter { float:left; width:300px; height:23px; background:#FFF url(images/fond-orange-2.png) no-repeat top center; MARGIN: 0px 0px 15px 0px;}
.menuOrange .annonce1{padding: 3px 0 0 0; margin: 0 0 5px 3px; }

.menuVert { padding:15px 4px 0px 4px; background:#FFF url(images/fond-vert-1.png) no-repeat top center; FLOAT: left; MARGIN: 15px 0px 0px 0px; WIDTH:292px; }
.menuVert .container { float:left; width:280px; }
.menuVert .container .gauche { float:left; width:120px; margin-right: 10px;}
.menuVert .container .droite { float:left; width:150px; }
.menuVert .title { padding: 3px; background-color: #FFF; border: 1px dotted #ff7f26; text-align: center; margin-bottom: 20px;}
.menuVertFooter { float:left; width:300px; height:23px; background:#FFF url(images/fond-vert-2.png) no-repeat top center; MARGIN: 0px 0px 15px 0px;}
.menuVert ul { margin: 0 0 0 5px; padding: 0; }
.menuVert li { list-style: none; margin: 5px 0; }
.menuVert li a { text-decoration: none; color:#000; font-weight:bolder;}
.menuVert li a:hover { color:#ff7f26; }
.menuVert .sousmenu li { list-style: none; margin: 2px 0 2px 5px; }
.menuVert .sousmenu li a { font-weight:normal; }
.menuVert .sousmenu li a:hover { color:#3333ff; text-decoration:underline; }

.titrePrincipal {
text-align: center;
margin: 30px 0 30px 0;
}
.titrePrincipal h1 {
display: inline;
border: 1px dotted #2da800;
padding: 6px;
background:#FFF url(images/fond-vert.png) repeat-x top center;
}
.titrePrincipalBleu {
text-align: center;
margin: 20px 0 30px 0;
}
.titrePrincipalBleu h1 {
display: inline;
border: 1px dotted #23cdff;
padding: 6px;
background:#FFF url(images/fond-bleu.png) repeat-x top center;
}

.encadre{
margin: 20px 0 20px 0;
color: #000000;
font-size:12px;
border: 1px dotted #000000;
background: #ffffff url(images/strip.gif) repeat-x;
background-position: top;
padding: 10px;
}

.encadre ul li {
list-style:square;
margin-left:30px;
padding : 3px;
}

.encadre1{
margin: 10px 0 20px 10px;
border-left: 3px solid #80B5D9;
padding: 0 0 0 10px;
}

/* ----------	CASES D'AFICHAGE DU TROMBI	---------*/
.trombi { width: 143px; float:left; margin-right:5px; padding: 2px; border: 1px solid #FFFFFF;}
.trombi:hover { border: 1px solid #d9d8d6; }
.trombi-1 { width: 139px; float:left; padding: 2px; border: 1px solid #FFFFFF;}
.trombi-1:hover { border: 1px solid #d9d8d6; }

/* ----------	CASES D'AFFICHAGE DES ANNIVERSAIRES	---------*/
.anniv-h { width: 143px; float:left; margin:0 3px 10px 0; padding: 2px; border: 1px solid #d9d8d6; background: #ffffff url(../images/trombi-h.png) no-repeat top center; min-height:244px;}
.anniv-h:hover { border: 1px solid #23cdff; }
.anniv-f { width: 143px; float:left; margin:0 3px 10px 0; padding: 2px; border: 1px solid #d9d8d6; background: #ffffff url(../images/trombi-f.png) no-repeat top center; min-height:244px;}
.anniv-f:hover { border: 1px solid #fe23fe; }

/* ----------	MISE EN FORME DES SITES DES MEMBRES	---------*/
.ste { width: 560px; margin:20px auto; }
.ste a { color:#cc0099; font:14px arial; font-weight:bolder; }
.ste a:hover { color:#000; }
.ste1 ul { margin: 10px 0 5px 80px; padding: 0; }
.ste1 li { list-style: none; margin: 7px 0; }

/* ----------	AFFICHAGE DES NEWBIES	---------*/
.newb-h { float:left; width:590px; margin:0 0 15px 0; padding: 10px; border: 1px solid #d9d8d6; background: #ffffff url(../images/newb-h.png) no-repeat top center;}
.newb-h:hover { border: 1px solid #23cdff; }
.newb-f { float:left; width:590px; margin:0 0 15px 0; padding: 10px; border: 1px solid #d9d8d6; background: #ffffff url(../images/newb-f.png) no-repeat top center;}
.newb-f:hover { border: 1px solid #fe23fe; }

/* -----------------------------------
CONFIGURATION DES PETITES ANNONCES
--------------------------------------*/
.formAnnonce label{ display: inline; float: left;  width: 150px; }
.formAnnonce p{ padding:5px 0 10px 0; border-top: 1px dashed gray; width:600px;  }
.formAnnonce input, textarea { width:420px; }
.formAnnonce .origines input { width:180px; }
.formAnnonce .origines td { vertical-align : middle; }

/* LES TABLEAUX A ONGLETS */
ul.tabs {margin: 0;	padding: 0;	float: left;list-style: none;height: 32px;border-bottom: 1px solid #80B5D9;width: 100%;}
ul.tabs li {float: left;margin: 0 3px 0 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #80B5D9;
margin-bottom: -1px;background: #e0e0e0 url(../images/fd-ann-1.png) repeat-x top center;overflow: hidden;position: relative;}
ul.tabs li a {text-decoration: none;display: block;font-size:14px; font-family:arial; font-weight:bold; color:#3333ff;
padding: 0 20px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover {background: #ccc url(../images/fd-ann-2.png) repeat-x top center;color:#000;}
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #fff;border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #80B5D9;border-top: none;clear: both;float: left;width: 100%;background:#FFF url(../images/fd-ann-3.png) repeat-x bottom center;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	min-height: 240px;
}
.tab_content {padding: 15px;}

#map {width: 580px;	height: 220px;}

/* RESULTATS D'ANNONCES - BLANC ET GRIS */
div.result_annonce { min-height: 125px; border-right: 1px solid #c3c8d3; border-left: 1px solid #c3c8d3;
background: #ffffff url(images/fd-result-bla.png) repeat-x top left;}
div.result_annonce .texte{ float:left; min-height: 125px; margin:0 5px;
background: #f6f5fa url(images/fd-result-gris.png) repeat-x top left; width: 245px;}
div.result_annonce .texte p{ padding:5px 5px; }
div.result_annonce .resultat{ float:left; min-height: 125px;
background: #f6f5fa url(images/fd-result-gris.png) repeat-x top left; }
div.result_annonce .resultat p{ padding-top:63px; text-align:center; }
div.result_annonce .resultat1{ padding-top:63px; width:50px; float:left; }

div.result_annonce_p { min-height: 125px; border-right: 1px solid #c3c8d3; border-left: 1px solid #c3c8d3;
background: #ffffff url(images/fd-result-jaune.png) repeat-x top left;}
div.result_annonce_p .texte{ float:left; min-height: 125px; margin:0 5px;
background: #f6f5fa url(images/fd-result-jaune-f.png) repeat-x top left; width: 245px;}
div.result_annonce_p .texte p{ padding:6px 5px; }
div.result_annonce_p .resultat{ float:left; min-height: 125px;
background: #f6f5fa url(images/fd-result-jaune-f.png) repeat-x top left; }
div.result_annonce_p .resultat p{ padding-top:63px; text-align:center; }
div.result_annonce_p .resultat1{ padding-top:63px; width:50px; float:left; }

div.carre_annonce { margin-bottom:5px; }
	div.carre_annonce div.carre1{ float:left; width:225px; margin-right:5px;}
div.carre_annonce div.carre1 p{ margin-bottom:10px; clear:both;}
div.carre_annonce div.carre1 p span.ok{float:left; width:73px;}
div.carre_annonce div.carre1 p.prix{ padding:5px;background: #ffffff url(../images/fd-ann-1.png) repeat-x top center; border:1px solid #80B5D9; margin-top:15px; text-align:center;}
	div.carre_annonce div.carre2{ float:left; width:50px; margin-right:5px;}
	div.carre_annonce div.carre2 img{margin-bottom:15px; }
	div.carre_annonce div.carre3{ float:left; width:325px;min-height:275px;text-align:center;}
    div.diapo div.z1{ width:140px; float:left; margin:0 7px 3px 0; padding:2px; border:1px solid #ccc; min-height:106px; text-align:center;}
    div.diapo div.z2{ width:140px; float:left; margin-bottom:3px; padding:2px; border:1px solid #ccc; min-height:106px;text-align:center;}
    div.diapo div.z1:hover,div.diapo div.z2:hover{border:1px solid #80B5D9;}
table#maTable td
{
	padding:5px;
	vertical-align : top;
	text-align: left;
}

/*------------------------
 MENU POUR LES CONCOURS CA
------------------------*/

#concours { margin: 10px 0 20px 0; }

#concours ul li  {
	display: block;
	float: left;
	position: relative;
	height: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#concours ul li a {
	font-size:13px;
	font-weight:bold;
	display: block;
	height: 18px;
	margin-right: 35px;
	text-align: center;
	text-decoration: none;
	color:#a71b1f;
}
#concours ul li a:hover {
	border-bottom: 2px solid #4fa0fc;
	padding-bottom:2px;
}
#concours ul li a.live {
	border-bottom: 2px solid #4fa0fc;
	padding-bottom:2px;
}

#footer {
width:910px;
height: 70px;
padding: 10px 20px;
background:#ccc;
color: #FFFFFF;
font-size: 12px;
margin: 0 auto;
background: url(images/footer.png) no-repeat;
}

#footer div {display:inline; float:left; margin-right:20px; }
		#footer div a{ text-decoration: underline; color:#ffffff; }
		#footer div a:hover { text-decoration: none; }

.imgbord {
         padding: 3px;
         border: 1px solid #999999;
         }

.imgbord:hover {
         padding: 3px;
         border: 1px solid #6666FF;
         }

.sansLigne a{ text-decoration: none; }
.sansLigne a:hover { text-decoration: underline; }


          A.lien1:link {text-decoration: underline; color:#847359; font:16px arial; font-weight:bolder}
          A.lien1:visited {text-decoration: underline; color:#847359; font:16px arial; font-weight:bolder}
          A.lien1:active {text-decoration: underline; color:#847359; font:16px arial; font-weight:bolder}
          A.lien1:hover {text-decoration: underline; color:#80B5D9; font:16px arial; font-weight:bolder}

          A.lien2 {text-decoration: underline;}

          A.lien3:link {text-decoration: underline; color:#FFFFFF;}
          A.lien3:visited {text-decoration: underline; color:#FFFFFF;}
          A.lien3:active {text-decoration: underline; color:#FFFFFF;}
          A.lien3:hover {text-decoration: none; color:#FFFFFF;}

          A.lien4 {text-decoration: none;}

          A.l5:link, A.l5:visited, A.l5:active {text-decoration: none; color:#0000FF; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #d9d9d9; background-color: #eeeeec;}
   		  A.l5:hover {text-decoration: none; color:#0000FF; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #2da800; background-color: #cdffcc;}

  		  A.l51:link, A.l51:visited, A.l51:active {text-decoration: none; color:#0000FF; font-weight:bolder; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #0000FF; background-color: #FFFFFF;}
   		  A.l51:hover {text-decoration: none; color:#000066; font-weight:bolder; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #0000FF; background-color: #CCFFFF;}

          A.vert:link, A.vert:visited, A.vert:active { color:#2da800; }
   		  A.vert:hover {color:#000000; }

   		  A.rouge:link, A.rouge:visited, A.rouge:active { color:#FF0000; }
   		  A.rouge:hover {color:#000000; }

   		  A.bleuv:link, A.bleuv:visited, A.bleuv:active { color:#0000FF; }
   		  A.bleuv:hover {color:#000000; }

   		  A.noir:link, A.noir:visited, A.noir:active { color:#000000; }
   		  A.noir:hover {color:#000000; }

   		  A.gris:link, A.gris:visited, A.gris:active { color:#505050; }
   		  A.gris:hover {color:#000000; }

          A.bleuClair:link, A.bleuClair:visited, A.bleuClair:active { color:#3333ff; }
   		  A.bleuClair:hover {color:#000000; }

   		  A.bleu:link, A.bleu:visited, A.bleu:active { color:#80B5D9; }
   		  A.bleu:hover {color:#000000; }

   		  A.on:link, A.on:visited, A.on:active { text-decoration: none; }
   		  A.on:hover {text-decoration: underline;}