body, html{
	height:100%;
	font-family:Source Sans Pro, sans-serif;
	margin : 0px;
}
section
{display:block;}

/* HEADER */
#infos_ponctuelles{
	border-color:#b03a4a;
	border-style:solid;
	border-width:1px;
	margin-top:18px;	
	margin-bottom:17px;
	background-color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	text-align:left; 
} 
#middle_top{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
#middle_top img{width:400px;}

#boutique_formations{
	margin-top:25px;
}
#boutique_entete{
	display:inline-block;
	vertical-align:middle;	
}
#boutique_entete a{
	color:#265c8d;
	font-size:33px;
	text-decoration:none;
}

#logo_home{
	display:inline-block;
	vertical-align:middle;
	width:5%;	
}
#logo_home img{	width:58%;}

#formation_entete{
	display:inline-block;
	vertical-align:middle;	
}
#formation_entete a{
	color:#693374;
	font-size:33px;
	text-decoration:none;
}

#queue_top{
	background-color:#265c8d;
	height:15px;
}
/* END OD HEADER */

/* MAIN */
.images_entete{
    padding-top:2%;
	text-align:center;	
}
.image_bandeau{
    margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
    display:inline-block;
    /*position:relative; 
    height:400px;
    width:700px;*/
    /*opacity: 0.9;*/
	
	vertical-align:top;
}
.image_bandeau:hover {
    /*opacity:1;*/
	opacity: 0.9;	
}
.link_bandeau img{
    transition: opacity,.3s;
    backface-visibility: hidden;
	vertical-align:center;
}
.image_bandeau_bouton{
    /*position: absolute;*/
    text-align: center;
    /*top: 80%;*/
    z-index:2;
    font-size:160%;
	width:100%;
}
.image_bandeau_texte{
    border: 2px solid white;
    display: inline-block;
    /*letter-spacing: .2em;*/
	width: 80%;
    line-height: 30px;
    padding: 0 30px;
    color: #265c8d; 
    text-transform: uppercase;
    background-color: rgba(255,255,255,0.7);
	padding-top: 5px;
	padding-bottom:5px;
}
.image_bandeau_texte:hover{
    background-color:white;
    color: #265c8d;
}

.gen_myrtea
{	
	background-color: white;
	width:100%;
	min-height : 10%;
	box-sizing: border-box;
	text-align:justify;
    padding: 15px 100px;
	box-shadow: 0px 13px 13px -10px rgba(0, 0, 0, 0.35) inset;
}
.gen_myrtea a {
	color:#265c8d;
	text-decoration:none;	
}
.gen_myrtea a:hover{text-decoration:underline;}
.gen_myrtea .titre_rubrique a{
	color:#265c8d;
	text-align:center;	
}

.gen_myrtea .titre_rubrique{	
	color: #265c8d;
	text-align:center;
	margin-bottom:15px;
    margin-top:15px;	
}
#lienGeneral_boutique{
    text-align: center;
    font-weight: normal; 
    margin-bottom: 20px;
    text-decoration: none;
	color:#265c8d;	
}
#lienGeneral_boutique a {text-decoration: none;font-size:18px;}
#lienGeneral_boutique a:hover{
    font-weight: bold;
	color:#265c8d;
}
#lienGeneral_formations{
    text-align: center;
    font-weight: normal; 
    margin-bottom: 20px;
    text-decoration: none;
	color:#6E1480;	
}
#lienGeneral_formations a {
    text-decoration: none;
	color:#6E1480;
	font-size:18px;
}
#lienGeneral_formations a:hover{
    font-weight: bold;
	color:#6E1480;
}
/* END OF MAIN */

/* FOOTER */
footer{	
	display:block;
	width:100%;	
	clear:both;	
	background: #265c8d none repeat scroll 0% 0%;
	font-family: "Source Sans Pro",sans-serif;
	font-size:15px;	
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}
.title_footer{
	font-weight:bold;
	font-size:19px;
	text-align:left;
	color:white;
	text-align:center;
}
.title_footer a{
	font-weight:bold;
	font-size:19px;
	text-align:left;
	color:white;
}
#bas_col_1{
	display: inline-block;
	vertical-align: top;	
	margin-left:5%;
	margin-right:5%;
}
#bas_col_1 a{text-decoration:none;}
#bas_col_1 a:hover{opacity : 0.3;}
#bas_col_2{
	display: inline-block;
	vertical-align: top;	
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	color:white;
}

#bas_col_3{
	display: inline-block;
	vertical-align: top;	
	margin-left:5%;
	margin-right:5%;
}
#bas_col_3 a{text-decoration:none;}
#bas_col_3 a:hover{opacity : 0.3;}
/* END OF FOOTER */

/* RESPONSIVE DESIGN */
@media all and (min-width: 480px) and (max-width: 900px){
	.image_bandeau{
		width:400px;
		margin-bottom:15%;
	}
	
	.image_bandeau img{
		width:400px;
	}
	.gen_myrtea{
		padding:15px 15px;
	}
	#bas_col_1{margin-bottom:5%;display:block;}
	#bas_col_2{margin-bottom:5%;display:block;}
	#bas_col_3{margin-bottom:5%;display:block;}
}

/* Version MOBILE */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	#middle_top img{width:300px;}
	
	#boutique_entete{
		display:block;
		margin-bottom:2%;
	}
	#boutique_entete a{	
	font-size:25px;
	}
	#formation_entete a{
	font-size:25px;
}
	#logo_home{
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:15%;
		margin-bottom:2%;
	}
	#logo_home img{	width:50%;}
	#formation_entete{
		display:block;
		margin-bottom:2%;
	}	
	.image_bandeau{
		display:block;
		margin-bottom:15%;
		width:99%;
		margin-right:0px;
	}
	.link_bandeau img{
		width:100%;
	}
	.image_bandeau_bouton{
		font-size: 100%;
		width:100%;
	}	
	.image_bandeau_texte{
		letter-spacing: .2em;
	}
		
	.gen_myrtea{
		padding:15px 15px;
	}
	#bas_col_1{	margin-bottom:10%;}
	#bas_col_2{	margin-bottom:10%;}
	#bas_col_3{	margin-bottom:10%;}
}