/*
Theme Name: LVQR
Author: We are social
Version: 1.0
Text Domain: lvqr 
*/


/* Convention de syntaxte J&K 
 * 
 * Un fichier ne doit correspondre qu'à UNE SEULE page, à l'exception du main.css qui ne doit contenir QUE des éléments communs à toutes les pages
 * 
 * Redéfinition d'élément : MAJUSCULE (IMG, A, SPAN...)
 * Classes et identifiants : minuscule (#menu, .link_hover...)
 * 
 * Indenter en fonction des éléments parents, par exemple :
 * 
 * #menu{
 * 		font-weight:normal;
 * }
 * 
 * 		#menu A{
 * 			font-weight:bold;
 * 		}
 * 
 * Conserver l'indentation pour un div contenu dans le menu.
 * Ainsi, pour le div #le_sous_menu :
 * 
 * 		#le_sous_menu{
 * 			border:solid 1px #FFF;
 * 		}
 * 
 * Mettre des commentaires EN MAJUSCULE pour définir les parents principaux (conteneurs principaux, header, contenu, footer, menu)
 * 
 * Le document doit être ordonnée comme suit :
 * 1- Redefinition d'éléments (BODY, IMG, A, SPAN...)
 * 2- Classe générique (.cursor, .couleur ...)
 * 3- Définition des parents principaux
 * 
 * Une définition doit être ordonnée comme suit :
 * 1- Positionnement
 * 		- float
 * 		- position
 * 			- top/left
 * 
 * 2- Dimensions
 * 		- width/height
 * 
 * 3- Autres définitions
 * 		- Font
 * 		- ...
 * 
 * 4- Margin/Padding (en dernier pour les retrouver facilement)
 */


/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
*{
	/* Correction de la difference de gestion des marges par défaut entre Firefox et IE */
	margin:0;
	padding:0;
}

IMG{
	border:0;
}

/* Définition des liens */
A, A:hover{
	text-decoration:none;
}

BODY, HTML{
	width:100%;
	background:#dceef8;
	overflow-x:hidden;
}

/* -------------------------------------------------------------------
FONT FACE
------------------------------------------------------------------- */
/*-- LA VACHE QUI RIT --*/
@font-face {
    font-family:'vachequirit';
    src: url('fonts/vachequirit.eot');
    src: url('fonts/vachequirit.eot?#iefix') format('embedded-opentype'),
         url('fonts/vachequirit.woff') format('woff'),
         url('fonts/vachequirit.ttf') format('truetype'),
         url('fonts/vachequirit.svg#vachequirit') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- HOBO --*/
@font-face{
	font-family:"hobo";
	src:url("fonts/hobo.eot?#iefix");
	src:url("fonts/hobo.eot?#iefix") format("eot"),
		url("fonts/hobo.woff") format("woff"),
		url("fonts/hobo.ttf") format("truetype"),
		url("fonts/hobo.svg#hobo") format("svg");
}



/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */

.clear{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.highLightDisabled{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
 
/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * BANDEAU COOKIES
 */
#msg_cookies{
	position:fixed;
	float:left;
	top:0;
	width:100%;
	min-height:60px;
	background:#e42739;
	z-index:150;
	padding-bottom:10px;
}

	#msg_cookies #content_cookies{
		max-width:900px;
		margin:0 auto;
	}
	
		#msg_cookies #content_cookies #text_cookies{
			position:relative;
			float:left;
			top:16px;
			width:675px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:18px;
			font-weight:normal;
			color:#ffffff;
		}
			#msg_cookies #content_cookies #text_cookies a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:18px;
				font-weight:normal;
				color:#ffffff;
				text-decoration:underline;
			}
		
		#msg_cookies #content_cookies #btn_cookies{
			position:relative;
			float:right;
			top:14px;
			width:169px;
			height:35px;
			font-family:"vachequirit";
			font-size:26px;
			line-height:26px;
			font-weight:normal;
			color:#e42739;
			text-align:center;
			background:url("images/header/btn_cookies.png") no-repeat;
			cursor:pointer;
			padding:7px 0 0 0;
			margin:0 0 10px 0;
		}

/*
 * LIEN WORLD OF FUN
 */
 #link_world_fun.style1{
	position:absolute;
	top:144px;
	right:0;
	width:170px;
	height:245px;
	overflow-x:hidden;
	z-index:100;
}

	#link_world_fun.style1 a,
	#link_world_fun.style1 a:hover{
		position:relative;
		float:right;
		width:103px;
		height:139px;
	}
	
		#link_world_fun.style1 a .link{
			float:left;
			width:113px;
			height:113px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:14px;
			font-weight:bold;
			color:#e42739;
			text-align:center;
			text-transform:uppercase;
			padding:40px 0 0 0;
			background:url("images/header/link_world_of_fun.png") no-repeat;
			margin:70px 0 0 25px;
			-webkit-transform:rotate(-30deg);
			-moz-transform:rotate(-30deg);
			-ms-transform:rotate(-30deg);
			transform:rotate(-30deg);
			-webkit-transition:-webkit-transform 300ms;
			-moz-transition:-moz-transform 300ms;
			-ms-transition:-ms-transform 300ms;
			transition:transform 300ms;
		}
	
		#link_world_fun.style1 a:hover .link{
			-webkit-transform:translate(-90px,-70px) rotate(0deg);
			-moz-transform:translate(-90px,-70px) rotate(0deg);
			-ms-transform:translate(-90px,-70px) rotate(0deg);
			transform:translate(-90px,-70px) rotate(0deg);
		}
	
		#link_world_fun.style1 a .pastille,
		#link_world_fun.style1 a:hover .pastille{
			position:absolute;
			top:70px;
			right:0;
			width:103px;
			height:139px;
			background:url("images/header/pastille_world_of_fun.png") no-repeat right bottom;
		}
		
		#link_world_fun.style1 a:hover span{
			color:#e42739;
		}
 
#link_world_fun.style2{
	position:absolute;
	top:144px;
	right:0;
	z-index:100;
}

	#link_world_fun.style2 a,
	#link_world_fun.style2 a:hover{
		position:absolute;
		right:0;
		top:0;
		width:135px;
		height:250px;
	}
	
		#link_world_fun.style2 a .link{
			position:absolute;
			top:-67px;
			left:-135px;
			width:190px;
			height:111px;
			font-family:'hobo';
			font-size:16px;
			line-height:20px;
			color:#e42739;
			text-align:center;
			text-transform:uppercase;
			padding:35px 0 0 0;
			background:url("images/header/link_world_of_fun2.png") no-repeat;
			opacity:0;
			-webkit-transition:opacity 300ms;
			-moz-transition:opacity 300ms;
			-ms-transition:opacity 300ms;
			transition:opacity 300ms;
			pointer-events: none;
		}
	
		#link_world_fun.style2 a:hover .link{
			opacity:1;
		}
	
		#link_world_fun.style2 a .pastille,
		#link_world_fun.style2 a:hover .pastille{
			position:absolute;
			top:0;
			right:0;
			width:200px;
			height:330px;
			background:url("images/header/pastille_world_of_fun2.png") no-repeat right bottom;
			pointer-events: none;
		}
		
		#link_world_fun.style2 a:hover span{
			color:#e42739;
		}


/*
 * ENTETE FIXE
 */
#fixedHeader{
	position:fixed;
	width:100%;
	height:177px;
	background:url("images/header/bg_nav_niv_01.png") no-repeat top center;
	z-index:100;
}

	#fixedHeader .overlay{
		display:none;
	}

	#fixedHeader .mobileMenuBtn{
		display:none;
	}

	#fixedHeader .mobileMenuHeader{
		display:none;
	}

	#fixedHeader #nav_niv_01{
		width:100%;
	}
	
		#fixedHeader #nav_niv_01 #content_nav_niv_01{
			width:1008px;
			margin:0 auto;
		}
		
			#fixedHeader #nav_niv_01 #content_nav_niv_01 .logo{
				position:relative;
				float:left;
				top:12px;
				width:139px;
				height:129px;
			}
			
			#fixedHeader #nav_niv_01 #content_nav_niv_01 ul{
				position:relative;
				float:left;
				top:40px;
				width:775px;
				min-width:755px;
				list-style-type:none;
			}
			
				#fixedHeader #nav_niv_01 #content_nav_niv_01 ul li{
					float:left;
					font-family:"vachequirit";
					font-size:26px;
					line-height:26px;
					font-weight:normal;
					color:#0a3958;
					background:url("images/header/sep_nav.png") no-repeat left 13px;
					padding:0 9px 0 20px;
				}
				#fixedHeader #nav_niv_01 #content_nav_niv_01 ul li:first-child{
					background:none;
					padding:0 9px 0 6px;
				}
				
					#fixedHeader #nav_niv_01 #content_nav_niv_01 ul li a{
						float:left;
						font-family:"vachequirit";
						font-size:26px;
						line-height:26px;
						font-weight:bold;
						color:#0a3958;
					}
						#fixedHeader #nav_niv_01 #content_nav_niv_01 ul li.highlighted a{
							color:#e32639;
						}
						#fixedHeader #nav_niv_01 #content_nav_niv_01 ul li a:hover{
							color:#e32639;
						}
					
			#fixedHeader #nav_niv_01 #content_nav_niv_01 .btnSocialHeader{
				position:relative;
				float:left;
				top:44px;
				width:24px;
				height:23px;
				padding:0 0 0 6px;
			}
			
				#fixedHeader #nav_niv_01 #content_nav_niv_01 .btnSocialHeader a,
				#fixedHeader #nav_niv_01 #content_nav_niv_01 .btnSocialHeader a:hover{
					float:left;
					width:24px;
					height:23px;
				}
				#fixedHeader #nav_niv_01 #content_nav_niv_01 #btn_header_facebook a{
					background:url("images/header/picto_facebook.png") no-repeat;
				}
				#fixedHeader #nav_niv_01 #content_nav_niv_01 #btn_header_instagram a{
					background:url("images/header/picto_instagram.png") no-repeat;
				}
				#fixedHeader #nav_niv_01 #content_nav_niv_01 #btn_header_pinterest a{
					background:url("images/header/picto_pinterest.png") no-repeat;
				}
				
	#fixedHeader #nav_niv_02_mobile{
		display:none;
	}

/*
 * ENTETE
 */
#header{
	position:relative;
	float:left;
	width:100%;
	height:661px;
	background:url("images/header/montagne.jpg") no-repeat top center;
}

	#header #nav_niv_02{
		position:relative;
		max-width:1920px;
		height:26px;
		background:url("images/header/bg_nav_niv_02.png") repeat;
		margin:241px auto 0 auto;
	}
		#header #nav_niv_02.navNiv02Hidden{
			background:none;
		}
	
		#header #nav_niv_02 #content_nav_niv_02{
			width:960px;
			margin:0 auto;
		}
		
			#header #nav_niv_02 #content_nav_niv_02 ul{
				float:left;
				width:100%;
				height:25px;
				text-align:center;
				padding:1px 0 0 0;
			}
			
				#header #nav_niv_02 #content_nav_niv_02 ul li{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					line-height:12px;
					font-weight:normal;
					color:#ffffff;
					text-transform:uppercase;
					display:inline;
				}		
					#header #nav_niv_02 #content_nav_niv_02 ul li:last-child .delimiter{
						display:none;
					}		
				
					#header #nav_niv_02 #content_nav_niv_02 ul li a,
					#header #nav_niv_02 #content_nav_niv_02 ul li a:hover{
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						line-height:12px;
						font-weight:normal;
						color:#ffffff;
						text-transform:uppercase;
					}
					#header #nav_niv_02 #content_nav_niv_02 ul li a:hover{
						text-decoration:underline;
					}	
			
	#header #news{
		position:relative;
		width:1920px;
		height:395px;
		margin:0 auto;
		overflow:hidden;
	}
	
		#header #news .slide{
			position:relative;
			float:left;
			width:1920px;
			height:395px;
		}
		
			#header #news .slide .infoSlide{
				position:absolute;
				width:412px;
				height:395px;
				z-index:2;
			}
			
				#header #news .slide .infoSlide .boxInfo{
					position:absolute;
					width:412px;
					height:395px;
					background:url("images/header/bg_info_slide.png") no-repeat;
				}
				
					#header #news .slide .infoSlide .boxInfo .contentBoxInfo{
						float:left;
						width:289px;
						height:380px;
						margin:0 0 0 31px;
						padding:15px 0 0 0;
						display:none;
					}
					#header #news .slide .infoSlide .boxInfo .activeInfo{
						display:block;
					}
					
						#header #news .slide .infoSlide .boxInfo .contentBoxInfo .titleInfoSlide{
							float:left;
							width:289px;
							font-family:"vachequirit";
							font-size:36px;
							line-height:36px;
							font-weight:normal;
							color:#e50c22;
							text-align:center;
							padding:0;
						}
						
						#header #news .slide .infoSlide .boxInfo .contentBoxInfo .subTitleInfoSlide{
							float:left;
							width:253px;
							font-family:Verdana, Geneva, sans-serif;
							font-size:18px;
							line-height:18px;
							font-weight:normal;
							color:#0a3958;
							text-align:center;
							padding:18px 18px 0 18px;
						}
						
						#header #news .slide .infoSlide .boxInfo .contentBoxInfo .sepInfoSlide{
							float:left;
							width:289px;
							height:39px;
							background:url("images/header/sep_info_slide.png") no-repeat;
							margin:3px 0 0 0;
						}
						
						#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide{
							float:left;
							width:253px;
							font-family:Verdana, Geneva, sans-serif;
							font-size:18px;
							line-height:18px;
							font-weight:normal;
							color:#0a3958;
							text-align:left;
							padding:18px 18px 0 18px;
						}
						
							#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide a{
								color:#e50c22;
								text-decoration:none;
							}
								#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide a:hover{
									text-decoration:underline;
								}
						
							#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide .slideButton{
								display:block;
								text-align:center;
							}
						
							#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide .slideButton a{
								display:inline-block;
								min-width:150px;
								padding:7px;
								margin-top:10px;
								background-color:#e42739;
								border-radius:10px;
								font-family:"vachequirit";
								font-size:24px;
								line-height:24px;
								font-weight:normal;
								color:#ffffff;
								text-decoration:none;
							}
								#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide .slideButton a:hover{
									background-color:#ffffff;
									color:#e42739;
									text-decoration:none;
								}
								
							#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide table.applicationItem{
								border:none;
								border-collapse:collapse;
								min-height:112px;
							}
								
								#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide table.applicationItem td.imgItem{
									vertical-align:top;
									width:117px;
								}
								
								#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide table.applicationItem td.linksItem{
									vertical-align:top;
									padding:12px 0 0 0;
								}
								
									#header #news .slide .infoSlide .boxInfo .contentBoxInfo .textInfoSlide table.applicationItem td.linksItem a img{
										padding:0 0 10px 0;
										min-height:36px;
									}
						
					#header #news .slide .navSlider{
						position:absolute;
						float:left;
						bottom:22px;
						left:0;
						margin-left:117px;
						width:98px;
						height:22px;
						z-index:3;
					}
					
						#header #news .slide .navSlider .activeBullet{
							float:left;
							width:22px;
							height:22px;
							background:url("images/header/active_bullet.png") no-repeat;
							margin:0 0 0 6px;
						}
						
						#header #news .slide .navSlider .bullet{
							float:left;
							width:14px;
							height:14px;
							background:url("images/header/bullet.png") no-repeat;
							cursor:pointer;
							margin:4px 0 0 6px;
						}
				
			#header #news .slide .photoSlide{
				position:relative;
				float:left;
				height:395px;
				z-index:1;
			}
			
				#header #news .slide .photoSlide .photo{
					float:left;
					width:1920px;
					height:395px;
					overflow:hidden;
					background:#000000;
				}
			
					#header #news .slide .photoSlide .photo a,
					#header #news .slide .photoSlide .photo a:hover{
						float:left;
						width:100%;
						height:395px;
					}
			
						
			
/*
 * CONTENU
 */			
#content{
	position:relative;
	float:left;
	width:100%;
	background:transparent url("images/content/bg_content.jpg") no-repeat center top;
	padding:0 0 285px 0;
}

	#content .widget{
		clear:both;
	}

	#content .boxContent{
		position:relative;
		width:1192px;
		/*height:639px;*/
		background:url("images/content/nuage_box_content.png") no-repeat;
		margin:0 auto;
	}
	
		#content .boxContent .wrapBox{
			position:relative;
			float:left;
			width:960px;
		}	
		#content .boxContent .ribbonLeft{
			left:64px;
			height:551px;
			background:url("images/content/ribbon_left.png") no-repeat left top;
			margin:-1px 0 0 0;
		}	
		#content .boxContent .ribbonLeftSmall{
			height:350px;
		}
		#content .boxContent .ribbonRight{
			left:113px;
			background:url("images/content/ribbon_right.png") no-repeat right top;
			margin:-139px 0 0 0;
		}
		#content .boxContent .ribbonRightAfterSmall{
			/*margin:-339px 0 0 0;*/
		}
		
			#content .boxContent .wrapBox .title{
				position:relative;
				float:left;
				width:900px;
				font-family:"vachequirit";
				font-size:52px;
				line-height:52px;
				font-weight:normal;
				color:#052768;
				text-align:center;
			}	
			#content .boxContent .ribbonLeft .title{
				left:61px;
				padding:83px 0 0 0;
			}
			#content .boxContent .ribbonRight .title{
				left:0;
				padding:219px 0 0 0;
			}
			
				#content .boxContent .wrapBox .title .pictoCow{
					width:33px;
					height:31px;
				}
				
			#content .boxContent .wrapBox .wrapper{
				position:relative;
				float:left;
				width:900px;
			}
			#content .boxContent .ribbonLeft .wrapper,
			#content .boxContent .ribbonLeft .wrapperSmall{
				top:13px;
				left:61px;
			}
			#content .boxContent .ribbonRight .wrapper,
			#content .boxContent .ribbonRight .wrapperSmall{
				top:13px;
				left:12px;
			}
			
			#content .boxContent .wrapBox .wrapperSmall{
				position:relative;
				z-index:10;
				float:left;
				width:900px;
				height:200px;
				background:url("images/content/bg_wrapper_small.png") no-repeat;
			}
			
				#content .boxContent .wrapBox .btnPrec{
					position:absolute;
					float:left;	
					left:5px;
					width:40px;
					height:40px;
					background:url("images/content/btn_prec.png") no-repeat;
					cursor:pointer;
					z-index:30;
				}
				#content .boxContent .wrapBox .wrapper .btnPrec{
					top:180px;
				}
				#content .boxContent .wrapBox .wrapperSmall .btnPrec{
					top:80px;
					background-image:url("images/content/btn_prec.png");
				}
				
				#content .boxContent .wrapBox .wrapper .decoLeft{
					position:absolute;
					float:left;
					top:0;
					left:0;
					width:50px;
					height:400px;
					z-index:20;
					background:transparent url('images/content/bg_scroll_blue.png') repeat;
				}
				
				#content .boxContent .wrapBox .blocGenerique{
					position:relative;
					float:left;
					width:900px;
				}
				
					#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique{
						position:absolute;
						top:0;
						right:40px;
						width:420px;
					}
					
						#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique h2{
							float:left;
							width:100%;
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:14px;
							font-weight:bold;
							color:#de0a22;
							text-align:left;
							text-transform:uppercase;
							padding:36px 0 0 0;
						}
						
						#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique h3{
							float:left;
							width:100%;
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:14px;
							font-weight:bold;
							color:#0a3958;
							text-align:left;
							padding:21px 0 0 0;
						}
						
						#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique p{
							float:left;
							width:100%;
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							line-height:18px;
							font-weight:normal;
							color:#0a3958;
							text-align:left;
							padding:22px 0 0 0;
						}
						#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique p sup{
							font-size:11px;
							line-height:11px;
						}
						
						#content .boxContent .wrapBox .blocGenerique .infoBlocGenerique .btnMore a{
							float:right;
							width:154px;
							height:30px;
							font-family:"vachequirit";
							font-size:22px;
							line-height:22px;
							font-weight:normal;
							color:#ffffff;
							text-align:center;
							background:url("images/content/btn_more.png") no-repeat;
							margin:18px 0 0 0;
							padding:8px 0 0 0;
						}
				
					#content .boxContent .wrapBox .blocGenerique .imgBlocGenerique{
						position:relative;
						float:left;
						width:900px;
						z-index:10;
					}
					
				#content .boxContent .wrapBox .sliderGenerique{
					position:relative;
					float:left;
					width:900px;
					height:400px;
					z-index:10;
					overflow:hidden;
					background:#ffffff;
				}
				
					#content .boxContent .wrapBox .sliderGenerique .contentSliderGenerique{
						position:relative;
						float:left;
						height:400px;
					}	
				
						#content .boxContent .wrapBox .sliderGenerique .contentSliderGenerique .item{
							float:left;
							width:900px;
							height:400px;
							overflow:hidden;
							text-align:center;
						}	
				
				#content .boxContent .wrapBox .slider{
					position:relative;
					float:left;
					left:50px;
					width:800px;
					z-index:10;
					overflow:hidden;
				}
				#content .boxContent .wrapBox .wrapper .slider{
					height:400px;
				}
				#content .boxContent .wrapBox .wrapperSmall .slider{
					height:200px;
				}
				
					#content .boxContent .wrapBox .slider .contentSlider{
						position:relative;
						float:left;
						height:400px;
					}
					#content .boxContent .wrapBox .wrapper .slider .contentSlider{
						height:400px;
					}
					#content .boxContent .wrapBox .wrapperSmall .slider .contentSlider{
						height:200px;
					}
					
					#content .boxContent .wrapBox .sliderGenerique .contentSlider{
						position:relative;
						float:left;
						height:400px;
					}
					
					#content .boxContent .wrapBox .slider .contentSliderExpand{
						position:absolute;
						float:left;
						top:0;
						left:0;
						height:400px;
						display:none;
						z-index:50;
					}
					
						#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe{
							position:relative;
							float:left;
							width:800px;
							height:400px;
							z-index:50;
							background:#ffffff;
						}
					
							#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .printLogo{
								display:none;
							}
						
							#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe{
								position:absolute;
								float:right;
								top:0;
								right:0;
								width:392px;
								height:400px;
								background:url("images/content/bg_info_expand_recipe_no_transparent.png") no-repeat right top;
								overflow:hidden;
								padding:0 0 0 40px;
							}
						
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe ul li{
									margin-left:15px;
								}
									
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .btnPrint{
									position:absolute;
									top:9px;
									right:65px;
									width:30px;
									height:30px;
									background:url("images/content/picto_print.png") no-repeat;
									cursor:pointer;
								}
								
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .btnFacebook{
									position:absolute;
									top:9px;
									right:35px;
									width:28px;
									height:32px;
								}
								
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .btnFacebook a,
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .btnFacebook a:hover{
										float:left;
										width:28px;
										height:32px;
										background:url("images/content/cam_facebook_red.png") no-repeat;
									}
									
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .btnClose{
									position:absolute;
									top:10px;
									right:10px;
									width:18px;
									height:17px;
									background:url("images/content/btn_close.png") no-repeat;
									cursor:pointer;
								}
								
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .titleRecipe{
									float:left;
									width:297px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:18px;
									line-height:22px;
									font-weight:bold;
									color:#de0a22;
									text-align:left;
									text-transform:uppercase;
									padding:11px 0 0 0;
								}
								
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .subTitleRecipe{
									float:left;
									width:354px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:14px;
									line-height:14px;
									font-weight:bold;
									color:#0a3958;
									text-align:left;
									padding:2px 0 0 0;
								}
								
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .listPictos{
									float:left;
									width:354px;
									list-style-type:none;
									padding:11px 0 9px 0;
								}
								
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .listPictos li{
										float:left;
										height:19px;
										font-family:Arial, Helvetica, sans-serif;
										font-size:12px;
										line-height:19px;
										font-weight:normal;
										color:#de0a22;
										padding:3px 0 7px 0;
										margin:0 18px 0 0;
									}
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .listPictos img{
										float:left;
										width:19px;
										height:19px;
										padding-right:5px;
										line-height:19px;
									}
			
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .listPictos .span{
										float:left;
									}
									
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .textRecipe{
									float:left;
									width:380px;
									height:270px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									line-height:14px;
									font-weight:normal;
									color:#0a3958;
									overflow:hidden;
									outline:none;
								}
								
									#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .textRecipe p{
										width:100%;
										padding:0 0 10px 0;
									}
									
								#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .infoRecipe .hiddenTextRecipe{
									display:none;
								}
						
							#content .boxContent .wrapBox .slider .contentSliderExpand .expandRecipe .photoRecipe{
								float:left;
								width:800px;
								height:400px;
							}
					
						#content .boxContent .wrapBox .slider .slide{
							position:relative;
							float:left;
							width:800px;
							height:400px;
						}
						
						#content .boxContent .wrapBox .sliderGenerique .slide{
							position:relative;
							float:left;
							width:900px;
							height:400px;
						}
					
							#content .boxContent.goodiesContent .wrapBox .sliderGenerique .slide{
								background-color:#000000;
								text-align:center;
							}
					
						#content .boxContent .wrapBox .slider .contentSlider .item{
							float:left;
							width:200px;
							height:200px;
							cursor:pointer;
						}
						
							#content .boxContent .wrapBox .slider .contentSlider .item .overItem{
								position:absolute;
								float:left;
								width:200px;
								height:200px;
								font-family:Arial, Helvetica, sans-serif;
								font-size:14px;
								line-height:14px;
								font-weight:bold;
								color:#ffffff;
								text-align:center;
								text-transform:uppercase;
								background:url("images/content/bg_over_item.png") repeat;
								display:none;
							}
							
								#content .boxContent .wrapBox .slider .contentSlider .item .overItem .overTitleCenter{
									float:left;
									width:100%;
									text-align:center;
									padding:92px 0 0 0;
								}
								
								#content .boxContent .wrapBox .slider .contentSlider .item .overItem .overTitle{
									float:left;
									width:100%;
									text-align:center;
									padding:27px 0 0 0;
								}
								
								#content .boxContent .wrapBox .slider .contentSlider .item .overItem .buttons{
									float:left;
									width:100%;
									text-align:center;
									padding:28px 0 0 0;
								}
								
									#content .boxContent .wrapBox .slider .contentSlider .item .overItem .buttons a{
										width:110px;
										height:37px;
									}
									
										#content .boxContent .wrapBox .slider .contentSlider .item .overItem .buttons a img{
											margin:0 0 9px 0;
										}
							
							#content .boxContent .wrapBox .slider .contentSlider .item .imgItem{
								float:left;
								width:200px;
								height:200px;
								text-align:center;
							}
					
						#content .boxContent .wrapBox .wrapper .slider .contentSlider .post{
							position:relative;
							float:left;
							width:400px;
							height:200px;
							overflow:hidden;
							cursor:pointer;
						}
							#content .boxContent.facebookWidget .wrapBox .wrapper .slider .contentSlider .post{
								cursor:default;
							}
					
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post a{
								position:absolute;
								left:0;
								width:217px;
								height:200px;
								cursor:pointer;
								z-index:11;
							}
					
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post.bottom a{
									left:auto;
									right:0;
								}
					
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post.toBottom{
								margin-top:200px;
								margin-left:-400px;
							}
						
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost{
								position:absolute;
								width:217px;
								height:200px;
								z-index:20;
								display:block;
							}
							#content .boxContent .wrapBox .wrapper .contentSlider .post .infoWhiteRight{
								right:0;
								background:url("images/content/bg_info_white_right.png") no-repeat;
							}
								#content .boxContent.recipesContent .wrapBox .wrapper .contentSlider .post .infoWhiteRight{
									background:url("images/content/bg_info_white_right_no_transparent.png") no-repeat;
								}
								#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .infoWhiteRight{
									background:url("images/content/bg_info_white_right_no_transparent.png") no-repeat;
								}
							#content .boxContent .wrapBox .wrapper .contentSlider .post .infoWhiteLeft{
								left:0;
								background:url("images/content/bg_info_white_left.png") no-repeat;
							}
								#content .boxContent.recipesContent .wrapBox .wrapper .contentSlider .post .infoWhiteLeft{
									background:url("images/content/bg_info_white_left_no_transparent.png") no-repeat;
								}
								#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .infoWhiteLeft{
									background:url("images/content/bg_info_white_left_no_transparent.png") no-repeat;
								}
							#content .boxContent .wrapBox .wrapper .contentSlider .post .infoRedRight{
								right:0;
								background:url("images/content/bg_info_red_right.png") no-repeat;
							}
								#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .infoRedRight{
									background:url("images/content/bg_info_red_right_no_transparent.png") no-repeat;
								}
							#content .boxContent .wrapBox .wrapper .contentSlider .post .infoRedLeft{
								left:0;
								background:url("images/content/bg_info_red_left.png") no-repeat;
							}
								#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .infoRedLeft{
									background:url("images/content/bg_info_red_left_no_transparent.png") no-repeat;
								}
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .hiddenPost .infoPost{
								display:none;
							}
							
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .titlePostRecipe{
									float:left;
									width:180px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									line-height:18px;
									font-weight:bold;
									color:#de0a22;
									text-align:left;
									text-transform:uppercase;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .titlePostRecipe{
									padding:11px 0 0 27px;
								}	
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .titlePostRecipe{
									padding:11px 0 0 9px;
								}
								
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .textPostRecipe{
									float:left;
									width:180px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									line-height:18px;
									font-weight:normal;
									color:#0a3958;
									text-align:left;
									height:56px;
									overflow:hidden;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .textPostRecipe{
									padding:1px 0 0 27px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .textPostRecipe{
									padding:1px 0 0 9px;
								}
								
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .textPostRecipe ul li{
										margin-left:15px;
									}
								
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .listPictos{
									position:absolute;
									float:left;
									bottom:4px;
									width:135px;
									list-style-type:none;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .listPictos{
									padding:0 0 0 27px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .listPictos{
									padding:0 0 0 9px;
								}
								
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .listPictos li{
										float:left;
										width:100%;
										height:19px;
										font-family:Arial, Helvetica, sans-serif;
										font-size:12px;
										line-height:12px;
										font-weight:normal;
										color:#de0a22;
										padding:3px 0 0 24px;
										margin:0 0 3px 0;
									}
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .listPictos .temps{
										background:url("images/content/picto_temps.png") no-repeat left top;
									}	
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .listPictos .prix{
										background:url("images/content/picto_prix.png") no-repeat left top;
									}	
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .listPictos .niveau{
										background:url("images/content/picto_niveau.png") no-repeat left top;
									}							
							
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .textPost{
									float:left;
									width:180px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									line-height:18px;
									font-weight:normal;
									height:128px;
									overflow:hidden;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .textPost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .textPost{
									color:#0a3958;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .textPost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .textPost{
									color:#ffffff;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .textPost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .textPost{
									padding:20px 10px 0 27px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .textPost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .textPost{
									padding:20px 27px 0 10px;
								}
								
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .datePost{
									position:absolute;
									bottom:13px;
									width:55px;
									font-family:Arial, Helvetica, sans-serif;
									font-size:14px;
									line-height:14px;
									font-weight:normal;
									text-align:center;
									text-transform:uppercase;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .datePost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .datePost{
									color:#de0a22;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .datePost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .datePost{
									color:#ffffff;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .datePost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .datePost{
									left:16px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .datePost,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .datePost{
									left:0;
								}
								
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .datePost .numDate{
										font-size:27px;
										line-height:27px;
									}
									
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebook{
									position:absolute;
									bottom:15px;
									width:28px;
									height:32px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .linkFacebook,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .linkFacebook{
									right:10px;
								}
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .linkFacebook,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .linkFacebook{
									right:27px;
								}
								
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebook a,
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebook a:hover{
										float:left;
										width:28px;
										height:32px;
									}
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .linkFacebook a,
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .linkFacebook a{
										background:url("images/content/cam_facebook_red.png") no-repeat;
									}
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedRight .linkFacebook a,
									#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoRedLeft .linkFacebook a{
										background:url("images/content/cam_facebook_white.png") no-repeat;
									}
									
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebookRecipe{
								position:absolute;
								bottom:38px;
								width:28px;
								height:32px;
							}
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .linkFacebookRecipe{
								right:7px;
							}
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .linkFacebookRecipe{
								right:24px;
							}
							
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebookRecipe a,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .linkFacebookRecipe a:hover{
									float:left;
									width:28px;
									height:32px;
									background:url("images/content/cam_facebook_red.png") no-repeat;
								}
								
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .btnMore{
								position:absolute;
								bottom:12px;
								width:21px;
								height:21px;
							}
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteRight .btnMore{
								right:10px;
							}
							#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoWhiteLeft .btnMore{
								right:27px;
							}
							
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .btnMore a,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .btnMore a:hover,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .btnMore span,
								#content .boxContent .wrapBox .wrapper .slider .contentSlider .post .infoPost .btnMore span:hover{
									float:left;
									width:21px;
									height:21px;
									background:url("images/content/picto_more.png") no-repeat;
								}
							
							#content .boxContent .wrapBox .wrapper .contentSlider .post .photoPost{
								position:relative;
								float:right;
								right:50%;
								height:200px;
								z-index:10;
								background-size:100%;
								background-position:center;
							}
							
								#content .boxContent .wrapBox .wrapper .contentSlider .post .photoPost.right{
									float:right;
									right:auto;
								}
							
							#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .photoPost{
								width:auto;
							}
							
							#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .photoPost.infoWhiteLeft,
							#content .boxContent.facebookWidget .wrapBox .wrapper .contentSlider .post .photoPost.infoRedLeft{
								float:right;
							}
							
				#content .boxContent .wrapBox .wrapper .decoRight{
					position:absolute;
					float:right;
					top:0;
					right:0;
					width:50px;
					height:400px;
					z-index:20;
					background:transparent url('images/content/bg_scroll_blue.png') repeat;
				}
				
				#content .boxContent .wrapBox .btnSuiv{
					position:absolute;
					float:right;	
					right:5px;
					width:40px;
					height:40px;
					background:url("images/content/btn_suiv.png") no-repeat;
					cursor:pointer;
					z-index:30;
				}
				#content .boxContent .wrapBox .wrapper .btnSuiv{
					top:180px;
				}
				#content .boxContent .wrapBox .wrapperSmall .btnSuiv{
					top:80px;
					background-image:url("images/content/btn_suiv.png");
				}
			
			
/*
 * PIED DE PAGE
 */
#footer{
	position:relative;
	float:left;
	width:100%;
	height:507px;
	background:url("images/footer/montagne.png") no-repeat top center;
	margin-top:-200px;
}			

	#footer #content_footer{
		position:relative;
		width:900px;
		height:310px;
		margin:0 auto;
		padding:194px 0 0 0;
	}
	
		#footer #content_footer .mainTitle{
			float:left;
			width:100%;
			font-family:"vachequirit";
			font-size:32px;
			line-height:32px;
			font-weight:normal;
			color:#0a2a00;
		}
	
		#footer #content_footer .colNavFooter{	
			float:left;
			width:330px;
			height:160px;
			border-right:1px solid #345004;
			margin:0 10px 0 0; 
		}
			
			#footer #content_footer .colNavFooter .footerMenu{
				height:165px;
			}
			
			#footer #content_footer .colNavFooter .col{
				float:left;
				width:155px;
				padding:18px 10px 0 0;
			}
				#footer #content_footer .colNavFooter .col.navFooterGeneric{
					width:155px;
					padding:18px 10px 0 0;
				}
			
				#footer #content_footer .colNavFooter .col ul{
					float:left;
					width:100%;
					list-style-type:none;
					padding-left:0 !important;
				}
				
					#footer #content_footer .colNavFooter .col ul li{
						float:left;
						width:100%;	
						padding-left:0 !important;
					}
					
						#footer #content_footer .colNavFooter .col ul li{
							float:left;
							width:100%;
						}
					
							#footer #content_footer .colNavFooter .col ul li a,
							#footer #content_footer .colNavFooter .col ul li a:hover{
								font-family:Verdana, Geneva, sans-serif;
								font-size:13px;
								line-height:14px;
								font-weight:normal;
								color:#0a2a00;
								text-transform:uppercase;
							}
							#footer #content_footer .colNavFooter .navFooterGeneric ul li a,
							#footer #content_footer .colNavFooter .navFooterGeneric ul li a:hover{
								text-transform:none;
							}
							#footer #content_footer .colNavFooter .col ul li a:hover{
								text-decoration:underline;
							}
							#footer #content_footer .colNavFooter .col ul li a.emptyLink:hover{
								text-decoration:none;
							}
							
						#footer #content_footer .colNavFooter .col ul li ul li{
							float:left;
							width:127px;
							padding:0 0 0 15px !important;
						}
							
							#footer #content_footer .colNavFooter .col ul li ul li a,
							#footer #content_footer .colNavFooter .col ul li ul li a:hover{
								font-family:Verdana, Geneva, sans-serif;
								font-size:13px;
								line-height:14px;
								font-weight:normal;
								color:#0a2a00;
								text-transform:none;
							}
							#footer #content_footer .colNavFooter .col ul li ul li a:hover{
								text-decoration:underline;
							}							
			
		#footer #content_footer .social{	
			float:left;
			width:215px; 
			padding:11px 0 0 0;
		}
		
			#footer #content_footer .social .titleSocial{
				float:left;
				width:100%;
				font-family:Verdana, Geneva, sans-serif;
				font-size:18px;
				line-height:18px;
				font-weight:normal;
				color:#ffffff;
				text-transform:uppercase;
			}
			
			#footer #content_footer .social ul{
				float:left;
				width:100%;
				list-style-type:none;
				padding:8px 0 0 0;
			}
			
				#footer #content_footer .social ul li{
					float:left;
					width:56px;
					padding:0 9px 0 3px;
				} 	
				
			#footer #content_footer .social .linkContact{
				float:left;
				width:100%;
				padding:12px 0 0 0;
			}	
			
				#footer #content_footer .social .linkContact a,
				#footer #content_footer .social .linkContact a:hover{
					font-family:Verdana, Geneva, sans-serif;
					font-size:14px;
					line-height:14px;
					font-weight:normal;
					color:#ffffff;
					text-transform:uppercase;
				}		
				#footer #content_footer .social .linkContact a:hover{
					text-decoration:underline;
				}
			
		
		#footer #content_footer .linkBel{
			float:left;
			width:100%;
			font-family:Verdana, Geneva, sans-serif;
			font-size:13px;
			line-height:14px;
			font-weight:bold;
			color:#0a2a00;
			text-transform:uppercase;
			margin:23px 0 0 0;
		}
			#footer #content_footer .linkBel .red{
				color:#de0a22;
			}	
		
			#footer #content_footer .linkBel a{
				font-family:Verdana, Geneva, sans-serif;
				font-size:13px;
				line-height:14px;
				font-weight:bold;
				color:#0a2a00;
				text-transform:uppercase;
				text-decoration:underline;
			}
				#footer #content_footer .linkBel .red a{
					color:#de0a22;
				}
			#footer #content_footer .linkBel a:hover{
				font-family:Verdana, Geneva, sans-serif;
				font-size:13px;
				line-height:14px;
				font-weight:bold;
				color:#26710f;
				text-transform:uppercase;
				text-decoration:underline;
			}
				#footer #content_footer .linkBel .red a:hover{
					color:#ffffff;
				}
			
		#footer #content_footer .linkBel2{
			position:absolute;
			bottom:34px;
			width:100%;
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			line-height:12px;
			font-weight:bold;
			color:#0a2a00;
			text-transform:uppercase;
			margin:0;
		}
			#footer #content_footer .linkBel2 .red{
				color:#de0a22;
			}	
		
			#footer #content_footer .linkBel2 a{
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				line-height:12px;
				font-weight:bold;
				color:#0a2a00;
				text-transform:uppercase;
				text-decoration:underline;
			}
				#footer #content_footer .linkBel2 .red a{
					color:#de0a22;
				}
			#footer #content_footer .linkBel2 a:hover{
				font-family:Verdana, Geneva, sans-serif;
				font-size:11px;
				line-height:12px;
				font-weight:bold;
				color:#26710f;
				text-transform:uppercase;
				text-decoration:underline;
			}
				#footer #content_footer .linkBel2 .red a:hover{
					color:#ffffff;
				}
			
		#footer #content_footer .navBottomFooter{
			position:absolute;
			bottom:10px;
			float:left;
			width:100%;
			padding:0;
		}	
		
			#footer #content_footer .navBottomFooter ul{
				float:left;
				list-style-type:none;
		 	}
		 	
		 		#footer #content_footer .navBottomFooter ul li{
		 			float:left;
		 			font-family:Verdana, Geneva, sans-serif;
					font-size:13px;
					line-height:14px;
					font-weight:normal;
					color:#0a2a00;
					border-right:1px solid #0a2a00;
					padding:0 5px;
		 		}
					#footer #content_footer .navBottomFooter ul li:first-child{
						padding-left:0;
					}
					#footer #content_footer .navBottomFooter ul li:last-child{
						padding-right:0;
						border-right:none;
					}
		 		
		 			#footer #content_footer .navBottomFooter ul li a,
		 			#footer #content_footer .navBottomFooter ul li a:hover{
		 				font-family:Verdana, Geneva, sans-serif;
						font-size:13px;
						line-height:14px;
						font-weight:normal;
						color:#0a2a00;
		 			}
		 			#footer #content_footer .navBottomFooter ul li a:hover{
		 				text-decoration:underline;
		 			}
		 			#footer #content_footer .navBottomFooter ul li a.emptyLink:hover{
		 				text-decoration:none;
		 			}
			
		#footer #content_footer .logo{	
			position:absolute;
			top:400px;
			right:54px;
			float:left;
			width:96px;
			height:90px;
		}			
			
/*
 * SCROLLPANE
 */			
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	float:right;
	width: 23px;
	height:100%;
	background:url("images/content/bg_scroll.png") no-repeat;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: none;
	position: relative;
	cursor: pointer;
}

.jspDrag
{
	float:left;
	background: url("images/content/pointer_scroll.png") no-repeat 0 0;
	position: relative;
	top: 0;
	left: 0;
	width: 23px;
	height:22px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: none;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	display:none;
}

.jspArrowUp
{
	float:left;
	width: 50px;
	padding: 0 0 10px 0;
	display:none;
}

.jspArrowDown
{
	float:left;
	width: 50px;
	height:30px;
	padding: 10px 0 0 0;
	display:none;
}

.jspArrow.jspDisabled
{
	cursor: default;
	opacity: 0.5;
	display:none;
}

.jspHorizontalBar .jspArrow
{
	width: 9px;
	float: left;
	height: 100%;
	display:none;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
	display:none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
	display:none;
}

/*
 * POUR LES RESOLUTIONS A 1024PX DE LARGE
 */	
@media screen and (max-width: 1024px) {
	/*
	 * html
	 */
	html{
		overflow-x:hidden;
	}
	
	/*
	 * PASTILLE WORD OF FUN
	 */	
	#link_world_fun.style2{
		zoom:0.69;
	}
	
	/*
	 * CONTENT
	 */	
	#content{
		background-size:cover;
		background:transparent url("images/content/bg_content_responsive.jpg") no-repeat center top;
	}
	#content .boxContent .pictoCow{
		display:none;
	}
	#content .boxContent .ribbonLeft{
		left:0;
		background-image:none;
	}
	#content .boxContent .ribbonRight{
		left:49px;
		background-image:none;
	}
}