@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('alfaslabone-regular-webfont.eot');
    src: url('alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('alfaslabone-regular-webfont.woff2') format('woff2'),
         url('alfaslabone-regular-webfont.woff') format('woff'),
         url('alfaslabone-regular-webfont.ttf') format('truetype'),
         url('alfaslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
width:auto;

margin:0px;
padding: 0px;
font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
background:#FFFFF0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
line-height : 1.7em;
color : #555;
}
			/*TOP BANNER*/
#header {
width:990px;
height : 170px;
margin: 0px;
padding : 0px;
background : #e88d33 url(img/bg2.jpeg) no-repeat;

}
#header h1{
margin : 0;
padding-top : 55px;
padding-bottom:25px;
font-family: alfa-slab-one, serif;
text-align : center;
font-size : 75px;
color :#FFFFF0;
background : inherit;
}
#header h2{
width:450px;
font-size : 20px;
padding:auto;
margin:auto;
font-family: 'alfa_slab_oneregular';
color : #FFFFF0;


}
			/*TOP NAVIGATION*/
#topnav {width:990px;margin-bottom:0px;padding:0px;
}
#topnav ul {
width:auto;
vertical-align:middle;
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #885835;

color : #FFFFF0;
text-align : center;
font-weight : bold;
font-size : 15px;
border-bottom: 1px solid #f17327;

}
#topnav li {
display : inline;
margin:0px;


}
#topnav li a, #topnav a:visited {
	
text-decoration : none;
background :#885835;
color : #FFFFF0;
padding : 0.6em 1.3em;
margin:0px;


}
#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #f17327;
color : #000;
margin:0px;
}

			/*3 COLUMNS*/

#col1 {
width :750px;

padding-bottom:100px;
margin:0 auto 0 auto;;
text-align:justify;
font-size:14px;
background: #FFFFF0;;

}
#col1 p { font-size : 15px;margin:0px;padding:0px;}
#col2 {
width :750px;
height:400;
margin:auto;
text-align:justify;

}
#col2 p { font-size : 15px;margin:0px;}

			/*RIGHT NAVIGATION*/

			/*FOOTER*/
#footer {
width:990px;
margin:auto;
clear : both;
height : 40px;
background : #f17327;
border-top : 5px solid #885835;
color : #000;
padding :auto;
text-align : center;

}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
background : inherit;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding-top : 75px;
font-family: 'alfa_slab_oneregular';
text-align : center;
font-size : 75px;
color : #FFFFF0;
background : inherit;
}
.titreImage{
	font-size:18px;
	font-weight: bold;}
.titreImage2{
	font-size:16px;
	font-weight: bold;}



div#francais {
  background-image: url(img/francaisnuage.png);
  background-repeat: no-repeat;
  width: 800px;
  height:410px;
  padding:auto;
}
div#anglais {
  background-image: url(img/anglaisNuage.png);
  background-repeat: no-repeat;
  width: 800px;
  height:410px;
  padding:auto;
}
div#tcheque {
  background-image: url(img/nuageTcheque.png);
  background-repeat: no-repeat;
  width: 800px;
  height:410px;
  padding:auto;
}
div#espagnol {
  background-image: url(img/espagnolnuage.png);
  background-repeat: no-repeat;
  width: 800px;
  height:410px;
  padding:;
}

div#francaisTram img{

  background-repeat: no-repeat;
  width: 800;
  haight:300px;
  padding:auto;
}
div#francaisTram img:hover{

  background-repeat: no-repeat;
  width: 900px;
  height:400px;
  padding:auto;
}
div#anglaisTram img{
  background-repeat: no-repeat;
  width: 800px;
  height:300px;
  padding:auto;
}
div#anglaisTram img:hover {
 
  background-repeat: no-repeat;
  width: 900px;
  height:400px;
  padding:auto;
}
div#espagnolTram img{
  
  background-repeat: no-repeat;
  width: 800px;
  height:300px;
  padding:auto;
}
div#espagnolTram img:hover {
 
  background-repeat: no-repeat;
  width: 900px;
  height:400px;
  padding:auto;
}

div#tchequeTram img{

  background-repeat: no-repeat;
  width: 800px;
  height:300px;
  padding:auto;
}
div#tchequeTram img:hover{

  background-repeat: no-repeat;
  width: 900px;
  height:400px;
  padding:auto;
}

#cadre{
	
   
	width :990px;
	margin:auto;
	padding:auto;
	
	border-left:5px solid #000000; /* couleur du cadre */
border-right:5px solid #000000;
border-bottom:5px solid #000000;
border-top:5px solid #000000;
}
#conteneurBas{
	width :990px;
	margin:0px; 
	padding:0px;
	background: #FFFFF0;;

}
#conteneurHaut{
	width :990px;
	margin:0px;
	padding:0px;
	
	
	
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a {
text-decoration : none;
color : #006699;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}
a img {
border : 0;
}