@charset "iso-8859-1";
/* CSS Document 
 BODY { SCROLLBAR-FACE-COLOR: #2c2c38; FONT-SIZE: 10px; SCROLLBAR-HIGHLIGHT-COLOR: 
#4a5263; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: 
#696e80; SCROLLBAR-ARROW-COLOR: #ff9900; SCROLLBAR-TRACK-COLOR: #6f6f89; FONT-FAMILY: 
Arial; SCROLLBAR-DARKSHADOW-COLOR: #000000 }
*/
body {
	background: #d9e7f0;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
    width:800px;
	/*margin-bottom:3px;*/
	SCROLLBAR-FACE-COLOR: #95C994;
	SCROLLBAR-SHADOW-COLOR: #C1E3E6;
	SCROLLBAR-ARROW-COLOR: navy;
	SCROLLBAR-3DLIGHT-COLOR:#C1E3E6;
	SCROLLBAR-TRACK-COLOR: navy; 
	color:navy;
	FONT-FAMILY:Century gothic,Times New Roman;
    font-size : 11px;
    
}


    div.ville {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.ville ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.ville ul li.selected { background-color: #ffb;}
    div.ville ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
    }

/* Div de structure */
div.page {
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    z-index:90;
}

/* Haut de page */
div.haut {
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    height:70px;
}

/* Partie gauche */
div.gauche {
    position:absolute;
    left:0px;
    top:80px;
    width:190px;
}

/* partie Centre*/
div.centre {
    position:absolute;
    left:200px;
    top:76px;
    width:604px;
    height:100%;
    font-family : Verdana;
    font-weight : none;
    font-size : 10px;
}

/* Bas de page */
div.bas {
    position:relative;
    text-align: center;
    font-size : 11px;
    top:10px;
    width:700px;
    height:40px;
    z-index:90;
    background-image : url(graphismes/fd_bas2.gif);
    background-repeat:no-repeat;
}

div.bas a {
    color : #003399;
    font-family : Verdana;
    font-weight : none;
    font-size : 10px;
    text-decoration : underline;
    cursor:pointer;
}
div.bas a:Hover {
    font-size : 12px;
}

div.gauche p {
    font-family:"Century gothic";
    font-size : 16px;
    color:#378f43;
}

form {
	margin-top: 0em;
	margin-bottom: 0em;
}

table {
    border-collapse:collapse;
    padding: 0;
    font-family : Verdana;
    font-weight : none;
    font-size : 11px;

    }

table.border {
    border-collapse:separate;
    padding: 0;
    font-family : Verdana;
    font-weight : none;
    font-size : 11px;

    }
    
td.border {
    
   border-width : 1 ;
   border-style: solid;
}

/* Cadres du menu gauche  */    
div.cadre {/* conteneur global et arrière-plan du titre du cadre */
    width: 172px;
    padding-top: 18px;
    background: url(graphismes/menu-gauche-cadre-haut.gif) top left no-repeat;
}
div.bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
    background: url(graphismes/menu-gauche-cadre-bas.gif) bottom left no-repeat;
    padding-bottom: 18px;
}
div.bloccadre p {
    margin: 0 8px 0 10px;
}

table#sites {
    text-align: center;
    border-spacing: 2px;
    border-collapse:separate;
}
/* Liens vers les sites annonce */
a.site{
    color : navy;
    font-family : Verdana;    
    font-size : 12px;
    text-decoration : none;
    cursor:pointer;
    border : none;
    font-weight : bold;   
}

a.site:Hover {
    color : white;
    font-family :Verdana;    
    font-weight : none;
    font-size : 12px;
    text-decoration : none;
    cursor:pointer;
    font-weight : bold; 
  
}

.menu{
	color : white;
	font-family : Verdana;    
	font-size : 12px;
	text-decoration : none;
	cursor:pointer;
	border : none;
    font-weight : bold;   
}

.menu:Hover {
	color : navy;
	font-family :Verdana;    
	font-weight : none;
	font-size : 12px;
	text-decoration : none;
	cursor:pointer;
     font-weight : bold; 
  
}

.lien10txt{
	color : #003399;
	font-family : Verdana;
	font-weight : none;
	font-size : 10px;
	text-decoration :none;
	cursor : none;
}


.lien10{
	color : #003399;
	font-family : Verdana;
	font-weight : none;
	font-size : 10px;
	text-decoration : underline;
	cursor:pointer;
}

.lien10:Hover {
	color : #D19165;
	font-family : Verdana;
	font-weight : none;
	font-size : 10px;
	text-decoration : underline;
	cursor:pointer;
}

.lien11{
	color :#003399 ;
	font-family : Verdana;
	font-weight : bold;
	font-size : 11px;
	text-decoration : underline;
	cursor:pointer;
}

.lien11:Hover {
	color : #D19165;
	font-family : Verdana;
	font-weight : bold;
	font-size : 11px;
	text-decoration : underline;
	cursor:pointer;
}

.lien11simple{
	color :#003399 ;
	font-family : Verdana;
	font-weight : none;
	font-size : 11px;
	text-decoration : none;
	cursor:pointer;
}

.lien11simple:Hover {
	color : #D19165;
	font-family : Verdana;
	font-weight : none;
	font-size : 11px;
	text-decoration : none;
	cursor:pointer;
}

.lien12{
	color :navy ;
	font-family : Verdana;
	font-weight : bold;
	font-size : 12px;
	text-decoration : none;
	cursor:pointer;
}

.lien12:Hover{
    color :white ;
    font-family : Verdana;
    font-weight : bold;
    font-size : 12px;
    text-decoration : underline;
    cursor:pointer;
}

.lien14{
	color :#003399 ;
	font-family : Verdana;
	font-weight : bold;
	font-size : 14px;
	text-decoration : underline;
	cursor:pointer;
}
.lien12:Hover {
	color : #D19165;
	font-family : Verdana;
	font-weight : bold;
	font-size : 12px;
	text-decoration : underline;
	cursor:pointer;
}


.saisie {
	color : navy;
	font-family : Verdana;
	font-size : 11px;
	text-decoration : none;
	background-color : #CAE4C9; 
	border : double #C2D2AA;
	}
	
.bouton {
	color : navy;
	font-family : Verdana;
	font-size : 12px;
	background-color :#CAE4C9; 
	border : outset #C2D2AA;
	letter-spacing: 1px;
	font-weight: bold;
	}

.text10 {
	color : navy;
	font-family : Verdana;
	font-size : 10px;
	text-decoration : none;
	border : none;
	}
	
.text11 {
	color : navy;
	font-family : Verdana;
	font-size : 11px;
	text-decoration : none;
	border : none;
	}

.text11ita {
    color : navy;
    font-family : Verdana;
    font-size : 11px;
    text-decoration : none;
    border : none;
    }

.text12 {
	color : navy;
	font-family : Verdana;
	font-size : 12px;
	text-decoration : none;
	}
.text14 {
    color : navy;
    font-family : Verdana;
    font-size : 14px;
    text-decoration : none;
    }

SELECT {
	color : navy;
	font-family : Verdana;
	font-size : 11px;
	text-decoration : none;
	background-color : #CAE4C9; 
	border: double;
}

TEXTAREA {
	color : navy;
	font-family : Verdana;
	font-size : 11px;
	text-decoration : none;
	background-color : #CAE4C9;
	border : double #C2D2AA
	}
    
.invisible{
    display:none;
}


/* topmenu */
ul#topmenu {
    font-weight:        bold;
    list-style-type:    none;
    margin:             0;
    padding:            0;
   
    }

ul#topmenu li {
    float:              left;
    margin:             0;
    padding:            0;
    vertical-align:     middle;
    border-bottom:      1pt solid black;
       
}

.tab, .tabcaution, .tabactive {
    font-size : 11px;
    display:            block;
    margin:             0.2em 0.3em 0.2em 0.2em;
    padding:            0.2em 0.2em 0 0.2em;
    white-space:        nowrap;
    background-color:   #d9e7f0;
    border:             3pt solid #d9e7f0;
    border-bottom:      0;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
     background-image : url(graphismes/onglethaut.gif);   
    color : navy;
    font-family : Verdana;
}

.tabactive {
    background-color : #E3C499;
    border:             0pt solid #7cc681;
    border-bottom:      0;
}


          
/* enabled hover/active tabs */
a.tab:hover,
a.tabcaution:hover,
.tabactive,
.tabactive:hover {
    color :#003397 ;
    margin:             0;
    padding:            0.2em 0.6em 0.2em 0.6em;
    text-decoration:    none;
}