@charset "UTF-8";

/* CSS Document */
body {background:url(../images/fond.jpg) repeat-x; padding: 0px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative }
#background {background:url(../images/fond4.jpg) no-repeat center top; margin: 0 auto; }
#body {width: 980px; margin: 0 auto; padding-top:15px; position:relative}

.separateur {height:0px; font-size:0; line-height:0; padding:0; margin:0; border:0; border-top:1px solid #ddd;}
.spacer {clear:both; height:0px; font-size:0; line-height:0; padding:0; margin:0; border:0; }
*:focus {outline: 0;}

#onglets, #bandeau_bas, #presse {width:980px; position:relative;}

/* Liens */

a, .lien {color:#666; text-decoration:underline; cursor: pointer}
a:hover, .lien:hover {color:#333;}
a.blanc { color:#FFFFFF; }
a.blanc:hover {color:#dedede}
a.noir { color:#323232; }
a.noir:hover {color:#5a5a5a}

/* Niveau de Texte */
.titre1, .title1 {font-size:14px; color:#434343; font-weight:bold;  }
.titre3 { font-size:12px; font-weight:bold; color:#323232}
.titreA {text-align:left; margin-top:20px; margin-bottom:5px; border-bottom:1px #999999 solid; padding-bottom:5px; font-weight:bold; color:#999999; text-transform:uppercase}
.titreA span { font-size:10px; color:#999999; text-transform:none }
.titreA span a {}
.titre1 .highlight {color:#215CB3; text-transform:uppercase}

.texte_titre, .texte, .texte_question {font-size:12px; color:#333333; }
.texte_titre {margin:10px 0;}
.texte_gris {font-size:12px; color:#6c6c6c}
.texte_question { font-weight:bold; margin:15px 0 5px 0}

.maj { text-transform:uppercase}
.gras { font-weight:bold}
.green {color:#89C542}
.italic {font-style:italic}

/* Onglets */
#onglets {height:94px; background:url(../images/onglet_logo.png) no-repeat top left;}

#onglets div.onglet { height:30px; position:absolute; top:64px; text-align:right; background:url(../images/onglets.png) no-repeat;}
#onglets div.onglet a {display:block; padding-top:9px; padding-bottom:8px; text-decoration:none; color:#616060; font-size:12px; font-weight:bold}
#onglets div.onglet:hover a, #onglets div.onglet.selected a {color:#FFF}

#onglets #faq {background-position: left -180px; width:221px; left:751px;}
#onglets #faq:hover, #onglets #faq.selected {background-position: left -210px; }
#onglets #faq a {padding-right: 75px}

#onglets #envi {background-position: left -60px; width:231px; left:589px;}
#onglets #envi:hover, #onglets #envi.selected {background-position: left -90px; }
#onglets #envi a {padding-right: 59px}

#onglets #asso {background-position: left -120px; width:231px; left:427px;}
#onglets #asso:hover, #onglets #asso.selected {background-position: left -150px; }
#onglets #asso a {padding-right: 65px}

#onglets #fonct {background-position: left 0px; width:200px; left:293px;}
#onglets #fonct:hover, #onglets #fonct.selected {background-position: left -30px; }
#onglets #fonct a {padding-right: 55px}

#onglets #pro {background:url(../images/onglets_pro.png) no-repeat; width:153px; height:85px; top:09px; left:171px;}
#onglets #pro:hover,#onglets #pro.selected { background-position: left -85px; }
#onglets #pro a {padding-bottom:63px}

#onglets #assoc {background:url(../images/onglets/recyclage_professionnels.png) no-repeat; width:153px; height:85px; top:09px; left:171px;}
#onglets #assoc:hover,#onglets #assoc.selected { background-position: left -85px; }
#onglets #assoc a {padding-bottom:63px}

#onglets #logo_frame {width:177px; height:31px; top:3px; left:6px; background:none; text-align:left; position:absolute;}
#onglets #baseline {font-family:Helvetica, Arial, sans-serif; color:#b3b3b3; font-size:10px; margin-top:7px; margin-left:4Px}
#onglets #logo {padding-top:7px; padding-left:2px}
#onglets #lien_accueil {font-size:9px; padding-left:10px;}
#onglets #lien_accueil a { text-decoration:none; color:#b3b3b3}
#onglets #lien_accueil a:hover { text-decoration:underline; color:#858585}

#etiquette {background:url(../images/etiquette.png) no-repeat; width:104px; height:183px; position:absolute; top:128px; left:-68px;}

#bandeau_bas {height:60px;  position:relative; background:url(../images/main_border.png) no-repeat left -66px;}
#bandeau_bas #recherche {float:left; width:690px; height:30px; display:inline; padding:0;}
#bandeau_bas #compte {float:right; width:178px; height:60px; color:#FFFFFF; display:inline;}
#bandeau_bas #commentaire {float:left; width:740px; margin-left:60px; font-size:12px; font-weight:bold; color:#999999; text-align:center; font-style:italic; padding-top:8px; display:inline;}

#recherche form {margin-left:319px; margin-top:6px; width:370px; height:20px; padding:0; margin-bottom:0; }
#recherche form div { height:20px; width:73px; float:left; display:inline; }
#recherche form div a {display:block; text-decoration:none; height:20px;}
#recherche input {border:none; color:#666666; font-size:12px; font-weight:bold; width:273px; float:left; margin-top:2px; background:none; }

#compte .compte_titre {background:url(../images/btn_mon_compte.jpg); width:117px; height:15px; margin:16px 0 0 45px}
#compte .compte_lien {width:161px; text-align:right; margin-top:1px; line-height:12px; }
#compte .compte_lien a {font-size:10px;}


/* Main */
#main {background-color:#d9d9d9; width:980px;}
#main_bg {margin:0 1px; background:url(../images/main_bgv.png) repeat-x; background-color:#f6f6f6; width:978px; padding:0;}

#main_top {background:url(../images/main_border.png) no-repeat top left; height:13px; width:980px; line-height:0; padding:0; margin:0; font-size:0; }
#main_bottom {background:url(../images/main_border.png) no-repeat left -13px; height:13px; width:980px; line-height:0; padding:0;}
#main_main {float:left; width:700px; margin-left:37px; display:inline;}
#main_main_home {float:left; width:757px; margin:0 10px 0 9px; display:inline;}

#main_column {float:right; margin-right:9px; width:193px; display:inline;}
#main_column .column_box_top,  #main_column .column_box_top_slim {background:url(../images/box_elts.png) no-repeat left -26px; width:193px; margin:10px 0 0 0; text-align:center; height:10px; }
#main_column .column_box_top_slim {line-height:0; padding:0; font-size:0 }
#main_column .column_box_main {background:url(../images/box_m.gif) repeat-y; width:193px; margin:0;}
#main_column .column_box_bottom {background:url(../images/box_elts.png) no-repeat left -36px; width:193px; height:12px; margin:0 0 10px 0; line-height:0; padding:0; font-size:0}
#main_column .green {height:26px; background-position: left 0}
#main_column .black {height:26px; background-position: left -48px}
#main_column .green div, #main_column .black div {color:#FFFFFF; font-weight:bold; padding-top:5px; font-size:14px;}
#main_column .column_box_main #pscroller { width:193px; margin:0; height:200px;}

.column_box_top div a { color:#FFF; text-decoration:none;}
.column_box_top div a:hover { color:#000; text-decoration:none;}

.column_search_btn { background:url(../images/btn_recherche.png) no-repeat; width:98px; height:20px}
.column_search_btn a {text-decoration:none; display:block; height:20px}

#main_search {margin:20px 0 25px 135px; position:relative; height:60px}
#main_search form {padding:0; margin-bottom:0;}
#main_search input {height:30px; background:url(../images/research_m.png) repeat-x; border:none; width:324px; float:left; margin-top:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; padding-top:4px; color:#323232;  }
#main_search .main_search_fleche {float:left; margin-right:20px;}
#main_search .champ_gauche {background:url(../images/search_main.png) no-repeat left -8px; width:4px; height:35px; float:left; margin-top:8px}
#main_search .main_search_btn {background:url(../images/search_main.png) no-repeat -4px top; width:55px; height:54px; float:left}
#main_search .main_search_btn a {display:block; text-decoration:none; height:54px; }
#main_search .main_search_btn:hover {background-position: -4px -54px;}
.main_search_par_marque {font-size:12px; font-weight:bold; position:absolute; left:260px; margin:0; padding:0; top:64px; top:48px !important; line-height:10px}
.main_search_par_marque a {color:#ED9252; text-decoration:underline}
.main_search_par_marque a:hover {color:#666;}


/* Graph Etapes */
#main_main_home .etapes {text-align:center; height:150px; float:left; display:inline; }
#main_main_home #etape1 {width:247px; background:url(../images/Etapes_selected.jpg) no-repeat;  margin-left:15px;}
#main_main_home #etape1:hover {background-position:left -450px;}

#main_main_home #etape4:hover {background:url(../images/Etapes.png) no-repeat;}
#main_main_home #etape2 {width:240px; background:url(../images/Etapes_selected.jpg) no-repeat left -150px;}
/* #main_main_home #etape2:hover {background:url(../images/Etapes.jpg) no-repeat left -150px;} */
#main_main_home #etape3 {width:227px; background:url(../images/Etapes_selected.jpg) no-repeat left -300px;}
/* #main_main_home #etape3:hover {background:url(../images/Etapes.jpg) no-repeat left -300px;} */
#main_main_home .etapes_sep {float:left; margin:0px 12px 0 0; background-color:#dddddd; width:1px; height:150px;}
#main_main_home .etape_title1 {font-size:16px; color:#323232; font-weight:bold;}
#main_main_home .etape_title2 {font-size:10px; color:#5a5a5a}
#main_main_home .etape_title1 a, #main_main_home .etape_title2 a  {text-decoration:none; color:#323232;}
#main_main_home .etape_title1 a:hover, #main_main_home .etape_title2 a:hover  {text-decoration:none; color:#000;}

#main_main h1 {font-size:20px; font-weight:bold; color:#434343; font-weight:bold; text-transform:uppercase}

/* Process */
#process, #process_ec, #process_asso {width:709px; height:84px; margin:8px 0 18px -4px; }

#process {background:url(../images/Process_Off.jpg) no-repeat;}
#process div {height:84px; float:left; text-transform:uppercase; color:#373737; font-size:12px; font-weight:bold; text-align:center; display:inline;}
#process div div {margin-top:58px; width:100%; height:16px; }
#process div.selected div {color:#FFF}
#process div#process_1 {width:146px;  }
#process div#process_1 a { display:block; text-decoration:none; height:84px; margin:0; padding:0; color:#373737 }
#process div#process_1.selected { background:url(../images/Process_01.jpg)}
#process div#process_1:hover { background:url(../images/Process_01.jpg); color:#fff}
#process div#process_1:hover a:hover div { color:#fff}

#process div#process_2 {width:140px; }
#process div#process_2.selected { background:url(../images/Process_02.gif)}

#process div#process_3 {width:140px; }
#process div#process_3 a { display:block; text-decoration:none; height:84px; margin:0; padding:0; color:#373737 }
#process div#process_3.selected { background:url(../images/Process_03.gif)}
#process div#process_3.actif:hover { background:url(../images/Process_03.gif); color:#fff}
#process div#process_3:hover a:hover div { color:#fff}

#process div#process_4 {width:140px; }
#process div#process_4.selected { background:url(../images/Process_04.gif)}
#process div#process_5 {width:143px; }
#process div#process_5.selected { background:url(../images/Process_05.gif)}

#process .process_nb_items {position:absolute; top:200px; left:405px; background:url(../images/puce_nb_item.png) no-repeat; width:26px; height:26px; padding-top:5px; text-align:center; color:#FFFFFF; font-weight:bold;}
#process .process_nb_items a { text-decoration:none; color:#FFFFFF; display:block; height:31Px; }


/* Process EC - Espace client */
#process_ec {background:url(../images/Process_EC.jpg)}
#process_ec #process_ec_cadre {height:27px;  padding-top:42px; margin-left:190px;}
#process_ec div {font-weight:bold; text-align:center;text-transform:uppercase; color:#FFF; font-size:12px; }
#process_ec_1, #process_ec_2, #process_ec_3 {float:left; height:27px}
#process_ec_1 div, #process_ec_2 div, #process_ec_3 div { margin-top:6px; height:21px}
#process_ec_1 {width:119px; }
#process_ec_1.selected, #process_ec_1:hover {background:url(../images/Process_EC_01.jpg) }
#process_ec_2 {width:122px; }
#process_ec_2.selected, #process_ec_2:hover {background:url(../images/Process_EC_02.jpg) }
#process_ec_3 {width:121px; }
#process_ec_3.selected, #process_ec_3:hover {background:url(../images/Process_EC_03.jpg) }
#process_ec_cadre div a {text-decoration:none}

/* Process Asso */
#process_asso {background:url(../images/Process_asso.jpg);}
#process_asso ul {list-style:none; margin:10px 0 0 12px; font-size:11px; display:inline; padding: 0px 12px }
#process_asso ul li {padding-left:23px; color:#5a5a5a; font-weight:bold; padding-bottom:10px; display:inline; color:#FFF; font-weight:bold; text-transform:uppercase}
#process_asso ul li a {color:#FFF}
#process_asso ul li a:hover {color:#CCC}
#process_asso ul li.selected a {text-decoration:none; color:#555}

/* Tiroir */
#tiroir {height:105px; margin:0 30px; width:920px}
#tiroir .tiroir_box {float:left; margin-top:8px; background: url(../images/box2.png) no-repeat left -276px; width:210px; display:inline;  }
#tiroir .tiroir_box .title {text-align:center; color:#FFFFFF; font-size:10px; font-weight:bold;  margin-top:3px; height:15px;}
#tiroir .tiroir_box .content {background: url(../images/box2.png); height:69px; width:210px; font-family:tahoma}
#tiroir .tiroir_box_1 {margin-left:22px}
#tiroir .tiroir_box_1 .content {background-position: left -69px;}
#tiroir .tiroir_box_2 {margin-left:12px}
#tiroir .tiroir_box_2 .content {background-position: left 0px;}
#tiroir .tiroir_box_3 {margin-left:12px}
#tiroir .tiroir_box_3 .content {background-position: left -138px;}
#tiroir .tiroir_box_4 {margin-left:12px}
#tiroir .tiroir_box_4 .content {background-position: left -207px;}
#tiroir .tiroir_box .content .content_liens {font-size:10px; text-align:right; width:200px; margin-right:10px; margin-top:2Px; }
#tiroir .tiroir_box .content .content_content {height:47px; color:#FFFFFF; font-size:10px; width:198px; margin-left:5px; font-size:10px; line-height:13px;}
#tiroir .tiroir_box .content .content_content div {padding-top:5px;}
#tiroir .tiroir_box .content .content_strong {font-weight:bold; font-size:13px;}
#tiroir .tiroir_chp {width:130px; height:14px; line-height:10px; margin:4px 0; border:2px solid #CCCCCC; background-color:#FFFFFF; color:#666666  }
#tiroir .tiroir_btn {background:url(../images/btn_envoyer.png) no-repeat 0px top; width:36px; height:34px; float:left}
#tiroir .tiroir_btn a {display:block; text-decoration:none; height:34px; }
#tiroir .tiroir_btn:hover {background-position: 0px -34px;}


/* Bloc Best */
.mv_box {width:170px; margin-left:18px; height:85px;}
.mv_box a { text-decoration:none;}
.mv_box_txt {float:right; width:95px; font-weight:bold; }
.mv_box_img {float:left; width:60px;}
.mv_marque {font-size:14px; padding-top:4px;}
.mv_marque a, .mv_somme {color:#5a5a5a;}
.mv_modele {font-size:16px; margin:2px 0 9px 0;}
.mv_modele a {color:#2b2b2b;}
.mv_prix {font-size:20px; color:#ed9219;}
.mv_separateur {width:150px; margin:15px 0 15px 20px}

.mv_prix_asso {font-size:19px; color:#000; margin-top:7px}
.mv_box_txt_asso {float:right; width:85px; font-weight:bold;  }
.mv_box_img_asso {float:left; width:70px;background-color:#CCC;}
.mv_somme {font-size:14px; padding-top:0px;}
.mv_link_asso {font-size:10px; text-align:center; margin-top:5px }
.mv_link_asso  a {color:#666; text-decoration:underline;}

/* Presse */
#presse {margin:10px 0; height:211px; background:url(../images/Revue.jpg)}
#presse_body { padding:10px 0 0 10px; width:960px; height:191px;}
#presse_body #presse_titre {float:left; width:440px; height:35px; font-size:22px; color:#323232; font-weight:bold; margin:8px 0 0 0px; padding-left:18px}
#presse_body #presse_lien {float:right; width:200px; height:35px; font-size:10px; text-align:right; margin:14px 0px 0 0px; font-weight:bold; padding-right:15px;}
#presse_body .article_info {width:150px; float:left; margin-left:20px; height:120px; text-align:left; display:inline; }
#presse_body .article_content {width:480px; float:left; padding-right:15px; height:120px}
#presse_body .article_titre {margin-bottom:5px; height:15px;}
#presse_body .article_desc {width:485px; height:38px;}
#presse_body .article_lien {text-align:right; font-size:10px; font-weight:Bold}
#presse_body .article_info_logo {height:47px; margin-top:10px}
#presse_body .article_separator { width:1px; float:left; height:175px;background-color:#666; margin-left:8px; margin-top:15px}
#presse_body .article_titre a {color:#333; text-decoration:none;}
#presse_body .article_titre a:hover {color:#333; text-decoration:underline;}

.presse_liens {font-size:14px; color:#323232; font-weight:bold; text-align:left; margin-top:5px}
.presse_liens a {color:#323232; text-decoration:underline;}
.presse_liens a:hover {color:#5a5a5a}

/* Bloc Asso */
.bloc_assoce {background:url('../images/bg_logasso.png') left top; margin-top:10px; height:81px;   }
.bloc_assoce a {color:#FFF; font-size:10px}


/* Footer */
#footer {margin:10px 0; background:url(../images/main_border.png) no-repeat left -26px; height:39px; width:980px; padding-top:1px}
#footer .liens {font-size:10px; color:#323232; font-weight:bold; text-align:center; margin-top:5px}
#footer .liens a {color:#323232; text-decoration:underline;}
#footer .liens a:hover {color:#5a5a5a}
#footer .copyright {font-family:Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#5a5a5a; margin-top:5px; text-align:center}


/* Tabulations */
.tabulation {font-size:11px; color:#666666;}
.tab_haut { margin:20px 0 5px; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.tab_bas { margin:5px 0 10px; border-top:1px solid #dddddd; padding-top:3px;}
.tabulation .tab_gauche {float:left}
.tabulation .tab_droite {float:right}
.tabulation a {color:#666666}
.tabulation a:hover {color:#666666}
.tabulation a.selected { text-decoration:none; font-weight:bold;}
.tabulation a.selected:hover {text-decoration:none; font-weight:bold;}


/* Blocs */
.bloc {float:left; margin:4px}
.bloc_brand {float:left; text-align:center; margin:10px 25px 10px 25px; border:6px solid #eeeeee; display:inline;}
.bloc_brand:hover {border:6px solid #ff9900}

.bloc_model {float:left; width:159px; text-align:center; border:1px solid #dddddd; margin:7px;  background-color:#FFF; display:inline}
 .bloc_model_img, .estimate_img {margin:12px auto 8px auto}
 .bloc_model_brand, .estimate_brand {margin-bottom:1px; color:#888; font-size:11px}
 .bloc_model_model, .estimate_model {font-weight:bold; font-size:14px; margin-bottom:7px; color:#434343}
 .bloc_model_model a { text-decoration:none; color:#434343}
 .bloc_model_model a:hover { color:#999}

.bloc_model .bloc_model_price {background-color:#dddddd; height:34px}
.bloc_model .bloc_model_price_g {float:left; width:100px; margin:11px 0 0 20px; text-align:left; font-size:12px; font-weight:bold; display:inline }
.bloc_model .bloc_model_price_d {float:right; background:url(../images/box_puces.gif); height:27px; width:27px; margin:4px 4px 0 0; display:inline; }
.bloc_model .bloc_model_price_d a { text-decoration:none; height:27px}
.bloc_model:hover .bloc_model_price_d {background:url(../images/box_puces.gif) -27px 0; }

.bloc_model .bloc_model_price_d.recyclage {background-position: left -27px; }
.bloc_model:hover .bloc_model_price_d.recyclage {background-position: -27px -27px; }
.bloc_model .bloc_model_price_g.recyclage {color:#71bc2c;}

.bloc_asso {float:left; width:222px; text-align:center; border:1px solid #dddddd; margin-top:7px; margin-bottom:7px;  background-color:#ddd; display:inline; -moz-border-radius:10px 10px 0 0;}
.bloc_asso.gauche { margin-left:0px; margin-right:13px; }
.bloc_asso.droite { margin-left:13px; margin-right:0px; }
.bloc_asso_titre {height:38px; font-size:13px;  font-weight:bold;}
.bloc_asso_titre a {text-decoration:none; color:#000;}
.bloc_asso:hover .bloc_asso_titre a {text-decoration:underline; color:#333;}
.bloc_asso_image {height:90px; background-color:white;}
.bloc_asso_montant {background-color:#fff; font-size:12px; padding-bottom:5px;}
.bloc_asso_btn {background-color:#f6f6f6; padding:7px 0 5px 0; text-align:center}

/* Listes colonne */
ul.liste_points {list-style:none; padding:0; margin:0 0 0 16px; font-size:11px}
ul.liste_points li {background:url(../images/puce_noire.gif) no-repeat; padding-left:23px; color:#5a5a5a; font-weight:bold; padding-bottom:10px}
ul.liste_points li.faq_question {background:url(../images/puce_faq_q.png) no-repeat; color:#323131; font-size:12Px }
ul.liste_points li.faq_reponse {background:url(../images/puce_faq_r.png) no-repeat; font-weight:normal; color:#5a5a5a; font-size:12px}
ul.liste_points li.faq_sep { padding:0; margin:0 0 10px 0; height:1px; font-size:1Px; line-height:1px; background:none; background-color:#dddddd}


/* Messages Informatifs */
#messages {background-color:#faebe7; margin:10px 10px 0 10px; padding:4px; }
#messages ul { border:0; margin:0 0 0 20px; padding:0 }
#messages li { min-height:15px; margin-bottom:0px; padding:0px 4px 2px 0px; font-size:11px; font-weight:bold ; list-style:none; }
#messages ul li { margin:0 0 3px 0; border:0; padding:0; }
#messages.messages_form { margin:5px 0}

.error-msg { border:1px solid #f16048; color:#df280a; background:#faebe7 url(../images/error_msg_icon.gif) no-repeat 4px 4px; }
.success-msg { border:1px solid #95a486; color:#3d6611; background:#eff5ea url(../images/success_msg_icon.gif) no-repeat 4px 4px; }
.notice-msg { border:1px solid #ffd967; background:#fffbf0 url(../images/note_msg_icon.gif) no-repeat 4px 4px; color:#3d6611; }
.warning-msg { border:1px solid #666e73; background:#e6e6e6 url(../images/warning_msg_icon.gif) no-repeat 4px 4px; color:green; }


/* Boutons */
.bouton {width:140px; height:34px; margin:10px auto; text-align:center }
.bouton a div { padding:9px 0 0 29px;}
.bouton a { display:block; height:34px; text-decoration:none; color:#fff; font-weight:bold}
.bouton a:hover { color:#eaaa2f}
.btn_calcul {background:url(../images/btn_calcul.png) left -34px}
.btn_calcul:hover { background-position : left 0px}
.btn_suivant {background:url(../images/btn_calcul.png) left -102px}
.btn_suivant:hover {background-position: left -68px}
.btn_print {background:url(../images/btn_calcul.png) left -170px}
.btn_print:hover {background-position: left -136px}
.btn_ajouter {background:url(../images/btn_ajout_tel.png) left -34px; width:212px}
.btn_ajouter a div {padding:9px 0 0 0;}
.btn_ajouter:hover {background-position: left 0px}

.bouton_soutenir { background:url(../images/btn_soutenir.png) left 26px; height:26px; width:191px; text-align:center; margin:0 0 0 15px;  color:#FFF }
.bouton_soutenir:hover {background-position: left top; color:#eaaa2f}

#with li {background-color: #cde;}
#without li {background-color: #ced;}

/* Panier */
.panier_ligne, .mini_panier_ligne, .panier_ligne_info, .panier_ligne_cgv {background-color:#FFFFFF; border:1px solid #dddddd; border-width:1px 0 1px 0; height:80px; margin-bottom:5px}
.panier_ligne:hover {background-color:#eee}
.panier_img, .mini_panier_img {float:left; width:80px; margin:10px 10px 0 10px; text-align:center}
.panier_noms {float:left; width:150px; margin:22px 10px 0 0}
.panier_attributs {float:left; width:270px; background-color:#FFFFFF; border:1px solid #ddd; margin:20px 0 0 0; height:40px; font-size:11px}
.panier_attributs_l1 {padding:5px 0 4px 10px}
.panier_attributs_l2 {padding-left:10px}
.panier_suppr {float:right; width:30px; margin:25px 10px 0 35px}
.panier_prix, .mini_panier_prix {float:right; width:80px; text-align:right; margin:32px 0 0 0; font-weight:bold; font-size:15px; color:#ed9219}
.panier_total, .mini_panier_total {background-color:#dddddd; height:30px}
.panier_total_prix, .mini_panier_total_prix {float:right; width:200px; margin-right:75px;  font-weight:bold; font-size:15px; color:#ed9219; padding-top:5px; text-align:right}
.panier_ligne_info {height:auto; margin-bottom:0px; padding:10px 10px 0 10px; line-height:22px; font-size:12px; color:#434343}
.panier_ligne_cgv {height:auto; margin-bottom:0px; padding:10px 10px 10px 10px; line-height:22px; font-size:12px; color:#434343; height:47px;}

.asso_partage {height:auto; margin-bottom:0px; padding:15px 10px 10px 10px; line-height:22px; font-size:12px; color:#434343; }


/* Mini Panier */
.mini_panier_total { height:22px}
.mini_panier_total_prix { margin-right:20px; font-size:12px;}
.mini_panier_ligne {height:auto; margin-bottom:2px}
.mini_panier_img {margin:5px; width:50px}
.mini_panier_noms {float:left; width:225px; margin:10px 0 0 0;}
.mini_estimate_brand { font-size:12px;}
.mini_panier_acc {float:left; margin:5px 0 0 0; font-size:11px; color:#666;  width:300px}
.mini_panier_acc span {font-weight:bold;background-color:#444; }
.mini_panier_prix {margin:10px 20px 0 0; font-size:12px;}
.mini_panier_etat {font-size:10px;  color:#666666}
.mini_panier_total_nb {float:left; margin:5px 20px; font-size:11px;}

/* Panier confirmation IMEI */
.panier_imei {float:left; width:360px; background-color:#FFFFFF; border:1px solid #ddd; margin:15px 0 10px 0; height:50px}
.panier_imei_field_name {float:left; padding:20px 5px 10px 10px; font-weight:bold; font-size:12px; color:#434343}
.panier_imei_field {float:left; padding:10px 5px 5px 5px}
.panier_imei_field_input {border:1px solid #ddd; font-size:14px; width:160px; margin:0; float:left; padding:5px 5px 5px 5px}
.panier_imei_field_input:focus {border-color: #aaa; background-color: #FFCC66;}


/* Formulaire */
.chp_form {border:1px solid #CCC; width:200px; margin:0px 0px 0 0px}
.form_cadre{background-color:#FFFFFF; border:1px solid #dddddd; border-width:1px 0 1px 0; margin-bottom:5px; padding-bottom:15px}
.form_cadre_l1A, .form_cadre_l1U {float:left; margin:15px 0 0 30px ; width:300px; display:inline;}
.form_cadre_l1A_requis {float:left; margin:15px 0 0 3px; width:120px; display:inline;}
.form_cadre_l1B {float:left; margin:15px 0 0 20px; display:inline;}
.form_cadre_l1B_requis {float:left; margin:15px 0 0 3px; display:inline;}
.form_cadre_l2A {margin:0 0 0 30px; width:300px; float:left; display:inline; }
.form_cadre_l2B {margin:0 0 0 20px; width:150px; float:left; display:inline; }
.form_mdpo {margin:4px 0 10px 350Px; text-align:right; width:200px; font-size:10px}
.form_mdpo a {}
.form_champ_requis_A {float:left; margin:15px 0 0 30px; font-weight:bold;}
.form_champ_requis_B {float:left; margin:15px 0 0 193px; font-weight:bold; color:#ff0000; display:inline;}
.form_champ_requis_desc {float:left; margin:15px 0 0 3px; font-style:italic; color:#999999; display:inline;}

.form_cadre input:focus {border-color:#35829a;}
.form_cadre textarea:focus {border-color:#35829a;}
#imei_chp:focus {border-color:#35829a;}



.form_cadre_l1U {width:420px;}

.cadre_texte {background-color:#FFFFFF; border:1px solid #dddddd; border-width:1px 0 1px 0; margin-bottom:5px;}
.cadre_texte_txt {padding:10px 0 0 10px;}

/* Box */

#box_asso {height:145px;}
#box_asso .asso_logo {height:80px; text-align:center;}
#box_asso .asso_desc {width:170px; margin-left:10px; font-size:10px; text-align:center; margin-top:8px }
#box_asso .asso_desc a {text-decoration:none; color:#0170b5;}
#box_asso .asso_desc a:hover {text-decoration:none; color:#999;}
.asso_revenue_frame {margin:10px 0 10px 19px; border: 1px solid #d9d9d9; width:150px; height:20px; background-color:#FFF; vertical-align:middle}
.asso_revenue_amount {float:left; width:105px; display:inline; margin-left:8px; color:#0170b5; font-weight:bold; margin-top:2px}
.asso_revenue_amount span {font-weight:normal}
.asso_revenu_amount_img {float:left; width:20px; display:inline; margin-left:10px}
.asso_revenu_amount_img img {margin-top:4px; margin-left:0px}
.box_asso_more {font-size:10px; text-align: center}
.box_asso_more a {color:#666}
#box_inscrire_assoce a {text-decoration:none; color:#0170b5;}


/* Page d'information */
.title1 {font-size:18px; padding-top:10px; padding-bottom:15px; text-transform:uppercase; font-weight:bold; }
.title2 {font-size:16px; padding-top:20px; padding-bottom:10px;  color:#333; text-transform:uppercase; font-weight:bold; }
.title3, .faq_question a {font-weight:bold; font-size:15px; padding-top:2px; color:#B27A16; margin-bottom:5px}
.faq_question a {text-decoration: none}
.faq_question_toc a {font-weight:bold; font-size:15px; color:#B27A16; text-decoration: none}

.texte_information, .faq_reponse {font-size:13px; color:#333}
.texte_information2 {font-size:12px; padding-top:2px; color:#444}
.faq_reponse a {color:#B27A16}
.faq_reponse a:hover {color:#333}
.logo_partenaire td {padding: 5px; vertical-align:middle; font-size:13px; color:#333}


.faq_question {background:url(../images/puce_faq_q.png) no-repeat left 4px; padding-left:25px; margin-left:10px; padding-bottom:5px; margin-top:10px}
.faq_reponse {background:url(../images/puce_faq_r.png) no-repeat 2px 0px; padding-left:25px; margin-left:10px; padding-bottom:5px}

/* Navigation */
.nav_lien {margin-bottom:15px; margin-top:3px;}
.nav_lien a {text-decoration:underline; color:#888; }
.nav_lien a:hover {color:#000; }


.highlight {font-weight:bold;}

.esp_logo {width:300px; float:right; display: inline; margin:15px 5px 0px 0; text-align:right;}
.esp_logo_load {width:32px; float:right; display:inline; margin:5px 5px 0 0px; }
.btn_upload {height:16px; text-align:center; border:1px solid #999; background-color:#f6f6f6; cursor: pointer; padding:0 5px}
#upload.hover, #upload_statuts.hover, #upload_ID.hover {background-color:#E0E0E0; color:#000; border-color:#999}

/* Asso Fichiers */
.asso_fichiers {list-style:none; font-size:12Px; margin:0; padding:0}
.asso_fichiers img {margin-bottom:-4px; }
.asso_fichiers li a {color:#999; text-decoration:none}
.asso_fichiers li a:hover {text-decoration:underline}

.tableau_paiements {border: 1px solid #999999; width: 100%; border-collapse: collapse }
.tableau_paiements .toprow { font-weight:bold; border: 1px solid #999999; padding: 5px; background-color: #dddddd; }
.tableau_paiements .toprow td { font-weight:bold; border: 1px solid #999999; padding: 5px; background-color: #dddddd; }
.tableau_paiements .main td {border: 1px solid #999999; padding: 5px; background-color: #fff; }
.tableau_paiements .bottomrow td { font-weight:bold; border: 1px solid #999999; padding: 5px; background-color: #999999; font-weight:bold }
.tableau_paiements .right {text-align:right}

/* Module IMEI */
#module_IMEI {border: 1px solid #CCC; background-color: #FFF; margin-top:30px; overflow: auto}
#module_IMEI #module_IMEI_Title {background-color:#7EB1E0; font-weight:bold; padding:5px; text-align:center}
#modele_IMEI_Error {background-color:#FAEBE7; padding:5px; display:none; margin:10px; border:1px solid #FE0000; color:#FE0000;}
.module_imei_img {float:left; width:70px; padding:10px 0 0px 25px; display:inline}

/* Accueil Box */
.asso_index_box {background-color:#fff; border:1px solid #CCC; margin-top:10px}
.asso_index_box_title {text-align:left; font-weight:bold; font-size:14px; padding:5px; color:#000; background-color:#CCC; border:1px solid #FFF }
.asso_index_box_ligne {background-color:#FFF; border-top:1px solid #CCC; padding:3Px 0 3px 5px;}

.input_copy {border:1px solid #CCC; background-color:#DDD}
.input_copy:focus {background-color:#CCC}



/* popup */
div #popup_mxt_cadre
{
	position: fixed;
	top: 150px;
	left: 250px;
}

#popup_mxt
{
	background-color: transparent;
	background-image: url('img/opacite.png');
}

#popup_mxt_cadre
{
    border: 2px solid #2766ba;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    -khtml-border-radius: 5px ;
    border-radius: 5px ;
	background-color: #FFFFFF;
	background-image: url('img/fond_popup.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width: 422px;
	padding:0px;
	color: #5b5b5b;
}

#popup_mxt_content
{
	margin:10px;
	text-align:left;
}
#popup_mxt_content li
{
	margin-bottom:5px;
}

#popup_mxt_cadre_bottom
{
	width:100%;
	height:32px;
	background-image:url('img/fond_popup.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 100%;
}

#popup_mxt_button
{
	height:18px;
	width:186px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px ;
    -khtml-border-radius: 5px ;
    border-radius: 5px ;
	background-color:#2766ba;
	background-image:url('img/button_popup.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	color:#FFFFFF;
	text-weight:bold;
	padding-top:5px;
}

.unvalidinput
{
	background-color:#EE8888;
}