*{
margin:0;
padding:0;
font-family:arial;
color:#4d4d4d;
}

body{
background: url(images/stripe.png);
}

#global{
width:900px;
margin:auto;
}

#content{
position:relative;
width:100%;
margin:auto;
float:left;
border-radius:5px;
box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);
background:white;
}

/* LOGIN */
#LoginBox{
width:450px;
margin:auto;
text-align:right;
font-size:10px;
}

#Box{
margin-top:100px;
padding:30px;
background:#fff;
text-align:left;
margin-bottom:5px;
border-radius:5px;
box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.3);
text-align:center;
}

#Box h1{font-size:28px;text-transform:uppercase;color:#666;}
#Box h2{margin-top:15px;font-size:20px;text-transform:uppercase;color:#c1272d;font-weight:normal;}
#Box h3{font-size:14px;margin-bottom:3px;color:#999;font-weight:normal;margin-top:10px;}
#Box p{font-size:12px;margin-bottom:15px;}
#Box a{color:#c1272d}

#Box #ErrorLog {
height:24px;
display:block;
}

#Box #ErrorLog p{
color:#fff;
text-align:center;
font-size:14px;
background:#c1272d;
border-radius:3px;
line-height:24px;
}

#Box input{
width:270px;
height:30px;
lin-height:30px;
padding:2px 4px;
border:1px solid #aaa;
border-radius:3px;
font-size:22px;
text-align:center;
transition: background 0.5s;
}

#Box input:focus{
background:#eee;
}
#Box .submit{
margin-top:10px;
cursor:pointer;
width:80px;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
background:#999;
color:#fff;
}
#Box .submit:hover{
background:#333;
}

#corps{
width:840px;
margin:auto;
min-height:350px;
margin-top:60px;
}

/* tables */
#head-fournisseurs,
#listing-fournisseurs{
width:100%;
border-collapse:collapse;
}

#head-fournisseurs .voir,
#listing-fournisseurs .voir{width:100px;}
#head-fournisseurs .tel,
#listing-fournisseurs .tel{width:120px;}
#head-fournisseurs .nom,
#listing-fournisseurs .nom{width:250px;}

/* head */
#head-fournisseurs td{
border-bottom:1px solid #aeaeae;
}

#head-fournisseurs .nom{
font-weight:bold;
color:black;
}

#head-fournisseurs .tel,
#head-fournisseurs .site{
font-weight:normal;
color:black;
font-size:14px;
}

#trie{
float:left;
width:15px;
margin-right:7px;
}

#trie img{
float:left;
margin:1px 0;
cursor:pointer;
}

#trie img.filter{
background:black;
}

#trie img.filter:hover{
background:#c1272d;
}

#head-fournisseurs td{
padding:0 10px;
}

#listing-fournisseurs td{
height:30px;
padding:0 10px;
border-bottom:1px solid #aeaeae;
}

#listing-fournisseurs tr:hover{
background: url(images/stripe_hover.png);
cursor:pointer;
}

#listing-fournisseurs tr:hover td,
#listing-fournisseurs tr:hover td a{
color:white;
}

#listing-fournisseurs .voir a{
background:url(images/details.png) no-repeat top left;
padding-left:35px;
text-decoration:none;
height:20px;
font-size:14px;
line-height:20px;
display:block;
color:#aeaeae;
}

#listing-fournisseurs tr:hover .voir a{
background:url(images/details_hover.png) no-repeat top left;
}
#listing-fournisseurs .site a{
text-decoration:none;
color:black;
}

#listing-fournisseurs .tel,
#listing-fournisseurs .site{
font-weight:normal;
color:black;
font-size:15px;
}

#listing-fournisseurs .nom{
font-weight:bold;
color:black;
font-size:15px;
}

/* DETAILS */

.return{
margin-bottom:20px;
}
.return a{
text-decoration:none;
line-height:30px;
height:30px;
}
.return img{background:black;}
.return a:hover{color:#c1272d}
.return a:hover img{background:#c1272d;}

#infos-fournisseurs{
background: url(images/stripe_infos.png) repeat-y top right;
float:left;
width:100%;
margin-bottom:20px;
padding-bottom:15px;
}
#infos-fournisseurs .logo,
#infos-fournisseurs .infos{
float:left;
display:block;
}
#infos-fournisseurs .logo img{
float:left;
}

#infos-fournisseurs .infos{
margin-left:15px;
margin-top:10px;

}
#infos-fournisseurs .infos h1{
color:#c1272d;
font-size:20px;
}
#infos-fournisseurs .infos a{
text-decoration:none;
}
#infos-fournisseurs .infos a:hover{
color:#c1272d;
}


#infos-fournisseurs .complement{
float:right;
width:250px;
}

#corps .bloc{
float:left;
width:100%;
margin-bottom:20px;
}

#corps .bloc h2{
text-align:right;
text-transform:uppercase;
font-size:16px;
background: url(images/stripe_hover.png);
color:white;
height:30px;
line-height:30px;
padding-right:10px;
}

#corps .bloc table{
border-collapse:collapse;
width:100%;
}

#corps .bloc table td{
height:30px;
padding:0 10px;
border-bottom:1px solid #aeaeae;
font-size:14px;
}

table.contact-fournisseur .nom,
table.contact-fournisseur .prenom{
font-weight:bold;
width:120px;
}
table.contact-fournisseur .tel{width:100px;}
table.contact-fournisseur .email{width:200px;}
table.contact-fournisseur .email a{text-decoration:none;}
table.contact-fournisseur .email a:hover{color:#c1272d;}

.download a{
text-decoration:none;
}
.download a img{
vertical-align:middle;
background:#aeaeae;
margin-right:5px;
}
.download a:hover{
color:#000;
font-weight:bold;
}
.download a:hover img{
background:#c1272d;
}
.download .ext{
text-transform:uppercase;
margin-left:5px;
}

/*edit*/
#deconnect{
position:absolute;
margin:5px 10px;
left:15px;
top:10px;
}
#deconnect a{
color:white;
font-size:18px;
}

#new{
cursor:pointer;
background:url(images/add.png) no-repeat center left;
line-height:30px;
height:30px;
padding-left:25px;
margin-bottom:10px;
}
#new a{text-decoration:none;}
#new:hover{ background:url(images/add_hover.png) no-repeat center left;}
#new:hover a{color:#c1272d;}


#listing-fournisseurs .trash{
cursor:pointer;
background:url(images/trash.png) no-repeat top left
}
#listing-fournisseurs tr:hover .trash{
background:url(images/trash_hover.png) no-repeat top left
}


.bloc .remove{
text-align:right;
}
.bloc .trash{
cursor:pointer;
background:url(images/trash-objet.png) no-repeat top left
}
.bloc .trash:hover{
background:url(images/trash-objet_hover.png) no-repeat top left
}
.bloc .edit{
background: url(images/stripe_edit.png) repeat-y top left;
}
.bloc .edit img{
vertical-align:middle;
margin-right:5px;
}

.input-edit{
cursor:pointer;
border: 1px dotted #aaa;
font-size:14px;
padding:2px 4px;
width:600px;
}
.input-edit:focus,
.input-edit:hover{
background: url(images/stripe_edit.png) repeat-y top left;
}


input.add{
cursor:pointer;
}
input.add.nom{
font-size:14px;
padding:2px 4px;
width:200px;
margin-right:5px;
color:#aeaeae;
font-weight:normal;
}
input.add.nom:focus{
color:#000;
}

input.add.file,
input.add.submit{
font-size:14px;
margin-right:5px;
}
input.add.submit{
background:#aeaeae;
border:none;
border-radius:3px;
padding:2px 4px;
color:white;
text-transforum:uppercase;
}
input.add.submit:hover{
background:#c1272d;
}

.add-contact input.add.nom,
.add-contact input.add.infos{
width:300px;
float:left;
margin-bottom:5px;
font-size:14px;
font-weight:normal;
text-transform:none;
color:#aeaeae;
}
.add-contact input.add.infos{
width:619px;
padding:2px 4px;
}
.add-new-contact{
margin-top:5px;
margin-bottom:5px;
}
.add-contact .add-new-contact img{
vertical-align:top;
}
.add-contact input.add.nom:focus,
.add-contact input.add.infos:focus{
color:#000;
}

.contact-fournisseur .input-edit{
width:auto;
}
.contact-fournisseur .download .input-edit{
width:600px;
}

.contact-fournisseur .input-edit.inf{
width:185px;
}

#corps .bloc table td.contact-edit{
height:30px;
padding:0px;
border-bottom:1px solid #aeaeae;
font-size:14px;
}
#corps .bloc table td.contact-edit input{
margin-right:5px;
}
#corps .bloc table td.contact-edit input.nom{
text-transform:uppercase;
}

#infos-fournisseurs table.edit-fournisseurs-infos .input-edit,
#infos-fournisseurs .edit-fournisseurs-image{
width:400px;
float:left;
}

#infos-fournisseurs .edit-fournisseurs-image .add-logo{
float:left;
margin:10px;
}

#infos-fournisseurs .edit-fournisseurs-image .logo{
border:1px dotted #444;
background-color:white;
background-size:cover;
background-repeat:none;
text-align:center;
font-size:12px;
float:left;
width:80px;
height:80px;
}


#infos-fournisseurs .edit-fournisseurs-image form{
float:left;
margin-left:10px;
}
#infos-fournisseurs .edit-fournisseurs-image input{
float:left;
clear:left;
}

#infos-fournisseurs .edit-fournisseurs-infos textarea{
height:60px;
}


.removefournisseur{
cursor:pointer;
font-size:14px;
float:left;
margin-left:10px;
background:url(images/trash.png)  no-repeat center left;
padding-left:24px;
}
.removefournisseur:hover{
color:#c1272d;
background:url(images/trash-objet_hover.png)  no-repeat center left;
}

.removeimage{
cursor:pointer;
font-size:14px;
float:left;
margin-left:10px;
background:url(images/trash.png)  no-repeat center left;
padding-left:24px;
margin-bottom:10px;
}
.removeimage:hover{
color:#c1272d;
background:url(images/trash-objet_hover.png)  no-repeat center left;
}

.contact-edit .input-edit.tel{
width:100px;
}

.grey{
color:#aeaeae;
}

.copyright{
margin-top:10px;
float:right;
font-size:10px;
}
.copyright img{
width:16px;
height:16px;
vertical-align:middle;
}
.lisaprint,
.youtube{
position:absolute;
top:5px;
height:56px;
width:56px;
}
.youtube{
right:160px;
background:url(images/youtube-icon.png) no-repeat center center;
}
.lisaprint{
right:230px;
background:url(images/lisaprint-icon.png) no-repeat center center;
}
.youtube:hover{
background:url(images/youtube-icon-hover.png) no-repeat center center;
}
.lisaprint:hover{
background:url(images/lisaprint-icon-hover.png) no-repeat center center;
}
/*
groupe
grp-line
grp-lst
*/
.groupe-fournisseur input,
.groupe input{margin-right:3px;}{margin-right:3px;}

#corps .groupe{
margin:3px 0 10px 0;
}
#corps .groupe-fournisseur table{width:320px;}
#corps .groupe table{width:635px;}
#corps .groupe-fournisseur table td,
#corps .groupe table td{
font-size:12px;
padding:0;
vertical-align:top;
height:16px;
border-bottom:0px;
}
#corps .groupe-fournisseur table td{
font-size:14px;
height:20px;
}
.grey{
color:#ccc;
}

#listing-fournisseurs tr.grey td,
#listing-fournisseurs tr.grey td a{
color:#bbb;
}

#catalogue td.grey .ext,
#catalogue td.grey .ext span,
#catalogue td.grey a{
color:#bbb;
}


#testbox{
position:absolute;
z-index:1000;
background:#333;
padding:10px;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}

#testbox ul {
list-style-type:none;
}
#testbox ul li{
line-height:12px;}
#testbox ul li a{
font-size:12px;
color:white;
}
#testbox ul li a:hover{
color:red;
}

.blocs_accueil{
border-collapse:collapse;
margin-bottom:30px;
position:relative;
width:100%;
}

.blocs_accueil .details{
width:50%;
background:#ddd;
margin-bottom:25px;
}

.blocs_accueil .details table td:last-child{
vertical-align:top;
}

/*#lisa_cat .details{
background:#b40a23;
}
*/
.details.bord-right{
border-right:50px solid white;
}
.details.bord-left{
border-left:50px solid white;
}

.txt{padding-right:10px;}

.blocs_accueil .details td:first-child{
width:140px;
}

#lisa_cat .details td:first-child{
width:310px;
}

.blocs_accueil h3,
.blocs_accueil h4,
.blocs_accueil h5,
.blocs_accueil p,
.blocs_accueil b{
/*color:black;*/
}

/*#lisa_cat h3,
#lisa_cat h5,
#lisa_cat p,
#lisa_cat b,
#lisa_cat strong{
color:white;
}
*/
.blocs_accueil p{
font-size:30px;
line-height:32px;
margin-bottom:10px;
}

#lisa_cat p{
font-size:38px;
line-height:42px;
margin-bottom:10px;
}

#lisa_cat .details{position:relative;display:block;width:100%;margin-bottom:15px;}

.details.bord-right td,
.details.bord-left td{
position:relative;
}

.blocs_accueil h5{
font-weight:normal;
position:absolute;
bottom:10px;
width:230px;
font-size:16px;
}

#lisa_cat h5{
width:auto;
}

.blocs_accueil h2{
font-size:16px;
background: url(images/stripe_hover.png);
color:white;
height:36px;
line-height:36px;
padding-left:10px;

}

.blocs_accueil .txt{
margin-top:10px;
}

.promoimg{
border:1px solid black;
float:left;
margin-right:10px;
}

.promoimgbkg{
margin-right:10px;
border:1px solid black;
float:left;
width:140px;
height:140px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
background-color:white;
}

#lisa_cat .promoimg{
border:none;
}

.blocs_accueil .soustitre{
background:white;
padding-top:10px;
text-transform:uppercase;
font-weight:bold;
font-size:18px;
}


#details_offre{
position:relative;
margin-bottom:30px;
}

.retour, 
.lnk_fournisseur{
margin-bottom:30px;
float:left;
}
.lnk_fournisseur{
margin-left:280px;
}

.ext_url a{
margin:20px;
background: url(images/stripe_hover.png);
border-radius:5px;
width:auto;
float:left;
padding:4px 12px;
color:white;
text-decoration:none;
}
.ext_url a:hover{
background: #4d4d4d
}


.retour a,
.lnk_fournisseur a{
text-decoration:none;
}
.retour a:hover,
.lnk_fournisseur a:hover{
color:#c1272d;
}
.retour a img,
.lnk_fournisseur a img{
background:black;
}
.retour a:hover img,
.lnk_fournisseur a:hover img{
background:#c1272d;
}

table#details{
width:100%;
border-collapse:collapse;
}

table#details td{
vertical-align:top;
}

.promoimg_details{
width:422px;
background:white;
vertical-align:center;
border:1px solid #4d4d4d;
}
.promoimg_details.lisa{
height:auto;
}
.promoimg_details.promo{
height:422px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
background-color:white;
}



#details .txt{
padding:20px;
background:#eee;
}
#details p{
font-size:48px;
line-height:50px;
margin-bottom:10px;
}

#details h5{
font-weight:normal;
bottom:10px;
font-size:24px;
}

#details h2,
#details_offre h2{
font-size:16px;
background: url(images/stripe_hover.png);
color:white;
height:36px;
line-height:36px;
padding-left:10px;
}

#details .lisa_cat{
padding:15px 0;
text-align:center;
}

.logo_fournisseur{
position:absolute;
right:0;
}
#details_offre .logo_fournisseur{
height:50px; 
position:absolute;
top:-30px;
right:0px;  
}
#details_offre .logo_fournisseur img{
position:absolute;
bottom:0px; 
right:0;
max-height:50px;  
}

#details_offre table{
border-collapse:collapse;
}

#details_offre #fichiers{
width:100%;
}

#details_offre #fichiers td.brd_bottom{
border-bottom:1px solid #aaa;
line-height:24px;
height:24px;
padding-top:4px;
}
#details_offre #fichiers a{
text-decoration:none;
}
#details_offre #fichiers a:hover{
color:#c1272d;
}
#details_offre #fichiers a:hover img{
background:#c1272d;
}

#details_offre #fichiers h2{
margin-bottom:5px;
}

#details_offre #fichiers img{
background:#aaa;
vertical-align:center;
margin:0 5px;
}

.details{cursor:pointer}
.ext_url.cat{
float:right;
font-size:18px;
margin-top:-20px;
text-align:center;
}

#content #menu{
position:absolute;
top:121px;
right:0px;
}
#content #menu ul li{
display:inline;
margin-right:8px;
}

#content #menu ul li a{
background:#aaa;
color:white;
text-decoration:none;
font-size:18px;
padding:6px 8px;
transition:background ease-in 0.2s
}
#content #menu ul li a:hover,
#content #menu ul li a.activ{
background:white;
color:#666;
}
#content #menu ul li a.activ{
color:#c1272d;
}

.lnk_edit{
margin-top:-25px;
margin-bottom:25px;
}
.lnk_edit img{
vertical-align:top;
margin-right:5px;
}
.lnk_edit a{
text-decoration:none;
}
.lnk_edit a:hover{
color:#c1272d;
}

table.bloc_edit{
font-size:13px;
width:100%;
}

table.bloc_edit td{
width:50%;
vertical-align:top;
}

table.bloc_edit textarea,
table.bloc_edit input,
table.bloc_edit select{
width:90%;
padding:5px 2.5%;
border:1px solid #999;
font-size:13px;
margin-bottom:10px;
}

table.bloc_edit .date_startend{
width:100%;
float:left;
}
table.bloc_edit .in50{
width:48.5%;
float:left;
}


table.bloc_edit input.nonpad{
border:none;
width:auto;
padding:0;
}
table.bloc_edit .grp{
width:50%;
float:left;
}
table.bloc_edit .grp_e{
list-style-type:none;
}

.inf_det{
border-top:1px solid #999;
line-height:24px;
cursor:pointer;
}
.inf_det:hover{
color:#c1272d;
}

.bloc_edit .files{
list-style-type:number;
padding:0 15px;
}
.bloc_edit .files li{
border-bottom:1px solid #ccc;
padding-bottom:8px;
margin-bottom:8px;
}

.bloc_edit .files .rmv{
cursor:pointer;
float:left;
margin-right:3px;
}

.inf_det{
/*width:100%;
float:left;*/
position:relative;
}
.inf_det .rmv{
position:absolute;
right:0;
}

.editbloc{
margin-bottom:30px;
}

.saveBtn{
font-size:16px;
background:#999;
border:none;
border-radius:5px;
padding:4px 10px;
color:white;
cursor:pointer;
}
.saveBtn:hover{
background:#c1272d;
}

.datepicker{
background-image:url(images/calendar.png);
background-repeat: no-repeat;
background-position-y: center;
background-position-x: right 5px;
padding-left:px;
cursor:pointer;
}

#addorupdate_offre .update_blocs{margin-top:15px;margin-bottom:10px;}

#addorupdate_offre{
margin-bottom:30px;
}
#addorupdate_offre .arrow{
background:#c1272d;
}

.video-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-youtube iframe,  
.video-youtube object,  
.video-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-wrapper {
width: 842px;
max-width: 100%;
}

#pub .details{
width:100%;
text-align:center;
background:none;
margin-bottom:15px;
float:left;
}

.input_encart{
width:98%;
padding:0.5%;
font-size:16px;
margin-bottom:20px;
}