/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
----------------------------*/
*{
	margin:0;
	padding:0;
}

/*************************************
	Couleurs
**************************************/

body{
	background:#E2F79A;
}

#picture {
	float:left;
}

#picture_cadeau{
	float:right;
	border:3px double #000000;
	margin-left: 100px;
	margin-right: 50px;
	margin-top: 20px;
}

/* définition de l'entete et du bouton Bonus */
	#en_tete{
		height: 378px;
		width: 961px;
		margin: auto;
		background-image: url("img/fond_avecticket.jpg");
		background-repeat: no-repeat;
		margin-bottom: -135px;
	}
		#en_tete h1{
			display: none;
		}
		
/* definition du bouton bonus et de son activite */
	#bonusOLD{
		float:right;
		width:207px;
		height:210px;
	}
		#bonusOLD li{
			list-style:none;
			display:block;
			float:right;
		}	
			#bonusOLD li a{
				display:block;
				float:right;
			}#
				bonusOLD li a:hover{
				}
					#bonusOLD span{
						display:none;
					}
						#bonusOLD li a.bonus{
							width:207px;
							height:210px;
							background:url(img/mascotte/mascotte.gif) no-repeat;
						}
							#bonusOLD li a:hover.bonus{
								background:url(img/mascotte/mascotte_clindoeil.gif) no-repeat;
							}

/* c'est ici que commence le code du menu et de l'activite de chaque bouton */
	/* menu de la rubrique ACCUEIL et INDEX */
	#menu_accueil{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_accueil ul{
			list-style:none;	
		}
			#menu_accueil li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_accueil li a{
					display:block;
					float:left;
				}
					#menu_accueil li a:hover{
					}
						#menu_accueil span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_accueil li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.accueil{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_accueil li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.orga_parte{
						background-color: none;
						background-position: -104px;
					}
					
				/* bouton ANIMATION */				
				#menu_accueil li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.anim{
						background-color: none;
						background-position: -104px;
					}
					
				/* bouton CONCOURS */
				#menu_accueil li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.concours{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_accueil li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.infos{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton FORUM */	
				#menu_accueil li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.forum{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton CONTACT */	
				#menu_accueil li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_accueil li a:hover.contact{
						background-color: none;
						background-position: -104px;
					}					
	/* fin du menu de la rubrique ACCUEIL et INDEX */


	/* menu de la rubrique ORGANISATEURS ET PARTENAIRES */
	#menu_orga_parte{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_orga_parte ul{
			list-style:none;	
		}
			#menu_orga_parte li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_orga_parte li a{
					display:block;
					float:left;
				}
					#menu_orga_parte li a:hover{
					}
						#menu_orga_parte span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_orga_parte li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_orga_parte li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_orga_parte li a:hover.orga_parte{
						background-color: none;
						background-position: -104px;
					}
					
				/* bouton ANIMATION */				
				#menu_orga_parte li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.anim{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton CONCOURS */
				#menu_orga_parte li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.concours{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_orga_parte li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.infos{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton FORUM */	
				#menu_orga_parte li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.forum{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton CONTACT */	
				#menu_orga_parte li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_orga_parte li a:hover.contact{
						background-color: none;
						background-position: 0px;
					}					
	/* fin du menu de la rubrique ORGANISATEURS ET PARTENAIRES */

	/* menu de la rubrique ANIMATION */
	#menu_anim{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_anim ul{
			list-style:none;	
		}
			#menu_anim li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_anim li a{
					display:block;
					float:left;
				}
					#menu_anim li a:hover{
					}
						#menu_anim span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_anim li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_anim li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.orga_parte{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton ANIMATION */				
				#menu_anim li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_anim li a:hover.anim{
						background-color: none;
						background-position: -104px;
					}
					
				/* bouton CONCOURS */
				#menu_anim li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.concours{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_anim li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.infos{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton FORUM */	
				#menu_anim li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.forum{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton CONTACT */	
				#menu_anim li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_anim li a:hover.contact{
						background-color: none;
						background-position: 0px;
					}					
	/* fin du menu de la rubrique ANIMATION */

	/* menu de la rubrique CONCOURS */
	#menu_concours{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_concours ul{
			list-style:none;	
		}
			#menu_concours li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_concours li a{
					display:block;
					float:left;
				}
					#menu_concours li a:hover{
					}
						#menu_concours span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_concours li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_concours li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.orga_parte{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton ANIMATION */				
				#menu_concours li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.anim{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton CONCOURS */
				#menu_concours li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_concours li a:hover.concours{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_concours li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.infos{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton FORUM */	
				#menu_concours li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.forum{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton CONTACT */	
				#menu_concours li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_concours li a:hover.contact{
						background-color: none;
						background-position: 0px;
					}					
	/* fin du menu de la rubrique CONCOURS */

	/* menu de la rubrique INFOS PRATIQUES */
	#menu_infos{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_infos ul{
			list-style:none;	
		}
			#menu_infos li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_infos li a{
					display:block;
					float:left;
				}
					#menu_infos li a:hover{
					}
						#menu_infos span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_infos li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_infos li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.orga_parte{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton ANIMATION */				
				#menu_infos li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.anim{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton CONCOURS */
				#menu_infos li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.concours{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_infos li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_infos li a:hover.infos{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton FORUM */	
				#menu_infos li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.forum{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton CONTACT */	
				#menu_infos li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_infos li a:hover.contact{
						background-color: none;
						background-position: 0px;
					}					
	/* fin du menu de la rubrique INFOS PRATIQUES */

	/* menu de la rubrique FORUM */
	#menu_forum{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_forum ul{
			list-style:none;	
		}
			#menu_forum li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_forum li a{
					display:block;
					float:left;
				}
					#menu_forum li a:hover{
					}
						#menu_forum span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_forum li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_forum li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.orga_parte{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton ANIMATION */				
				#menu_forum li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.anim{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton CONCOURS */
				#menu_forum li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.concours{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_forum li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.infos{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton FORUM */	
				#menu_forum li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_forum li a:hover.forum{
						background-color: none;
						background-position: -104px;
					}
				
				/* bouton CONTACT */	
				#menu_forum li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_forum li a:hover.contact{
						background-color: none;
						background-position: 0px;
					}					
	/* fin du menu de la rubrique FORUM */

	/* menu de la rubrique CONTACT */
	#menu_contact{
		position: relative;
		width:961px;
		height:40px;
	}
		#menu_contact ul{
			list-style:none;	
		}
			#menu_contact li{
				list-style:none;
				display:block;
				float:left;	
				margin:0 0px;	
			}
				#menu_contact li a{
					display:block;
					float:left;
				}
					#menu_contact li a:hover{
					}
						#menu_contact span{
							display:none;
						}
						
				/* bouton ACCUEIL et INDEX */
				#menu_contact li a.accueil{
					background: url(img/btn/accueil.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.accueil{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton ORGANISATEURS ET PARTENAIRES */	
				#menu_contact li a.orga_parte{
					background: url(img/btn/orga_parte.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.orga_parte{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton ANIMATION */				
				#menu_contact li a.anim{
					background: url(img/btn/anim.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.anim{
						background-color: none;
						background-position: 0px;
					}
					
				/* bouton CONCOURS */
				#menu_contact li a.concours{
					background: url(img/btn/concours.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.concours{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton INFOS PRATIQUES */	
				#menu_contact li a.infos{
					background: url(img/btn/infos.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.infos{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton FORUM */	
				#menu_contact li a.forum{
					background: url(img/btn/forum.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: -104px;
				}
					#menu_contact li a:hover.forum{
						background-color: none;
						background-position: 0px;
					}
				
				/* bouton CONTACT */	
				#menu_contact li a.contact{
					background: url(img/btn/contact.jpg) no-repeat;
					width:104px;
					height:40px;
					background-position: 0px;
				}
					#menu_contact li a:hover.contact{
						background-color: none;
						background-position: -104px;
					}					
	/* fin du menu de la rubrique CONTACT */

.fin_menu{
	clear: both;
}
/* le code du menu ce termine ici, ouf c'est long */

/*************************************************************************************************************
	Corps principal contenant le menu + les news ou menu spécifique a la rubrique + page de la rubrique
*************************************************************************************************************/
#corps { 
	position: relative;
	/*top:-139px;*/
	width:961px;
	text-align: left; 
	margin: 0 auto;
	border: 0px solid black;
	clear: both;
	overflow:hidden;
	height:100%;
	}

.corps-top {
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 12px auto 0 auto;
}

.corps-bottom {
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 0px auto;
}

#news{
	margin-top:20px;
	padding-left:5px;
	float:left;
	width:200px;
}

#sous_menu_anim{
	margin-top:20px;
	float:left;
	width:200px;
}


/*************************************
	Content_large
**************************************/

#content_large {
	margin-top:20px;
	width: 930px;
	float: left; 
	margin-left: 10px;
	display: block;
	overflow:hidden;
	}

.vignette {
	margin: 15px 15px 0px 0px;
}

#container { 
	width:961px;
	height:100%;
	background:#fff;
	margin: 0 auto;
	}

#pied_page {
	position:relative;
	margin-top:20px;
	border: 0px solid black;
	background:url(img/barre_hrz.jpg) no-repeat;
	height:100%;
}

#pied_page p {
	margin: 0px;
	line-height: 18px;
	padding: 7px 5px 10px 0px;
	}