@import url("common.css");
/* gc */
@import url("correctif_gestionnaire.css");

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:12px Arial, helvetica, sans-serif;
}

.gris {color:#6b6b6b !important}
.gris-c{color:#888 !important}
.gris-f{color:#666 !important}

img {border:none}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#ededed}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

a.underReverse{text-decoration:underline}
a.underReverse:hover{text-decoration:none}

ul li a{height:1%}



/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:#333 url(../img/couleur/bg.gif) repeat-x;text-align:center;}
#pageExtranet{background:#333 url(../img/extranet/bg_top.gif) repeat-x;text-align:center;}
#top{height:29px;padding-top:4px;background:url(../img/couleur/bg_top.gif) no-repeat 0 0}
#pageExtranet #top{background-image:url(../img/extranet/bg_top_e.gif)}
#pageExtranet #top a.padding-left5{position:relative;padding-bottom:2px;top:2px;}
#pageExtranet #top a.padding-left5:hover{background:#7D7D7D;}

#header{height:130px;position:relative;}
#coin{position:absolute;top:0;left:472px;z-index:10}
h1{margin-right:20px;}

.conteneur {
  width:980px;
  text-align:left;
  margin:0px auto 0px auto;
}

form#recherche{float:right;margin-right:5px;height:26px;background:url(../img/couleur/bg_recherche.gif) no-repeat}
form#recherche input{vertical-align:middle;}
form#recherche input.texte{margin-left:5px;padding:0 10px;width:140px;border:none;background:#b50f1b;color:#f4f4f4;font-size:11px;}

#pageExtranet #top form#recherche{background:url(../img/extranet/bg_recherche.gif) no-repeat}
#pageExtranet #top form#recherche{margin-right:25px}
#pageExtranet #top form#recherche input.texte{background:#2a2a2a;color:#fff;}

#top ul{margin:5px 0 0 5px}
#top ul li{display:inline;color:#fff;font-size:14px;}
#top ul li a{padding-bottom:8px;color:#fff;}
#top ul li a:hover,#top ul li a.actif{background:url(../img/squelette/puce_ul.gif) no-repeat bottom center;}

#pannel{position:relative;width:200px;float:left;padding:10px 0 0 5px;color:#666}
#pannel h2{font-size:18px;margin-bottom:5px;padding-left:5px}
#pannel input.texte{margin-bottom:3px;background:#f6f6f6;border:1px #f0efef solid;padding:3px 5px;color:#888;width:190px;}
#pannel a{font-size:11px;color:#666;margin-right:10px;}
#pannel a:hover{text-decoration:underline}

/* message erreur */

.errorId,.erreurId,.okId{font-weight:bold;margin-left:5px;z-index:10;position:absolute;top:5px;left:0;width:200px;padding:7px 0;text-align:center;background:#E43441;color:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.okId{background:#2dbc26}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

#fondBlanc{background:#fff;margin-top:7px;}

#derDocs,#derOccasions,#magasin{float:left;height:205px}
#derDocs h2,#derOccasions h2,#magasin h2{padding:15px 0 10px 10px;line-height:12px}
#derDocs,#derOccasions{width:325px;background:#f6f6f6;color:#666}
#magasin{width:330px;color:#fff}

#derDocs a.onglets,#derOccasions a.onglets{position:relative;margin-bottom:3px;padding:8px 0 0 35px;height:23px;color:#666;display:block;background:url(../img/squelette/onglets.gif) no-repeat 0 0}
#derDocs a.onglets,#derOccasions a.onglets{margin-left:4px}
#derDocs a.onglets:hover{background-position:0 -31px}
#derOccasions a.onglets{background-position:0 -62px}
#derOccasions a.onglets:hover{background-position:0 -93px}
#derDocs a.onglets img,#derOccasions a.onglets img{position:absolute;top:4px;left:5px;border:1px #fff solid}

#form_magasin{padding:3px 0 0 25px;margin:0 0 10px 11px;background:url(../img/couleur/bg_departement.gif) no-repeat 0 0}
#form_magasin input.texte{font-weight:bold;font-size:13px;text-align:center;margin:0 15px 0 20px;background:#c0212c;color:#fff;border:none;padding:6px 7px 8px 7px;width:30px;}
#form_magasin p.pad1{padding-top:6px;}
#form_magasin p.pad2{padding-top:2px;}

#activites{position:relative;width:612px;height:337px;float:left;}
#infosSociete{position:relative;height:337px;float:left;width:368px;background:url(../img/couleur/bg_societe.gif) no-repeat top left}
#infosSociete p.baseline{padding:23px 20px 5px 28px;color:#666}
#infosSociete p.marges2{padding:0px 20px 0 28px}

#activites #navActivites{z-index:12;position:absolute;bottom:9px;right:13px;text-align:right}
#activites #defileActivites{width:612px;height:337px;overflow:hidden;position:relative;}
/*#activites #defileActivites div a{position:absolute;bottom:30px;right:10px;display:block;width:120px;text-align:center;padding:5px 0;color:#666;background:url(../img/couleur/bg_defile.png) no-repeat left 0;z-index:20}
#activites #defileActivites div a:hover{background-position:left -25px;color:#fff;}*/

#activites #defileActivites p.punchline{z-index:15;position:absolute;background:url(../img/accueilDefile/bg_fleche.png) no-repeat top right;font-size:26px;padding:6px 45px 9px 20px;color:#fff;left:0;top:83px;}


/* puce defilement */
#activites #navActivites a{display:block;float:left;margin-right:3px;width:10px;height:10px;background:url(../img/squelette/puce_defile.png) no-repeat 0 -12px;font-size:0px;color:#bfbfbf}
#activites #navActivites a:hover,#activites #navActivites a.activeSlide{background-position:0 0;color:#fff}
/* */

#infosSociete #defile{margin-left:46px;position:absolute;height:120px;bottom:0}

#basAccueil{padding-bottom:25px;color:#888;background:#fff url(../img/squelette/bg_basAccueil.gif) repeat-x}
#last{width:368px;float:left;}
#actus{float:right;width:612px;background:url(../img/squelette/bg_actus.gif) no-repeat 0 0;}

#basAccueil h2{padding:15px 10px 10px 15px;color:#888;font-size:18px;}

a.ong{padding:7px 0 0 7px;width:333px;margin:0 0 3px 8px;display:block;background:url(../img/couleur/bg_ong.gif) no-repeat 0 -29px;height:22px;color:#6f6f6f}
a.ong:hover{color:#fff;background-position:0 0}
h2.lh{line-height:11px;margin-top:20px}

div#last_actu{width:564px;margin-left:12px}
div#last_actu p{color:#666;line-height:16px;padding-bottom:3px;text-align:justify}
div#last_actu div.autre_actu p{text-align:left;}
div#last_actu a img.visu{border:5px #c1c1c1 solid;float:left;margin-right:10px;}

div#titreDesActus form input.texte{padding:4px 7px;font-size:11px;font-family:"Trebuchet MS",arial,sans serif !important;background:url("custom-theme/images/ui-bg_glass_75_34b1d2_1x400.png") repeat-x scroll 50% 50% #F5F0E8;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid #E2E2E2;}

div#titreDesActus form{width:315px;}
div#titreDesActus form input{vertical-align:middle}
div#titreDesActus form input.posRet{position:relative;left:-2px;}
div#titreDesActus form p{float:left;}

div#last_actu hr{height:5px;border:none;border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;margin:15px 0}
div#last_actu div.autre_actu{margin-bottom:10px;width:260px;}
div#last_actu div.bd, div#last_actu div.right{padding:10px; background: #f6f6f6}

img.bb1{border:1px #f5f5f5 solid;}

hr.bbb{height:5px;border:none;border-top:1px #ddd solid;border-bottom:1px #e3e3e3 solid;margin:15px 0}

div#defileTirage{width:329px;height:188px;margin-left:10px}


/**********************************************************************************************
 *************************** CONTENU *************************
 **********************************************************************************************/

#contenu,#extranet{margin-top:7px;background:url(../img/couleur/bg_contenu.gif) repeat-x top}
#extranet{background-image:url(../img/extranet/bg.gif)}
#affContenu{padding-bottom:15px;background:url(../img/squelette/bg_aff_contenu.gif) repeat-y top}

#menusContenu,#menusContenuMag{background:url(../img/couleur/top_col_gauche.gif) no-repeat top left;width:245px;float:left;}
#menusContenuMag{background-image:url(../img/couleur/top_col_gauche_c.gif)}
#extranet #menusContenu{background-image:url(../img/extranet/bg_menu.gif)}
#affichageContenu,#affichageForum{width:735px;float:right; background:#e42b38;}
.txt.deplace p {color:#fff !important;}
#affichageForum .paddingContenu{padding-top:25px}

#affichageContenu h3,#affichageForum h3.except{font-size:18px;color:#fff;background:url(../img/couleur/titre_page.gif) no-repeat;padding:13px 0 20px 15px}
#affichageContenu .titreFil,#affichageForum .titreFil{padding-bottom:6px;font-size:13px;color:#666;background:#E3E3E3 url(../img/couleur/titre_page_fil.gif) no-repeat;min-height:87px;height:auto !important;height:87px;}
#affichageContenu #moteurDestock{padding-top:10px;background:#E3E3E3 url(../img/extranet/bgdestock.gif) no-repeat top left;}
#affichageContenu .filTitre,#affichageForum .filTitre{background-image:url(../img/couleur/titre_page_fil2.gif)}
#affichageContenu .titreFil a,#affichageForum .titreFil a{color:#666;text-decoration:none}
#affichageContenu .titreFil a:hover,#affichageContenu .titreFil a.actif,#affichageForum .titreFil a:hover,#affichageForum .titreFil a.actif{text-decoration:underline}
#affichageContenu .titreFil h3{background:none}
#affichageContenu .titreFil h4{padding-top:5px;background:none;font-size:18px;padding-left:17px;}
#affichageContenu .filTitre h3{padding-bottom:18px}

#affichageContenu .filTitre h3.font26{padding-top:7px;padding-bottom:16px}

div.ligneTheme{background:url(../img/documents/bg_theme.gif) no-repeat 0 48px}
div.g_thematiques h3,div.g_magasin h3{padding-left:5px;font-size:16px;margin-top:5px;margin-left:5px;margin-bottom:17px}
div.g_thematiques p{margin-bottom:20px;font-size:11px;padding-left:12px;}

div.g_magasin h3{margin-bottom:5px}
div.g_magasin form{font-size:12px;margin:4px;background:#f6f6f6;padding:7px 5px 10px 5px;}
div.g_magasin input{vertical-align:middle;margin-top:7px}
div.g_magasin input.texte{height:38px;width:160px;background:#d3d2d3;border:none;color:#666;padding-right:10px;text-align:right;font-size:14px;font-weight:bold}

#affichageContenu .titreFil p.thematique a.actif{background:#e42b38;color:#fff;padding:3px;text-decoration:none}


#extranet #affichageContenu h3,#extranet #affichageForum h3.except{background-image:url(../img/extranet/titre_page.gif)}
.padMenu{color:#666;font-size:14px;padding:20px 0 7px 0;}
.padMenu ul.m_gauche{margin:0 3px;}
.padMenu ul.m_gauche li{list-style:none}
.padMenu ul.m_gauche li a{display:block;color:#666;padding:5px 5px 5px 10px;border-bottom:1px #eee solid}
.padMenu ul.m_gauche ul.dev{background:#f6f6f6;padding:7px 5px 10px 5px;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.padMenu ul.m_gauche ul.dev li a{border:none;background:url(../img/couleur/plus.gif) no-repeat 5px -3px;color:#888;padding-left:22px;font-size:12px}
.padMenu ul.m_gauche ul.dev li a:hover,.padMenu ul.m_gauche ul.dev li a.actif{background-position:5px -40px;}

.padMenu ul.m_gauche ul.dev ul.dev2{margin:3px 3px 3px 17px;background:#eee;}
.padMenu ul.m_gauche ul.dev ul.dev2 li a{border-top:1px #ddd solid;background:#eee;padding:5px 5px 5px 5px;color:#666;}

p.encarts{margin:7px 0 0 2px}

div.ariane{background:#e3e3e3;padding:0 0 10px 10px;color:#666}
div.ariane p a{color:#666;text-decoration:none}

div#login{position:relative;background:#f6f6f6;padding:10px 10px 5px 10px;color:#666;border:1px #efeeee solid}
div#login a#deco img{position:absolute;right:5px;top:0px;}
div#login a#deco{margin:0}

a#modifCompte{background:#e8e9ea url(../img/extranet/bg_btn.gif) no-repeat top right;width:140px;display:block;padding:5px;}

div.compte p a.sup,a.add{display:block;width:120px;margin-top:7px;padding:5px;background:#e3e3e3;position:relative;top:10px;color:#666;border:1px #ccc solid;}
div.compte p a.sup:hover,a.add:hover{background:#e52b38;color:#fff;border-color:#e52b38;}
div.compte p a.sup span,a.add span{display:block;float:right;padding:0 3px 0 7px}

a.add{margin-top:-10px;float:right;width:160px}


.paddingContenu .ui-helper-reset{}

/**********************************************************************************************
 *************************** EXTRANET *************************
 **********************************************************************************************/

div.extras h4,div.paddingContenu h4{margin:5px 0;text-transform:uppercase;font-size:16px;color:#666}
div#titreDesActus{margin-top:20px;}
div#titreDesActus hr{margin-top:0}
div.paddingContenu div#titreDesActus h4{float:left;margin:0;width:350px; color:#fff;}
div.paddingContenu h4.bb{padding-bottom:5px;margin-bottom:15px;border-bottom:1px #e3e3e3 solid}
div.paddingContenu h4.hr{margin:20px 0 0 0}
div#cell_doc a,div#cell_doc_1col a{margin:0 5px 5px 0;display:block;float:left;width:320px;padding:10px;background:#f0f0f1;color:#666}
div#cell_doc img,div#cell_doc_1col img{border:1px #f0f0f1 solid}
div#cell_doc_1col a{background:#f6f6f6;border-bottom:1px #e3e3e3 solid;margin-bottom:0px;width:675px}
div#cell_doc_1col a span{display:block;padding-top:7px}
div#cell_doc_1col a span.inline,div#cell_doc_1col a span.bold{display:inline;padding-top:0}

div#encartInfo{margin-bottom:15px;border-top:1px #f0f0f1 solid;border-bottom:1px #f0f0f1 solid;color:#666}
div#encartInfo p{padding:10px 0 10px 40px;text-align:left;background:url(../img/documents/adobe-reader3.gif) no-repeat 10px center;}
div#encartInfo a{color:#e42b38;font-weight:bold;}
div#encartInfo a:hover{text-decoration:underline}

.paddingContenu .doc a {
    background: #dbdbdb url("../img/gestionnaire/bg_doc.gif") no-repeat;
	display:block;
	padding:17px 17px 17px 60px;
	color:#666;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	margin-top:15px;
}
.paddingContenu .doc a:hover{text-decoration:underline;color:#e42b38;}

a.tous{margin-bottom:15px;padding:6px 0 0 30px;color:#fff;display:block;float:right;height:21px;width:370px;background:url(../img/couleur/bg_tous.gif) no-repeat 0 0}
a.tous:hover{background:url(../img/couleur/bg_tous.gif) no-repeat 0 -27px}

div.bgCoin{background:url(../img/extranet/bg_coin.gif) no-repeat top left}

ul.autres_actus{padding:10px;width:205px;}
ul.autres_actus li{margin-bottom:7px;list-style:none}
ul.autres_actus li a{background:url(../img/footer/puce.gif) no-repeat 0 5px;padding-left:10px;color:#6b6b6d;text-decoration:none}
ul.autres_actus li a:hover{text-decoration:underline}


div#extra_actus{border-bottom:1px #e6e6e6 solid}

div.paddingContenu{padding:10px 20px; background: #dbdbdb}

div.last_act{float:left;width:100%;}
div.last_act p{color:#e6e6e6;padding:20px 10px 10px 0;}
div.last_act p.bb{border-bottom:1px #e6e6e6 solid; font-size: 1.3em;}
div.last_act p a{text-decoration:underline;font-style:italic;color:#666}
div.last_act p a:hover{text-decoration:none}
.bg-rouge { background: #e43441 !important; }

div.liens_fleche a{height:24px;color:#666;padding:7px 0 0 7px;display:block;float:left;width:215px;background:#e8e9ea url(../img/extranet/bg_fleche.gif) no-repeat right 0;margin:0 7px 7px 0;}
div.liens_fleche a:hover{background-color:#545454;color:#fff;background-position:right -31px}

h4.occase{padding-left:25px;background:url(../img/extranet/titre_occase.gif) no-repeat 0 0}
h4.destock{padding:5px 0 5px 28px;background:url(../img/extranet/titre_destock.gif) no-repeat 0 0}
h4.destock span.bg_rouge{margin-right:4px}

/**********************************************************************************************
 *************************** ACTUS - DOC ... *************************
 **********************************************************************************************/

div.paddingContenu #last_actu{width:695px;margin:0}
div.paddingContenu #last_actu div.autre_actu{width:325px;}
div.paddingContenu #last_actu div.archives{width:695px;}

div.paddingContenu div#document_consult{width:640px;margin:0}
div#document_consult{width:564px;margin-left:12px}
div#document_consult p{color:#666;line-height:16px;padding-bottom:3px;text-align:justify}
div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;}
div#document_consult div.right{width:430px;}
div#document_consult p span a{color:#666;text-decoration:underline}
div#document_consult p span a:hover{text-decoration:none}
div#document_consult div.bg_dl{width:430px;margin-top:15px;}
div#document_consult div.bg_dl p{background:url(../img/documents/bg_dl.gif) no-repeat top left;padding:14px 0 14px 10px}
div#document_consult p a:hover{text-decoration:none}


div.cell_magasin{background:#f0f0f1;padding:20px;margin-bottom:20px;border:1px #ddd solid;box-sizing:border-box;}
div.cell_magasin a.btnsite img{margin:6px 6px 0 0}
div.cell_magasin h5{background:#f6f6f6;color:#e43441;height:22px;font-size:16px;padding:10px 10px 7px;border-radius:5px;}
div.cell_magasin h5 span{font-size:20px;}
div.cell_magasin h6{margin:12px 5px 12px 5px;padding-bottom:5px;color:#666;font-size:12px;border-bottom:1px #e3e3e3 solid}

div.cell_magasin div.moitie{color:#666;width:420px;float:left;}
div.cell_magasin div.moitie p.lib{margin-bottom:6px;font-weight:bold;float:left;width:110px;}
div.cell_magasin div.moitie p.info{margin-bottom:6px;float:left;width:310px}

div.cell_magasin img.shop{margin:0 15px 0 0;border:5px #dbdbdb solid;}
div.cell_magasin a.geoloc{background:url(../img/magasin/geoloc.gif) no-repeat 0 center;padding-left:15px;color:#666;text-decoration:underline;}
div.cell_magasin a.geoloc:hover{color:#e42b38}

div.cell_magasin a.contact{padding:2px 5px;background:#e42b38;color:#fff;margin-top:10px}
div.cell_magasin a.contact:hover{background:#dbdbdb;color:#666}

#contactMagasin h2{font-weight:normal;font-size:22px;text-align:center;margin:10px 10px 15px;padding:10px;border-radius:6px;color:#fff;background:#e43441}
#contactMagasin img.shop-fiche{display:block;vertical-align:middle;border:8px #eee solid;margin:0 auto 5px;}
#contactMagasin p.adresse{font-size:14px;font-weight:normal;color:#353535}

hr.clear{background:transparent;border:none;height:1px;}

.var-magasin .g_magasin{display:none;}

/* Concessionnaire */
#carteFlash{margin-left:10px}
#carteFlash #carte-flash{margin:25px 0px}
#carteFlash th {padding:4px 8px !important}
#carteFlash a {text-decoration:none; background-color:#F0F0F1; color:#888; padding:6px 0px 2px 10px; display:block}
#carteFlash a.liste {background-color:#940000; color:#fff; padding: 6px; font-weight:bold}
#carteFlash a:hover {background-color:#E3E3E3}

#contactMagasin p{text-align:center;font-size:22px;padding-top:20px;}
.encart_highlight2{text-align:justify;font-size:12px !important;color:#666;padding:15px;background:#e3e3e3;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.encart_highlight2 p{color:#666;margin:0}
h2#mag-titre{background:#e42b38;color:#fff;padding:15px;font-size:26px;}

#menusContenuMag{background:#fff;}
#contactMagasin p{padding-top:5px;}
#contactMagasin p img{margin-top:10px;}

/* refonte menu magasin */
.var-magasin .padMenu ul.m_gauche ul.dev{background:#fff}
.var-magasin .padMenu ul.m_gauche ul.dev li a{background:#f6f6f6;padding:8px 10px 6px;font-size:14px;margin-bottom:3px;border-left:4px #ccc solid;}
.var-magasin .padMenu ul.m_gauche ul.dev li a:hover,.var-magasin .padMenu ul.m_gauche ul.dev li a.actif{background:#e43441;color:#fff;border-color:#b50f1b;}
.var-magasin .padMenu ul.m_gauche ul.dev ul.dev2{background:#f6f6f6;margin:0 0 5px 4px;padding:8px 8px 7px;}
.var-magasin .padMenu ul.m_gauche ul.dev ul.dev2 li a{border:none;border-bottom:1px #ddd solid;}
.var-magasin .padMenu ul.m_gauche ul.dev ul.dev2 li a:hover{background:#e43441;color:#fff;}

.var-magasin #affichageContenu .filTitre{background:#e3e3e3 url(../img/couleur/coinrouge.gif) no-repeat top right;padding:15px 15px 12px 15px;min-height:0}

#derOccasionsCol h2{padding:15px 0 10px 10px;line-height:12px}
#derOccasionsCol{margin:0 4px 8px;color:#666}

#derOccasionsCol a.onglets{margin-bottom:3px;padding:8px 0 0 30px;height:23px;color:#666;display:block;background:url(../img/squelette/bg_colg_occase.gif) no-repeat 0 0}
#derOccasionsCol a.onglets:hover{background-position:0 -31px}

#affichageContenu .titreFil form{padding-left:35px;}
#affichageContenu .titreFil form p{float:left;}
#affichageContenu .titreFil form input.texte{position:relative;top:1px;width:254px;color:#fff;background:#545454;padding:4px 4px 5px 10px;font-size:12px;font-family:arial;border:none}
#affichageContenu .titreFil form select{width:270px;font-size:12px;font-family:arial;}
#affichageContenu .titreFil p.send{position:relative;top:-15px;margin-right:3px;margin-top:2px;float:right;}

#cell_occasion{padding-top:7px;}
#cell_occasion #defilePhoto,#cell_occasion #defile{width:300px;height:206px}
#cell_occasion div#geoOc{height:42px;background:url(../img/occasions/bg_geoloc.gif) no-repeat; margin:0 0 5px 0;padding:5px 10px;}
#cell_occasion div#geoOc h5{padding:5px 0;text-align:left;color:#545454;font-size:12px;font-weight:normal}
#cell_occasion #defile{padding:5px;background:#dbdbdc;position:relative;}
#cell_occasion #gaucheOccasion{float:left;width:310px;}
#cell_occasion div#prix{padding:10px;margin-top:10px;color:#fff;text-align:center;}
#cell_occasion div#prix p.leprix{font-size:24px;}
#cell_occasion div#prix p.neuf{font-size:12px;font-style:italic}
#cell_occasion #defile img#next{position:absolute;top:170px;right:5px}
#cell_occasion #defile img#prev{position:absolute;top:170px;left:5px}
#cell_occasion div.letexte{float:right;width:370px;color:#666;text-align:justify}

#cell_occasion div.letexte ul,#cell_occasion div.letexte ol{border:1px #ddd solid;margin:7px 0;padding:15px;}
#cell_occasion div.letexte ul li,#cell_occasion div.letexte ol li{margin-left:15px;}
#cell_occasion div.letexte a{color:#E43441;font-weight:bold;text-decoration:underline}
#cell_occasion div.letexte a:hover{text-decoration:none}

#cell_occasion hr.clearBB{clear:both;height:5px;border:none;border-top:1px #e3e3e3 solid;border-bottom:1px #e3e3e3 solid;margin:15px 0}
div.paddingContenu div.bb{padding-bottom:5px;margin-bottom:2px;border-bottom:1px #e3e3e3 solid}

div#formADerouler{border-top:1px #e3e3e3 solid;padding-top:15px;display:none}
#cell_occasion div.compte p.donnee textarea{width:450px;height:120px}

div#formADerouler input.send{cursor:pointer;text-align:center;width:424px;height:27px;color:#fff;text-decoration:underline;background:url(../img/couleur/bg_compte.gif) no-repeat 0 0}
div#formADerouler input.send:hover{background-position:0 -27px}

#cell_occasion a#derouleForm,#cell_occasion a.derouleForm{text-align:center;margin-top:15px;background:#545454;color:#fff;padding:7px;display:block;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#cell_occasion a.derouleForm{margin-top:0;margin-bottom:5px}

#formOccase input.texteTitre{width:680px;padding:7px;}
#formOccase a.actionModif,#formOccase a.actionModif:hover,#defileModif p{margin-bottom:2px;display:block;background:#666;color:#fff;padding:5px;text-align:center}


#cell_occasion #defileModif{width:300px;padding:5px;background:#dbdbdc;position:relative;}

#formOccase div.letexte textarea{width:370px;height:250px}

#contentUpload{width:520px;margin-left:138px}
#contentUpload div.compte{width:520px;}

#contentUpload div.compte ul.reclasseOccas li{border:1px #c5c5c5 dashed;margin-bottom:5px;list-style:none;padding:8px;background:#E6E6E6 url(../img/extranet/deplacement.gif) no-repeat}

/**********************************************************************************************
 *************************** COMPTE *************************
 **********************************************************************************************/

div.compte{color:#666;width:695px;border-top:1px #e3e3e3 solid;padding:7px 0}
div.compte p.libelle,div.compte p.libelle2{text-align:right;width:120px;float:left}
div.compte p.libelle2{width:150px;}
div.compte p.libelle label,div.compte p.libelle2 label{position:relative;top:5px;padding-right:7px;color:#666}
div.compte p.donnee{float:left;width:170px;float:left;}
div.compte p.donnee input.texte,div.compte p.donnee textarea{font-family:arial;font-size:12px;background:#e3e3e3;color:#666;padding:5px;border:none;width:160px;}
div.compte p.donnee input.long{width:451px}
div.compte p.donnee textarea{height:40px}
div.compte hr.clear{padding-bottom:3px}
div.compte p.donnee select{width:172px}

form.formCompte p.center{border-top:1px #e3e3e3 solid;padding:7px 0}
form.formCompte input.send{cursor:pointer;text-align:center;width:424px;height:27px;color:#fff;text-decoration:underline;background:url(../img/couleur/bg_compte.gif) no-repeat 0 0}
form.formCompte input.send:hover{background-position:0 -27px}

form.formCompte a img.visu{float:left; margin-left:15px; margin-right:15px; border:4px #e3e3e3 solid;}
form.formCompte a img.visu:hover{border-color:#e42b38;}

div.compte div.compte_gauche{float:left}
div.compte div.compte_droite{float:left;}

#navDoc{border-bottom:1px #dddddd solid}
#navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #dddddd solid}
#navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle}
#navDoc select{width:698px;}
#navDoc img{position:relative;top:1px;}

#treeDoc{color:#666;margin-left:20px;background:url(../img/extranet/tree/ligne_verticale.gif) repeat-y top left}
#treeDoc h5{font-size:14px;padding-bottom:15px;background:#f6f6f6 url(../img/extranet/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#treeDoc p{font-size:11px}

#treeDoc p a{color:#e43441;font-weight:bold}
#treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;}

#treeDoc p.folder{background:url(../img/extranet/tree/folder.gif) no-repeat 0 3px;padding:3px 0 4px 42px}
#treeDoc p.file{background:url(../img/extranet/tree/file.gif) no-repeat 0 3px;padding:3px 0 4px 42px}

#treeDoc hr.clear{height:10px}

/*******************************************************************************/
/* defilement scrollable */
/*******************************************************************************/

/* scrollable espace photo */

#defile{padding:1px;width:274px;color:#888}
#defile div.items div img{margin:0 7px;background:#f5f5f5;padding:5px;}
#defile div.items div{width:274px;}
#defile div.items div div.infosDesc{float:left;width:100px;}

/* override the root element to enable scrolling */
/* everything is constructed with a single background image */
#defile{position:relative;}
#defile img.nav{cursor:pointer;z-index:10;position:absolute;top:35px}
#defile img.prev{left:-39px}
#defile img.next{right:-39px}

/* panes */
#leScroll{width:274px;height:270px;}

/* single pane */
#leScroll div{display:none;}
#leScroll div div.lesPhotos,#leScroll div div.padding10{display:block;float:none}

/* override the root element to enable scrolling */
#leScroll{position:relative; overflow:hidden; clear:both;}

/* override single pane */
#leScroll div{float:left;display:block;font-size:12px;}
/* our additional wrapper element for the items */
#leScroll .items{width:20000em;position:absolute;clear:both;margin:0;padding:0;}
#leScroll .less, #leScroll .less a{color:#999 !important;font-size:11px;}


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}



/**********************************************************************************
************************************************************************************/

/* footer */
#footer{margin-top:7px;padding:15px;text-align:center;background:#ededed;color:#666}
#footer{text-align:left;padding-bottom:20px;}
#footer ul li{list-style:none}
#footer ul li a{background:url(../img/footer/puce.gif) no-repeat 0 5px;padding-left:10px;color:#6b6b6d;text-decoration:none}
#footer p a{text-decoration:none}
#footer ul li a:hover,#footer p a:hover{text-decoration:underline}


/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}


/*** EXTRAS ***/

div.extras .widthExtras{width:695px;}

div#basRound{margin-left:16px;width:695px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:10px 20px}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{text-decoration:underline}
div.extras caption{font-size:11px;color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff;text-decoration:none}
#plan a.titre{font-weight:bold;color:#fff}
#plan a.titre:hover{background:#AE0030;color:#fff}

#plan li.dev a{margin:0 10px;background:#eee;border-bottom:1px #ddd solid;}
#plan li.dev a:hover{background:#fff;color:#e43441;}

/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#666;width:380px;background:#eee;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:6px;}
#formContact textarea{color:#666;width:380px;border:none;background:#eee;font-size:11px;font-family:arial;margin-bottom:5px;padding:6px;}
#formContact input.send{cursor:pointer;font-size:11px;border:none;color:#fff;padding:6px;display:block;width:392px;text-align:center;margin-left:137px;}
#fancybox-title-main{color:#666 !important}



/**********************************************************************************************
 *************************** CHANGEMENT DE COULEUR *************************
 **********************************************************************************************/

.rouge{color:#e43441 !important}
.blanc {color:#ffffff !important;}
.bg_rouge{background:#e43441;padding:0 2px;}
#lastLinks{border-top:3px #e43441 solid;}
#magasin{background:#e43441;}
div#last_actu a:hover img.visu,div#document_consult a:hover img.visu{border-color:#e43441;}
#footer p a{color:#e43441;}
div.extras p a{color:#e43441;}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#e43441;}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#e43441;}
div.extras caption{font-size:11px;background-color:#e43441;}
#plan a:hover {background-color:#fff; color:#e43441;text-decoration:none}
#plan a.titre{font-weight:bold;background:#e43441;color:#fff}
input.send{font-size:11px;border:none;background:#e43441;}
div#cell_doc a strong,div#cell_doc_1col a strong{color:#e43441}
div#cell_doc a:hover strong,div#cell_doc_1col a:hover strong{color:#fff}
div#cell_doc a:hover,div#cell_doc_1col a:hover{background:#e43441;color:#fff;text-decoration:none}
div.ariane p a:hover{color:#e43441;text-decoration:underline}
.padMenu ul.m_gauche ul.dev li a:hover,.padMenu ul.m_gauche ul.dev li a.actif{color:#e43441}
div#document_consult p a{color:#E43441;font-weight:bold;text-decoration:underline}
#cell_occasion div.letexte strong{color:#e43441;}
#cell_occasion div#prix{background:#e43441;}
#cell_occasion a#derouleForm:hover,#cell_occasion a.derouleForm:hover{background:#e43441}
#formOccase a.actionModif{background:#e43441}
.padMenu ul.m_gauche ul.dev ul.dev2 li a:hover,.padMenu ul.m_gauche ul.dev ul.dev2 li a.actif{background:#e43441;color:#fff;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* le 12/10/2018 rajouts pour module d'impression d'étiquettes / affiches */

#project{padding:10px; width: 100%;box-sizing:border-box;background:#fff;border:1px #bbb solid;}
#project-label {display: block;	font-weight: bold; margin-bottom: 1em;}
#project-icon {	float: left; height: 32px; width: 32px;}
#project-description { margin: 0; padding: 0;}
.ui-autocomplete { position: relative !important; display: block !important; width: 100% !important; top: inherit !important; left: inherit !important;}

body form#nouveauGroupe.cacher div.padding10 #receveurFixe2 ul.surcharge li.ui-sortable-placeholder{background: #C2BEBE !important;visibility: visible !important;}
#receveur{margin-bottom: 10px}

/* +++++++++++++++++++++ */

#l-etiquettes{color:#666}

.l-etiquettes__step{padding:30px 20px 20px;color:#666;background:#e3e3e3;border-radius:10px 10px 0 0;margin:15px 0 0}
	.l-etiquettes__step span.sp-bk{display: block;position:relative;}
	.l-etiquettes__step span.sp-bk span{display: inline-block;background:#ccc;padding:2px 5px;vertical-align: middle;border-radius:5px;}
	.l-etiquettes__step span.step{font-size:16px;margin-bottom:20px;}
	.l-etiquettes__step span.step:after{content:"";display: block;width:100%;background:#eee;height:2px;position: absolute;bottom:-10px;left:0}
	.l-etiquettes__step span.step__detail{color:#444;line-height:22px;font-size:13px;font-style:italic;text-align:justify}

.l-etiquettes__content-step{background:#fff;border:2px #e3e3e3 dotted;border-top:0;padding:30px;border-radius:0 0 10px 10px}
	.l-etiquettes__input-recherche{padding:0 0 30px;}
	.l-etiquettes__input-text{background:#e3e3e3;padding:10px;display: block;}
	.l-etiquettes__label--discret{font-size:12px;display: inline-block;background:#e43441;color:#fff;padding:9px 12px 6px;border-radius:5px 5px 0 0;font-weight:bold}

.l-etiquettes__receveurs{display: flex;flex-flow:row wrap;justify-content: space-between}
	.l-etiquettes__receveurs p{padding:0 15px 15px;text-align:justify;line-height:20px;}
	.connectedSortable{width:48%;border: 1px dotted #cccccc; box-sizing:border-box;background:#e3e3e3;border-radius:10px 10px 0 0}
	.connectedSortable ul{list-style-type: none;padding:0px;max-height:400px;overflow-y:scroll;overflow-x:hidden;margin:10px;width:calc( 100% - 20px ) !important}
	.connectedSortable ul li{padding: 3px}
	.connectedSortable p{font-style: italic;margin:0 10px 5px;border-radius:5px;padding:10px;display:flex;align-items:center;text-align:left;}
	#receveurFixe2 p{padding:12px 10px 8px;font-size:12px;line-height:16px;}
	.connectedSortable p a{margin-right:10px;}

.l-etiquettes__boutons{display: flex;}
	.l-etiquettes__boutons button{background:#E43441;color:#fff;border-radius:8px;margin:0 20px;border:1px rgb(202, 44, 55) solid;cursor:pointer;padding:15px;transition:all .3s ease;line-height:18px;}
	.l-etiquettes__boutons button:hover{background:#545454;border-color:#545454;}
	.l-etiquettes__boutons svg{display: block;margin:0 auto 5px;width:40px;height:40px;}


#extranet #affichageContenu #l-etiquettes h3{font-size:13px;background:#e43441;color:#fff;margin-bottom:10px;padding:15px 15px 11px;text-align:center;border-radius:10px 10px 0 0}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.successId {
	background-color: #4ab34a;
	border-radius: 5px;
	padding: 10px 10px;
	color: #e1e1e1;
	font-size: .9rem;
}
.errorId {
	background-color: #e1e1e1;
	border-radius: 5px;
	padding: 10px 10px;
	color: #e43441;
	font-size: .9rem;
}