@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;
}
#_b3s {
min-height:100%;
width: 100%;
display:table;
height:100%;
background-color:#F5F5F5;
}
#_b3t {
display: table-row;

width: 100%;

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




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

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;
}


#LOGO {text-align:left;padding:4px 20px 4px 80px;position:relative;}
#LOGO img {width:300px;margin-left:-78px;float:left;}
#LOGO ._cuS {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;}

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;
}

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

.PATH li {border:none !important;}

#NAVBAR0 {height:54px;}
#NAVBAR1.NORMAL {background-image:url(http://GKERAMPRAN3/resall/u10.upnote.resall/_b4c/_byf/_ii/_N.png);background-repeat:no-repeat;}
#NAVBAR1.REDUITE {background-image:url(http://GKERAMPRAN3/resall/u10.upnote.resall/_b4c/_byf/logo-upnote.png);}
.PATH #NAVBAR1.REDUITE {background-image:none;}

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

ul.SITE-ONGLET {list-style-type: none;padding:0;margin:0;padding-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:#ffde7f;color:#2e2e2e;cursor:pointer;}
.SITE-ONGLET.FIRST {background-color:#FFF;}

.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;}


.PAGE2 {margin:0;text-decoration:none;border-right:solid 1px #787878;}
.PAGE2.ON {background-color:#ffde7f;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;}
.PATH a {padding-left:2px;padding-right:2px;}
.PATH {border-bottom:solid 1px #E0E0E0 !important;}

.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:25%;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;}


.image-title {float:right;text-align:right;padding:50px;font-weight:bold;}


.www-mainbloc {float:left;width:50%;min-height:420px;text-align:center;color:#FFF;font-size:120%;padding:60px 20px 20px 20px;}
.www-mainbloc .content {max-width:65%;margin:auto;width:100%;font-size:18px;line-height:1.8em;font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
.www-mainbloc h2 {font-size:36px;font-weight:bold;}
.www-mainbloc a {border:solid 2px #FFFFFF; border-radius:4px;padding:10px 20px;display:block;margin:20px 10px 10px 10px;cursor:pointer;transition-property: border-color;transition-duration:1s;color:#FFF !important;text-decoration:none !important;}
.www-mainbloc a:hover {border-color:transparent;transition-property: border-color;transition-duration:1s;}
.www-mainbloc a .after{width:0;transition-property: width;transition-duration:1s;overflow:hidden;text-align:right;display:inline-block;margin:0 0 -7px 5px;font-size:200%;}

.www-mainbloc a:hover .after{width:40px;transition-property: width;transition-duration:1s;}

._cuJ h1{
padding:30px  0 20px 0;
}


.SITE-CUBE {font-size:14px !important;margin:24px;width:300px;color:#FFF;font-family:Arial;text-align:center;float:left;border-radius:12px;}
.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;}

.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;}

.SITE-PRODUIT	{margin:24px;color:#FFF;font-family:Arial;text-align:center;float:left;max-width:90%;background-color:#FFF;}
.SITE-PRODUIT	{width:500px;border-radius:12px;}
.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;border-radius:12px 12px 0 0;}
.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;}

.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;
}

.bloc {padding:20px;clear:both;overflow:hidden;}
.L0 {background-color:#FFF ;}
.L1 {background-color:#EEE;}


._cuJ {
font-size: 18px;
line-height: 1.2em;
font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

div._cuJ {
padding:30px 50px;
}

@media all and (max-width: 1180px)
{
	div._cuJ {
		padding:30px 2.24vw;
	}
}



._cuJ li {
padding:10px;
}
._cuJ h2 {
margin:10px 0 30px 0;
}

._bXr {
width:100%;
padding:50px 10%;
}
._bXr h2 {
font-size:200%;
}
._bXr p {
font-size:150%;
}
._bXr a {
font-size:160%;
#font-size:18px;
padding:15px 25px;
min-width:300px;
}