/* -----------------------------------------------------------------
					FEUILLE DE STYLE - ACCUEIL
----------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
     /* == Header
	 ------------------------------------------------------------ */
	#menu_principal,
	.conteneur_slogan {
		display: none;
	}
	.conteneur_principal {
		width: 480px;
		margin: auto;
	}
	#contact,
	#bandeau_sup ,
	#colonne_principale,
	#colonne_droite	{
		width: 480px;
	}
	.conteneur_bandeau,
	#bandeau_sup {
		height: 90px;
		position: relative;
	}
	#menu_sup {
		position: relative;
		left: auto;
		top: auto;
		background: #1267a4;
		display: block;
		padding: 5px 0 5px 110px;
		text-align: center;
	}
	#menu_sup a,
	#menu_sup a:hover {
		border-left: 1px solid #1476B8;
		color: #fff;
		line-height: 15px;
	}
	#contact {
		bottom: auto;
		left: auto;
		right: 15px;
		top: 56px;
		width: 160px;
		text-align: center;
	}
	#contact img {
		height: auto;
		max-width: 100%;
	}
	#logo {
		height: 80px;
		width: 80px;
	}
	#logo img {
		margin: 0;
	}
	#menu_deroulant_responsive {
		position: absolute;
		left: 110px;
		top: 45px;
		width: 180px;
		height: 33px;
		background: url(bg-select.png) 150px center no-repeat #fff;
		border: 1px solid #dfdfdf;
		overflow: hidden;
	}
	#menu_deroulant_responsive select {
		width: 195px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		cursor: pointer;
		padding: 8px 0 0;
	}
	#menu_deroulant_responsive optgroup,
	#menu_deroulant_responsive option {
		width: 158px;
		padding: 5px 10px;
	}
	#menu_deroulant_responsive optgroup{
		color: #1267a4;
	}
     /* == Contenu
	 ------------------------------------------------------------ */
	.conteneur_contenu {
		margin: 0;
	}
	#bloc-contenu {
		margin: 30px 0 0;
	}
	#titre_page {
		line-height: 30px;
		margin: 0 10px;
	}
	#colonne_principale {
		width: 299px;
		margin: 0 10px 30px;
	}
	#contenu_de_page {
		width: 259px;
		height: 100%;
		padding: 20px;
	}
	.col1, .col2, .col3, .col4 {
		width: 100% !important;
	}
	#body23 .col1 img {
		height: auto !important;
		width: 40% !important;
	}
	#body23 .col1 img.image_gauche {
		margin: 0 15px 5px 0;
	}
	/* == Colonne de droite
	------------------------------------------------------------ */
	
	/* Module recherche */
	#bloc_recherche {
		width: 270px;
		background: #19588d;
		background: -moz-linear-gradient(top,  #19588d 0%, #3981af 50%, #276fa1 51%, #3078a8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19588d), color-stop(50%,#3981af), color-stop(51%,#276fa1), color-stop(100%,#3078a8));
		background: -webkit-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: -o-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: -ms-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: linear-gradient(to bottom,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19588d', endColorstr='#3078a8',GradientType=0 );
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: none;
		margin: 0 10px 30px;
	}
	#bloc_recherche input[type="text"] {
		width: 226px;
	}
	/* Module certification */
	#certification {
		width: 269px;
		height: 200px;
		height: auto;
		float: none;
		margin: 0 10px 30px;
	}
	#back-top {
		bottom: 20px;
		top: auto;
		right: 20px;
		z-index: 100;
	}
	#back-top * {
		margin: 0 !important;
	}
     /* == Contenu
	 ------------------------------------------------------------ */
	#titre_page {
		line-height: 30px;
		margin: 0 10px;
	}
	#colonne_principale {                                                            
		width: 459px;
		margin: 0 10px 30px;
	}
	#contenu_de_page {
		width: 419px;
		height: 100%;
		padding: 20px;
	}
	.col1, .col2, .col3, .col4 {
		width: 100%;
	}
	/* == Colonne de droite
	------------------------------------------------------------ */
	
	/* Module recherche */
	#bloc_recherche {
		width: 430px;
		background: #19588d;
		background: -moz-linear-gradient(top,  #19588d 0%, #3981af 50%, #276fa1 51%, #3078a8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19588d), color-stop(50%,#3981af), color-stop(51%,#276fa1), color-stop(100%,#3078a8));
		background: -webkit-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: -o-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: -ms-linear-gradient(top,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		background: linear-gradient(to bottom,  #19588d 0%,#3981af 50%,#276fa1 51%,#3078a8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19588d', endColorstr='#3078a8',GradientType=0 );
		-webkit-border-radius: 5px;
		border-radius: 5px;
		float: none;
		margin: 0 10px 30px;
	}
	#bloc_recherche input[type="text"] {
		width: 388px;
	}
	/* Module certification */
	#certification {
		width: 429px;
		height: 200px;
		height: auto;
		float: none;
		margin: 0 10px 30px;
	}
	#back-top {
		bottom: auto;
		top: 20px;
		right: 20px;
		z-index: 100;
	}
	/* == Contenu
	------------------------------------------------------------ */
	#bloc_defile_articles {
		width: 460px;
		height: auto;
		margin: 0 10px;
	}
	#liste_resum_article {
		margin: 0;
		padding: 0;
		overflow: auto;
	}
	#liste_resum_article li {
		background: #fff;
		border-bottom: 1px solid #d1d1d1;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border-right: 1px solid #d1d1d1;
		margin: 0 0 10px;
		padding: 10px;
		text-align: right;
	}
	#liste_resum_article li::after,
	#menu_bas::after {
		content: " ";
		width: 100%;
		height:0;
		clear: both;
		display:block;
		overflow: hidden;

	}
	#bloc_resume_articles .vignette_encart_resume {
		display: none;
	}
	#bloc_resume_articles a.lien_suite_encart_resume {
		position:relative;
		bottom: auto;
		left:auto;
		right: auto;
		top: auto;
		display: inline-block;
		margin: 10px 0 0;
	}
	#mycarousel-next,
	#mycarousel-prev {
		display: none;
	}
	/* == Footer
	------------------------------------------------------------ */
	#menu_bas {
		height: 100%;
		padding: 20px 5px;
	}
	#menu_bas a{
		height: 100%;
		display: inline-block;
		margin: 5px 0;
	}
	#bas_de_page,
	#liste_formation {
		width: 480px;
		float: none;
	}
	#bas_de_page #liste_formation .titre_h1 {
		margin: 0 10px 15px;
	}
	#liste_liens {
		margin: 0 0 20px;
	}
	#liste_liens ul {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#liste_liens ul li {
		list-style: disc inside none;
		line-height: 24px;
		margin: 0 10px;
	}
	#mentions {
		position: absolute;
		bottom: 0;
		line-height: 25px;
		padding: 15px 10px;
		text-align: center;
	}
	#reseaux-sociaux {
		width: 460px;
		float: none;
		border: none;
		margin: 10px 10px 150px;
		padding: 0;
	}
	#reseaux-sociaux li {
		width: 33%;
		float: left;
		margin: 0;
		padding: 0;
	}
	/* == Pop-up
	------------------------------------------------------------ */
	#encart_popup {
		width: 100% !important;
		height: auto !important;
		-webkit-background-size: contain !important; /* pour Chrome et Safari */
		-moz-background-size: contain !important; /* pour Firefox */
		-o-background-size: contain !important; /* pour Opera */
		background-size: contain !important; /* version standardisée */
	}
	.encart_previsualisation {
		width: auto !important;
		height: auto !important;
		background: #fff;
		padding: 15px;
		text-align: left !important;
	}
	.encart_previsualisation h1#label_titre {
		width: inherit !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		display: inline-block;
		text-align: left !important;
	}
	.encart_previsualisation #label_texte {
		width: 100% !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		font-size: 14px !important;
		line-height: normal !important;
		margin: 20px 0 40px;
	}
	.fancybox-skin {
		background: #fff !important;
	}
/*----------------------------
	Fin du media query
----------------------------*/
}