/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#7c2c17;
}

/* ----------------------------------------------------------------- */
/* --------------- Bordures de contour du site --------------------- */
/* ----------------------------------------------------------------- */
#container
{
	width:779px;
	margin:0 auto;
	text-align:left;
	background:url(images/contest/fond.jpg) no-repeat top left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.3em;
	color:#1b3763;
	margin:0;	
}

h2
{
	color:#1b3763;
	font-size:1.1em;
	margin:0;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	background-color: Transparent;
}

/* ------------------------------------------------------------- */
/* -- Corps ---------------------------------------------------- */

#conteneur_top
{
	width:779px;
	background:#421c0e url(contest/conteneur_top.gif) no-repeat top left;
	margin:10px 0 0 0;
}

#conteneur_bas
{
	width:779px;
	background:url(contest/conteneur_bas.gif) no-repeat bottom left;
	margin:10px 0 0 0;
	padding:15px 0 22px 0;
}

/* -- top menu ------------------------------------------- */

#topMenu
{
	width:779px;
	padding:0 0 12px 0;
}

#topMenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 31px;
	float:left;
}

#topMenu ul li
{
	margin:0;
	padding:0 5px 0 0;
	float:left;
	color:#fff;
	font-size:1em;
}

#topMenu ul li a:link, #topMenu ul li a:visited, #topMenu ul li a:active
{
	color:#fff;
	text-decoration:none;
}

#topMenu ul li a:hover
{text-decoration:underline;}

/* -- zone contenu ------------------------------------------- */

#zoneContenu_acc
{
	width:719px;
	background:url(contest/entete_acc_bg.jpg) no-repeat top left;
	padding:370px 0 0 0;
	margin:0 0 0 28px;
}

#zoneContenu_acc_fr
{
	width:719px;
	background:url(contest/entete_acc_bg_fr.jpg) no-repeat top left;
	padding:370px 0 0 0;
	margin:0 0 0 28px;
}

#zoneContenu
{
	width:719px;
	background:#aa8140 url(contest/termes_bg.gif) repeat-y top left;
	margin:0 0 0 28px;
}

/* -- termes ------------------------------------- */

#terms_top
{
	background:url(contest/entete_terms.jpg) no-repeat top left;
	padding:99px 0 20px 0;
}

#termes_top
{
	background:url(contest/entete_termes.jpg) no-repeat top left;
	padding:99px 0 20px 0;
}

/* -- gallerie ------------------------------------- */

#gallery_top
{
	background:url(contest/entete_gallery.jpg) no-repeat top left;
	padding:65px 0 20px 0;
}

#galerie_top
{
	background:url(contest/entete_galerie.jpg) no-repeat top left;
	padding:65px 0 20px 0;
}

/* ------------------------------------------------- */

.contenu
{padding:0 11px;}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#7C1315;
	text-decoration:none;
}
.contenu a:hover
{text-decoration:underline;}

.noteslegales
{
	font-size:0.8em; 
	color:#e98c20; 
	padding:5px 38px 0 0;
	text-align:right;
}

.noteslegales a:link, .noteslegales a:visited, .noteslegales a:active
{
	color:#e98c20;
	text-decoration:none;
}

.noteslegales a:hover
{text-decoration:underline;}

/* -- formulaire --------------------------------------- */

#zoneFormulaire
{width:719px;}

#form_gau
{
	float:left;
	width:390px;
}

#form_dr
{
	float:left;
	width:320px;
	padding:20px 0 0 0;
}

.lesChamps
{margin-bottom:10px;}

.lesChamps label
{
	font-size:1em;
	color:#fff;
	font-weight:bold;
}

.lesChamps input
{
	width:155px;
	margin:2px 0 0 0;
}

.lesChamps select
{
	width:157px;
	margin:2px 6px 0 0;
}

.lesChamps input.inom, .lesChamps input.iaddress, .lesChamps input.itelephone
{
	width:242px;
	margin:2px 6px 0 0;
}

.lesChamps input.itelephone
{
	width:155px;
	margin:2px 6px 0 0;
}

.lesChamps input.iemail
{
	width:321px;
	margin:2px 0 0 0;
}

.lesChamps input.ibrowse
{width:220px;}

.lesChamps input.icasecoche
{
	width:15px;
	margin:0 3px 0 0;
	vertical-align:middle;
}

.lesChamps span.icasecoche input
{
	width:15px;
}

.lesChamps label.labelCaseCoche
{
	font-size:0.9em !important;
	color:#fff;
	font-weight:normal;
}

.lesChamps label.labelCaseCoche a:link, .lesChamps label.labelCaseCoche a:visited, .lesChamps label.labelCaseCoche a:active
{color:#ed981e;}

.lesChamps label.labelCaseCoche a:hover
{text-decoration:none;}

#bsend
{margin-left:120px;}

/* -- Terms and Conditions --------------------------------------- */

#boxTerms
{
	width:452px;
	background:#7c2c17;
	margin:0 0 0 35px;
	padding:0 0 10px 0;
}

#boxTerms div
{
	width:432px;
	background:#fff;
	margin:0 0 0 10px;
	padding:15px 0;
}

#boxTerms h2
{padding:0 20px 10px 20px;}

#boxTerms p
{
	color:#000;
	padding:0 20px 21px 20px;
}

#boxTerms ul 
{
    color:#000000;
    padding:0 20px 21px;
}

/* -- Gallery --------------------------------------- */

#zoneGalerie
{
	width:540px;
	padding:0;
	margin:0 0 0 36px;
}

#boxPhoto
{
	width:284px;
	background:#000;
	margin:0 0 5px 0;
}

div#boxPhoto
{height:155px;}
html>body div#boxPhoto
{
	height:auto;
	min-height:155px;
}

#boxPhoto img
{display:block;}

.boxPhotos_thumbs
{
	width:540px;
	margin:0 0 5px 0;
}

.blocThumb
{
	float:left;
	width:98px;
	margin: 0 10px 0 0;
	padding:0;
}

.blocThumbLast
{
	float:left;
	width:98px;
	margin:0;
	padding:0;
}

.blocThumb img, .blocThumbLast img
{border:1px solid #b0a9a0;}

.blocThumb img.loupe, .blocThumbLast img.loupe
{
	border:none;
	margin:0 0 0 84px;
}
