/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Fichier: style.css
* Version: 1.0.0 (05-11-2009)
* Website: Semainedelafrite.be
* Type: XHTML 1.0 Transitional
* Auteur: Expansion - www.expansion.be

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* BODY - HTML
==========================================================================================================================================================*/
* { margin: 0; padding: 0; }

body {
	background: url(../images/bg.jpg) #caa66c no-repeat center top;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
}
/* FIN BODY - HTML */


/* ELEMENTS
==========================================================================================================================================================*/
a { text-decoration: underline; outline: none; color: #e8ab00; }
	a:hover { text-decoration: none; }

.clear { clear: both; }

img { border: 0; }
.left { float: left; margin: 0 10px 0 0; }
.right { float: right; margin: 0 0 0 10px; }

h1 { font-size: 18px; font-weight: bolder; color: #e8ab00; margin: 0 0 20px 10px; padding: 0; }
h2 { margin: 0 0 10px 10px; padding: 0; font-size: 14px; }
h3 { margin: 0 0 5px 10px; padding: 0; font-size: 12px; font-weight: normal; }
p { margin: 0 0 20px 10px; padding: 0; }
	p.small { margin: 0 0 0 10px; padding: 0; font-size: 11px; color: #a0a0a0; }
	
input { border: 1px solid #dedede; padding: 2px; color: #3d3d3d; font-size: 11px; }
/* FIN ELEMENTS */


/* BLOCS STRUCTURE
==========================================================================================================================================================*/
#global { position: absolute; z-index: 1; left: 50%; width: 950px; padding: 0 0 20px 0; margin: 20px 0 0 -490px; }
#content { background: url(../images/site_centre.jpg) repeat-y 0 0; width: 950px; min-height: 618px; height: auto !important; height: 618px; padding: 0; margin: 0; }
#footer { clear: both; background: url(../images/site_bas.png) no-repeat 0 0; width: 950px; height: 9px; padding: 0; margin: 0; }
#logos { width: 950px; height: 70px; padding: 0; margin: 0; }
#logo { display: block; background: url(../images/logo.jpg) no-repeat 0 0; width: 212px; height: 253px; padding: 0; margin: 0; }
#left { float: left; display: inline; width: 212px; margin: 0; padding: 0; }
#right { float: left; display: inline; width: 708px; margin: 0; padding: 0 20px 0 10px; }
/* FIN BLOCS STRUCTURE */


/* MENUS
==========================================================================================================================================================*/
#menu { list-style-type: none; margin: 30px 0 0 11px; padding: 0; }
	#menu li a:hover { background-position: 0 -30px; }
	#menu .menu_actif a  { background-position: 0 -30px; }
#menu_accueil { display: block; background: url(../images/menu_accueil.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_presentation { display: block; background: url(../images/menu_presentation.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_participants { display: block; background: url(../images/menu_participants.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_chanson { display: block; background: url(../images/menu_chanson.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_concours { display: block; background: url(../images/menu_concours.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_agenda { display: block; background: url(../images/menu_agenda.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }
#menu_partenaires { display: block; background: url(../images/menu_partenaires.jpg) no-repeat 0 0; width: 201px; height: 30px; padding: 0; margin: 0; }

#menu_top { background: url(../images/bg_menu_top.jpg) no-repeat right top; width: 718px !important; width: 698px; height: 21px; padding: 0 10px 0 0; margin: 0; text-align: right; color: #666; font-size: 11px; }
	#menu_top a { color: #999; text-decoration: none; }
		#menu_top a:hover { color: #999; text-decoration: underline; }
/* FIN MENUS */


/* CONTENU
==========================================================================================================================================================*/
#titre_site { display: block; background: url(../images/titre_site.jpg) no-repeat 0 0; width: 393px; height: 97px; margin: 0 0 40px 10px; padding: 0; }

#recherche { background: url(../images/bg_recherche.jpg) no-repeat 0 0; width: 314px; height: 189px; margin: 40px 0 0 0; padding: 27px 0 0 20px; color: #707070; }
	#recherche h2 { background: url(../images/fleche.jpg) no-repeat 0 0; margin: 10px 0 10px 0; padding: 0 0 0 17px; color: #e8ab00; font-size: 12px; font-weight: bolder; }
	#recherche p { margin: 0 0 2px 0; padding: 0; }
#recherche_friterie_left { float: left; display: inline; width: 144px; margin: 0; padding: 0; }
	#recherche_friterie_left input { border: 0px; }
#recherche_friterie_right { float: left; display: inline; width: 144px; margin: 0; padding: 0; }
	#recherche_friterie_right #recherche_submit { background: #e8ab00; color: #fff; width: 75px; font-weight: bolder; margin: 45px 0 0 62px; cursor: pointer; }
#recherche_erreur { clear: both; margin: 0; padding: 10px 0 0 0; color: #b90000; font-weight: bolder; font-size: 10px; }

#animation { position: absolute; width: 498px; height: 606px; z-index: 999; margin: 30px 0 0 492px; }

.participants { clear: both; padding: 0; margin: 0 0 0 10px; }
	.participants h2 { font-size: 14px; margin: 0 0 10px 0; }
	.participants .participants_info { float: right; display: inline; }
hr { color: #9c9c9c; background-color: #9c9c9c; height: 1px; border: 0; margin: 20px 0 20px 10px; }

#filtre { background: #f4f4f4; margin: 0 0 20px 10px; padding: 5px 10px 0 10px; font-size: 10px; }
	#filtre h2 { margin: 10px 0 10px 0; padding: 0; font-size: 12px; font-weight: bolder; }
	#filtre h3 { margin: 10px 0 10px 0; padding: 0; font-size: 11px; font-weight: bolder; }
	#filtre strong { background: url(../images/fleche.jpg) no-repeat 0 0; margin: 10px 0 10px 0; padding: 0 0 0 17px; color: #e8ab00; font-size: 11px; font-weight: bolder; }
	#filtre p { margin: 0 0 2px 0; padding: 0; }

	#filtre #recherche_submit { float: right; display: inline; background: #e8ab00; color: #fff; width: 75px; margin: 25px 20px 0 0; font-weight: bolder; cursor: pointer; }
#filtre #recherche_erreur { clear: both; margin: 0; padding: 10px 0 0 0; color: #b90000; font-weight: bolder; font-size: 10px; }

.TexteRouge { color:#FF3300; font-size:11px; font-weight:bold;}

#radio { margin: 0 0 0 10px; }
#chanson { margin: 0 0 0 10px; }

.pagination { float: right; margin: 0 0 20px 0; }
/* FIN CONTENU */


/* FORMULAIRE CONTACT
==========================================*/
#form_contact { margin: 0 0 0 50px; padding: 0; }
	#form_contact p { margin: 0 0 5px 0; padding: 0; }
	#form_contact span { margin: 0 0 5px 0; padding: 0; float: left; display: inline; width: 110px; }
	#form_contact strong { color: #b90000; }
	#form_contact textarea { border: 1px solid #dedede; padding: 2px; color: #3d3d3d; font-size: 11px; margin: 0; }
	#form_contact #submit { background: #e8ab00; color: #fff; width: 75px; font-weight: bolder; margin: 20px 0 30px 408px; cursor: pointer; }
#form_nom_erreur { margin: 5px 0 5px 110px; color: #b90000; font-weight: bolder; font-size: 10px; }
#form_prenom_erreur { margin: 5px 0 5px 110px; color: #b90000; font-weight: bolder; font-size: 10px; }
#form_email_erreur { margin: 5px 0 5px 110px; color: #b90000; font-weight: bolder; font-size: 10px; }
#form_message_erreur { margin: 5px 0 5px 110px; color: #b90000; font-weight: bolder; font-size: 10px; }
/* FIN FORMULAIRE CONTACT  */


/* FOOTER
==========================================================================================================================================================*/
#partenaires { float: left; display: inline; width: 610px; margin: 0; padding: 0; }

#copyright { float: right; display: inline; width: 310px; margin: 0; padding: 5px 10px 0 0; color: #fff; font-size: 10px; text-align: right; }
	#copyright a { color: #fff; font-size: 10px; }
/* FIN FOOTER */