/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#1a171b;
font-family:Helvetica, sans-serif, Arial;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:900px;
margin:0 auto;
background:#fff url(../img/top-contenu.jpg) 0 164px no-repeat;
}
/***************** HEADER *****************/
#header{
width:900px;
height:193px;
background:url(../img/bg-header-banceassocies.jpg) top center no-repeat;
position:relative;
}
#title{
position:absolute;
top:0;
right:50px;
margin-top:160px;
}
#title h1{
color:#2db4b7;
font-size:16px
}
#contacthead{
position:absolute;
top:0;
right:44px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#contacthead img{
/*border:0;*/
vertical-align:middle;
}
#contacthead a {
color:#ff8400;
text-decoration:none;
}
/***************** MENU LEFT *****************/
#menu {
	width:830px;
	height:30px;
	margin:0;
	padding:0 0 0 70px;
	border-bottom:3px solid #29b5b3;
}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("../img/menu/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #29b5b2;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;pading:0;}
ul#saturday li a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	padding:12px 15px 0 15px;
	height:24px;
	background:transparent url("../img/menu/bgDIVIDER.gif") no-repeat top right;
}
ul#saturday li a:hover{background:transparent url("../img/menu/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("../img/menu/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

/***************** CONTENU *****************/
#contenu{
width:880px;
padding: 10px;
}
#pic{
float:left;
padding:0 20px 10px 0;
margin-right:20px;
}
#diapo{
float:left;
width:427px;
height:243px;
padding:15px 0 0 17px;
background:url(../img/bg-diapo.gif) no-repeat;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:84px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:900px;
height:84px;
margin:-84px auto 0;
background: url(../img/bg-footer-banceassocies.gif) no-repeat;
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:  15px Arial, Helvetica, sans-serif;
color: #666666;
letter-spacing:1px;
margin:0 0 10px ;
font-weight:bold;

}
#contenu h2{
font:normal 15px Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:1px;
font-weight:bold;
margin:0 0 4px;
}
#contenu p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
line-height:18px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#FF6600;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#29b5b3;
}
#contenu a:hover, #contenu a:active{
color:#FF6600;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

#invisible{
display:none;
}

/*__________________________________________________________________ACCUEIL*/

.petit_text{
	font-style:italic;
	font-size:10px;
}
.petit_text2{
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#666;
}


.petit_text3{
width:400px;
float:left;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#666;
	margin-top:5px;
}

#contenu .ul_1 {
	float:left;
	position:relative;
	width:830px;
	margin-top:10px;
	padding:0 0 0 15px;
	background:none;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666;
	margin-bottom:1.2em;
	line-height:18px;
}
#contenu .ul_1 li{
	margin-left:30px;
	list-style-image:url(../img/puce.jpg);
	margin-bottom:10px;
}

#container #contenu .ul_2 {
	position:relative;
	padding:0;
	background:none;
	filter: alpha(opacity=100);



	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666;
	line-height:18px;
	
}
#container  #contenu .ul_2 li{
	margin-left:30px;
	list-style-image:url(../img/puce.jpg);
	margin-bottom:10px;
	width:400px;
}

/*____________________________________________________________ CONTACT*/

/************* form *********************/
.forminput, .forminput1, .forminput2, .formtextareadress, .formtextareacomment
        {
        padding:0;
        margin:2px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
		color:#333333 ;
		border:1px solid #C7C7C7;
        background-color:#fff;
        text-align:justify;
        }
		
.forminput:hover, .forminput1:hover, .forminput2:hover, .formtextareadress:hover, .formtextareacomment:hover, .formselect:hover
        {
        color: #666666;
		border:1px solid #29B5B4;
       }
		
.forminput:focus, .forminput1:focus, .forminput2:focus, .formtextareadress:focus, .formtextareacomment:focus, .formselect:focus
        {
        color: #666;
		border:1px solid #29B5B4;
       }
		
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:260px;
       }
	   
		
.formselect
       {
       padding:0 0px 0 3px;
        height:20px;
        line-height:20px;
        width:268px;
		border:1px solid #CCCCCC;
        margin:2px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
		color:#333333 ;
	     background-color:#fff;
        text-align:justify;
       }

.forminput1
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }
.forminput2
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }

	   
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formbt
        {
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
		color:#333333;
		border:1px solid #C7C7C7;
        background-color:#fff;
        }
		
.formbt:hover
        {
        color: #29B5B4;
		border:1px solid #29B5B4;
       }
		
.couleure{
	color:#CC3300;
	margin:10px 0;
	font-size:12px;
}

.text01
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color:#333333;
        text-align:justify;
		vertical-align:top;
        margin:0 0 10px 0;
        padding:0;
        }
		
#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 50px ;
	padding:0 50px 0 0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	letter-spacing:0.03em;
}

#contactTxte{
	width:200px;
	float:left;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	line-height:17px;
}
#contactPlan{
	width:45%;
	float:right;
}

.rouge{
color:#FF0000;}


.img_contact{
	margin:0px;
	}

.bold_text{
font-weight:bold;}