/* ===| TYPOGRAPHY |============================================*/
body{font-size: 12px; color: #000000; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif;}

p{font-size: 12px; color: #000000; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; padding: 4px 0 16px 0;}
h1{ color: #ff6f25; font-size: 22px; line-height: 18px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 span{ color: #a26b27;font-size: 12px; font-weight: bold;}


h2{font-size: 12px; color: #000000; line-height: 18px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #faab3a; border: solid 1px #d27600;  padding: 0 5px; margin: 8px 0px;}
h2 span{ color: #ffffff;}

.titre{ color: #981177; font-weight: bold;}

#right-outter a:link, #right-outter a:visited{ color: #7b0e3d; text-decoration: none;}
#right-outter a:active,#right-outter a:hover{ color: #353535; text-decoration: none;}

/* =========== mdm ========= */
#actualite p{ font-size: 11px; color: #000000; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; padding: 0px;}

#actualite a:link, #actualite a:visited
{
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
}

#actualite a:active, #actualite a:hover
{
    color: #560729;
    text-decoration: none;
    font-size: 11px;
}

/* =========== contact-info ========= */
#contact-info p{ font-size: 11px; color: #000000; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif;}

#contact-info a:link, #contact-info a:visited{color: #ff6e24; font-size: 11px; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
#contact-info a:active, #contact-info a:hover{ color: #3b3b3b;text-decoration: none;}

/* =========== horaires ========= */
#horaires p{ font-size: 11px; color: #181818; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; padding: 0px;}
#horaires span{ font-size: 12px; color: #ed1939; line-height: 15px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#horaires .box1{ width: 124px; display: block; float: left; padding-top: 32px;}
#horaires .box2{ width: 213px; display: block;float: left;padding-top: 17px;}
#horaires .box3{ width: 147px; display: block;float: left; padding-top: 32px;}
#horaires .box4{ width: 165px; display: block;float: left; padding-top: 2px;}

.cbutton {
   width: 91px; height: 25px;   margin: 0px;padding: 0px;
  background: url(../../images/charte/button.gif) no-repeat top left;
  font-size: 11px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:center;
  text-decoration: none ;
  border: none;
  cursor:pointer; display: block;}


ul.list1{
	padding: 5px 0px 5px 20px;
    float:left;
    margin: 0;
	width: 540px;
	}
ul.list1 li{
	background: url(../../images/charte/bullet.jpg) no-repeat top left;
	background-position: 0px 5px !important;
	text-align: justify;
	line-height: 15px;
    font-size: 12px;
	padding:0px 0px 0px 10px;
	color: #000000;
	}


/* ================= footer ============ */
.digitalage p{
    font-family: Arial, Helvetica, sans-serif;
    color: #353535;
    text-align: left;
    font-size: 11px;
}

.digitalage span
{
  color: #f824c6;
}


.copyright p{  font-family: Arial, Helvetica, sans-serif; color: #353535; text-align: right;}
.copyright strong{ color: #f824c6;}
.ref{
    width:960px;
    margin:0 auto;
    text-align: center;
		padding-top:5px;
    font-size: 11px;
    color:#614f21;
}

#footer p
{
    font-size: 11px;
    line-height: 18px;
    padding: 0px;
}