@charset "UTF-8";
/* CSS Document */
body {
	font:11px "Verdana", Arial, Helvetica, sans-serif;
	color:#333333;
	background:#707173 url(../images/fd_repeatx.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}

.cadre {
	border: 1px dotted #bbbbbb;
}
.clearer { clear:both; overflow:hidden; height:0; }

h1 {
	background:url(../images/puces_h1.gif) 0 0 no-repeat;
	text-indent:21px;
	color:#af0000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin:12px 2px 0 12px;
}

/* Corrige le décalade des Puces de titres H1 dans SAFARI et OPERA (macintosh)  */
@media screen and (-webkit-min-device-pixel-ratio:0){

h1 {
	background:url(../images/puces_h1.gif) 0 -2px no-repeat;
	text-indent:21px;
	color:#af0000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin:12px 2px 0 12px;
}
}

p {
	text-align:justify;
	padding:0 18px 8px 20px;
	}
	
/* Conteneur global */
#conteneur {
	width:780px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

/* Conteneur du menu supérieur*/
#top {
	background:url(../images/fd_slogan.jpg) 0 21px no-repeat;
	width:780px;
	margin:0 auto;
	height:161px;
}

.logo {
	padding-top:21px;
}

#top_menu {
	position:relative;
	float:right;
	padding:0;
	margin:3px 25px 0 0;	
}

#top_menu .topLien:link, .topLien:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	}
	
#top_menu .topLien:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}

#top_menu img {
	padding-right:3px;
}

#logo {
	float:left;
	padding:21px 0 0 25px;
}

/* Second conteneur : pour le centrage des différentes DIV */
#content {	
	float:left;
	position:relative;
	margin:0 auto;
	width:780px;
	height:auto;
}


#menu{
	position:relative;
	margin:0 auto;
	width:780px;
	height:45px;
}

#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }
#menu #nav li a { float: left; height: 0; padding-top: 45px; overflow: hidden; }
#menu #nav li a,
#menu #nav { background-image: url(../images/menu3.gif); background-repeat: no-repeat; z-index:9998; }

/* Boutons menu */
#menu #nav li#n-info a {width: 107px; background-position: 0 0; }
#menu #nav li#n-liens a {width: 111px; background-position: -107px 0; }
#menu #nav li#n-qui a {width: 166px; background-position: -218px 0; }
#menu #nav li#n-louer a {width: 59px; background-position: -384px 0; }
#menu #nav li#n-acheter a {width: 102px; background-position: -443px 0; }
#menu #nav li#n-acces a {width: 121px; background-position: -545px 0; }
#menu #nav li#n-contact a {width: 114px; background-position: -666px 0; }

/* Hover */
#menu #nav li#n-info a:hover { background-position: 0px -45px; }
#menu #nav li#n-liens a:hover { background-position: -107px -45px; }
#menu #nav li#n-qui a:hover { background-position: -218px -45px; }
#menu #nav li#n-louer a:hover { background-position: -384px -45px; }
#menu #nav li#n-acheter a:hover { background-position: -443px -45px; }
#menu #nav li#n-acces a:hover { background-position: -545px -45px; }
#menu #nav li#n-contact a:hover { background-position: -666px -45px; }

/* Press */
#menu #nav li#n-info a:active { background-position: 0px -90px; }
#menu #nav li#n-liens a:active { background-position: -107px -90px; }
#menu #nav li#n-qui a:active { background-position: -218px -90px; }
#menu #nav li#n-louer a:active { background-position: -384px -90px; }
#menu #nav li#n-acheter a:active { background-position: -443px -90px; }
#menu #nav li#n-acces a:active { background-position: -545px -90px; }
#menu #nav li#n-contact a:active { background-position: -666px -90px; }

/* Active : On change le - par le _ et on fait la modif dans le fichier HTML (en enlevant aussi le "href") on garde juste les balises : '<a>' et '</a>' */
#menu #nav li#n_info a {width: 107px; background-position: 0px -90px; }
#menu #nav li#n_liens a {width: 111px; background-position: -107px -90px; }
#menu #nav li#n_qui a {width: 166px; background-position: -218px -90px; }
#menu #nav li#n_louer a {width: 59px; background-position: -384px -90px; }
#menu #nav li#n_acheter a {width: 102px; background-position: -443px -90px; }
#menu #nav li#n_acces a {width: 121px; background-position: -545px -90px; }
#menu #nav li#n_contact a {width: 114px; background-position: -666px -90px; }

/* Conteneur du bandeau flash et du logo CNAB */
#header1 {
	width:800px;
	margin:0 auto;
	position:relative;
	padding-top:26px;
}

/* Bandeau flash */
#flash {
	float:left;
	width:536px;
	padding-right:12px;
}

/* DIV à droite du bandeau flash */
#cnab {
	background:url(../images/fd_cnab.gif) top left no-repeat;
	width:234px;
	height:282px;
	float:left;
	margin:0;
	padding:0;
	}
	
#cnab img {
	padding:12px 20px 0 20px;
}

/* arrondi du conteneur (fenetre sous le bandeau flash */
#topPages {
	background:url(../images/top_content.gif) top left no-repeat;
	margin:0 auto;
	position:relative;
	width:780px;
	height:5px;
}

/* DIV du contenu texte */
#pages {
	background-color:#FFFFFF;
	color:#333333;
	float:left;
	width:780px;
	margin-top:22px;
	padding:0;
}


#pages img {
		padding:0 18px 8px 20px;
}

/* Affichage de texte avec des puces */ 
/*
#pages ul {
	list-style:none;
	padding:18px 0 8px 60px;
}

#pages ul .puces {
	color:#0f6da7;
	font-size:11px;
	font-weight:bold;
	background:url(../images/bg_li.gif) 0 2px no-repeat;
	text-indent:20px;
	line-height:24px;
}

#pages ul .puces a {
	color:#a61b1b;
	text-decoration:none;
	}

#pages ul .puces a:hover {
	color:#a61b1b;
	text-decoration:underline;
	}
*/


/* DIV du paragraphe de gauche : pour le trait séparant les deux paragraphes (index.html) */
#leftP {
	border-right:1px solid #999999;
	padding-right:30px;
}

#rightP {
	padding:0 0 0 20px;
}

/* Paragraphe de gauche (index.html) */
.left {
	width:320px;
	float:left;
}

/* Paragraphe de droite (index.html) */
.right {
	width:235px;
	float:left;
}

/* Petite image en bas à droite (index.html) */	
.rightImg {
	padding-top:12px;
	width:181px;
	float:left;
}

/*************** Menu bas *******************/

#menu2 {
	background:url(../images/fd_bottom.gif) top left no-repeat;
	margin:0 auto;
	position:relative;
	width:780px;
	text-align:center;
	float:left; 
	height: 36px; 
	font-weight:normal;
}

#menu2 #nav2 {
	list-style-type:none;
	margin: 5px auto;
	position:relative;
	padding:0;
	}
	
#menu2 #nav2 li {
	display:inline;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #FFFFFF;
	}
	
#menu2 #nav2 #liContact {
	border:none;
}
	
#menu2 #nav2 li a {
	text-decoration:none; 
	color:#ffffff; 
	}
	
	#menu2 #nav2 li a:hover {
	text-decoration:underline; 
	color:#ffffff; 
	}

.formulaire {
	padding:25px;
}