<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('general.css');
/* CSS Document */

/* bloc categorie */
.categorie{ margin-top:2em}
.categorie nav &gt; li{ display:inline-block; vertical-align:middle; width:84%}
.categorie nav &gt; li:first-child{ width:15%; height:7.8em; background:url(../images/cat_list.png) top left no-repeat}
.categorie nav li h3{ font-family:; font-size:1.2em; color:#FFFFFF; margin:10%; font-weight:normal}
.categorie nav li h3 span{ font-size:1.1em;}
.categorie nav li h3 strong{ color:#0476BD; font-weight:normal}

#list-cat{ margin:0 1em}
#list-cat &gt; li{ display:inline-block; vertical-align:middle; margin:0 1em; width:17%}
#list-cat &gt; li figure{ text-align:center}
#list-cat &gt; li figcaption{ text-transform:uppercase; color:#333333; font-size:1.2em;}
#list-cat &gt; li a:hover figcaption{ color:#078BDD}


/* bloc brands */
.brands{ margin-top:2em;}
.brands h3{font-family:; font-size:12px; color:#FFFFFF; margin:1.4em; font-weight:normal; margin:0 auto; padding:0em 1em;
height: 0;line-height:17px;
   /*width: 80px;*/
   border-bottom: 20px solid #000;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
width:290px; text-align:center;
width:max-content; 
width:-moz-max-content; 
width:-webkit-max-content; 
width:-o-max-content; 
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;

}
.brands h3 span{ font-size:11px;}
.brands h3 strong{ color:#0476BD; font-weight:normal}

.contentNews{ position:relative;}
a.prev, a.next{display: block; height: 5.1em; text-decoration: none; width: 4.5em; position:absolute; top:1.3em; z-index:999;}
a.prev{ background: 0px 0 url(../images/fleche-left.png) no-repeat; opacity:1;}
a.next{ background: 0 0 url(../images/fleche-right.png) no-repeat;  opacity:1; right:0}
a:hover{ opacity:0.8;}
div.carousel{ border:1px solid #BBBBBB; padding:0 1.5em; margin:0 auto; z-index:1; height:69px;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em;

}
div.carousel ul{}
div.carousel ul li{ display:inline-block; vertical-align:middle; width:8.4%; height:5em; text-align:center; margin:0 2.7em; padding:1.5em 0; line-height:7.2em}
div.carousel ul li a{}
div.carousel ul li img{ max-width:8em; max-height:5em;}

/* other */
.other{ margin-top:2em;}
.other &gt; *{ display:inline-block; vertical-align:top}
.other &gt; aside{ width: 24%;}
.other &gt; div{ width: 73%; float:right }

/* page liste */
.contentList{ width: 73%;}

/* map */
.onMap{ /*! text-align:center; */}
.inMap{ margin:0 2em}
.inMap ul li{ /*! width:25em; */ padding-left:2em; background:url(../images/pic.gif) 0px 5px no-repeat; /*! margin:0 3em 3em */}
.inMap ul li, .inMap ul li span{ display:inline-block;}
.inMap ul li span.nameState{ font-family:'RobotoLight'; font-size:17px; color:#000; width:9.9em;}
.inMap ul li select{ font-size:13px; color:#666666; padding:.3em .2em; /*! width:19.5em */}
.inMap ul li span a{ text-transform:uppercase; color:#0476BD; font-size:11px}
.inMap ul li span a:hover{ text-decoration:underline;}

.onMap{
   text-align: center;
   /*! margin-right: 6%; */
   margin-top: 3%;
}
.inMap{
   margin-top: 2%
}
.inMap ul li{
   margin:1%;
   width:30%;
   box-sizing: border-box;
}
.inMap ul li select{
   width: 100%;
}
.other &gt; aside{float: left;}</pre></body></html>