/* -----------------------------------------------------------------
					FEUILLE DE STYLE - ACCUEIL
----------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 979px) {
     /* == Header
	 ------------------------------------------------------------ */
	.conteneur_bandeau,
	#bandeau_sup {
		height: 104px;
	}
	.conteneur_principal,
	#bandeau_sup,
	.conteneur_slogan .conteneur_principal {
		width: 768px;
	}
	.conteneur_principal {
		margin: auto;
	}
	#logo {
		width: 120px;
		height: 120px;
	}
	#menu_deroulant {
		left: 125px;
		top: 65px;
	}
	#menu_deroulant ul a {
	    font-family: 'Verdana' !important;
		font-size: 14px !important;
		margin-left: 20px !important;
	}
	#menu_deroulant ul ul {
		background: #fff;
		left: 20px !important;
	}
	#menu_deroulant ul ul a {
		width: 145px !important;
		font-size: 12px !important;
		margin: 0 !important;
		padding: 10px 5px !important;
	}
	#menu_deroulant ul li:first-child ul {
		left: 20px !important;
	}
	#contact {
		right: 5px;
		top: 5px;
	}	
	#contact img {
		height: 30px;
	}
	
	/* illustration */
	.conteneur_slogan,
	#illustration	{
		height: 289px;
	}
	.conteneur_slogan {
		padding: 104px 0 0;
	}
	#illustration {
		width: 762px;
		background: url("bandeau.jpg") center top no-repeat;
		-webkit-background-size: cover; /* pour Chrome et Safari */
		-moz-background-size: cover; /* pour Firefox */
		-o-background-size: cover; /* pour Opera */
		background-size: cover; /* version standardisée */
		margin: 0 3px;
	}
	#vague {
		width: 768px;
		height: 61px;
		-webkit-background-size: cover; /* pour Chrome et Safari */
		-moz-background-size: cover; /* pour Firefox */
		-o-background-size: cover; /* pour Opera */
		background-size: cover; /* version standardisée */
		bottom: 61px;
		left: -3px;
	}
	#slogan {
		width: 419px;
		height: 53px;
		top: 179px;
		bottom: auto;
		right: 15px;
	}
	#slogan img {
		width: 419px;
		height: 53px;
		display: block;
	}
	#raccourci_navigation {
		width: 768px;
		height: 88px;
		bottom: -45px;
		background: url("fond_raccourci.png") left top repeat transparent !important;
		margin: 0;
	}
	#raccourci_navigation li {
		height: 44px;
		width: 20% !important;
		display: block;
	}
	#raccourci_navigation li  a {
		height: 30px;
		width: 153px !important;
		display: block;
		line-height: 30px;
		margin: 0;
		padding: 7px 0;
		text-align: left;
	}
	#raccourci_navigation li.bureatique  a,
	#raccourci_navigation li.coaching  a,
	#raccourci_navigation li.transport  a,
	#raccourci_navigation li.qualite  a,
	#raccourci_navigation li.gestion  a {
		line-height: 15px;
	}
	#raccourci_navigation li  img{
		height: 30px;
		float: left;
		margin: 0 5px !important;
	}
	#raccourci_navigation li.transport  img,
	#raccourci_navigation li.vente  img {
		height: 20px;
		margin: 5px !important;
	}
	/* == Contenu
	------------------------------------------------------------ */
	.conteneur_contenu {
		margin-top: 84px;
	}
	#contenu_de_page {
		max-width: 517px;
    height: 373px;
	}
	#titre_page {
		margin: 0 10px;
	}
	#colonne_droite {
		width: 200px;
	}
	#colonne_principale {
		width: 559px;
	}
	.maxCol1 .col1 {
		width: 500px;
	}
	/* == Colonne de droite
	------------------------------------------------------------ */
	#bloc_recherche {
		-moz-border-radius: 6px;
		border-radius: 6px;
		min-height: 62px;
	}
	#bloc_recherche input[type="text"]  {
		width: 128px;
	}
	#bloc_recherche h4.titre_mini_form,
	#certification .titre {
		font-size: 17px;
	}
	#certification {
		width: 169px;
    height: 250px;
	}
	#certification img{
		height: auto;
		max-width: 100%;
	}
	/* == Zone actualités
	------------------------------------------------------------ */
	#bloc_resume_articles h3.titre_categorie_encart_resume {
		padding: 0 10px;
	}
	#bloc_defile_articles {
		width: 768px;
	}
	.jcarousel-container {
		width: 668px;
	}
	.jcarousel-item {
		width: 310px;
	}
	.resume_article_encart_resume {
		display: none;
	}
	#bloc_resume_articles .vignette_encart_resume {
		width: 150px;
		height: 150px;
		background: #fff;
		border: 0;
		color: #cbcbcb;
		display: block;
	}
	/* == Footer
	------------------------------------------------------------ */
	#menu_bas {
		height: auto;
		padding: 20px 5px;
	}
	#bas_de_page {
		width: 768px;
	}
	#bas_de_page #liste_formation .titre_h1{
		padding: 0 0 0 10px;
	}
	#liste_formation {
		width: 560px;
	}
	#liste_liens ul {
		width: 260px;
		margin: 0 0 0 20px;
		padding: 0;
	}
	#liste_liens ul li {
		list-style: disc inside none;
		margin: 0;
	}
	#reseaux-sociaux {
		margin: 0 10px 0 0;
		min-height: 250px;
	}
	#mentions,
	#mentions *{
		font-size: 11px !important;
		line-height:24px;
	}
	#mentions {
		margin: 0 0 0 10px;
	}
	#reseaux-sociaux a {
		width: auto;
	}
	#back-top {
		bottom: 20px;
		position: fixed;
		right: 30px;
	}
/* Fin */
}