@charset "utf-8";
/* CSS Document */


@media (min-width: 641px){
	/* éléments à masquer */
	.show_mobile {
		display: none;
	}

	.dropdown {
		display: none;
	}
}

/* pour les éléments de la page index */
@media (max-width:420px){
	.ImgLogoIndex {
		width:100%;
		padding:20px;
		margin:0;
	}

	.Titre {
		height:40px;
		font-family:'Trirong', serif;
		font-size:20px;
		vertical-align:bottom;
		letter-spacing:4px;
		color:#000;
	}
	
	.SousTitre {
		height:20px;
		font-family:'Domine', serif;
		font-size:10px;
		letter-spacing:4px;
		font-style:italic;
		color:#000;
	}
}

/* pour les éléments de la page index en très petite résolution */
@media (max-width:340px){
	.ImgLogoIndex {
		width:100%;
		padding:10px;
		margin:0;
	}

	.Titre {
		height:35px;
		font-family:'Trirong', serif;
		font-size:16px;
		vertical-align:bottom;
		letter-spacing:4px;
		color:#000;
	}
	
	.SousTitre {
		height:20px;
		font-family:'Domine', serif;
		font-size:10px;
		letter-spacing:4px;
		font-style:italic;
		color:#000;
	}
}

/* Version intermédiaire*/
@media (min-width: 641px) and (max-width:920px){

	/* passer body (et tous les éléments de largeur fixe) en largeur automatique
	body {
	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}*/
	
	/* conserver le ratio des images 
	img {
		height: auto;
	}*/
	
	/* passage à la ligne spécifique pour les éléments à châsse fixe
	code,
	pre,
	samp {
		white-space: pre-wrap;
	}*/

	/* éléments à masquer
	.hide_mobile {
		display: none;
	}*/

	/*.PageCentral {
		width:100%;
		background:rgba(0, 0, 0, 0.7);
		border:none;
		margin:0 auto;
		padding:0;
		text-align:center;
	}*/

	.MenuTxtSelect {
		/*background-image:url(../Images/BlancTrans.png);
		background-repeat:repeat;*/
		font-size:17px;
		/*font-family:'Trirong', serif;*/
		color:#FFF;
		vertical-align:middle;
		text-align:center;
		text-decoration:none;
		cursor:default;
	}
	
	.MenuTxt {
		font-size:15px;
		color:#FFF;
		vertical-align:middle;
		text-align:center;
	}
	.MenuTxt a {
		color:#CCC;	
		text-decoration:none;
	}
	.MenuTxt a:hover {
		color:#FFF;	
		text-decoration:none;
	}
	
	.Texte {
		font-size:16px;
		color:#CCC;
	}

	.Texte_Old {
		font-size:16px;
		color:#999;
	}

	.Txt_Img {
		font-size:16px;
	}
	
	.Ss_Txt_Img {
		font-size:14px;
	}

}

/* largeur jusqu'à 640 px */
@media (max-width: 640px) {

	/* passer body (et tous les éléments de largeur fixe) en largeur automatique
	body {
	}*/
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}*/
	
	/* conserver le ratio des images 
	img {
		height: auto;
	}*/
	
	/* gestion des mots longs */
	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	/* passage à la ligne spécifique pour les éléments à châsse fixe */
	code,
	pre,
	samp {
		white-space: pre-wrap;
	}

	/* éléments à masquer */
	.hide_mobile {
		display: none;
	}



	/* Pour le menu en petite résolution */
	.dropdown {
		/*position: relative;
		display: inline-block;*/
		text-align:left;
	}
	
	.dropbtn {
		width:100%;
		height:48px;
		/*margin-top:15px;
		margin-left:10px;
		margin-right:5px;*/
		background-image:url(../Images/ico_menu.png);
		background-repeat:no-repeat;
		background-position:left;
		cursor: pointer;
		float:left;

		/*pour le texte MENU*/
		font-size:22px;
		color:#CCC;
		vertical-align:middle;
		text-align:left;
		padding-top:6px;
		padding-left:48px;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		margin-top:48px;	/* pour décaler vers le bas de la hauteur du bouton -1 */
		background-color: #f9f9f9;
		min-width: 100%;
		/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);	/* ombre sous la boîte */
		border-top:1px solid #CCC;
		z-index: 1;
}
	
	/* Actual page inside the dropdown */
	.dropdown-content b {
		font-size:20px;
		text-align:center;
		color:#515151;
		/*padding: 12px 16px;*/
		padding-top:12px;
		padding-bottom:12px;
		/*text-decoration: none;*/
		border-bottom:1px solid #CCC;
		display: block;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
		font-size:20px;
		text-align:center;
		color:#515151;
		/*padding: 12px 16px;*/
		padding-top:12px;
		padding-bottom:12px;
		/*text-decoration: none;*/
		border-bottom:1px solid #CCC;
		display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {
		background-color:#555;
		color:#FFF;
	}
	
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
	}
	
	/* Change the background color of the dropdown button when the dropdown content is shown */
	.dropdown:hover .dropbtn {
		background-image:url(../Images/ico_menu_hover.png);
		color:#FFF;
	}
	/*.dropdown:hover .textMenuSmall {
		color:#F60;
	}*/
	


	.TitrePage {
		height:60px;
		padding:10px 0px 0px 0px;
		font-size:25px;
		/*font-family:Times New Roman, Times, serif;*/
		font-family:'Trirong', serif;
		font-style:italic;
		color:#FFF;
		vertical-align:middle;
		text-align:center;
	}
	
	.SsTitrePage {
		height:50px;
	}

	.Texte {
		font-size:15px;
		color:#CCC;
	}

	.Texte_Old {
		font-size:15px;
		color:#999;
	}

	.Txt_Img {
		font-size:12px;
		font-style:normal;
	}
	
	.Ss_Txt_Img {
		font-size:14px;
	}

	.BandeauMenuPage {
		font-size:12px;
	}

/*	.BandeauBasPage {
		width:100%;
		height:50px;
		vertical-align:middle;
		text-align:center;
		border:none;
		margin:0;
		padding:0;
		background-image:url(../Images/bardage_s2.jpg);
		background-position:center, top;
		background-repeat:repeat;
		border-top: 1px solid grey;
	}
	
	.TxtBasPage {
		font-size:12px;
		color:#fff;
		vertical-align:middle;
		text-align:center;
		letter-spacing:1px;
	}*/

}