/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#333;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#e01f26;	
}


#container
{
	width:890px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.4em;
	margin:0;
	color:#c02000;
	padding: 0 0 18px 0;
	line-height:1em;
}

h2
{
	color: #e01f26;
	font-size: 1.1em;
	padding:0 45px 5px 40px;
	margin:0;
}

h3
{
	font-size:1.15em;
	margin:0;
	color:#e56c2a;
	padding:0 0 2px 0;
}

p
{
	font-size:0.9em;
	color:#fff;
	margin:0;
	padding:0;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* -- entête ---------------------------------- */

#entete
{
	width:690px;
	background:url(../images/contest/i_appareil_photo.gif) no-repeat 340px 18px;
	padding:0 0 6px 0;
}

#entete_fr
{
	width:690px;
	background:url(../images/contest/i_appareil_photo.gif) no-repeat 300px 18px;
	padding:0 0 6px 0;
}

/* --- logo --------------------------------- */

div#logoCompagnie
{
	width:182px;
	float:left;
	padding:5px 0 0 15px;
}

div#logoCompagnie img.logo
{display:block;}


#logoPrint
{display: none;}

/* --- Top menu anglais ----------------------------- */

#topMenu
{
	float:right;
	width:300px;
	padding:20px 0 0 0;
}

#topMenu ul, #topMenu_fr ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 3px 0 0;
}

#topMenu ul li, #topMenu_fr ul li
{
	float:left;
	margin:0;
	padding:0 0 0 12px;
	color:#fff;
	font-size:0.9em;
}

#topMenu ul li a:link, #topMenu ul li a:visited, #topMenu ul li a:active, #topMenu_fr ul li a:link, #topMenu_fr ul li a:visited, #topMenu_fr ul li a:active
{
	color:#fff;
	text-decoration:none;
}

#topMenu ul li a:hover, #topMenu_fr ul li a:hover
{text-decoration:underline;}

/* --- Top menu français ----------------------------- */

#topMenu_fr
{
	float:right;
	width:350px;
	padding:20px 0 0 0;
}

/* -- zone contenu ------------------------------------------- */

#zoneContenu_acc
{
	width:690px;
	background:url(../images/contest/accueil_bg.jpg) no-repeat top left;
	padding:313px 0 0 0;
}

#zoneContenu_acc_fr
{
	width:690px;
	background:url(../images/contest/accueil_fr_bg.jpg) no-repeat top left;
	padding:313px 0 0 0;
}

#zoneContenu_int
{
	width:690px;
	background:url(../images/contest/interieur_bg.jpg) no-repeat top left;
	padding:46px 0 0 0;
	position:relative;
}

#zoneContenu_int_fr
{
	width:690px;
	background:url(../images/contest/interieur_fr_bg.jpg) no-repeat top left;
	padding:46px 0 0 0;
	position:relative;
}

#zoneContenu_bg
{background:url(../images/contest/i_flame.gif) no-repeat bottom right;}

.contenu
{padding:0 11px;}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#FFF200;
	text-decoration:none;
}
.contenu a:hover
{text-decoration:underline;}

/* -- formulaire --------------------------------------- */

#zoneFormulaire
{
	width:690px;
	padding:20px 0 10px 0;
}

#form_gau
{
	float:left;
	width:275px;
}

#form_dr
{
	float:left;
	width:320px;
	padding:0;
}


.lesChamps
{margin-bottom:10px;}

.lesChamps label
{
	font-size:1em;
	color:#fff;
	font-weight:bold;
}

.lesChamps input
{
	width:114px;
	margin:2px 0 0 0;
}

.lesChamps select
{
	width:116px;
	margin:2px 6px 0 0;
}

.lesChamps input.inom, .lesChamps input.iaddress, .lesChamps input.itelephone
{
	width:114px;
	margin:2px 6px 0 0;
}

.lesChamps input.iemail
{
	width:240px;
	margin:2px 0 0 0;
}

.lesChamps select.iPoele
{
	width:338px;
	margin:2px 0 0 0;
}

.lesChamps input.ibrowse
{width:170px;}

.lesChamps span.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;
}

.ibsend
{margin-left:140px;}

/* -- Terms and Conditions --------------------------------------- */

#boxTerms
{
	width:350px;
	background:url(../images/contest/boxTerms_continu.gif) repeat-y top left;
	margin:0 0 0 135px;
}

#boxTerms_top
{background:url(../images/contest/boxTerms_top.gif) no-repeat top left;}
#boxTerms_top_fr
{background:url(../images/contest/boxTerms_top_fr.gif) no-repeat top left;}

#boxTerms_bas
{
	background:url(../images/contest/boxTerms_bas.gif) no-repeat bottom left;
	padding:80px 0 30px 0;
}

div#boxTerms_bas
{height:471px;}

html>body div#boxTerms_bas
{
	height:auto;
	min-height:471px;
}

#boxTerms_bas p
{
	color:#000;
	padding:0 45px 15px 40px;
}

#boxTerms_bas ul li
{
	color:#000;
}

#boxTerms_bas h2, h3, ul
{
	padding:0 45px 15px 40px;
}

/* -- Gallery --------------------------------------- */

#zoneGalerie
{
	width:460px;
	padding:0px 0 30px 0;
	margin:0 0 0 163px;
}

#boxPhoto
{
	width:241px;
	background:#000;
	margin:0 0 3px 0;
}

div#boxPhoto
{height:132px;}
html>body div#boxPhoto
{
	height:auto;
	min-height:132px;
}

#boxPhoto img
{display:block;}

.boxPhotos_thumbs
{
	width:460px;
	margin:0 0 5px 0;
}

.blocThumb
{
	float:left;
	width:85px;
	margin: 0 8px 0 0;
	padding:0;
}

.blocThumbLast
{
	float:left;
	width:85px;
	margin:0;
	padding:0;
}

.blocThumb img, .blocThumbLast img
{border:1px solid #b0b0b1;}

.blocThumb img.selected, .blocThumbLast img.selected
{border:1px solid #FFF200;}

.blocThumb img.loupe, .blocThumbLast img.loupe
{
	border:none;
	margin:1px 0 0 70px;
}

.sommaire ul li
{
    color:White;
}   
