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

body {
	background-image:url(../img/bg-site.png);
	background-repeat:repeat;
	margin:0;
	line-height:16px;
}
a { text-decoration:underline; color: #053675;}
a:hover { text-decoration:none;}

p{ margin-top:5px; margin-bottom:5px; clear:both;}

/*-------------------- FONTS-------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #053675;
}
h1 { font-size:14px; font-weight:bold; text-transform:uppercase; border-bottom: 6px solid #fffe08;float: left; height:20px; line-height:20px; margin-top:10px; margin-bottom:20px;}
h2 { font-size:12px; font-weight:bold;text-transform:uppercase; border-bottom: 3px solid #fffe08;float: left;line-height: 20px;}
h3 { font-size:11px; font-weight:bold;text-transform:uppercase; border-bottom: 3px solid #fffe08;float: left;}

.textes { text-align:justify; clear:both;}

/*-------------------- HEADER-------------------------*/
#header {
	width:100%;
	height:213px;
	margin-bottom:10px;
	float: left;
	background-image:url(../img/bg-header.png);
	background-repeat: repeat-x;
	}
	
#header .content {
	margin: 0 auto;
    width: 970px;
	height:213px;
	background-image:url(../img/bg-navig.png);
	background-repeat: no-repeat;
	background-position:top;
}
#header .content p {
	height:0;
	width:0;
	margin:0;
	padding:0;
	clear:none !important;
}
#header .content .logo {
	height:213px;
	width:203px;
	float:left;
	background-image:url(../img/bg-logo-header.png);
	background-repeat: no-repeat;
	background-position:top;
}
#header .content .navigation {
	margin-top:21px;
	height:192px;
	width:767px;
	float:left;
}

.navigation ul { list-style:none; margin:0; padding:0; float:right;}
.navigation ul li {float:left;margin-left:12px;}
.navigation ul li a{ display:block;background-repeat:no-repeat;height:73px; width:95px; padding-top:110px; padding-left:10px; padding-right:10px; text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:bold; color:#053675; line-height:17px;}
.navigation ul li a:hover{color:#FFFFFF;}
.navigation ul li.onglet-1 a { background-image:url(../img/navigation/onglet-1.gif);}
.navigation ul li.onglet-2 a { background-image:url(../img/navigation/onglet-2.gif);}
.navigation ul li.onglet-3 a { background-image:url(../img/navigation/onglet-3.gif);}
.navigation ul li.onglet-4 a { background-image:url(../img/navigation/onglet-4.gif);}
.navigation ul li.onglet-5 a { background-image:url(../img/navigation/onglet-5.gif);}
.navigation ul li.onglet-6 a { background-image:url(../img/navigation/onglet-6.gif);}
.navigation ul li.onglet-1 a:hover { background-image:url(../img/navigation/onglet-1-hover.gif);}
.navigation ul li.onglet-2 a:hover { background-image:url(../img/navigation/onglet-2-hover.gif);}
.navigation ul li.onglet-3 a:hover { background-image:url(../img/navigation/onglet-3-hover.gif);}
.navigation ul li.onglet-4 a:hover { background-image:url(../img/navigation/onglet-4-hover.gif);}
.navigation ul li.onglet-5 a:hover { background-image:url(../img/navigation/onglet-5-hover.gif);}
.navigation ul li.onglet-6 a:hover { background-image:url(../img/navigation/onglet-6-hover.gif);}




/*-------------------- SLIDER------------------------*/
#slider {
	width:100%;
	float: left;
	background-image:url(../img/bg-slider.png);
	background-position:top;
	background-repeat: no-repeat;
	background-position:left;	
	}
	
#slider .content {
	margin: 0 auto;
    width: 970px;
	height:432px;
}
#slider-interieur {
	width:100%;
	float: left;
	background-image:url(../img/bg-slider.png);
	background-position:top;
	background-repeat: no-repeat;
	background-position:left;
	height:432px;	
	}


/*-------------------- MAIN-------------------------*/
#main {
	width:100%;
	float: left;
	}
	
#main .content {
	margin: auto;
    width: 970px;
	position:relative;
}
#main .content_full {
   width: 960px;
   float:left;
   margin-bottom: 10px;
}
#main .content_left {
   width: 500px;
   padding-left:10px;
   padding-right:40px;
   margin-bottom: 10px;
   float:left;
}
#main .content_right {
   width: 420px;
   float:right;
   margin-top:22px;
   margin-bottom: 10px;
}

/*annonce accueil*/
#main .content_right .annonce {
	background-image:url(../img/bg-annonce.png);
	background-position:top;
	background-repeat: no-repeat;
	background-position:left;	
	background-color:#123f79;
	width:420px;
	height:348px;
	position:relative;
}
#main .content_right .annonce .textesannonce {
	padding-left:65px;
	padding-top:10px;
	height:315px;
	width:340px;
	float:left;
	background:none;
	color:#FFF;
}
#main .content_right .annonce .textesannonce img {
	margin-top:0 !important;
	margin-bottom:5px !important;
}
#main .content_right .annonce .bouton {
	position:absolute;
	bottom:0;
	right:0;
	}
#main .content_right .annonce .bouton a {
	background-color: #FFFE08;
    color: #053675;
    float: right;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
	text-transform:uppercase;
}
#main .content_right .annonce .bouton a:hover {
	background-color: #1a549f;
    color: #ffffff;
}

/*contenu droit*/
#main .content_right .textes {
	background-color:#FFFFFF;
	width:400px;
	position:relative;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	text-align:left;
}

#main  .content_right .textes h2 { font-size:12px; font-weight:bold; text-transform:uppercase; height:16px; line-height:16px;float: left; margin-top:0; margin-bottom:20px; margin-left:-20px;background-color:#FFFE08; color:#053675; width:300px; padding:5px 5px 5px 20px;}

#main .content_right .textes .bouton-interieur {
	position:absolute;
	bottom:0;
	right:0;
	}
#main .content_right .textes .bouton-interieur a {
	background-color: #053675;
    color: #FFFE08;
    float: right;
    font-size: 12px;
    padding: 3px;
    text-align: center;
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#main .content_right .textes .bouton-interieur a:hover {
	background-color: #1a549f;
    color: #ffffff;
}

/*puces*/
#main ul {
	list-style-image: url("../img/puce.png");
    list-style-type: none;
    margin: 0;
    padding-left: 20px;
	margin-left:10px;}
#main ul li { line-height:16px;}

/*images*/
#main .content_right img, #main .content_left img {border: 1px solid #ccc; margin-top:10px; margin-bottom:10px;}

/*-------------------- ANNONCE-------------------------*/
.texteannonce {
	padding-left : 5px;
	}
.prixannonce {
	padding-left : 15px;
		}
/*-------------------- FOOTER-------------------------*/
#footer {
	width:100%;
	height:168px;
	float: left;
	background-image:url(../img/bg-footer.png);
	background-repeat: repeat-x;
	}
	
#footer .content {
	margin:auto;
	position:relative;
    width: 970px;
	padding-top:23px;
	color:#FFF;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#footer .footer_col_1 {width:163px; height:145px;float:left;background-image:url(../img/bg-logo-footer.png);background-repeat: no-repeat;background-position:top;}
#footer .footer_col_2 {width:240px; height:105px;float:left; margin-top:40px;}
#footer .footer_col_3 {width:312px; height:105px;float:left;margin-top:40px}
#footer .footer_col_4 {width:255px; height:145px;float:left;background-image:url(../img/bg-contact-footer.png);background-repeat: no-repeat;background-position:top;}


#footer .mentions {
	margin:auto;
	position:relative;
    width: 970px;
	height:15px;
	padding-top:2px;
	clear:both;
	font-size:11px;
}
#footer .mentions a {
	text-decoration:none;
	color: #053675;
}
#footer .mentions a:hover {
	text-decoration:underline;
}