/* CSS Document */
/* ---------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
*{
    padding:0;
    margin:0;
    list-style:none;
}

body{
    font-size:100%;
    font-family:Arial,"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
    color:#000000;
    width:1300px;
    background:#a8de3d url(../media/img/bg_adictiz.png) repeat 50% 0%;
    /*text-align:center;*/
    margin-left:auto;
    margin-right:auto;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:#0000FF;
    cursor: pointer;
}

a:hover{text-decoration:underline;}
img{border:none;}
strong{font-weight:bold;}
em{font-style:italic;}
label{cursor:pointer;}

abbr, acronym{
    border-bottom:1px dotted #333333;
    cursor:help;
}

/* --------------------------------------------------------------------------------------------- Commun */

h1{
}

h2{
}

h3{
}

.cache{/* utilisé pour le "préchargement" d'images */
       position:absolute;
       height:0;
       width:0;
       overflow:hidden;
}

.clear{
    clear:both;
}

#adictiz{
    /*width:341px;*/
    width:350px;
    /*padding:43px 0 0 110px;*/
    padding:23px 0 0 146px;
    position:relative;
    z-index:100;
    text-align:left;
}

.adictiz{
    display:block;
    /*width:341px;*/
    width:367px;
    /*height:108px;*/
    height:141px;
    background:transparent url(../media/img/logo_adictiz.png) no-repeat 0% 50%;
}

#phrase_du_jour{
    width:134px;
    height:91px;
    position:absolute;
    z-index:100;
    top:45px;
    left:585px;
}

#btn_FB{
    width:40px;
    height:376px;
    background:transparent url(../media/img/btn_FB.png) no-repeat 0% 0%;
    position:absolute;
    top:68px;
    right:0px;
}

#btn_FB a{
    display:block;
    width:40px;
    height:358px;
}

#cont_loc_menu{
    margin-top:-60px;
}

/* --------------------------------------------------------------------------------------------- Conteneur Menu */
#conteneur_menu{
    clear:both;
    width:100%;
    height:130px;
}

/* --------------------------------------------------------------------------------------------- Lien Newsletter */
#lien_newslet{
    clear:both;
    float:right;
    margin:-62px 240px 0 0;
}

/* --------------------------------------------------------------------------------------------- Lien blog */
#lien_blog{
    clear:both;
    float:right;
    margin:-58px 192px 0 0;
}

/* --------------------------------------------------------------------------------------------- Localisation */
#localisation{
    clear:both;
    float:right;
    margin:-31px 285px 0 0;
}

#localisation li {
    float:left;
    text-align:center;
    width:20px;
    height:15px;
}

#localisation li a{
    display:block;
    width:18px;
    height:13px;
    margin:1px;
}

#localisation li a.loc_fr{
    background:transparent url(../media/img/picto_fr.png) no-repeat scroll 0;
}

#localisation li a.loc_en{
    background:transparent url(../media/img/picto_en.png) no-repeat scroll 0;
}

/* --------------------------------------------------------------------------------------------- Menu */
#menu{
    clear:both;
    float:right;
    width:410px;
    margin:-15px 210px 0 0;
}

#menu li {
    float:left;
    text-align:center;
    width:82px;
}

/* --------------------------------------------------------------------------------------------- Main */
#main{
    clear:both;
    width:1300px;
    /*text-align:center;*/
    margin-left:auto;
    margin-right:auto;
}

/* --------------------------------------------------------------------------------------------- Contenu */
#contenu{
    clear:both;
    width:934px;
    min-height:500px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:24px;
    background:url(../media/img/bg_contenu_934x1.png) repeat-y 0% 0%;
}

/* --------------------------------------------------------------------------------------------- Footer */
#footer{
    clear:both;
    width:934px;
    height:61px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background:url(../media/img/pieddepage.png) no-repeat 0% 0%;
}

#footer p{
    text-align:right;
    font-size:11px;
    padding:59px 30px 7px;
    /*color:#25a6f8;*/
    color:#FFFFFF;
}

/* --------------------------------------------------------------------------------------------- Bouton Formulaire */

a.boutonLien{
    text-align:center;
    color:#FFFFFF;
    background-color:#777777;
    padding:5px 0 4px;
    float:left;
}

a.boutonLien:hover{
    background-color:#0099CC;
    text-decoration:none;
}

.messageContact{
    color:#0099CC;
    text-align:center;
    padding-top:5px;
}

span.boutonLien_L, span.boutonLien_R, span.boutonLien_L_hover, span.boutonLien_R_hover{
    width:6px;
    height:25px;
    float:left;
    display:block;
}

span.boutonLien_L{
    background:transparent url(../media/img/btn_contact_L_6x25.png) no-repeat 0 0;
}

span.boutonLien_R{
    background:transparent url(../media/img//btn_contact_R_6x25.png) no-repeat 0 0;
}

span.boutonLien_L_hover{
    background:transparent url(../media/img/btn_contact_L_hover_6x25.png) no-repeat 0 0;
}

span.boutonLien_R_hover{
    background:transparent url(../media/img//btn_contact_R_hover_6x25.png) no-repeat 0 0;
}


/* --------------------------------------------------------------------------------------------- Newsletter */
#newsletter{
    position:absolute;
    top:150px;
    width:1300px;
    text-align:center;
    z-index:1000;
}

#cont_formNewsletter{
    text-align:left;
    width:803px;
    height:331px;
    margin: 0 auto;
    background:transparent url(../media/img//bg_popup_newslet.png) no-repeat 0 0;
}

#formNewsletter{
    float:left;
    width:763px;
    font-size:.8em;
    margin:20px;
    text-align: center;
}

.logo_newslet{
    width:196px;
    height: 52px;
    float: left;
}

#formNewsletter form{
    width:500px;
    text-align: left;
    margin: 0 auto;
    padding-top: 35px;
}

#formNewsletter label{
    display:block;
    float:left;
    width:100px;
    padding-left:13px;
    color:#333333;
    text-align: left;
}

#formNewsletter label.label_radio{
    display: inline;
    float:none;
    padding-left:0;
    padding-right:15px;
}

#formNewsletter .chp_form,#formNewsletter .chp_form_first{
    padding: 5px 0;
}

#formNewsletter .chp_form_last{
    clear:both;
    float: right;
    margin:2px 25px 0 0;
}

#formNewsletter input[type=text]{
    height:20px;
    width:360px;
    border:1px solid #3A3A3A;
    text-align: left;
}
#formNewsletter select{
    height:22px;
    width:362px;
    border:1px solid #3A3A3A;
    text-align: left;
}
.close{
    text-align: right;
}
.messageNL{
    text-align: center;
}