/***************** STYLE GLOBAUX *****************/
.clearer{ clear:both;}
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{ font:bold 16px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0 0 12px; border-bottom:1px dotted #ffaa23;}
#contenu1 h1{
  width: 910px;
  font:bold 16px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0 0 12px; border-bottom:1px dotted #ffaa23;}
#contenu h2{
  font:bold 15px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0 0 7px; border-bottom:1px dotted #ffaa23;
  width: auto; float: left;}
#contenu h3{ font:bold 18px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0 0 12px 20px; border-bottom:1px dotted #ffaa23;}
#contenu h4{
  font:bold 14px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0px; border-bottom:1px dotted #ffaa23;
  float: left; width: auto; clear: left;}
#contenu h5{
  font:bold 14px Arial, Helvetica, sans-serif; color:#ffaa23; letter-spacing:1px; margin:0px; width: auto; text-align: left;}
#contenu h6{
  font:normal 12px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:1px; margin:0px; width: auto; text-align: left;}
#contenu p{ font:11px/16px Arial, Helvetica, sans-serif; text-align:justify; color:#c9c9c9; margin-bottom:1.2em;}
#contenu p em{ font-weight:bold; font-size:12px; line-height:1.3em;}
#contenu p.couleur, span.couleur{ font-weight:bold; color:#7d8a2e;}
#contenu a:link, #contenu a:visited{ font-weight:bold; text-decoration:underline; color:#ffaa23;}
#contenu a:hover, #contenu a:active{ color:#fff;}
/***************** STYLE ACTUALITES *****************/
#actu{ float:right; width:220px; margin:0 0 0 20px; background:#fff;}
.uneactu{ padding:0 0 0 20px; margin:0 0 20px;}
#actu .uneactu p{ font-size:10px;}
#actu .uneactu p.date{ width:60px; color:#fff; background:#c9d787; padding:1px 0 2px 4px; margin:0 0 7px;}
#contenu #actu .uneactu a{ font:10px/26px Arial, Helvetica, sans-serif; text-decoration:underline;}
/***************** STYLE FOOTER *****************/
#footer p{ font:10px/30px Arial, Helvetica, sans-serif; color:#fff; text-align:right; letter-spacing:1px; padding:0 10px 0 0;}
#footer a:link, #footer a:visited{ text-decoration:none; color:#fff;}
#footer a:hover, #footer a:active{ text-decoration:underline; color:#fff;}
.pud10{ padding: 10px 0 10px 0;}
.big-box{ width: 100%;}
#contenu .big-box p{ line-height: 16px;}
.clr{clear: both;}
.left{ float: left;}
.right{ float: right;}
.hg1{ height: 1px; line-height: 1px; font-size: 1px;}
.h10{ height: 10px; line-height: 10px; font-size: 10px;}
.img-space-left{ width: 170px; float: left;}
.img-space-right{ width: 170px; float: right;}
.img-space-left1{ width: 300px; float: left;}
.img-space-right1{ width: 300px; float: right;}
.img-space-right1{ width: 400px; float: right;}
.big-content{ width: 910px;}
.half{ width: 440px; float: left;}
.half1{ width: 440px;}
#contenu .half p { line-height: 16px;}
#contenu .pud10 p { line-height: 16px;}
#contenu .pud10 strong{ color: #fff;}
#contenu .half strong{ color: #fff;}
#contenu .half1 strong{ color: #fff;}
.centered{ text-align: center; color: #fff;}
.centered1{ text-align: center; color: #666; font-size: 12px;}
.color_b{ font-size: 12px; color: #fff;}
.p10{ padding: 10px;}
.p101{ padding: 10px 10px 10px 0px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pr10{ padding-right: 10px;}
.mr10{ margin-right: 10px;}
.ml10{ margin-left: 10px;}
.mr15{ margin-right: 15px;}
.left-side{ width: 225px; float: left;}
.left-box{ width: 225px; background-color: #555; float: left; color: #dcdcdc; height: 52px;}
#contenu .left-box p{ color: #dcdcdc;}
#contenu .active .left-box p{ color: #ffaa23;}
#contenu .active .left-box div{/* border: 1px solid #ffaa23;*/}
#contenu .active .left-box div div{ border: 1px solid #ffaa23;}
.right-box{ width: 660px; float: right;}
.separator{
  width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-bottom: 1px solid #ffaa23; line-height: 0px; font-size: 0; overflow: hidden;}
.contact{/* background: url(../images/contact/bg-contact.jpg) left top no-repeat;*/ width: 910px; height: 300px;}
.collaborateurs{ height: 300px; width: 350px;}
#contenu .big-box h4{ font-size: 0px; line-height: 0px; height: 0px; margin: 0px;}
.plan{ background: url(../images/charte/bg-plan.jpg) 0px 0px no-repeat; font-size: 12px;}
.plan ul li{ line-height: 20px;}

#allProjects a:link, #allProjects a:visited{
  width: 68px; height: 68px; text-align: center; float: left; border: 1px solid #000; background-color: #555;}
#allProjects a:hover, #allProjects a:active{
  width: 68px; height: 68px; text-align: center; float: left; background-color: #cacaca; border: 1px solid #ffaa23; cursor: pointer;}

.mdm-thumbs1{ border: 1px solid #fff;}
.mdm_thumbs{ width: 100px; height: 75px; position: relative; overflow: hidden; margin:0px;}
hr{
  background-color:#ffaa23;
  border:0px none;
  clear:both;
  color:#ffaa23;
  height:1px;
}
#contenu1 hr{
  background-color:#ffaa23;
  width: 910px;
  border:0px none;
  clear:both;
  color:#ffaa23;
  height:1px;
}