@charset "UTF-8";

#index {
    padding: 0;
}
#annonces {
    position: relative;
    padding: 0;
    margin: 0 0 20px 0;
    border: 16px solid white;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.2);
}
#annonce {
    text-align: center;
    color: white;
    z-index: 1;
    padding: 0;
    height: 100%;
    margin: 0 !important;
}
#annonce h2 {
    font-family: Calvert, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 8px;
    margin: 0;
    color: white;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
    background: none !important;
}
#annonce img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    min-width: 100%;
}
/*#degrade {height:75px;z-index:2; padding:0; margin:0 !important; border-bottom:20px solid white; position:absolute; top:0; bottom:0; left:0; right:0; /*background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));	}
*/
#ancre_annonce {
    display: inline-block;
    margin: 0 auto 20px auto;
    border-radius: 32px;
    padding: 6px 16px;
    background: #999;
    color: white;
    text-decoration: none;
    font-size: 1em;
}
#ancre_annonce:hover {
    background-color: #333 !important;
    color: white !important;
}
#annonce.sombre {
    background: rgba(0,0,0,0.4)
}
#annonce.clair {
    background: rgba(255,255,255,0.4)
}
#annonce.info {
    background: rgba(119,122,178,0.6)
}
#annonce.product {
    background: rgba(187,54,50,0.4);
}
#annonce.technique {
    background: rgba(177,157,94,0.3);
}
#annonce.autre {
    background: rgba(0,152,175,0.4);
}
#annonce.clair h2 {
    color: black;
    text-shadow: 2px 2px 0px rgba(255,255,255,0.5);
}
#annonce.clair .texte {
    background: rgba(255,255,255,0.7);
}
#annonce.sombre .texte {
    background: rgba(0,0,0,0.7);
}
#annonce.info .texte {
    background: rgba(119,122,178,0.7);
}
#annonce.product .texte {
    background: rgba(187,54,50,0.7);
}
#annonce.technique .texte {
    background: rgba(177,157,94,0.8);
}
#annonce.autre .texte {
    background: rgba(0,152,175,0.7);
}
#annonce.clair .texte #ancre_annonce {
    background-color: white;
    color: #000;
}
#annonce.sombre .texte #ancre_annonce {
    background-color: white;
    color: rgb(0,0,0);
}
#annonce.info .texte #ancre_annonce {
    background-color: white;
    color: rgb(119,122,178);
}
#annonce.product .texte #ancre_annonce {
    background-color: white;
    color: rgb(187,54,50);
}
#annonce.technique .texte #ancre_annonce {
    background-color: white;
    color: #333;
}
#annonce.autre .texte #ancre_annonce {
    background-color: white;
    color: rgb(0,152,175);
}
#main {
    margin-top:-16px;
    padding: 0;
}

#leftcol > div, #rightcol > div{
    margin: 16px 0 0 0;
    background-color:white;
}

#nouveautes {
    z-index: 10;
}
#carousel-nouveautes {
    margin-top: -8px;
    background-color: #EEE;
    padding: 5px;
}
#nouveautes .carousel-inner {
    padding: 0 0 77px 0;
    position: relative;
    z-index: 50;
}
#nouveautes .carousel-caption {
    height: 82px;
    position: absolute;
    bottom: -82px;
    top: auto;
    left: 0;
    right: 0;
    color: #666666;
    text-shadow: none;
    padding: 8px 80px 0 5px;
}
#nouveautes .marque {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 75px
}
#nouveautes .carousel-control.right, #nouveautes .carousel-control.left {
    background-image: none;
    background-color: rgba(0,0,0,0.8);
    border: 1px solid white;
    bottom: 105px;
    min-height: 64px;
    top: auto;
    z-index: 60;
}
#nouveautes .carousel-control.right:hover, #nouveautes .carousel-control.left:hover {
    background-color: #333;
}
#nouveautes .carousel-control.left {
    left: -10px;
}
#nouveautes .carousel-control.right {
    right: -10px;
}
#nouveauteplus {   
    padding:0;
    margin:10px 0 0 0;
}
#nouveauteplus a{
    display:block;
    background-color:#990033;
    color:white;
    padding:8px 16px;
    text-decoration:none;
}
#nouveauteplus a:hover{
    background-color:#333;
}



#list h2 {
    background-color:#F8B12D;
    margin-bottom:1px;
}

#list {
    background-color: #EEE;
}
#list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#list li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid white;
}
#list li a {
    text-decoration: none;
    background: #EEE;
    display: block;
    padding: 5px 5px 5px 130px;
    margin: 0;
    font-size: 0.8em;
    min-height: 130px;
}
#list li a:hover {
    background: #333;
    color: #EEE;
}
#list img.photo {
    position: absolute;
    top: 5px;
    left: 5px;
    width:120px;
}
#list .marque {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 50px;
    height: 50px
}

#list .suite {   
    padding:0;
    margin:1px 0 0 0;
}
#list .suite a{
    display:block;
    background-color:rgb(248,177,45);
    color:white;
    font-size:0.9em;
    padding:6px 12px;
    text-decoration:none;
    text-align:center
}
#list .suite a:hover{
    background-color:#333;
}
#list .panel-group {
    margin-bottom:0;
}
#list .panel-body {
    padding:0 8px 8px 8px;
}
#list .panel.panel-default {
    position:relative;
}


#list .panel-group .panel {
    border-radius:0;
    margin:-1px 0 0 0;
    border-color:rgba(248,177,45,0.6);
}
#list .panel-heading  {    
    background-color:rgb(253,232,192);
    border-radius:0;
}
#list .panel-heading:hover  {    
    background-color:rgba(248,177,45,0.6);
}
#list .panel-heading a {
    display:block;
    text-indent:24px;
    text-decoration:none;
    color:#333;
}
#list .panel-heading:before {
    display:block;
    content: '▸';
    position: absolute;
    top:0;
    left:10px;
    font-size:1.5em;
    background-color:rgb(253,232,192);
    padding:5px;
}
#list .panel-collapse.in:before {
    content: '▾';
    position: absolute;
    top:4px;
    left:8px;
    font-size:1.5em;
    background-color:rgb(253,232,192);
    padding:1px 6px;
    border-radius:16px;
}
#list .panel-default:hover .panel-collapse.in:before  {    
    background-color:rgb(251,208,129);
}
#list .panel-heading:hover:before {
    background-color:rgb(251,208,129);
}


#videos h2 {
    background-color:rgb(189,54,50);
    color: white;
    margin: 0;
    padding: 0.5em;
    font-size: 1.5em;
}

#videos {
    background-color: #EEE;
}
#videos ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#videos li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid white;
}
#videos li a {
    text-decoration: none;
    background: #EEE;
    display: block;
    padding: 5px 5px 5px 130px;
    margin: 0;
    font-size: 0.8em;
    min-height: 130px;
}
#videos li a:hover {
    background: #333;
    color: #EEE;
}


#videos .suite {   
    padding:0;
    margin:1px 0 0 0;
}
#videos .suite a{
    display:block;
    background-color:rgb(189,54,50);
    color:white;
    font-size:0.9em;
    padding:6px 12px;
    text-decoration:none;
    text-align:center
}
#videos .suite a:hover{
    background-color:#333;
}
#videos .panel-group {
    margin-bottom:0;
}
#videos .panel-body {
    padding:0;
}
#videos .panel.panel-default {
    position:relative;
}


#videos .panel-group .panel {
    border-radius:0;
    margin:-1px 0 0 0;
    border-color:rgb(200,200,200);
}
#videos .panel-heading  {    
    background-color:rgb(232,232,232);
    border-radius:0;
    position: relative;
    padding: 0;
}
#videos .panel-heading:hover  {    
    background-color:rgba(189,54,50,0.4);
}
#videos .panel-heading a {
    display:block;
    text-indent:24px;
    text-decoration:none;
    color:#333;
    font-size: 0.8em;
    padding: 1em;
    margin: 0;
}
#videos .panel-heading:before {
    display:block;
    content: '▸';
    position: absolute;
    top:0;
    left:10px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:5px;
}
#videos .panel-collapse.in:before {
    content: '▾';
    position: absolute;
    top:4px;
    left:8px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:1px 6px;
    border-radius:16px;
}
#videos .panel-default:hover .panel-collapse.in:before  {    
    background-color:rgb(229,175,173);
}
#videos .panel-heading:hover:before {
    background-color:rgb(229,175,173);
}#videos .panel-body a {margin: -10px 10px 10px 10px; text-align: center;  text-decoration: none;}

#commentaires h2 {
    background-color:rgb(177,157,94);
    color: white;
    margin: 0;
    padding: 0.5em;
    font-size: 1.5em;
}

#commentaires {
    background-color: #EEE;

}
#commentaires img {
    max-width: 100px; float: left;
    margin: 0 8px 8px 6px ;
}

#commentaires a.suite {
    background-color:rgb(177,157,94);
    color:white;
    text-decoration:none;
    padding: 2px 8px;
    position: absolute;
    bottom: 0; right:0;
}
#commentaires a.suite:hover{
    background-color:#333;
}
#commentaires .panel-group {
        font-size: 0.8em;
    margin-bottom:0;
    padding: 0px;
}
#commentaires .panel-body {
    padding:10px 10px 20px 10px;
}
#commentaires .panel.panel-default {
    position:relative;
}
#commentaires .panel-group .panel {
    border-radius:0;
    margin:-1px 0 0 0;
    border-color:rgb(200,200,200);
}
#commentaires .panel-heading  {    
    background-color:rgb(232,232,232);
    border-radius:0;
    position: relative;
    padding: 0;
}
#commentaires .panel-heading:hover  {    
    background-color:rgba(177,157,94,0.4);
}
#commentaires .panel-heading a {
    display:block;
    text-indent:24px;
    text-decoration:none;
    color:#333;
    padding: 1em;
    margin: 0;
}
#commentaires .panel-heading:before {
    display:block;
    content: '▸';
    position: absolute;
    top:0;
    left:10px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:5px;
}
#commentaires .panel-collapse.in:before {
    content: '▾';
    position: absolute;
    top:4px;
    left:8px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:1px 6px;
    border-radius:16px;
}
#commentaires .panel-default:hover .panel-collapse.in:before  {
    background-color:#dfd8c2;
}
#commentaires .panel-heading:hover:before {
    background-color:#dfd8c2;
}#commentaires .panel-body a {margin: -10px 10px 10px 10px; text-align: center;  text-decoration: none;}

#teammember h2 {
    background-color:rgb(116,112,173);
    color: white;
    margin: 0;
    padding: 0.5em;
    font-size: 1.5em;
}

#teammember {
    background-color: #EEE;
}
#teammember img {
    margin:0 1px 4px 1px;
}

#teammember a.btn {
    background-color:rgb(116,112,173);
	color:white;
	display: block;
	z-index: 1;
}
#commentaires a.btn:hover{
    background-color:#333;
}
#teammember .panel-group {
    font-size: 0.8em;
    margin-bottom:0;
    padding: 0px;
}
#teammember .panel-body {
    padding:10px 10px 20px 10px;
}
#teammember .panel.panel-default {
    position:relative;
}
#teammember .panel-group .panel {
    border-radius:0;
    margin:-1px 0 0 0;
    border-color:rgb(200,200,200);
}
#teammember .panel-heading  {    
    background-color:rgb(232,232,232);
    border-radius:0;
    position: relative;
    padding: 0;
}
#teammember .panel-heading:hover  {    
    background-color:rgba(116,112,173,0.4);
}
#teammember .panel-heading a {
    display:block;
    text-indent:24px;
    text-decoration:none;
    color:#333;
    padding: 1em;
    margin: 0;
}
#teammember .panel-heading:before {
    display:block;
    content: '▸';
    position: absolute;
    top:0;
    left:10px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:5px;
}
#teammember .panel-collapse.in:before {
    content: '▾';
    position: absolute;
    top:4px;
    left:8px;
    font-size:1.2em;
    background-color:rgb(232,232,232);
    padding:1px 6px;
    border-radius:16px;
}
#teammember .panel-default:hover .panel-collapse.in:before  {    
    background-color:rgb(200,200,228);
}
#teammember .panel-heading:hover:before {
    background-color:rgb(200,200,228);
}#teammember .panel-body a { text-align: center;  text-decoration: none;}


#anecdote {
    /*padding:20px;
    border-radius:26px;*/
}
#anecdote h2 {
   
	font-family: 'Roboto Slab', serif;
	margin: 0 0 8px 0;
	padding: 0.5em;
	color: white;
	background-color: rgb(0,69,107);
	font-size: 1.5em;
    
}
#anecdote h3 {
    font-family: 'Roboto Slab', serif ;
    margin:10px;
    padding:0;
    color:  rgb(0,69,107);
    font-size:1.1em;
    font-weight:bold;
    
}
#anecdote p {
    padding:0;
    margin:0;
    font-size:0.9em;
}
#venteflash {
    z-index: 10;
}
#carousel-venteflash {
    margin-top: -8px;
    background-color: #EEE;
    padding: 5px;
}
#venteflash .carousel-inner {
    padding: 0 0 77px 0;
    position: relative;
    z-index: 50;
}
#venteflash .carousel-caption {
    height: 82px;
    position: absolute;
    bottom: -82px;
    top: auto;
    left: 0;
    right: 0;
    color: #666666;
    text-shadow: none;
    padding: 8px 80px 0 5px;
}
#venteflash .marque {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 75px;
    height: 75px
}
#venteflash .carousel-control.right, #venteflash .carousel-control.left {
    background-image: none;
    background-color: rgba(0,0,0,0.8);
    border: 1px solid white;
    bottom: 105px;
    min-height: 64px;
    top: auto;
    z-index: 60;
}
#venteflash .carousel-control.right:hover, #venteflash .carousel-control.left:hover {
    background-color: #333;
}
#venteflash .carousel-control.left {
    left: -10px;
}
#venteflash .carousel-control.right {
    right: -10px;
}
.venteflash h2 {
    background-color:rgb(125,20,107);
    color:white;
 }
 
.venteflash .temps_restant{ display:block; background:rgba(255,255,255,0.8); color:rgb(125,20,107); text-decoration:none; padding:12px 16; margin:0; text-align:center; position:absolute; bottom:0px; right:0px; left:0; }
.venteflash .remise { display:block; background:rgba(255,235,0,0.9); color:#BB3632; text-decoration:none; padding:10px; position:absolute; top:5px; right:5px; }
#venteflashplus {   
    padding:0;
    margin:0 0 10px 0;
}
#venteflashplus a{
    display:block;
    background-color:rgb(125,20,107);
    color:white;
    padding:8px 16px;
    text-decoration:none;
}
#venteflashplus a:hover{
    background-color:#333;
}


#actualities .suite_actu {
    text-align: center;
    font-size: 1.1em;
    margin:-15px 15px 15px 15px;
    padding:0;
    background-color:white;
}

#actualities .suite_actu a {
    display:block;
    background-color: #0089AF;
    color:white;
    padding:12px;
    margin:0;
}
#actualities .suite_actu a:hover {
    background-color: #333;
    cursor:pointer;
}
#actualities {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#actualities img {
    min-width: 100%;
    margin:0 0 -1px 0;
    border:1px solid white;
}
#actualities li {
    list-style-type: none;
    padding: 0;
    margin: 15px;
    position: relative;
    min-height: 200px;
    background-color: #FFF;
    overflow: hidden;
}
#actualities li:hover {
    background-color: #FFF;
}
#actualities h4 {
    padding: 16px 16px 0 16px;
    margin: 10px 0 0 0;
    color: #333;
}
#actualities p {
    padding: 16px 16px 0 16px;
    margin: 0;
    color: #333;
}
#actualities .actu1 h4 {
    color: #0098AF;
}
#actualities .actu2 h4 {
    color: #BB3632;
}
#actualities .actu3 h4 {
    color: #B19D5E;
}
#actualities .date {
    position:absolute;
    left:16px;
    top:16px;
    text-indent: 0;
    font-size: 0.8em;
    padding:0;
    border:1px solid white;
}
#actualities .date strong {
    display:block;
    background-color:white;
    color: #666;
    font-weight:bold;
    margin:0;
    text-align:center;
    border-top:2px solid rgba(0,0,0,0.10);
	font-size: 1.8em;
}
#actualities .date span {
    display:block;
    margin:0;
    padding:1px 12px;
    background-color:#B30002;
    color:white;
    
}
#actualities li:hover h4 {
    color: #333;
}
#actualities .suite {
    display: block;
    background: #AAA;
    color: #FFFFFF;
    text-decoration: none;
    padding: 6px 16px 5px 16px;
    margin: 0 0 16px 0;
    border-radius: 16px;
    box-shadow: -1px 1px 5px #CCC;
    border: 1px solid white;
    border-width: 1px 1px 0 1px;
    float: right;
}
#actualities .suite:hover {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}
#actualities .actu1 .suite {
    background-color: #0089AF;
}
#actualities .actu2 .suite {
    background-color: #BB3623;
}
#actualities .actu3 .suite {
    background-color: #B19D5E;
}
#actualities li.actu3 .suite:hover, #actualities li.actu2 .suite:hover, #actualities li.actu1 .suite:hover {
    background-color: #333;
}

.liste_materiel {
    margin: -5px 0 0 0;
    padding: 0;
}
.liste_materiel li {
    list-style: none;
    display: block;
    margin: 1px;
    border-bottom: 1px solid #E4E0FF;
    padding: 5px 5px 5px 16px;
}
.liste_materiel a {
    text-decoration: none;
    color: #7470AD;
    font-size: 1.1em;
}
.liste_materiel li:hover {
    color: #333;
    background: url(/images/structure/menu-lateral/fleche-gauche.png) no-repeat -5px 4px #DDEEFF;
}
.liste_materiel a strong {
    font-size: 1.2em;
}
.liste_materiel a:hover strong {
    color: #7470AD;
}
#liste_noeud {
    margin: 0;
    padding: 0;
    list-style: none;
}
#liste_noeud li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
}
#liste_noeud img {
    margin: 5px;
    padding: 0;
}
#liste_noeud a, #liste_noeud a img {
    text-decoration: none;
    border: none;
}
.noeud1 a strong {
    background-image: url(/images/offre/noel-2010/noeud-dore.png);
}
.noeud2 a strong {
    background-image: url(/images/offre/noel-2010/noeud-vert.png);
}
.noeud3 a strong {
    background-image: url(/images/offre/noel-2010/noeud-rouge.png);
}
.noeud4 a strong {
    background-image: url(/images/offre/noel-2010/noeud-mauve.png);
}
.noeud5 a strong {
    background-image: url(/images/offre/noel-2010/noeud-ciel.png);
}
.noeud6 a strong {
    background-image: url(/images/offre/noel-2010/noeud-orange.png);
}
.noeud7 a strong {
    background-image: url(/images/offre/noel-2010/noeud-bleu.png);
}
.noeud1 :hover strong, .noeud2 :hover strong, .noeud3 :hover strong, .noeud4 :hover strong, .noeud5 :hover strong, .noeud6 :hover strong, .noeud7 :hover strong {
    background-image: url(/images/offres/design/noel-2010/noeud-noir.png);
}
#liste_noeud strong {
    color: #FFFFFF;
    font-size: 1px;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 200;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 470px;
    height: 226px
}
#liste_ajouts {
    background-color: #EEE;
}
#liste_ajouts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#liste_ajouts li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid white;
}
#liste_ajouts a {
    text-decoration: none;
    background: #EEE;
    display: block;
    padding: 5px 5px 5px 65px;
    margin: 0;
    font-size: 0.8em;
    min-height: 60px;
}
#liste_ajouts a:hover {
    background: #333;
    color: #EEE;
}
#liste_ajouts img {
    position: absolute;
    top: 5px;
    left: 5px;
}
.newsletter a {
    background-color: #7470AD;
    color: white;
    text-decoration: none;
    border-radius: 16px;
    padding: 0.5em 1em;
    margin: 0 -1em;
}
.newsletter label {
    color: #7470AD;
    display: inline-block;
    width: 64px;
    font-size:0.8em;
}

/*
.ne-pas-manquer { margin:-5px 0 20px 0; padding:0; list-style:none;}
.ne-pas-manquer li { margin:1px 0; padding:0; list-style:none;}


#slider2 ul, #slider2 li {
	height:300px;
	margin:0px;
	padding:0px;
	overflow:hidden; 
	list-style:none;
	width:218px;
	position:relative; 
}	
#slider2  { background:#EEE}
#slider2 p { padding:0 1em;}
#slider2 li img { margin:5px; width:208px; height:208px; padding:0;}
#slider span, #slider2 span { background:#EEE; display:block; padding:8px 75px 8px 16px; height:80px; width:124px; margin:1px;}	
#slider span a, #slider2 span a { color:#666666; text-decoration:none;}
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:32px;
	height:32px;
	position:absolute;
	left:0px;
	top:-120px;
	}	
#nextBtn, #nextBtn2{ 
	left:188px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:32px;
	height:32px;
	background:url(/images/presentation/slider/prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a { 
	background:url(/images/presentation/slider/next.png) no-repeat 0 0;	
	}
.voir_pack_home { text-align:center;
}
.voir_pack_home a{ display:block; width:180px; background-color:#BB3632; color:white; text-align:center; padding:3px; text-decoration:none; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; position:absolute; top:204px; left:140px; z-index:1000; border:3px double white;
}
.voir_pack_home a:hover{
background:#0098AF;
}


#liste_marques { margin:0; padding:0;}
#liste_marques ul { margin:10px 0; padding:0;}
#liste_marques li { float:left; list-style:none; width:75px; margin:8px 10px 50px 10px; padding:0; }
#liste_marques a { padding:10px; margin:0; }
#liste_marques a img { width:72px; height:72px; }
#liste_marques a:hover { border:none; }
#liste_marques a:hover img { opacity:1;  border: 3px solid #333; }

#slider { height:333px !important; width:220px ! important; padding:0px; text-align:center; margin:0 0 10px 0; }
.venteflash .remise { display:block; background:rgba(255,235,0,0.9); color:#BB3632; text-decoration:none; padding:10px; position:absolute; top:5px; right:5px; }
.venteflash em {font-size:3em; font-style:normal; font-weight:bold; }


.venteflash ul{ width:220px; height:341px; margin:-8px 0 0 0; padding:0;}
.venteflash li { width:220px; list-style:none; position:relative;  padding:0; }

.venteflash a { display:block; text-decoration:none; padding:0 0 48px 0; margin:5px}
.venteflash p { padding:1em;color:yellow; background:rgba(125,20,107,0.8); position:absolute; bottom:-16px; left:0; right:0; font-weight:normal; margin: 0;}
.venteflash a:hover p{ background:#000}
.venteflash li img{ margin:0; width:216px; height:216px; padding:0;}

#venteflashplus {
    display:block;
    background-color:rgb(125,20,107);
    color:white;
    padding:8px 16px;
    margin:-10px 0 10px 0;
    text-decoration:none;
}


#liste_marques .suite_actu a { color:#333;  text-decoration:none;}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #annonce {
        width: 33%;
        position: absolute;
    }
    #ancre_annonce {
        font-size: 1.3em;
    }
    #annonce.haut-gauche, #annonce.bas-gauche, #annonce.horizontal-gauche {
        left: 0;
        top: 0;
        box-shadow: 8px 2px 16px rgba(0,0,0,0.3);
        border-right: 1px solid rgba(255,255,255,0.5);
    }
    #annonce.haut-vertical, #annonce.bas-vertical, #annonce.horizontal-vertical {
        left: 33%;
        top: 0;
        border-left: 1px solid white;
    }
    #annonce.haut-droite, #annonce.bas-droite, #annonce.horizontal-droite {
        right: 0;
        top: 0;
        border-left: 1px solid white;
    }
    #annonce.haut-gauche .texte, #annonce.haut-droite .texte, #annonce.haut-vertical .texte {
        top: 0;
    }
    #annonce.horizontal-gauche .texte, #annonce.horizontal-droite .texte, #annonce.horizontal-vertical .texte {
        top: 80px;
    }
    #annonce.bas-gauche .texte, #annonce.bas-droite .texte, #annonce.bas-vertical .texte {
        top: 160px;
    }
    #annonce .texte {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        border-top: 1px solid rgba(255,255,255,0.4);
        border-bottom: 1px solid rgba(0,0,0,0.4);
    }
    #annonce h2 {
        font-family: Calvert, Arial, Helvetica, sans-serif;
        font-size: 2.4em;
        padding: 32px 16px 16px 16px;
        margin: 0px;
        color: white;
        text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
        background: none !important;
    }
    #actualities li {
        padding: 0 10px 0 0;
        margin: 10px;
    }
    #actualities img {
    }
    #actualities {
        padding:0;
        margin:8px 0;
    }
    #actualities .suite_actu {
    }
    #actualities .suite_actu a {
        text-decoration: none;
    }
    #nouveautes {
        margin: 0;
    }
}