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

body {
	background-color: #ffffff;
	background-image: url(img/fond.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*** Fond site***/
.fond-bleu {
	background-color: #ffffff;
	background-image: url(img/fond_bleu.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.fond-orange {
	background-color: #ffffff;
	background-image: url(img/fond_orange.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.fond-jaune {
	background-color: #ffffff;
	background-image: url(img/fond_jaune.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.fond-vert {
	background-color: #ffffff;
	background-image: url(img/fond_vert.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.fond-rouge {
	background-color: #ffffff;
	background-image: url(img/fond_rouge.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*** Banniére ***/
.ban-cf{
    background-image: url(img/ban_cf.png);
	background-repeat:no-repeat;
	height:130px;
	width:980px;
	}
	
.separation{
    background-image: url(img/separation_annonces.png);
	background-repeat: repeat-y;
	background-position:center;
	}

.separtion-h250{
	background-image: url(img/separation_h_250x9.png);
	background-repeat:no-repeat;
	height:20px;
	width:100%;
	background-position:center;
}

.separtion-h190{
	background-image: url(img/separation_h_190x9.png);
	background-repeat:no-repeat;
	height:9px;
	width:190px;
	background-position:center;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #F90;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a.bas-site-txt:link {
    color:#cccccc;
	text-decoration: none;
}
a.bas-site-txt:visited {
	text-decoration: none;
	color: #cccccc;
}
a.bas-site-txt:hover {
	text-decoration: underline;
	color: #ffffff;
}
a.bas-site-txt:active {
	text-decoration: none;
	color: #cccccc;
}

a.source:link {
    color:#cccccc;
	text-decoration: none;
	font-size: 10px;
}
a.source:visited {
	text-decoration: none;
	color: #cccccc;
	font-size: 10px;
}
a.source:hover {
	text-decoration: underline;
	color: #666666;
	font-size: 10px;
}
a.source:active {
	text-decoration: none;
	color: #cccccc;
	font-size: 10px;
}

.txt-blanc14{
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
txt-noir10{
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
txt-noir11{
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.txt-noir12{
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.txt-noir13{
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
.txt-blanc13{
    color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
/*** Bloc 980 ***/	
.bloc980-haut{
    background-image: url(img/bloc980_haut.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bloc980-haut-bleu{
    background-image: url(img/bloc980_haut_bleu.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bloc980-haut-orange{
    background-image: url(img/bloc980_haut_orange.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bloc980-haut-jaune{
    background-image: url(img/bloc980_haut_jaune.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bloc980-haut-vert{
    background-image: url(img/bloc980_haut_vert.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bloc980-haut-rouge{
    background-image: url(img/bloc980_haut_rouge.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}

    .bloc980-haut-gris-claire{
    background-image: url(img/bloc980_haut_gris_claire.png);
	background-repeat:no-repeat;
	height:27px;
	width:980px;
	}
	
.bloc980-milieu{
    background-image: url(img/bloc980_milieu.png);
	background-repeat:repeat-y;
	height:5px;
	width:980px;
	}
	
.bloc980-bas{
    background-image: url(img/bloc980_bas.png);
	background-repeat:no-repeat;
	height:20px;
	width:980px;
	}
/*** Bloc 840 ***/	
.bloc840-haut{
    background-image: url(img/bloc840_haut.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}
	
	.bloc840-haut-bleu{
    background-image: url(img/bloc840_haut_bleu.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}
	
	.bloc840-haut-orange{
    background-image: url(img/bloc840_haut_orange.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}
	
	.bloc840-haut-jaune{
    background-image: url(img/bloc840_haut_jaune.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}
	
	.bloc840-haut-vert{
    background-image: url(img/bloc840_haut_vert.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}
	
	.bloc840-haut-rouge{
    background-image: url(img/bloc840_haut_rouge.png);
	background-repeat:no-repeat;
	height:30px;
	width:840px;
	}

.bloc840-milieu{
    background-image: url(img/bloc840_milieu.png);
	background-repeat:repeat-y;
	height:5px;
	width:840px;
	}
	
.bloc840-bas{
    background-image: url(img/bloc840_bas.png);
	background-repeat:no-repeat;
	height:20px;
	width:840px;
	}
/*** Bloc 420 ***/
.bloc420-haut{
    background-image: url(img/bloc420_haut.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}
	
	.bloc420-haut-bleu{
    background-image: url(img/bloc420_haut_bleu.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}
	
	.bloc420-haut-orange{
    background-image: url(img/bloc420_haut_orange.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}
	
	.bloc420-haut-jaune{
    background-image: url(img/bloc420_haut_jaune.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}
	
	.bloc420-haut-vert{
    background-image: url(img/bloc420_haut_vert.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}
	
	.bloc420-haut-rouge{
    background-image: url(img/bloc420_haut_rouge.png);
	background-repeat:no-repeat;
	height:30px;
	width:420px;
	}

.bloc420-milieu{
    background-image: url(img/bloc420_milieu.png);
	background-repeat:repeat-y;
	height:5px;
	width:420px;
	}
	
.bloc420-bas{
    background-image: url(img/bloc420_bas.png);
	background-repeat:no-repeat;
	height:20px;
	width:420px;
	}
/** bloc 140****/
.bloc140-haut{
    background-image: url(img/bloc140_haut.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}
	
	.bloc140-haut-bleu{
    background-image: url(img/bloc140_haut_bleu.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}
	
	.bloc140-haut-orange{
    background-image: url(img/bloc140_haut_orange.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}
	
	.bloc140-haut-jaune{
    background-image: url(img/bloc140_haut_jaune.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}
	
	.bloc140-haut-vert{
    background-image: url(img/bloc140_haut_vert.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}
	
	.bloc140-haut-rouge{
    background-image: url(img/bloc140_haut_rouge.png);
	background-repeat:no-repeat;
	height:30px;
	width:140px;
	}

.bloc140-milieu{
    background-image: url(img/bloc140_milieu.png);
	background-repeat:repeat-y;
	height:5px;
	width:140px;
	}
	
.bloc140-bas{
    background-image: url(img/bloc140_bas.png);
	background-repeat:no-repeat;
	height:20px;
	width:140px;
	}
/*** Bas de site***/	
.bas-site{
   /* background-image: url(img/bas_site_980x30.png);*/
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bas-site-bleu{
    background-image: url(img/bas_site_980x30_bleu.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bas-site-orange{
    background-image: url(img/bas_site_980x30_orange.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bas-site-jaune{
    background-image: url(img/bas_site_980x30_jaune.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bas-site-vert{
    background-image: url(img/bas_site_980x30_vert.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
	.bas-site-rouge{
    background-image: url(img/bas_site_980x30_rouge.png);
	background-repeat:no-repeat;
	height:30px;
	width:980px;
	}
	
.bouton{
width:360px;
color:#FF0000;
}

.rouge {color: #FF0000}

/**** Bandeau bas site *******/

.bandeau-bas-bleu {
	background-color: #ffffff;
	background-image: url(img/bandeau_bas_bleu.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bandeau-bas-orange {
	background-color: #ffffff;
	background-image: url(img/bandeau_bas_orange.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bandeau-bas-rouge {
	background-color: #ffffff;
	background-image: url(img/bandeau_bas_rouge.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bandeau-bas-vert {
	background-color: #ffffff;
	background-image: url(img/bandeau_bas_vert.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.bandeau-bas-jaune {
	background-color: #ffffff;
	background-image: url(img/bandeau_bas_jaune.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#main {padding-bottom: 120px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	background-color:#000;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Rollover bouton menu en ID*/

#bout-menu{
display:block;
background-image:url(img/bout_menu_1.png);
width:124px;
height:20px;
border:0px solid #000000;
}
#bout-menu:hover, #bout-menu:focus{
background-image:url(img/bout_menu_2.png);
width:124px;
height:20px;
}
#bout-menu img{
display:none;
}
/*Rollover bouton menu en class*/
.bout-menu{
display:block;
background-image:url(img/bout_menu_1.png);
width:124px;
height:20px;
border:0px solid #000000;
}
.bout-menu:hover, .bout-menu:focus{
background-image:url(img/bout_menu_2.png);
width:124px;
height:20px;
}
.bout-menu img{
display:none;
}