/* CSS pour les éléments sur téléphone. */
@media handheld, only screen and (max-width: 480px) {

	body
	{
		width:auto;
	}
}


@media handheld, only screen and (max-width: 699px) {

	body
	{
		width:auto;
	}
	.div_lien
	{
		width:100% !important;
	}
	#header
	{
		background-color: #FFF;
		height: auto;
		margin-top: 0px;
		height: 138px;
	}
	#menu
	{
		/*height:10%;*/
		height: 138px;
	}

	#logo
	{
		margin-top:20px;
	}

	#logo a img
	{
		max-width: 330px;
		width:65%;
	}

	.texte_bandeau
	{
		font-size:20px;
	}

	.flexslider
	{
		height:300px;
		margin-top:140px;
	}

	.slides
	{
		height: 300px;
	}

	.flexslider .slides img
	{
		height:250px !important;
	}

	.div_trait, .div_trait_o, .div_trait_b, .trait, .trait_spec
	{
		display: block;
	}

	#sp
	{
		margin-top:10px;
	}

	.inline, .inline1 
	{
		margin-left: -40px;
	}

	.inline li
	{
	    display: inline;
	    font-size: 10pt;
	    margin-right: 2px;
	}

	.inline1 li
	{
		display: block;
	    font-size: 10pt;
	    margin-right: 2px;
	    margin-bottom: 5px;
	}

	#fleche_coulisse_2_1
	{
		display:none;
	}

	#fleche_coulisse_2, #fleche_coulisse_2_1
	{
		left:81px;
	}

	#reseaux
	{
    	margin-top: -132px;
    	margin-right:0px;
	}

	#reseaux img 
	{
		width: 24px;
		height: 24px;
	}

	#hamburger_menu
	{
		margin-top:7%;
	}

	#reseaux_bas
	{
		display: none;
	}

	#adresse_footer p
	{
		margin-bottom: 15px;
	}

	#lien_mgs
	{
		float: right;
		margin-right:10px;
	}

	.special img 
	{
    	height: auto !important;
    	width: 100% !important;
	}

	#m_interne
	{
		display: none;
	}

	#m_interne1
	{
		display: block;
	}


	#contenu_chap
	{
		float: left;
    	width: 90%;
	}

	#img_theme
	{
		float: left;
    	width: 100%;
    	text-align: center;
	}

	#img_theme div
	{
		font-weight: bold;
	}

	.blanc div.cache_ordi
	{
		font-size: 8pt;
	}

	.cache_ordi div:first-child
	{
		margin-bottom: 10px;
	}

	#img_theme img
	{
		width: 50%;
	}

	#m_interne ul, #m_interne1 ul
	{
		margin-bottom: 0px;
	}


	.cont table tr td:nth-child(1)
	{
		padding: 0px 10px 0px 10px !important;
    	border: none !important;
	}
	.cont table tr td:nth-child(2)
	{
		padding-left: 15px !important;
    	padding-right: 15px !important;
	}

	.cont table tr td:nth-child(3)
	{
		padding: 0px 10px 0px 10px !important;
    	border: none !important;
	}

	#m_interne
	{
		position: absolute;
    margin-top: 350px;
	}

	.flexslider ol
	{
		top:69% !important;
	}

	.fleche_level
	{
		display: block;
		position: absolute;
		left: 15px;
	}

	#fleche_coulisse_2
	{
		display: none;
	}

	.cont
	{
		border : 0.5px solid #ff4e00;
		border-radius: 10px;
		margin-bottom: 15px;
		margin-left: 10px;
		margin-right: 10px;
	}

}