<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 */
#liste .premier {
  background: url("../images/onglet.jpg") repeat-x scroll left top #191919;
  color: #FFFFFF;
}

/* 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%; float:left }
.other &gt; div{ width: 73%; float:right }

/* page liste */
.contentList{ width: 73%;}
.contentList h2{ margin-bottom:.5em; text-align:left; min-height:4em;}
.contentList h2 a, .contentList h2 span.a{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#0078BD; font-weight:normal}
.contentList h2 a b{ color:#080A09;}
.contentList ul li{ width:27.5%; float:left; margin:.5em 0em 1.5em; padding:.5em 1.9em; text-align:center; /*! height: 325px; */}
.contentList ul li img{ /*max-width:100%; max-height:98px*/width:100%; /*max-height:98px*/}
.contentList ul li span a{ display:block; width:80%; height:2em; border:1px solid #02466D; margin:.5em auto 0; text-align:center; color:#FFFFFF; text-transform:uppercase; font-size:11px; line-height:2em;
background :#0075BA;
background :-webkit-gradient(linear, left top, left bottom, from(#0075BA), to(#004D7B));
background :-moz-linear-gradient(top, #0075BA 0%, #004D7B 100%);
background :-o-linear-gradient(top, #0075BA 0%, #004D7B 100%);
background :-ms-linear-gradient(top, #0075BA 0%, #004D7B 100%);
-pie-background: linear-gradient(#0075BA, #004D7B);
box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-moz-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-webkit-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-o-box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
box-shadow:rgba(50, 50, 50, 0.5) .0em .0em .2em;/*inset*/
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-o-border-radius: .3em;
border-radius: .3em;

}

.contentList ul li figure{ font-size:1.2em; line-height:150%; text-align:justify}
.contentList ul li figure p{ max-width:300px; /*! height:131px; */ overflow:hidden; position:relative; width:100%}
.contentList ul li figure figcaption{ height:6em; overflow:hidden; margin-top:.5em}
.contentList ul li figure a{ font-size:1.em; color:#0078BD; font-weight:bold;}
.contentList ul li figure a img{ position:relative}
.contentList ul li{ border-left:1px solid #FCFCFC; border-right:1px solid #D2D2D2}
.contentList ul li:first-child, .contentList ul li:nth-of-type(4){ border-left:none;}
.contentList ul li:last-child, .contentList ul li:nth-of-type(3){ border-right:none}
.contentList ul li p img.offre{ position:absolute; left:2px; top:auto!important; bottom:0px!important; width:auto}

.contentList footer{ text-align:right; clear:both	}
.contentList footer a{ display:inline-block; font-size:11px; color:#080A09; padding:.6em .8em; background-color:#fff; border:1px solid #B2B2B2;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-o-border-radius: .3em;
border-radius: .3em;

}
.contentList footer a:hover, .contentList footer a.active{ color:#FFF; padding:.6em .8em; background-color:#080A09; border:1px solid #080A09;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-o-border-radius: .3em;
border-radius: .3em;

}

/* onglet */
.tabs { position: relative;	margin: 40px auto 0px;width: 100%; overflow:hidden}

.tabs input { position: absolute;z-index: 1000;width: 235px;height: 40px;left: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer; display:none}
.tabs input#tab-2{left: 310px;}
.tabs input#tab-3{left: 240px;}
.tabs input#tab-4{left: 360px;}

.tabs label {font-size: 14px; line-height:34px;height: 28px;position: relative;padding: 0 10px; float: left;display: block;color: #666;top: 0px;letter-spacing: 1px;text-align: center; cursor:pointer;
width:max-content; 
width:-moz-max-content; 
width:-webkit-max-content; 
width:-o-max-content; 
-moz-border-radius: .2em .2em 0 0;
-webkit-border-radius: .2em .2em 0 0;
-o-border-radius: .2em .2em 0 0;
border-radius: .2em .2em 0 0;
	}

/*.tabs label:after { content: '';background: #fff;position: absolute;bottom: -8px;left: 0;width: 100%;height: 8px;display: block;}*/
.tabs input:hover + label {top: -3px;
	/*-webkit-transition: top linear 0.1s;
    -moz-transition: top linear 0.1s;
    -o-transition: top linear 0.1s;
    -ms-transition: top linear 0.1s;
    transition: top linear 0.1s;*/
}


.tabs input:checked:hover + label {top: 0;}
.tabs input:checked:hover + label ~ .clear-shadow {   top: 0;
	/*-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;*/
}

.tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{z-index: 3;}
.tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {z-index: 2;}
.tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {z-index: 1;}
.tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {z-index: 0;}
.tabs label:first-of-type { z-index: 4; margin-left:5px}

.tab-label-2 { z-index: 3;}
.tab-label-3 { z-index: 2;}
.tab-label-4 { z-index: 1;}

.tabs input:checked + label {z-index: 6; background:url(../images/onglet.jpg) top left repeat-x; color:#FFFFFF; cursor:pointer;
	/*-webkit-transition: top linear 0.2s;
    -moz-transition: top linear 0.2s;
    -o-transition: top linear 0.2s;
    -ms-transition: top linear 0.2s;
    transition: top linear 0.2s;*/
}

.clear-shadow {position: relative;top: 0; height: 10px;clear: both;z-index: -2; box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2); background-color:#111; background:url(../images/onglet.jpg) bottom left repeat-x, url(../images/onglet-2.png) bottom left no-repeat;}
.content { position: relative; width: 100%; /*height: 370px;*/z-index: 5;	overflow: hidden; border-radius: 0 3px 3px 3px; width:1438px;
width:max-content; 
width:-moz-max-content; 
width:-webkit-max-content; 
width:-o-max-content; 

}
.content div { /*position: absolute*/ float:left;top: 0;padding: 10px;z-index: 1;/*opacity: 0;*/ position:relative; width:695px;
	font-size:13px;
	color:#666666;/*lcr-softi: par defaut*/
    /*-webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;*/
}
.content-1, .content-3 {
	/*-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translate(0px, 0px);
	transform: translateX(0px);*/
}

.content-2, .content-4 {
    /*-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0x);
	-ms-transform: translate(0px, 0px);
	transform: translateX(0px);*/
}

.tabs input.tab-selector-1:checked ~ .content .content-1{ background:url(../images/onglet-2.png) 20px 0px no-repeat}
.tabs input.tab-selector-2:checked ~ .content .content-2{ background:url(../images/onglet-2.png) 290px 0px no-repeat}
.tabs input.tab-selector-1:checked ~ .content .content-1,.tabs input.tab-selector-1:checked ~ .content .content-2
{
    /*-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translate(0px, 0px);
	transform: translateX(0px);*/
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;*/  width:695px;
}
.tabs input.tab-selector-2:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2
{
   /* -webkit-transform: translateX(-715px);
	-moz-transform: translateX(-715px);
	-o-transform: translateX(-715px);
	-ms-transform: translate(-715px, 0px);
	transform: translateX(-715px);*/
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;*/  width:695px;
}

.content div h2,
.content div h3{color: #398080;}
.content div p {font-size: 13px; line-height: 150%;	text-align: left; margin: 0;color: #666; /*padding-left: 10px;*/ font-family:Arial, Helvetica, sans-serif;}
.content div p a{ font-size:13px; color:#0277BD}
.content div p a:hover{ color:#000;}
.content div ul {width:347px;float:left;clear:none!important}
.content div ul li{ display:inline-block; width:297px /*lcr-softi*/; text-align:left; border:none; background:none; margin:0 0 0 2em; /*margin:.5em 0 .5em 2em; lcr-softi*/ padding:0}
.content div ul li&gt;*{ display:inline-block; vertical-align:middle; }
.content div ul li span{border-bottom: 5px solid transparent; border-left: 7px solid #424A55; border-top: 5px solid transparent; margin-right:10px}
.content div ul li a{ font-size:13px; color:#666; font-weight:bold}
.content div ul li a:hover{ color:#0277BD}
.content div ul li li a{ font-weight:normal}
.content div ul li li{ display:block; width:100%}

/* wyzy 
.wizy{}
body div.wizy h2{ font-size: 1.2em; font-weight:bold; color:#000}
body div.wizy h3{ font-size:1.1em; font-weight:bold; color:#000}
body div.wizy div.content-1 ul li{ padding-left:20px; background:url(../images/pic.gif) top left no-repeat}*/

@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }
}
/*modifs Tolotra Ny Aina*/
.contentList ul li figure p,.contentList ul li figure figcaption{
  display: block;
  margin: 0 auto;
  max-width: 300px;
}
@media(min-width:981px){
  .contentList ul li:nth-of-type(4){
    clear: left
  }
}





</pre></body></html>