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

body{font: 13px/1.5em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}


h1{
  font-family:Arial;
  font-size: 20px;
  color:#10507d;
  padding-top:30px;
  padding-left:40px;

}
h2{font: normal 2.5em/1.5em Arial;}
h3{font: normal 2em/1.5em Arial;}
h4{font: normal 1.8em/1.5em Arial;}
h5{font: normal 1.2em/1.5em Arial;}
h6{font: bold 1em/1.5em Arial;}

/*
pre{	padding: 0 10px;}
p {
	font: 1em/1.5em arial,sans-serif;
	text-align: justify;}
.copyright{
	font: 0.8em arial, sans-serif;}
*/
.text{
  font-family:Arial;
  font-size:12px;
  color:#222222;
  text-align:justify;
  line-height:18px;
}

.text1{
  font-family:Georgia,Arial;
  font-size:12px;
  color:#222222;
  text-align:justify;
  line-height:18px;padding-top:20px;
  padding-bottom:5px;
  padding-left:23px;
}

.text-recherche{
  font-family:Arial;
  font-size:11px;
  color:#222222;
  text-align:justify;
}

.title-mdm{
  font-family:Arial;
  font-size:11px;
  color:#222222;
  text-align:center;
  line-height:18px;
  font-weight:bold;
}
.title{
  font-family:Georgia, Arial;
  font-size:11px;
  color:#003017;
  text-align:justify;
  font-weight:bold;
}
.title-modif{
  font-family:Georgia, Arial;
  font-size:12px;
  color:#ff1925;
  text-align:justify;
  font-weight:bold;
  padding-right:15px;
}
.title1{
  font-family:Georgia, Arial;
  font-size:11px;
  color:#ff1925;
  text-align:justify;
  font-weight:bold;
  text-transform:uppercase;
}
.title2{
  font-family:Georgia, Arial;
  font-size:13px;
  color:#00190b;
  text-align:left;
  font-weight:bold;
  text-transform: uppercase;
}
.text-mdm{
  font-family:Arial;
  font-size:11px;
  color:#222222;
  text-align:justify;
  line-height:16px;
  padding-top:10px;
}

.text-info{
  font-family:Arial;
  font-size:11px;
  color:#222222;
  text-align:left;
  line-height:18px;
}

.star{
  font-family:Arial;
  font-size:13px;
  color:#003017;
}

.cliquez:link, .cliquez:visited{
  color:#222222;
  font-family:Arial;
	font-size: 11px;
  text-decoration:none;
  }
.cliquez:hover, .cliquez:active{
  color:#004720;
  font-family:Arial;
	font-size: 11px;
  text-decoration:underline;

}
.merci:link, .merci:visited{
  color:#004720;
  font-family:Arial;
	font-size: 12px;
  text-decoration:none;
  font-weight:bold;
  }
.merci:hover, .merci:active{
  color:#222222;
  font-family:Arial;
	font-size: 12px;
  font-weight:bold;
  text-decoration:underline;

}
.page:link, .page:visited{
  color:#000000;
  font-family:Georgia,Arial;
	font-size: 15px;
  text-decoration:none;
  font-weight:bold;
  }
.page:hover, .page:active{
  color:#005e2d;
  font-family:Georgia,Arial;
	font-size: 15px;
  text-decoration:underline;
  font-weight:bold;
}
.text-english:link, .text-english:visited{
  color:#2b3a32;
  font-family:Arial;
	font-size: 11px;
  text-decoration:none;
  }
.text-english:hover, .text-english:active{
  color:#006305;
  font-family:Arial;
	font-size: 11px;
  text-decoration:underline;

}
ul.list{
 font-family:Georgia, Arial;
 font-size:12px;
 color:#003017;
 font-weight:bold;
 text-align:left;
 line-height:22px;
   }
ul.list li{
  padding-left:25px;
  }
ul.list li{background:url(../../images/charte/icon-list.jpg) left 3px no-repeat;}
ul.list1{
 font-family:Georgia, Arial;
 font-size:12px;
 color:#003017;
 text-align:left;
 padding-left:26px;
   }
ul.list1 li{
  padding-left:15px;
  }
ul.list1 li{background:url(../../images/charte/icon-list1.jpg) left 6px no-repeat;}

   .inputForm
{ font-family:Arial;
  width:170px;
  height:16px;
  border:solid 1px #b1b1b1;
  background-color:#ffffff !important;
  color:#222222;
  font-size:12px;
  padding-top:2px;
  padding-left:1px;
  }
.inputFormOver
{ font-family: Arial;
  width:170px;
  height:16px;
  border:solid 1px #005e2d;
  background-color:#ffffff !important;
  color:#003017;
  font-size:12px;
  padding-top:2px;
  padding-left:1px;
}
 .button-envoyer
{ cursor: pointer;
  width:82px;
  height:19px;
  background:url(../../images/charte/envoyer.jpg) left top no-repeat !important;
}
.button-envoyer-over
{ cursor: pointer;
  width:82px;
  height:19px;
  background:url(../../images/charte/envoyer-over.jpg) left top no-repeat !important;
}
.button-retablir
{ cursor: pointer;
   width:82px;
  height:19px;
  background:url(../../images/charte/retablir.jpg) left top no-repeat !important;
}
.button-retablir-over
{ cursor: pointer;
  width:82px;
  height:19px;
  background:url(../../images/charte/retablir-over.jpg) left top no-repeat !important;
}

.browse-btn{
    float: right;
    position: relative;
    height: 22px;
    width:88px;
    line-height: 16px;
    margin-top: -21px;
    padding: 0 5px;
    z-index: 101;
    cursor:pointer;


    /*border: 1px solid #ff5553;
    background: #d2090a;
    color: #FFFFFF !important;
    font-weight: normal !important;
    text-decoration: none !important;*/
    background:url(../../images/charte/browse.jpg) left top no-repeat !important;


}


.browse-btn-hover{
    background-color: #3F3533;
    color: #FFFFFF !important;
    
}
#fakefile1, #fakefile2{
     float: left;
     z-index: 100;
     position: relative;
     margin-top: -18px;
}
#image, #document{
    float: left;
    width:200px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    z-index: 102;
}

  a#mentions:link, a#mentions:visited{
  font-family:Arial;
  font-size:11px;
  color:#ffffff;
  text-decoration:none;

  }
 a#mentions:hover, a#mentions:active{
  font-family:Arial;
  font-size:11px;
  color:#6bbb91;
  text-decoration:underline;

  }
 #mailsPlace a:link, #mailsPlace a:visited{
  font-family: Arial;
  font-size:11px;
  color:#004720;
  text-decoration:none;
  line-height:11px;
  font-weight:bold;

  }
 #mailsPlace a:hover, #mailsPlace a:active{
  font-family:Arial;
  font-size:11px;
  color:#222222;
  text-decoration:underline;
  font-weight:bold;
  }
  #mailsPlace1 a:link, #mailsPlace1 a:visited{
  font-family: Georgia, Arial;
  font-size:11px;
  color:#004720;
  text-decoration:none;
  line-height:11px;
  font-weight:bold;

  }
 #mailsPlace1 a:hover, #mailsPlace1 a:active{
font-family: Georgia, Arial;
  font-size:11px;
  color:#222222;
  text-decoration:underline;
  font-weight:bold;
  }
   #mailsPlace2 a:link, #mailsPlace2 a:visited{
font-family: Georgia, Arial;
  font-size:11px;
  color:#004720;
  text-decoration:none;
  line-height:12px;
  font-weight:bold;

  }
 #mailsPlace2 a:hover, #mailsPlace2 a:active{
  font-family: Georgia, Arial;
  font-size:11px;
  color:#222222;
  text-decoration:underline;
  font-weight:bold;
  }

.digitalage:link, .digitalage:visited{
  color:#ffffff;
  font-family: Arial;
	font-size: 11px;
  text-decoration:none;
  }
.digitalage:hover, .digitalage:active{
  color:#6bbb91;
  font-family: Arial;
	font-size: 11px;
  text-decoration:none;
}

#footer-menu ul li{
	display: inline;

 }
#footer-menu ul li a{
	font-size:11px;
  font-family: Arial;
  text-decoration: none;
	padding-left:10px;
  padding-right:6px;
  color:#bffedd;
  background:url(../../images/charte/icon-footer.jpg) left 2px no-repeat;

  }

#footer-menu ul li a:hover{
	color:#ffffff;
	text-decoration:none;
   }
#footer-menu ul li#footer-lead a{
  background:transparent;
  padding-left:0px;}
#footer-menu ul li#footer-end a{
  padding-right:0px;}

.copyright{
 font-size:11px;
 font-family: Arial;
 color:#6bbb91;
 text-align:left;
}




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

ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;}

ul.bullet-1 li {background: url(images/typo/bullet-1.png) 0 5px no-repeat !important;}
ul.bullet-2 li {background: url(images/typo/bullet-2.png) 0 5px no-repeat !important;}
ul.bullet-3 li {background: url(images/typo/bullet-3.png) 0 5px no-repeat !important;}
ul.bullet-4 li {background: url(images/typo/bullet-4.png) 0 5px no-repeat !important;}
ul.bullet-5 li {background: url(images/typo/bullet-5.png) 0 5px no-repeat !important;}
ul.bullet-6 li {background: url(images/typo/bullet-6.png) 0 2px no-repeat !important;}
ul.bullet-7 li {background: url(images/typo/bullet-7.png) 0 2px no-repeat !important;}
ul.bullet-8 li {background: url(images/typo/bullet-8.png) 0 3px no-repeat !important;}

pre {padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;}
blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}
blockquote.quotes {display: block;background: url(images/typo/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;}
blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(images/typo/quote-end.png) 100% 100% no-repeat;}

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;}
.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}
.important-grey {border: 1px solid #666;}
span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}
span.important-title-grey {color: #666;}

span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;}
span.number {color: #333;}
span.number-blue {color: #0D507A;}
span.number-red {color: #D12E2E;}
span.number-green {color: #74A824;}
span.number-purple {color: #9E0E87;}
span.number-orange {color: #CC8300;}
span.number-brown {color: #8B6846;}
span.number-grey {color: #666;}

span.highlight {background: #FFFBD5;padding: 1px 2px;}
span.highlight-blue {color: #0D507A;}
span.highlight-red {color: #D12E2E;}
span.highlight-green {color: #74A824;}
span.highlight-purple {color: #9E0E87;}
span.highlight-orange {color: #CC8300;}
span.highlight-brown {color: #8B6846;}
span.highlight-grey {color: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}

span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;}
span.dropcap {color: #333;}
span.dropcap-blue {color: #0D507A;}
span.dropcap-red {color: #D12E2E;}
span.dropcap-green {color: #74A824;}
span.dropcap-purple {color: #9E0E87;}
span.dropcap-orange {color: #CC8300;}
span.dropcap-brown {color: #8B6846;}
span.dropcap-grey {color: #666;}

span.inset-left {display: block;color: #000;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;color: #000;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;}

span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(images/typo/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(images/typo/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(images/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(images/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(images/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(images/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(images/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(images/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(images/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(images/typo/doc.png) 10px 50% no-repeat;}

div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;}
div.number-block1 {background: url(images/typo/number-1.png) 0 0 no-repeat;}
div.number-block2 {background: url(images/typo/number-2.png) 0 0 no-repeat;}
div.number-block3 {background: url(images/typo/number-3.png) 0 0 no-repeat;}

span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;}