/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

/***************** STYLE CONTENU *****************/
#contenu h1{
height:60px;
margin-bottom:25px;
background-repeat:no-repeat;
}
#contenu h1 span {display:none;}
#contenu h1#accueil { background: url(../images/charte/titre-accueil.gif) left top no-repeat;}
#contenu h1#prestations { background: url(../images/charte/titre-prestations.gif) left top no-repeat;}
#contenu h1#actualites { background: url(../images/charte/titre-actualites.gif) left top no-repeat;}
#contenu h1#titre-mentions { background: url(../images/charte/titre-mentions.gif) left top no-repeat;}
#contenu h1#contact { background: url(../images/charte/titre-contact.gif) left top no-repeat;}

#contenu h2{
font:bold 16px Arial, Helvetica, sans-serif;
color:#E2001A;
border-bottom:1px solid #FFE66A;
padding: 0px;
margin: 0px 0px 15px 0px;
}
#contenu p{
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
text-align:justify;
color:#842E1B;
padding-bottom: 10px;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#f29400;
text-align:center;
}

#contenu h3{
font:bold 14px Arial, Helvetica, sans-serif;
color:#E2001A;
padding: 0px 0px 15px 0px;
text-align: left;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#e2001a;
}

#contenu a:hover, #contenu a:active{ color:#ffc000; }
#contenu ul {padding: 0px 0px 10px 50px;}

#contenu .liste li {
background: url(../images/charte/puce.gif) left top no-repeat;
list-style-type: none;
padding: 2px 0px 5px 30px;
line-height: 16px;
font: normal 12px Arial, Helvetica, sans-serif;
text-align:left;
color:#842E1B;
}

#contenu img.img-droite{ float:right; padding:0px 0px 0px 15px;}
#contenu img.img-gauche{ float:left; padding:0px 15px 0px 0px; }

.bkg {
  width: 590px;
	height: 77px;
	background: url(../images/charte/bkg.gif) center top no-repeat;
	margin-bottom: 15px;
}
.box { width: 425px; float: left; text-align: center; }

#prestation1, #prestation2, #prestation3 {clear: both;}
#prestation1 img, #prestation2 img, #prestation3 img {margin: 0px;}

#contenu .lipres {float: left; padding: 0px; }


#contenu .bkg p, #contenu .bkgMentions-left p {padding-bottom: 0px;}
#contenu .bkgMentions-right p { padding-bottom: 0px; text-align: right;}


#bubles { float: right; width: 251px;}


.bkgMentions-left {
  width: 400px;
	height: 200px;
	float: left;
	background: url(../images/charte/bkg-mentions.gif) center bottom no-repeat;
	margin-bottom: 15px;
}
.bkgMentions-right {
  width: 400px;
	height: 200px;
	float: right;
	text-align: right;
	background: url(../images/charte/bkg-mentions.gif) center bottom no-repeat;
	margin-bottom: 15px;
}
.bkgMentions-int {width: 330px; margin: 35px auto 0px 32px;}

/* ---------------- Contact ------------------*/

#divContact {
  padding-top: 15px;
}

.frmColLeft {
  width: 316px;
	float: left;
}
.frmColRight {
  width: 280px;
	float: left;
}
#contenu .frmColLeft p, #contenu .frmColRight p {
  width: 85px;
	float: left;
	text-align: left;
	line-height: 18px;
	font-weight: bold;
}

.iptContact{
	background-color: #fff;
	border: 1px solid #FFE66A;
  width: 190px;
	height: 16px;
 	font: normal 12px Arial, Helvetica, sans-serif;
	color: #842E1B;
	vertical-align: top;
	padding-top: 2px;
}

.iptContact:focus{
	border: 1px solid #E2001A;
	background-color: #FFE66A;
}
.btnEnvoyer{
  width: 126px;
	height: 50px;
	border: 0px;
	cursor: pointer;
	padding: 0px;
	background: url(../images/charte/btn-envoyer.jpg) left top no-repeat;
}
.btnEnvoyer:hover{
	background: url(../images/charte/btn-envoyer-hover.jpg) left top no-repeat;
}

.btnEffacer{
  width: 126px;
	height: 50px;
	border: 0px;
	cursor: pointer;
	padding: 0px;
	background: url(../images/charte/btn-effacer.jpg) left top no-repeat;
}
.btnEffacer:hover{
	background: url(../images/charte/btn-effacer-hover.jpg) left top no-repeat;
}
.buttons { text-align: center; float: left; width: 593px; padding-top: 10px;}
.requis { color: #E2001A;}

#contenu p.comment {
  font-size: 11px;
	text-align: center;
}

/* ----------- Admin -------------*/

.photo-admin {
  width: 150px;
	height: 150px;
	text-align: center;
	background: url(../images/charte/bg-photo-admin.gif) center top no-repeat;
}
.photo-admin img { border: 1px solid #FFCB12;}