/*************************/
/** MARATHON PHOTO FNAC **/
/** CSS PAGES STATIQUES **/
/*************************/

/** PAGE COMMENT PARTICIPER **/
#colonne_photos {
    float:                  right;
    width:                  132px;
}

#echantillon_photos {
    float:                  left;
    width:                  142px;
    margin-top:             15px;
}

.echantillon_photo {
    float:                  left;
    width:                  129px;
    height:                 88px;
    background-image:       url('img/bg_photo_home.gif');
    background-repeat:      no-repeat;
    background-position:    right bottom;
    padding:                0 2px 3px 0; 
    margin-bottom:          3px;
}

.echantillon_photo img {
    border:                 2px solid #FFFFFF;
}

#colonne_etapes {
    float:                  left;
    width:                  695px;
}

#etapes_participation {
    float:                  left;
    width:                  100%;
    height:                 187px;
    background-image:       url('img/bg_etape_participation.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
    margin-bottom:          20px;
    clear:                  both;
}

.etape {
    float:                  left;
    display:                inline;
    width:                  660px;
    margin:                 9px 0 4px 22px;
}

.nom_etape {
    color:                  #FBD056;
    font-size:              1.16em;
    font-weight:            bold;
}

h1 {
	font-size:				15px;
	color:					#fff;
	padding-bottom:			8px;
}

#intro_page_trouver {
	float:					left;
	width:					535px;
}

#intro_page_trouver p {
	text-align:				justify;
}


/** FORMULAIRE DE CONTACT **/
#contact_us_text {
    float:                  right;
    width:                  480px;
    text-align:             justify;
}

#contact_us_form {
    float:                  left;
    display:                inline;
    width:                  376px;
    margin:                 0 0 20px 20px;
}

textarea.votre_demande {
    width:                  255px;
    height:                 75px;
    font-family:            "Arial", "sans-serif";
    font-size:              1em;
    border:                 1px solid #56B2D4;
}


/** PAGE A GAGNER **/
#partenaire_national {
    float:                  right;
    width:                  300px;
    margin-top:             12px;
}

#partenaire_national p {
    margin:                 0 5px;
}

#encart_partenaire {
    float:                  left;
    width:                  100%;
    height:                 auto !important;
    height:                 87px;
    min-height:             87px;
    text-align:             center;
    color:                  #1078AD;
    font-size:              1.17em;
    font-weight:            bold;
    text-transform:         uppercase;
    padding:                15px 0 0 0;
    margin-bottom:          12px;
    background-position:    left top;
    background-repeat:      no-repeat;
}

.bg_top_blanc_galerie {
	clear:					both;
	float:					left;
	background:				url("img/bg_top_blanc_galerie.png") bottom left no-repeat;
	width:					300px;
	height:					10px;
    behavior: 				url('/iepngfix.htc');
}

.bg_content_blanc_galerie {
	clear:					both;
	float:					left;
	background-color:		#fff;
	width:					300px;
	_width:					295px;
	text-align:				center;
	font-size:				14px;
	color:					#1078ad;
	_margin-top:			-5px;
}

.bg_bottom_blanc_galerie {
	clear:					both;
	float:					left;
	background:				url("img/bg_bottom_blanc_galerie.png") top left no-repeat;
	width:					300px;
	height:					10px;
    behavior: 				url('/iepngfix.htc');
}

#encart_partenaire img {
    margin-top:             12px;
}

#lots_a_gagner {
    float:                  left;
    width:                  606px;
}

.lot_a_gagner {
    float:                  left;
    width:                  160px;
    margin-top:             5px;
}

.lot_a_gagner.not_last {
    margin-right:           62px;
}

.visuel_lot_a_gagner, .desc_lot_a_gagner {
    float:                  left;
    width:                  100%;
}

.nom_lot_a_gagner {
    color:                  #FBD056;
    font-weight:            bold;
    font-size:              1.08em;
}

#partenaires_ville {
    float:                  right;
    width:                  300px;
    height:                 auto !important;
    height:                 206px;
    min-height:             206px;
    margin-top:             170px;
    clear:                  right;
    text-align:             center;
    text-transform:         uppercase;
    font-size:              1.15em;
    font-weight:            bold;
    padding-top:            5px;
    background-image:       url('img/bg_partenaires_ville.gif');
    background-position:    left top;
    background-repeat:      no-repeat;
}

.partenaire_ville {
    float:                  left;
    display:                inline;
    width:                  67px;
    height:                 47px;
    text-align:             middle;
    padding-top:            20px;
    background-image:       url('img/bg_partenaire_ville.gif');
    background-position:    left top;
    background-repeat:      no-repeat;
    margin:                 12px 0 0 6px;
}

#lots_a_gagner_ville {
    float:                  left;
    width:                  606px;
}

#filtre_lots_villes {
    float:                  left;
    width:                  569px;
    height:                 32px;
    color:                  #FFFFFF;
    text-transform:         uppercase;
    font-weight:            bold;
    font-size:              1.24em;
    margin:                 45px 0 20px 0;
    padding:                12px 0 0 15px;
    background-image:       url('img/bg_filtre_lots_villes.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
}


#bg_gris_top {
	margin-top:				45px;
	background:				url("img/bg_top_a_gagner.png") bottom no-repeat transparent;
	behavior: 				url('/iepngfix.htc');
	width:					585px;	
	height:					10px;
	float:					left;
	clear:					both;
}

#bg_gris_content {
	line-height:			17px;
	background:				url("img/bg_a_gagner.png") transparent;
	behavior: 				url('/iepngfix.htc');
	width:					638px;	
	clear:					both;
	float:                  left;
    width:                  570px;
    height:                 20px;
    color:                  #FFFFFF;
    text-transform:         uppercase;
    font-weight:            bold;
    font-size:              1.24em;
    padding-left:           15px;
    _margin-top:			-5px;
}

#bg_gris_bottom {
	margin-bottom:			20px;
	background:				url("img/bg_bottom_a_gagner.png") top no-repeat transparent;
	behavior: 				url('/iepngfix.htc');
	width:					585px;	
	height:					15px;
	float:					left;
	clear:					both;
}

#filtre_lots_villes select {
    width:                  205px;
    height:                 20px;
    color:                  #65A8FB;
    font-size:              0.75em;
    font-family:            "Arial", "sans-serif";
    vertical-align:         1px;
    margin-left:            5px;
    text-transform:         capitalize;
    border:                 1px solid #58B3D5;
}

#filtre_lots_villes input {
    vertical-align:         -5px;
}

#se_preinscrire_a {
    float:                  right;
    width:                  204px;
    margin-bottom:          11px;
}

#a_gagner_a {
    float:                  left;
    display:                inline;
    width:                  380px;
    color:                  #FFFFFF;
    text-transform:         uppercase;
    font-weight:            bold;
    font-size:              1.24em;
    margin:                 0 0 11px 5px;
}

#lots_1_3 {
    float:                  left;
    display:                inline;
    width:                  305px;
    margin-left:            4px;
}

#lots_4_6 {
    float:                  left;
    width:                  295px;
}

.ville_lot {
    float:                  left;
    width:                  100%;
}

.ville_lot_visuel {
    float:                  left;
    width:                  100px;
    tetx-align:             center;
}

.ville_lot_desc {
    float:                  left;
    width:                  190px;
    margin-top:             20px;
}

h2 {
	font-size:				12px;
}

#page_participer {
	width:					775px;
	float:					left;	
}

.participer_step {
	float:					left;
	margin-right:			10px;
}

.step_text {
	padding:				5px 8px 0 8px;
	font-size:				11px;
	height:					50px;
}

.numerotation {
	color:					#eab333;
	font-size:				12px;
	font-weight:			bold;	
}

#bg_participer_top_step1 {
	background:				url("img/bg_participer_top_step1.gif") no-repeat;
	width:					268px;
	height:					27px	
}

#bg_participer_content_step1 {
	background-color:		#1a4f63;
	width:					266px;
	border-right:			1px solid #97cce1;
	border-left:			1px solid #97cce1;	
}

#bg_participer_bottom_step1 {
	background:				url("img/bg_participer_bottom_step1.gif") top no-repeat;
	width:					268px;
	height:					7px	
}

#bg_participer_top_step2 {
	background:				url("img/bg_participer_top_step2.gif") no-repeat;
	width:					252px;
	height:					27px	
}

#bg_participer_content_step2 {
	background-color:		#1a4f63;
	width:					250px;
	border-right:			1px solid #97cce1;
	border-left:			1px solid #97cce1;	
}

#bg_participer_bottom_step2 {
	background:				url("img/bg_participer_bottom_step2.gif") top no-repeat;
	width:					252px;
	height:					7px	
}

#bg_participer_top_step3 {
	background:				url("img/bg_participer_top_step3.gif") no-repeat;
	width:					216px;
	height:					27px	
}

#bg_participer_content_step3 {
	background-color:		#1a4f63;
	width:					214px;
	border-right:			1px solid #97cce1;
	border-left:			1px solid #97cce1;	
}

#bg_participer_bottom_step3 {
	background:				url("img/bg_participer_bottom_step3.gif") top no-repeat;
	width:					216px;
	height:					7px	
}

.yellow {
	color:					#eab333;
}

.commentaire_etape {
	padding:				3px 0 15px 8px;
	color:					#000;
	font-size:				10px;
	line-height:			11px;
}

.btn_participer {
	display:				block;
	text-align:				center;
}

#btn_ok_a_gagner {
	display:				block;
	float:					left;
}

#cgu_content {
	clear:					both;
	float:					left;
	padding-top:			10px;
	width:					100%;
}

#cgu_content a {
	font-weight:			bold;
	text-decoration:		none;
}

#cgu_content a:hover, #cgu_content a:focus {
	text-decoration:		underline;
}

#cgu_content p {
	padding-bottom:			10px;
}

#cgu_content .liste_tirets {
	padding:				0 0 10px 40px;
	list-style:				none;
}

#cgu_content .liste_tirets li {
	list-style-type:		disc;
	padding-bottom:			10px;
}

.error_msg {
	font-weight:			bold;
	padding-bottom:			20px;
}

.send_message_success {
	text-align:				center;
	padding-top:			20px;
}

.col_champs_obligatoires {
	font-size:				11px;
	font-style:				italic;
}

#credit_content {
	clear:					both;
	float:					left;
	width:					100%;
	padding:				10px 0;
}

#credit_content #conception {
	font-size:				16px;
	padding-bottom:			5px;
}

#credit_content #bloc_mediagong {
	padding-left:			50px;
}

#credit_content #mediagong {
	font-size:				18px;
}

#credit_content #resonances {
	font-size:				10px;
	letter-spacing:			2px;
	padding-bottom:			10px;
}

#credit_content .text_color {
	font-weight:			bold;
	color:					#8BCEE5;
}

#credit_content a {
	font-weight:			bold;
	text-decoration:		none;
}

#credit_content a:hover, #credit_content a:focus {
	text-decoration:		underline;
}

#tab_partenaires {
	margin:					0 auto;
	padding-left:			1px;
}