@charset "UTF-8";
/* CSS Document */

<!-- NICOLAS RIVALS STYLE by iamsailor.com -->

.top { width:950px;  height:110px;left:40px; top:50px; display:block; margin-top:20px; margin-left:40px; position:fixed; }
.logo { width:350px; height:47px; border:0; float:left; line-height:24px; padding-right:20px; padding-left:26px;}

*menu*/
.menuwidth { width:658px;}

ul.menu { list-style:none; margin:2px; }
ul.menu li { float:left; height:8px; position:relative; padding:0px 15px; height:31px }
ul.menu li a:link, ul.menu li a:visited { height:16px; line-height:normal; float:left; cursor:pointer; background-position:left top; background-repeat:no-repeat; overflow:hidden; display:block;}
ul.menu li a:hover, ul.menu li.current a{ background-position:left -16px; }

ul.menu ul { position:absolute; top:32px; left:0; display:none; list-style:none; z-index:1; }
ul.menu ul li { position:relative; margin:0; font-size:12px; font-weight:normal; padding:0; z-index:1; border-bottom:#000 1px solid; }
ul.menu ul li a:link, ul.menu ul li a:visited { display:block; margin:0px; padding:5px;  text-decoration:none; font-size:14px; text-transform:none; background:#FFF; height:auto; width:200px; font-weight:normal; line-height:22px; z-index:1; }
ul.menu ul li a:hover { background:#FFF; color:#999; }
ul.menu ul ul { left:220px; top:-1px; }

.information { position:relative;}
.info_img { width:80px; height:10px; position:absolute; top:35px; right:80px;}
.home_img { width:40px; height:10px; position:absolute; top:35px; right:20px;}

.align { display:block; margin:0px auto; text-align:center;} 

.flags { display:inline; margin:-29px auto; float:right; } 

.flagFR {  display:inline; background-image:url(images/icones/flagfr.png); height:11px; width:16px; background-repeat: no-repeat; padding-bottom:10px; } 

.flagEN {  display:inline; background-image:url(images/icones/flagen.png); height:11px; width:16px; background-repeat: no-repeat; } 

.flagFRoff {  display:inline; background-image:url(images/icones/flagfroff.png); height:11px; width:16px; background-repeat: no-repeat; padding-bottom:10px; } 

.flagENoff {  display:inline; background-image:url(images/icones/flagenoff.png); height:11px; width:16px; background-repeat: no-repeat; } 


.credits {font-size:0.9em; margin-top:5px; padding-left:25px;}
.lien2 {color:#999;}
#contact a { color:#000; text-decoration:none;}
#contact a:hover {color:#999; text-decoration:underline;}
body {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0;
	font-family: 'Raleway', sans-serif;
	color:#000;
	}
	
	a {color:#000; text-decoration:none;}
	a:hover {color:#999; text-decoration:none}

.footer {
    vertical-align:bottom; 
	margin-bottom:0px;
	padding-right:40px;
	top:2px;
	left:0px;
	padding-left:20px;
	text-align:left;
	margin-left:5px;
	font-size:0.6em;
	position:fixed;
	padding-top:13px;
	width:80%;
	font-family: 'Raleway', sans-serif;
	}
	
.images {
	padding-top:40px;
	
	width:auto;
	display: inline-block;
	margin: 0 auto 0 auto;
	float:left;
	overflow:no;
	padding-left:5px;
	}
	
	.images img {max-height:650px;width:auto; }


.frise {height:650px; padding-right:50px;}
.frise-menu {height:650px; padding-right:10px;}

.title {font-family: 'Raleway', sans-serif;font-size:3.2em; color:#000; font-weight:100;}
.title a {color:#000;}
.title a:hover {color:#000;}





.menu {font-family: 'Raleway', sans-serif;font-size:1.7em; text-transform:uppercase; color:#000;}

.text {width:600px;}
#text {width:600px; padding-right:20px;}

h1 {color:#000; width:400px; font-family: 'Raleway', sans-serif; font-style:none; text-transform:uppercase; text-align:center; padding-bottom:30px; border-bottom:1px solid #eee; font-size:1.6em !important; background-color:#FFF; font-weight:100;}

.date {text-align:center; font-size:1.1em; font-family: 'Raleway', sans-serif;  color:#000; background-color:#FFF;}
.content {text-align:justify; font-size:0.9em; font-family: 'Raleway', sans-serif; color:#000; padding-left:70px;padding-right:70px; padding-top:20px; background-color:#FFF; font-style:none;}

@media only screen and (max-width: 700px) {
.footer {
    vertical-align:top; 
	margin-bottom:10px;
	padding-right:40px;
	right:40px;
	top:2px;
	left:0px;
	padding-left:20px;
	text-align:left;
	margin-left:5px;
	position:fixed;
	padding-top:5px;
	font-family: 'Raleway', sans-serif;
	width:400px;
	}
	
	.title {font-size:2.5em; color:#000;font-family: 'Raleway', sans-serif; padding-right:40px; font-weight:100;}
	.images {	padding-top:40px;}
	.white {white-space:pre;} }


	@media only screen and (max-height: 810px) {
		
		/* Pages */
	.footer {
    vertical-align:bottom; 
	margin-bottom:0px;
	padding-right:40px;
	top:2px;
	left:0px;
	padding-left:20px;
	text-align:left;
	margin-left:5px;
	font-size:0.5em;
	position:fixed;
	padding-top:13px;
	width:80%;
	font-family: 'Raleway', sans-serif;
	}
	
.images {
	padding-top:40px;
	
	width:auto;
	display: inline-block;
	margin: 0 auto 0 auto;
	float:left;
	overflow:no;
	padding-left:5px;
	}
	
	.images img {max-height:500px;width:auto; }

.frise {height:500px;padding-right:40px;}
.frise-menu {height:500px; padding-right:10px;}



.title {font-family: 'Raleway', sans-serif;font-size:2.7em; color:#000; font-weight:100;}




.text {width:300px;}
#text {width:300px; padding-right:20px;}

h1 {color:#000; width:300px; font-family: 'Raleway', sans-serif; font-style:none; text-transform:uppercase; text-align:center; padding-bottom:20px; border-bottom:1px solid #eee; font-size:1.3em !important; background-color:#FFF;font-weight:100;}

.date {text-align:center; font-size:0.7em; font-family: 'Raleway', sans-serif; color:#000; background-color:#FFF;}
.content {text-align:justify; font-size:0.9em; font-family: 'Raleway', sans-serif; color:#000;  padding-left:50px; padding-right:50px; padding-top:20px; background-color:#FFF; font-style:none;}

@media only screen and (max-height: 680px) {
		
		/* Pages */
	.footer {
    vertical-align:bottom; 
	margin-bottom:0px;
	padding-right:40px;
	top:2px;
	left:0px;
	padding-left:20px;
	text-align:left;
	margin-left:5px;
	font-size:0.5em;
	position:fixed;
	padding-top:13px;
	font-family: 'Raleway', sans-serif;
	width:80%;
	}
	
.images {
	padding-top:40px;
	
	width:auto;
	display: inline-block;
	margin: 0 auto 0 auto;
	float:left;
	overflow:no;
	padding-left:5px;
	}
	
	.images img {max-height:400px;width:auto; }
	

.frise {height:400px; padding-right:30px;}
.frise-menu {height:400px; padding-right:10px;}



.title {font-size:2.5em; color:#000;font-family: 'Raleway', sans-serif;font-weight:100;}

.menu-fix {position:fixed; right:0px; padding-top:13px; top:30px; text-align:right;}


.text {width:300px;}
#text {width:300px; padding-right:20px;}

h1 {color:#000; width:300px;font-family: 'Raleway', sans-serif; font-style:none; text-transform:uppercase; text-align:center; padding-bottom:7px; border-bottom:1px solid #eee; font-size:1.0em !important; background-color:#FFF;font-weight:100;}

.date {text-align:center; font-family: 'Raleway', sans-serif; color:#000; background-color:#FFF;}
.content {text-align:justify; font-family: 'Raleway', sans-serif; color:#000;  padding-left:70px;padding-right:70px; padding-top:20px;background-color:#FFF; font-style:none; line-height:1em;}

#facebook:hover { background-image:url(images/icones/facebook.png);
}