/* Page */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	background: white;
	font-size:15px;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 1.8em; /* -> 8 */
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	color: mediumblue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}





/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	/*color: #F0E39E;*/
	
	/*background: #0099cb; */
	/* background:#000099; */
/*	background:#003299; Ok */
/*0084ff */
	color:#000000; /* ? */
	background:#d1d8e9; /* même couleur que le pied pour les petites pages ! */
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	/*color: #A1B55D;*/
	color: #F0E39E; /* couleur du gras !*/
}

/* En-tête */
#entete {
/*	background: #0099cb; 
	background:#003299; */
/*	background:#115cf8;
	background:#2564b2;*/
	/* background:#4a88d5; ok */
	/* Background de l'entete ! ICI un fond puis une image ^^*/
	/* background:#4892ed; OK */
	background:#CCCCCC;
	background:#dadce2;
	background:#d0d2d8; /* OK */
	background:#2aaecf;
	background-image:url(images/logo-jechine4.jpg);
	background-repeat: no-repeat ; 
}
#headerEntete {
	display:none;
}
#headerEntete2 {
	float:left;
	margin-left:550px;
}

.sous-titre strong {
	color:#344481;
}

#entete a {
	color:#0066FF;
}

#entete h1 {
	color:#66CC99; /* Couleur titre  verte*/
	color:#001976;
	color:black;
	font-size:36px;
}

/* Navigation */
#navigation {
	 /* fond couleur barre navigation ! */
	 background:#333333;
	 background:#6897c1;
}
#navigation a {
	/*color:#CC9900;*/
	/*color:#F0E39E;*/
	color:#FFFFFF; /* couleur des liens ^^ */
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background: #FFFFFF;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}

/* Pied de page */
#pied {
	color: #906218;
	background:#0072ff; /* bleu foncé */
	background:#0099FF; /* bleu clair */
	background:#d1d8e9;
/*	background:#0084ff; */
/*	background:#03a3ff; */
}
#pied a {
	color:#2d3342;
}

#pied strong {
	color:#2d3342;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0; /* -> 2 */
}



/* En-tête */
#entete {
	padding: 4px 20px 4px 18px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 8px 0;
}
#entete .sous-titre {
	margin: 0px 0 8px 0;
}

/* Menu de navigation */
#navigation {
	padding: 8px 15px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: inline; /* -> 3 */
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
	padding-left:20px;
	padding-right:20px;
}
#pied #copyright {
	text-align:right;
	margin: .5em 0 30px 10%;
	font-size: 1em;
}








/*
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #990000;
	text-decoration: none;
}
.texte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000099;
}
*/







}


/*  -----     */

#contain {
	width:800px;
	background-color:#0099cb;
	margin-left:auto;
	margin-right:auto;
}
#header {
	padding:4px;
}
#barre {
	text-align:center;
}

/*  -----     */
		#centre {
			width: 100%;
			overflow: hidden;
		}
#gauche {
	float: left;
	width: 126px;
	text-align:center;
}
			#milieu {
				background:#FFFFFF;
				float: left;
				width: 528px;
				padding: 0px 10px;
			}
			#milieu > :first-child {
				margin-top: 10px;
			}
			#milieu p, #milieu li {
				line-height: 1.5;
			}
			#milieubarre {
				background:url(images/barre.jpg) no-repeat;
				float: left;
				width: 528px;
				height:24px;
				padding: 0px 10px;
				text-align:left;
			}
#droite {
	margin-left: 674px;
	text-align:center;
}

#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/*  -----     */
.menu {
	width:107px;
	margin-left:auto;
	margin-right:auto;
}
.mhaut {
	font-weight:bold;
	text-align:center;
	background:url(images/Sans%20titre-2_r1_c1.gif);
	height:29px;
}
.mhaut p {
	padding-top:4px;
}
.mmilieu {
	background:url(images/Sans%20titre-2_r2_c1.gif) repeat-y;
}
.mbas {
	background:url(images/Sans%20titre-2_r4_c1.gif);
	height:21px;
}

/*  -----     */

.fd p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:14px;
}
.fd {
	background-image: url("images/paragraphe1.gif");
	background-repeat: no-repeat;
	width:196px;
	height:23px;
}
.sinfo {
	text-align:right;
	font-size:10px;
}
.barre
{
   text-decoration: line-through;
}
.souligne {
	text-decoration:underline;
}
.petit {
	font-size:11px;
}

#carte {
	width:410px;
	height:416px;
	float:left;
	margin-left:90px;
}
#regions {
	width:200px;
	height:416px;
	float:left;
	margin-left:40px;
}
#regions a {
	text-decoration: none;
}

label {
display:block;
width:130px;
float:left;
text-align:right;
margin-right:6px;
}

#indexpromo h1 {
font-size:inherit;
font-weight:normal;
text-decoration:inherit;
font-style:inherit;
font-family:inherit;
}

.annonce {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
	width: 97%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
.annonce_cplt {
	font-size: 100%;
	font-family: Verdana, monospace;
	width: 97%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
.annonce_cplt h2{
	margin-top:0px;
}
.annonce_offre {
	float:left;
	width:50px;
}
.annonce_infos {
	
}
.annonce_infos2 {
	margin-top:20px;
	padding:8px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 12px;
	background-color:#FFFFFF;
	width:400px;
}
.annonce_infos2 a {
	text-decoration:none;
}
.annonce_infos3 {
	float:left;
}
.annonce_navrapide {
	float:left;
	margin-left:40px;
}
.annonce_contenu {
	margin-top:18px;
	margin-left:10px;
	float:left;
	width:64%;
}
.annonce_pic {
	clear:both;
	float:left;
	width:300px;
}
.annonce_signaler {
	clear: both;
	font-style: italic;
	font-size:11px;
	padding-top:20px;
}
.annonce_date {
	float:left;
	width:60px;
}
.annonce_photo {
	float:left;
	width:100px;
	margin-left:50px;
}
.annonce_photo img {
	width:90px;
	/* height:100px; */
}
.annonce_texte {
	float:left;
	width:auto;
	margin-left:50px;
}
.annonce_prix {
	text-align:right;
	float:right;
	width:220px;
}
.compte1 {
	float:left;
}
.compte2 {
	float:left;
	margin-left:10px;
}
#form_pic {
}
#partenaires {
	/*text-align:center;*/
}
#partenaires img {
	width:80px;
	height:15px;
}

.def {
	padding-left:24px;
}

.lienaideannonce {
	font-size:12px;
}
#imgload {
	height:30px;
}
.italique {
	font-style:italic;
}


/* CSS pour jitbit */
.editorWYSIWYG {font: 10pt Tahoma;border:none;}
.editorBBCODE {font: 9pt "Courier New";}

div.richeditor div.editbar {margin-top:5px;background-image:url('images/editbar_bg.gif');border-left:1px solid slategray;border-right:1px solid slategray;border-top:1px solid slategray;border-bottom:none;width:75%;}
div.richeditor div button{vertical-align:middle;width:25px;height:25px;border:1px solid transparent;background-color:Transparent;cursor:pointer;color:Black;background-position:center;background-repeat:no-repeat;background-image:none;}
div.richeditor div button:hover{border:1px solid silver;}
div.richeditor textarea{padding:0px 0px 0px 0px;border-top:none;border-bottom:1px solid slategray;border-left:1px solid slategray;border-right:1px solid slategray;}
div.richeditor iframe{border-top:none;border-bottom:1px solid slategray;border-left:1px solid slategray;border-right:1px solid slategray;background-color:#ffffff;}

.imagePub1 {
	float:left;
	position:absolute;
	background-image:url(images/pub1-1.png);
	width:100px;
	height:75px;
}

.imagePub1 a {
		display:block;
		height:100%;
	}
#mcptmenu a {
	text-decoration:none;
}

.h1 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
	font-size: 1.8em; 
	float:left;
	margin-top:10px;
}

a.test :hover { color:red; }