/* 
    Document   : Franck Sorbier
    Created on : 27 mai 2011,14:30
    Author     : patrick fisz
	
	v2
	Modified on : 26 décembre 2011
	Author Maud CLAIR
	
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* ---------------------------------------------------------------------------- */
/*					G E N E R A L				*/
/* ---------------------------------------------------------------------------- */
 
/* Préfixer tous les élément qui peuvent surcharger le header et le footer JDF */
/*
body {
    background: #e897c0 url("bg_jdf.jpg") repeat-x left top;
}
*/
.publi_global {
    font: 12px/1.4em Arial, Helvetica, sans-serif;
    color: #fff;
}

.tcenter { text-align: center; }
.tright { text-align: right; }
.fleft {
    float: left;
}
.fright {
    float: right;
}
.clear {
    clear: both;
}
.clear_after:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clear_after {
    *zoom: 1;
}
.spacer {
    margin:0;
    padding:0;
    height: 0;
    font-size: 1px;
    line-height: 1px;
    clear: both;
}

.padT20 { padding-top: 20px; }
.padT60 { padding-top: 60px; }
.padT70 { padding-top: 70px; }
.padR5 { padding-right: 5px; }
.padB10 { padding-bottom: 10px; }
.padB20 { padding-bottom: 20px; }
.padB60 { padding-bottom: 60px; }
.padL10 { padding-left: 10px;}

.marT10 { margin-top: 10px; }
.marT20 { margin-top: 20px; }
.marT60 { margin-top: 60px; }
.marR45 { margin-right: 45px;}
.marR70 { margin-right: 70px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marB25 { margin-bottom: 25px; }
.marB30 { margin-bottom: 30px; }
.marB40 { margin-bottom: 40px; }
.marL10 { margin-left: 10px; }
.marL40 { margin-left: 40px; }

.txt_shadow {
    -webkit-text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
}
.cap { text-transform: uppercase;}

/*	------------	T I T R E S  +  T E X T E S	-------------	*/
/*
.publi_global h1,
.publi_global h2,
.publi_global h3,
.publi_global p {
    font-weight: normal;
}
*/

.publi_global h1,
.publi_global .h1 {
    font-size: 28px;
    line-height: 1.2em;
}
.publi_global h2,
.publi_global .h2 {
    font-size: 14px;
}
.publi_global p {
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
p.ft15 { font-size: 15px; }
/*	------------	L I N K S	-------------	*/

.publi_global a {
    color: #fff;
    text-decoration: underline;
}
.publi_global a:hover,
.publi_global a:focus {
    text-decoration: none;
}

/* ------------------------------------------------------------------------------------ */
/*					L A Y O U T					*/
/* ------------------------------------------------------------------------------------ */

.size12of12.publi_wrapper { margin: 0 auto;}

.publi_global {
    /*position: relative;*/
    margin-bottom: 12px;
}
.reglement,
.lots, .concours {
    background: transparent url("bg_0612.jpg?2") no-repeat left top;
}
.quiz {
    background: transparent url("bg_quiz_0612.jpg?3") no-repeat left top;
}
.publi_header {
    height: 168px;
}
.publi_content {
    position: relative;
}
.publi_footer {
    padding: 15px 60px 15px 30px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .8);
}
#logo_publi {
    float: right;
    margin: 0 60px 20px 0;
}
.bloc1 {
   margin-left: 355px;
   padding-right: 20px;
}
.bloc2 {
    /*width: 550px;*/
    padding-top: 60px;
    margin: 0 60px 0 300px;
    text-align: center;
}
.bloc3 {
    /*width: 584px;
    padding-top: 10px;*/
    margin-left: 355px;
}
.bloc4 {
    margin-left: 418px;
}
.bloc5 {
    width: 650px;
    margin-left: 246px;
}
.lastBlock{
    display: block;
    float:none;
    overflow: hidden;
    *zoom:1;
}

/*	------------	Boutons 	-------------	*/

a.btnS, input.btnS {
    display:inline-block;
    vertical-align:baseline;
   
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    padding: 10px 35px;
    border: 0;
    /*height: 20px;*/
   
    font-size:16px;
    font-weight: bold;
    text-decoration:none;
}
.btnM {
    font-style: normal;
    font-size:16px;
    line-height: 20px;
    padding: 20px;
}


/*/----> Couleur des boutons <----/*/
/* bouton violet */
a.btnB, input.btnB {
    color:#000;
    /*border:1px solid #d5d5d5;*/
    background: #fff; /* Old browsers */
}

/* ------------------------------------------------------------------------------------ */
/*					F O O T E R                                     */
/* ------------------------------------------------------------------------------------ */
.publi_footer a {
    font-size: 17px;
}

/* ------------------------------------------------------------------------------------ */
/*					H O M E                                         */
/* ------------------------------------------------------------------------------------ */
p.accroche {
    font-size: 16px;
    /*line-height: 1.3em;*/
    text-transform: uppercase;
}
.accroche span {
    font-size: 20px;
    font-weight: bold;
}



/* ------------------------------------------------------------------------------------ */
/*					L O T S                                         */
/* ------------------------------------------------------------------------------------ */

sup { color: #fff;}

.lots h2 {
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.photo_lots {
    padding: 5px;
    margin-left: 500px;
    margin-bottom: 40px;
    background-color: #fff;
}
a.link_arrow {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
.arrow_simple {
    background: url("sprite_ico.png") no-repeat scroll left top transparent;
    display: inline-block;
    width: 14px;
    height: 15px;
    margin-left: 7px;
}

/* ------------------------------------------------------------------------------------ */
/*					C O N C O U R S                                 */
/* ------------------------------------------------------------------------------------ */
.publi_global form {
    padding: 0 0 0 110px;
    font-size: 15px;
}
.coordonnees label {
    display: block;
    float: left;
    width: 110px;
    color:#b6b6b6;
    line-height: 30px;
}
.publi_global input { height: auto; }
.publi_global input.text {
    width: 270px; /* 290px */
    padding:3px 10px 2px 10px;
    border: 2px solid #605f5f;
    margin-bottom: 24px;
    background: #474747;
    color: #FFFFFF;
}
.infosByMail {
    font-size: 13px;
}
.publi_global input.formError {
    border-color: #f00;
}
/* ------------------------------------------------------------------------------------ */
/*					Q U I Z                                         */
/* ------------------------------------------------------------------------------------ */
.quiz h1 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3em;
}
.quiz h2 {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: normal;
}
.publi_global form.quiz_form {
    padding: 0;
    font-size: 14px;
}
.choice {
    margin-bottom: 15px;
    padding-left: 64px;
}
.choice.formError {
    padding-left: 60px;
    border: 2px solid #f00;
}
.group_radios {
    float: left;
    width: 162px;
}
.group_radios.first {
   margin-right: 74px;
}

/* ------------------------------------------------------------------------------------ */
/*					R E G L E M E N T                               */
/* ------------------------------------------------------------------------------------ */
.reglement h1 { font-size: 18px;}
.reglement h2 { margin-bottom: 10px;}
.text_wrapper {
    /*height: 510px;*/ /* 560 */
    padding: 25px 20px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .8);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.text-content {
    height: 446px;
    overflow: auto;
}

/*
- MESSAGE INFORMATION (content) ------------------------------------------------
*/

.infoMsg{
    position:relative;
    background:#FFFFCC;
    padding-right:34px;
    border:1px solid #b9b9b9;
    _zoom:1;
}
.infoMsg_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
}
.infoMsg-1{ padding-right:0 }
.infoMsg p{
    margin:10px;
    color: #f00;
}
.infoMsg.error{
    background-color:#FFE4E7;
}
.infoMsg .icoClose{
    position:absolute;
    top:9px;
    right:7px;
}