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

a {
	text-decoration:none;
	color:inherit;
}

/* Structure global */
html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear,left top, left bottom,from(#b2e822),to(#759f05));
	background:-webkit-linear-gradient(top,#b2e822,#759f05);
	background:-moz-linear-gradient(top,#b2e822,#759f05);
	background:-o-linear-gradient(top,#b2e822,#759f05);
	background:linear-gradient(top,#b2e822,#759f05);
}

/* Animation Boutons */
*.button_bounce {
	-webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
 }
 .menu_trans {
	-webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
 }
 .menu_first {
	-webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
 }
*.button_bounce:hover {
   -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.menu_trans:hover {
	background:-webkit-gradient(linear,left top, left bottom,from(#b2e822),to(#759f05));
	background:-webkit-linear-gradient(top,#b2e822,#759f05);
	background:-moz-linear-gradient(top,#b2e822,#759f05);
	background:-o-linear-gradient(top,#b2e822,#759f05);
	background:linear-gradient(top,#b2e822,#759f05);
	color:#fff;
}

.menu_first:hover {
	padding-top:5px;
	height:31px;
	font-size:24px;
}

/* Header */
div#header {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	background-color:#fff;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	-moz-box-shadow: 0px 2px 8px 2px #eaeaea;   
	-webkit-box-shadow: 0px 2px 8px 2px #eaeaea;
  -o-box-shadow: 0px 2px 8px 2px #eaeaea;     
  box-shadow: 0px 2px 8px 2px #eaeaea;     
  background-image:url("../img/font_header.png");
	background-repeat:no-repeat;
	background-position:right center;   
}

div#slogan {
	width:420px;
	height:100px;
	float:left;
	font-family:Channel;
	font-style:italic;
	font-size:12px;
	text-shadow: 2px 0px 3px #e1d8d2;
	color:#F28B00;
}

div#slogan_first_part {
	background:url("../img/guillemet_hg.png") no-repeat top left;
	width:410px;
	margin-left:10px;
	height:50px;
	float:left;
}

div#slogan_first_part h1 {
	margin-top:0px;
	margin-right:0px;
	margin-left:40px;
	margin-bottom:0px;
	float:left;
}

div#slogan_second_part {
	background:url("../img/guillemet_bd.png") no-repeat bottom right;
	width:420px;
	height:50px;
	clear:both;
}

div#slogan_second_part h1 {
	margin-top:0px;
	margin-right:30px;
	margin-left:0px;
	margin-bottom:0px;
	float:right;
}

div#logo {
	width:100px;
	height:100px;
	margin-left:50px;
	float:left;
	display:block;
	background:url("../img/logo.png") no-repeat center center;
}

div#control_lang {
	width:185px;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	float:right;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;    
  border-bottom-left-radius: 10px;        
 }
 
div#control_lang img {
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}

/* Contenu */
div#main_container {
	margin-top:10px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

/* Page d'accueil */
table.table_picto {
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

td.td_img img {
	width:80px;
}

td.td_text {
	width:200px;
	text-align:center;
	font-family:arial;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	text-shadow: 2px 0px 3px #e1d8d2;
	color:#F28B00;
}

div#slider {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	position:relative;
	border-radius:8px;
}

div#slider img {
	border-radius:8px;
}

div#slider h2 {
	position:absolute;
	bottom:0;
	width:100%;
	height:25px;
	margin:0;
	text-align:center;
	background:rgba(255,255,255,0.8);
	font-family:arial;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	padding-top:5px;
	text-shadow: 2px 0px 3px #e1d8d2;
	color:#F28B00;
}

/* Page Gite */
div#gallery {
	width:613px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

p.fotorama__caption_overlay {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	padding-right:15px;
	padding-left:10px;
	color:#F4F8E7 !important;
	font-family: Myriad, sans-serif !important;
	font-size: 24px !important;	
}
/* Page Tarif */ 
li.liste_tarif {
	list-style-type:none;
	height:25px;
	background-size:20px 20px;
	background-image:url('../img/puce.png');
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:left center;
	color: #5a5a5a;
	font-family: arial, sans-serif;
	font-size: 18px;
	padding-top:5px;
}


table.tarif {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}
		
table.tarif td {
	text-align:center;
}

table.tarif img {
	border-radius:10px;
}

/* Page Activités */
div#gallery_activite {
	width:848px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

/* Page Partenaire */
table.table_partenaire {
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

td.img_partenaire a img {
	width:150px;
}

td.text_partenaire {
	width:350px;
	text-align:center;
}

td.text_partenaire a {
	color: #5a5a5a;
	font-family: arial, sans-serif;
	font-size: 18px;
}

/* Page Accés */
div#gm {
	width:800px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	clear:both;
}

div#gm iframe {
	border-radius:8px;
}

/* Page Contact */
table.table_contact {
	width:90%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}

table.table_contact td {
	text-align:center;
}

table.table_contact td img {
	width:400px;
	border-radius:10px;
}

div.img_contact {
	position:relative;
	width:400px;
	height:300px;
}

div.img_contact h2 {
	position:absolute;
	margin:0;
	bottom:0;
	width:100%;
	text-align:center;
	background:rgba(255,255,255,0.8);
	font-family:arial;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	text-shadow: 2px 0px 3px #e1d8d2;
	color: #5a5a5a;
}

/* Menu */
ul#main_menu {
	width:1024px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
	padding:0;
}

li.li_menu {
	width:124px;
	border:2px solid #fff;
	height:36px;
	float:left; 
	text-align:center;
	font-family:arial, sans-serif;
	font-size:18px;
	background:#fff;
}   

li.li_menu a {
	width:124px;
	height:28px;
	display:block;
	padding-top:8px;
	text-decoration:none;
	color:#5a5a5a;
}

li#first_li {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	width:124px;
	border:2px solid #fff;
	height:36px;
	float:left; 
	text-align:right;
	font-family:arial, sans-serif;
	font-size:18px;
	background:#fff;
}

li#first_li a {
	background-image:url("../img/ico_home.png");
	background-repeat:no-repeat;
	background-position:left center;
	width:119px;
	height:28px;
	display:block;
	padding-top:8px;
	padding-right:5px;
	text-decoration:none;
	color:#5a5a5a;
}

li#last_li, li#last_li a  {
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
}

/* Contenu */
div#content_container {
	width:1004px;
	padding:10px;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:5px;
}

div#content_container h1 {
	font-family:Channel;
	font-size:14px;
	color:#75A005;
	text-shadow: 2px 0px 3px #5a5a5a;
	padding-left:15px;
}

div#content_container p {
	color: #5a5a5a;
	font-family: arial, sans-serif;
	font-size: 18px;
}

/* Footer */
div#footer {
	width:100%;
	height:40px;
	position:fixed;
	bottom:0;
	left:0;
}

div#container_footer {
	width:1024px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color:#fff;
	-moz-box-shadow: 2px 0px 8px 2px #eaeaea;   
	-webkit-box-shadow: 2px 0px 8px 2px #eaeaea;
  -o-box-shadow: 2px 0px 8px 2px #eaeaea;     
  box-shadow: 2px 0px 8px 2px #eaeaea;        
}

div#footer_contact {
	float:left;
	margin-left:50px;
	padding-top:5px;
	padding-bottom:5px;
}

div#footer_contact p {
	margin:0;
	padding-top:5px;
	float:left;
	font-family:Arial, sans-serif;
	color:#5a5a5a;
}

img#img_mail,img#img_phone {
	margin-left:20px;
	cursor:pointer;
}

div#footer_facebook {
	float:right;
	margin-right:10px;
}

/* Notification */
div#notification {
	height:28%;
	width:100%;
	position:absolute;
	top:36%;
	left:0;
	-moz-box-shadow: 0px 0px 5px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px 5px #fff;
	-o-box-shadow: 0px 0px 5px 5px #fff;
	box-shadow: 0px 0px 5px 5px #fff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#fff, Direction=NaN, Strength=5);
	background-color: rgba(255, 255, 255, 0.8);
	display:none;
}

body.IE div#notification {
	z-index:9999;
}

body.IE8 div#notification {
	background-color:#F4F8E7;
}

div.content_notification {
	display:none;
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

div.img_content_notif {
	float:left;
	width:400px;
}

div.img_content_notif img {
	height:90%;
}

h2.title_notif {
	font-family:Channel;
	font-size:14px;
	color:#75A005;
	text-shadow: 2px 0px 3px #5a5a5a;
}

p.content_notif, p.content_notif a {
	font-size:34px;
	font-family:arial, sans-serif;
	font-style:italic;
	color:#5a5a5a;
	text-decoration:none;
}

div.txt_content_notif {
	float:left;
	width:550px;
}

div.close_notif {
	float:left;
	width:46px;
	height:50px;
	background:url('../img/ico_close.png') no-repeat center center;
	border-right:2px solid #F28B00; 
	border-left:2px solid #F28B00; 
	border-bottom:2px solid #F28B00; 
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	cursor:pointer;
}

/* ERROR */
.error {
	margin-left:auto;
	margin-right:auto;
	width:700px;
	border-radius:5px;
	border:2px solid #5a5a5a;
}

body#errorNav {
	padding-top:250px;
	overflow:hidden;
}

#errorNav p {
	width:100%;
	text-align:center;
}

#errorNav p a {
	font-size:30px;
	padding-top:10px;
}

#errorNav p a:hover {
	text-decoration:underline;
}

#errorNav, #errorNav a {
	background:#F3F7E7;
	color:#5A5A5A;
	font-size:18px;
	font-family:arial,sans-serif;
}