@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent:31px;
	color: #000000;
	margin:0;
	padding:0;
}

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent:31px;
	color: #000000;
	margin-top:-14px;
	padding:0;
}

li	{
    line-height:8px; 
	margin:5px 0 0 0;
	list-style-image:url(index_images/mini-fleche.jpg);
	list-style-image:url(../index_images/mini-fleche.jpg);
}

a img {
    border:none;	
}

a{
	outline:none;
}

/*********************************************** contener ********************************************/

#contener {
    position:relative; 
    margin:0 auto;
	margin-top:0px;
    background-color:none;
    width:999px;
	height:1070px;
	overflow:auto;
	z-index:1;
	}


/*** Bouton classic ***/
a.bouton {
  color: white;
  background-color: #990000;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px solid #c0c0c0;
}
a.bouton:hover {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #D0FFB7;
  bordercolor: #669933;
  border: 1px solid #669933;
}
a.buttonpicto{
	background:url(../index_images/fondbutton2.gif);
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#990000;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:0px;
	text-decoration:none;
	width:280px;
}
a:hover.buttonpicto{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES	bouton			*/
/* -------------------- */
	.tete{
		background:url(../index_images/tete.gif) no-repeat 10px 5px;
		text-indent:40px;
		display:block;
	}
	
	.ajouter{
		background:url(../index_images/ajout.jpg) no-repeat 10px 5px;
		text-indent:40px;
		display:block;
	}
	
	
	
	
	
	
	
/********************* bouton annonce ****************************/
a.buttonpictoo{
	background:url(../index_images/bouton_ajout3.png);
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:47px;
	line-height:47px;
	margin-bottom:0px;
	text-decoration:none;
	width:197px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
a:hover.buttonpictoo{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}

/* -------------------- */
/* CLASSE	bouton index			*/
/* -------------------- */

	.ajouter{
		background:url(../index_images/croix3.png) no-repeat 10px 13px;
		text-indent:34px;
		display:block;
	}
	
	
    .tete{
		background:url(../index_images/tete2.png) no-repeat 10px 14px;
		text-indent:37px;
		display:block;
	}





/*********************************************** centre ********************************************/

#logo {
	position:absolute;
	left:300px;
	float:left;
	width:439px;
	top: 2px;
	height: 82px;
	}
	
#fleche1 {
	position:absolute;
	left:7px;
	float:left;
	width:57px;
	top: 118px;
	height: 69px;
	z-index: 10;
	}
	
#ajouter_annonce {
	position:absolute;
	left:21px;
	float:left;
	margin-top:5px;
	width:204px;
	z-index:5;
	top: 14px;
	}
	
#div_exemple {
	position:absolute;
	left:13px;
	float:left;
	margin-top:5px;
	width:163px;
	z-index:5;
	top: 71px;
	height: 21px;
	}
	
#entete1 {
	position:absolute;
	left:7px;
	float:left;
	background-color:#E7ECF1;
	border-top: thin solid #3B5998;
	padding:7px;
	width:963px;
	z-index:5;
	top: 89px;
	height: 18px;
	text-align:center;
	}
	
#entete2 {
	position:absolute;
	left:646px;
	background-color:#E7ECF1;
	border-top: thin solid #3B5998;
	float:left;
	padding:7px;
	width:332px;
	z-index:5;
	top: 89px;
	height: 18px;
	}
	
#entete3 {
	position:absolute;
	left:646px;
	background-color:#E7ECF1;
	border-top: thin solid #3B5998;
	float:left;
	padding:7px;
	width:332px;
	z-index:5;
	top: 422px;
	height: 18px;
	}


#cadre_gauche {
	position:absolute;
	left:48px;
	float:left;
	width:894px;
	height:515px;
	z-index:2;
	top: 129px;
	}
	
#carte {
	position:absolute;
	left:329px;
	float:left;
	width:460px;
	height:504px;
	z-index:4;
	top: 5px;
	}
	
#departement {
	position:absolute;
	left:3px;
	float:left;
	width:210px;
	height:377px;
	z-index:5;
	top: 75px;
	}
	
#cadre_droite {
	position:absolute;
	left:646px;
	float:left;
	border: thin solid #C3DBEC;
	width:344px;
	height:256px;
	z-index:2;
	top: 144px;
	}
	
#cadre_droite2 {
	position:absolute;
	left:646px;
	float:left;
	border: thin solid #C3DBEC;
	width:344px;
	height:175px;
	z-index:2;
	top: 468px;
	}
	
#lien-photo {
	position:absolute;
	left:100px;
	float:left;
	width:189px;
	height:27px;
	z-index:9;
	top: 113px;
	}
	
#allpicto {
	position:absolute;
	left:7px;
	float:left;
	background-image:url(../index_images/allpicto2.gif);
	width:335px;
	height:181px;
	z-index:6;
	top: 69px;
	}
	
#picto_podition {
	margin-bottom:-4px;
	width:19px;
	height:18px;
	}
	
#picto_podition2 {
	margin-bottom:-4px;
	width:31px;
	height:20px;
	}
	
.fleche-position {
	margin-bottom:-4px;
	width:31px;
	height:20px;
	}
	
	
#texte_droite {
	position:absolute;
	left:646px;
	float:left;
	width:348px;
	height:172px;
	z-index:6;
	top: 445px;
	}
	
#carton {
	position:absolute;
	left:98px;
	background-color:none;
	float:left;
	margin-top:0px;
	width:290px;
	height:35px;
	z-index:3;
	top: 210px;
	}
	
#tete {
	position:absolute;
	left:722px;
	background-color:none;
	float:left;
	margin-top:0px;
	width:206px;
	height:52px;
	z-index:3;
	top: 154px;
	}
	
#filet_bleu {
	position:absolute;
	left:6px;
	float:left;
	background-color:#E7ECF1;
	border-bottom: thin solid #3B5998;
	width:956px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:30px;
	z-index:2;
	top: 94px;
	height: 5px;
	}
	
#filet_bleu2 {
	position:absolute;
	left:6px;
	float:left;
	background-color:#E7ECF1;
	border-top: thin solid #3B5998;
	width:294px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:30px;
	z-index:2;
	top: 80px;
	height: 14px;
	}	
	
	
.pictomenu3{
	margin-bottom:-4px;
	width:18px;
	height:17px;
	}
	
.fond_bleu1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	font-style: normal;
	background-color: #3B5998;
	padding:7px;
	}
	
/********************************************* footer *********************************************/	
	
#footer {
	position:absolute;
	left:6px;
	float:left;
	border-top: thin solid #C3DBEC;
	padding:1px;
	width:976px;
	top: 663px;
	}
	
.divfooter {
	position:relative;
	left:40px;
	float:left;
	margin:10px;
	padding:10px;
	border-left: thin solid #C3DBEC;
	width:195px;
	z-index:80;
	}
	
.divfooter2 {
	position:relative;
	left:50px;
	float:left;
	margin:10px;
	padding:10px;
	width:195px;
	z-index:81;
	}

/********************************************* style des cadres *********************************************/

.cadretexte {
	border: medium solid #999999;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-right: 10px;
	padding-top: 10px;
}


/********************************************* style des textes *********************************************/

.textebleuclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9CB3D5;
}

.titre_gris3 {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
}

.textebleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3B5998;
}

.textebleu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3B5998;
}

.titrenoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/********************************************* liens *********************************************/

.lienbleu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}


.lienbleu2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:none;
}
.lienbleu2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.lienbleu3:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu3:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#3B5998;
	text-decoration:underline;
}
.lienbleu3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}

.lienblanc:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lienblanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}


.liennoir:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
}
.liennoir:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000000;;
	text-decoration:none;
}
.liennoir:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
}
.liennoir:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#AD7A95;
	text-decoration:underline;
}



.liennoirsmall:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}
.liennoirsmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration:none;
}



.titrevert:active {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:link {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:visited {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
.titrevert:hover {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}


.lienbleuclair:active {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:none;
}
.lienbleuclair:link {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:none;
}
.lienbleuclair:visited {
	color: #9CB3D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	text-decoration:none;
}
.lienbleuclair:hover {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}