/*   Charte :

Gris-foncé : #4A4A49
Gris-intermédiaire : #6A6969
Gris-clair : #9C9B9B
Rouge fonçé : #932826
rouge clair : #CC1719
*/

@media (max-width: 640px){
	body:before {
		content: "Version mobile du site";display: block;
		color: #777777 ;
		text-align: center ;
		font-style: italic ;
		font-size : .5em ;
	}
	/*                Suppression des images et modules supeflux                     */
	html{width : 100%; min-width : 260px; padding : 0;}
	header #banniere{display : block; height : 100%; margin-bottom : 10px;}
	header #logo {display : block;width : 100%; float : none;clear : both;}
		header #logo a{display : block;}
		header #logo img{display : block;margin : auto;}
	#titrePage{padding : 0; height : 100%; margin-bottom : 10px;}
	div#contenant{width : 100%; max-width : 100%;padding : 0;}
	div.contenu{width : 100%;padding : 0;margin : auto;}
	div.colUnique ul.villes li {
		list-style-type: none;
		display: inline-block;
		margin-left: 7%;
		font-weight: bold;
		font-size: large;
		text-align: center;
		margin-top: 10px; 
	}
	ol.margin-top-titre{
		padding: 10px;
	}
	#contenu-texte{width : 100%; margin-bottom : 0;}
	#humain img{ display : none ;}
	.col1{ display : none ; padding : 0;}
	.col1.annonce{ display : block ; width : 100%; float : none; clear : both;}
	#annonce {display: none;}
	.col2{ float : none ; margin-right : 0; width : 100%;}
	.col3{ display : none ;}
	.col4{ float : none ; width : 100%; margin : 0;}
	#carousel{ display : none ;}

	
	nav#menu .upperMenu li{display : block; background: linear-gradient(#ee8768 -10%, #bf2a24 35%,#bf2a24 65%,#81241f 85%,#bf2a24 100%); border-radius:10px 5px; margin-left : 3%; margin-bottom: 5px; width : 45%; min-width : 80px;}
	nav#menu .upperMenu li a,nav#menu .upperMenu li a:link,nav#menu .upperMenu li a:visited{color : #BCBBBB ; display : block;}
	nav#menu .upperMenu li.Selected a,nav#menu .upperMenu li.Selected a:link,nav#menu .upperMenu li.Selected a:visited{color : #ffffff}
	
	footer{background-image : none; width : 100%; position : static; padding-top : 0;}
		footer #pied-page{
			padding-top : 0;
		}
		footer #pied-page li{
			display : block ;
			width : 130px;
			height : 30px ;
			margin-right : 4px;
			padding-top : 5px;
		}
		footer #pied-page .mentions a:link, footer #pied-page .mentions a:visited {display : block; width : 100%; height : 100%; background: linear-gradient(#ee8768 -10%, #bf2a24 35%,#bf2a24 65%,#81241f 85%,#bf2a24 100%); border-radius:10px 5px; font-weight : bold;color : #BCBBBB ;text-align : center; padding-top : 3px;}
		footer #pied-page  li.mentions.Selected a,footer #pied-page  li.mentions.Selected a:link,footer #pied-page li.mentions.Selected a:visited{color : #ffffff; padding-top : 5px;}
		footer #pied-page ul{display : block;clear : both;height : 60px; margin : auto;width : 140px; padding : 0; text-align : right;}
		footer #pied-page ul span{color : #6A6969;}
		footer #pied-page ul.socialMenu{margin : auto ; width : 240px; height : 40px;}
		footer #pied-page ul.socialMenu li{margin-right : 10px; }
		.br-width{
			display: block;
		}
		input#tel.telephone {margin-bottom: 15px;}
		fieldset{width: auto !important; margin: 8px !important;}
		form{margin: auto !important;}

		.mobile {display: block;}

		.desktop {display: none;}
}