/* ===| TYPOGRAPHY |============================================*/

body{font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#000000;}

h1{font: normal 25px/25px Arial, Tahoma, Verdana, sans-serif; height:25px; padding:20px 0 7px 0; margin-bottom:20px; border-bottom: 1px solid #c0a820; color:#c0a820; background: url(images/bg-title.jpg) right 22px no-repeat; }
h2{font: normal 2.5em/1.5em Arial;}
h3{font: normal 2em/1.5em Arial;}
h4{font-size: 13px; font-weight: bold; line-height:25px; margin-bottom:5px; color:#c2b049;}
h5{font-size: 14px; font-weight: bold; line-height:15px; margin-bottom:5px; color:#085990;}
h6{font: bold 1em/1.5em Arial;}

p, li{font-size:12px; color:#000000; line-height:14px; margin-bottom:15px;  text-align: justify;}

#actualite p{color:#ffffff;  margin-bottom:10px;}
#actualite p.title{font-weight:bold;}

.color{color:#1d76cb;}

#footer, #footer p, p.digitalage{color:#ffffff; font-size:11px; line-height:13px;}

a:link, a:visited{text-decoration: underline; color: #03548C;}
a:hover, a:active{color:#000000; text-decoration: none;}

#footer a:link, #footer a:visited{color:#a1d9ff; text-decoration: none;}
#footer a:focus, #footer a:hover{color:#a1d9ff; text-decoration: underline;}

#menu2 a, #menu2 li{font-size:11px; color:#ffffff;}

#menu2 a:link, #menu2 a:visited{color:#ffffff;  text-decoration: none; padding:0 5px 0 4px;}
#menu2 a:focus, #menu2 a:hover{color:#a1d9ff;  text-decoration: underline;}

.digitalage a:link, .digitalage a:visited{color:#a1d9ff;  text-decoration: none;}
.digitalage a:focus, .digitalage a:hover{color:#ffffff;  text-decoration: underline;}

#annonces h4, #annonceDet h4{color:#096BAF; line-height:16px;}

#menu1 p{width:195px; height:33px; padding:0; margin:0; clear:both;}

#menu1 a{height:33px; float:left; display:block; width:195px; background-repeat: no-repeat;}

#menu1 a.btn1{ background-image: url(images/btn-1.jpg);}
#menu1 a.btn2{ background-image: url(images/btn-2.jpg);}
#menu1 a.btn3{height:55px; background-image: url(images/btn-3.jpg);}

#menu1 a:visited, #menu1 a:link{background-position:left top;}
#menu1 a:hover, #menu1 a:focus{background-position:left bottom;}
#menu1 a span{display:none;}

#menu1 p.sbtn{clear:both; float:left; height:18px;  text-align:left; line-height:18px; font-weight:bold; padding-left:35px;}

#menu1 p.sbtn a:link, #menu1 p.sbtn a:visited{height:14px; padding:0; margin:0; color:#c3e6ff; line-height:18px; text-decoration: none;}
#menu1 p.sbtn a:hover, #menu1 p.sbtn a:active{height:14px; padding:0; margin:0; color:#ffffff; line-height:18px; text-decoration: none;}


#annonceDet p{margin-bottom:3px;}
#annonceDet .annonceDetails p, #annonceDet .annonceDetails span{line-height: 100% !important;}


#annonceDet p.ouiNon{padding-right:10px;}
#annonceDet p.ouiNon strong{width:65px; float:left;}


#frmContact{font-size:12px; line-height:14px;}



p.mailIcon{padding-left:25px; font-weight: bold; background: url(images/icon_mail.gif) left top no-repeat; margin-bottom:0; font-size:11px;  float:left;}
p.address{padding-left:25px; background: url(images/icon_adresse.gif) left top no-repeat; margin-bottom:3px;}
p.telfax{padding-left:25px; background: url(images/icon_tel.gif) left top no-repeat; margin-bottom:3px;}
p.contactez{padding-left:25px;margin-top:5px; margin-bottom:0px; font-size:13px; font-weight:bold; color:#a68e00;}


/* ========== Typography Preset Styles ============== */

ul.bullet-1, ul.bullet-2 {padding-left: 15px !important;overflow: hidden; margin-left: 0px !important;}
ul.bullet-1 li,  ul.bullet-2 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 15px !important;}

ul.bullet-1{width:200px; float:left;}

ul.bullet-1 li {background: url(images/bullet-1.jpg) 0 5px no-repeat !important;}
ul.bullet-2 li {background: url(images/bullet-1.jpg) 0 5px no-repeat !important;}