@charset "utf-8";
	/* 


	Francis Lecompte
	Rubik Média 2011

	*/
	
	@import url("reset.css");
	@import url("errors.css");
	
	/**********************************************************************************/
							 /* PROPRIÉTÉS GÉNÉRALES */
	/**********************************************************************************/
	body{
		background-image:url("../img/background.jpg");
		background-repeat:no-repeat;
		background-position:top center;
		background-size:100% auto;
		background-color:#eeede9;
	}
	
	/* LAYOUT */
	#wrapper{
	width:									100%;
	height:									auto;
	
	/* fallback color if gradients are not supported */

	/*background-image: -webkit-gradient(linear,top, #fcfcfc, #e5e5e5); 
	background-image: -webkit-linear-gradient(top, #fcfcfc, #e5e5e5); 
	background-image:    -moz-linear-gradient(top, #fcfcfc, #e5e5e5); 
	background-image:     -ms-linear-gradient(top, #fcfcfc, #e5e5e5); 
	background-image:      -o-linear-gradient(top, #fcfcfc, #e5e5e5); 
	background-image:         linear-gradient(top, #fcfcfc, #e5e5e5);*/
	
	
	}
	.meteo{
		text-align:center;
		margin-top:24px;
	}
	.communique{
		padding:8px;
		font-size:12px;
		letter-spacing:1px;
		background-color:#fbd319;
		font-family:"NexaHeavy";
		margin:0px;
		margin-top:6px;
		width:360px;
		color:#ff0100;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	#container{
	width:									960px;
	height:									auto;
	position:								relative;
	margin-left:							auto;
	margin-right:							auto;
	background-color: #FFF; /* fallback color if gradients are not supported */

	}
	#entete{
	width:									100%;
	height:									415px;
	position:								relative;

	}
	#contenue{
	
	height:									auto;
	position:								relative;
	}
	#pied{
	width:									100%;
	height:									auto;
	position:								relative;
	text-align:								center;
	}
	.colonne{
	width:									33%;
	height:									auto;
	-moz-border-radius:						15px;
	display:								inline-block;
	vertical-align:top;
	margin-left:							auto;
	margin-right:							auto;

	}
	.colonne2{
	width:									50%;
	height:									auto;
	display:								inline-block;
	vertical-align:top;
	margin-left:							auto;
	margin-right:							auto;

	}
	#topinfo{
		position:absolute;
		right:270px;
		text-align:center;
		padding-top:12px;
	}
	#btn-soumission{
		position:absolute;
		right:35px;
		text-align:center;
		top:20px;
	}
	
	#btn-soumission.footer{
		position:relative !important;
	}
	
	
	
	#btn-yeou{
		position:absolute;
		right:35px;
		top:70px;
	}
	#btn-yeou a:hover { border-color: #619f5c !important; }
	#btn-yeou a:hover img { margin-right: 2px; }
	
	.regions{
		font-size:13px;
		font-family:"NexaRegular";
		text-transform:uppercase;
	}
	.tel{
		font-family:"NexaHeavy";
		font-size:48px;
		color:#014f7d;
	}
	/* MISE EN FORME */
	h1{
	font-family:							"NexaHeavy";
	font-size:								36px;
	color:									#014f7d;
	padding:								0 0 0 0;												/* Top Right Bottom Left */
	margin:									60px 0 20px 48px; 												/* Top Right Bottom Left */
	text-transform:							capitalize;
	}
	h2{
	font-family:							"NexaHeavy";
	font-size:								24px;
	color:									#404041;
	padding:								0 0 0 0;												/* Top Right Bottom Left */
	margin:									20px 0 12px 48px; 												/* Top Right Bottom Left */
	text-transform:							capitalize;
	}
	h3{
	font-family:							"NexaHeavy";
	font-size:								26px;
	color:									#2fb24b;
	padding:								0 0 5px 0;												/* Top Right Bottom Left */
	margin:									0 0 0 0; 												/* Top Right Bottom Left */
	text-transform:							capitalize;
	}
	h4{
	font-family:							"NexaHeavy";
	font-size:								16px;
	color:									#000;
	padding:								0 0 0 0;												/* Top Right Bottom Left */
	margin:									0 0 0 0; 												/* Top Right Bottom Left */
	text-transform:							capitalize;
	}
	h5{
	font-family:							"NexaHeavy";
	font-size:								16px;
	color:									#C6C5C5;
	padding:								0 0 20px 0;												/* Top Right Bottom Left */
	margin:									0 0 0 0; 												/* Top Right Bottom Left */
	text-transform:							capitalize;
	line-height:18px;
	}
	p{
	font-family:							"NexaRegular";
	font-size:								16px;
	line-height:18px;
	text-transform:none;
	color:									#000;
	padding:								0 0 0 0;												/* Top Right Bottom Left */
	margin:									0 0 0 0; 												/* Top Right Bottom Left */
	}
	a{
	font-family:							"Nexa-Bold";
	font-size:								12px;
	color:									#404041;
	padding:								0 0 0 0;												/* Top Right Bottom Left */
	margin:									0 0 0 0; 												/* Top Right Bottom Left */	
	text-decoration:						none;
	}
	label{
	text-transform:							capitalize;	
	}
	li{
	text-transform:							capitalize;	
	}
	
	/**********************************************************************************/
									/* SUB MENU */
	/**********************************************************************************/
	
	#nav_sub{
	width:									100%;	
	height:									36px;
	}	
	#nav_sub ul{
	width:									395px;
	height:									36px;
	float:									right;
	margin-right:							20px;
	/*  border radius cross browser */
	border-radius:							0px 0px 25px 25px;;  /* css3, ie9 */
	-moz-border-radius:						0px 0px 25px 25px;;  /* firefox */ 
	-webkit-border-radius:					0px 0px 25px 25px;;  /* chrome, safari */ 
	-o-border-radius:						0px 0px 25px 25px;;  /* opera  */
	background-image:						url(../img/bg_submenu.jpg);
	background-repeat:						repeat-x;
	}
	#nav_sub ul li:first-child {
	position:								relative;
	background-image:						none;
	margin-left:							10px;
	margin-right:							20px;
	}
	#nav_sub ul li img{
	position:								absolute;	
	top:									2px;
	right:									-7px;
	}
	#nav_sub ul li{
	height:									36px;
	display:								inline-block;	
	margin-top:								8px;
	padding-left:							20px;
	padding-right:							20px;
	background-image:						url(../img/puce_submenu.jpg);
	background-repeat:						no-repeat;
	background-position:					left 0px;
	}
	#nav_sub ul li a{
	color:									#FFF;	
	text-decoration:						none;
	font-family:							"Nexa-Bold";
	font-size:								14px;
	}
	
	/**********************************************************************************/
							/* MAIN MENU */
	/**********************************************************************************/

	#logo{
	margin-left:							75px;
	position:								absolute;
	top:									8px;
	z-index:								300;
	}
	#nav_main{
	width:									100%;
	height:									190px;
	display:								inline-block;
	position:relative;
	}	
	#nav_main li:first-child{
	background-image:						none;	
	}
	#nav_main ul{
	width:									50%;
	margin-left:							410px;
	display:								inline-block;
	list-style:								none; 
	}	
	#nav_main ul li{	
	display:								inline-block;
	height:									104px;
	line-height:							10em;
	padding-left:							15px;
	padding-right:							10px;
	background-image:						url(../img/puce_menu.png);
	background-repeat:						no-repeat;
	background-position:					left 65px;
	}
	#nav_main ul li a{
	font-size:								20px;
	color:									#404041;
	text-decoration:						none;
	font-family:							"Nexa-Bold";
	text-transform:							uppercase;
	}
	#nav_main ul li a:hover{
	color:									#3C0;
	}
	
	/**********************************************************************************/
								/* CARROUSSEL */
	/**********************************************************************************/
	#carroussel{
	position:								relative;
	width:									900px;
	height:									255px;
	margin-left:							auto;
	margin-right:							auto;
	background-image:						url(../img/bg_carroussel.jpg);
	background-repeat:						repeat-x;
	/*  border radius  cross browser */
	border-radius:							70px;  /* css3, ie9 */
	-moz-border-radius:						70px;  /* firefox */ 
	-webkit-border-radius:					70px;  /* chrome, safari */ 
	-o-border-radius:						70px;  /* opera  */
	overflow:								hidden;
	z-index:100;
	}
	#carroussel #img_container{
	width:									5400px;
	height:									255px;
	position:								relative;

	}
	#carroussel img{
	/*  border radius  cross browser */
	border-radius:							70px;  /* css3, ie9 */
	-moz-border-radius:						70px;  /* firefox */ 
	-webkit-border-radius:					70px;  /* chrome, safari */ 
	-o-border-radius:						70px;  /* opera  */
	float:									left;
	display:								inline-block;
	z-index:-500;

	}
	#prev{
	position:								absolute;
	width:									50px;
	height:									50px;
	top:									240px;
	left:									0px;
	background-image:						url(../img/btn_small_left.png);
	z-index:								200;
	}
	#prev:hover{
	background-image:						url(../img/btn_small_left_hover.png);
	}
	#next{
	position:								absolute;
	width:									50px;
	height:									50px;
	top:									240px;
	right:									0px;
	background-image:						url(../img/btn_small_right.png);
	z-index:								200;
	}
	#next:hover{
	background-image:						url(../img/btn_small_right_hover.png);
	}
	#next a,#prev a{
	display:								block;
	width:									50px;
	height:									50px;
	}
	#topLeft{
	position:absolute;
	top:144px;
	left:30px;
	z-index:500;

	}
	#topRight{
	position:absolute;
	top:145px;
	right:28px;
	z-index:500;

	}
	#botLeft{
	position:absolute;
	top:340px;
	left:29px;
	z-index:500;

	}
	#botRight{
	position:absolute;
	top:334px;
	right:30px;
	z-index:500;

	}
	
	
	/**********************************************************************************/
								/* MENU */
	/**********************************************************************************/
	#menu .fb-over a:link, #menu .fb-over a:visited, #menu .fb-over a:active{
		position:absolute;
		bottom:12px;
		left:200px;
		color:#9B43F9;
		font-size:17px;
		text-transform:uppercase;
	}
	#menu .fb-over a:hover{
		cursor:pointer;
	}
	.bouton-menu{
		margin-left:							45px;
		cursor:pointer;
	}
	#nav_menu{
	position:								absolute;
	top:									0px;
	left:									29px;
	z-index:								200;
	width:									960px;
	height:									70px;
	margin-left:							auto;
	margin-right:							auto;
	margin-top:								-20px;
	background-image:						url(../img/nav_menu.png);
	background-repeat:						no-repeat;
	background-position:					-7px -10px;
	/*  border radius  cross browser */
	border-radius:							20px;  /* css3, ie9 */
	-moz-border-radius:						20px;  /* firefox */ 
	-webkit-border-radius:					20px;  /* chrome, safari */ 
	-o-border-radius:						20px;  /* opera  */
	}
	#nav_menu ul li{
	display:								inline-block;
	float:									left;
	margin-top:								2px;
	margin-right:							20px;/* ---------------------------------------------------------------------------------------------------------------- */
	}
	#nav_menu ul img{
	position:								relative;
	float:									left;
	margin-left:							30px;
	margin-right:							-10px;
	z-index:								200;
	}
	#nav_menu ul li a{
	text-transform:							uppercase;
	line-height:							2.2em;
	padding-left:							17px;
	padding-right:							10px;
	z-index:								-100;
	font-size:16px;
	color:#014f7d;
	}
	#nav_menu ul li a:hover{
	background-color:						#eeede9;	
	color:									#FFF;
	/*  border radius  cross browser */
	border-radius:							0 15px 15px 0;  /* css3, ie9 */
	-moz-border-radius:						0 15px 15px 0;  /* firefox */ 
	-webkit-border-radius:					0 15px 15px 0;  /* chrome, safari */ 
	-o-border-radius:						0 15px 15px 0;  /* opera  */
	}
	#menu{
	position:								relative;
	width:									900px;
	height:									auto;
	margin-left:							auto;
	margin-right:							auto;
	margin-top:								40px;
	border:									6px solid #D1D1D1;
	position:								relative;
	overflow:hidden;
	/*  border radius  cross browser */
	border-radius:							20px;  /* css3, ie9 */
	-moz-border-radius:						20px;  /* firefox */ 
	-webkit-border-radius:					20px;  /* chrome, safari */ 
	-o-border-radius:						20px;  /* opera  */
	}	
	#menu p{
		margin:12px 48px;
	}
	#menu .slide{
	float:									left;
	display:								inline-block;
	width:900px;
	height:550px;
	vertical-align:top;
	}
	#menu #img_container_menu{
	width:									5400px;
	height:									auto;
	position:relative;
	}
	#prev_large{
	position:								absolute;
	width:									50px;
	height:									50px;
	top:									180px;
	left:									4px;
	background-image:						url(../img/btn_large_left.png);
	background-repeat:						no-repeat;
	z-index:								200;
	}
	#prev_large:hover{
	background-image:						url(../img/btn_large_left_hover.png);
	}
	#next_large{
	position:								absolute;
	width:									50px;
	height:									50px;
	top:									180px;
	right:									-4px;
	background-image:						url(../img/btn_large_right.png);
	background-repeat:						no-repeat;
	z-index:								200;
	}
	#next_large:hover{
	background-image:						url(../img/btn_large_right_hover.png);
	}
	#prev_large a, #next_large a{
	display:								block;
	width:									50px;
	height:									50px;
	}
	#print_menu{
	position:								absolute;
	bottom:									-5px;
	left:									20px;
	width:									135px;
	height:									45px;
	background-image:						url(../img/print_menu.png);
	background-repeat:						no-repeat;
	text-align:								center;
	padding-top:							5px;

	}
	#print_menu:hover{
	background-image:						url(../img/print_menu_hover.png);
	}
	#print_menu a{
	color:									#FFF;	
	text-align:								center;
	margin-top:								10px;
	text-transform:							uppercase;
	}
	
	
	/**********************************************************************************/
									/* COLONNE */
	/**********************************************************************************/
	
	#col_container{
	width:									910px;
	text-align:								center;
	margin-left:							auto;
	margin-right:							auto;
	margin-top:								20px;
	}
	/* COLONNE 1 */
	#repas_sante{
	width:									271px;
	height:									185px;	
	display:								inline-block;
	float:									left;	
	border:									6px solid #CCC;
	/*  border radius  cross browser */
	border-radius:							10px;  /* css3, ie9 */
	-moz-border-radius:						10px;  /* firefox */ 
	-webkit-border-radius:					10px;  /* chrome, safari */ 
	-o-border-radius:						10px;  /* opera  */
	background-image:						url(../img/bg_repas_sante.jpg);
	background-repeat:						repeat-x;
	}
	#join_us{
	position:								relative;
	width:									271px;
	height:									50px;
	display:								inline-block;
	float:									left;
	margin-top:								10px;
	padding-top:							15px;
	text-align:								right;
	border:									6px solid #CCC;
	/*  border radius  cross browser */
	border-radius:							10px;  /* css3, ie9 */
	-moz-border-radius:						10px;  /* firefox */ 
	-webkit-border-radius:					10px;  /* chrome, safari */ 
	-o-border-radius:						10px;  /* opera  */
	background-image:						url(../img/bg_repas_sante.jpg);
	background-repeat:						repeat-x;
	}
	#join_us a{
	font-size:								16px;	
	text-transform:							uppercase;
	display:								block;
	margin-right:							80px;
	}
	#fb_32{
	position:								relative;
	top:									-32px;
	left:									-40px;
	}
	/* COLONNE 2 */
	#heures{
	width:									271px;
	height:									272px;
	border:									6px solid #CCC;
	/*  border radius  cross browser */
	border-radius:							10px;  /* css3, ie9 */
	-moz-border-radius:						10px;  /* firefox */ 
	-webkit-border-radius:					10px;  /* chrome, safari */ 
	-o-border-radius:						10px;  /* opera  */	
	background-color:#FFF;
	background-repeat:						no-repeat;	
	float:									left;
	margin-left:							10px;
	}
	#heures ul{
	margin-top:								10px;	
	}
	#heures ul li{	
	font-family:							"NexaRegular";	
	color:									#404041;
	font-size:								16px;
	text-align:								center;
	margin-top:								8px;
	}
	#heures img{
	margin-top:20px;
	border-bottom:10px solid #CCC;
	padding-bottom:10px;
	width:271px;
	}
	/* COLONNE 3 */
	#find_us{
	width:									271px;
	height:									258px;
	display:								inline-block;
	float:									right;
	padding-top:							15px;
	border:									6px solid #CCC;
	/*  border radius  cross browser */
	border-radius:							10px;  /* css3, ie9 */
	-moz-border-radius:						10px;  /* firefox */ 
	-webkit-border-radius:					10px;  /* chrome, safari */ 
	-o-border-radius:						10px;  /* opera  */
	background-color:						#FFF;
	}
	#find_us img{
	margin-top:								10px;
	border:									2px solid #CCC;
	/*  border radius  cross browser */
	border-radius:							10px;  /* css3, ie9 */
	-moz-border-radius:						10px;  /* firefox */ 
	-webkit-border-radius:					10px;  /* chrome, safari */ 
	-o-border-radius:						10px;  /* opera  */
	}
	
	/**********************************************************************************/
									/* PIED DE PAGE */
	/**********************************************************************************/
	
	#pied{
	margin-top:								20px;
	padding-bottom:							20px;
	}
	#pied h5{
	margin-top:								0px;	
	}
	#pied ul{
	margin-top:								5px;	
	}
	#pied ul li:first-child{
	background-image:						none;	
	}
	#pied ul li{
	display:								inline-block;
	padding-left:							14px;
	padding-right:							10px;
	background-image:						url(../img/puce_pied.png);
	background-repeat:						no-repeat;
	background-position:					left 4px;
	}
	#pied ul li a{
	text-transform:							uppercase;	
	}
	#pied ul li a:hover{
	color:#906;	
	}
	.closing{
		min-width:960px;
		height:193px;
		background-image:url("../img/banc_deneige_large1500.png");
		background-repeat:no-repeat;
		background-position:center;
	}
	.closing div{
		background-color:#FFF;
		width:960px;
		height:193px;
		margin:auto;
		background-image:url("../img/banc_deneige_large1500.png");
		background-repeat:no-repeat;
		background-position:center;
	}

	
	/**********************************************************************************/
									/* PAGE CONTACT - FORMULAIRE */
	/**********************************************************************************/
	
	.colonne h4{
		margin-bottom:24px;
	}
	.colonne h3{
		margin-top:-12px;
		color:#666666;
		text-transform:uppercase;
		margin-bottom:12px;
		font-size:16px;
	}
	.colonne h2{
		margin:0 0 18px 0;
		text-transform:uppercase;
		color:#014f7d;
		margin-top:12px;
	}
	#formContact{
	/*width:									820px;*/
	height:									auto;
	text-align:left;
	position:								relative;
	padding:12px;
	padding-top:0px;
	background-color:						#FFF;
	/*  border radius  cross browser */
	border-radius:							50px;  /* css3, ie9 */
	-moz-border-radius:						50px;  /* firefox */ 
	-webkit-border-radius:					50px;  /* chrome, safari */ 
	-o-border-radius:						50px;  /* opera  */
	}
	#formContact label{
	display:								block;
	margin-bottom:							10px;	
	color:									#404041;	
	font-family:							"NexaRegular";
	font-size:								20px;
	}
	#formContact input{
	width:									90%;
	height:									20px;
	padding:								5px;
	font-size:								16px;
	font-style:italic;
	font-family:							"NexaRegular";
	color:									#404041;
	display:								block;
	margin-bottom:							20px;

	
	}
	#formContact textarea{
	width:									90%;
	height:									150px;
	display:								block;
	margin-bottom:							20px;	
	padding:								5px;
	padding-top:							10px;
	font-family:							"NexaRegular";
	color:									#404041;
	
	}
	#formContact input[type="submit"], button {
	width:									200px;	
	height:									40px;
	font-family:							"NexaHeavy";
	color:									#404041;
	display:								block;
	margin-bottom:							20px;
	border:									2px solid #EAE8E8;
	/*  border radius  cross browser */
	border-radius:							20px;  /* css3, ie9 */
	-moz-border-radius:						20px;  /* firefox */ 
	-webkit-border-radius:					20px;  /* chrome, safari */ 
	-o-border-radius:						20px;  /* opera  */
	}
	#formContact input[type="submit"]:hover{
	border:									4px solid #999;
	}
	#formContact .leftCol{
	width:									520px;	
	display:								inline-block;
	}
	#formContact .rightCol{
	width:									200px;	
	height:									200px;
	padding:		 						20px;
	display:inline-block;
	float:right;


	}
	
	
	
	.notice  h4	{ margin: 10px 0 20px 0; }
	.notice  p { margin: 10px 0 20px 0; }
	.notice  ul {
			list-style-type: square;
			margin-top: 5px;
			margin-left: 40px; 
			text-indent: 10px; 
			font-family:							"NexaRegular";
			font-size:								16px;
			line-height:18px;
	}
	.notice li { text-transform:none !important; }
	#pied h5 a { 
			font-family:							"NexaHeavy";
			font-size:								16px;
			color:									#C6C5C5; 
		}