html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0 }

body {
	background: #FFFFFF url('../images/bg_site-accueil.gif') repeat-x;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #231F1A      
	}

a{ text-decoration: underline; color: #231F1A }
a:hover{text-decoration:none }
a img { border: none }
p { margin: 10px 0 }
label { display: block; color: #fff; font-family: verdana, sans-serif }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.align_left {text-align: left }
.align_right {text-align: right }
.center { text-align: center}
.justify { text-align: justify }
.invisible { display: none }
.erreur { color: #f00; font-weight: 700; clear: both }
.message-erreur { color: #f00; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #f00 }
.message-confirm { text-align: center; color: #5b1; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #5b1 }

.ligneForm { margin: 0 0 6px 0; clear: both }        
.ligneForm label { font-family: Arial, Helvetica, sans-serif; display: inline; float: left; text-align: right; line-height: 18px; width: 150px; margin: 0 5px 6px 0; color: #231F1A }
.ligneForm span { float: left; line-height: 18px }
.ligneForm span label, .ligneForm label span { float: none }

h1 { font: 20px normal verdana, sans-serif; color: #fff; text-align: center; margin: 20px 0 }
h2 span { visibility: hidden }
h2 a { display: block; width: 166px; height: 40px }

#conteneur {
	width: 980px;
	margin: 0 auto
	}
	
#header{
	width: 468px;
	height: 60px;
	background: url('../images/pub/banniere.gif') no-repeat left top;
        margin-top: 5px;
        float: left
	}

#header a {
	display: block;
	width: 468px;
	height: 60px
	}
	
#header a span { display: none }        

#gratuit { 
        float: left;
        width: 125px; height: 47px;
        background: url('../images/gratuit.png');
        margin-top: 15px;
        margin-left: 130px
        }
#gratuit span { display: none }
#gratuit a { display: block; width: 125px; height: 47px; }       
        
#leftColumn {
        width: 670px;
        float: left;
        margin-top: 15px;
        padding-right: 10px
        }

#blocRecherche {
        height: 220px;
        padding: 5px 0;
        background: #7CA2EA url('../images/bg-search-home.jpg') no-repeat 0 0;
        margin-bottom: 10px
        }
        
#rightColumn {
        width: 300px;
        float: left;
        margin-top: 15px
        }

#bloc_ident { 
        height: 160px;
        background: #7CA2EA url('../images/bg-ident-home.jpg') no-repeat 0 0;
        padding: 5px 18px        
        }  
        
#bottom {
        margin-top: 10px;
        padding: 5px 0;
        background: #D2CEC9
        }
#bottomContent {
        width: 980px;
        margin: auto;
        }
#bottomContent ul { margin: 10px 0 10px 20px }        
/******** Style Info-bulles ******/
.infobulle {
	position: absolute;
	z-index: 1500;
	visibility : hidden;
	padding: 3px 6px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #FFF;
	-moz-opacity:0.85;
	opacity: 0.85;
	filter:alpha(opacity=85);
	}
/******** Boutons **************/
.btn-depot a {
        display: block;
        width: 300px;
        height: 50px;        
        background: url('../images/btn-depot-large.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-depot a:hover {
        background: url('../images/btn-depot-large.png') no-repeat 0 -50px;
        }
.btn-depot a span { visibility: hidden }
/*********** search box **********/
#SearchBox1, #SearchBox2, #SearchBox3, #SearchBox4, #SearchBox5, #SearchBox6, #SearchBox7, #SearchBox8 { 
        width: 166px;
        height: 166px;
        float: left;
        margin-right: 2px;
        margin-bottom: 2px;
        }
        
.SearchBox { background: url('../images/bg-searchBox.png') repeat-y 0 0; height: 160px }        
.SearchBox ul { list-style: none; margin: 10px 0 0 12px; color: #fff }
.SearchBox ul a { color: #fff; text-decoration: none }
.SearchBox ul a:hover { text-decoration: underline }

#SearchBox1 { background: #54AE54 }
#SearchBox2 { background: #D2666B }
#SearchBox3 { background: #318CE7 }
#SearchBox4 { background: #B666D2; margin-right: 0 }
#SearchBox5 { background: #AE7A57 }
#SearchBox6 { background: #EAA026 }
#SearchBox7 { background: #8BA69F; margin-right: 0 }
#SearchBox8 { background: #5B88B4 }

#SearchBox1 h2, #SearchBox2 h2, #SearchBox3 h2, #SearchBox4 h2, #SearchBox5 h2, #SearchBox6 h2, #SearchBox7 h2, #SearchBox8 h2 { width: 166px; height: 40px; }
#SearchBox1 h2 span, #SearchBox2 h2 span, #SearchBox3 h2 span, #SearchBox4 h2 span, #SearchBox5 h2 span, #SearchBox6 h2 span, #SearchBox7 h2 span, #SearchBox8 h2 span { display: none; }
#SearchBox1 h2 { background: url('../images/bg-h2-home-1.gif') no-repeat 0 0 }
#SearchBox2 h2 { background: url('../images/bg-h2-home-2.gif') no-repeat 0 0 }
#SearchBox3 h2 { background: url('../images/bg-h2-home-3.gif') no-repeat 0 0 }
#SearchBox4 h2 { background: url('../images/bg-h2-home-4.gif') no-repeat 0 0 }
#SearchBox5 h2 { background: url('../images/bg-h2-home-5.gif') no-repeat 0 0 }
#SearchBox6 h2 { background: url('../images/bg-h2-home-6.gif') no-repeat 0 0 }
#SearchBox7 h2 { background: url('../images/bg-h2-home-7.gif') no-repeat 0 0 }
#SearchBox8 h2 { background: url('../images/bg-h2-home-8.gif') no-repeat 0 0 }

.searchBoxBottom {  width: 166px; height: 6px; background: url('../images/bg-searchBox-bottom.png') no-repeat 0 0 }