/* -------------------------Général CSS Refuge du Tourond------------------------------- */
body{
	font-family: arial;
	color: #330000;
	background-image: url('images/refuge_du_tourond_panorama340.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #FFFFCC;
}

#index_body{
	background-image: url('images/banniereaccueil.gif');
}

body, img, header, footer, section, div, span, figure, nav, ul, ol, li, p, a, h1, h2, h3, h4, h5, h6, object{
    margin: 0px;
	border: 0px;
    padding: 0px;
}

#page{
	background-color: rgb(255,255,204);
}

.page1024{
	width: 1024px;
	margin: auto;
}

ol, ul, li{
	font-size: 0.9em;
}

nav li{
	display: inline-block;
}
h1{
	font-size: 2em;
	font-family: arial;
	color: #330000;
}
h2{
	font-size: 1.3em;
	font-family: arial;
	color: #330000;
}
h3{
	font-size: 1.1em;
	font-family: arial;
	color: #330000;
}
p{
	font-size: 1em;
	font-family: arial;
	color: #330000;
}

.petite_police{
	font-size: 0.8em;
}

ol{
	font-family: arial;
	color: #330000;
}

strong{
	font-family: arial;
	color: #330000;
}
em{
	font-family: arial;
	color: #330000;
}

a{
	color: #330000;
	text-decoration: none;
}

a:hover{
	color: brown;
}

/* ----------------------Header---------------------------- */

header{
	background-color: rgba(255,255,204,0);
	position: relative;
	width: 1024px;
	padding-top: 35px;				/*--------------------- Positionnement de la bannière de toutes les pages  --------------------*/
	margin: auto;
}

#index_body header{
	margin-top: 120px;				/*--------------------- Positionnement de la bannière d'accueil  -----------------------------*/
}

.logo_header{
	display: inline-block;
	margin: 60px;
	margin-left: 0px;
	vertical-align: bottom;
	background-color: rgba(255,255,204,0.7);
	border-radius: 5px;
}

.logo_yak_raid{
	position: relative;
	z-index: 2;
	bottom: 350px;
	display: inline-block;
	margin: 10px;
	vertical-align: bottom;
	background-color: rgba(0,48,32,0.4);
	border-radius: 5px;
}



/* ---------------------Menu de navigation--------------------------- */

.titre_menu{
	font-family: 'police', arial, sans-serif;
	font-size: 2.5em;
	font-style: italic;
	color: #330000;
	margin: 3px 25px;
	
}
.menu{
	margin: auto;
	background-color: rgba(255,255,204, 0.8);
	text-align: center;
}

.menu ul{
	display: inline-block;
	
}

.menu li{
	font-size: 0.75em; 
}

/* ------------------- Menu Vertival ------------------------------ */

.menu_vertical, .menu_vertical_iti{
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding-top: 80px;
	text-align: center;
}
.menu_vertical li, .menu_vertical_iti li{
	margin-top: 15px;
}

.menu_vertical img, .menu_vertical_iti img{
	border-radius: 2px;
	box-shadow: 0.5px 0.5px 2px #330000;
	position: relative;
	z-index: 1;
}

/*.menu_vertical a, .menu_vertical_iti a{
	position: absolute;
	background-color: rgba(255,255,204,0.5);
	border-radius: 2px 0px 2px 0px;
	color: #330000;
	z-index: 2;
	font-size: 1.5em;
	color: #330000;
	padding: 2px;
}*/

.menu_vertical h3, .menu_vertical_iti h3{
	position: absolute;
	background-color: rgba(255,255,204,0.5);
	border-radius: 2px 0px 2px 0px;
	color: #330000;
	z-index: 2;
	font-size: 1.5em;
	color: #330000;
	padding: 2px;
}

.menu_vertical p, .menu_vertical_iti p{
	position: relative;
	bottom: 22px;
	right: 0px;
	background-color: rgba(255,255,204,0.5);
	border-radius: 0px 0px 2px 2px;
	color: #330000;
	z-index: 2;
	font-size: 1em;
	color: #330000;
	padding: 2px;
}

.menu_vertical a:hover, .menu_vertical_iti a:hover{
	color: brown;
}

/* ------------------- Page ------------------------------ */

.accueil ul{
	padding-left: 40px;
	font-size: 1em;
}
.accueil a{
	font-variant: unset;
}

.index{
	width: 815px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 0px;
}

.presentation{
	padding-left:30px;
}

.presentation p{
	font-size: 1.1em;
}
.presentation h1{
	font-size: 2em;
}

article{
	text-align: justify;
}

.menu_bas{
	height: 26px;
	background-color: #330000;
	text-align: center;
}

.menu_bas li{
	padding-top: 1px;
	padding-right: 5px;
}

.menu_fixe{
	height: 22px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	border-radius: 5px 0px 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFCC;
	background-color: rgba(51,0,0, 0.9);
	text-align: center;
	z-index: 2;
}

.menu_fixe a{
	color: #FFFFCC;
}

.menu_fixe a:hover{
	font-weight: bolder;
	font-size: 1.1em;
}

.voyage a {
	color: #435389;
	text-decoration: underline;
}

.voyage a:hover{
	font-weight: bolder;
}

.menu_fixe:hover{
	background-color: rgb(51,0,0);
}

.menu_fixe li{
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}

.menu_fixe_tel{
	position: fixed;
	right: 0px;
	bottom: 0px;
	border-radius: 5px 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 2.5em;
	color: #FFFFCC;
	background-color: rgba(51,0,0, 0.88);
	text-align: center;
	z-index: 3;
}

.menu_fixe_tel img{
	padding-right : 8px;
	padding-top : 5px;
}

.menu_fixe_contact p, .menu_fixe_contact strong{
	font-size: 1.2em;
	color: #FFFFCC;
	display: inline-block;
}

.menu_fixe_contact p{
	text-decoration: underline;
}

.titre_page{
	text-align: center;
}

.orga{
	width: 790px;
	display: inline-block;
	padding-left: 20px;
	text-align: justify;
	
}

.orga h2{
	padding-top: 20px;
}

.orga h3{
	font-size: 1em;
}

.orga ul{
	font-size: 1em;
	margin-left: 20px;
}

.orga ol{
	font-size: 1.1em;
	margin-left: 20px;
}

.photo_index{
	position: relative;
	bottom: 140px;
	left: 20px;
	width: 750px;
	border-radius: 0px 0px 2px 2px;
	z-index: 2;
	text-align: justify;
}

.photo_index p{
	color: #FFFFCC;
	font-size: 1.6em;
}

/* ---------------------------Page Pays---------------------------- */

.images_left, .images_text{
	display: inline-block;
}

.images_left{
	width: 400px;
}

.images_left img{
	border-radius: 5px;
	box-shadow: 2px 2px 10px;
}

.images_text{
	width: 590px;
	padding-left: 20px;
	padding-top: 10px;
	vertical-align: top;
}

.images_text ul{
	margin-left: 20px;
	font-size: 1.1em;
}

.images_text a, .text_credit a{
	color: #435389;
	text-decoration: underline;
}

.text_credit ul{
	margin-left: 20px;
}

.intro_pays{
	text-align: justify;
}

.bandeau_pays h1{
	text-align: center;
	font-size: 3em;
	font-style: italic;
	font-family: 'police', arial, sans-serif;
}

.bandeau_pays h2{
	text-align: center;
}

.images_centrees{
	text-align: center;
}

.caract_voyage a, .caract_voyage, .infos_voyage, .voyage{
	display: inline-block;
	vertical-align: top; 
}

.infos_voyage h4{
	display: inline-block;
}

.voyage{
	width: 1020px;
	margin-bottom: 20px;
}
.voyage h2{
	font-size: 1.8em;
}

.voyage ul{
	font-size: 1.4em;
	padding-left: 40px;
}

.images_centrees img{
	border-radius: 3px;
	box-shadow: 2px 2px 10px #330000;
}

.caract_voyage{
	padding: 10px;
}

.caract_voyage h2{
	font-size: 2em;
}

.infos_voyage{
	padding-left: 30px;
	
}

.infos_voyage ul{
	
	list-style-type: none;
}

.avgout_voyage{
	padding-top: 20px;
	padding-left: 30px;
	
}

.avgout_voyage h2{
	font-size: 1.2em;
}

.avgout_voyage ul{
	padding-left: 15px;
	list-style-type: dsic;
}

.caract_voyage li{
	font-size: 1em;
}

/* --------------------------- Page Itinéraire ---------------------------- */

.iti, .section_blog, .zone_tech{
	width: 815px;
	display: inline-block;
	padding-top: 5px;
}

.bandeau_iti h1, .bandeau_iti h2{
	text-align: center;
}

.bandeau_iti{
	height: 90px;
}

.infos_iti, .avgout_iti{
	display:inline-block;
	vertical-align: top;
}

.infos_iti{
	width: 280px;
	padding-left: 20px;
}

.infos_iti h4{
	display: inline-block;
}

.infos_iti ul{
	list-style-type: none;
}

.avgout_iti{
	width: 500px;
	padding-left: 10px;
}

.avgout_iti h2{
	font-size: 1.2em;
	Text-align: left;
}

.avgout_iti ul{
	padding-left: 15px;
	list-style-type: disc;
}

.caract_iti li{
	font-size: 1em;
}

.enthou_iti{
	padding-top: 20px;
	padding-left: 20px;
}

.enthou_iti h2{
	Text-align: left;
}

.j_j{
	padding-top: 20px;
	padding-left: 20px;
}

.j_j div{
	padding-left: 20px;
}

.j_j h3{
	font-size: 1em;
}

.j_j p{
	font-size: 0.9em;
}

.photos_iti{
	width: 820px;
	display: inline-block;
	padding-top: 20px;
	text-align: center;
}

.banniere_iti{
	position: relative;
	height: 668px;
	text-align: center;
}

.image_iti_banniere{
	width: 800px;
	border-radius: 5px;
}

.infos_iti_banniere{
	position: relative;
	bottom: 665px;
	left: 20px;
	width: 600px;
	/*background-color: rgba(255,255,204,0.5);*/
	border-radius: 2px 0px 2px 0px;
	color: #FFFFCC;
	z-index: 2;
	font-size: 1.3em;
	text-align: left;
}

.infos_iti_banniere h4{
	display: inline-block;
}

.infos_iti_banniere ul, .avgout_iti_banniere ul{
	list-style-type: none;
}

.avgout_iti_banniere{
	position: relative;
	bottom: 180px;
	left: 20px;
	width: 750px;
	/*background-color: rgba(255,255,204,0.5);*/
	border-radius: 0px 0px 2px 2px;
	color: #FFFFCC;
	z-index: 2;
	font-size: 1.4em;
	text-align: left;
}

/* ------------------------------Liens----------------------------------- */
.liens a{
	padding-left: 20px;
}

.liens h2{
	padding: 0px;
}

/* ------------------------------Contact----------------------------------- */

.contact{
	width: 790px;
	display: inline-block;
	padding-left: 20px;
	text-align: justify;
}

.contact iframe{
	border-radius: 3px;
	Padding-top: 10px;
}

.contact_nepal, .contact_france{
	display: inline-block;
	width: 390px;
	height: 400px;
	text-align: center;
}

.contact a{
	text-align: left;
}

.presentation_contact{
	padding-top: 15px;
	padding-bottom: 30px;
}

/* ------------------------------Footer----------------------------------- */
footer p{
	text-align: center;
}

footer ul{
	width: 30%;
	padding-left: 5px;
	list-style-type: none;
	border-left: 1px solid #330000;
	display: inline-block;
	vertical-align: top;
}

.titre_infos_nepal, .titre_questions_pratiques, .titre_acces_rapide, .titre_favoris{
	font-size: 1.5em;
	font-weight: bolder;
}

footer h3{
	color: #DDFFEE;
	text-decoration: none;
}

.infos_nepal{
	display: none;
}

.icone_skype{
	border: 0px;
}

/* ---------------------------------     Responsive Design -------------------------------------- */

@media all and (max-width: 480px)
{
    #index_body, body, .page1024, header, .voyage, .iti, .orga, .section_blog, .zone_tech{
        width: 475px;
    }
	header{
		margin: 0px;
		padding: 0px;
	}
	
	footer div{
		margin: 0px;
		padding-left: 10px;
	}
	
	.questions_pratiques{
		width: 200px; 
	}
	
	#index_body, body{
		background-image: url('images/banniere_480.jpg');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #FFFFCC;
	}
	
	.banniere_iti img{
		height: 450px;
		width: 475px;
	}
	
	.banniere_iti{
		height: 450px;
	}
	
	header{
		position: relative;
		width: 380px;				/*--------------------- Positionnement de la bannière media queries 480px  --------------------*/
		margin: auto;
	}

	.logo_header{
		display: inline-block;
		margin: 10px;
		vertical-align: bottom;
		background-color: rgba(255,255,204,0.7);
		border-radius: 5px;
		padding: 0px;
	}

	.menu{
		margin: auto;
		background-color: rgb(255,255,204);
		display: block;
		font-size: 1em;
		padding: 0px;
	}

	.menu ul{
		padding: 0px;
	}

	.acces_rapide{
		display: none;
	}
	.infos_nepal{
		display: none;
	}
	.index{
		display: none;
	}
	
	.bandeau_pays, .infos_voyage, .avgout_voyage, .menu_vertical_iti, .j_j{
		display: none;
	}
	
	.voyage{
		margin-left: 40px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	
	.menu_vertical{
		display: block;
		margin: auto;
		padding-top: 8px; 
	}
	
	.menu_vertical li{
		margin: auto;
		margin-top: 0px;
	}
	
	.avgout_iti_banniere{
	bottom: 275px;
	left: 10px;
	width: 460px;
	}
	
	.photo_index{
	bottom: 275px;
	left: 10px;
	width: 460px;
	}
	
	.enthou_iti, .orga{
		overflow: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
	

	
	@font-face {
font-family: 'police';
src: url('polices/police.ttf');
}
/*	
@font-face {
    font-family: 'police';
    src: url('polices/police.eot');
    src: url('polices/police.eot?#iefix') format('embedded-opentype'),
         url('polices/police.woff') format('woff'),
         url('polices/police.ttf') format('truetype'),
         url('polices/police.svg#police') format('svg');
    font-weight: normal;
    font-style: normal;
}*/