/*===| 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;}

.clear0{

  clear: both;

  height: 0;

  font-size: 0;

  line-height: 0;

  margin: 0;

  padding: 0;

  overflow: hidden;

}



#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:650px; float:left;}



h1 span{display:none;}

h1 {position: relative; z-index: 10; height:32px; clear:both; padding-bottom:10px; font: bold 25px/30px Arial; color: #fff; text-align: right;}



.h1-bg{background: #010101; position: absolute; z-index: 9; right: 24px; top: 0; height: 26px;}



.h1-bg#actu{ width: 160px; }

.h1-bg#agendas-france-afrique{ width: 330px; }

.h1-bg#agendas-france{ width: 190px; }

.h1-bg#agendas-afrique{ width: 270px;}

.h1-bg#calendriers{ width: 100px;}

.h1-bg#imprimerie{ width: 160px;}

.h1-bg#contact{ width: 160px;}

.h1-bg#merci{ width: 55px;}

.h1-bg#actualites{ width: 90px;}

.h1-bg#mentions{ width: 150px; }

.h1-bg#annuaires{ width: 122px; }



h2{font:bold 14px/19px Verdana; color:#f4c119; padding-bottom:5px;}

h3{font:bold 15px Verdana; color:#d3b196; 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;}



#document{width:266px; height:63px; background:url("../../images/charte/bg-document.jpg") no-repeat left top; padding-top:25px; }



#document .inner{

  padding-left: 67px;

}



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





#video{

     width:266px; height:138px; background:url("../../images/charte/bg-video.jpg") no-repeat left top;

}

#video .inner{
	
    padding: 7px 25px 0 31px;
	

}

#mdm{width: 204px; height:190px; background:url("../../images/charte/bg-mdm.jpg") no-repeat left top; padding:72px 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;}



#actualites .image-right img{border:1px solid #000000; padding:5px; background-color:#6D6650; margin-top:3px}

  .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; position: relative; }



/* ================================= SCROLL DIVS  ====================================== */

#right-outter div#scrollBoxHolder{width:604px; float:left; padding:0 0 0 0; height:565px; margin-right:0px; }

#right-outter div#scrollBox{width:601px; height:565px; float:left;}

#right-outter #scrollBox div#innerscroll{padding:0px 15px 0px 0px; width:584px; float:left; }

#right-inner .pagination p{

    text-align: center;

}



/*================================= DEFILANTE ==========================================*/



/*=============================== MENTIONS-LEGALES =================================*/



#right-inner h3.h3{

  font-weight: bold;

  height: 20px;

  padding-top: 1px;

}



#right-inner .mentions-adr{

  width: 515px;

  float: left;

}



#right-inner .mentions-nr{

  float: left;

}



/*#right-inner .mentions-adr a:link,

#right-inner .mentions-adr a:visited

{ text-decoration: none; font-weight: bold; color: #8c4e25; }



#right-inner .mentions-adr a:focus,

#right-inner .mentions-adr a:hover,

#right-inner .mentions-adr a:active

{ text-decoration: underline; font-weight: bold; color: #8c4e25; }*/



#right-inner ul.liste-france-afrique li{

  background: url(../../images/charte/icon-list.png) left 6px no-repeat;

  padding-left: 17px;

}





/* ===| V. BOTTOM COLUMN ELEMENTS |===========================================*/

#bottom-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: url(../../images/charte/bg-info.jpg) left top no-repeat; }

#bottom-inner{padding: 10px 0px 0px 111px; }



#bottom-inner #info1 .sitename{

  color: #eccb3f;

  width: 62px;

  height: 22px;

  display: block;

  float: left;

  font-weight: bold;

}

#bottom-inner #info1 .adresse1{



  width: 560px;

  height: 22px;

  display: block;

  float: left;

  font: 11px/15px Arial;

}

#bottom-inner #info1 .adresse1 p{

  color: #fbefae;

  padding: 0;

}



#bottom-inner #info1 .mails{

  width: 100px;

  display: block;

  float: left;

}

#bottom-inner #info1 .mails span.mailsPlace{

  margin: 0;

  width: 100px;

  color: #0d5f21;

  text-align: left;

  display: block;

  float: left;

}

#bottom-inner #info1 span.mailsPlace a:link,

#bottom-inner #info1 span.mailsPlace a:visited{

  text-decoration: none;  color: #e2b728;

  font-weight: bold;

}

#bottom-inner #info1 span.mailsPlace a:focus,

#bottom-inner #info1 span.mailsPlace a:hover,

#bottom-inner #info1 span.mailsPlace a:active

{

  text-decoration: underline; color: #fbefae;

}



/* ===| V. FOOTER BOXES |=====================================================*/

#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}

#footer{height:99px; margin:0 auto;  background:url("../../images/charte/bg-footer.jpg") no-repeat left 32px;}



.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:110px;

  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;

  }

table.login

{

  margin-left:80px

}

table.login tr td.label

{

  font-family:Arial;

  font-size:12px;

  color:#FFFFFF;

  width:180px;

}