/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}







	



































@media screen and (max-width: 200px)  {

	/*debut du mediaquesries -1000 */
	/*---------------------------General------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	body {
		width: 100%;
		overflow-x: hidden;
		margin: 0;
		font-family: Open Sans, sans-serif;
	}
	.page {
		width: 100%;
		height: 800px;
		margin: 0;
	}
	.page2 {
		width: 100%;
		height: 600px;
		margin: 0;
	}
	/*---------------------------Nav------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/

    header {
		width: 100%;
		height: 80px;
		background-color: #fff;
      	border-bottom: #fd2b11 1px solid;
    }
    .logo {
        width: 60px;
        height: 60px;
        margin-top: 10%;
        margin-bottom: 5%;
        position: left;
        margin-left: 10%
    }
    header ul li {
        display: none;
        text-transform: uppercase;
        font-family: raleway, sans-serif;
        font-weight: 400;
        font-size: 50px;
        color: #4c8fc3;
        margin-left: 1.5%;
        margin-right: 1.5%;
        padding-bottom: 2%;
        transition: 0.5s;
        border-bottom: 2px #fff solid;
    }
    header ul  {
        margin-bottom: 1%;
    }
    .current_li {
        border-bottom: 3px #4c8fc3 solid;
    }
    .hamburger{
      background: none;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0;
      right: 0;
      line-height: 45px;
      padding: 0px 15px 0px 15px;
      border: 0;
      cursor: pointer;
      outline: none;
      z-index: 10000000000000;
    }
    .cross{
      background: none;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0px;
      right: 0;
      padding: 15px 15px 0px 15px;
      border: 0;
      line-height: 65px;
      cursor: pointer;
      outline: none;
      z-index: 10000000000000;
    }
    .cross img {
        width: 40px;
        height: 40px;
    }
    .hamburger img {
        width: 40px;
        height: 40px;
    }
    .menu {
      z-index: 1000000; 
      font-weight: bold; 
      font-size: 1em; 
      width: 100%; 
      background: #fff;  
      position: absolute; 
      text-align: center;
    }
    .menu ul {
      margin: 0; 
      padding: 0; 
      list-style-type: none; 
      list-style-image: none;
      width : 100%;
      text-align: center;
    }
    .menu li {
      display: block;   
      padding: 20px 0 20px 0; 
      border-bottom: #fd2b11 1px solid;
      text-transform: uppercase;
      color: #404040;
    }
    .menu ul li a { 
      text-decoration: none;  
      margin: 0px; 
      color:#fff;
    }
    .menu a{
      text-decoration: none; 
      color: white;
    }
    .glyphicon-home{
      color: white; 
      font-size: 1.5em; 
      margin-top: 5px; 
      margin: 0 auto;
    }
    nav {
    	display: none;
    }
	/*---------------------------Pages--------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.page {
		width: 100%;
		height: auto;
	}
	/*---------------------------Accueil------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	#Accueil {
		background-image: url(image/img1.gif);
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;
		overflow: auto;
	}
	.banniere_accueil {
		width: 100%;
		background-color: rgba(0,0,0,0.7);
		border-top: 1px rgba(255,255,255,0.5) solid;
		border-bottom: 1px rgba(255,255,255,0.5) solid;
	}
	.container_accueil {
		width: 60%;
		margin: 0 auto;
		margin-top: 130px;
		margin-bottom: 130px;
		overflow: auto;
		text-align: center;
	}
	.banniere_accueil h1 {
		color: #fff;
		font-size: 3em;
		font-weight: 600;
		text-transform: uppercase;
		text-align: left;
		margin-bottom: 2%;
	}
	.banniere_accueil p {
		color: #fff;
		font-size: 1.1em;
		font-weight: 400;
		text-align: left;
		margin-bottom: 5%;
	}
	.banniere_accueil button {
		display: none;
	}
	.banniere_accueil button:hover {
		background-color: #fff;
		color: #404040;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	/*---------------------------Découverte---------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		#Decouverte {
			display: none;
		}
	/*---------------------------Acutalités---------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		#Actualites {
			height: 100%;
		}

		#Actualites p {
			width: 50%;
			margin-left: 20%;
			font-size: 1.1em;
		}
		#Actualites button {
		background-color: rgba(0,0,0,0);
		color: #313131;
		border: 2px #313131 solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		margin-left: 40%;
		margin-top: 50px;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
        cursor: pointer;
	}
	.actualites_bande {
		width: 20%;
		border-top: 1px black solid;
		margin: 0 auto;
		margin-top: 2%;
		margin-bottom: 3%;
	}
		#Actualites button:hover {
		background-color: #313131;
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	/*---------------------------Cours--------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.h2_1 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 10%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.h2_4 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 10%;
		margin-top: 50px;
	}
	.cours_BG {
		background-image: url(image/img2.gif);
		background-size: auto 100%; 
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
	}
	.cours_fade {
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		margin: 0 auto;
	}
	.cours_fade p {
		width: 70%;
		font-size: 1.1em;
		color: #fff;
		padding-top: 80px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.cours_fade ul {
		margin-bottom: 50px;
	}
	.cours_fade li {
		font-size: 1.3em;
		width: 100%;
		display: block;
		color: #fff;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#Cours button {
		background-color: rgba(0,0,0,0);
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
		margin-bottom: 80px;
	}
	#Cours button:hover {
		background-color: #fff;
		color: #fd2b11;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	.tableauwrapper {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 100%;
		height: auto;
		margin: 0 auto;

	}
	.tableaucontainer1 {
		width: 100%;
		display: block;
	}
	.tableaucontainer2 {
		width: 100%;
		display: block;
	}
	table {
		color: #313131;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.titretableau {
		background-color: #fd2b11;
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.5em;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}
	.bannertableau {
		background-color: #fd2b11;
		padding: 10px;
	}
	.tableauleft {
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
	}
	.tableau {
		padding: 10px;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
		text-align: center;
	}
	.tableaubold {
		font-weight: 700;
	}
	.tableau2 {
		padding: 10px;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
		text-align: center;
	}

	/*---------------------------TB-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/

	.teambuilding_BG {
		background-image: url(image/img7.gif);
		background-size: auto 100%; 
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
	}
	/*---------------------------Stages-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.h2_2 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 10%;
		margin-bottom: 50px;
	}
	.stage_BG {
		background-image: url(image/img3.gif);
		background-size: auto 100%; 
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
	}
	.stage_fade {
		width: 100%;
		height: auto;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		margin: 0 auto;
	}
	.stage_fade p {
		width: 70%;
		font-size: 1.1em;
		color: #fff;
		padding-top: 80px;
		padding-bottom: 80px;
		margin: 0 auto;
	}
	.stagewrapper {
		padding-top: 50px;
		width: 100%;
		height: auto;
		margin: 0 auto
	}
	.stagecontainer1 {
		width: 100%;
		display: block;
		padding: 30px;
	}
	.stagecontainer2 {
		width: 100%;
		margin-bottom: 40px;
		display: block;
		padding: 30px;
	}
	.stage_title {
		width: 70%;
		background-color: #fd2b11;
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.5em;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}
	.stage_p {
		width: 70%;
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.1em;
	}
	/*---------------------------Valérie------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.valerieIMG {
		background-image: url(image/img5.gif);
		background-position: top ;
		background-size: 100% auto; 
		background-repeat: no-repeat;
		width: 100%;
		height: 300px;
	}
	.valerieText {
		width: 100%;
		height: auto;
	}
	.h2_3 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 10%;
		margin-top: 60px;
		margin-bottom: 50px;
	}
	.valerieText p {
		width: 80%;
		margin-left: 10%;
		font-size: 1.1em;
	}
	.valerieText button {
		background-color: rgba(0,0,0,0);
		color: #313131;
		border: 2px #313131 solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		margin-left: 40%;
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
	}
	.valerieText button:hover {
		background-color: #313131;
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	/*---------------------------Contact------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.contact_BG {
		background-image: url(image/img4.gif);
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px;
		overflow: auto;
	}
	.contact_fade {
		width: 450px;
		height: 220px;
		margin: 0 auto;
		margin-top: 80px;
		background-color: rgba(255,255,255,0.6);
		text-align: center;
		padding-top: 50px;
	}
	.contact_fade span {
		font-size: 1.1em;
	}
	.contactbold {
		font-weight: 700;
	}
	.contactitalic {
		font-style: italic;
	}
	/*---------------------------Cours------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		.cours_back_button {
			border: none;
			background-color: #fff;
		}	
		.cours_back_button img {
		    width: 40px;
		    height: 40px;
		    padding: 20px;
		    cursor: pointer;
		}
		.cours_container {
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
		.cours_img {
			width: 100%;
			height: 450px;
			position: relative;
		}
		#cours_img1 {
			background-image: url(image/cours_artP.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		#cours_img2 {
			background-image: url(image/cours_modelage.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		#cours_img3 {
			background-image: url(image/cours_aquarelle.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		.cours_h2_container {
			position: absolute;
			bottom: 0;
			margin-left: 20%;
			width: 50%;
			padding-left: 5%;
			padding-right: 5%;
			height: 150px;
			padding-top: 10%;
			background-color: #fff;
			text-align: center;
		}
		.cours_h2_container h2 {
			font-size: 1.4em;
			text-transform: uppercase;
			font-weight: 700;
		}
		.cours_container p {
			margin-left: 10%;
			margin-right: 10%;
			margin-top: 50px;
			margin-bottom: 100px;
			font-size: 1.1em;
		}



	/*---------------------------Footer-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	footer {
		height: 60px;
		text-align: center;
		line-height: 60px;
		color: #454545;
	}
}










































@media screen and (min-width: 1101px)  {
	/*debut du mediaquesries +1001 */

	/*---------------------------General------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	body {
		width: 100%;
		overflow-x: hidden;
		margin: 0;
		font-family: Open Sans, sans-serif;
	}
	.page {
		width: 100%;
		height: 800px;
		margin: 0;
	}
	.page2 {
		width: 100%;
		height: 600px;
		margin: 0;
	}
	/*---------------------------Nav------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.menu {
    	display: none;
    }
    .menu ul {
    	display: none;
    }
    .menu li {
    	display: none;
    }
    .hamburger {
    	display: none;
    }
    .cross{
    	display: none;
    }
    .cross img {
    	display: none;
    }
    .hamburger img {
    	display: none;
    }
    nav {
		width: 100%;
		height: 80px;
		z-index: 10;
		position: fixed;
		top: 0;
		background-color: rgba(255,255,255,1);
	}
	nav ul {
		margin: 0 auto;
      	width : 100%;
      	text-align: center;
	}
	nav a {
		height: 50px;
		color: #404040;
		display: inline-block;
		font-weight: 600;
		font-family: Open Sans, sans-serif;
		text-transform: uppercase;
		margin-left: 2%;
		margin-right: 2%;
		padding-bottom: 5px;
		border-bottom: 3px rgba(0,0,0,0) solid;
		transition: 0.4s;
		line-height: 80px;
	}
	nav a:hover {
		border-bottom: 3px #fd2b11 solid;
	}
	/*---------------------------Pages--------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.page {
		width: 100%;
		height: 900px;
	}
	.page1 {
		width: 100%;
		height: 950px;
	}
	/*---------------------------Accueil------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	#Accueil {
		background-image: url(image/img6.gif);
		background-size: 100% auto; 
		background-repeat: no-repeat;
		overflow: auto;
		padding-top: 250px;
	}
	.banniere_accueil {
		width: 100%;
		height: 500px;
		background-color: rgba(0,0,0,0.7);
		border-top: 1px rgba(255,255,255,0.5) solid;
		border-bottom: 1px rgba(255,255,255,0.5) solid;
	}
	.container_accueil {
		width: 60%;
		margin: 0 auto;
		margin-top: 80px;
		overflow: auto;
		text-align: center;
	}
	.banniere_accueil h1 {
		color: #fff;
		font-size: 3em;
		font-weight: 600;
		text-transform: uppercase;
		text-align: left;
		margin-bottom: 2%;
	}
	.banniere_accueil p {
		color: #fff;
		font-size: 1.5em;
		font-weight: 400;
		text-align: left;
		margin-bottom: 5%;
		font-style: italic;
	}
	.banniere_accueil button {
		background-color: rgba(0,0,0,0);
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
        cursor: pointer;	
	}
	.banniere_accueil button:hover {
		background-color: #fff;
		color: #404040;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}	
	/*---------------------------Acutalités---------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		#Actualites {
			height: 100%;
		}

		#Actualites p {
			width: 50%;
			margin-left: 20%;
			font-size: 1.1em;
		}
		#Actualites button {
		background-color: rgba(0,0,0,0);
		color: #313131;
		border: 2px #313131 solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		margin-left: 40%;
		margin-top: 50px;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
        cursor: pointer;
	}
	.actualites_bande {
		width: 20%;
		border-top: 1px black solid;
		margin: 0 auto;
		margin-top: 2%;
		margin-bottom: 3%;
	}
		#Actualites button:hover {
		background-color: #313131;
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	/*---------------------------Découverte---------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		#Decouverte p {
			width: 50%;
			margin-left: 20%;
			font-size: 1.1em;
		}

	/*---------------------------Cours--------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.h2_1 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 20%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.h2_4 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 20%;
		margin-top: 50px;
	}
	.cours_BG {
		background-image: url(image/img2.gif);
		background-size: 100%; 
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: 400px;
	}
	.cours_fade {
		width: 1000px;
		height: 400px;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		margin: 0 auto;
	}
	.cours_fade p {
		width: 70%;
		font-size: 1.1em;
		color: #fff;
		padding-top: 80px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.cours_fade ul {
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.cours_fade li {
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		margin-left: 10px;
		margin-right: 10px;
	}
	#Cours button {
		background-color: rgba(0,0,0,0);
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform:uppercase;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
        cursor: pointer;
        margin: 0 auto;
	}
	#Cours button:hover {
		background-color: #fff;
		color: #fd2b11;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	.tableauwrapper {
		padding-top: 50px;
		width: 1000px;
		height: 350px;
		margin: 0 auto;

	}
	.tableaucontainer1 {
		width: 480px;
		float: left;
	}
	.tableaucontainer2 {
		width: 480px;
		float: right;
	}
	table {
		color: #313131;
	}
	.titretableau {
		background-color: #fd2b11;
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.5em;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}
	.bannertableau {
		background-color: #fd2b11;
		padding: 10px;
	}
	.tableauleft {
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
	}
	.tableau {
		padding: 10px;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
		text-align: center;
	}
	.tableaubold {
		font-weight: 700;
	}
	.tableau2 {
		padding: 10px;
		border-right: 1px #fd2b11 solid;
		border-bottom: 1px #fd2b11 solid;
		text-align: center;
	}

	/*---------------------------TB-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/

	.teambuilding_BG {
		background-image: url(image/img7.gif);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 350px;
	}
	/*---------------------------Stages-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.h2_2 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 20%;
		margin-top: 100px;
		margin-bottom: 50px;
	}
	.stage_BG {
		background-image: url(image/img3.gif);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 350px;
	}
	.stage_fade {
		width: 1000px;
		height: 350px;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		margin: 0 auto;
	}
	.stage_fade p {
		width: 70%;
		font-size: 1.1em;
		color: #fff;
		padding-top: 80px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.stagewrapper {
		padding-top: 100px;
		width: 1000px;
		height: 100px;
		margin: 0 auto
	}
	.stagecontainer1 {
		width: 480px;
		float: left;
	}
	.stagecontainer2 {
		width: 480px;
		float: right;
	}
	.stage_title {
		background-color: #fd2b11;
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.5em;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
	}
	.stage_p {
		padding: 10px;
		border-left: 5px #fd2b11 solid;
		font-size: 1.1em;
	}
	/*---------------------------Valérie------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.valerieIMG {
		background-image: url(image/img5.gif);
		background-position:center center;
		background-size: auto 100%; 
		background-repeat: no-repeat;
		width: 55%;
		height: 900px;
		float: left;
	}
	.valerieText {
		width: 42%;
		float: left;
	}
	.h2_3 {
		font-family: Open Sans, sans-serif;
		font-size: 2.5em;
		font-weight: 800;
		text-transform: uppercase;
		color: #313131;
		padding-left: 20px;
		border-left: 8px #fd2b11 solid;
		margin-left: 10%;
		margin-top: 60px;
		margin-bottom: 50px;
	}
	.valerieText p {
		width: 80%;
		margin-left: 10%;
		font-size: 1.1em;
	}
	.valerieText button {
		background-color: rgba(0,0,0,0);
		color: #313131;
		border: 2px #313131 solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		margin-left: 40%;
		margin-top: 50px;
		padding: 10px 20px 10px 20px;
		transition: 0.4s;
        cursor: pointer;
	}
	.valerieText button:hover {
		background-color: #313131;
		color: #fff;
		border: 2px #fff solid;
		border-radius: none;
		font-size: 1em;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px 10px 20px;
	}
	/*---------------------------Contact------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	.contact_BG {
		background-image: url(image/img4.gif);
		background-size: 100%; 
		background-repeat: no-repeat;
		width: 100%;
		height: 450px;
		overflow: auto;
	}
	.contact_fade {
		width: 450px;
		height: 220px;
		margin: 0 auto;
		margin-top: 80px;
		background-color: rgba(255,255,255,0.6);
		text-align: center;
		padding-top: 50px;
	}
	.contact_fade span {
		font-size: 1.1em;
	}
	.contactbold {
		font-weight: 700;
	}
	.contactitalic {
		color: #202020;
		font-style: italic;
		text-decoration: none;
		font-size: 1.1em;
	}

/*---------------------------Cours------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
		.cours_back_button {
			border: none;
			background-color: #fff;
			width: 100%;
		}	
		.cours_back_button img {
		    width: 40px;
		    height: 40px;
		    padding: 20px;
		    cursor: pointer;
		    line-height: 50px;
		    float: left;
		    margin-left: 25px;
		}
		.cours_container {
			width: 1000px;
			height: auto;
			margin: 0 auto;
		}
		.cours_img {
			width: 100%;
			height: 450px;
			position: relative;
		}
		#cours_img1 {
			background-image: url(image/cours_artP.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		#cours_img2 {
			background-image: url(image/cours_modelage.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		#cours_img3 {
			background-image: url(image/cours_aquarelle.jpg);
			background-position:center center;
			background-size: auto 100%; 
			background-repeat: no-repeat;
		}
		.cours_h2_container {
			position: absolute;
			margin-left: 300px;
			bottom: 0;
			width: 400px;
			height: 150px;
			line-height: 150px;
			background-color: #fff;
			text-align: center;
		}
		.cours_h2_container h2 {
			font-size: 1.4em;
			text-transform: uppercase;
			font-weight: 700;
		}
		.cours_container p {
			margin-left: 150px;
			margin-right: 150px;
			margin-top: 50px;
			margin-bottom: 100px;
			font-size: 1.1em;
		}



	/*---------------------------Footer-------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------
	------------------------------------------------------------------------*/
	footer {
		height: 60px;
		text-align: center;
		line-height: 60px;
		color: #454545;
	}
}