/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {width: 100%; background-color:#000000}
body{font: 12px/1.2em  Arial, Tahoma, Geneva, Helvetica, sans-serif; color:#303030;}

ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding:7px 0 0; text-align: justify; color:#FFFCFC}
a:link,
a:visited{color:#D6AA18; text-decoration: none;}
a:active,
a:hover{color:#FBEFAE; }
a:focus{outline: none;}
object { outline:none; }

.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%; }
#container{ margin:0 auto;	text-align: left; }
#content{height:682px; float:left;}

h1 span{display:none;}
h1 {height:32px; clear:both; padding-bottom:10px;}

h1#agendas-france{background:url("../../images/charte/title-agendasfrance.jpg") no-repeat right top;}
h1#agendas-afrique{background:url("../../images/charte/title-agendasafrique.jpg") no-repeat right top;}
h1#calendrier{background:url("../../images/charte/title-calendriers.jpg") no-repeat right top;}
h1#imprimerie{background:url("../../images/charte/title-imprimerie.jpg") no-repeat right top;}

h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat right top;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat right top;}

h2{font:bold 13px Verdana; color:#DD0D00; padding-bottom:5px;}


/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}

#info{width:266px; height:239px; background:url("../../images/charte/bg-info.jpg") no-repeat left top; padding-top:18px;}
#info div.logo-info{padding-bottom:32px; padding-left:25px;}

#info p{color:#FBEFAE; font-size:11px; text-align:center; line-height:13px;}

#mdm{width: 204px; height:181px; background:url("../../images/charte/bg-mdm.jpg") no-repeat left top; padding:90px 20px 0 42px; position: relative;}
  #mdm p{text-align: left; color:#D3CDBA; font-size:11px; line-height:13px;}
  #mdm .details{position: absolute; bottom:31px; right:30px;}
  #mdm .image-right img{border:1px solid #000000; padding:5px; background-color:#6D6650; margin-top:3px}
    body#mdm-popup{background: url("../../images/charte/bg-popup.jpg") 0 0 no-repeat; padding-top:135px}
      .mdm-popup-content{
        width:560px;
        height: 365px;
        overflow: auto;
        margin-left:20px;
        padding-right:5px;
        color:#633217;
        text-align: justify;
        line-height:15px;
        }
      #mdm-popup img{border:1px solid #000000; padding:5px; background-color:#6D6650;}
      #mdm-popup p{
        color:#ffffff;
        }

      body#mdm-popup1{background: url("../../images/charte/bg-popup1.jpg") 0 0 no-repeat; padding-top:135px}

      #mdm-popup1 img{border:1px solid #000000; padding:5px; background-color:#6D6650;}
      #mdm-popup1 p{
        color:#ffffff;
        }

#newsletter{width: 266px; height:154px; background:url("../../images/charte/bg-newsletter.jpg") no-repeat left top; padding-top:55px; padding-left:26px;}
  #newsletter .input1{background-color:#000000; border:1px solid #4E3F36; font-size:11px; color:#6D5D54; width:170px; float:left; margin-right:1px; padding:3px 5px 3px 15px;}
  .ok{background: url(../../images/charte/ok.jpg) right top no-repeat; border:none; width:27px; height:21px; cursor:pointer; margin-left:4px; float:left; display:inline}
  .okOver{background: url(../../images/charte/ok-over.jpg) right top no-repeat; border:none; width:27px; height:21px; cursor:pointer; float:left; margin-left:4px; display:inline}

.select-categ{background-color:#000000; border:1px solid #000000; font-size:11px; color:#847770; width:165px; float:left; padding:2px; display:inline;  margin-right:1px; }


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background:url("../../images/charte/right-bg.jpg") no-repeat left top;}
#right-inner{ padding-right:24px; padding-left:10px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#footer{height:67px; margin:0 auto;  background:url("../../images/charte/bg-footer.jpg") no-repeat left top;}

.footer-links{margin-left:24px; color:#3E3127;}
#footer .footer-links ul{ margin:0; padding-top:18px;}
#footer .footer-links li{border-right:1px solid #3E3227; display:inline; margin:0; padding:18px 18px 0;}
.footer-links a:link,
.footer-links a:visited{color:#848067; font-size:11px; text-decoration: none; text-transform: uppercase;}
.footer-links a:hover,
.footer-links a:active{color:#C09713; text-decoration: underline;}

.footer-digital{padding-left:42px; color:#848067;}
.footer-digital p{font:normal 11px Arial; line-height:29px; color:#848067}



#footer a.digital:link, #footer a.digital:visited{color:#FFF1DC; text-decoration:none}
#footer a.digital:hover, #footer a.digital:active{color:#C09713; text-decoration:underline}

#footer a.mentions:link, #footer a.mentions:visited{color:#CDCBC3; text-decoration:none}
#footer a.mentions:hover, #footer a.mentions:active{color:#C09713; text-decoration:underline}

#footer-intro a.mentions:link, #footer-intro a.mentions:visited{color:#CDCBC3; text-decoration:none}
#footer-intro a.mentions:hover, #footer-intro a.mentions:active{color:#C09713; text-decoration:underline}

div.ref{padding: 0px 10px 0px; clear:both; text-align:center; font-size:11px; color:#686551; line-height:13px;}

.copyright2{
  text-align: center;
  }

#footer-intro p{
   font:normal 11px Arial;
   color:#848067;
   width:600px;
   margin:0 auto;
  }

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
.lead{padding-top:0 !important; }
.lead1{padding-top:7px; }
.lead2{padding-top:12px; }
.couleur{color:#FBEFAE !important;}
.clear{clear:both}
.image-right{float:right;margin-left:13px; margin-bottom:5px;}
.image-left{float:left;margin-right:13px; margin-bottom:5px;}
.line{height:20px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.indent{padding-left:20px}
li.nobg{background: none !important; padding-top:0 !important;}

ul.list{
  list-style:none;
  padding:10px 0 0;
  margin:0 0 8px;
  border-bottom:1px solid #000000;
  width:370px;
  height:155px;
  }
  ul.list li{
    /*background: url(../../images/charte/icon-list.png) no-repeat left 17px;*/
    padding-left:15px;
    line-height:14px;
    color: #FFFCFC;
    padding-top:13px;
    }

ul.list1{
  list-style:none;
  padding:10px 60px 0;
  margin:0 0 8px;
  }
  ul.list1 li{
    /*background: url(../../images/charte/icon-list.png) no-repeat left 5px;*/
    padding-left:15px;
    line-height:14px;
    color: #FFFCFC;
    padding-top:1px;
    }
  ul.list2{
  list-style:none;
  padding:10px 20px 0;
  margin:0 0 8px;
  }
  ul.list2 li{
    /*background: url(../../images/charte/icon-list.png) no-repeat left 14px;*/
    padding-left:15px;
    line-height:14px;
    color: #FFFCFC;
    padding-top:10px;
    }



/* contact */
#contact-adresse{
  width:145px;
  height:60px;
  background: url(../../images/charte/contact-logo.png) no-repeat left top;
  padding-top:70px;
  float:left;
  margin-left:80px;
  margin-right:100px;
  display:inline;
  }
#contact-plan{
  width:183px;
  height:140px;
  background: url(../../images/charte/bg-plan.jpg) no-repeat left top;
  padding-top:40px;
  float:left;
  }


#contact-adresse p{
  font-size:11px;
  padding-left:15px;
  }
  .adresse{background: url(../../images/charte/home-icon.png) no-repeat left 2px;}
  .phone{background: url(../../images/charte/phone-icon.png) no-repeat left 9px;}

#contact-form{
  float:left;
  width:585px;
  }
.contact-left{
  width:280px;
  float:left;
  padding-left:20px;
  font:normal 12px Arial;
  }
  .contact-right{
    width:238px;
    display:inline;
    float:left;
    margin-left:30px;
    display:inline;
    }
    .contact-right p{padding-left:5px;}

.inputForm{
	border:1px solid #7F6951;
	background-color:#ffffff;
	color:#6A543B;
  width:160px;
  font:normal 12px Arial;
	}
.inputFormOver{
  border:1px solid #7F6951;
	background-color:#FEECAE;
	color:#000000;
  width:160px;
  font:normal 12px Arial;
	}
textarea{font:normal 12px Arial;}

.label{
	width:90px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#ffffff;
	text-align:left;
  font:normal 12px Arial;
	}
  .label span, .obligatoire span{color:#E8BA20;}
  .wide{width:280px !important; padding-top:10px;}
  p.obligatoire{font-size:10px; margin-left:8px; padding-top:10px; clear:both}


.field{
	width:160px;
	float:left;
	margin-top:5px;
  font:normal 11px Arial;
 	}

.submit-buttons{
  width:238px;
  text-align: center;
  padding:40px 0 0;
  clear:both;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:119px;
    }
.button{
  background:url(../../images/charte/button.png) no-repeat center bottom;
  border:none;
	width:100px;
  height:25px;
	cursor:pointer;
  color:#000000;
  font:bold 12px Verdana;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.png) no-repeat center bottom;
    border:none;
  	width:100px;
    height:25px;
  	cursor:pointer;
    color:#211C1A;
    font:bold 12px Verdana;
    }

#mail-labels{
  width:238px;
  height:140px;
  color:#ffffff;
  }
  #mail-labels ul{
   padding-top:10px;
   padding-left:35px;
   }
   #mail-labels input{
    float:left;
    }
    #mail-labels li{
      height:20px;
      line-height:17px;
      clear:both
      }
.pdf{
background:url(../../images/charte/icon_pdf.gif) no-repeat left top;
padding-left:21px;
font-size:11px;
}

body#map{
  background-color:#fff;
  margin:0;
  padding:0;
	}
/* map buttons */
#imprimer{
	position:absolute;
  left:341px;
	top:90px;
  }
#plus{
	position:absolute;
  right:3px;
	top:152px;
  width:21px;
	}
#imprimer img, #fermer img, #plus img{
  cursor:pointer;
  border:0;
  }
#map-adresse{
	position:absolute;
	left:44px;
	top:86px;
	}
#map-phone{
	position:absolute;
	left:204px;
	top:86px;
	}
  #map-adresse p,
  #map-phone p{
    font:normal 11px/15px Arial;
    margin:0;
    padding:0;
    color:#FBEFAE;
    text-align:left;
    }
.category-descriptif{
  width:578px;
  }
.category-descriptif1{
  width:578px;
  }

#prestations-adresse{
  width:396px;
  height:60px;
  background: url(../../images/charte/bg-prestations.jpg) no-repeat left top;
  padding-top:70px;
  float:left;
  margin-left:80px;
  margin-right:100px;
  display:inline;
  }