@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
  padding-bottom: 40px;
}

/* Custom container */
.container-narrow {
  -webkit-border-radius: 5px;
    border-radius: 5px;
  margin: 50px auto 20px auto; 
  max-width: 950px;
      background-color: #FFFFFF;
    border-color: rgba(8, 22, 37, 0.12) rgba(8, 22, 37, 0.14) rgba(8, 22, 37, 0.16);
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
.container-narrow > hr {
  margin: 20px 0;
}

/* Top header*/
h3.muted{
  padding-left: 20px;
}

/* Content*/
.contentcv{
  padding: 0 20px 0 20px;
  color: #444444;
}

.contentcv .rubrique{
  margin-top: 5px;
  border-bottom: 2px solid #eeeeee;
  padding-right: 15px;
  margin-left: 0;
}

.sousrubrique{
  margin: 0px 0 10px 20px;
  border-bottom: 1px solid #eeeeee;
  margin: 0 0 0 20px;
  padding: 0 0 15px;
  display: block;
}
.lastsousrubrique{
  margin: 10px 0 10px 20px;
}
.seulesousrubrique{
  margin: 10px 0 10px 0px;
}
.sousrubrique h3, .lastsousrubrique h3{
  margin: 10px 0 5px 0;
}
.menusousrubrique{
  width: 535px;
  float:left;
  padding-bottom: 15px;
  display: block;
  max-width: 100%;
}

.dates{
  margin-right: 20px;
}
.floatleft{
    float:left;
}

.sousrubriquecontent{
  text-align: justify;
}

.barrogress{
  
  height: 10px;
  width:130px;
  float: left;
  margin: 5px 30px 0 0;
}

.barrogress span{
  height: 100%;
  display: block;
}
.textbarrogress{
  float: left;
  width:130px;
  margin-right: 5px;
}
.barre{
  width: 100%;
  height:30px;
}

.bleu div.barrogress{background-color: #83c9cf;}
.bleu div.barrogress span{background-color: #028E9B;}
.bleu2 div.barrogress{background-color: #b3c5d1;}
.bleu2 div.barrogress span{background-color: #44728d;}
.jaune div.barrogress{background-color: #feedd4;}
.jaune div.barrogress span{background-color: #fdbf67;}
.verte div.barrogress{background-color: #b9e7b9;}
.verte div.barrogress span{background-color: #00b400;}


ul {
    list-style-type: none;
}

ul.navigation{
  margin: 0;
}

.ecole{
  height: 100%;
  /* background: url("../img/delmia.png") 0 100% no-repeat; */
}

.amontrer{
  display: inline-block;
  width: 100%;
  margin: 10px 10px 10px 0;
}

img.imagegauche {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

a.savoirplus {
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #444444;
    display: inline-block;
    font: bold 13px arial,sans-serif;
    height: 20px;
    margin: 30px 0px 20px 0px;
    max-width: 100px;
    min-width: 54px;
    outline: 0 none;
    padding: 4px 8px 0;
    text-align: center;
    text-decoration: none;
}
a.savoirplus:hover {
  background: #F5F5F5;
}

.devweb a.savoirplus {
margin: 8px 0px 5px 25px;
  }

ul.subMenu{
  width:100%;
  padding-right: 15px;
}

/* Main marketing message and sign up button */
.jumbotron {
  margin: 60px 0;
  text-align: center;
}
.jumbotron h1 {
  font-size: 72px;
  line-height: 1;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 0px 0 10px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

.addmargintop{
  margin-top: 20px;
}

.marginleftnul{
  margin-left: 0px !important;
}

.enumpadding{
  padding:10px 0 0 120px;
}

.enumpaddingweb{
  padding:10px 0 0 100px;
  width: 250px;
  max-width: 100%;
}
.enumpaddingweb2{
  padding:10px 0 0 10px;
  width: 250px;
  max-width: 100%;
}
.enumpaddingweb img, .enumpaddingweb2 img{
  float:left;
  margin-right: 20px;
}
.idevweb{
  line-height: 30px;
}

#block-header{
  top:0;
  height: 29px;
  background-color: #2D2D2D;
  border-color: #000000;
  min-width: 980px;
  opacity: 1;
  width: 100%;
  position: fixed;
  text-align: right;
}

#block-header a{
  font: 13px/27px Arial,sans-serif;
  color: #CCCCCC;
  font-weight: bold;
   line-height: 27px;
   margin-right: 20px;
  }

#block-header a.active{
  color: #FFFFFF;
}

.reseaux{
  border:none !important;
}

.titrecv{
  width: 527px;
  max-width: 100%;
  float: left;
  margin-top: 20px;
}

.imagecv{
  width:140px;
  float: left;
    max-width: 100%;
}

.coord{margin-top: 10px;
width: 243px;
  max-width: 100%;
float: left;}
.coordligne{height:30px;}
.coordligne div{margin-top: 3px;margin-right: 10px;}

h2 {font-family:'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;}
h2.nom{font: 26px 'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;}
h1.fonction{font: 36px 'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;}
h2.experience{font: 24px 'OpenSansRegular', Arial, sans-serif;letter-spacing: 0;color:#969696;}

ul.consultant{margin-top: 10px;width: 505px;float: left;max-width: 100%;}

.marginleft20{margin-left: 20px;}

#block-header a:hover {text-decoration:none;color:#FFFFFF;}