*{	

  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {

	font-size: 100%;
	font-weight: 300;


	width: 100%;
  

}
img {
	max-width: 100%;
}
nav {

	border: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	left: -45px;
position: relative;
top: 7px
}

header {
background: url(../../images/banner.png);
height: 270px;
	width:1000px;
    margin: 0 auto;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;

	


}

a{ cursor:pointer}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.column.left_image {

	height: 240px;
	background: url(../../images/01-22.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 50%;

	
	}
.column.right_image {

	height: 240px;
	background:url(../../images/01-23.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 40%;
    margin-left: 2%;
	
	}


.column.image_text {

	height: 70px;
	background: url(../../images/01-24.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 10%;
	border: 1px solid;

	
	}

.column.image_the_tower {

	height: 160px;
	background: url(../../images/01-24.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 20%;
	border: 1px solid;

	
	}


.column.logo {

	height:130px;
	background: url(../../../img/4.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 180px;





	
	}
	
	
	.evaluations_un{
			height:50px;
	background:url(../../Unit-01/images/EXTRA-MENU/evaluations.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-size: 100%;
	background-repeat: no-repeat;
	width:142px;
	background-position:center;


		}
		
		
	.quiz_un{
			height:30px;
	background:url(../../images/mon-project1.png);
	
	background-repeat: no-repeat;
	width:110px;
	background-size: 100%

		}
		.ma_serie{
      height: 30px;
     background:url(../../images/ma-serie.png);

	background-repeat: no-repeat;
	background-position: center;
     width:110px;
	background-size: 100%

		}	

	.exer_comp{
			height:30px;
	background:url(../../images/exer-complet.png);
	
	background-repeat: no-repeat;
	width:110px;
	background-size: 100%

		}
		.ma_serie{
      height: 30px;
     background:url(../../images/ma-serie.png);

	background-repeat: no-repeat;
	background-position: center;
     width:110px;
	background-size: 100%

		}	
	.mini-dico{
			height:30px;
	background:url(../../images/mini-dico.png);
	
	background-repeat: no-repeat;
	width:110px;
	background-size: 100%

		}
		.ma_serie{
      height: 30px;
     background:url(../../images/ma-serie.png);

	background-repeat: no-repeat;
	background-position: center;
     width:110px;
	background-size: 100%

		}
		
   .delf_prim_un{
    height: 30px;
    background:url(../../images/vers.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    background-position: center;
    
		}

		
		
.container {
     width:100%;
	 display:block;
	 position:relative;
	 height:auto;
     text-align: center;
     background:#FFF;
	
	
}


section {
	width:100%;
	margin: 0 auto;
	
	background: #FFF;
	height:auto;
}




.column {


display: inline-block;
width: 75%;


margin: 0 auto;




 
}
.column.converse{width: 28%;}

.column.lecon {

width: 35%;

    vertical-align: top;
	
	
	}
	
	

	
		.column.evaluations_quiz{

width: 20%;


    vertical-align: top;
	
	
	}

.clearfix{ width:100%; clear:both;}
span.line{ 
width: 90%;
    clear: both;
    height: 1px;
    display: block;
    background: #283583;
    margin: 7px auto;
}








@media only screen and (max-width: 13000px) {
   
}

@media only screen and (max-width: 1000px) {
  
}