/* reset CSS */
html, body, div, span, applet, object, iframe, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;} 
/* fin reset CSS */
body {background-repeat: no-repeat;background-position: center;background-attachment:fixed;background-position:top;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:15px; line-height:23px}
.ie8 body {background-position: center;background-attachment:fixed;background-repeat: repeat-x;}
img{border:0;}
a:link { color:#680153;}
a:focus, a:hover, button:focus, input:focus{outline: none; text-decoration:none;cursor:pointer;}
a{outline:none;cursor:pointer;}
.hea { display:block; margin-left:auto; margin-right:auto;max-width:1150px;}
header {width: 100%;position: absolute;margin-left: auto;margin-right: auto;height:40px;left: 0;right: 0;background: #680153 url(../image/header-barre.png) repeat-x 0 3px ;padding-bottom:10px;text-align:center;/* margin-left:-600px;*/}
.ie7 header {position: static;}
header ul {list-style:none; margin:0; padding:0;}
header span {color:#FFF; font-weight:bold; margin-left:5px;}
header img {margin:8px 0 0 30px;}
.head452{width:100%;}
#suiveznous {color:#FFF;float:left; padding-top:5px;}
#suiveznous img { width:35px; height:auto;}
#logo { left:-500px; position:relative;}
#logo h1 {color:#FFF; font-weight:bold; font-size:12px;}
#suiveznous img {margin:0;}
#navigation { position:relative;}
#contenu {min-width: 1100px; max-width: 80%; margin-top:75px;margin-left: auto;margin-right: auto;padding:0 10px 10px 10px;min-height:700px;background:#FFF;}
.ie7 #contenu {padding-top:0;}
nav {list-style:none; max-width: 1100px;position: absolute;margin-left: auto;margin-right: auto;text-align:right;/*margin-top:155px; habillage */
left: 0;right: 0;z-index:200000;}
nav a {cursor:pointer;}
nav ul {list-style:none;}
.ie7 nav {margin-top:-49px; right:auto;left:auto;}
#menu {list-style:none; max-width: 1150px;position: absolute;margin-left: auto;margin-right: auto;text-align:right;margin-top:4px;left: 0;right: 0;z-index:600;}
#menu li {float:left;display:block;text-align:center;position:relative;padding:0 10px 0 10px;margin:0 10px 0 10px;border:none;z-index:601;}
#menu li:hover {background: #be129c; height:50px; margin-top:-6px;}
#menu li a {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color: #FFF;display:block;outline:0;text-decoration:none;}
#menu li:hover a {color:#FFF;}
#menu li .drop {margin:0; padding:0; height:45px; line-height:45px;}
.dropdown_3, .dropdown_4,.dropdown_5{float:left;position:absolute;left:-999em; /* Hides the drop down */text-align:left;padding:0px;border:1px solid #9d0c80;border-top:none;background:#f4f4f4;-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;border-radius: 0px 5px 5px 5px;margin:5px 0 0 0;}
.dropdown_3 {width: auto;}
.dropdown_4 {width: 700px;}
.dropdown_5 {width: 430px;}
#menu li:hover .dropdown_3,#menu li:hover .dropdown_4{left:-1px;top:auto;}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6 {display:inline;float: left;position: relative;margin-left: 0px;margin-right: 0px;z-index:603;}
.col_1 {width:200px; margin-top:10px;}
.col_2 {width:222px; margin-left:10px;}
.col_3 {width:410px;background:#be129c; padding-left:10px;}
.col_4 {width:700px;background:#be129c; padding-left:10px; }
.col_5 {width:430px;background:#be129c; padding-left:10px; }
.col_6 {width:190px; margin-left:10px;}
.col_3,.col_4,.col_5 {margin:0; padding:0; height:45px; line-height:45px;font-size:19px;color:#FFF; font-weight:bold;}
#menu .col_5 .drop2,#menu .col_3 .drop2  {font-size:20px;font-weight:400;font-weight:bold;padding:2px 0 2px 10px;color:#FFF; }
#menu .col_5 .drop2:hover,#menu .col_3 .drop2:hover{text-decoration:underline;color:#FFF;}
.col_2 p,.col_6 p {text-align:left;font-size:12px;font-weight:bold;padding:7px 0 7px 0;border-bottom:1px solid #888888;}
#menu .menu_right {float:right;margin:0px;border-right:1px #000000 solid;}
#menu li .align_right {
/* Rounded Corners */
-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;
}
#menu li:hover .align_right {left:auto;right:-1px;top:auto;}
#menu li:hover .align_right_correct {right:auto;	left:-1px;}
#menu p,  #menu ul li {font-family:Arial, Helvetica, sans-serif;text-align:left;}
#menu p {line-height:18px;margin:0 0 10px 0;}
#menu li:hover div a {font-size:12px;color:#680153;}
#menu li:hover div a:hover {color:#1ac303;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.imgshadow { /* Better style on light background */
padding:4px;margin-top:7px;}
.img_left { /* Image sticks to the left */
width:auto;float:left;margin:5px 10px 0px 5px;}
.img_left2 { /* Image sticks to the left */
width:auto;float:left;margin:5px 3px 0px 2px;}
#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#menu li ul li {font-size:12px;line-height:24px;position:relative;text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0;float:none;text-align:left;width:210px;}
#menu li ul li:hover {background:none;border:none;padding:0;margin:0;}
#menu li .box1 li {background:#FFF;font-weight:bold;border:1px solid #DDD;margin:0px 0px 4px 10px;padding:4px 6px 4px 6px;width:180px;/* Rounded Corners */
-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;height:25px;}
#menu li .box1 li:hover {background:#ffffff;border:1px solid #000;padding:4px 6px 4px 7px;margin:0px 0px 4px 11px;height:25px;}
#menu li .box2 li {font-weight:bold;list-style-type:square;background:#F4F4F4;padding-left:4px;height:25px;}
#menu li .box2 li:hover {background:#ffffff;padding-left:5px;height:25px;}
footer {width:98% !important;color:#F6F6F6;background:#680153;border-top:0;padding:1%;z-index:1;position:relative}
footer .centre { max-width:1200px; margin-left: auto;margin-right: auto;}
footer ol {text-decoration:none;list-style:none; margin-left:auto; margin-right:auto;float:left;}
footer li {float:left; width:100%;}
@keyframes slide-down {
0% {opacity: 0;transform: translateY(-100%);} 
100% {opacity: 1;transform: translateY(0);} 
}
.fixed { position: fixed;top:0; left:0; z-index:1;width: 100%; max-width:none;animation:slide-down 0.5s;}
.fixednav { position:fixed !important; top:0;animation:slide-down 0.5s;}
.fixednavrg { position:fixed !important; top:50px;animation:slide-down 0.5s;}
.nav_operateur.fixednavrg ul { padding-left:200px;}
.nav_operateur.fixednavrg .droite { float:left}
#suiteinfo { width:0px; height:0px; overflow:hidden;}
table {border-collapse:collapse; border-spacing: 0;width:100%;}
.clear {clear:both;}
.MEA {font-weight:bold; color:#90C;}
footer a:visited, footer a:hover, footer a, footer a:link  {  text-decoration: none; color:#FFF; }
footer a:hover { text-decoration:underline; color:#FFF; }
#formulaire {width:98%;padding:0 0 5px 0;text-decoration:none;list-style:none;}
.ie7 #formulaire {margin-top:0;}
#formulaire #formulaire_recherche {}
#formulaire ul {text-decoration:none;list-style:none; margin:0;padding:0;margin-top:10px;display:inline-block;
/*
-moz-box-shadow: 1px 1px 2px #000; 
-webkit-box-shadow: 1px 1px 2px #000; 
box-shadow: 1px 1px 2px #000;
border:#d0d0d0 1px solid; 
*/
}
.guideachat {border-top:#DDD 1px solid;}
.guideachat li {padding:1% 1% 0 1%; width:30%; float:left;}
.plus1 {font-size:18px; color:#680153;}
.plus2 {font-size:17px; color:#666;}
.barre { border:0px;border-bottom:#DDD 1px solid; clear:both;}
.guideimage {float:left;padding:5px;}
.guide1 {float:left;}
.guideachat .image {clear: both;}
.guideachat .texte a {font-weight:bold;}
.guideachat .texte {padding:5px; color:#333;}
.pensebetetitre {padding:5px;font-weight:bold; font-size:19px;}
.pensebetetitre h2 {padding:2px 0 2px 5px;}
#titre_nav {position:absolute;margin-top:-100px;width:300px; height:90px;}
#recherche_nav {margin-top:-20px;width:100%;}
section {float:left;width:100%;margin-bottom:10px;}
article, aside {float: left;width:98%;padding:1%;margin:0;}
section a:visited, section a:hover, section a, section a:link  {  text-decoration: none; color:#000; }
section a:hover { text-decoration:underline; color:#9e0875; }
section ul, article ul, aside ul {text-decoration:none;list-style:none; margin:0;padding:0; width:100%;}
section h2 {font-size:18px; margin: 0;padding: 0;line-height:100%;}
#texte,#annonce{}
.textefin{ clear:both; width:100%; padding-top:10px;}
.ie7 #texte,.ie7 #annonce{margin-top:0;}
#texte a,#annonce a{font-weight:bold;}
#texte h1,#annonce h1 {color:#930d78;}
#texte strong,#annonce strong {font-size:15px;}
#texte_accueil {text-align:justify; float:left; width:98%;}
#texte_accueil h2 { padding:1% 0 1% 0;}
#texte_accueil p { padding-bottom:1%;}
.info {border:1px solid #9d0c80; padding:5px; margin-top:20px; height:35px; clear:both; }
article .img {float:left; margin-right:10px; margin-top:-5px;}
#textemenu{width:320px; float:right; margin-right:12px;}
#textemenu ul{border-left:#EEE 1px solid; border-right:#EEE 1px solid;padding:0 2% 0 2%;}
#textemenu li{ border-bottom:#CCC 1px solid;}
#textepromo { width:100%; float:left;}
#textepromo li {text-align:justify; padding:1%; width:48%; float:left;}
#textepromo li a{ font-weight:normal;}
#textepromo li span {color:#333; font-size:11px;}
#textepromo .voir {color: #F00; font-size:11px; font-weight:normal;}
#texte-logobas { width:200px; position:relative; float:right; margin-top:-50px;}
.ariane { font-size:11px; margin-bottom:10px; display:inline-block;}
.ariane a { text-decoration:none; color:#000;}
.cookieclass{position : fixed; width:100%;bottom : 0px;right : 0px;  padding:5px; text-align:center; display:block;background-color:rgba(0,0,0,0.8);}
.cookieclass p {color:#FFF; font-weight:bold; padding:0;}
.cookieclass p a {color:#FFF; text-decoration:underline;}
.cookieclass p img { display:inline-block; vertical-align:middle; cursor:pointer;}
.clear {clear:both;}
.clearhr {width:100%; border:0;}
.titrenoir {padding:1%; border-bottom:#DDD 1px solid; margin-bottom:15px; margin-top:15px;}
.titrenoir a { font-size:18px;}
.actuindex li {width:24%;background:#000;display:inline-block; position:relative;overflow:hidden; border:1px solid #FFF;}
.actuindex li div {position:absolute; color:#FFF; bottom:0; width:90%; padding:10px 5% 10px 5%; line-height:18px; background:url(../image/fond-degrade-noir.png) repeat-x;  }
.actuindex li div > a { color:#FFF; font-size:16px;  }
.actuindex li div span { font-size:11px;opacity:1 !important;}
.rbtindex li { float:left; width:24.5%; min-height:210px; border:#DDD 1px solid; overflow:hidden; margin:1px;}
.rbtindex div { padding:5%;}
.rbtindex img { width:100%;}
.rs { text-align:center;}
.rs img { width:auto;}
.rs div { text-align: left;}
/* Menu défilant */
form{/*background: whitesmoke;*/
padding: 10px;margin: 10px 0;font: 9pt Arial;color:#004e9d;}
#bornes_prix,#bornes_internet,#bornes_mms,#bornes_sms,#bornes_appel  {/*display: inline-block;*/float: left;margin-top: 10px;}
#bornes_prix span, #bornes_internet span, #bornes_mms span, #bornes_sms span, #bornes_appel span{font-weight: bold;}
#slider_prix, #slider_internet, #slider_mms, #slider_sms, #slider_appel{
/*margin-left: 148px;
margin-right: 9px;*/
margin: 20px 10px 10px 5px;}
.bornes_case{float: left;margin-top: 5px;font-weight:bold;width:100%;}
.bornes_case2{float: left;margin-top: 5px;font-weight:bold;width:50%;}
.bornes_casecadre{float: left;margin: 10px 1% 0 0;font-weight:bold;width:30%;border:#DDD 1px solid; padding:1%;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;text-align:justify;}
.bornes_casecadre:nth-child(-n+2) { min-height:250px;}
.bornes_casecadre:nth-child(2) { width:31%;}
.bornes_casecadre:nth-child(4) { min-height:135px;}
.bornes_casecadre:nth-child(3), .bornes_casecadre:nth-child(4) { margin:10px 0 0 0;}
.bornes_casecadre selec{border:#EEE 1px solid;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
#recherchefinal {background:#0aa702; margin-top:10px;width:32%;color:#FFF; text-align:center;  font-size:40px; font-weight:bold; cursor:pointer; float:left; padding: 1% 0.4%; border-radius: 5px}
#recherchefinal:hover {background:#09ba00;}
#recherchefinal .span1{font-size:25px;}
#recherchefinal .span2{ margin:5px 0 0 0; width:30px; position:absolute;}
.autre { height:147px; overflow:hidden; margin-bottom:10px; display:inline-block; position:relative; }
.ouvrir { display:none;} 
.autre .ouvrir {width:100%;  position:absolute; float:right; bottom:0; z-index:1; text-align:center; font-weight:bold; background: url(../image/degrade-bl.png) repeat-x; height:60px;color:#9d0c80; vertical-align:bottom; line-height:100px; display:block; cursor:pointer;}
.autre .ouvrir img { vertical-align:middle; display:inline-block;}
.autre .ouvrir:hover{ color:#ffcc00;}
/* fin Menu défilant */
.sectionencart {width:500px; float:left; margin-bottom:15px;}
.htitre {background:#930d78;background-image:linear-gradient(to top, #930d78, #b50993); height:23px;padding:7px 0 0 10px;}
.htitre h2{color:#FFF; text-align:left;}
.htitre a:link,.htitre a,.htitre a:visited{color:#FFF; }
.encart {border:#e7e4e4 1px solid; border-bottom:0; border-top:0; padding:2px; min-height:40px;-webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e4), to(rgba(0, 0, 0, 0))) 1 100%;-webkit-border-image: -webkit-linear-gradient(#e7e4e4, rgba(0, 0, 0, 0)) 1 100%;-o-border-image:-o-linear-gradient(#e7e4e4, rgba(0, 0, 0, 0)) 1 100%;-moz-border-image:-moz-linear-gradient(#e7e4e4, rgba(0, 0, 0, 0)) 1 100%; }
.encart li {border-bottom:#e7e4e4 1px solid; padding-top:10px;}
.encart div {font-size:16px; font-weight:bold; float:right; width:340px; display:inline-block; vertical-align:middle;}
.encart .cadrerbt {width:380px;}
.ie7 .encart div {position:absolute;}
.encart strong {font-size:12px;}
.encart span {font-size:10px; color:#999;}
.encart img {max-height:80px; width:auto; display:inline-block; vertical-align:middle;}
.encart .imglogo {max-width:70px; height:auto;}
.encart a,.encart a:link { color:#000;font-size:14px;}
.cadrereseau {width:200px;}
.cadrereseau .fb-like {float:right; width:95px; margin-top:10px;margin-right:20px;}
.cadrereseau .cadrereseau_twitter {float:right; width:95px; margin-top:10px; margin-right:20px;}
.titreactualite{float:right; width:280px;}
.ie7 .titreactualite{position:absolute;}
.titreactualite p{font-weight:normal; font-size:11px;}
.marquepage {text-align:center; margin-top:15px; display:inline-block; width:100%;}
a.lien1 {color:#F00;}
#cadre_over{background:#F1F1F1;border:#909 1px dashed;height:670px;width:430px;float:left;margin:0 0 0 435px;position:absolute;z-index:1;-khtml-opacity:0.2;-moz-opacity : 0.2; -ms-filter: "alpha(opacity=20)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter : alpha(opacity=20); opacity : 0.2;padding-top:100px; font-weight:bold; font-size:36px; text-align:center;display:none;}
#affiche_recherche {width:96%;padding:1%;margin:10px 0 0 15px;color:#000;background:#FFF;text-decoration:none;list-style:none;min-height:732px;float: left;display:none;}
#affiche_recherche ul {text-decoration:none;list-style:none;}
#affiche_recherche li {padding:1% 0 1% 0;background-size: 30% 30%;}
#affiche_recherche li:nth-child(2n){ background: #F1F1F1;}
#affiche_recherche .monforfait { background:#930d78; background-image:linear-gradient(to top, #930d78, #b50993); color:#FFF; font-weight:bold; text-align:center; font-size:25px; width:98%; padding:1%; margin-bottom:1%;}
#affiche_recherche .detailform  { width:98%; padding:1%;}
#affiche_recherche .detailform li { border:none;}
.recherche_logo  {float:left; margin-left:5px; width:22%; text-align:center;}
.recherche_logo img {border:#999 1px solid; margin-bottom:3%; margin-top:3%; }
.recherche_logo span.T1 {font-weight:bold; color:#000; font-size:16px;}
.recherche_texte, .recherche_texte2  {float:left; width:28%; padding-left:5px; padding-top:10px;}
.recherche_texte center {line-height:12px;}
.mob1{ width:15%; float:left;text-align:center;}
.mob{ width:13%; float:left;text-align:center;}
.mob span{ font-size:11px;}
.mob1 span{font-size:15px; font-weight:bold;}
.mob1 span.T3{font-size:12px; font-weight:bold;}
#texte .s1,#annonce .s1 {margin-top:60px;}
#texte .s1 aside,#annonce .s1 aside {text-align:center; width:100%;}
.recherche_texte span.T2 {font-size:13px; font-weight:bold;}
img.class-logo { vertical-align: middle; }
.recherche_texte2 .T3,.T3 {font-size:11px;line-height:11px; margin:10px 0 10px ; text-align:left;}
.mob1 .T3 {  display:inline-block; margin:0;}
.recherche_barre  {width:98%; padding:0 1% 0 1%; float:left;font-size:12px; font-weight:bold; color:#FC0; text-align:right;}
.offre_barre {width:90%; float:left;font-size:12px; font-weight:bold; color:#fd2eff; margin:1%; text-align:center;}
.li2s {color:#F00; font-weight:bold; margin:1%; float:left;}
.offre_barre img {	margin-bottom:-4px;}
.recherche_prix  {float:left;  width:20%; text-align: center; }
.barreseparation  {border:0 !important; background:#FFF !important; height:10px; text-align:center; width:100%;}
.recherche_prix .pos_offre {position:absolute; margin-top:-17px;}
.prix_flottant {color:#930d78; text-align:center;font-size:50px; font-weight:bold;}
.prix_flottant  sup {font-size:18px;}
.recherche_prix  sup {font-size:18px;}
.recherche_prix  s {font-size:19px; color:#F00;}
.recherche_prix  s sup{font-size:14px; color:#F00;}
.recherche_prix  span{font-size:11px; color:#3C0; font-weight:bold;}
.prix_flottant_promo {
color:#007b0e; text-align:center; padding:10px 1% 0 1%;font-size:13px; font-weight:bold; width:98%; line-height:15px; background:#FFF;
}.prix_flottant_promo s { font-size:18px;}
.prix_flottant_promo s, .prix_flottant_promo span, .prix_flottant_promo s sup {color:#007b0e;}
.prix_flottant_offre {position:absolute; margin:40px 0 0 25px; text-align:center; padding:10px 5px 0 5px;font-size:15px; font-weight:bold; width:72px; line-height:13px; border:#fd2eff 1px solid; background:#FFF;}
.prix_flottant_offre s, .prix_flottant_offre span, .prix_flottant_offre s sup {color:#fd2eff;line-height:13px;}
.recherche_prix  a, .recherche_barre a,.offre_barre a {font-size:12px;cursor:pointer;color:#da090e;font-weight:bold;}
.recherche_prix  a:link, .recherche_barre a:link, .recherche_prix  a:visited, .recherche_barre a:visited,.offre_barre a:link,.offre_barre a:visited {
color:#da090e;}
.recherche_prix  a:hover, .recherche_barre  a:hover {color: #3FF;}
.pop {font-weight:bold; font-size:12px; width:100px; padding:0 2% 0 2%;}
.pop2 { padding:5%; background:#C00;}
.pop2 a { color:#FFF !important;}
.pop, .pop:link, .pop:visited {color:#da090e; cursor:pointer; font-size:12px;}
.pop:hover {color:#3FF;cursor:pointer;font-size:12px;}
.separbouton{text-align:center; margin:10px 0 30px 0; background:#FFF;border:none;  height:5px; padding:0;}
.cadrebout { border:#000 1px solid; padding:1px 4px 1px 4px; background:#FFF; cursor:pointer;}
.cadrebout:hover { border:#000 1px solid; padding:1px 4px 1px 4px; background:#FFC; cursor:pointer;}
.cadrebout2 { border:#000 1px solid; padding:3px 6px 3px 6px; background:#FF0; font-weight:bold; cursor:pointer; font-size:14px;}
#affiche_resultat {width:72%;margin:55px 0 0 15px;background:#f1f1f1;padding:0;border:#909 1px dashed;text-decoration:none;list-style:none;min-height:732px;float: left;display:none;}
#affiche_resultat ul {text-decoration:none;list-style:none;}
#affiche_resultat ul.aff_re1{min-height:660px;}
#affiche_resultat ul.aff_re2{height:65px; clear:both;}
#affiche_resultat .li1 {height:70px; background:#930d78;background-image:linear-gradient(to top, #930d78, #b50993);}
#affiche_resultat .li1  .dvi1{float:left; background:#FFF; height:50px; margin:10px; }
#affiche_resultat .li1  .dvi2{float:left; font-size:18px; color:#fff000; padding:10px 0 0 10px; font-weight:bold; height:50px; width:270px;text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px; }
#affiche_resultat .li2 {background:#FFF; width:395px; min-height:25px; line-height:25px; padding:5px; border:#000 1px solid; margin:5px;}
#affiche_resultat .li2s {background:#FFF; width:275px; min-height:25px; line-height:25px; padding:5px; margin:5px; border:#000 1px solid;}
#affiche_resultat .li3 {float:right; width:110px; height:180px; font-size:40px; color:#fff000; font-weight:bold; padding-top:5px;text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px; }
#affiche_resultat .li3 sup {font-size:30px;}
#affiche_resultat .li3_promo {font-size:13px;color:#fff000;line-height:14px;text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;}
#affiche_resultat .li3_promo span, #affiche_resultat .li3_promo sup {font-size:13px;line-height:14px;}
#affiche_resultat .li3_promo s {font-size:20px;}
#affiche_resultat .li4 {margin:20px 0 0 20px; font-size:10px; width:60px; float:left; text-align:center;}
#fermerforfait li {position:absolute; margin:-35px 0 0 280px; cursor:pointer; border:0; background:none;}
.bande_ope  { width:66%; float:left;}
.bande_ope li { padding:1%; float:left; min-height: 80px}
.bande_ope a { font-weight:bold; font-size:15px;}
.bande_ope img{ margin:10px; width:100px; height:auto;vertical-align:middle;display:inline-block;}
.bande_ope li:hover{ background:#F1F1F1;}
.bande_ope p { text-align: left; width:155px; display:inline-block; vertical-align:middle; padding:5px 0 5px 0;}
hr {border: #90C dashed 1px;}
.degrade1{background-image:linear-gradient(to right, white, #878787, white); height:2px; border:0; clear:both;}
.degrade2{background-image:linear-gradient(to right, #f1f1f1, #878787, #f1f1f1); height:2px; border:0;}
/* offre de remboursement */
#s1 { margin-top:50px}
.offreremboursement {background-color:#f5f5f5; border:#90C dashed 1px; width:98%;padding:1%; margin-bottom:10px;}
.offreremboursement .offre1 img {border:#000 1px solid;}
.offre1 {max-width:300px; float:left; width:30%;}
.offre2 {max-width:860px; float:left; padding-left:10px; width:67%;}
.offre2  .titreoffre {font-weight:bold; font-size:20px;}
.offre2b {width:500px; float:right; padding-left:10px; text-align:center;}
.offre2b div{float:left; width:110px; margin-top:20px;}
.offreremboursement.v1o { display:inline-block;}
.offreremboursement.v1o img { width:15%; float:left;border:#000 1px solid;}
.offreremboursement.v1o div img { width: auto;border:none;}
.offreremboursement.v1o .offre2 { width:80%; padding-left:1%;}
.grisclair {color:#999; font-weight:bold; font-size:12px;}
.grostitre {font-weight:bold; font-size:24px;}
.titreproduit {font-weight:bold; font-size:15px;}
.rougeoffre {color:#F00;font-weight:bold;font-size:12px;}
.rougeoffre a, .rougeoffre a:hover, .rougeoffre a:link,.rougeoffre a:visited {color:#F00;}
.offre3 {clear:both; text-align:center;}
.offre3 div a.code { border:2px solid #000; background:#FFF; padding:0.5% 3% 0.5% 3%;}
.offre3 div {text-align:right; margin-right:auto;}
.banoffre { width:100%; margin:15px 0 15px 0; text-align:center; }
/* cadre accueil */
.rbtindex div.cadpro{padding:0;width:32.9%;border:#CCC 1px solid;display:inline-block;vertical-align:top;text-align:center;min-height:500px;padding:0%}
.rbtindex div.cadpro div {padding:3%}
.rbtindex div.cadpro img {width:inherit}
.rbtindex div.cadpro .forti {background:#9d0c80;color:#FFF;font-weight:bold;text-transform:uppercase;font-size:18px;min-height:40px}
.t12s5 {font-size:50px}
.rbtindex div.cadpro span.t3369 {font-size:20px}
.rbtindex div.cadpro span.tav35 {display:block;color:#666}
.rbtindex div.cadpro .t658 {font-size:15px;font-weight:bold}
.rbtindex div.cadpro .t123 {display:block;color:#936;font-weight:bold}
.rbtindex div.cadpro .inte25 {font-weight:bold;font-size:35px}
.rbtindex div.cadpro .inte25c {color:#666;font-size:11px}
.rbtindex div.cadpro .bt_fo12 {padding:1.5%;display:block}
.rbtindex div.cadpro .bt_fo {background-color:#C00;color:#FFF;display:inline-block;text-transform:uppercase;border-radius:8px;font-size:18px;padding:2% 5%}
.rbtindex div.cadpro .bt_fo:hover {background-color:#900;color:#FFC}
.rbtindex div.cadpro .bt_fo13{color:#999;font-size:15px;display:block}
/* résilier */
.montantdu {float:left; font-size:12px; width:210px; margin-right:20px;border:#909 1px dashed; text-align:center; padding:10px;}
.montantdu  sup{font-size:25px;}
#result_calcul,#result_new,#result_total {font-size:40px; font-weight:bold;}
.iconeh1{width:80px; float:left; margin-right:20px;}
.iconeh11{width:180px; float:left; margin-right:20px;}
.iconeh2{width:130px; float:left; margin-right:20px;}
/* bons plans */
.rbtindex.bpl div.cadpro {margin-top:2%}
/* actualité */
.Actu {color:#930d78;}
.Actudiv { width:48%; padding:0 0 1% 0;}
.Actudiv:nth-child(odd) { margin-left:1%;}
.Actudiv .li1{padding-bottom:10px;}
.Actudiv .li1 span{font-weight:bold; font-size:22px; color:#930d78; }
.Actudiv .li1 .rubcol{ font-size:12px; background:#DDD; padding:2px;}
.Actudiv .li1b { font-size:11px; font-weight:normal;}
.Actudiv .li1b span{font-weight:bold; font-size:13px; color:#930d78;}
.Actudiv .ul1{border:#909 1px dashed; width:98%; padding:1%;display:inline-block;}
.Actudiv .liv0{float:left; width:30%; padding:5px;}
.Actudiv .liv0 img{	max-width:100%; height:auto;}
.Actudiv h3{font-weight:bold; font-size:18px;}
.Actudiv .liv1{float:left; width:68%; text-align:justify;}
.Actudiv .liv1b{width:100%;}
.Actudiv .p{font-weight:normal; font-size:12px;}
.textactu{font-weight:normal; font-size:12px; color:#999;}
.Actudiv .liv2{clear:both; text-align:right; padding:1% 1% 0 0;}
.Actudiv .div3{border:#C0C 2px dashed; text-align:center; background:#F1F1F1; margin-bottom:1%; width:186px; margin-left:auto;}
.topnote { margin-top:-25px;}
.actualitesite h1 { font-size:20px;}
.actualitesite p { vertical-align:middle; display: inline-block; width:65%; text-align:justify; font-size:18px; line-height:25px;}
.actualitesite img  { vertical-align:middle; display: inline-block; width:30%; float:right;}
.autreactu  { clear:both; margin-top:25px; background:#F1F1F1; padding:1%;}
.autreactu span {color:#900; font-weight:bold;}
/* newsletter */
#boutonvalide_new { border:0px; background:url(../image/newsletter-ok.png); cursor:pointer; width:31px; height:25px; }
#boutonvalide_new:hover {-khtml-opacity:0.5;-moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);filter : alpha(opacity=50); opacity : 0.5;}
#formnewsletter { margin:0; padding:0;}
#formnewsletter input { width:60%;height:20px}
#formnewsletter label {width:40px;display: block; float: left; margin:0 10px 0 0;}
#formnewsletter img { margin-top:5px;}
#emailafferreur {padding-left:50px; text-align:center; width:200px; height:17px;}
/* ban flottante */
aside#slide_ban { margin:0; width:100%; padding:0; padding:1%; width:28%; float:left; }
#slide_ban h3 {margin:0; font-weight:normal; font-size:10px; }
.sliderwrapper{position: relative; /*leave as is*/overflow: hidden; /*leave as is*/width: 310px; /*width of featured content slider*/height: 260px;background:#f1f1f1;  border:#e7e4e4 1px solid;z-index:0;}
.sliderwrapper .contentdiv{visibility: hidden; /*leave as is*/position: absolute; /*leave as is*/left: 0;  /*leave as is*/top: 0;  /*leave as is*/padding: 5px;background: white;width: 310px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;z-index:0;}
.sliderwrapper .contentdiv:first-child{visibility: visible;}
.pagination{width: 310px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;}
.pagination a{padding: 0 5px;text-decoration: none; color: #00007D;background: white;}
.pagination a:hover, .pagination a.selected{color: #333;background:#d9d9d9;}
/* Liste forfaits des opérateurs */
table,th,td {border-collapse:collapse; text-align:left; }
caption {text-align:left;}
.contour td{border:1px solid #666;border-width:1px; background:#f1f1f1; padding:1%;width:20%;}
.contour .ab1{font-size:14px; font-weight:bold; }
.contour .ab2{font-size:18px;}
.contour .ab3{text-align:left; padding-left:10px;}
.contour .ab4{font-size:23px; color:#F00; font-weight:bold;}
.contour .ab4 .act1 {font-size:12px;}
.contour .ab4 .act2 {font-size:11px;}
.contour .ab5 {text-align:left;}
.contour2 th {border:1px solid #666;border-width:1px;}
.contour2 a,.contour2 a:link,.contour2 a:visited {color: #FFF; }
.contour2 a:hover {color: #CCC;}
tr.subMenu {border-left:1px solid #666;border-right:1px solid #666;border-bottom:1px solid #666;border-width:1px;}
.subMenu td{border-bottom:1px solid #9e9e9e;border-width:1px; background:#f1f1f1; text-align:left; padding-bottom:10px;}
.subMenu .ab3{text-align:left; padding-left:10px;}
.toggleSubMenu {margin-top:-9px; cursor:pointer;}
td {text-align:center;}
.a1 {width:200px; background:#930d78; font-weight:bold; color:#FFF; height:30px; padding-left:5px;}
.a2 {width:100px; background:#930d78; font-weight:bold; color:#FFF;height:30px;padding-left:5px; }
.a3 {width:100px; background:#930d78; font-weight:bold; color:#FFF;height:30px;padding-left:5px; }
.a4 {width:100px; background:#930d78; font-weight:bold; color:#FFF;height:30px;padding-left:5px; }
.a5 {width:300px; background:#930d78; font-weight:bold; color:#FFF;height:30px;padding-left:5px; }
.a6 {width:150px; background:#930d78; font-weight:bold; color:#FFF;height:30px;padding-left:5px; }
.bouton_choisir {background: url(../image/bouton-choisir.jpg); height:30px; width:120px; font-weight:bold; color:#FFF; font-size:17px; line-height:30px; text-align:center;}
.bouton_choisir a, .bouton_choisir a:link, .bouton_choisir a:visited {color: #FFF;}
.bouton_choisir a:hover {font-size:15px;}
#texte .pub {width:15%;position:absolute; right:4%;  padding:1%; border:#CCC 1px solid; background:#FFF;}
#texte .pub img { margin-bottom:2%; width:100%;}
#texte .pub p { margin-top:15px;}
#texte .pub span { font-size:16px; color:#e10000; font-weight:bold;display:inline-table;}
#texte .pub a { font-weight:normal; font-size:12px; color:#666;}
.apnmms { width:68%;}
.apn_titre {text-decoration:underline; font-size:14px; color:#0C0;}
.apn_nomope {color:#930d78; font-weight:bold; line-height:20px; font-size:20px; position:absolute; margin:15px 0 0 20px;}
.cartecouverture { border:#CCC 1px solid; min-height:100px; padding:10px;}
.cartecouverture .img{float:left;}
.cartecouverture h2 { float:left; color:#a5008c; font-size:16px; margin:20px 0 10px 10px;}
.cartecouverture hr { border:none; clear:both;}
.cartecouverture a:link,.cartecouverture a:visited{color:#090; font-weight:bold; text-decoration:underline;}
.cartecouverture a:hover { text-decoration:none;}
figure {float:left; width:360px; border:#90C dashed 1px; text-align:center; margin:0 20px 20px 30px; padding:5px;}
figure:hover {border:#90C solid 1px;}
.reseau:hover{-khtml-opacity:0.5;-moz-opacity : 0.5;-ms-filter: "alpha(opacity=50)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter : alpha(opacity=50);opacity : 0.5;}
#calculatrice label {width:170px;display: block; float: left;}
#calculatrice input[type=button] {margin-left:220px;}
.offretab {float:left; width:80px; text-align:center;}
.codepuk{background:#F6F6F6; display:inline-block; width:96%; padding:1%;}
.codepuk h2 { font-size:17px; padding:1% 0 1% 0;}
.codepuk ul{list-style:none; clear:both;}
.codepuk .lilogo{float:left;width:140px; text-align:center; padding-top:15px;}
.codepuk .lipuk{float:left;width:700px;}
.codepuk .lipuk a{font-weight:bold;}
.codepuk .lipuk span{color:#CCC; font-size:10px;}
.codepuk .lipuk .span2{color:#9e0875;}
#rbt li,#rbt1 li {background:#f5f5f5; min-width:100px; float:left; padding:0 0 0 5px;border:#dcdcdc solid 1px; border-right:0px;height:20px; text-align:center; margin-bottom:10px; margin-right:15px;}
#rbt li a#rbt1 li a {font-weight:bold;
}.etiquette_fleche{background: url(../image/etiquette-fleche.jpg) no-repeat; width:13px; height:22px; float:right; margin-top:-1px;}
/* avis - offre de rembourement opérateur */
.ajouteravis, .avis, .offreremboursement_ope, .infoope {margin-top:35px;}
.infoope p {display:inline-block;}
.ajouteravis h2,.avis h2, .offreremboursement_ope h2, .infoope h2 {height:35px; line-height:45px; font-size:18px;display: table-cell;}
.ajouteravis hr,.avis hr, .offreremboursement_ope hr, .infoope hr {clear:both; border:0;}
.ajouteravis .iconeh1,.avis .iconeh1, .offreremboursement_ope .iconeh1, .infoope .iconeh1{width:40px; float:left; margin-right:20px;}
.messageavisfin {border:#CCC 1px solid; background:#5a5084; color:#FFF; font-weight:bold; padding:10px;}
.nav_operateur {background:url(../image/menu-operateur.jpg); height:34px; line-height:24px;position: absolute;list-style:none;margin-left: inherit;margin-right: inherit;text-align:right;margin-top: 0;left: inherit;right: inherit;z-index: inherit;width:100%;}
.nav_operateur ul {list-style:none; padding:5px;}
.nav_operateur li {float:left; padding:0 10px 0 10px; border-right:#610f0f 1px solid; color:#FFF; font-weight:bold;}
.nav_operateur .droite {
float:right;border-right:0; width:300px; text-align:right;}
.nav_operateur li:hover {background:#000; cursor:pointer;}
.nav_operateur a:link,.nav_operateur a:visited,.nav_operateur a:hover {color:#FFF; text-decoration:none;}
.jRatingAverage {background-color:#f62929;position:relative;top:0;left:0;height:100%;}
.jRatingColor {position:relative;top:0;left:0;height:100%;}
.jStar {position:relative;left:0;z-index:3;}
p.jRatingInfos {position:absolute;z-index:9999;background:transparent url('../image/bg_jRatingInfos.png') no-repeat;color:#FFF;display:none;width:91px;height:29px;font-size:16px;text-align:center;padding-top:5px;}
p.jRatingInfos span.maxRate {color:#c9c9c9;font-size:14px;}
.rating-foreground{float:right; background:url(../image/etoiles-vote.png) repeat-x; margin-left:10px;}
#formulaireavis label {width:170px;display: block; float: left; font-weight:bold; font-size:18px;}
#formulaireavis .form1 {line-height:25px; height:25px;  padding:5px 5px 5px 30px; float:right; margin-right:70px;}
#formulaireavis .form1 img {position:absolute; margin:3px 0 0 -27px;}
#formulaireavis button {margin-left:300px;width:150px; height:40px; border:#999 2px solid; font-weight:bold; font-size:18px;}
#formulaireavis button:hover { width:150px; height:40px; border:#999 2px solid; font-weight:bold; font-size:18px; background:#CCC; cursor:pointer;}
#formulaireavis input,#formulaireavis textarea{width:400px;}
.aviscomm {width:800px; margin-top:30px;}
.aviscomm div {}
.aviscomm .div1 { height:80px;float:left;}
.aviscomm .div2 span {font-weight:bold;}
.aviscomm .div3 {float:left; line-height:30px; width:165px;}
.aviscomm .div3 span {background:url(../image/etoiles-vote.png) 0 -20px repeat-x;height:20px;float:right; margin:0 0 0 15px;}
.aviscomm .avis4 {float:left; width:800px; background:#F1F1F1; padding:10px;}
.avisreponse {width:70%; background:#FFF; border:#CCC 1px solid; padding:5px; clear:both; float:right; margin-top:5px;}
.avisreponse span { font-weight:bold; font-size:12px;}
.aviscomm  .datetime {font-size:10px; color:#999;}
/* comparateur */
#paniercomparateur {display:none;}
#panier {padding:10px;  margin:5px;}
.resultat {min-height:20px;}
.obj-panier {width:100%; border-bottom:1px solid #DDD;}
.obj-panier img {width:80px; height:38px;}
.obj-panier .div1 {float:left;width:80px;}
.obj-panier .div2 {float:left; padding-top:5px;width:170px;font-weight:bold;}
.obj-panier .div3 {float:left; color:#F00}
.borduretab {border: 0px;}
#tableaucomparehaut {margin-bottom:60px;}
#tableaucomparehaut th{width:250px; text-align:center; background:#ae0e8e; color:#FFF; font-size:15px; border-right:1px solid #FFF;}
#tableaucomparehaut img{vertical-align:middle; margin-bottom:5px;}
#tableaucompare td{text-align:left; height:60px; border-right:1px solid #CCC; padding:5px; border-bottom:1px solid #CCC;}
.legendetab { background:#680153; color:#FFF; font-weight:bold;}
.borderlegend{border:#FFF 5px solid;}
.costprix {font-weight:bold; font-size:40px;}
#tableaucompare tr td.costprix {text-align:center}
#tableaucompare .date_promo {color:#F00; font-size:14px; font-weight:bold;}
.costprix  sup {font-size:20px;}
.compare_promo, .compare_promo sup  {font-size:14px;}
.legendetab img  {vertical-align:middle;}
.texteoption {font-size:10px; color:#999}
#tableaucompare tr td.compareachat  {border:none; text-align:center;}
/* contact */
#formcontact{width:470px; float:left;}
#formcontact2{width:850px; float:left;} 
#formcontact label,#formcontact2 label {width:250px; margin-top:10px;display:block;}
#formcontact input, #formcontact textarea, #formcontact select,#formcontact2 input, #formcontact2 textarea, #formcontact2 select {width:450px;height:27px;background:#efefef;border:1px solid #dedede;padding:5px;margin-top:3px;font-size:0.9em;color:#3a3a3a;}
.forcase1{width:520px; float:left;}
.forcase2{width:270px; float:left;}
#formcontact input[type=radio],#formcontact2 input[type=radio] {width:30px; height:15px}
#formcontact textarea,#formcontact2 textarea {height:213px;background: #efefef;}
#formcontact input#envoi,#formcontact2 input#envoi {border:1px solid #000; width:200px; font-size:15px; font-weight:bold; height:30px; cursor:pointer;}
#formcontact input#envoi2,#formcontact2 input#envoi2 {border:1px solid #000; font-size:15px; font-weight:bold; height:30px; cursor:pointer;}
#formcontact input#envoi:hover, #formcontact input#envoi2:hover,#formcontact2 input#envoi:hover, #formcontact2 input#envoi2:hover  {
border:2px solid #000;background:#CCC;}
#courier { float:right; width:250px; margin-top:-20px;}
#courier .contactcourier{border:#CCC 2px dashed; padding:10px; width:180px;}
#courier span {font-weight:bold;}
.avantformulaire { color:#F00; font-size:16px;}
/* revendre mobile */
#formrecherche {text-align:center;}
#formrecherche label {color:#FFF; font-weight:bold; font-size:15px; margin-right:20px;}
#formrecherche input {width:600px; height:30px; font-size:14px;}
#formrecherche #recherche {font-weight:bold; font-size:18px;}
.revente {width:250px; float:left; margin:0 10px 10px 0; padding:5px;-moz-border-radius: 12px;-webkit-border-radius: 12px; -khtml-border-radius: 12px;border-radius: 12px;min-height:350px;border:#DDD 1px solid;text-align:center; font-size:11px;}
.revente p {font-weight: 100; }
.revente .etat {width:150px; float:left; text-align:left;font-weight: 100;}
.revente .bold {font-weight:bold;}
.revente img {text-align:center; height:123px; width:123px;}
.vendremontelephone{height:30px; width:120px;background:url(../image/vendre.png) no-repeat; text-align:center; line-height:30px; font-weight: bold; font-size:17px; color:#FFF; cursor:pointer; margin-left:auto; margin-right:auto;}
.vendremontelephone a:link, .vendremontelephone a:visited {color:#FFF;}
.vendremontelephone:hover {background:url(../image/vendre-off.png)  no-repeat; font-size:14px;color:#FFF;}
/* Liste des opérateurs */
.presentationoperateur a:link,.presentationoperateur a { font-weight:bold;}
.listeoperateur {border:#90C dashed 1px; padding:10px; margin-bottom:15px;}
.listeoperateur p {text-align:justify;}
.listeoperateur span.mnov {color:#666; font-size:12px;}
.listeoperateur h2 {font-weight:bold;text-align: left; float:left; vertical-align:middle; margin-top:10px; font-size:16px;}
.imgoperateur {float:left; margin-right:15px;}
.listeoperateur p a:link, .listeoperateur p a:visited {color:#930d78; font-weight:bold;}
.listeoperateur p a:hover {color:#903;}
.listeoperateur .lienope {margin-left:50px;}
.compare {width:100%; text-align:center; margin-top:15px;}
.imgpu { text-align:center;}
/* Cerclage data internet */
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
position: absolute;border: 0.08em solid #307bbb;width: 0.84em;height: 0.84em;clip: rect(0em, 0.5em, 1em, 0em);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.c100 {
position: relative;font-size: 150px;width: 1em;height: 1em;-webkit-border-radius: 50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 0.1em 0.1em 0;background-color:#ddd;}
.c100 *, .c100 *:before, .c100 *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.c100.center {float: none;margin: 0 auto;}
.c100 > span {position: absolute;width: 100%;z-index: 1;left: 0;top: 0;line-height: 5em;font-size: 30px;font-weight:bold;display: block;text-align: center;white-space: nowrap;-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;color:#144700;letter-spacing:-2px;}
.c100:after {
position: absolute;top: 0.08em;left: 0.08em;display: block;content: " ";-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: whitesmoke;width: 0.84em;height: 0.84em;-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;transition-timing-function: ease-in;}
.c100 .slice {position: absolute;width: 1em;height: 1em;clip: rect(0em, 1em, 1em, 0.5em);}
.c100.p1 .bar{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg)}.c100.p2 .bar{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg)}.c100.p3 .bar{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg)}.c100.p4 .bar{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg)}.c100.p5 .bar{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg)}.c100.p6 .bar{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg)}.c100.p7 .bar{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg)}.c100.p8 .bar{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg)}.c100.p9 .bar{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg)}.c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg)}.c100.p11 .bar{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg)}.c100.p12 .bar{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg)}.c100.p13 .bar{-webkit-transform:rotate(46.8deg);-moz-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);-o-transform:rotate(46.8deg);transform:rotate(46.8deg)}.c100.p14 .bar{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg)}.c100.p15 .bar{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg)}.c100.p16 .bar{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg)}.c100.p17 .bar{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg)}.c100.p18 .bar{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg)}.c100.p19 .bar{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg)}.c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}.c100.p21 .bar{-webkit-transform:rotate(75.6deg);-moz-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);-o-transform:rotate(75.6deg);transform:rotate(75.6deg)}.c100.p22 .bar{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg)}.c100.p23 .bar{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg)}.c100.p24 .bar{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg)}.c100.p25 .bar{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.c100.p26 .bar{-webkit-transform:rotate(93.6deg);-moz-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);-o-transform:rotate(93.6deg);transform:rotate(93.6deg)}.c100.p27 .bar{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg)}.c100.p28 .bar{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg)}.c100.p29 .bar{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg)}.c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg)}.c100.p31 .bar{-webkit-transform:rotate(111.6deg);-moz-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);-o-transform:rotate(111.6deg);transform:rotate(111.6deg)}.c100.p32 .bar{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg)}.c100.p33 .bar{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg)}.c100.p34 .bar{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg)}.c100.p35 .bar{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg)}.c100.p36 .bar{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg)}.c100.p37 .bar{-webkit-transform:rotate(133.2deg);-moz-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);-o-transform:rotate(133.2deg);transform:rotate(133.2deg)}.c100.p38 .bar{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg)}.c100.p39 .bar{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg)}.c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}.c100.p41 .bar{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg)}.c100.p42 .bar{-webkit-transform:rotate(151.2deg);-moz-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);-o-transform:rotate(151.2deg);transform:rotate(151.2deg)}.c100.p43 .bar{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg)}.c100.p44 .bar{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg)}.c100.p45 .bar{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg)}.c100.p46 .bar{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg)}.c100.p47 .bar{-webkit-transform:rotate(169.2deg);-moz-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);-o-transform:rotate(169.2deg);transform:rotate(169.2deg)}.c100.p48 .bar{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg)}.c100.p49 .bar{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg)}.c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100.p51 .bar{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg)}.c100.p52 .bar{-webkit-transform:rotate(187.2deg);-moz-transform:rotate(187.2deg);-ms-transform:rotate(187.2deg);-o-transform:rotate(187.2deg);transform:rotate(187.2deg)}.c100.p53 .bar{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg)}.c100.p54 .bar{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg)}.c100.p55 .bar{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg)}.c100.p56 .bar{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg)}.c100.p57 .bar{-webkit-transform:rotate(205.2deg);-moz-transform:rotate(205.2deg);-ms-transform:rotate(205.2deg);-o-transform:rotate(205.2deg);transform:rotate(205.2deg)}.c100.p58 .bar{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg)}.c100.p59 .bar{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg)}.c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}.c100.p61 .bar{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg)}.c100.p62 .bar{-webkit-transform:rotate(223.2deg);-moz-transform:rotate(223.2deg);-ms-transform:rotate(223.2deg);-o-transform:rotate(223.2deg);transform:rotate(223.2deg)}.c100.p63 .bar{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg)}.c100.p64 .bar{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg)}.c100.p65 .bar{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg)}.c100.p66 .bar{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg)}.c100.p67 .bar{-webkit-transform:rotate(241.2deg);-moz-transform:rotate(241.2deg);-ms-transform:rotate(241.2deg);-o-transform:rotate(241.2deg);transform:rotate(241.2deg)}.c100.p68 .bar{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg)}.c100.p69 .bar{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg)}.c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg)}.c100.p71 .bar{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg)}.c100.p72 .bar{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg)}.c100.p73 .bar{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg)}.c100.p74 .bar{-webkit-transform:rotate(266.4deg);-moz-transform:rotate(266.4deg);-ms-transform:rotate(266.4deg);-o-transform:rotate(266.4deg);transform:rotate(266.4deg)}.c100.p75 .bar{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.c100.p76 .bar{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg)}.c100.p77 .bar{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg)}.c100.p78 .bar{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg)}.c100.p79 .bar{-webkit-transform:rotate(284.4deg);-moz-transform:rotate(284.4deg);-ms-transform:rotate(284.4deg);-o-transform:rotate(284.4deg);transform:rotate(284.4deg)}.c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}.c100.p81 .bar{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg)}.c100.p82 .bar{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg)}.c100.p83 .bar{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg)}.c100.p84 .bar{-webkit-transform:rotate(302.4deg);-moz-transform:rotate(302.4deg);-ms-transform:rotate(302.4deg);-o-transform:rotate(302.4deg);transform:rotate(302.4deg)}.c100.p85 .bar{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg)}.c100.p86 .bar{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg)}.c100.p87 .bar{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg)}.c100.p88 .bar{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg)}.c100.p89 .bar{-webkit-transform:rotate(320.4deg);-moz-transform:rotate(320.4deg);-ms-transform:rotate(320.4deg);-o-transform:rotate(320.4deg);transform:rotate(320.4deg)}.c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg)}.c100.p91 .bar{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg)}.c100.p92 .bar{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg)}.c100.p93 .bar{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg)}.c100.p94 .bar{-webkit-transform:rotate(338.4deg);-moz-transform:rotate(338.4deg);-ms-transform:rotate(338.4deg);-o-transform:rotate(338.4deg);transform:rotate(338.4deg)}.c100.p95 .bar{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg)}.c100.p96 .bar{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg)}.c100.p97 .bar{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg)}.c100.p98 .bar{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg)}.c100.p99 .bar{-webkit-transform:rotate(356.4deg);-moz-transform:rotate(356.4deg);-ms-transform:rotate(356.4deg);-o-transform:rotate(356.4deg);transform:rotate(356.4deg)}.c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.c100:hover {cursor: default;}
.c100:hover > span {color: #34b700}
.c100.green .bar, .c100.green .fill {border-color: #34b700 !important;}
.c100.green:hover > span {color: #34b700;}
/* FIN Cerclage data internet */
/* DEBUT habillage */
.a{position: fixed;width: 150px;left: 50%;margin-left:-685px;height:95%; top:0;	cursor:pointer;}
.b{position: fixed;width: 150px;right: 50%;margin-right:-685px;height:95%; top:0;cursor:pointer;}
.c{position: absolute;width:100%;height:130px; top:0;cursor:pointer;}
/* FIN habillage */
.p11ub { position:fixed; top:175px; margin-left:-180px; width:160px}
.p22ub {position:fixed; top:175px; margin-left:1100px; width:160px}
@media screen and (min-width: 769px) and (max-width: 1024px) {
body { background-image:none; width:auto;margin: 0;padding: 0;-webkit-text-size-adjust: 100%;}
header,footer,.clear,nav,#menu {width: 100%;}
header {position:static;}
#texte-logobas {display:none;}
img { max-width: 100%; height:auto;}
#logo {width:47%; left:inherit;}
#newsletter {position:absolute; right:150px;	}
#suiveznous {position:absolute; right:0;}
nav {position: absolute;top: 0; left: 0; right: 0;padding: 0;margin-top:60px;cursor: pointer;z-index:5000;}
#menu {margin-top:7px;	}
#contenu {width: 100%;margin:0; padding:0;border: none;}
section {padding:0;}	
#formulaire {margin:0; float:left;display:inline-block;padding:5px 5px 15px 5px;}
#texte {margin:0; float:left; display:block;width:100%;}
#texte_accueil {width:96%;	}
.info{height:100%;}
#textemenu {width:45%; margin-right:0;}
.bande_ope div { margin:0 0 10px 0;width:100%}
.bande_ope p {width:45%;}
.sectionencart {width:50%;}
.encart li {text-align:center;}
.encart div {width:100%; text-align:justify;}
.encart img {max-height:80px; width:auto;}
#formcontact, #formcontact input, #formcontact textarea, #formcontact select, #formcontact2,.forcase1,forcase2,#formcontact2 input, #formcontact2 textarea, #formcontact2 select { width:100%; padding:0;}
#courier{ margin:0; float:left;}
.offreremboursement {width:96%;padding: 2%;}
.offre1{ width:100%; text-align:center;}
.offre1 img{max-width: 100%;height: auto;}
.offre2 {width:96%;text-align:justify;padding:2%;}
.offre2 .grostitre {width:100%;text-align:center; }
.offre2b {width:100%;}
offre2b div {width: 40%;}
.offre3 {width:90%;text-align:center;}
.offre3 div {position:static;margin: 0;}
.offre3 div img {min-width:150px;}
article, aside {float: left;width: 96%;padding: 2%;margin: 0;}
.Actudiv .liv1{float:left; width:100%; padding:5px 0 5px 0; text-align:justify;}
.Actudiv .liv1 p{width:96%; padding:2%;}
.Actudiv .liv1 h3{text-align:center;}
.Actudiv .liv2{clear:both; width:100%;}
.Actudiv .div2 {margin:0; width:100%; text-align:right;}
.Actudiv .div3 {margin:0; position:static;}
/* revente mobile */
#formrecherche input {width:100%;}
.codepuk .lipuk{width:100%}
figure {width:96%;margin:0 0 20px 0; padding:2%;}
#texte .s1 aside, #annonce .s1 aside{width:100%;padding:0; margin:5px 0 5px 0;}
#texte .s1 img,#annonce .s1 img{max-width:100%; height:auto;
}.nav_operateur {height:auto; line-height:24px; width:65%;position:static;background-repeat:repeat-x; background-color:#bc0809;}
.nav_operateur .droite {float: left;border-right: 0;text-align: left;}
}
@media screen and (min-width: 891px) and (max-width: 914px) {
#texte {width:100%;}
#menu li .drop { font-size:11px;} #menu li { padding:0 5px 0 5px;}}
@media screen and (min-width: 843px) and (max-width: 890px) {#texte {width:100%;}#menu li .drop { font-size:11px;} #menu li { padding:0 5px 0 5px;}}
@media screen and (min-width: 780px) and (max-width: 842px) {#texte {width:100%;}#menu li .drop { font-size:11px;} #menu li { padding:0 3px 0 3px;}}
@media screen and (min-width: 769px) and (max-width: 779px) {#texte {width:100%;}#menu li .drop { font-size:11px;} #menu li { padding:0 3px 0 3px;}}

#menu-recherche,#menu-recherche-retour,#menu-responsive-rbt,#menu-responsive-rbt1{ display:none;}
@media screen and (max-device-width: 1280px),screen and (max-width: 1280px) {
#contenu {max-width:1000px;}
.p11ub {margin-left:-140px;}
.p22ub {margin-left:1000px}
}
/* L'ANCIEN bloc « MENU » mobile (burger .open-menu glissé par offsets en dur,
   bascule .m1-.m5) a été SUPPRIMÉ le 06/07/2026. Le menu mobile est désormais
   généré par js/menu-mobile.js, styles dans la section « MENU MOBILE V2 » de
   css/theme-moderne.css (le menu desktop ul#menu y est masqué en ≤1024px). */

@media screen and (max-device-width: 767px),screen and (max-width: 768px) {
#menu-recherche,#menu-recherche-retour,#menu-responsive-rbt,#menu-responsive-rbt1{ display: block;}
body { background:none; width:auto;margin: 0;padding: 0;}
header,footer,.clear,#menu {-webkit-text-size-adjust: 100%;width: 100%;margin:0; padding:0;}
header {position:static; height:50px;}
.head452 img{width:100%;}
#logo { left:0;}
#suiveznous{margin-left:10px;}
#suiveznous span {display:none;}
#suiveznous img {width:40px; height:39px;}
footer #texte-logobas,footer div {display:none;}
footer{background:#333;box-shadow: none; border:none; padding:5px 0 5px 0;}
#contenu {-webkit-text-size-adjust: 100%;width: 100%;margin:0; padding:0;clear:both;border: none;box-shadow: none; min-width: inherit;}
#formulaire {margin-top:0;clear:both; width:98%;}
#paniercomparateur{display:none !important;}
#recherche_nav,.bornes_casecadre{width:100%;}
.bornes_casecadre:nth-child(-n+2) { min-height: inherit;}
.bornes_casecadre:nth-child(2) { width:100%;}
#newsletter {display:none;}
#logo {width:100%; text-align:center;}
header img {margin:0 0 0 -10px;}
#logo img {max-width: 100%;height:auto;}
#texte, #annonce {margin:0;}
#texte .s1, #annonce .s1 {margin-top: 10px;}
#textemenu,.sectionencart {display:none;}
article,section {width:98% !important; margin:0; padding:5px;}
aside {width:100%; height:auto; padding:0; margin:0;}
.info {height:auto;}
.rbtindex div.cadpro {width:100%}
/* formulaire */
.ui-slider .ui-slider-handle { font-size: 1.3em; }
#recherchefinal {background:#0aa702;height: 45px;margin-top: 20px;width: 100%;color: #FFF;padding-top: 5px;font-size: 35px;font-weight: bold;cursor: pointer;z-index: 4000;}
#recherchefinal:hover {background:#0aa702;}
#affiche_recherche {margin:15px 0 0 0;width:100%;padding:0;}
.cadrebout { padding:2px 8px 2px 8px;font-size:15px;}
.cadrebout:hover { padding:2px 8px 2px 8px;}
.cadrebout2 { padding:6px 12px 6px 12px; background:#FF0; font-size:17px;}
#menu-recherche{ float:left; margin:10px 0 0 10px; border:#000 1px solid; background:#FFF; padding:5px;cursor:pointer;}
#menu-recherche-retour{ margin:10px 10px 0 0; border:#000 1px solid; background:#FFF; float:right; padding:5px;cursor:pointer;}
.recherche_texte, .recherche_texte2  {float:left; width:99%; padding-left:1%; padding-top:10px; line-height:25px}
.mob,.mob1{ width:33%;}
.recherche_titre {width:50%;}
.recherche_prix  {width:33%; margin-top:15px;}
.barreseparation  { border:none; background:#FFF;}
.barreseparation img { display:none;}
.prix_flottant {margin:-10px 0 0 -10px;}
.prix_flottant_offre {margin:40px 0 0 -10px;}
.recherche_barre  {width:90%; padding-left:15px;}
.offre_barre,.li2s  {width:95%;}
.resp-menuformulaire,#cadre_over,.resp-affiche,.resp-affiche-info,.resp-btretour { display:none !important;}
.resp-btrecherche,.resp-btretour { display:none !important;}
#affiche_resultat {width:100%;margin: 15px 0 0 0;min-height: 500px;}
#affiche_resultat .li1 .dvi1{width:30%;}
#affiche_resultat .li1 .dvi2{float:left; font-size:25px; color:#fff000; padding:10px 0 0 10px; font-weight:bold; width:50%;text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px; }
#affiche_resultat ul.aff_re1{min-height:200px;}
#affiche_resultat .li3 {width:100%; font-size:3em; color:#fff000; font-weight:bold;height:75px;display:block; float:none; padding-left:0;}
#affiche_resultat .li3 img {max-width:100%; height:auto;float: right;}
#affiche_resultat .li2 {background:#FFF; width:97%; min-height:25px; line-height:25px; padding:5px;margin:5px 0 0 0; border:#000 1px solid;}
#affiche_resultat .li2s {background:#FFF; width:97%; min-height:25px; line-height:25px; padding:5px;margin:5px 0 0 0; border:#000 1px solid;}
.respguide img { width:100%;}
.recherche_logo { width:100%;}
.pop a { padding:3%; display:inline-block;}
/* autres pages */
#texte {margin-top: 5px; width:100%;padding:0;}
#texte img {max-width: 100%;height: auto;}
.offreremboursement {width:96%;padding: 2%;}
.offre1{ width:100%; text-align:center;}
.offre1 img{max-width: 100%;height: auto;}
.offre2 {width:100%;text-align:center;}
.offre2b {width:100%;}
offre2b div {width: 40%;}
.offre3 {width:90%;text-align:center;}
.offre3 div {position:static;margin: 0;}
.offre3 div img {min-width:150px;}
.actuindex li { width:49%;}
.rbtindex li { width:100%;}
.bande_ope { width:100%;}
/* remboursement menu */
.etiquette_fleche{display:none;}
#rbt ul,#rbt1 ul {position:absolute;left:-99em;display:none;}
#rbt button,#rbt1 button {margin: 0; padding: 0;color: #000;font-size: 1rem;border: 0;background:#F4F4F4;outline: none;font-weight: bold;cursor: pointer;border:#CCC 1px solid;width:100%;padding:5px;text-align:left;}
#rbt li,#rbt1 li {list-style: none;width:95%;text-align:left;float:right;height:auto;display:block;position: static;background:none;border:none;float:left;background:#f9f9f9;margin:0;padding:5px 0 5px 5%;border-bottom:#f4f4f4 1px solid;}
#rbt li:hover,#rbt1 li:hover{background:#F1F1F1;}
/* Action ! */
#rbt.open-rbt ul,#rbt1.open-rbt1 ul {padding-top: 0;left:0;display:block;position:static;}
/* actualité */
.Actudiv .liv0{float:left; width:260px; padding:5px;}
.Actudiv .liv0 {float:left; width:100%; text-align:center;}
.Actudiv .liv0 img {max-width:100%; height:auto; width:200px;}
.Actudiv .liv1{float:left; width:100%; padding:5px 0 5px 0; text-align:justify;}
.Actudiv .liv1 h3{text-align:center;}
.Actudiv .liv2{clear:both; width:100%;}
.Actudiv .div2 {margin:0; width:100%; text-align:right;}
.Actudiv .div3 {margin:0; position:static;	}
/* page operateur */
.s1 aside { display:none;}
.nav_operateur {width:100%; display:none;}
.nav_operateur .droite {width:35%; }
/* contact */
#formcontact,#formcontact2,.forcase1,forcase2 {width:100%;}
#formcontact label,#formcontact2 label {width:100%;}
#formcontact input, #formcontact textarea, #formcontact select,#formcontact2 input, #formcontact2 textarea, #formcontact2 select {width:100%;}
/* revente mobile */
#formrecherche input {width:100%;}
.codepuk .lipuk{width:100%}
figure {width:96%;margin:0 0 20px 0; padding:2%;}
/* avis */
#formulaireavis label {width:100%;}
#formulaireavis .form1 {padding:0; margin:0;}
#formulaireavis button {margin-left:auto;margin-right:auto;width:150px;height:40px; border:#999 2px solid; font-weight:bold; font-size:18px;}
#formulaireavis input,#formulaireavis textarea{width:100%;}
.aviscomm {width:100%; margin-top:30px;}
#calculatrice input {width:90%;}
#calculatrice input[type=button] {margin-left:0;}
.montantdu { width:96%; margin-bottom:10px;padding:2px;}
#suiteinfo { width:0px; height:0px; overflow:hidden; display:none;}
.pub {width:100%; position:inherit;}
.pub img {width:23%;}
.apnmms { width:100%;}
.imgpu img { position:fixed; width:100%; bottom:0;}
.guideachat li { width:48%; height:100px;}
.bande_ope li { height:110px;}
}
/* orientation */
@media (orientation: landscape) screen and max-device-width: 980px, (orientation: landscape) screen and (max-width: 768px) {
html,body {-webkit-text-size-adjust: 100%;}
}
@media screen and (max-width: 779px) {nav button {top: 8.7rem;} }
@media screen and (max-width: 610px) {nav button {top: 7.4rem;} }
@media screen and (max-width: 530px) {nav button {top: 7.2rem;} }
@media screen and (max-width: 450px) {nav button {top: 6.6rem;} }
@media screen and (max-width: 400px) {nav button {top: 6.4rem;} }