/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%;
    background: #272424 !important;
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, FreeSans, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    color: #ffffff;
    background: #272424;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0 0;
    font-family: Arial, Verdana, FreeSans, sans-serif;
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}


/* Listes */
ul, ol {
    margin: 0 0 .75em 30px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: 0 0 .75em 0;
}

/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: #524b49;
}
a:visited {
    color: #524b49;
}
a:hover, a:focus, a:active {
    color: #524b49;
}

a img {
    border: none;
}

img {margin:0; vertical-align: middle;}

/* /BASE END */

/************************************
 ****** Mise en page g�n�rale *******
 ************************************/

/* En-tete de la page */
#header_wrap {
    position:relative;
    width:100%; height:460px;
    background:url(/images/campaign/themegeneric/header.jpg) center top no-repeat;
    display:table;
}

#header {
    position:relative;
    width:1000px; height:460px;
    margin:0 auto;
}

#header h1 {
    position:absolute;
    top:20px; left:325px;
    width:350px; height:70px;
    margin:0;
    background:url(/images/campaign/themegeneric/logo.png) left top no-repeat;
    z-index:1;
}
#header h1 span { display:none; }
#header #flash_header { z-index:10px; }
#header #etiquette {
    position:absolute;
    bottom:0; left:55px;
    width:100px; height:20px;
    background:url(/images/campaign/themegeneric/etiquette.png) left top no-repeat;
}

/* Contenu de la page */
#content_wrap {
    position:relative;
    width:100%; height:340px;
    background:url(/images/campaign/themegeneric/content.jpg) center top no-repeat;
    display:table;
}

#content {
    position:relative;
    width:1000px; height:280px;
    margin:0 auto;
}

/************************************
 ******** Blocks sp�cifiques ********
 ************************************/
#content_min_wrap {
    position:relative;
    width:540px; height:280px;
    margin:0 auto;
}

#content_max_wrap {
    position:relative;
    width:560px; height:280px;
    margin:0 auto;
}

#content h2 {
    font-size: 20px;
    color: #c20a59;
    font-weight: normal;
    text-align:center;
    height:35px;
    line-height:35px;
    margin:15px 0 10px 0;
}

#bt_salles_des_ventes {
    width:280px; height:30px;
    float:left;
    margin:10px 0 0 140px;
    background: url(/images/campaign/themegeneric/bt_salle_des_ventes.png) left top no-repeat;
    opacity:0.8;
}

#bt_salles_des_ventes:hover { opacity:1; }
#bt_salles_des_ventes span { display:none; }

/************************************
 ************* Divers ***************
 ************************************/

/* couleur */
.white { color:#ffffff; }
.pink { color:#c20a59; }

/* Classes Utiles */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.center { text-align:center; }
.block_center { margin:0 auto; }


/* VPG overrides */

#content {
    padding: 0;
}

.validez {
    width: 80px;
}

.form_element {
    height: 19px; 
	float: left;
    padding-left: 130px;
}

#mainForm {
  height: 140px;
}

.form_element_right_column {
    margin-left: 20px;
}
.form_element_radiogroup, .form_element_checkbox, .form_element_submit {
    clear: both;
    float: none;
    margin-left: 0 !important;
}
.form_element .input_text {
    width: 140px;
}
.form_element select {
    width: 142px;
}
.form_element label.form_element_label {
    width: 130px;
}
.form_element.form_element_checkbox {
	clear: both;
    padding-top: 13px;
    padding-bottom: 13px;
	width: 450px;
}
    .form_element.form_element_checkbox .checkbox {
        top: 13px;
    }
	
#mbre_recevoir_mailinfo {
	clear: left;
	left: 0;
	top: 15px;
}
	
.submit_container {
    top: -42px;
}
.form_element.form_element_submit {
    width: 100px;
    float: right;
    margin-bottom: -30px;
}
#content_min_wrap {
    width: 565px;
}

/************************************
 ********** Mention CNIL ************
 ************************************/
#mention_cnil{
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
    width: 980px;
    font-size: 9px;
}

label.error, label.error a,
.error label, .error label a {
    color: #c00 !important;
}
input.error,
.error input {
    border: 1px solid #c00 !important;
}

#alreadymember_link {
  font-size: 11px;
  height: 20px;
  padding: 10px 0;
}

#alreadymember_link a {
  color: #fff;
}