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

	#menu li 
	{
		margin-right: 2%;
	}

	#reseaux
	{
		width: 24%;
	    margin-top: -98px;
	    float: right;
	    margin-right: -60px;
	}

	.texte_bandeau
	{
		font-size: 17pt;
	}

	.inline
	{
		width: 60%;
	}

	.inline1
	{
		margin-bottom: 0px;
		width: 55%;
	}

	.inline li, .inline1 li
	{ 
		display:block; 
		font-size: 11pt;
		margin-right: 15px;
	}

	.inline li a, .inline1 li a
	{
		color: #29595d;
		cursor: pointer;
	}


}



@media handheld, only screen and (min-width:0px) and (max-width: 1140px) {
	body 
	{
		/*background:;				/* A compléter */
		height:100%;
		margin:0px;
		padding:0px;
		width:100%;   
	}

	.inline
	{
		width: 92%;
    	margin-left: 0px;
	}

	.inline1
	{
		margin-bottom: 0px;
		width: 92%;
    	margin-left: 0px;
	}

	.cont
	{
		font-size: 8pt;
	}

	.flex-viewport, .slides 
	{
    	/*height: 493px;*/
	}

	.slicknav_menu 
	{
		box-shadow: 0px 4px 2px #9F9F9F;
	    display: block;
	    width: 100%;
	    /*float: left;*/
	    z-index: 99999999;
    	position: fixed;
    	top: 160px;
	}

	#menu_level
	{
		background-color: #FFF;
		box-shadow: 0px 4px 2px #9F9F9F;
		display: none;
		font-family: Arial, sans-serif;
		margin: 0;
		position: relative;
		text-align: left;
		z-index: 999999999;
	}

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

	#menu_level li
	{
		height:20px;
	}

	#menu_level li a
	{
		color: #ff4e00;
		font-family: Arial, Sans-serif;
		font-weight: bold;
	}

	#hamburger_menu
	{
		cursor: pointer;
		float:left;
		margin-left: 15px;
		margin-top: 11%;
	}

	#ouverture_menu
	{
		cursor: pointer;
		float:left;
		margin-left: 15px;
		margin-top: 11%;
	}

	#menu_select 
	{
		display: none;
	}
	
	#menu
	{
		/*position: fixed;*/
		box-shadow: 0px 4px 2px #9F9F9F;
		width:100%;
		background-color:#FFFFFF;
		z-index:9999;
	}

	.flex-viewport ol li 
	{
		list-style-type: decimal !important;
	}

	#formulaire_c input[type=text], #formulaire_c textarea
	{
		text-transform: uppercase;
	}

	#info_contact div
	{
		margin-bottom: 15px;
		float:left;
	}

	#info_contact img
	{
		margin-right:15px;
	}

	#info_nom
	{
		color:#ff4e00;
		font-weight: bold;
		margin-bottom: 15px;
		float: left;
		font-size: 14pt;
	}

	#m_interne
	{
		display: none;
	}

	#m_interne1
	{
		display: block;
	}

	#m_interne1 li
	{
		background-image: none;
	}

	#filtre
	{
		filter: brightness(100%);
	        -webkit-filter: brightness(100%);
	        -moz-filter: brightness(100%);
	        -o-filter: brightness(100%);
	        -ms-filter: brightness(100%);
	}

	#adresse_footer
	{
		float:left;
		width:100%;
		padding-top:50px;
	}

	#adresse_footer p
	{
		margin-left:40px;
	}

	#body
	{
		font-family: Arial, sans-serif;				/* A compléter */
		/*font-size:;					/* A compléter */
		margin:auto;
		text-align:center;
		width:100%;
		max-width: 100%;
	}

	#bas_page
	{
		background-color: #29595d;
		color: #fff;
		width: 100%;
		font-weight: bold;
		font-size:9pt;
		height:150px;
	}

	/* HAUT DE PAGE */
	#bandeau
	{
		height: 170px;
		font-family:;
		font-weight: bold;
		/*position: fixed;*/
		/*border-bottom: 1px solid #cacaca;*/
		width:100%;
		margin-bottom:0px;
		/*sg z-index:4;*/
		background-color:#FFFFFF;
		box-shadow: 0px 2px 15px #cacaca;
	}
	#bandeau ul li ul
	{
		background-color:#525254;
		width:auto;
		z-index:15;
	}

	#bandeau ul li ul li a
	{
		color:#FFFFFF;
	}

	#bandeau a:hover
	{
		color:#fcd418;
	}

	#bandeau_photos
	{
		width:100%;
		/*position:absolute;*/
		margin-top:92px;
		/*sg z-index:1;*/
		height:auto;
	}

	/*#contenu_site div div 
	{
		padding-left: 90px;
	}*/

	#contenu h1
	{
		color:#322785;
		text-align:center;
	}

	#conteneur
	{
		display: inline;
	}

	

	#fleche_bandeau
	{
		display:none;
		position: absolute;
		z-index:9999;
		float:left;
		margin-top:-510px;
	}

	.flexslider
	{
		margin-top: 156px;
		width:100%;
	}

	.texte_bandeau
	{
		width: 97%;
	    float: left;
	    margin-top: -50px;
	    font-size: 22pt;
	    font-weight: bold;
	    color: #fff;
	    text-align: left;
	}



	#fleche_bandeau img
	{
		float:left;
	}

	#fleche_coulisse
	{
		display: none;
		height: 47px;
	padding-left:20px;
	  width:0px;
	  position:absolute;
	  left:484px;
	}


	#fleche_coulisse img
	{
		margin-top: 3px;
	    float: left;
	    position: relative;
	}

	#flexslider
	{
	   position: absolute;
	   float:left;
	   margin-top: 170px;
	}

	#header
	{
		position: fixed;
	    width: 100%;
	    height: 170px;
	    margin-top: -15px;
		z-index:99999;
	}


	/* Menu */
	#lien_mgs
	{
		font-size:11px;
		color: #ffffff;
		text-transform: uppercase;
	}

	#lien_mgs:visited
	{
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
	}

	#liens
	{
		display: none;
		float:left;
		height:92px;
		padding-bottom:0px;
	}


	#liens_page
	{
		padding-top: 100px;
	    width: 100%;
	    text-align: left;
	    white-space: nowrap;
	}

	#liens_page a:hover, #liens_page a.active 
	{
	    color: #fcd418;
	}

	#liste_liens li a
	{
		height:38px;
	}

	/*#liste_liens li ul li
	{
		width:600px;
	}*/


	#liste_liens li ul li a
	{
		height: 20px;
	}
	#logo
	{
		float: left;
		margin-top:20px;
	}

	#logo a img 
	{
		float:left;
		height: auto;
		max-width: 370px;
	    width: 90%;	
	}

	#mail_footer
	{
		color: #ffffff;
		text-decoration: underline;
		font-weight: bold;
	}

	#mail_footer:visited
	{
		color: #ffffff;
		text-decoration: underline;
		font-weight: bold;
	}

	#map_altrans
	{
		width: 100%;
		height:480px;
	}

	#mentions_legales
	{
		font-size:11px;
		color: #ffffff;
		text-decoration: underline;
		cursor:pointer;
	}

	#mentions_legales:hover, #mentions_legales:focus, #mentions_legales:active
	{
		background:rgba(0,0,0,.4);
	    box-shadow:0 1px 0 rgba(255,255,255,.4);
	}

	#mentions_legales span
	{
		position:absolute; 
		margin-top:-320px;
		margin-left:-35px;
		color:#000000;
		background-color:#fcd418;
		padding:15px;
		border-radius:3px;
		box-shadow:0 0 2px rgba(0,0,0,.5);
		transform:scale(0) rotate(-12deg);
		transition:all .25s;
		opacity:0;
		cursor: default;
	}

	#mentions_legales:hover span, #mentions_legales:focus span, #mentions_legales:active span
	{
	     transform:scale(1) rotate(0);
	     opacity:1;        
	}

	#mentions_legales:visited
	{
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
	}


	#menu 
	{
		font-size:10pt;
		height:170px;
	}

	#menu a 
	{
	}

	#menu ul 
	{
		height: 20px;
		padding-bottom: 10px;
		position:relative;
		font-size:12pt;
	}

	#menu li 
	{
	    /* Float permettant l'alignement horizontal */
	    float: left;
	    /* Position permettant l'alignement des sous menu avec son menu parents */
	    position: relative;
		margin-right: 50px;
	}
	#menu li a 
	{
	    display: block;
	    text-decoration: none;
		color:#525254;
		margin-right:10px;
	}

	#menu ul li ul li:first-child
	{
		padding-top:15px;
	}

	/* Effet de survol sur les éléments */
	#menu li:hover 
	{
	}

	#menu li ul 
	{
	    position: absolute;
	    display: none;
	}

	#menu li ul li 
	{
		float: none;
	    position: relative;
	}

	/* 3ème niveau (Page) */
	#menu ul
	{
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}

	#menu ul li:hover ul 
	{
		font-family:;
	    display: block;
		position: absolute;
		height: auto;
		width:220px;
	}
	#menu ul li ul li
	{
		padding-bottom:5px;
		padding-left:5px;
		font-size:11pt;
	}

	#menu_ordi
	{
		display: none;
	}

	#menu_ordi li a, #menu_ordi li a:visited
	{
		color: #ff4e00;
		font-weight: bold;
	}

	/*#menu_ordi li a.active
	{
		color:#000;
		font-weight:bold;
	}*/

	#photos_bandeau
	{
		/*position: absolute;
		z-index:-1;*/
		width:100%;
	}

	#photo img
	{
		max-width:380px;
		max-height:250px;
		margin-bottom:10px;
	}

	#reseaux
	{
	    width: 32%;
    	margin-top: -95px;
    	float: right;
    	margin-right: 20px;
    	padding-top: 0px;
	}

	#reseaux img, #reseaux_bas img 
	{
		cursor: pointer;
		margin-right: 10px;
	}

	#reseaux img:last-child
	{
		margin-right: 0px;
	}

	#reseaux_bas
	{
		 width: 24%;
    	margin-top: -5px;
    	float: right;
    	margin-right: 20px;
    	padding-top: 0px;

	}

	#texte_bandeau
	{
	   position:absolute;
	   text-align:center; 
	   width:94%;
	   z-index:99998;
	   top:25%;
	   margin-left:60px;
	}

	#trad
	{
		padding-top:55px;
	}

	#trad img
	{
		padding-right: 5px;
		cursor:pointer;
	}

	#zone_texte
	{
		margin-left: 400px;
		text-align:left;
	}

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

	#img_theme
	{
		float: left;
    	width: 100%;
    	text-align: center;
    	margin-bottom: 25px;
	}

	#img_theme img
	{
		width: 40%;
	}

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

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

	/************************** MAPS *********************************/
	#maps_gps
	{
		width: 100%;
		margin-top: 10px;
	}

	/* ------------------------- CLASSES --------------------------- */
	.blanc
	{
		background-color: #FFFFFF;
		color:#29595d;
		padding-bottom:15px;
		
	}

	.vert
	{
		background-color: #29595d;
		color:#fff;
		padding-bottom:15px;
	}

	.orange
	{
		background-color: #ff4e00;	
		color:#fff;
		padding-bottom:15px;
	}

	.case
	{
	   font-family:Arial,Sans-serif;
	   font-size:18pt;
	   margin-top:30px;
	   margin-bottom:5px;
	   padding-top:15px;
	   padding-bottom:8px;
	   height:auto;
	   text-transform: uppercase;
	   font-weight: bold;
	   text-align:left;
	}

	.case_nm
	{
	   font-family:Arial,Sans-serif;
	   font-size:20pt;
	   margin-top:30px;
	   margin-bottom:5px;
	   margin-left:75px;
	   padding-top:15px;
	   padding-bottom:8px;
	   height:auto;
	   text-transform: uppercase;
	   font-weight: bold;
	   text-align:left;
	}

	.clear
	{
		clear:both;
	}

	.content
	{
		text-align:left;
		/*margin-left: 500px;*/
		margin-top: 10px;
		margin-bottom:10px;
	}

	.content p 
	{
		text-align:left;
	}

	.content ul 
	{
		-webkit-padding-start: 0px;
	}

	.content li 
	{
		list-style-type: none; /* on annule la puce par défaut */
	    /*background-image: url(../../images/elements/fleche_parcours.png); /* on affiche l'image souhaitée */
	    background-repeat: no-repeat; /* on annule la répétition par défaut */
	    background-position: left center; /* on positionne où l'on veut */
	    padding-left: 20px; /* pour éviter la superposition du contenu */
	}

	.div_lien
	{
		float:left;
		color:#322785;
	}

	.div_lien img
	{
		margin-right:5px;
	}

	.flex-caption {
	   width: 100%;
	   padding-top: 2%;
	   padding-bottom: 2%;
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   background: rgba(0,0,0,0.6);
	   color: #fff;
	   text-align: center;
	   text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	   font-size: 14px;
	   line-height: 18px;
	   margin:0;
	}


	.gros
	{
	   font-family:Arial,Sans-serif;
	   /*font-size:42pt;*/
	   font-size:4rem;
	   width:100%;
	   margin-bottom: 20px;  
	}

	.img_actu
	{
		max-width:215px;
		max-height:160px;
	}

	.input
	{
		border: 1px solid black;
		color: black;
		margin-bottom:10px;
		padding-left:10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.invert
	{
	        filter: invert(1);
	        -webkit-filter: invert(1);
	        -moz-filter: invert(1);
	        -o-filter: invert(1);
	        -ms-filter: invert(1);
	}


	.jaune .titre
	{
		color:#FFFFFF;
	}
		
	.menu_livre
	{
		height: 38px;
	}

	.slides
	{
		text-align:center;
		width:100%;
		/* sg z-index: -1;*/
	}

	.titre
	{
	   font-family:Arial,Sans-serif;
	   width:auto;
	   margin-bottom:30px;
	   margin-top:5px;
	   color:#fcd418;
	   font-weight:bold;
	   text-align:center;
	   letter-spacing:2px;
	   font-size:12pt;
	}

	.titre_actu
	{
		font-family:Arial,Sans-serif;
		background-color:#FCD418;
		color:#322785;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		font-size:12pt;
		margin-bottom:20px;
	}

	.content
	{
		padding-left:15px;
		padding-right: 15px;
	}
}


/* CSS pour les élément sur tablette. */
@media handheld, only screen and (min-width: 700px) and (max-width: 979px)
{
	
}