@import 'reset.css';
@import 'text.css';

/* Common class */

.clear {clear:both;}
.container {margin:auto;width:820px;}
.fleft {float:left;}
.fright {float:right;}
.pad20 {padding:20px;}
.pad15 {padding:15px;}
.pad10 {padding:10px;}
.pad5 {padding:5px;}
.padIntro {padding:20px 40px 20px 40px;}
#content {
	position: absolute;
	z-index: 10;
	width: 100%;
}
.relatif {position:relative;}
.sep {
  border: 0 #666 dashed;
  border-top-width: 1px;
  clear: both;
  height: 0;
  margin-bottom:20px;	
}
strike {color:#F00;}

body {
	font-family: 'Buenard',serif !important;
}


/* Header */

header {
	background:rgba(0,0,0,0.7);	
	margin:auto;
	width:820px;
	margin-top:10px;
}
.topmenu {
	text-align:right;
	background:#232323;
	color:#fff;
	font-size:12px;	
	height:25px;
	padding:15px 15px 15px 15px;
	font-family:Tahoma, Geneva, sans-serif;
}
.topmenu span, .topmenu span a {font-size:18px;}
.topmenu a {
	font-size:14px;
	color:#ccc;
	text-decoration:none;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;		
}
.topmenu a:hover {color:#fff;}
#social {
	width:100px;
	height:25px;
	position:absolute;
	left:0;
	top:0;
}
#social .fb {
	width: 25px;
	height:25px;
	display:block;
	background:url(../images/social_fb.jpg);
	float:left;
	margin-right:10px;
}
#social .tw {
	width: 25px;
	height:25px;
	display:block;
	background:url(../images/social_tw.jpg);
	float:left;
}
#social a {	  
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;	
}
#social a:hover {
    background-position: 0 -25px;
}
#license {float:left;margin-left:40px;line-height:13px;text-align:left;font-size:11px;}
.logo {
	text-align:center;
	padding:15px 0 15px 0;
	width:70%;
	margin:auto;
}

.goutte {padding-right:10px;}

/* Section */

section {
	background:rgba(0,0,0,0.7);
	color:#fff;
	padding-bottom:1px;
}

section h1 {
	display:block;
	background:#232323;
	color:#497fc1;
	text-transform:uppercase;
	font-weight:normal;
	padding:15px;
}

section h6 {
	display:block;
	color:#497fc1;
	border-bottom:1px #666 dashed;
	margin-bottom:20px;
	padding-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:-1px;
	text-transform:uppercase;
}


section .fond {
	background:#232323;
	margin:15px;
}

section .promotion {width:538px;float:left;}
section .pub {
	width:212px;
	height:80px;
	float:right;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;	
	cursor:pointer;
}
section .pub:hover, section .pubsmall:hover {
	background:#444;
	color:#232323;
}
section .pubsmall {
	width:212px;
	height:37px;
	float:right;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;
	padding:15px 10px 5px 10px;	
	cursor:pointer;
}
section .pubsmall figure {width:25px;float:left;margin-right:10px;}
section .pubsmall article p {
	float:left;
	font-size:11px;
	line-height:14px;
	text-align:left;
	width:175px;
	font-family: 'Buenard',serif !important;
}

section .fondpromo {
	background:#232323;
}
section .fondpub {
	background:#232323;
	margin:0 0 10px 0;
}
section .fondpublast {
	background:#232323;
	margin:0;	
}

section p {
	font-size:13px;
	color:#ccc;
	margin-bottom:15px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}
section strong {
	color:#fff;
}
section a strong {
	color:#497fc1;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;		
}
section a:hover strong {
	color:#fff;
}

section a {text-decoration:none;}

section ul {
	padding:0 0 10px 10px;
	margin:0 0 10px 20px;
	color:#fff;
}

section li {
	list-style:disc;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#fff;	
}

section ul ul {margin:5px 0 0 10px;}

#accueil figure.photoLeft {
	float:left;
	margin:0 15px 10px 0;
	border:1px solid #ccc;
}

/* Inner page */ 

#page section figure {
	margin-bottom:20px;
}
#page section a {
	color:#497fc1;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;	
}
#page section a:hover {color:#fff;}
#page section h2 {margin-bottom:20px;}
#page section figure.photoLeft {
	float:left;
	margin:0 15px 10px 0;
	width:212px;
	border:1px solid #ccc;
}
#page section .prix {
	font-size:16px;
	font-weight:bold;
	color:#497fc1;
}

#page.page_promo section p {
	float:right;
	display:block;
	width:528px;
}
#page.page_promo section h2 {
	float:right;
	display:block;
	width:528px;
}

#page.page_promo article ul {
	padding:0 0 10px 10px;
	margin:0 0 10px 20px;
	float:right;
	display:block;
	width:525px;		
}

#page section article .photoHebergement {
	width:184px;
	height:142px;
	border:3px solid #333;
	float:left;
	margin:0 20px 20px 0;
}

.b_imprimer {
	background:url(../images/icon_print.png) #333 no-repeat 10px 10px;
	line-height:55px;
	display:block;
	border:1px dashed #fff;
	padding:0 0 0 60px;
	margin:10px 0 10px 0;	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-weight:bold;
}

/* tableau */
#page .col1 {}
#page .col2 {padding:5px;text-align:center;border-left:1px solid #333;border-right:1px solid #333;width:80px;vertical-align:bottom;}
#page .col3 {padding:5px;width:80px;text-align:center;vertical-align:bottom;}
#page .col4 {padding:5px;border-top:1px solid #333;}
#page .col5 {padding:5px;border-left:1px solid #333;width:50px;text-align:center;vertical-align:bottom;}
#page td.pale {background:#333;}

#page table {border:1px solid #333;}
#page th {
	background:#E1D3B8;
	color:#333;
	padding:5px;
}
#page th strong {color:#333;}
#page td {font-size:14px;padding:5px;color:#ccc;line-height:20px;}
#page td strong {color:#fff;}
#page td.espace {height:10px;line-height:10px;padding:0;}


/* Footer */	
footer {
	color:#fff;
	font-size:14px;
	clear:both;
	padding-bottom:20px;
	background:#232323;
	margin-top:20px;
}
footer a {
	color:#ccc;
	text-decoration:none;
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;
}
footer a:hover {color:#fff;}
footer ul, footer li {margin:0;padding:0;}
footer li:first-child {
	float:left;
}
footer li:last-child {
	float:right;
}
ul#partenaires {margin:0;padding:0;}
ul#partenaires:last-child {}
ul#partenaires li {
	list-style:none;
	display:inline-block;
	margin:0 10px 0 0;
}


/* nav */
nav {
	background:rgba(0,0,0,0.5);
	border-top:1px dotted #fff;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.8);
	box-shadow: 0 5px 5px rgba(0,0,0,0.8);	
	margin:auto;width:820px; /* a enlever */
	margin-bottom:20px;	
	padding-top:5px;
}

/* MENU */
#menu ul {margin:0;padding:0;}
#menu li { 
	margin:0;padding:0;
	position: relative;
	display:inline-block;
	color:#fff;
	margin-right:26px;	
}
#menu li:last-child {margin-right:0;}
#menu a {
	font-family: 'Buenard',serif !important;
	text-decoration:none;
	color:rgba(255,255,255,0.7);
    -webkit-transition:250ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -ms-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;
	text-decoration:none;
	line-height:28px;	
}
#menu a:hover, #menu .active {
	color:#497fc1;
}
#menu .current a, #menu li:hover > a {
	color:#fff;
}
#menu ul li:hover a, #menu li:hover li a {
}
#menu li:hover > ul {
	display: block;
}
/* Sub Menu style ************************************************** */
#menu ul {
	display: none;
	width: 120px; /* Change this to change the buttons width */
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: -38px;
	border:none;
	background:rgba(0,0,0,0.7);
	padding:15px 10px 15px 10px;
	-moz-box-shadow: 0px 9px 12px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 9px 12px rgba(0,0,0,0.8);
	box-shadow: 0px 9px 12px rgba(0,0,0,0.8);
	border:1px solid #444;
	z-index:1000;
}
			
#menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	background:none;
}
#menu ul li a {
	background:none;
}
#menu ul ul {
	left: 179px; /* Change this to move the sub-menu to right */
	top: -1px;
	*top: 1px;
}

#menu ul li a  {
	color:#ccc;
	border-bottom:1px dotted #ccc;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	text-transform:inherit;
	margin:0 0 5px 0;
	padding:0 0 8px 0;
	display:block;
}
#menu ul li a:hover {
	color:#fff;
}
#menu ul li:last-child a, #menu ul li:last-child {border:none;margin:0;padding:0;}

/* Some Fix ************************************************** */
#menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#menu {
	display: inline-block;
} 
html[xmlns] #menu {
	display: block;
}
* html #menu {
	height: 1%;
}



@media handheld, only screen and (max-width: 640px) { /* Iphone */
	
	.container, header, section, footer, nav, figure {width:100%;}
	
	#page section figure.photoLeft {float:inherit;margin:0 0 10px 0;width:100%;border:1px solid #ccc;}	
	#page section article .photoHebergement {width:100%;border:3px solid #333;float:inherit;margin:0 0 20px 0;}	
	
	#menu li {width:100%;float:inherit;border-bottom:1px dotted #000;}
	#menu ul {display:block;position:relative;width:100%;padding:0;margin:0;top:inherit;left:inherit;}	
	#menu ul li a, #menu ul li {margin:0;padding:0;line-height:14px;}	
	
	footer li:first-child, footer li:last-child {float:none;display:block;}
	footer {font-size:100%;}
	
	section p {font-size:100%;line-height: 1.6875;}	
	section h1 {font-size:100%;line-height: 1.6875;letter-spacing:-1px;}
	section h6 {font-size:90%;line-height: 1.6875;letter-spacing:-1px;}
	section .promotion {width:100%;float:inherit;}
	#section img {width:100%;}
	section .pub, section .pubsmall {width:50%;height:inherit;float:left;}
	section .pubsmall {width:100%;height:inherit;float:left;padding:10px 0 10px;display:none}
		
	.pad10 {padding:10px 0 10px 0;}
	#banner-rotator, .royalSlider {width:100%;}
	/* tableau */
	#page td {font-size:11px;padding:5px;color:#ccc;line-height:16px;}
	#page td strong {color:#fff;}
	#page td.espace {height:10px;line-height:10px;padding:0;}	
	
	iframe {width:100%;margin:0;float:inherit;margin-bottom:20px;}
	small {display:none;}
	
	#page.page_promo section p, #page.page_promo section h2 {float:inherit;display:block;width:100%;}
	#page.page_promo article ul {padding:0 0 10px 0;margin:0 0 10px 0;float:inherit;display:block;width:100%;}
	
	.b_imprimer {background:url(../images/icon_print.png) #333 no-repeat 10px 10px;line-height:14px;font-size:10px;height:40px;padding:13px 0 0 60px;}	
	
}