/* CSS RESPONSIVE DESIGN OOB V1.0 */

@media only screen and (max-width: 1120px)
{
	.oob_main { width:100% !important; min-height:0px !important; padding-left:3% !important; padding-right:3% !important; }
	.nomobile { display:none; }
	.mobileonly { display:block !important; }
	
	.oob_article, .oob_tiers:not(.tablette), .oob_deuxtiers, .oob_demi, .oob_quart, .oob_saisie input.demi, .oob_filtres .chosen-container, .oob_filtres input[type=text], .oob_contenu, .oob_quiz_resultat_gauche, .oob_quiz_resultat_droite { float:none !important; width:100% !important; margin-right:0 !important; margin-bottom:20px; }
	.oob_rubriques .oob_tiers a img, .oob_rubriques .oob_tiers a div { vertical-align:middle; }

	#oob_menu { float:none; text-align:center; }
}

@media only screen and (max-width: 950px)
{
	header i.fa-bars { display:block; position:absolute; right:30px; top:38px; font-size:32px; color:#FFF; cursor:pointer; }
	header i.fa-close { display:block; font-size:24px; color:#AAA; cursor:pointer; }

	#oob_menu { display:none; text-align:right; background:#FFF; box-shadow:0 0 20px #444; position:fixed; top:0; right:0; width:80%; height:100%; z-index:800; padding-right:40px !important; padding-top:40px !important; }
	.oob_menu_item { display:block; margin-top:20px; margin-right:0; color:#444; text-shadow:none; }
	.oob_menu_barre { left:auto; right:0; }
	
	header.menuMobile #oob_recherche, header.menuMobile #oob_menu { display:block; }
	header.menuMobile #oob_titre { display:none; }
	
	.oob_video_full p { float:none; width:100%; margin-bottom:15px; }
}

@media only screen and (max-width: 800px)
{
	#oob_menu { clear:both; padding-top:0; }
	
	.oob_tiers.tablette, .oob_video_full.demi { float:none !important; width:100% !important; margin-right:0 !important; margin-bottom:20px; }
	
	.oob_folder  { float:none; width:100%; margin-right:0; margin-bottom:20px; }
	.oob_video_full.demi iframe, .oob_video_full iframe { width:100% !important; height:220px !important; }
	.oob_download_link { float:none; text-align:right; display:block; margin-top:10px; }
	.oob_modele { margin-left:-10px; margin-right:-10px; padding:10px; }
	.oob_folders, form { padding:10px; }
}

@media only screen and (max-width: 550px)
{
	#oob_logo img { max-width:200px; }
	.oob_video_full.demi iframe, .oob_video_full iframe { height:200px !important; }
	#oob_logo img:nth-of-type(2) { clear:both; margin-left:0 !important; }
	header { padding-bottom:20px; }
}