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

body{
font-family:Arial;
font-size:12px;
margin:0;
}

.bannier{
/*background:url(images/bannier.jpg) no-repeat;*/
width:760px;
height:190px;
text-align:center;
}

.gauche-haut{
background:url(images/left_menue.jpg) no-repeat;
background-color:#00a8df;
width:209px;
vertical-align:top;
padding-top:26px;
}
.arp-centre{
background-color:#00a8df;
}
.arp-centre_left{
background-color:#00a8df;
}
.arp-centre_right{
background-color:#159dd0;
}
.gauche-bottom{
background:url(images/bus_bottom.jpg) no-repeat;
background-color:#01a8df;
width:209px;
height:89px;
}

.centre{
background:url(images/centre.jpg) no-repeat;
background-color: #eaeaea;
width:523px;
height:310px;
padding-top:35px;
vertical-align:top;
}

.right-centre{
background:url(images/right_centre_border.jpg) no-repeat;
background-color: #15a0d1;
width:28px;
height:345px;
}

.centre-bottom{
background:#EAEAEA url(images/bottom5.jpg) no-repeat bottom ;
width:522px;
height:191px;


}
.arp-bottom{
background:url(images/page_bottom.jpg) no-repeat;
width:523px;
height:133px;
}
.pied{
background:url(images/pied2.jpg) no-repeat;
vertical-align:bottom;
width:523px;
height:44px;

}

/* font */
.grand-titre-centre{
font-size:17px;
padding-left:17px;
font-weight:bold;
}
.sous-titre{
font-size:14px;
font-weight:bold;

padding-top:43px;
padding-bottom:20px;
}

.texte-centre{
padding-left:36px;
padding-right:10px;
text-align:justify;
overflow-y: auto;
scrollbar-face-color : #559ea7;
scrollbar-track-color: #1888c7 ;
scrollbar-3dlight-color:#045f64;
height:210px;
}
texte-centre-contact{
padding-left:36px;
padding-right:10px;
text-align:justify;
margin-left:50px;
} 

.margin-texte-centre{
padding-left:36px;
}
.div-images{
padding-top:100px;
}
.menu-liste{
font-family:Arial;
text-decoration:none;
font-weight:bold;
padding-left:19px;
font-size:13px;
line-height:16px;
color:#045f64;
}
.menu-liste2{
font-family:Arial;
text-decoration:none;
font-weight:bold;
padding-left:19px;
font-size:13px;
line-height:16px;
color:#f8f9a2;
}
.menu-liste2 a{
text-decoration:none;
color:#f8f9a2;
}
.menu-liste2 a:hover{
text-decoration:none;
color:#f8f9a2;
}

.menu-liste a{
color:#045f64;
text-decoration:none;
}
.menu-liste a:hover{
color:#f8f9a2;
text-decoration:none;
}

li{
background-image: url(images/flesh_centre.jpg) ;
background-repeat:no-repeat;
list-style-type:none;
background-position:0% 5px;
padding-left:20px;
padding-right:10px;
}

.menue{
padding-top:90px;
padding-bottom:20px;
vertical-align:top;
}

.menue-sous-titre{
padding-left:19px;
font-size:14px;
font-weight:bold;
}

.lien{
color:#f8f9a2;
padding-left:19px;
padding-right:35px;
}

.pos-lien{
padding-top:20px;
}

.menu-texte{
width:150px;
padding:10px;
margin-left:15px;
border: #f8f9a2 solid 2px;
}

/*formulaire*/
#contact-Form{
	width: 100%;
}

#contact-Form label{
	width: 100px;;
	float: left;
	padding-right: 1%;
	text-align: left;
	letter-spacing: 1px;
}

#contact-Form input[type="text"]{
	margin-left: 1%;
	width: 300px;
	border: #00a8df 1px solid;

}

.contact-texte{
	margin-left: 1%;
	width: 300px;
	border: #00a8df 1px solid;
}

input{
border:#00a8df;
color:#000000;
} 

.button{
background:#00a8df;
border:solid 1px;
}

.pos-bouton{
padding-top:5px;
padding-left:170px;
}

#contact-Form textarea{
    width:300px;
    margin-left: 1%;
	border: #00a8df 1px solid;
}

#contact-Form select {
margin-left: 1%;
width: 300px;
border: #00a8df 1px solid;
}

.textepop{
text-align:justify;
font-size:12px;
padding-left:10;

}

.pos-cadre{
text-align:justify;
padding-top:10px;
padding-left:185px;
padding-right:185px;
}

.cadre{
border: #FFFFFF solid 1px;
width:548px;

}

.cordonne{
color:#FFFFFF;

text-align:center;
}

.cadre-image{
border:1px #000000 solid;
}

.arp-pop{
background-color:#00a8df;
}

.contour-pop{
border:#000000 solid 1px;
height:190px;
width:237px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
}