@charset "utf-8";

body {
	margin:0px;
	
}
img {
	border-style:none;
}

ul.navigation  {
	
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#ed9300;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	margin:-5px;
}
ul.navigation li {
	display:inline-block;
	margin: 1px 8px 8px 8px;
	background-color:black;
	padding:1px 3px 1px 3px;

}



header {
	width:100%;
	height:auto;
	display:block;
	z-index:10;
		margin-bottom:75px;
}

header #logo {
	background-color:#fff;
	text-align:center;
	height:95px;

}

footer {
	text-align:center;
	font-family: 'Pontano Sans', sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	background:black;
	width:100%;
	height:20px;
	position:fixed;
	bottom:0;
	left:0;
	line-height:22px;

}

a.lienverskaty {
	text-decoration:none;
	text-transform:uppercase;
}


div.container {
	position:absolute;
	top:180px;
	width:100%;
	display:block;
	padding:0px 0px 0px 0px;
	text-align:right;

}




#galerie {
	max-width:1980px;
	height:400px;

	background-image:url(imgs/i-galerie.jpg);
	background-color:black;
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}


ul#devise{
	font-size:30px;
	font-family: 'Raleway', sans-serif;
	font-weight:500px;
	text-transform:uppercase;
     position:absolute;      
	 margin-top:0px;
	 margin-left:0px;
	 width:220px;
	 text-align:right;
	 color:black;
     padding:25px;
     border-radius:3px;
	 opacity:1;  
	 z-index:2;
	 vertical-align:middle;
	 max-width:100%;
	 list-style:none;
}
ul li.devise1 {
	background-color:#fff261;
	padding:4px 0px 4px 10px;
	margin:4px 0px 0px 0px;
	box-shadow: 3px 3px 5px #333;
}
ul li.devise2 {
	background-color:#f1b600;
	padding:4px 0px 4px 10px;
	margin:4px 0px 0px 0px;
	box-shadow: 3px 3px 5px #333;
}
ul li.devise3 {
	background-color:#ed9300;
	padding:4px 0px 4px 10px;
	margin:4px 0px 0px 0px;
	box-shadow: 3px 3px 5px #333;
}

h1 {
	font-size:30px;
	font-family: 'Oxygen', sans-serif;
	font-weight:500px;
	
	margin:50px 0px 0px 0px;
	color:#333;
	text-align:center;
}
h2 {
	font-size:40px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight:bold;
	
	margin:10px 0px 0px 0px;
	color:#9abe00;
	text-align:center;
}
h3 {
	text-align:left;
	margin-bottom:-15px;
	padding-bottom:0px;
}

#contenuPage {
	display:block;
	padding: 25px 0px 100px 50px;
	width:95%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:left;
	
}



.col1_accueil {
	float:left;
	width: 60%;
	margin: 0px 25px 0px 0px ;
}
.col2_accueil {
	float:left;
	width: 30%;
	margin: 0px 0px 0px 25px ;
}

.col1_tarif { /* Horaire */
	float:right;
	width: 45%;
	margin: 0px 0px 0px 0px;
	text-align:center;

}
.col2_tarif { /* Tarifs */
	float:right;
	width: 45%;
	margin: 0px 50px 0px 0px;
	text-align:center;

}

.col1_contact {
	float:left;
	width: 55%;
	margin: 0px 0px 0px 50px;
}
.col2_contact {
	float:left;
	width: 35%;
	margin: 0px 0px 0px 50px;
}

.col2_contact p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:15px;
	text-align:right;
	line-height:20px;
}
.col2_contact h1 {
	font-size:30px;
	font-family: 'Raleway', sans-serif;
	font-weight:500px;
	text-transform:uppercase;
	margin:10px 0px 0px 0px;
	color:#f1b600;
	text-align:right;
}


p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:15px;
	text-align:justify;
	line-height:20px;
	widows: 3;
	orphans: 3;
}

table { 
	font-family: 'Pontano Sans', sans-serif;
	width: 100%; 
  border-collapse: collapse; 
}

tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #CCC; 
  color: black; 
  font-weight: normal;
  text-transform:uppercase; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

span#txtAccent {

	color:#7b7b7b;
	display:block;

	margin:0px 25% 10px 0px;
	font-family: 'Pontano Sans', sans-serif;
	font-weight:normal;
	font-size:17px;
	line-height:23px;
	text-align:left;
	vertical-align:central;
}



#mediaSociaux {
	background-color:#e8e8e8;
	width:50%;
	text-align:left;
	font-size:13px;
	margin:0px 0px 25px 0px;
	padding: 2px 10px 2px 10px;
}

#logo-fb {
	margin:-10px 0px 5px 0px;
}

.photo {
	width:100%;
	height:auto;
	margin-bottom:-5px;

	vertical-align:central;
	text-align:center;
}
.photoBande {

	background-image:url(imgs/bandebas.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px 0px 0px 0px;
	max-width:1558px;
	height:155px;
	margin:0px 0px 0px 0px;
	overflow:hidden;

}
	

	
.vignette_photo {
	background-color:#ed9300;
	display:block;
	width:100%;
	min-height:30px;
	padding:10px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	font-family: 'Raleway', sans-serif;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	vertical-align:central;
}
.vignette_photo:before{ /*petite flèche*/
	content: '';
    position: relative;
    left: 0px;
    top: -35px;
    width: 0;
    height: 0;
    border-bottom: 15px solid #ed9300;
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
}

#conteneurPhotoProprio{
	display:inline-block;;
	position:relative;
	margin:0px 25px 0px 0px;
	float:left;
	width:40%;
}


.photoProprio {
	width:100%;
	height:auto;
	margin-bottom:-5px;
	vertical-align:central;
	text-align:center;
}


a.liens_sec:link {
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:15px;
	color:#ed9300;
	list-style-type:none;
	padding:0px;
	text-decoration:none;
}
a.liens_sec:hover {
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:15px;
	color:#999999;
	list-style-type:none;
	padding:0px;
	text-decoration:none;
}
a.liens_sec:active {
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:15px;
	color:#ed9300;
	list-style-type:none;
	padding:0px;
	text-decoration:none;
}

a.liens_sec:visited {
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	font-size:15px;
	color:#ed9300;
	list-style-type:none;
	padding:0px;
	text-decoration:none;
}

a.liens:link {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}
a.liens:hover {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#999999;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}
a.liens:active {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}

a.liens:visited {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:14px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}

@media screen and (min-width: 200px) and (max-width: 950px) {


  header {
		width:100%;
		height:auto;
		display:block;
		z-index:20;
	}



a.liens:link {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:12px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}
a.liens:hover {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#999999;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}
a.liens:active {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:12px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}

a.liens:visited {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size:12px;
	color:white;
	list-style-type:none;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;
}

#galerie {
	width:100%;
	height:300px;
	background-image:url(imgs/i-galerie-responsive.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}

#contenuPage {
	width:90%;
	padding: 25px 0px 100px 0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:center;
}

p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:13px;
	text-align:left;
}

#mediaSociaux {
	width:90%;
	background-color:#e8e8e8;
	text-align:left;
	font-size:13px;
	margin:0px 0px 25px 0px;
	padding: 2px 10px 2px 10px;
}

.col1 {
	float:none;
	width: 100%;
	margin: 0px 25px 0px 25px;
}


.photo {
	width:100%;
	height:auto;
	margin-bottom:5px;
	vertical-align:central;
	text-align:center;
}

	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 35%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 0px; 
		white-space:normal;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "BILLET JOURNALIER"; }
	td:nth-of-type(2):before { content: "FORFAIT FAMILIAL"; }
	
	.photoBande {
		display:none;
	}

	
}