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

body{font: 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#1c1c1c; text-align: justify;}

h1{font: normal 12px/18px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#1c1c1c; padding:10px 0 8px 0; border-bottom:1px solid #dddddd; margin-bottom: 16px; text-align:justify;}
h1 span.title{color:#ff5300; font-size:18px; font-weight:bold;}


h2{font: bold 14px/18px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#ff5300; border-bottom:1px solid #dddddd; padding-bottom:3px; margin-bottom:10px;}
h3{font: bold 12px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#1c1c1c; margin-bottom:10px;}
h4{font: bold 14px/16px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-align:center;}
h5{font: normal 1.2em/1.5em Arial;}
h6{font: bold 1em/1.5em Arial;}




p{padding:0 0 10px 0; text-align:justify;}
#right-outter p{padding:0;}

#actualite .plusdet a{width:119px; height:31px; margin:0 auto; display: block; float: none; text-align: center; background: url(images/btn-plusdet.jpg) left top no-repeat; text-decoration:none;}
#actualite .plusdet a:visited, #actualite .plusdet a:link{background-position:left top;}
#actualite .plusdet a:hover, #actualite .plusdet a:focus{background-position:left bottom;}

#info .contactbtn a{width:170px; height:55px; margin:0 auto; display: block; float: none; text-align: center; background: url(images/btn-contact.jpg) left top no-repeat; text-decoration:none;}
#info .contactbtn a:visited, #info .contactbtn a:link{background-position:left top;}
#info .contactbtn a:hover, #info .contactbtn a:focus{background-position:left bottom;}

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

.nopadd{padding:0 !important;}
.color{color:#ff5300;}
.color2{color:#000000;}
.text-center{text-align:center !important;}
.smalltext{font-size:11px; line-height: 14px;}
/* ========== Links ============== */

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

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

#menu2 a:link, #menu2 a:visited{color:#505050; text-decoration:none; padding:0 7px 0 5px;}
#menu2 a:hover, #menu2 a:focus{color:#ff5300; text-decoration:underline;}

#footer .realise a:link, #footer .realise a:visited{color:#ff5300; text-decoration:none;}
#footer .realise a:hover, #footer .realise a:focus{color:#000000; text-decoration:underline;}

#contenuTexte .icon-photo, #contenuTexte .icon-video{
  width:210px;
  height:54px;
  float:left;

  background-repeat: no-repeat;
  margin-bottom: 10px;
}
#contenuTexte .icon-photo{background-image: url(images/ico-photos.jpg); float:right;}
#contenuTexte .icon-video{background-image: url(images/ico-videos.jpg); }

a:link.icon-photo, a:visited icon-photo, a:link.icon-video, a:visited icon-video{  background-position:top left;}
a:hover.icon-photo, a:focus icon-photo, a:hover.icon-video, a:focus icon-video{  background-position:bottom left;}

#contenuTexte p.planIco {float:right; padding:0;}


#contenuTexte .planIco a{width:220px; height:100px; float:right; background:url(images/ico-plan.jpg) left top no-repeat; text-decoration: none; text-align:right;}
#contenuTexte .planIco a:link, #contenuTexte .planIco a:visited{background-position:left top;}
#contenuTexte .planIco a:focus, #contenuTexte .planIco a:hover{background-position:left bottom;}


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

ul.bullet-1 {padding-left: 35px !important;overflow: hidden; float:left; padding-bottom:10px;}
ul.bullet-1 li {
  list-style: none;
  padding-left: 25px !important;
  background: url(images/bullet-1.gif) 0 5px no-repeat !important;
  color:#000000}

ul.wide{width:100%;}
ul.wide li{float:left; margin-left:55px;}