/*
    Created on : 09 juil. 2014, 11:18:41
    Author     : sallakane
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

.left > .body {
    font-size: 15px;
    line-height: 25px;
}

@media only screen and (max-width: 760px){
	.left > .body {
		  margin-left:10px;
	}
	
}

.left > .body img {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Article : Header */

.art-header {
  width:100%;
  height:448px;
  min-height:448px;
  background-color:#00a8d9;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  background-position:center;
  position:relative;
}

.art-header-wrap {
  position: absolute;
  width: 940px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 50px;
  font-family:'Avenir LT W01 85 Heavy';
  color:#fff;
}

@media only screen and (max-width: 940px)
{
  .art-header .art-header-wrap,
  .art-header h1
  {
    width: 100%;
  }
}


@media only screen and (max-width: 760px){
	.art-header-wrap {
		  width: 95%;
		  /*margin-left:10px;*/
	}
	
}

@media only screen and (max-width: 320px){
	.art-header-wrap {
		  width: 100%;
		  /*margin-left:10px;*/
	}
	
}

.art-header .surtitre {
  font-size: 14px;
  text-transform: uppercase;
}


.art-header h1 {
  font-size:40px;
  display:block;
  width:720px;
  text-shadow: hsl(0,0%,46%) 1px 1px;
    margin: 0;
}

@media only screen and (max-width: 760px){
	.art-header h1 {
		  width: 95%;
		  padding-left: 10px;
	}
	
}

/* Article : Corps */
.art-left {
  padding-top:48px;
  width:600px;
  float:left;
  padding-bottom:135px;
}

/* Projet : Sidebar */

.art-sidebar {
    float:right;
    width:300px;
}


/* SIDE DOCUMENTS */
.sidebloc#telecharger .title {
    color:#025f81;
    font-family:'Avenir LT W01 85 Heavy';
}
.sidebloc#telecharger ul {
    list-style:none;
    margin:15px 0 0 0;
    padding:0;
}

.sidebloc#telecharger ul li {
    display:inline-block;
    vertical-align:middle;
    line-height: normal;
    margin-bottom: 20px;
    
}

.sidebloc#telecharger ul li:last-child {
    margin-bottom: 0;
}

.sidebloc#telecharger ul li a {
    font-size: 13px;
    color: #222;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 184px;
    margin-left: 20px;
}

.sidebloc#telecharger ul li .fa-2 {
    ont-size: 25px;
    vertical-align: middle;
    color: #818181;
    display: inline-block;
}

/* Schema */
.schema .title2 {
    top: -30px;
    background: #EB7D28;
}

.schema .description {
    width: 800px;
    margin-left: 60px;
    padding: 55px 0 20px 80px;
    background: #F4F3EF;
    font-size: 15px;
}

.schema-img-wrapper {
    text-align: right;
}

@media only screen and (max-width: 760px){
  .art-header .surtitre {
    margin-left:12px;
  }
  .art-header h1 {
    font-size: 30px;
  }
  .art-header-wrap {
    bottom:15px;
  }
}