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

body {
	margin: 0; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #197516;
	color: #666666;
	font-size: 11px;
}

/* généralités */
p, h1, h2, h3, h4, h5, h6, li {
	margin:0;
	padding:0;
	font-size: 11px;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
a { text-decoration:none; }

img { border:0; }

/* formulaire */
form,input {
	margin:0;
	padding:0;
}

.clear{ clear:both; }

/* corps */
#container {
	width: 952px;
	margin: 0 auto;
	padding: 2px 10px;
	background-color: #FFFFFF;
	text-align: left;
	color: #666666;
}


/*     ---------------------------------------      OMBRE PORTEE      ---------------------------------------      */
#container {
	background: #197516 url('../images/structure/ombre.png') 0 0 repeat-y;
}

#container.introflash {
	background: #197516 url('../images/pre_accueil/fond_introflash.jpg') 0 0 repeat-y;
	height: 685px;
}

#ombre_header {
	clear:both; 
	width: 972px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background: #197516 url('../images/structure/ombre_header.png') 0 10px no-repeat;
}

#ombre_footer {
	clear:both; 
	width: 972px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background: #197516 url('../images/structure/ombre_footer.png') 0 0 no-repeat;
}

/*     ---------------------------------------      CONTRIBUTION     ---------------------------------------      */
#boutons_contribution { 
	position:relative;
	clear: both;
	padding: 10px 0px 10px 20px; 
	text-align:right; 
}
#boutons_contribution a { color:#444444; font-size: 11px; font-weight: bold; text-decoration:underline; }
#boutons_contribution a:hover { color:#666666; }

#contribution { background-color:#FFFFFF; }

#contribution a { color:#666666; font-size:11px; text-decoration:underline; }
#contribution a:link, #contribution a:visited, #contribution a:active { color:#666666; }
#contribution a:hover { color:#333333; }

#contribution fieldset { padding: 5px;margin :5px; }
#contribution legend { font-size:11px; color:#666666; padding-right:5px; }
#contribution div { clear:both; }
#contribution label { font-size:11px; color:#666666; padding: 5px; }
#contribution label.champ { display:inline; float:left; width: 150px; }
#contribution label.propriete { display:inline; float:left; width: 150px; }
#contribution input[type=text] { width: 523px; }
#contribution select { width: 200px; }
#contribution input.propriete { width: 100px; }
#contribution input.fichier { width: 418px; float:left; margin-top:3px; }
#contribution input.size { width: 50px; float:left; }
#contribution input.browse { width: 100px; float:left; }
#contribution input.calendar { width: 100px; float:left; }
#contribution input.displaydate { width: 100px; float:left; }

#contribution_envoyer { border:0; background-color:transparent; color:#666666; font-size: 12px; font-weight: bold; margin-left: 560px; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; }
#contribution_envoyer:hover { color:#333333; }

/*     ---------------------------------------      PRE ACCUEIL      ---------------------------------------      */
#pre_accueil {clear:both; position: relative; top:0px; left:0px; }
#acces_marques { clear:both; position: absolute; left:100px; top:380px; }
#acces_jeu { clear:both; position: absolute; left:510px; top:380px; }
#acces_ministere { clear:both; position: absolute; left:40px; top:600px; }
#acces_ministere img { float:left; }
#acces_ministere div { float:left; color:#FFFFFF; padding-left:10px; width:400px; }

/*     ---------------------------------------      HEADER      ---------------------------------------      */
#header { clear:both; height:auto; }
#bandeau { clear:both; height:125px; }
#logo { padding:15px 0px; float:left; }
#entree { padding:0px 0px; float:right; }
#animation { width:700px; height:120px; float: right; font-size:12px; }

/*     ---------------------------------------      SECTIONS     ---------------------------------------      */
#sections {
	clear:both;
	padding: 0px 18px 10px 18px;
	color: #FFFFFF;
}
#sections li {
	float:left;
	padding-top:2px;
	margin-right:2px;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
	height:22px;
}

#sections li div.noselected { padding:0px 6px 2px 6px; color: #FFFFFF; border-bottom: 8px solid #FFFFFF; }
#sections li div.selected { padding:0px 6px 2px 6px; color: #FFFFFF; border-bottom: 3px solid #FFFFFF; }
#sections li a { color: #FFFFFF; }
#sections li a:hover { color: #FFFFFF; }
#sections li a:link, #sections li a:active, #sections li a:visited { color: #FFFFFF; }

#sections ul {
	position:absolute;
	margin:0px;
	padding-top:8px;
	overflow:hidden;
}

.menu { height:0px; }
.menuhover { height:200px; }

#sections li.deroulant_dossier {
	display:block;
	z-index:20; 
	position:relative;
	border-right:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
	height:20px;
}
#sections li.deroulant_dossier a {
	display:block;
	z-index:20; 
	position:relative;
	margin:0px;
	padding:3px 5px 5px 5px;
	top:0px;
	left:0px;
	width:100%;
	height:10px;
	font-size:9px;
	text-align:left;
}
			#sections li.association { background-color: #005995; }
			#menu_association.menu { height:0px; z-index:20; width:104px; }

			#menu_association.menu li a { width:171px; z-index:20; color:#005995; background-color:#FFFFFF;}
			#menu_association.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#005995;}
			#sections li.decret { background-color: #00875b; }
			#menu_decret.menu { height:0px; z-index:20; width:155px; }

			#menu_decret.menu li a { width:171px; z-index:20; color:#00875b; background-color:#FFFFFF;}
			#menu_decret.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#00875b;}
			#sections li.marques { background-color: #197516; }
			#menu_marques.menu { height:0px; z-index:20; width:168px; }

			#menu_marques.menu li a { width:171px; z-index:20; color:#197516; background-color:#FFFFFF;}
			#menu_marques.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#197516;}
			#sections li.trouver { background-color: #89b600; }
			#menu_trouver.menu { height:0px; z-index:20; width:173px; }

			#menu_trouver.menu li a { width:171px; z-index:20; color:#89b600; background-color:#FFFFFF;}
			#menu_trouver.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#89b600;}
			#sections li.jeu { background-color: #ffcc00; }
			#menu_jeu.menu { height:0px; z-index:20; width:78px; }

			#menu_jeu.menu li a { width:171px; z-index:20; color:#ffcc00; background-color:#FFFFFF;}
			#menu_jeu.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#ffcc00;}
			#sections li.recettes { background-color: #ff8400; }
			#menu_recettes.menu { height:0px; z-index:20; width:0px; }

			#menu_recettes.menu li a { width:171px; z-index:20; color:#ff8400; background-color:#FFFFFF;}
			#menu_recettes.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#ff8400;}
			#sections li.contact { background-color: #ff5500; }
			#menu_contact.menu { height:0px; z-index:20; width:64px; }

			#menu_contact.menu li a { width:171px; z-index:20; color:#ff5500; background-color:#FFFFFF;}
			#menu_contact.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#ff5500;}
			#sections li.newsletter { background-color: #bf0000; }
			#menu_newsletter.menu { height:0px; z-index:20; width:86px; }

			#menu_newsletter.menu li a { width:171px; z-index:20; color:#bf0000; background-color:#FFFFFF;}
			#menu_newsletter.menu li a:hover { z-index:20; color:#FFFFFF; background-color:#bf0000;}
/*     ---------------------------------------      CONTENU PRINCIPAL     ---------------------------------------      */
#contenu {
	clear:both;
	position:relative;
	padding-top:10px;
}

#visuel_fond { position: absolute; bottom:152px; left:0px; }
html>body #visuel_fond { bottom:0px; }
#visuel_fond.contribution, #visuel_fond.visuelmarques, #visuel_fond.visuelrecettes, #visuel_fond.visuelmentions { visibility:hidden; }

#ministere { position: absolute; bottom:190px; left:830px; }
html>body #ministere { bottom:50px; }
#mentions { position: absolute; bottom:160px; left:810px;  }
html>body #mentions { bottom:20px; }

#mentions a { color:#999999; color:#999999; font-size:8px; }
#mentions a:hover { color:#999999; }
#mentions a:link, #mentions a:activate, #mentions a:visited { color:#999999; }

/*     ---------------------------------------      COLONNE CENTRE     ---------------------------------------      */

#colonne_centre {
 	z-index:1;
	width:400px;
	height:475px;
	height:auto !important;
	min-height:475px !important;
	margin-left:320px;
	margin-top:10px;
	margin-bottom:0px;
	font-size: 11px;
	color: #666666;
}

#colonne_centre.contribution {
	width: 700px;
	margin-left: 20px;
}

#colonne_centre.centremarques {
	width: 650px;
	margin-left: 60px;
	height:550px;
	height:auto !important;
	min-height:550px !important;
}
#colonne_centre.centrerecettes {
	width: 720px;
	margin-left: 50px;
	height:650px;
	height:auto !important;
	min-height:650px !important;
}
#colonne_centre.centrementions {
	width: 720px;
	margin-left: 50px;
	height:650px;
	height:auto !important;
	min-height:650px !important;
}


#colonne_centre h1 {
	padding: 20px 0px 20px 0px;
}

#colonne_centre h2 {
	padding: 0px 0px 10px 0px;
	font-size:14px;
	font-weight:normal;
}

#colonne_centre h3 {
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #197516;
}

#colonne_centre p { padding: 0px 0px 10px 0px; }

#colonne_centre ul { list-style-type:disc; padding: 0px 0px 10px 20px; }

#colonne_centre a { color: #666666; font-weight:bold; }
#colonne_centre a:hover { color: #666666; }
#colonne_centre a:visited, #colonne_centre a:active, #colonne_centre a:link  { color: #666666; }

#colonne_centre.centredecret a { color: #197516; }
#colonne_centre.centredecret a:hover { color: #197516; }
#colonne_centre.centredecret a:visited, #colonne_centre.centredecret a:active, #colonne_centre.centredecret a:link  { color: #197516; }


/*     ---------------------------------------      MARQUES     ---------------------------------------      */
#marques .listemarque { display:inline; height:100px; float:left; width:150px; margin-right:10px; }


/*     ---------------------------------------      RECETTES     ---------------------------------------      */
#recettes div.listerecettes{ display:inline; height:170px; width:170px; float:left; margin-right:10px; margin-bottom:20px; }

#recettes div.listerecettes img { width:130px; height:117px; }
#recettes div.listerecettes div.titrerecette { font-size:12px; padding-bottom:5px; width:170px; height:20px; }
#recettes div.listerecettes div.legendepdf { font-size:10px; padding-top:10px; width:170px; height:20px; }
#recettes div.listerecettes div.legendepdf a { color:#666666; }
#recettes div.listerecettes div.legendepdf a:hover { color:#666666; }
#recettes div.listerecettes div.legendepdf a:visited { color:#666666; }
#recettes div.listerecettes div.legendepdf a span { color:#197516; }


/*     ---------------------------------------      BULLETIN DE CANDIDATURE     ---------------------------------------      */
#candidature { clear:both; margin:0px; width:380px;}

#candidature label { clear:both; height:12px; width:350px; font-size:11px; color:#666666; }
#candidature input[type=text] { width:373px; margin-bottom:5px; }

#candidature input[type=submit] { margin-left:320px; margin-top:5px; margin-bottom:5px;clear:both; border:0px; background-color:#FFFFFF; color:#666666; }
#candidature input[type=submit]:hover { color:#333333; cursor:pointer; }

.entete { padding-top:10px; padding-bottom:5px; font-size:14px; font-weight:bold; width:400px; }

/*     ---------------------------------------      INSCRIPTION NEWSLETTER     ---------------------------------------      */
#formnewsletter { clear:both; margin:20px; }

#formnewsletter input[type=text] { width:250px; margin:0px; margin-right:5px; float:left; }

#formnewsletter input[type=submit] { float:left; border:0px; background-color:#FFFFFF; color:#666666; }
#formnewsletter input[type=submit]:hover { color:#333333; cursor:pointer; }

.retour { position:relative; top:20px; clear:both; }

/*     ---------------------------------------      FORMULAIRE DE CONTACT     ---------------------------------------      */
#contact { clear:both; margin:0px; }

#contact label { clear:both; height:12px; width:350px; font-size:11px; color:#666666; }
#contact input[type=text] { width:373px; }
#contact input[type=radio] { margin-left:5px; margin-right:5px; }
#contact select { width:370px; }
#contact textarea { width:370px; height: 60px; }

#contact input[type=submit] { margin-left:320px; margin-top:5px; margin-bottom:5px;clear:both; border:0px; background-color:#FFFFFF; color:#666666; }
#contact input[type=submit]:hover { color:#333333; cursor:pointer; }

.asterisque { padding-left:3px; font-size:9px; }
.remarque { color:#666666; width:370px; margin-left : 5px; margin-top:0px; text-align:left; font-size:9px; }
.invalide { border:1px solid #FF0000; }

/*     ---------------------------------------      COLONNE DROITE     ---------------------------------------      */

#colonne_droite {
	position: absolute;
	top: 10px;
	left: 780px;
	width: 150px;
}

#videos img { border:2px solid #197516 } ;

/*     ---------------------------------------      PHOTOS     ---------------------------------------      */
#playerphoto .photo {  z-index:1; position:absolute; clear:both; top:0px; left:0px; width:400px; height:400px; background-color: #FFFFFF; }
#playerphoto .boutonprev  { z-index:20; position:absolute; clear:both; top:30px; left:0px; }
#playerphoto .boutonnext  { z-index:20; position:absolute; clear:both; top:30px; right:0px; }
#playerphoto .legende  { position:absolute; width:400px; clear:both; top:405px; left:0px; height:30px; text-align: center; }
#playerphoto .legende span  { color:#666666; font-size:12px; font-weight:bold; }
#playerphoto .url  { position:absolute; width:400px; top:420px; left:0px; height:30px; text-align: center; }
#playerphoto .url a { color:#666666; font-size:12px; font-weight:bold; }