#backoffice{ 
    width: 150px;
    margin: 0px!important;
    padding: 0px!important;
    position: absolute;
    top:9px;
    left: 550px;
}
#backoffice p{
 font-size:1em;
 line-height:1.9em;
}
/* ------------------------
APPARENCE GENERALE DES BOITES
--------------------------*/
.widget{
  color:#666666;
  margin: 0 auto 15px;
  padding:5px 10px 0;
  font-size:0.9em;
}
.widget a:hover{
  text-decoration:none;
}
  .widget .widgetContainer{
    margin:0 -10px 5px -10px;
    padding:5px 10px;
  }
  .widget h4{
    font-family:'yanone_kaffeesatzregular', Arial, sans-serif;
    font-size: 23px;
    margin-top: 0;
    text-decoration:none;
    font-weight:normal;
    clear: both;
    color: #474747;
    text-shadow: 1px 1px 1px #FFFFFF;
    position: relative;
    line-height: 1.15em;
  }
  .widget ul{
    margin:10px 0;
  }
  .widget fieldset, .widget form{
    border:0;
    margin:3px 0;
    padding:0;
    width:100%;
  }
  .widget .row{
    margin:3px 0;
    padding:0;
  }
  .widget label{
    margin-right:20px;
    margin-bottom:5px;
    display:block;
    float:left;
    width:auto;
  }
  .widget input.wordsbox{
    width:90%;
  }
  .widget .submit{
    text-align: right;
  }
  .widget .submit input, .widget .submit input:hover{
    color: #474747;
  }
  #wrapper .widget img{
  position: relative;
  }
  #contents .widget{
    clear: both;
    background: none;
  }
    #contents .widget h4{
      background:#cccccc url(/common_images/skins/DefaultSkins1.5/bg-widget-content.png) repeat-x bottom left;
       margin: 0 -10px 0;
    }
    #contents .widget .widgetFooter {
        background: none !important;
        height: 0px !important;
        margin: 0 -10px 0;
        border-bottom: 1px solid #cccccc ;
    }
#header .widget{
  background:#d9d9d9 url(/common_images/skins/DefaultSkins1.5/bg-widget-header.png) repeat-x bottom left;
  margin: 0;
  border:none;
  padding: 5px 15px;
  border-bottom: 1px solid #cccccc;
  color: black;
}
  #header .widget .widgetContainer {
    border:none;
    margin:0;
    padding:0;
  }
  #header .widget h4{
    background:none;
    margin:0;
    padding: 2px;
    color:black;
  }
#wrapper .widget .widgetFooter{
  height:5px;
  margin:-5px -10px 0;
}
#footer .widget{
  background:none;
  width:181px;
  float:left;
  margin:10px 0 10px 5px;
  padding:0;
/**border-left: 1px dotted #bdbcbc;*/
    border-right: 2px dotted #bdbcbc;
}
#footer .col5{border:none!important;}
  #footer .widget h4{
    font-size: 1.5em;
    line-height: 1.15em;
  }
  #footer .widget .widgetContainer {
    border:none;
    margin:0;
    padding:0 10px;
  }

 .sub-content .widgetText .widgetContainer p {
  font-size: .89em;
  line-height: 1.6em;
}
  #footer a {
   color: #2A9ED4;
text-decoration:none!important;
  }
  #footer a:hover {
   color: #1A5A78;
  }
.widget .linksmore {
  text-align: left;
}
.outrouverproduit h4{
  display:none;
}
/* ------------------------
BOITE DERNIERS ELEMENTS
--------------------------*/
.solu-right .coin-slider{
    width: 165px;
    float:left;
}

.widgetLastElements{
  line-height: 140%;
}
  .widgetLastElements .widgetLastElementsPicture{
    text-align:center;
  }
  .widgetLastElements .widgetLastElementsPicture img{
    float:right;
  }
  .widgetLastElements #cadre, .widgetLastElements #cadre #msg_1, .widgetLastElements #cadre #msg_2{
    height:170px!important;
  }
  .widgetLastElements .widgetLastElementsLink{
    text-align: right;
  }
.widgetLastElementsDescription {
  font-size: 0.9em;
}
.news {
  margin-bottom: 33px;
  max-height: 350px;
}
.widget h3 {
  margin-bottom: 3px;
}
.widget .news h3 span {
  color: #CE0000;
}
.widget .news h3 span:hover {
  color: #AA0000;
}
.widget .news span {
  color: #1DAEFF;
}
.widget .news span:hover {
  color: #0078BB;
}
.fb_iframe_widget span {
  vertical-align: initial !important;
}
/* --- 
RIGHT 
--- */
.solu-right h4 {
  display: none;
}
.solu-right h3{
  padding-top:0px!important;
  margin-top:0px!important;
}
#solutright{ 
  display: table; 
  padding:0!important; 
  margin:0!important; 
}
.solu-right{
    margin: 0!important;
    padding: 0!important;
}
#solutright img{ 
    padding-right:8px; 
}
/* ---
LEFT 
--- */
.solu-left {
  float: left;
  width: 51%!important;
  height: auto;
  display: table-cell;
  overflow: hidden;
  padding:0!important;
  margin:0!important;
}
.solu-left h4{
  display: none;
}
.solu-left h3{
  font-size:1.7em;
  width: 424px;
}
.solu-left p{
  font-size:1.1em;
  width: 424px;
}
#wrapper .solu-left img {
  max-width: 423px;
  max-height: 470px;
  margin-bottom: 10px;
}
 .prodAvant .short_product h3{
  font-size:1.6em!important;
  margin-top: 7px!important;
}
.prodAvant .mettreenavant{
  display:none;
}

/* -------------------------------
RESPONSIVE LEFT et RIGHT HOMEPAGE 
-------------------------------- */
@media screen and (max-width: 960px){
 #backoffice{ 
   top: 10px;
   left: 400px;
 }  
 .solu-left h3{
   font-size:1.3em!important;
   max-width: 338px!important;
 }
 .solu-left p{
   line-height: normal!important; 
   font-size:1em!important; 
   width:100%!important;
   max-width: 330px!important;
  }
 #solutright img, .solu-right img{width:49%;}
 .solu-left .widgetContainer{padding:0px;margin:5px 0px;}
 .videohomepage iframe, #wrapper .solu-left img{ 
   max-width: 338px!important; 
   width: 338px!important;
 }
  #wrapper .widgetNewsletter .widgetContainer{margin:0px;padding:0px;}
  body.rubrique_sommaire_ #wrapper .widgetNewsletter #NewsLettersSubscribeMail{width:83%!important;}
}

@media screen and (max-width: 768px){
 #backoffice{ 
  top: 0px;
  left: 375px;
 }  
 .solu-left{
  width:48%!important;
  float:left!important;
 }
 #wrapper .solu-left img{
  width:100%!important;
  margin:5px;
 }
#wrapper .solu-right img{
  width:100%!important;
  margin:5px;
  background-size:cover!important;
}
.solu-right{
  width:47%!important;
  float:left;
  margin-right:0px;
}
body.rubrique_sommaire_ #wrapper .newsletterAccueil{
  width:40%;
  margin:0px;
  padding-left:29px;
  float:left;
}
body.rubrique_sommaire_ #wrapper .widgetNewsletter #NewsLettersSubscribeMail{
  width:100%!important;
}
body.rubrique_sommaire_ #wrapper .newsletterAccueil{height:auto;}
  .widgetNewsletterComment{margin-bottom:17px;}
  body.rubrique_sommaire_ #wrapper .widgetNewsletter #NewsLettersSubscribeMail{height:29px!important;}
  body.rubrique_sommaire_ #wrapper .widgetNewsletter .submit input{width:100%;}
}
@media screen and (max-width: 479px) {
    #backoffice{ 
position:relative;
    top:auto!important;
    left:auto!important;
      text-align:center!important;
    width:100%;
}  
  .reseauxSociauxHeader p{text-align:center!important;}
  .solu-left{width:100%!important;}
  .solu-right{width:100%!important;}
  body.rubrique_sommaire_ #wrapper .newsletterAccueil{width:100%;padding:0px;margin:100%;}
}
  
/* ------------------------
BOITE RSS
--------------------------*/
.widgetRss a{
  word-wrap: break-word;
}  

/* ------------------------
BOITE BANNIERE
--------------------------*/
#header .widget.banniere{
  background: none;
  margin: 0;
  padding: 0;
}
.banniere h4{
  display: none;
}

/* ---------------
BOITE CALENDRIER
------------------*/
table.calendar{
  /* border-collapse: needed to apply border styles on <tr>, <col>, <colgroup>, <thead>, <tbody> and <tfoot> */
  /* Support: Mozilla: full, IE 5.5+: partial, Konqueror: none */
  border-collapse: collapse;
  font-size:1em;
  width:100%;
}
  table.calendar tr.calendarNav a{
    color: #666666;
    text-decoration:none;
  }
  table.calendar tr.calendarNav a:hover{
    text-decoration:underline;
  }
  table.calendar td{
    text-align:center;
    vertical-align:middle;
    width:12%;
  }
    table.calendar td a{
      font-weight:bold;
    }
  table.calendar tr.calendarDays th, table.calendar tr.calendarNav th{
    background:#eeeeee;
    border:1px solid #CCCCCC;
    color:#666666;
    font-size:1.1em;
    font-weight:bold;
    width:auto;
  }
  table.calendar td.today{
    color:#ffffff;
    font-weight:bold;
    background:url(/common_images/skins/DefaultSkins1.5/calendar_today.png) no-repeat top left;
  }
  table.calendar td.noDay{
    color: #666666;
  }
  table.calendar td.pastDay{
  }
  table.calendar td.eventDay{
    background-color: #007aaa;
  }
table.calendar_1_January{
}
table.calendar_1_February{
}
table.calendar_1_March{
}
table.calendar_1_April{
}
table.calendar_1_May{
}
table.calendar_1_June{
}
table.calendar_1_July{
}
table.calendar_1_August{
}
table.calendar_1_September{
}
table.calendar_1_October{
}
table.calendar_1_November{
}
table.calendar_1_December{
}
div.calendarEvent{
}
div.calendarEvent h5{
}
div.eventCategory, div.eventDescription{
}
div.eventStartEndTime{
}
div.calendarEventLeft{
  clear: left;
}
div.calendarEventRight{
}  

/* ----------------
BOITE RACCOURCIS
-------------------*/
.widgetShortcutFooter{
  background:transparent;
  margin:0;
  padding:0;
}
  .widgetShortcutFooter h2{
    display:none;
  }
  .widgetShortcutFooter ul, .widgetShortcutHeader li{
    background:none;
    display:inline;
    margin:0;
    padding:0;
  }
.widgetShortcutFooter{
  background:transparent;
  margin:0;
  padding:0;
}
  .widgetShortcutFooter h2{
    display:none;
  }
  .widgetShortcutFooter li, .widgetShortcutFooter ul{
    background:none;
    display:inline;
    margin:0;
    padding:0;
  }
  .widgetShortcutFooter a, .widgetShortcutFooter a:visited{
    background:transparent;
    color:#ffffff;
    margin:0 2px;
    text-decoration:none;
  }
  .widgetShortcutFooter a:hover, .widgetShortcutFooter a:active{
    text-decoration:underline;
  }
.widgetShortcutTools{
}
  .widgetShortcutTools ul{
  }
  .widgetShortcutTools li{
   border-bottom:1px solid #E3E3E3;
  }
  
/* -----------
BOITE METEO
-------------*/
div.weatherRow{
  padding:0 5px;
}
.weatherForecastWeekday{
  float: left;
  width: 25%;
}
.weatherForecastWeekday h3{
  margin:0;
  padding:15px 0 0 0;
}
span.temperature{
  font-style:italic;
}
.day{
  margin:0 2% 0 0;
  padding:0;
}
.weatherForecastWeekday .day{
  background:#eeeeee;
  border:1px solid #666666;
}
.weatherForecastWeekday .day h4{
  background:#666666;
  color:#ffffff;
  font-size:1.1em;
  margin:0 0 5px 0;
  padding:3px;
}
.weatherForecastWeekday .day img{
  text-align: center;
  margin: 5px auto;
  display: block;
}
.weatherForecastWeekday .weatherConditionDescription{
  text-align: center;
}
  
/* -----------
BOITE TEXTE
-------------*/
.widgetText {
}

/* -----------
BOITE SONDAGE
-------------*/
.widgetPoll{
}
  .widgetPoll #poll{
    width:100%;
  }
  .widgetPoll #poll h2{
    display:none;
  }
  .widgetPoll #poll li{
    list-style:none;
  }
  .widgetPoll .statsLink{
  }

/* ---------------------
BOITE RECOMMANDER LE SITE
-----------------------*/
.widgetRecommend{
}

#recommend{
}

/* -------------------
BOITE NEWSLETTER
---------------------*/
body.newsletters .newsletterAccueil{display:none;}
  #wrapper .widgetNewsletter fieldset{
    width:100%;
  }
  #wrapper .widgetNewsletter h4{
    background:none;
    padding:4px 10px;
  }
  #wrapper .widgetNewsletter .widgetContainer {
    border:none;
    margin-top:5px!important;
    padding:0 10px 10px 10px;
  }
  #wrapper .widgetNewsletter .widgetFooter{
    height:5px;
    background:url(/common_images/skins/DefaultSkins1.5/bg-newsletter-footer.png) no-repeat top left;
  }
  #wrapper .widgetNewsletter #NewsLettersSubscribeMail{
    width:100px;
  }
  #wrapper .widgetNewsletter .submit{
    display:inline;  
  }
#newsletter .formulaire .submit input{width:100%;text-align:center;}
body.rubrique_sommaire_ #wrapper .newsletterAccueil{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,eeeeee+50,ffffff+100 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(left, #feffff 0%, #eeeeee 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #feffff 0%,#eeeeee 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #feffff 0%,#eeeeee 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  margin:15px 0px 0px 0px;
  color:black;
}
body.rubrique_sommaire_ #wrapper .newsletterAccueil .widgetFooter{
  display:none;
}
body.rubrique_sommaire_ #article{
  display:none;
}
body.rubrique_sommaire_ #wrapper .widgetNewsletter #NewsLettersSubscribeMail{
  width:88%;
  height:20px;
}
body.rubrique_sommaire_ #wrapper .widgetNewsletter #NewsLettersSubscribeMail .submit input{
  width:9%!important;
  height:19px!important;
}
.widgetNewsletterComment{
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
  color:grey;
}
/* -----------
BOITE PUBLICITE
-------------*/
.widgetAdvert{
  background:#ffffff;
  padding:0;
  }
  .advertHeader{
    font-size: 1em;
    text-align: center;
  }
  .advert{
    overflow: hidden;
  }
  .advertAdditionalLink{
    font-size: 1em;
    text-align: center;
  }
  .iab_300x250{
    height: 250px;
    width: 300px;
  }
  .iab_250x250{
    height: 250px;
    width: 250px;
  }
  .iab_240x400{
    height: 400px;
    width: 240px;
  }
  .iab_336x280{
    height: 280px;
    width: 336px;
  }
  .iab_180x150{
    height: 150px;
    width: 180px;
  }
  .iab_468x60{
    height: 60px;
    width: 468px;
  }
  .iab_234x60{
    height: 60px;
    width: 234px;
  }
  .iab_88x31{
    height: 31px;
    width: 88px;
  }
  .iab_120x90{
    height: 90px;
    width: 120px;
  }
  .iab_120x60{
    height: 60px;
    width: 120px;
  }
  .iab_120x240{
    height: 240px;
    width: 120px;
  }
  .iab_125x125{
    height: 125px;
    width: 125px;
  }
  .iab_728x90{
    height: 90px;
    width: 728px;
  }
  .iab_160x600{
    height: 600px;
    width: 160px;
  }
  .iab_120x600{
    height: 600px;
    width: 120px;
  }
  .iab_300x600{
    height: 600px;
    width: 300px;
  }

/* ------
BOITE RSS
---------*/
.widgetRssItem{
  margin:8px 0;
}
.widgetRssItemTitle{
  font-weight:bold;
}
.widgetRssItemDate{
  font-style:italic;
}

/* -----------
BOITE RACCOURCI
-------------*/
.widgetShortcutTools{
  
}
.widgetShortcutTools ul{
    border-top: 1px solid #E3E3E3;
}
  .widgetShortcutTools a{
    color: inherit;
    display: block;
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    padding: 7px 5px;
  }
    .widgetShortcutTools a:hover{
      background:#FFFFFF;
      color:#1A5A78;
    }
  .widgetShortcutTools ul li{
  }
/* -----------
WIDGET ACCUEIL A NE PAS AFFICHER SUR PAGE RECHERCHE
-------------*/
body.resultatrecherche .solu-left{ display: none!important; }
body.resultatrecherche .solu-right{ display: none!important; }
body.resultatrecherche .outrouverproduit{ display: none!important; }
body.resultatrecherche .prodAvant{ display: none!important; }
body.catalogProductDetail .solu-left{ display: none!important; }
body.catalogProductDetail .solu-right{ display: none!important; }
body.catalogProductDetail .outrouverproduit{ display: none!important; }
body.catalogProductDetail .prodAvant{ display: none!important; }

/*------
Widget mise en avant produits accueil
-------*/

body.resultatrecherche .prodAvant{ display: none!important; }
body.catalogProductDetail .prodAvant{ display: none!important; }
.prodAvant .short_product{ width: 150px; }
.prodAvant .short_product_container{ padding: 8px 10px 8px; }
.widget .prodAvant img{
  display: block;
  position: relative;
  margin: auto!important;
  float:none!imporant;
  max-width: 90px!imporant;
  max-height: 90px!imporant;
}
.prodAvant .short_product .reference, .prodAvant .short_product .viewProduct{ 
  display: none!important; 
}
.prodAvant .short_product .pictureContainer{
  max-width:78px!important;
  max-height: 82px;
}
.prodAvant .short_product h3 a{
  color:grey!important;
}
.prodAvant .short_product h3 a:hover{
  color:#9c1621!important;
}
.outrouverproduit h4{
  display:none;
}
body.catalogProductDetail .outrouverproduit {
    display: none!important;
}