@viewport {
width: device-width;
zoom: 1;
initial-scale:1.0;
user-scalable:no
}

html {
height:100%;
}

html, body {
margin: 0;
font-family:"Open Sans", Arial;
font-size:12px;
}

body{
height:100%;
overflow:auto !important;
background-image:none !important;
}
#_gal {
min-height:100%;
width: 100%;
display:table;
height:100%;
}
#_dkz {
display: table-row;

width: 100%;

font-family:Arial;
font-size:12px;
background-color:#FFF;




overflow-y:scroll;
padding:0 0 0 0;
margin:0;
}
#_bhd {

display:table-row;
width: 100%;

font-family:Arial;
font-size:12px;
background-color:#575757;
background:#575757 linear-gradient(to bottom, #575757 0px, #575757 50%, #545454 60%, #2E2E2E 100%) no-repeat scroll 0px 0px;
overflow:hidden;
text-align:center;
padding:12px 0px;
z-index:3;
}
.ANCRE {}
.ANCRE:target {	}





th {background-color:#4E7079;color:#FFF;padding:6px;font-size:12px;}
td {padding:6px;font-size:12px;}
.L0 {background-color:#50B7C9 ;}
.L1 {background-color:#FFF;}


.CSS-FAQ-SECTION {color : #000; font-family:Arial;font-size:30px;font-weight:bold;}
.CSS-FAQ-TITRE {color: #000;font-family: Helvetica,Arial,sans-serif;font-size: 24px;line-height: 1.5;}
.CSS-FAQ-CORPS {color: #656565;font-size: 17px;line-height: 1.5;}

.CSS-FAQ-CORPS a {color: #656565;text-decoration-style: dashed;}
.CSS-FAQ-CORPS a:hover {color: #656565;text-decoration-style: dashed;}
.CSS-FAQ-CORPS a:visited {color: #656565;text-decoration-style: dashed;}
.CSS-FAQ-CORPS a:active {color: #656565;text-decoration-style: dashed;}

.ENTETE  {z-index:2;position:fixed;top: 0;left: 0;background-color:transparent;width:100%;overflow:hidden;text-align:left;padding:0;}
.ENTETE2 {z-index:2;position:fixed;top: 0;left: 0;background-color:transparent;width:100%;overflow:hidden;text-align:left;padding:0;}
.CSS-CADRE-PAGE  {width:100%;overflow-y:auto;overflow-x:hidden;margin:181px auto 120px auto;border:none 0px #000;text-align:left;background-color:transparent;}
.CSS-CADRE-PAGE2 {width:100%;overflow-y:auto;overflow-x:hidden;margin:181px auto 120px auto;border:none 0px #000;text-align:left;background-color:transparent;}
.FOOT {max-width:1180px;margin:auto;color:#DDD;padding:6px 20px;}
.FOOT.TITRE {text-transform: uppercase;font-family:"century gothic",Arial,Helvetica,sans-serif;color:#EEE;margin:0 0 6px 0;padding:0;}
.FOOT.TITRE a:hover {text-decoration:underline !important;color:#DDD;}
.FOOT.BLOC {width:18%;text-align:left;float:left;clear:none;}
.FOOT.BLOC li {padding:0;margin:0;list-style-type:none;padding:0 6px 0 6px;}
.FOOT.BLOC ul {padding:0 0 0 20px;margin:0;}
.FOOT.BLOC ul li {padding:0;margin:0 0 0 20px;list-style-type: circle;}
.FOOT a {text-decoration:none !important;color:#999;}
.FOOT a:visited {text-decoration:none !important;color:#999;}
.FOOT a:active {text-decoration:none !important;color:#999;}
.FOOT a:hover {text-decoration:underline !important;color:#DDD;}
.FOOT.TITRE a {text-decoration:none !important;color:#DDD !important;}

.PIED.PIED {max-width:1180px;margin:auto;}

.FOOTER-LIEN-RS IMG {height:28px;margin:2px;opacity:0.5;}
.FOOTER-LIEN-RS:hover IMG {opacity:1;}

#LOGO {text-align:left;padding:4px 20px 4px 80px;position:relative;float:left;}
#LOGO img {height:80px;margin-left:-78px;float:left;}
#LOGO .TITLE {font-size:300%;color:#000;width:100%;border-bottom:none 2px #50B7C9;margin:0px;font-family:Arial;}
#LOGO .BASELINE {font-size:117%;padding:3px 0 0 0;color:#888;}

#TESTLINK {text-decoration:none !important;color:unset;}
#TESTLINKSHADOW {display:none;border:none !important;}
#SHORTLINK  {text-decoration:none !important;color:unset;}
#SHORTLINK a:visited {text-decoration:none !important;}
#SHORTLINK a:active {text-decoration:none !important;}
#SHORTLINK a:hover {text-decoration:none !important;color:#000;border-bottom:solid 2px #c2e110;}

.PATH a {text-decoration:none !important;color:#706F73 !important;}
.PATH a:hover {text-decoration:underline !important;}
.PATH {border:none !important;}

nav.NAVBAR {font-size:13px;font-family:Ubuntu,Arial,'Arial Unicode MS',Helvetica,sans-serif;width:100%;padding:0;background-color:#575757;background:#575757 linear-gradient(to bottom, #575757 0px, #575757 50%, #545454 60%, #2e2e2e 100%) no-repeat scroll 0 0;text-align:left;}
ul.NAVBAR {list-style-type: none;padding:0;margin:0;margin-left:12px;border-left:solid 1px #787878;}
.NAVBAR .BTNMENU {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #707070 0px, #000 100%) repeat scroll 0 0;
border: 1px solid #404040;
border-radius: 0px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
display: none;
outline: medium none;
padding: 0;
position: relative;
vertical-align: bottom;
width: 100%;
display:none;
text-align:center;
}

#NAVBAR0 {height:54px;}
#NAVBAR1.NORMAL {background-image:url(https://q10.qualif1.upnote.fr/_6p//_dck/_9k/_dmb.png);background-repeat:no-repeat;}
#NAVBAR1.REDUITE {background-image:url(https://q10.qualif1.upnote.fr/_6p//_dck/logo-upnote.png);}
.PATH #NAVBAR1.REDUITE {background-image:none;}

.SITE-ONGLET-SEPARATEUR {text-decoration:none !important;float:left;}


.QUICKSTART li {display:inline-block;float:left;width:200px;max-width:50%;padding:24px 0;height:220px;z-index:1;}
.QUICKSTART form {width:200px;}
div.QUICKSTART {background-color:#FFF;position:relative;background-image:url(https://q10.qualif1.upnote.fr/_6p//_dck/_9k/_hgb.png);background-size:75% 280px;background-repeat:repeat-y;background-position:50% 0;display:inline-block;text-align:center;}
.QUICKSTARTNUM {color:#BFD31A;font-weight:bold;font-size:36px;}
.QUICKSTARTLIB {font-size:14px;font-weight:bold;}

.QUICKSTARTROW {display:inline-block;float:left;}

.POP1 {position:relative;top:180px;left:20px;background-color:#FFF;display:inline-block;height:124px;width:310px;}
.POP1A {float:left;background-color:#57BECF;color:#FFF;font-size:18px;font-weight:bold;height:100%;width:124px;line-height:160%}
.POP1A div {padding:17px 0 0 7px;}
.POP1B {padding:22px 5px 0 134px;font-size:15px;line-height:1.5em;}



.POP {position:relative;top:180px;left:20px;background-color:#FFF;display:inline-block;font-size:22px;padding:25px 15px;width:190px;height:100px;}
.POPA {float:left;background-color:#57BECF;color:#FFF;font-size:18px;font-weight:bold;height:100%;width:124px;line-height:160%}
.POPA div {padding:17px 0 0 7px;}
.POPB {padding:22px 5px 0 134px;font-size:15px;line-height:1.5em;}

.SITE-PART {padding:6px;clear:both;overflow:hidden;font-family:Arial;font-size:16px;}
.SITE-PART.GREY {background-color:#EFE9DD;}
.SITE-PART.DARKGREY {background-color:#aaa;color:#FFF;}
.SITE-PART.WHITE {background-color:#FFF;color:#656565;}
.SITE-PART.GREEN {background-color:#BFD31A;}
.SITE-PART.BLUE {background-color:#57becf;}
.SITE-PART.ORANGE {background-color:#F18443;}
.SITE-PART.ROUGE {background-color:#FF2456;}

.PAGE-INTRO {font-weight:bold;}

.bloc {padding:6px;clear:both;overflow:hidden;}

.brique3 {max-width:333px;width:100%;font-size:16px;padding:0 0px 0px 0px;margin:0;vertical-align:top;float:left;list-style-type:none;}
.brique1 h2 {text-align:center;border-bottom:solid 1px #DDD;font-family:Arial;font-weight:bold;padding-bottom:6px;font-size:120%;text-transform:capitalize;}
.brique1 div {padding-bottom:6px;}
.brique1.HIDE div {display:none;}
.brique1.HIDE h2{margin:4px 0;}
.brique1.SHOW h2{margin:4px 0 14px 0;}
.brique1.SHOW div{padding-bottom: 20px;}

.brique3.double {max-width:666px;}

.brique2 {max-width:520px;width:100%;font-size:16px;padding:0 00px 0px 0;vertical-align:top;float:left;list-style-type:none;}
.brique2 h2 {text-align:center;border-bottom:solid 1px #313332;font-family:Arial;font-weight:bold;padding-bottom:6px;font-size:120%;text-transform:capitalize;}
.brique2 div {padding-bottom:6px;}
.brique2.HIDE div {display:none;}
.brique2.HIDE h2{margin:4px 0;}
.brique2.SHOW h2{margin:4px 0 14px 0;}
.brique2.SHOW div{padding-bottom: 20px;border-bottom:solid 1px #313332;}

ul.SITE-ONGLET {list-style-type: none;padding:0;margin:0;margin-left:30px;border-left:none;width:100%;}
.SITE-ONGLET li{padding:0;border-right:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0;margin:0;margin-left:-1px;text-decoration:none;}
.SITE-ONGLET a{text-decoration:none;color:#707070;font-size:16px;display:block;padding:18px;}
.SITE-ONGLET.ON {background-color:#EEE;color:#2e2e2e;}
.SITE-ONGLET.OFF {background-color:transparent;color:#444;cursor:pointer;}
.SITE-ONGLET.OFF:hover {background-color:#c2e110;color:#2e2e2e;cursor:pointer;}
.SITE-ONGLET.FIRST {background-color:#FFF;}

.PAGE.OFF:hover {background:#787878;}

ul.NAVBAR li {display:inline-block;padding:0;margin:0;}
.PAGE {padding:20px 30px;display:inline-block;margin:0;text-decoration:none;border-right:solid 1px #787878;}
.PAGE.ON {background-color:#c2e110;color:#2e2e2e;}
.PAGE.OFF {background-color:transparent;color:#FFF;}

.PAGE2 {margin:0;text-decoration:none;border-right:solid 1px #787878;}
.PAGE2.ON {background-color:#c2e110;color:#2e2e2e;}
.PAGE2.OFF {background-color:transparent;color:#706F73;}
.PATH.PAGE2.OFF {border:none !important;background-color:transparent !important;}
.PATH.PAGE2.OFF ul {border:none !important;background-color:transparent !important;}

ul.NOBULLET {margin:0;padding:0;}
ul.NOBULLET li {margin:0;padding:0;list-style-type:none;}


.SITE-CUBE {font-size:14px !important;margin:24px;width:300px;color:#FFF;font-family:Arial;text-align:center;float:left;}
.SITE-CUBE h1 {font-size:20px !important;margin:16px 0 12px 0;}
.SITE-CUBE h2 {font-size:20px !important;margin:16px 0 12px 0;}
a.SITE-CUBE {text-decoration:none !important;}
a.SITE-CUBE img {border:none !important;}

.CSS-USE-CASE		{margin:2px;background-color:#FFF;color:#444;padding:6px 6px 6px 54px;text-align:left;background-repeat:no-repeat;background-size:38px;background-position:4px 4px;}
.CSS-USE-CASE ul	{margin:0;padding:0;}
.CSS-USE-CASE.CIBLE	{background-image:url(https://www.qualif1.upnote.fr/img/_hpe.png);height:70px;}
.CSS-USE-CASE.CIBLE li {width:232px;overflow: hidden;text-overflow: ellipsis;}
.CSS-USE-CASE.DESC	{background-image:url(https://www.qualif1.upnote.fr/img/_hnc.png);height:70px;}
.CSS-USE-CASE.BENEFIT	{background-image:url(https://www.qualif1.upnote.fr/img/_hnd.png);height:150px;overflow-y:auto;}
.CSS-USE-CASE.BENEFIT ul	{margin:0;padding:0 0 0 16px;list-style-image: url(https://www.qualif1.upnote.fr/img/bulletOKmini.png);}
.CSS-USE-CASE.DOCUMENTS		{background-image:url(https://www.qualif1.upnote.fr/img/_hne.png);height:100px;overflow-y:auto;}
.CSS-USE-CASE.FOOT	{background-image:url(https://www.qualif1.upnote.fr/img/_by.png);padding:6px;}


.SITE-PRODUIT	{margin:24px;color:#FFF;font-family:Arial;text-align:center;float:left;max-width:90%;background-color:#FFF;}
.SITE-PRODUIT	{width:500px;}
.SITE-PRODUIT-ENTETE {}
.SITE-PRODUIT-CORPS	{font-size:16px;text-align:left;min-height:440px;padding:10px 20px;color:#777;background-color:#FFF;}
.SITE-PRODUIT-PIED {margin:18px;}

.SITE-PRODUIT-CORPS b {font-weight:normal;}
.SITE-PRODUIT-INTRO {font-weight:normal;font-size:16px;}
.SITE-PRODUIT-INTRO b {font-weight:normal;font-size:16px;}

.SITE-PRODUIT-ENTETE-IMG {background-color:#FFF;width:100%;height:auto;}
.SITE-PRODUIT-ENTETE-TITRE {font-size:42px;padding:18px 0 0 0;font-weight:bold;width:100%;}
.SITE-PRODUIT-ENTETE-SOUSTITRE {font-size:22px;padding:12px 0 18px 0;width:100%;}
.SITE-PRODUIT-PIED-ACTION {display:inline-block;width:100%;font-size:28px;border-radius:0;padding:2px;font-variant:small-caps;text-decoration:none;color:#FFF;font-weight:bold;}
.SITE-PRODUIT-PIED-ACTION-DESCRIPTION {font-size:16px; color:#000;padding:2px;font-variant:none;display:block;font-weight:normal;}

.SITE-PRODUIT-PIED-ACTION  {text-decoration:none;color:#FFF;}
.SITE-PRODUIT-PIED-ACTION:visited  {text-decoration:none;}
.SITE-PRODUIT-PIED-ACTION:active  {text-decoration:none;}
.SITE-PRODUIT-PIED-ACTION:hover {text-decoration:none;color:#FFF;}


.SITE-PRODUIT.SMALL	{max-width:unset;}

.SITE-PRODUIT.BO	{width:400px;}
.SITE-PRODUIT.BO .SITE-PRODUIT-ENTETE-TITRE {font-size:36px;padding:15px 0 0 0;font-weight:bold;}
.SITE-PRODUIT.BO .SITE-PRODUIT-ENTETE-SOUSTITRE {font-size:18px;padding:8px 0 12px 0;}
.SITE-PRODUIT.BO .SITE-PRODUIT-CORPS	{font-size:12px;text-align:left;min-height:345px;padding:10px 20px 0 20px;color:#000;background-color:#FFF;}
.SITE-PRODUIT.BO .SITE-PRODUIT-PIED-ACTION {display:inline-block;width:100%;font-size:28px;border-radius:0;padding:2px;font-variant:small-caps;text-decoration:none;color:#FFF;font-weight:bold;}
.SITE-PRODUIT.BO .SITE-PRODUIT-PIED-ACTION-DESCRIPTION {font-size:16px; color:#000;padding:2px;font-variant:none;display:block;font-weight:normal;}

.SLIDE-BAR-BLOC0 {max-width:464px;width:100%;margin:auto;float:left;font-size:230%;padding-top:50px;height:300px;}
.SLIDE-BAR-BLOC1 {margin:auto;float:left;width:600px;}
.SLIDE-BAR-BLOC2 {}
.SLIDE-BAR-BLOC-IMG {width:600px;height:300px;float:left;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:#FFF;border-bottom:solid 1px #57becf;}
.SLIDE-BAR-BLOC-IMG img {height:300px;}
.SLIDE-BAR-BLOC-A {display:inline-block;height:150px;width:300px;padding:0;margin:0;font-size:24px;color:#FFF;background-color:#57becf;float:left;overflow:hidden;}
.SLIDE-BAR-BLOC-B {display:inline-block;height:150px;width:300px;padding:0;margin:0;font-size:18px;text-align:center;background-color:#FFF;float:left;overflow:hidden;}
.SLIDE-BAR-BLOC-A div.NIV1 {padding:24px;}
.SLIDE-BAR-BLOC-B div.NIV1 {padding:24px;}

.PHOTO-TEXT-L {clear:both;padding:10px 0;list-style-type:none;}
.PHOTO-TEXT-R {clear:both;padding: 10px 0;list-style-type:none;}
.PHOTO-TEXT-L2 {clear:both;padding:10px 0;list-style-type:none;}
.PHOTO-TEXT-R2 {clear:both;padding: 10px 0;list-style-type:none;}

.SITE-A {text-decoration:unset;color:unset;}

li.PATH {display:inline;}
.PATH img {border:none;}

.LI {background-color:#50B7C9; color:#FFF;padding:20px 32px;clear:both;}
.L0 {background-color:#FFF;padding:20px 32px;clear:both;}
.L1 {background-color:#50B7C9;padding:20px 32px;clear:both;}

td .L0 {background-color:#FFF;}
td .L1 {background-color:#DDD;}


@media all and (max-width: 790px) {
.NAVBAR .BTNMENU {display:inline-block;}

.PAGE {width:100%;margin:0;}
a.PAGE {float:left;}
a.PAGE.OFF {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #707070 0px, #000 100%) repeat scroll 0 0;}
ul.NAVBAR {margin-left:0px;}
ul.NAVBAR li {display:block;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #707070 0px, #000 100%) repeat scroll 0 0;text-align:center;}
.ENTETE {position:absolute;}

.ENTETE2 {position:relative;}
.CSS-CADRE-PAGE2 {margin-top:0px;}
#_dkz {}
.L0 {padding:20px 0px;}
.L1 {padding:20px 0px;}
.FOOT.BLOC {width:33%;}
.CSS-COL-FAQ {width:96%;padding:2%;}
}
@media all and (min-width: 790px) {
a.PAGE.OFF {display:block !important;}
a.PAGE.ON {display:block !important;}
.CSS-COL-FAQ {width:46%;padding:2%;float:left;}
}

.ACTION {background-color: #bfd31a;
color: #fff;
font-size: 140%;
font-weight: bold;
margin: auto;
padding: 24px;
text-align: center;
text-decoration:none;
border-radius:0px;
box-shadow:none;
transition-property: box-shadow;
transition-duration: 1s;
transition-timing-function: linear;
cursor:pointer;
display:inline-block;
}

.ACTION_SELECTED {background-color: #DDD;
color: #000;
font-size: 140%;
font-weight: bold;
margin: auto;
padding: 24px;
text-align: center;
text-decoration:none;
border-radius:0px;
box-shadow:none;
}

.ACTION:visited {color:#FFF}
.ACTION:active {color:#FFF}
.ACTION:hover {
box-shadow: 1px 1px 15px #888;color:#FFF;
transition-property: box-shadow;
transition-duration: 0.4s;
transition-timing-function: linear;
}

.ACTION-SHADOW {
box-shadow:none;
transition-property: box-shadow;
transition-duration: 0.4s;
transition-timing-function: linear;
cursor:pointer;
}

.ACTION-SHADOW:visited {}
.ACTION-SHADOW:active {}
.ACTION-SHADOW:hover {
box-shadow: 1px 1px 15px #888;
transition-property: box-shadow;
transition-duration: 0.4s;
transition-timing-function: linear;
}


.ACTION2 {
color: #fff;
font-size: 180%;
font-weight: bold;
margin: auto;
padding: 12px;
text-align: center;
text-decoration:none;
border-radius:0px;
box-shadow:none;
transition-property: box-shadow;
transition-duration: 1s;
transition-timing-function: linear;
cursor:pointer;

}
.ACTION2:visited {color:#FFF}
.ACTION2:active {color:#FFF}
.ACTION2:hover {
box-shadow: 1px 1px 15px #888;color:#FFF;
transition-property: box-shadow;
transition-duration: 0.7s;
transition-timing-function: linear;
}

.CSS-TABLEAU1 th {background-color:#4E7079;color:#FFF;font-weight:bold;font-family:Arial;font-size:12px;}
.CSS-TABLEAU1 td {background-color:#E0EFF2;color:#000;font-weight:normal;font-family:Arial;font-size:12px;}
.CSS-TABLEAU1 tr.selected td {background-color:#c2e110;}

.CSS-BLOC-APPLI {float:left;padding-left:270px;
}
.CSS-APPLI {width:200px; height:90px;margin:0;padding:6px;background-color:#FFF;float:left;text-align:center;position:relative;text-decoration:none;box-shadow:1px 1px 15px #888;border:solid 1px #CCC;}
.CSS-APPLI-TITLE {font-size:150%;}
.CSS-APPLI-DESC {font-size:120%;padding:6px;font-style:italic;}
.CSS-APPLI-URL {font-size:100%;color:#2590AC;}
.CSS-APPLI:visited	{color:#000;}
.CSS-APPLI:active	{color:#000;}
.CSS-APPLI:hover	{color:#000;}

.CSS-MODULE {font-weight:bold;text-decoration:none;}
a.CSS-MODULE {border-bottom:dashed 1px #888;}
.CSS-MODULE:visited	{color:#000;}
.CSS-MODULE:active	{color:#000;}
.CSS-MODULE:hover	{color:#000;}

.CSS-PAGE {clear:both;width:100%;margin:0px 0;padding:0px;float:left;text-align:left;position:relative;font-size:120%;}
.CSS-TEXT {margin:120px;}
.CSS-TEXT h1 {margin-left:-120px;}
.CSS-TEXT h2 {margin-left:-80px;}
li {margin-bottom:12px;}

.bloc {max-width:1180px;width:100%;margin:auto;}
.ligne {width:100%;border-bottom:1px inset #DDD;margin:6px 0;clear:both;}

.font7 {font-size:80%;}
.champ {width:100%;padding:6px;margin:3px;}
.submit {float:right; padding:6px;margin:3px -4px 3px 3px;}
.blocHorizontal {max-width:1180px;width:100%;margin:auto;position:relative;}
.zoneHorizontale {max-width:1180px;width:100%;margin:auto;overflow:hidden;position:relative;}
.buttonLeft {position:absolute;top:50%;left:0;margin-top:-18px;margin-left:-24px;height:36px;width:36px;cursor:pointer;}
.buttonRight {position:absolute;top:50%;left:100%;margin-top:-18px;margin-left:-12px;height:36px;width:36px;cursor:pointer;}
H1 {padding-top:0;margin-top:0;}

.CSS-MENU {padding:30px;cursor:pointer;font-family:Arial;font-size:100%;}
.CSS-MENU:hover {font-weight:bold;}

ul.LIEN {margin:40px;clear:both;}
.LIEN li{list-style-type:none;display:inline-block;
background-color: #bfd31a;
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 6px;
padding: 6px 12px;
text-align: center;
text-decoration:none !important;
border-radius:0px;
box-shadow:none;
transition-property: padding, margin;
transition-duration: 0.1s;
transition-timing-function: linear;}
.LIEN a	{color:#000;text-decoration:none;}
.LIEN a:visited	{color:#000;text-decoration:none;}
.LIEN a:active	{color:#000;text-decoration:none;}
.LIEN a:hover	{color:#000;text-decoration:none;}
.LIEN li:hover {
color:#FFF;
padding:12px 18px;
margin:-0px;
transition-property: padding, margin;
transition-duration: 0.1s;
transition-timing-function: linear;
}

a.CSS-LIEN-DISCRET	{color:#000;text-decoration:none;border-bottom:none;}
a.CSS-LIEN-DISCRET:visited	{color:#000;text-decoration:none;}
a.CSS-LIEN-DISCRET:active	{color:#000;text-decoration:none;}
a.CSS-LIEN-DISCRET:hover	{color:#000;text-decoration:none;border-bottom:dashed 1px #888;}



.CSS-SITE-FORM label {font-size:120%;padding: 3px 8px;letter-spacing:0.05ex;}
.CSS-SITE-FORM input {font-size:120%;padding: 3px 8px;letter-spacing:0.05ex;}
.CSS-SITE-FORM select {font-size:120%;padding: 3px 8px;letter-spacing:0.05ex;}
.CSS-SITE-FORM textarea {font-size:120%;padding: 3px 8px;letter-spacing:0.05ex;font-family:Arial;}
.CSS-SITE-FORM .ERROR_MSG {font-size:120%;padding: 3px 8px;letter-spacing:0.05ex;color:#F00;font-weight:bold;}

.SITE-ONGLET-PROCESS-ON {display:inline-block;float:left;width:180px;padding:12px 0 0 72px;height:60px;max-width:180px;background-color:#FFF;margin:0;border-radius:36px;}
.SITE-ONGLET-PROCESS-OFF {display:inline-block;float:left;width:180px;padding:12px 0 0 72px;height:60px;max-width:180px;background-color:#CCC;margin:0;border-radius:36px;}

.INWINDOW {width:80%;margin:auto;padding:20px;background-color:#FFF;border:solid 1px #CCC;box-shadow: 1px 1px 15px #555;}
.INWINDOW2 {width:80%;margin:auto;padding:20px 0;}

.SITE-TARIFS-FOND {background-color:#f7f0de;}
.SITE-TARIFS-BODY {position:relative;width:100%;overflow:auto;}
.SITE-TARIFS-COLS {position:relative;top:0;left:0;width:100%;overflow-x:auto;padding-bottom:24px;overflow-y:hidden;}
.SITE-TARIFS-FIXE {position:absolute;top:0;left:0;width:250px;overflow:hidden;}

.SITE-TARIFS th {font-size:16px;font-weight:normal}
.SITE-TARIFS th input {font-size:14px !important;}
.SITE-TARIFS td {font-size:14px;}
.SITE-TARIFS th.LIBELLE {color:#FFF;font-weight:bold;background-color:transparent;border: solid 2px transparent;width:230px;}
.SITE-TARIFS td.LIBELLE {color:#000;font-weight:normal;background-color:#FFF;border: solid 2px #FFF;border-top:none;border-bottom:dotted 1px #888;text-align:left;}
.SITE-TARIFS th.OFFRE1 {color:#FFF;font-weight:bold;background-color:#F18443;border: solid 2px #F18443;width:140px;}
.SITE-TARIFS td.OFFRE1 {color:#000;font-weight:normal;background-color:#FFF;border: solid 2px #F18443;border-top:none;border-bottom:dotted 1px #888;}
.SITE-TARIFS th.OFFRE2 {color:#FFF;font-weight:bold;background-color:#31C2D7;border: solid 2px #31C2D7;width:140px;}
.SITE-TARIFS td.OFFRE2 {color:#000;font-weight:normal;background-color:#FFF;border: solid 2px #31C2D7;border-top:none;border-bottom:dotted 1px #888;}
.SITE-TARIFS th.OFFRE3 {color:#FFF;font-weight:bold;background-color:#9DD149;border: solid 2px #9DD149;width:140px;}
.SITE-TARIFS td.OFFRE3 {color:#000;font-weight:normal;background-color:#FFF;border: solid 2px #9DD149;border-top:none;border-bottom:dotted 1px #888;}

.SITE-TARIFS .OFFRE-ENTETE th{border-radius:10px 10px 0 0;}
.SITE-TARIFS .OFFRE-ENTETE2 th {margin:0 !important;padding:0 0 2px 0 !important;}
.SITE-TARIFS .OFFRE-ENTETE2 th form {margin:0 !important;}
.SITE-TARIFS .OFFRE-ENTETE2 th input{margin:0 !important;}
.SITE-TARIFS .OFFRE-PIED th{border-radius:0 0 10px 10px;}

.SITE-TARIFS tr.GROUP td.LIBELLE {background-color:#9dd149;font-weight:bold;font-size:16px;color:#020;}
.SITE-TARIFS tr.GROUP td.OFFRE1 {background-color:#9dd149;}
.SITE-TARIFS tr.GROUP td.OFFRE2 {background-color:#9dd149;}
.SITE-TARIFS tr.GROUP td.OFFRE3 {background-color:#9dd149;}
.SITE-TARIFS tr.NIV2 td.LIBELLE {margin:0;padding-left:20px;}
.SITE-TARIFS tr.SEPARATION {height:6px;font-size:0px;background-color:transparent;}
.SITE-TARIFS tr.SEPARATION td {height:0px;font-size:0px;padding:0;background-color:transparent;}
.SITE-TARIFS tr.SEPARATION td.LIBELLE {border-bottom:solid 0px #888;background-color:transparent;}
.SITE-TARIFS tr.SEPARATION td.OFFRE1 {border-bottom:solid 0px #888;background-color:transparent;}
.SITE-TARIFS tr.SEPARATION td.OFFRE2 {border-bottom:solid 0px #888;background-color:transparent;}
.SITE-TARIFS tr.SEPARATION td.OFFRE3 {border-bottom:solid 0px #888;background-color:transparent;}
.SITE-TARIFS td img {height:16px !important;margin:-4px 0 -4px 0;}
.SITE-TARIFS td {padding-top:4px;padding-bottom:3px;}






#_dkz .CSS-GADGET {font-size:16px;}
#_dkz .CSS-CADRE-OUTSET {background-color:#FFF !important;}
#_dkz .CSS-CADRE-OUTSET .CSS-TITRE-CORPS {color:#FFF !important;background-color:#FFF !important;}

p.T1 {font-size:20px;}

label.CO {font-size:16px !important;}
label.CF {font-size:16px !important;}
.CSS-SITE-FORM input {font-size:16px !important;}

.CSS-SITE-FORM input.bouton_arbo_vide  {background-color:transparent; background-color: #CCC; width:18px; height:18px;font-family:Arial;font-size:11px !important;}
.CSS-SITE-FORM input.bouton_arbo_plus  {background-color:transparent; background:url(https://q10.qualif1.upnote.fr/_6p//_dck/_1l/_djk.png) no-repeat; width:18px; height:18px;font-family:Arial;font-size:11px !important;background-size:18px 18px;}
.CSS-SITE-FORM input.bouton_arbo_moins {background-color:transparent; background:url(https://q10.qualif1.upnote.fr/_6p//_dck/_1l/_djl.png) no-repeat; width:18px; height:18px;font-family:Arial;font-size:11px !important;background-size:18px 18px;}
.CSS-SITE-FORM input.bouton_arbo_null  {background-color:transparent; width:1px; height:1px;border:none;margin-left:17px;}

.CSS-NOT-ON-SITE {display:none;}

.CSS-LISTE3 {clear:both;position:relative;top:0px;left:0;overflow:hidden;background-color:#FFF;padding-left:56px;border-bottom:dotted 1px #888;}
.CSS-LISTE3 .CSS-LISTE-ICONE {float:left;margin-left:-56px;width:48px;text-align:center;}
.CSS-LISTE3 .CSS-LISTE-TITRE {float:left;width:100%;overflow:hidden;font-size:17px !important;font-weight:bold;}
.CSS-LISTE3 .CSS-LISTE-SOUSTITRE {float:left;overflow:hidden;background-color:#FFF;font-size:13px !important;}

.CSS-LISTE-ENTETE {background-color:#EEE;border-bottom:dotted 2px #CCC;}
.CSS-LISTE-ENTETE .CSS-LISTE-TITRE {font-weight:normal;padding:6px 0 0 0;}

.CSS-IMG-PACKAGE-ENTETE {float:left;}
.CSS-IMG-PACKAGE-TITRE {float:left;}
a img {border:0 none transparent;}

.SITE-CUBE {
box-shadow:none;
transition-property: box-shadow;
transition-duration: 1s;
transition-timing-function: linear;
}

.SITE-CUBE:visited {color:#FFF}
.SITE-CUBE:active {color:#FFF}
.SITE-CUBE:hover {
box-shadow: 1px 1px 18px #444;
transition-property: box-shadow;
transition-duration: 0.4s;
transition-timing-function: linear;
}

.SITE-CUBE-DESC h3 {padding:0 0 6px;margin:0;font-size:14px !important;}
.SITE-CUBE-DESC ul li {padding:0 0 2px 15px;list-style-type:none;}
.SITE-CUBE-DESC ul li h3:before {content:"\2713\0020";margin-left:-15px;}
.SITE-CUBE-DESC ul li ul {padding:0 6px 12px 32px;}
.SITE-CUBE-DESC ul li ul li {list-style-type:disc;padding-bottom:0;}

.SITE-CUBE-DESC {background-color:#EFE9DD !important;opacity:0.95;color:#888;}

.SITE-CUBE:hover .SITE-CUBE-DESC {background-color:rgba(255,255,255,0.75) !important;color:#222;}

input[type=submit] {border:none !important;}
input[type=button] {border:none;}


#CSS-BLOG-ENTETE {height:230px;}
#BLOG-GAUCHE	{width:70%;float:left;}
#BLOG-DROITE {width:28%;float:right;padding:20px 10px;margin-top:20px;}
.CSS-BLOG-DROITE h2 {padding-top:0px;margin-top:0;}
.CSS-BLOG-DROITE ul {padding-bottom:40px;}
.CSS-BLOG-ARTICLE {margin:20px;box-shadow: 0 0 17px rgba(50, 50, 50, 0.27);padding:20px;position:relative;background-color:#FFF;}
.CSS-BLOG-ARTICLE h2 {padding:0;margin:0 0 20px 0;font-size:24px;}
img.CSS-BLOG-ARTICLE-IMG {max-width:40%;max-height:220px;float:left;padding:0 20px 20px 0;}
.CSS-BLOG-BTN-SUITE {padding:8px 20px;}
.CSS-BLOG-LIEN-RECENTS {text-decoration:none;color:#888;}
.CSS-BLOG-LIEN-RECENTS:visited {text-decoration:none;color:#888;}
.CSS-BLOG-LIEN-RECENTS:hover {text-decoration:none;color:#414141;}


.GREEN h2 {border-bottom:solid 1px #999 !important;color: #656565}

.BISEAUD {background:linear-gradient(295deg, transparent 15px, #bfd31a 0) top left;background-size: 100% 100%;background-repeat:no-repeat;color:#FFF;}
.BISEAUG {background:linear-gradient(115deg, transparent 15px, #bfd31a 0) top left;background-size: 100% 100%;background-repeat:no-repeat;color:#FFF;margin-left:-15px;}






a.PAGE.OFF {display:block !important;}
a.PAGE.ON {display:block !important;}
.CSS-COL-FAQ {width:46%;padding:2%;float:left;}

li.SITE-ONGLET	{display:inline-block;}
.SITE-ONGLET.FIRST {display:none;}
li.SITE-ONGLET a {display:inline-block;}

#SHORTLINK a {padding:0 12px;}
#NAVBAR1.NORMAL {background-image:none;background-repeat:no-repeat;}

#LOGO {text-align:left;padding:20px 20px 20px 110px;position:relative;float:left;}
#LOGO img {height:80px;margin-left:-94px;float:left;}
#LOGO .TITLE {font-size:300%;color:#000;width:100%;border-bottom:none 2px #50B7C9;margin:5px 0 0px 0px;font-family:Arial;}
#LOGO .BASELINE {font-size:140%;letter-spacing:0.2ex;padding:3px 0;color:#888;}

#TESTLINK {display:inline-block;float:right;margin-right:-12px;width:300px;}
#TESTLINKSHADOW {display:block;}

.PATH.PAGE2.ON {padding:16px 2px 16px 0;}
.PATH.PAGE2.OFF {padding:16px 2px 16px 0;}
.PATH a {padding:18px 0 0 2px;float:left;}


.POP1 {position:relative;top:128px;left:64px;background-color:#FFF;display:inline-block;height:182px;width:470px;}
.POP1A div {padding:35px 0 0 15px;}
.POP1A {float:left;background-color:#57BECF;color:#FFF;font-size:24px;font-weight:bold;width:100px;height:100%;width:182px;}
.POP1B {padding:41px 5px 0 200px;font-size:24px;}


.POP {position:relative;top:128px;left:64px;background-color:#FFF;display:inline-block;height:182px;width:520px;}
.POP {position:relative;top:64px;left:164px;background-color:#FFF;display:inline-block;font-size:28px;padding:35px 45px;width:250px;height:100px;}
.POPA div {padding:15px 0 0 0px;text-align:center;font-variant:small-caps;}
.POPA {float:left;background-color:#57BECF;color:#FFF;font-size:24px;font-weight:bold;width:150px;height:100%;width:210px;}
.POPB {padding:41px 5px 0 250px;font-size:24px;}

.CHEMIN0 {min-width:180px;border-radius:39px 0 0 39px;display:inline-block;background-color:#57BECF;padding:20px 50px 20px 20px;background:linear-gradient(225deg, transparent 30px, #57BECF 0) top right,linear-gradient(315deg, transparent 30px, #57BECF 0) bottom right;background-size: 100% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN1 {min-width:180px;margin-left:-50px;display:inline-block;background-color:#98CD0A;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #98CD0A 0) top left,linear-gradient(135deg, transparent 30px, #98CD0A 0) bottom left,linear-gradient(225deg, transparent 30px, #98CD0A 0) top right,linear-gradient(315deg, transparent 30px, #98CD0A 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN2 {min-width:180px;margin-left:-50px;display:inline-block;background-color:#57BECF;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #57BECF 0) top left,linear-gradient(135deg, transparent 30px, #57BECF 0) bottom left,linear-gradient(225deg, transparent 30px, #57BECF 0) top right,linear-gradient(315deg, transparent 30px, #57BECF 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN3 {min-width:180px;margin-left:-50px;display:inline-block;background-color:#98CD0A;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #98CD0A 0) top left,linear-gradient(135deg, transparent 30px, #98CD0A 0) bottom left;border-radius:0 39px 39px 0;background-size: 100% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN4 {min-width:180px;margin-left:-50px;display:inline-block;background-color:#57BECF;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #57BECF 0) top left,linear-gradient(135deg, transparent 30px, #57BECF 0) bottom left;border-radius:0 39px 39px 0;background-size: 100% 50%;background-repeat:no-repeat;color:#FFF;}

.BLUE .CHEMIN2 {min-width:180px;margin-left:-50px;display:inline-block;background-color:#FFF;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #FFF 0) top left,linear-gradient(135deg, transparent 30px, #FFF 0) bottom left,linear-gradient(225deg, transparent 30px, #FFF 0) top right,linear-gradient(315deg, transparent 30px, #FFF 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#656565;}

.CHEMIN_ORANGE {min-width:180px;margin-left:-50px;display:inline-block;background-color:#F18443;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #F18443 0) top left,linear-gradient(135deg, transparent 30px, #F18443 0) bottom left,linear-gradient(225deg, transparent 30px, #F18443 0) top right,linear-gradient(315deg, transparent 30px, #F18443 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN_VIOLET {min-width:180px;margin-left:-50px;display:inline-block;background-color:#9558AD;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #9558AD 0) top left,linear-gradient(135deg, transparent 30px, #9558AD 0) bottom left,linear-gradient(225deg, transparent 30px, #9558AD 0) top right,linear-gradient(315deg, transparent 30px, #9558AD 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN_VERT {min-width:180px;margin-left:-50px;display:inline-block;background-color:#9DD149;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #9DD149 0) top left,linear-gradient(135deg, transparent 30px, #9DD149 0) bottom left,linear-gradient(225deg, transparent 30px, #9DD149 0) top right,linear-gradient(315deg, transparent 30px, #9DD149 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}
.CHEMIN_BLEU {min-width:180px;margin-left:-50px;display:inline-block;background-color:#31C2D7;padding:20px 50px 20px 60px;background:linear-gradient(45deg, transparent 30px, #31C2D7 0) top left,linear-gradient(135deg, transparent 30px, #31C2D7 0) bottom left,linear-gradient(225deg, transparent 30px, #31C2D7 0) top right,linear-gradient(315deg, transparent 30px, #31C2D7 0) bottom right;background-size: 50% 50%;background-repeat:no-repeat;color:#FFF;}


.SITE-PART {font-size:16px;}
.SITE-PART h1 {font-size:32px;}
.SITE-PART h2 {font-size:28px;}
.SITE-PART h3 {font-size:24px;}

.SITE-PART {padding:32px;}
.brique3 {max-width:325px;font-size:16px;padding:0 44px 0px 0px;}
.brique3.HIDE div {display:block;}
.brique3 h2{margin:14px 0;}
.brique3 div.H170 {height:280px;}
.brique3 div.H260 {height:260px;}
.brique3 div.H350 {height:250px;}
.brique3 h2 {font-size:160%;}
.brique3.SHOW div{padding-bottom: unset;border-bottom:none;}

.brique2 {max-width:468px;font-size:16px;padding:0 44px 0px 0px;}
.brique2.HIDE div {display:block;}
.brique2 h2{margin:14px 0;}
.brique2 div.H260 {height:260px;}
.brique2 h2{font-size:160%;}
.brique2.SHOW div{padding-bottom: unset;border-bottom:none;}

.TVert h2{ border-bottom:solid 1px #CCC;}

.PHOTO-TEXT-L img	{width:40%;float:left;}
.PHOTO-TEXT-L h2	{padding:0px 15% 0px 40%;margin:0 0 0 20px;}
.PHOTO-TEXT-L h3	{padding:0px 15% 0px 40%;margin:0 0 0 20px;}
.PHOTO-TEXT-L div	{padding:0px 15% 0px 40%;margin:0 0 0 20px;}

.PHOTO-TEXT-R img	{width:40%;float:right;}
.PHOTO-TEXT-R h2	{padding:0 40% 0 15%;margin:0 0 0 -40px;}
.PHOTO-TEXT-R h3	{padding:0 40% 0 15%;margin:0 0 0 -40px;}
.PHOTO-TEXT-R div	{padding:0 40% 0 15%;margin:0 0 0 -40px;}

.PHOTO-TEXT-L2 img	{width:40%;float:left;}
.PHOTO-TEXT-L2 h2	{padding:0px 5% 0px 40%;margin:0 0 0 20px;}
.PHOTO-TEXT-L2 h3	{padding:0px 5% 0px 40%;margin:0 0 0 20px;}
.PHOTO-TEXT-L2 .CORPS	{padding:0px 5% 0px 40%;margin:0 0 0 20px;}

.PHOTO-TEXT-R2 img	{width:40%;float:right;}
.PHOTO-TEXT-R2 h2	{padding:0 40% 0 5%;margin:0 0 0 -40px;}
.PHOTO-TEXT-R2 h3	{padding:0 40% 0 5%;margin:0 0 0 -40px;}
.PHOTO-TEXT-R2 .CORPS	{padding:0 40% 0 5%;margin:0 0 0 -40px;}

.SITE-PRODUIT.SMALL	{width:270px;height:210px;margin:0px;padding:0px;}
.SITE-PRODUIT.SMALL	.SITE-PRODUIT-ENTETE {width:270px;margin:0;padding:0;}
.SITE-PRODUIT.SMALL .SITE-PRODUIT-ENTETE-IMG {width:unset;max-width:100%;max-height:135px;padding:0;background-color:#FFF;}
.SITE-PRODUIT.SMALL .SITE-PRODUIT-ENTETE-TITRE {font-size:22px;padding:12px 0 0 0;font-weight:bold;}
.SITE-PRODUIT.SMALL .SITE-PRODUIT-ENTETE-SOUSTITRE {font-size:15px;padding:3px 0 6px 0;}

.R50-10 {;padding:0 0 0 50px;}
.R50 {;padding:0 0 0 50px;}

.H70 {height:70px;}
.H200 {height:200px;}
.H260 {height:260px;}

.NO-WEB {display:none;}

.SITE-PART form {padding:0px;}
.SITE-PART form label {padding:6px 6px 0 0;font-size:16px;width:30%;float:left;text-align:right;}
.SITE-PART form input {padding:0;font-size:16px;padding:6px;}
.SITE-PART form select {padding:0;font-size:16px;padding:6px;}
.SITE-PART form textarea {padding:0;font-size:16px;padding:6px;}
.SITE-PART form .CHAMP {padding:0;font-size:16px;width:60%;margin-left:31%;margin-bottom:12px;}
.SITE-PART form input.CHECKBOX {margin:6px -32px 0 0;float:left;}
.SITE-PART form label.CHECKBOX {padding:4px 6px 6px 30px;width:100%;text-align:left;}

.SITE-PART form label.ERROR_MSG {float:none;clear:both;width:100%;text-align: left;font-size:16px;margin:0;padding:0;}
.SITE-PART form label.ERROR_MSG li {margin:3px 0 0 0;}


.SITE-PART form div.CHECKBOX {width:100%;padding-left:40%}

.CSS-FORM-AFFICHAGE li {list-style-type:none;}

.CSS-IMG-PACKAGE-ENTETE {width:200px;}
.CSS-IMG-PACKAGE-TITRE {width:200px;margin-top:-120px;}