/* ------------------- @font-face ------------------- */

@font-face {
    font-family: Days;
    src: url(../fonts/Days.otf);
}

@import url(http://fonts.googleapis.com/css?family=Raleway:200,400,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

::-moz-selection { color: #FFF;  background: #3498DB; }
::selection      { color: #FFF;  background: #3498DB; } 

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box;}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

a {
	color: #4e4a46;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #c94e50;
	outline: none;
}

body {
	background: #b4bad2;
	/*color: #fffce1;*/
	font-weight: 400;
	font-size: 1em;
	font-family: 'Raleway', Arial, sans-serif;
}

ul, li {
    list-style: none;
}

.container {
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    
}

.ct-inner {
padding-left: 20em;
padding-right: 20em;
}

h1 strong {
  font-size: 3em;
  line-height: 1em;
}

/* ------------------- HEADER ------------------- */

header {
    position: fixed;
    width: 100%;
    height:80px;  
    background: rgba(52, 152, 219, 0.55);
    border-top: solid 10px rgba(52, 152, 219, 0.49);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index:1000;
}


#site-title {
    font-family: Days;
    color:rgb(242, 249, 255);
    font-size: 2em;
    line-height: 2em;
    
}

.cfa {
    float: right;
    text-align: right;
    color:#FFF;
    font-family: Lato;
    font-size: 16px;
    line-height: 14px;
    padding-top:15px;
}

 .cfa img {
        width:150px;
    }

/* ------------------- WRAPPER ------------------- */


.wrapper1 {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding-top:10%;
    
}


.wrapper2 {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding-top:18%;
    
}

.wrapper3 {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding-top:15%;
    
}


#depart{
    box-sizing: border-box;
}

#depart figure {
  width: 40%;
  float: left;
  height: 500px;
}


#depart iframe {
    margin-right: 40px;
    float: left;
    width: 50%;
    height: 383px;
}

#depart section figure img {
    width:75%;
}

#depart p {
    margin-top:20px;
}

#go {
    margin-top:150px;
    text-align: center;
}

#go a {
    margin:0 auto;
    width:200px;
}

h1 {
    font-size: 40px;}

h2 {
    display:inline-block;
    clear:both;
    font-size: 40px;
}

h2 span {
    display: inline-block;
    padding: 10px 30px;
    background: #34495e;
    color:#FFF;
    clear: both;
    margin-bottom: 20px;
    border-radius:6px;
    text-align: center;
}

.left figure {
    width:35%;
    float:left;
    height: 200px;
    margin-right: 45px;
}



.description {
    font-size: 14px;
    margin-top: -10px;
    color: grey;
}


.description > .info {
    margin-right: 10px;
}

article {
    width:60%;
    float:left;
}
.right figure {
    float:right;
    width:35%;
    height: 200px;
}

.list {
    margin-right: 15px;
}

.lancement {
    width:auto !important;
    float:right;
    margin-top:40px;
}

/* ------------------- WRAPPER ACTIVITE ------------------- */

.wrapper {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding-top:10%;
}

.wrapper h1 {
    
}

.wrapper h1 span {
    display: inline-block;
    padding: 10px 30px;
    background: #34495e;
    color:#FFF;
    clear: both;
    border-radius:6px;
    text-align: center;
    margin-right : 30px;
}

.wrapper #video {
    width: 65%;
  height: 77%;
    background: rgba(107, 183, 221, 0.46);
    border-radius:6px; 
    position: relative;
    float: left;
}

#video div {
    width: 100%;
    height: 90%;
   position: absolute;
    bottom:0;
}


#video div iframe {
    width: 100%;
    height: 100%;
}

.wrapper #ressources {
    float: right;
  width: 33%;
  height: 60%;
  background: rgba(107, 183, 221, 0.46);
  border-radius: 6px;
  position: relative;
}

#ressources div {
    width: 100%;
    height: 90%;
   position: absolute;
    bottom:0;
    background-color: rgba(255, 255, 255, 0.34);
}

.sections h3 {
   color: #FFF;
  margin: 0;
  font-size: 1.3em;
  line-height: 2.4em;
  padding-left: 1em;
}

#ressources ul {
    padding-left: 20px;
}

#ressources li {
    background-image: url(../img/ico-pdf.png);
    background-repeat: no-repeat;
    padding-left: 65px;
    line-height: 55px;
}

#lorem {
     width: 65%;
  height: auto;
    background: rgba(107, 183, 221, 0.46);
    border-radius:6px; 
    position: relative;
    float: left;
}

#lorem div{
     padding: 2%;
    background-color: rgba(255, 255, 255, 0.34);
}

.mentionslegales{
     width: 95%!important;
}

#lorem ul li{
     list-style: disc;
    margin-bottom: 5px;
}

.pdf {
    list-style-image: url(../img/ico-pdf.png)
}


/* ------------------- FOOTER ------------------- */

#footer {
    height: 50px;
    background: rgba(255,255,255,0.4);
    padding: 15px;
    text-align: center;
}