@CHARSET "ISO-8859-1";
@media (max-width: 850px) and (min-width: 680px) {

::selection {  
 background:rgb(200,200,255);  
 color:#fff;  
}  

::-moz-selection {  
 background:rgb(200,200,255);  
 color:#fff;  
}

@font-face {
    font-family: 'PHILOSOPHER-BOLD';
    src: url('./fonts/philosopher/Philosopher-Bold-webfont.eot');
    src: url('./fonts/philosopher/Philosopher-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/philosopher/Philosopher-Bold-webfont.woff2') format('woff2'),
         url('./fonts/philosopher/Philosopher-Bold-webfont.woff') format('woff'),
         url('./fonts/philosopher/Philosopher-Bold-webfont.ttf') format('truetype'),
         url('./fonts/philosopher/Philosopher-Bold-webfont.svg#philosopherbold') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'PHILOSOPHER';
    src: url('./fonts/philosopher/Philosopher-Regular-webfont.eot');
    src: url('./fonts/philosopher/Philosopher-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/philosopher/Philosopher-Regular-webfont.woff2') format('woff2'),
         url('./fonts/philosopher/Philosopher-Regular-webfont.woff') format('woff'),
         url('./fonts/philosopher/Philosopher-Regular-webfont.ttf') format('truetype'),
         url('./fonts/philosopher/Philosopher-Regular-webfont.svg#philosopherregular') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: "CRISTAL";
    font-weight: normal;
    src: url('./fonts/cristal.ttf');
}

@font-face {
    font-family: "Comic Book Bold";
    font-weight: bold;
    src: url('./fonts/comic_book_bold_italic.otf');
}

@font-face {
    font-family: "Albertus Extra Bold";
    font-weight: bold;
    src: url('./fonts/albertus/ALBR65W.TTF');
}

@font-face {
    font-family: "GeosansLight";
    font-weight: normal;
    src: url('./fonts/GeosansLight.ttf');
}

*{
	margin:0px;
	padding:0px;
}

/* ------------------------------------------------- BODY ------------------------------------------------------*/

body{
	margin-top:80px;
	background:url('../images/fond_page_accueil.jpg');
}

body#prive{
	margin-top:80px;
	background:white;
}

body#excursion{
	margin-top:50px;
	background:url('../images/fond_page_accueil.jpg');
}

/* ------------------------------------------------- A ------------------------------------------------------*/

a#menu{
	color:rgb(40,40,40);
	font-size:25px;
	text-decoration:none;
}

footer a{
	color:rgb(130,130,130);
}

a#fiche{
	color:rgb(71,122,181);
}

  a#excursion{
	text-decoration:none;
	color:rgb(70,70,70);
 }
 
  a#excursion:hover{
	text-decoration:none;
	color:rgb(30,122,178);
 }
 
 p#links a{
color:rgb(70,70,70);
font-size:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}

p#links a:hover{
color:rgb(30,122,178);
font-size:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
border-radius:8px;
}

div#slider a{
	width:30px;
	height:30px;
	position:relative;
	top:10px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

div#diaporama a{
	width:30px;
	height:30px;
	position:relative;
	top:10px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

/*-moz-box-shadow: inset 2px 2px 5px 0px #656565;
-webkit-box-shadow: inset 2px 2px 5px 0px #656565;
-o-box-shadow: inset 2px 2px 5px 0px #656565;
box-shadow: inset 2px 2px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5);*/
}

b#calibri{
	font-family:"GeosansLight";
	color:rgb(70,70,70);
	font-size:18px;
	letter-spacing : 0,8px;
}

a#select_piece{
	text-decoration:none;
}

/* ------------------------------------------------- ASIDE -----------------------------------------------------*/

  aside{
 color:white;
 width:100%;
 clear:both;
 margin-top:50px;
 margin:0 auto;
 background-color:black;
 /*background:url('../images/fond_diapo_accueil.jpg');*/
 }

/* ------------------------------------------------- DIV ------------------------------------------------------*/

div#page{
	margin-top:150px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}

div#page_accueil{
	width:100%;
	font-family:"GeosansLight";
	font-size:18px;
	letter-spacing : 0,8px;
}

div#page_accueil_accueil{
	width:100%;
	font-family:"GeosansLight";
	font-size:18px;
	letter-spacing : 0,8px;
	position:relative;
	bottom:28px;
}

div#marge{
	position:relative;
	left:30px;
	width : 1140px;
	color:rgb(70,70,70);
}

div#marge_accueil{
	margin:0 auto;
	margin-left:30px;
	margin-right:30px;
	color:rgb(70,70,70);
}

div#marge_accueil_accueil{
	margin:0 auto;
	color:rgb(70,70,70);
}

div#conteneur_slider{
		/*background:url('../images/IMG_20160813_141101.jpg');
		background-size:cover;*/
	/*background:url('../images/accueil_image_montagne_terre_bas.jpg') repeat;*/
	background-size:contain;
}

div#marge_slider{
	padding-top:50px;
	width:80%;
	margin: 0 auto;
}

div#slider{
	width:60%;
	float:left;
}

div#description_slider{
	width:32%;
	float:left;
	margin-left:40px;
}

div#marge_new{
	margin:0 auto;
	width:80%;
	padding-bottom:50px;
	padding-top:35px;
}

div#marge_new_1{
	/*background: linear-gradient(rgb(227,236,255), rgb(242,247,168));*/
	/*background-color:rgb(221,246,208);*/
}

div#marge_excursion{
	color:rgb(70,70,70);
	width:70%;
	margin: 0 auto;
}

div#englob_excursion{
	width:100%;
	/*background-color:rgb(130,147,169);*/
	background-color:rgb(84,151,191);
}

div#float_excursion{
	float:left;
	width:45%;
	margin-top:70px;
	margin-left:60px;
}

div#float_excursion_logo{
	float:left;
	margin-top:50px;
	width:40%;
}

div#both{
	clear:both;
	text-align:center;
	background:url('../images/fond_page_accueil.jpg');
}

div #marge_album{
	margin:0 auto;
	margin-left:30px;
	/*color:rgb(70,70,70);*/
	padding-right:30px;
}

div#bandeau_image{
	position:relative;
	bottom:28px;
}

div#pos1{
	position:relative;
	bottom:220px;
}

div.menu{
	/*background-color:rgb(0,70,100);*/
	background-color:rgb(30,122,178);
	position:fixed;
	z-index:2;
	top:0px;
	width:100%;
	height:50px;
	border-bottom: solid 2px rgb(84,159,191);
}

div#content{
	/*background-color:rgb(0,70,100);*/
	background-color:rgb(30,122,178);
	position:fixed;
	z-index:2;
	top:0px;
	width:100%;
	height:50px;
	display:none;
}

div#album{
	margin-left:30px;
}

div#piece_fiche{
	
}

div#infos{
	width:55%;
	float:left;
	margin-right:7px;
	margin-top:50px;
}

div#info_piece{
	width:100%;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}

div#info_site{
	width:100%;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}

div#info_sortie{
	width:100%;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}

div#image{
	width:38%;
	float:left;
	margin-left:28px;
		margin-top:50px;
}

 div#excursion{
	padding-top:15px;
	margin-bottom:15px;
	border-radius:20px;
	-webkit-border-radius:0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
 }
 
div#excursion_liste{
  width:33.3%;
  margin:0 auto;
  float:left;
  padding-bottom:20px;
 }
 
 div#excursion_liste:hover{
 width:33.3%;
  margin:0 auto;
  /*background-color:rgb(224,224,224);*/
  float:left;
  padding-bottom:20px;
 }
 
  div#conteneur_pres{
 width:80%;
 margin: 0 auto;
 }
 
    div#conteneur_pres_2{
 width:80%;
 margin: 0 auto;
 padding-top:30px;
 }
 
 div#pages_importantes{
 /*background-color:rgb(200,200,255);*/
 padding-top:50px;
 }
 
  div#pres{
 width:32%;
 text-align:center;
 float:left;
 background: url('../images/background_rond.png') center center no-repeat;
 background-size:contain;
 }
 
  div#pres_right{
 width:32%;
 text-align:center;
 float:left;
 background: url('../images/background_rond.png') center center no-repeat;
 background-size:contain;
 }
 
  div#excu_admin{
 background-color:rgb(255,200,200);
 }
 
   div#diaporama{
 position:relative;
 bottom:28px;
 }
 
   div#marge_diaporama{
 width:100%;
 margin:0 auto;
 }
 
 div#diaporama div#marge_diaporama .bx-wrapper .bx-viewport{
 border:none;
 }
 
  div#delimitation{
	height:80px;
	background:url('../images/delimitation_zones_accueil.png');
}

div#delimitation_2{
	height:80px;
	background:url('../images/delimitation_zones_accueil_texte.png');
}

div#piece_infos_liste{
	width:33.3%;
	float:left;
}
 

/* ------------------------------------------------- FIGURE ----------------------------------------------------*/

figure{
	margin-right:0px;
	margin-left:0px;
	padding-bottom:10px;
}

  figure#aside{
 float:left;
 width:33.3333%;
 margin-bottom:50px;
 } 

/* ------------------------------------------------- FOOTER ----------------------------------------------------*/

footer{
	clear:both;
font-family:"GeosansLight";
text-align:center;
font-size:18px;
	letter-spacing : 0,8px;
}

/* ------------------------------------------------- H1 ------------------------------------------------------*/

h1#fiche{
	text-align:center;
	margin:0px;
	color:rgb(30,122,178);
}

h1{
	 padding: 18px 0px 18px 0px;
	text-align:center;
	font-family:"PHILOSOPHER-BOLD";
}

/* ------------------------------------------------- H2 ------------------------------------------------------*/

h2#fiche{
	color:rgb(30,122,178);
	text-align:center;
	padding:2px 0px 2px 0px;
	margin-bottom:20px;
	font-family:"PHILOSOPHER";
	font-size:30px;
clear:both;
}

h2#fiche_align_left{
	color:rgb(30,122,178);
	padding:2px 0px 2px 0px;
	margin-top:50px;
	margin-bottom:20px;
	font-family:"PHILOSOPHER";
	font-size:30px;
clear:both;
}

h2#fiche_align_left_p{
	color:rgb(30,122,178);
	padding:2px 0px 2px 0px;
	margin-top:20px;
	margin-bottom:20px;
	font-family:"PHILOSOPHER";
	font-size:30px;
clear:both;
text-align:center;
display:none;
}

h2#moment{
	color:white;
	text-align:center;
	padding:2px 0px 2px 0px;
	margin-top:50px;
	margin-bottom:20px;
	font-family:"PHILOSOPHER";
	font-size:30px;
clear:both;
}

h2#bulle{
	color:rgb(255,255,255);
	font-family:"Albertus Extra Bold";
	font-size:40px;
	padding-top:5px;
	padding-bottom:5px;
}

h2#bulle_excursion_fiche{
	color:rgb(30,122,178);
	font-family:"PHILOSOPHER";
	font-size:40px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

h2#bulle_accueil{
	color:rgb(0,0,0);
	text-align:center;
	font-family:"CRISTAL";
	font-size:40px;
	margin-bottom:20px;
	position:relative;
	margin-right:30px;
	margin-left:30px;
}

 h2#accueil_bas{
 color:white;
 font-family:"Albertus Extra Bold";
 margin-top:14px;
 }

 h2#excursion{
	text-align:center;
	/*color:rgb(80,80,80);*/
	text-decoration:none;
	font-family:"PHILOSOPHER";
 }
 
 h2#fiche_perso{
	color:white;
	text-align:center;
	padding:2px 0px 2px 0px;
	margin-bottom:20px;
	font-family:"PHILOSOPHER";
	font-size:30px;
margin-top:15px;
clear:both;
background-color:rgb(30,122,178);
}

/* ------------------------------------------------- IMG ------------------------------------------------------*/

img#excursion_logo{
	width:100%;
}

img#bc{
	margin-top:10px;
}

img#liste{
	float:left;
 width:100%;
}

img#piece_associe{
	width:70%;
	margin:0 auto;
	display:block;
}

img#cristalpes{
	display:block; 
	position:relative;
	bottom:190px;
	}
	
	 img#excursion{
 width:49.7%;
 display:inline-block;
 }
 
  img#logo_excursion{
 position:absolute;
 left:690px;
 bottom:310px;
 }
 
  img#logo_album{
 position:absolute;
 left:666px;
 top:-50px;
 }
 
   img#aside{
 width:100%;
 margin-bottom:15px;
 	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
 }
 
  img#album{
 float:left;
 width:33.3333%;
 }
 
 img#liste_excu{
 width:100%;
 }
 
  img#supp_piece{
 width:50%;
 }

img#center{
	margin:0 auto;
	display:block;
}

img#apercu{
	width:70%;
}

img#test_effet_terre{
	margin:0 auto;
	display:block;
}

/* ------------------------------------------------- INPUT ----------------------------------------------------*/

input{
	color:white;
	background-color:rgb(30,122,178);
	border:none;
	padding: 10px 10px 10px 10px;
		-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

input:focus{
	color:white;
	background-color:rgb(28,116,170);
	border:none;
	padding: 10px 10px 10px 10px;
	outline:none;
}

/* ------------------------------------------------- LI ------------------------------------------------------*/

li.menu{
	padding: 5px 10px 5px 10px;
	float:left;
}

li.menu_modif{
	padding: 0px 10px 5px 10px;
	float:left;
}


li.menu_modif:hover{
	padding: 0px 10px 5px 10px;
	float:left;
	background-color:rgb(50,50,50);
}

li.menu_right{
	padding: 5px 10px 5px 0px;
	float:right;
}

li.menu_right_modif{
	padding: 0px 10px 5px 10px;
	float:right;
}

/* ------------------------------------------------- P -------------------------------------------------------*/

p#p_fiche_align_left{
}

p#p_fiche_align_left_p{
text-align:center;
display:none;
}

p#footer{
	text-align:center;
	color:black;
	font-family:"CRISTAL";
	font-size: 35px;
}

p#excursion{
	padding-bottom:5px;
	color:rgb(255,255,255);
}

p#justify{
	text-align:justify;
}

 p{
 padding: 18px 0px 18px 0px;
  color:rgb(70,70,70);
 }
 
  p#intro_excursion{
 padding-left:10px;
 padding-right:10px;
 }
 
   p#pres_rela{
 position:relative;
 top:50px;
 }
 
p#links{
color:white;
clear:both;
font-size:30px;
text-align:left;
}
 
 p#both{
	clear:both;
}

/* ------------------------------------------------- SELECT ----------------------------------------------------*/

select{
	color:black;
	background-color:rgb(235,235,235);
	border:none;
	padding: 9px 9px 9px 9px;
	margin-right: 25px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-webkit-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-o-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
box-shadow: inset 3px 3px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
}

select:focus{
	color:black;
	border:none;
	padding: 9px 9px 9px 9px;
	margin-right: 25px;
	outline:none;
	background-color:rgb(225,225,225);
}

select#tri_pieces{
	font-size:16px;
		color:black;
	background-color:rgb(220,220,220);
	border:none;
	padding: 9px 9px 9px 9px;
	margin-right: 25px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-webkit-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-o-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
box-shadow: inset 3px 3px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
}

select#tri_sorties{
	font-size:16px;
		color:black;
	background-color:rgb(220,220,220);
	border:none;
	padding: 9px 9px 9px 9px;
	margin-right: 25px;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-webkit-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
-o-box-shadow: inset 3px 3px 5px 0px #cfcfcf;
box-shadow: inset 3px 3px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
}

/* -------------------------------------------------- STRONG ------------------------------------------------*/

p#links strong{
	background-color:rgb(30,122,178);
	padding:3px 10px 3px 10px;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/* ------------------------------------------------- TR ------------------------------------------------------*/

tr#prestitre{
	background-color:rgb(220,220,220);
}
tr#presdonnees{
	background-color:rgb(230,230,230);
}

tr#presdonnees:hover{
	 cursor:pointer;
}

/* ------------------------------------------------- UL ------------------------------------------------------*/

ul#menu{
	list-style-type:none;
}


 
}