@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;900&display=swap');

* {
    box-sizing: border-box;
}
body,td {font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif !important;font-weight:300;text-align:justify;}
body {font-size:110%;width:100%;text-align:center;}
.wrapper {height:100%;max-width:1200px;text-align:left; margin:0 auto;}
h1,h2,h3,h4,h5,h6,b {font-weight:900;}
html {text-align:center;width:100%;height:100%;font-size:100%;}
body {width:100%;background-color:rgba(230,230,230,0.1);height:100%;text-align:center;margin:0;padding:0;overflow-x:hidden;}

h1 {font-size:299%;font-weight:normal; }
.titleline a {font-weight:900;font-size:140%;font-weight:normal; color:#000;text-decoration:none;}
.grouptitlebg {text-align:center;/*border-top: 3px dashed #ddd;padding-bottom: 8px;margin-top:1px;*/}

h2 {font-size:210%;font-weight:bold;}
.newstext h1 {font-size:256%;font-weight:200;position:relative;max-width:400%;text-align:right;background-color:rgba(200,200,200,0.1);padding:6px 5% 6px 432px;margin:30px 20% 10px -400px;display:table;clear:both;}
.newstext h2 {font-size:198%;font-weight:200;position:relative;max-width:400%;text-align:right;background-color:rgba(200,200,200,0.1);padding:6px 5% 6px 432px;margin:30px 20% 10px -400px;display:table;clear:both;}
.newstext h3 {font-size:163%;font-weight:200;position:relative;max-width:400%;text-align:left;background-color:rgba(220,220,220,0.2);padding:4px 20px 4px 432px;margin:30px 20% 10px -400px;display:table;clear:both;}
.newstext h4 {font-size:115%;font-weight:600;position:relative;max-width:400%;text-align:left;background-color:rgba(220,220,220,0.2);padding:4px 20px 4px 432px;margin:30px 5% 10px -400px;display:table;clear:both;}

.bienvenue .slogan_spacer { height:33%;}
.bienvenue .slogan { padding:0%;}
.bienvenue .slogan h1{ background-color:#4F77AC;padding:4% 1%;margin:0;text-align:center;}
.bienvenue h1{ font-size:160%;}
div#top {background-color:rgba(0,0,0,0.1);/*height:80px;*/}
div.logo {width:100%;text-align:center;padding:12px 0px 8px 0px;
	/*box-shadow: 0 0px 16px 0 rgba(255,255,255,.9), 0 0px 20px 0 rgba(255,255,255,.1);*/
	}
.logo img {/*zoom:50%;*/height:65px;}
.section {height:746px;width:100%;overflow:hidden;text-align:left;background-color:#fff;}
.sectionbis {width:100%;text-align:left}
div.background {position:absolute;z-Index:1;width:100%;height:746px;overflow:hidden;max-width:1200px;}
div.background img {
	position:
	absolute;
	top: -1px;
}
.section .inner {position:relative;z-Index:2;}
.sectionbis {background-color:#f8f8f8;}
div.menugroup {display:block;border-left:1px dotted #ccc;padding-left:20px;margin-left:20px;margin-top:20px;}
.subMenu15, .subMenuInt {position:fixed;z-Index:9999;background-color:#666;width:300px;min-width:300px;left:-350px;top:0px;text-align:left;height:100%;overflow:hidden;}
#menuleft #openclosemenu::before {content:'\2261';}
.menuleftopen {left:0% !important;}
.menuleftopen #openclosemenu::before {content:'x' !important;}

.carreproduits img {mix-blend-mode: multiply;}

div.fullscreen {position:fixed;left:0;top:0;bottom:0;right:0;z-Index:101;padding:10% 3% 3% 3%;background-color:rgba(0,0,0,.8);text-align:left;}
div.fullscreen div#fscontent {width:100%;height:100%;overflow:scroll;background-color:#fff;padding:0;
-webkit-overflow-scrolling:touch;-overflow-scrolling:touch;}
#fullscreen iframe {width:100%;height:100%;overflow:auto;}
#fullscreen object {width:100%;height:100%;overflow:auto;}

@media screen and (min-width: 1400px)
{
/*
	.subMenu15, .subMenuInt {left:0px !important;}
	#openclosemenu {display:none;}
	.wrapper, #wrapper{padding-left:300px !important;max-width: 1500px;}
	#top {padding-left:300px !important;}
	#bottom {margin-left:300px !important;}
	.fullscreen {margin-left:300px;}
*/
	.wrapper, #wrapper{max-width: 1400px;}

}

a.toplink, a.toplink:visited {font-weight:bold;color:#fff !important;}

.fxd {min-height:5% !important;}
.sectionUnderMenu {padding-top:75px;}
#openclosemenu {position:fixed;z-index:101;left:20px;top:20px;width:40px;height:40px;border-radius:20px;background-color:#888;color:#fff;text-align:center;line-height:40px;font-size:22px;}
.subMenu15 inner, .subMenuInt inner {}
.subMenu15 a, .subMenuInt a {display:inline-block;height:25px;padding:2px 10px 2px 10px;margin:6px 0px 2px 2px;overflow:hidden;color:#fff;text-decoration:none;text-align:left;}
.subMenu15 ul.brands {margin:6px;padding:0px;}
.subMenu15 ul.brands li {list-style: none;margin-left:14px;}
.subMenu15 a.smallmenu, .subMenuInt a.smallmenu, .subMenu15 div.smallmenu a, .subMenuInt div.smallmenu a  {font-size:70%;padding:0px 5px 0px 15px;margin-left:0px;height:15px;line-height:15px;margin:0 !important;display:block;}
.subMenu15 div.smallmenu a, .subMenuInt div.smallmenu a {height:32px !important;}
.subMenu15 div.smallmenu1 a, .subMenuInt div.smallmenu1 a {height:20px !important;}
.subMenu15 a.active, .subMenuInt a.active {font-weight:bold;text-decoration:underline;}
.bienvenue {height:100%;max-height:100%;maxHeight:100%;overflow:hidden;}

.colonnes {padding:1%;margin:0px;display:inline-block;width:25%;float:left; }
.deuxcolonnes {width:50%;}
.troiscolonnes {width:33%;}
.quatrecolonnes {width:25%;}
.deuxcolonnes_fix {width:3350;}
.troiscolonnes_fix {width:33% !important;}
.quatrecolonnes_fix {width:25%;}

.cadreblanc {padding:5%;margin:5%;background-color:rgba(255,255,255,.5); }
.colonnes a {text-decoration:none;color:#000;}
.feuille {border:1px solid #eee;background-color:#FFF;padding:5%;}

.cadreblanc .fondblanc { }

.subnews_level1 {padding-right:80px;}
.subnews_level2 {padding-left:0px;}
.subnews_cat2 .newscontainer_level1 {width:50%;float:left;display:block;minHeight:120px;min-height:120px;}
.subnews_cat2 .newscontainer_level1 .newsitem {max-height:120px;maxHeight:120px;overflow:hidden;}
.subnews_cat2 .newscontainer_level1 .newsitem .news_smallimage {width:100%;height:64px;display:block;}
.subnews_cat2 .newscontainer_level1 .newsitem .news_smallimage img {width:64px;height:64px;border:1px solid #888;border-radius:4px;}
.subnews_cat2 .newscontainer_level2 {display:block;}
.subnews_cat2 .newscontainer_level2 .newsitem {max-height:60px;maxHeight:60px;overflow:hidden;text-align:left;}
.subnews_cat2 .newscontainer_level2 .newsitem .newsitemtitle {padding:0px;text-align:left;font-size:70%;}
.subnews_cat2 .newscontainer_level2 .newsitem .news_smallimage {width:20px;height:20px;display:block;float:left;margin-right:4px 2px 0px 0px;}
.subnews_cat2 .newscontainer_level2 .newsitem .news_smallimage img {width:20px;height:20px;float:left;border:1px solid #888;border-radius:4px;}
.subnews_cat2 .newsitem td {text-align:center;font-size:80%;vertical-align:top;}


div.ensavoirplus {justify-content:center;text-align:center;text-transform:uppercase;display:flex;flex-wrap:wrap;
border-spacing: 20px;    border-collapse: separate;
}
a.ensavoirplus {
font-size:14px;
width:260px;max-width:260px;min-width:260px; height:56px; clear:both; padding:8px 20px; margin:0px 20px 20px 0px;vertical-align:middle; 
display:table-cell;flex:1;
background-repeat:no-repeat;background-position:10px center;background-size:24px;background-blend-mode: color-dodge;
spacing:0px 20px;text-align:center;text-decoration:none;color:#2A3890;font-weight:normal;
border:1px solid #ccc;background-color:rgba(255,255,255,.7);
     border-radius:80px;-webkit-transition-duration: 0.4s;  transition-duration: 0.4s;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.PDF {background-image:url(img15/PDF.png);
padding-left:32px;}
a.guide {background-image:url(img15/book_stack.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
a.liste {background-image:url(img15/list.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
a.godown {background-image:url(img15/godown.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
a.screen {background-image:url(img15/widescreen_tv.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
a.order {background-image:url(img15/shopping_cart.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
a.contact {background-image:url(img15/user.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:26px;}
#menuGuides {	background-image:url(img15/book_stack.png);background-repeat:no-repeat;background-position:10% 10%;background-size:24px;background-blend-mode: color-dodge;}
#menuCommande {	background-image:url(img15/shopping_cart.png);background-repeat:no-repeat;background-position:10% 10%;background-size:24px;background-blend-mode: color-dodge;}
#menuContacts {	background-image:url(img15/user.png);background-repeat:no-repeat;background-position:10% 10%;background-size:24px;background-blend-mode: color-dodge;}
#menuPraticiens {background-image:url(img15/picto_praticiens_noir.png);background-repeat:no-repeat;background-position:left 10%;background-size:32px;background-blend-mode: color-dodge;padding-left:24px;}
#menuPatients {	background-image:url(img15/picto_patients_noir.png);background-repeat:no-repeat;background-position:left 10%;background-size:32px;background-blend-mode: color-dodge;padding-left:24px;}
#menuAccompagner {	background-image:url(img15/picto_patients_noir.png);background-repeat:no-repeat;background-position:left 10%;background-size:32px;background-blend-mode: color-dodge;padding-left:24px;}
#toplogin {	background-image:url(img15/login.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:29px;
border:1px solid #999;background-color:#aaa;border-radius:6px;
}
#toppress {	background-image:url(img15/edit.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:29px;}
#toporder {	background-image:url(img15/shopping_cart.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:29px;}
#topblog {	background-image:url(img15/calendar.png);background-repeat:no-repeat;background-position:2px center;background-size:24px;background-blend-mode: color-dodge;padding-left:29px;}
#topPraticiens {	padding:3% 1% 3% 1%; margin:2%;}
#topPatients {	padding:3% 1% 3% 1%; margin:2%;}
#topOrder {	padding:3% 1% 3% 1%; margin:2%;}
a#cat {display:none;}

a.ensavoirplus:hover {color:#fff;background-color:rgba(0,0,0,.7);}
.slideme img {width:100%;max-width:1200px;min-width:900px;}
.slideme_container ul, .slideme_container ol, .slideme {min-height:100px !important;min-width:100px !important;}
a.video {display:inline-block;float:left;background-color:rgba(0,0,0,.9);border:1px solid #fff;padding:100px 50px 10px 50px;border-radius:2px;margin:40px 60px;text-decoration:none;color:#eee;font-size:60%;text-align:center;
background-image:url(img15/film.png);background-repeat:no-repeat;background-position:50% 5%;background-size:80px;background-blend-mode:invert;
     -webkit-transition-duration: 0.4s;  transition-duration: 0.4s;
	 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
a.video:hover {color:#eee;background-color:rgba(30,30,30,.7);}
.scotch {background-color:rgba(255,255,255,.5);display:inline-block;padding:0 1%;}
.scotchfin {background-color:rgba(255,255,255,.3);display:inline-block;padding:0 1%;}
.scotchnoir {background-color:rgba(0,0,0,.5);color:#fff;display:inline-block;padding:0 1%;}
.scotch a {color:#115;test-decoration:underline;}

.carreblanc1,.carreblancp1 {display:inline-block;width:95%;min-height:110px;vertical-align:middle;border-radius:8px;border:1px solid #222;background-color:#fff;text-align:center;overflow:hidden;}
 .carreblanc1 ul li, .carreblancp1 ul li {text-align:left;margin:0% 5px;}
.carreblanc1 p,.carreblancp1 p {text-align:left;padding:3%;}
#newscontainer_411 .carreblanc1 p a,#newscontainer_411 .carreblanc1 li a {font-weight:bold;padding:0px 4px;display:inline-block;border:1px solid #999;background-color:#eee;}
#newscontainer_506 .carreblanc1 p a,#newscontainer_506 .carreblanc1 li a {font-weight:bold;padding:0px 4px;display:inline-block;border:1px solid #999;background-color:#eee;}
a.plain {border:none !important;background-color:none !important;background:none !important;}

h1.introtitle {width:45%;float:left;text-align:right;height:100%;margin-right:5%;}
p.introtitle {display:table;}

.toprightmenu {text-align:right;position:absolute;display:flex;right:0;}
.toprightmenu a {display:inline-block;color:#444;padding:5px 15px;margin:1px 2px;text-decoration:none;height:32px;}

.carreblanc11 {display:inline-block;width:95%;min-height:110px;vertical-align:middle;border-radius:8px;border:1px solid #222;background-color:#fff;text-align:center;}
.carreblanc12 {display:inline-block;width:95%;min-height:110px;vertical-align:middle;border-radius:8px;border:1px solid #222;background-color:#fff;text-align:center;}

.extrao_doctitleopen {
display:inline-block;/*max-height:60px;*/line-height:85%;overflow:hidden;border-radius:5px 5px 0px 0px;
background-color:rgba(255,255,255,0.8);
font-size:33px;/*font-weight:normal;*/
padding:16px 16px 8px 16px !important;margin:0px 1px;}

@media screen and (max-width: 480px) {
div.logo {max-width:70%;/*margin-left:-80px;*/}
}

@media screen and (max-width: 1250px)
{
/*.bienvenue {height:600px;}*/
}

@media screen and (max-width: 1150px)
{
	/*.subMenu15 a.smallmenu2 {display:none !important;}
	.subMenu15 a.smallmenu, .subMenuInt  a.smallmenu {padding:0 4px;}
.subMenu15 a.active, .subMenuInt a.active {display:inline-block !important;}*/
/*.bienvenue {height:500px;}*/
	 body {/*font-size:95%;*/   }
#menuLogo {padding-left:0;}
		 .subMenu15, .subMenuInt {font-size:120%; }

}

@media screen and (max-width: 1020px)
{
/*	.subMenu15 a.smallmenu1 {display:none !important;}*/
	/*.subMenuInt a#preferences {display:none !important;}*/
}

@media screen and (max-width: 930px)
{
	/* .subMenu15 a {max-width:100px;height:50px;}*/
	 .logo img {zoom:50%;}
	 	 h1 {font-size:256%; }
h2 {font-size:160%;}
.colonnes {width:50%; }

}
@media screen and (max-width: 840px)
{

.extrao_doctitleopen {display:block;padding:2px 16px;}

.sharebuttons {display:none;position:absolute;top:-10px;right:20px;}
.sharebuttons img {zoom:50%;}

#wrapper {width:100%;}
div.fullscreen {padding:20% 1% 1% 1%;}
/*	 .subMenu15 a, .subMenuInt a {padding-left:0;margin-left:0;}*/
	 	 .bienvenue h1 {font-size:130%; } .bienvenue h2 {font-size:150%;}
.deuxcolonnes {width:100%;}
.deuxcolonnes ul {width:50%;float:left;}
.deuxcolonnes div.ensavoirplus {width:50%;float:left;padding-top:2%;}
.troiscolonnes {width:50%;}
.quatrecolonnes {width:50%;}
.carreblanc1 {width:50%;min-width:350px; }
.carreblanc1 img {max-width:25%;float:left;}
a.video {margin:10px 10px;padding:50px 25px 10px 25px;}

		a.ensavoirplus {/*font-size:130%;*/}
		
		table.login {width:100%;}
		table.login td {text-align:center;}
		table.login div {display:block !important;}
		#logmein {height:250px !important;}

}
@media screen and (max-width: 760px)
{
	/* .subMenu15 a, .subMenuInt a {padding-right:0;margin-right:0;background-image:none;}*/
	/* div.menugroup {padding-left:10px;margin-left:10px;}*/
	 	 body {/*font-size:90%;*/}
		 h1 {font-size:180%; } .bienvenue h2 {font-size:130%; }
/*.subMenuInt a#commander {padding-right:30;}
		 .subMenu15 {font-size:120%;}*/
.colonnes {width:100%; }
.carreblanc1 {width:100%;min-width:330px; }
	/* .subMenu15 a {height:45px;}*/
.carreblanc1 img {max-width:15%;float:left;}

}

@media screen and (max-width: 640px)
{
	/* div.menugroup {padding-left:2px;margin-left:2px;}
	 #menuPraticiens {padding-left:2px;margin-left:2px;}
	 #menuPatients {padding-left:2px;margin-left:2px;}*/
	  /*.subMenu15 a {max-width:90px;}*/
		.bienvenue h1 {font-size:100%; }
		.bienvenue h2 {font-size:120%; }
.troiscolonnes {width:100%;}
.quatrecolonnes {width:100%;}
.deuxcolonnes ul, .deuxcolonnes div.ensavoirplus {width:100%;float:none;}
.carreblanc1 img {}

}
@media screen and (max-width: 640px)
{
	/*  #menuGuides {display:none;}
	 #menuAccompagner {display:none;}*/
		.bienvenue h1 {font-size:150%; }
		.bienvenue h2 {font-size:120%; }
h1.introtitle {width:100%;float:left;text-align:center;height:auto;margin:5%;}
/*.toprightmenu {width:100%;position:relative;}*/
.toprightmenu {/*width:120px;*/}
.toprightmenu a {font-size:0px;/*display:inline-block;padding:0;width:30%;*/}
}







//style extrao

body,td {font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;font-size:110%;}
h1,h2,h3,h4,h5,h6,b {font-weight:900;}
html {text-align:center;width:100%;height:100%;font-size:100%;}
body {width:100%;height:100%;text-align:center;margin:0;padding:0;}
#wrapper {width:100%;position:relative;text-align:left;margin-left:auto;margin-right:auto;}
div.newstext,div.seealso {padding:16px; /*border-width:0px; border-color:#ddd;border-style:dotted;background-color:rgba(255,255,255,0.9);*/}
.news {background-color:#F8F8F8 !important;}
.grouptitle { /*display:block;width:100%;font-size:40px;*/ padding:16px;font-weight:normal !important;display:inline-block;margin-top:8px;}
a.grouptitle { color:#000; }
a.grouptitle:hover { text-decoration:none; }
.newstitle { font-size:32px;padding:16px;font-weight:normal !important;}
.newstitle a { color:#444; }
.newsitem {background-coagrlor:#F8F8F8  !important;}
.newsitemtitle { font-size:20px;padding:8px;font-weight:normal !important;}
.newsitemtitle a { color:#444; }
.newsheader, .cattitle {font-size:100% !important;}
.path a {color:#333;font-size:160%;}
.extraomenu {font-size:20px;background-color:#464646;width:100%;height:34px;font-weight:normal !important;}
.extraomenu a {height:34px;display:inline-block;text-align:center;overflow:hidden;float:left;font-size:100%;}
.extraomenu a span {display:block;padding:3px 16px 0px 16px;}
.extraomenu a:hover {background-color:#575757;}
.menua8 {color:#fff;}
.menua9 {color:#97B3C9;}
.menua3 {color:#6699FF;}
.menua7 {color:#228EF0;}
.menuac7 {color:#228EF0;}
.menuatv {color:#FFF;background-color:#111; border-radius:8px;}
.extraomenu .recherche {float:right;display:inline-block;width:19%;}
.extraomenu .recherche input {color:#888;width:100%;height:100%;background-color:#575757;font-size:18px;}

.extraosubmenu {font-size:15px;background-color:#686868;color:#6699FF;width:100%;height:102px;font-weight:normal !important;}
#extraosubmenu0 {height:39px !important;}
.extraosubmenu a {font-size:15px !important;height:34px;color:#6699FF !important;display:inline-block;text-align:center;overflow:hidden;float:left; padding:0px 12px 0px 16px;background-image:none !important;max-width:250px;maxWidth:250px;line-height:16px;}
.extraosubmenu a:hover {background-color:#797979;}

#bottom {display:flex;width:100%;flex-wrap:wrap;clear:both;min-height:675px;background-color:#666;color:#fff;/*background-image:url(img15/extrao_bottom.jpg);*/padding:2% 10%;background-repeat:no-repeat;margin:0% 0%;}
#bottom a {color:#fff;}
#bottom1, #bottom2 {color:#999;flex:1;margin-top:40px;padding-top:30px;min-width:250px;/*border-left:1px solid #fff;*/}
#bottom1 {flex:2;}

#loginzonediv {background-position:center top;background-repeat:no-repeat;}
#top span#loginzone {width:auto;right:50px;position:absolute;border-width:0px 1px 1px 1px;border-radius:0px 0px 4px 4px;border-color:#888;background-color:#fff;border-style:solid;opacity:0.7;}
#top span.toponglet {width:auto;position:absolute;border-width:0px 1px 1px 1px;border-radius:0px 0px 4px 4px;border-color:#888;background-color:#fff;border-style:solid;opacity:0.7;}
#top span.toponglet  a {color:#111; padding:0px 10px;}
a.login {padding:0px 10px 0px 10px;}
span#loginzone  a, span#loginzone .small {color:#111;font-size:15px !important;}
span#cart a {font-weight:bold;padding:0px 20px;font-size:11px;}
span.cart0 a {font-weight:normal !important}

div.agrey,div.agrey a {font-size:12px !important;color:#ddd !important;font-style:italic;}
div.agrey2 a {max-width:150px !important;maxWidth:150px !important;}
.add_to_basket {background:url(/img/Add-to-Shopping-Basket-Icon.png) no-repeat top left;background-size:28px;padding:2px 4px 2px 34px !important;background-color:#eee;display:inline-block;height:32px;}
.add_to_basket:hover {background-size:30px;}
.topCart {background:url(/img/Add-to-Shopping-Basket-Icon.png) no-repeat top left;background-size:28px;padding-left:29px !important;}
.topCart:hover {background-size:30px;}
#cartsearch {position: absolute;right: 0;width: 30;}
.order_table_title_hr hr {display:none;}
.validetaprightlink {top:46px !important;}

.basket_product .order_table_open #imgsrc {display:block !important;position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;font-size:0px;opacity:0.2;}


.question_question, .question_choice, .question_comment {font-size:100%;}
.newschapo a {color:#000;}

.greenbutton {display:inline-block;height:22px; line-height:22px;font-size:90%;font-weight:bold;color:#003; padding:0px 25px; margin:0px 8px 8px 0px; background-image:url(img/bouton_bg.jpg);overflow:hidden;border-radius:8px;box-shadow: 4px 4px 4px #aaa;}
.ongletvert {font-size:19px;clear:left;display:inline-block;color:#ACC882;border-radius:6px 6px 0px 0px;background-color:#fff;padding:3px 20px;}
.ongletcontent {padding:8px;background-color:#fff;font-size:14px;}
.ongletcontent h3 {padding:0;margin:0;spacing:0;}
.ongletcontent td {vertical-align:top;font-size:14px;}
.imageblock {clear:left;}

.order_rayonex_impossible {display:none;}
.greenonglets a {font-size:120%;}
.greenonglets a {height:22px; line-height:22px;color:#003; padding:0px 25px; margin:0px 8px 8px 0px; background-image:url(img/bouton_bg.jpg);}

div.topsubmenu_old a {display:inline-block;width:100%;padding:4px; spacing:4px; border:1px solid #888;background-color:#aaa;color:#FFF;text-decoration:none;height:35px; overflow:hidden;font-size:13px;text-align:center;}
div.topsubmenu_old a:hover {background-color:#bbb;}

.small {font-size:110% !important;}
.td {font-size:110% !important;}
.login {font-size:120% !important;}
.actus td {padding:1%;}
@media print {
	.addthis-smartlayers, .addthis_bar_placeholder { display:none;position:absolute;}
	.newstext {font-size:90%;}
	.toponglet {display:none;}
	.extraosubmenu {display:none;}
	body {background-color:white !important}

}

@media screen and (max-device-width: 480px) {

   #rightcolumn {display:none !important;}
   .menua8 {display:none !important;}
   .menua7 {display:none !important;}
   #wrapper {width:100% !important;min-width:100% !important;minWidth:100% !important;}
   .recherche {display:none !important;}
    .path  {/*display:none !important;*/}
.extraomenu a {zoom:150%;}
.extraosubmenu {display:none;}
.onlyprint {display:none;}
.carreproduits .small {display:none;}
.carreproduitsOuverts .description {display:none;}
td.order_table_chapter_left {display:none !important;}

}

@media screen and (max-device-width: 1199px)
{
   .menua9 {display:none !important;}
   .toponglet, #loginzone {display:none !important;}
.extraomenu p {zoom:180%;}
.greenbutton {font-size:24px;width:80%;display:inline-block;background-size:100% 130%;height:40px;line-height:20px;margin-bottom:20px;}
.ongletcontent td {font-size:150% !important;}
.extraomenu a span {padding:3px 16px 0px 10px !important;}
}

ul.topmenu {margin:0;padding:2px;display:flex;background-color:rgba(0,0,0,0.2);}
ul.topmenu li {text-align:center;border-right:1px solid #eee;list-style:none; flex:1;}
ul.topmenu li a {white-space:nowrap;display:block;padding:2px 8px;color:#fff;} 
ul.topmenu li a:hover {background-color:rgba(0,0,0,0.3);}
ul.topmenu li a.here {background-color:rgba(200,200,200,0.99);}
ul.topmenu li a img {display:inline-block;opacity:0.8;mix-blend-mode: multiply;}
ul.topmenu li a b {display:block;font-weight:normal;}
@media screen and (max-width: 480px) {
  /* ul.topmenu li a b {font-size:8px;display:none !important;}*/ 
}
div.topsubmenu {width:100%;position:absolute;z-index:101;background-color:rgba(200,200,200,0.99);padding:10px 20px 100px 20px;display:flex;flex-wrap:wrap;}
div.topsubmenu span {display:block;flex:10;margin-right:0%;min-width:100%;}
div.topsubmenu div {flex:1;margin-right:5%;min-width:250px;}
div.topsubmenu div h3 {margin:0;padding:0;display:block;font-weight:normal;}
div.topsubmenu div ul {margin:0;padding:0px;}
div.topsubmenu div ul li {list-style:none;}


div.contextualmenu {
width:100%;text-align:left;/*position:fixed !important;*/top:-7px;height:39px;overflow-x:auto;overflow-y:hidden;padding:0;z-index:101;background-color:#fff;border-bottom:1px solid #aaa;padding-left:0;
}
div.contextualmenu:hover {height:auto;overflow:visible;}
a.contextualmenu {padding:2px 8px; margin:2px 2px 0px 0px; position:relative;top:2px; max-width:35%;display:inline-block;overflow:hidden;
color:#444;background-color:#ddd;font-size:120%;
border-width:1px 1px 0px 1px;border-style:solid;border-color:#fff;}
a.contextualmenu:hover {background-color:#f0f0f0;}
a.contextualmenuhere {background-color:#f0f0f0;font-weight:bold;font-size:140%;padding:2px 16px 6px 16px;top:0px;}
span.contextualmenutitle {/*display:inline-block;float:left;*/font-size:140%;padding:0px 10px;color:#222;font-weight:bold;position:relative;top:0px;max-width:10%;}
span.contextualmenutitle img {height:30px;position:relative;top:4px;}

a.contextualmenu.topmenu_ecole {background-color:#0099ff;color:#000066;}
a.contextualmenu.topmenu_users {background-color:#eeb;color:#666;}

@media screen and (max-width: 840px) {
div.contextualmenu { height:39px;padding-left:60px;text-align:center;}
span.contextualmenutitle {display:block;max-width:100%;width:100%;text-align:center;}
/*.toprightmenu {margin-top:95px;}*/
}


.notes_news .chat_date {display:none;}
/*
.notes_news .chat_doc {display:none;}
.notes_news div.chat_content.postit_chat_other {margin-left: 1% !important;margin-right:1% !important;font-size:70%;}
.notes_news div.chat_header {float:none;}*/

table.menu {display:block;min-width:300px;float;left;}
table.menu > tbody {display:flex;flex-wrap:wrap;}
table.menu > tbody > tr {display:block;flex:1;min-width:140px;}
table.menu > tbody > tr > td {display:block;}

table.menu .grouptitlebg {text-align:left !important;}
table.menu .submenulink {margin:6px 10px 6px 0px;display:inline-block;line-height:85%;}
/*table.menu .submenulink ~ br {display:none;}*/

.carreblanc1 h3 {padding:20px;margin:0;font-size:150%;background-color:#bbb;color:#333;font-weight:normal;width:100%;}
.carreblanc1 h4 {padding:2px;margin:0;font-size:130%;background-color:#ddd;font-weight:normal;width:100%;}
.carreblanc1 h5 {padding:2px;margin:0;font-size:120%;}
.carreblanc1 ul {margin:0;padding:0;text-align:left;}
.carreblanc1 ul li {list-style:none;padding:4px 2px;text-align:left;}

.newstext i {display:block;max-width:60%;float:right;padding:4px;font-weight:200;font-size:90%;text-align:right;background-color:rgba(240,240,240,0.9);}
.newstext code {font-family:inherit;display:block;margin:8px -400px;padding:4px 400px;border:1px solid rgba(220,220,220,0.9);background-color:rgba(240,240,240,0.9);}
.newstext i ul, .newstext code ul {text-align:left;margin:0;padding:0;}
.newstext i ul li, .newstext code ul li {list-style:square; text-align:left;}
.newstext i img {max-width:100%;}
.newstext > div {margin:0px 32px 3px 32px;}
.newstext .columns {margin:0px 8px;text-align:justify;}
.newstext .columns p { display:inline-block;clear:both;margin:0px 0px 12px 0px;padding:0;}
.newstext .columns div {margin:0px 0px 12px 0px;}
.newstext .columns code {margin:8px -28px; padding:4px 28px;text-align:left;break-inside: avoid-column;page-break-inside: avoid;}
.newstext .columns .together {break-inside: avoid-column;page-break-inside: avoid;}
.newstext .columns li {margin:0px !important;}
.newstext figure {break-inside: avoid-column;page-break-inside: avoid;border-radius:8px;background-color:rgba(240,240,240,0.5);border:1px solid rgba(230,230,230,0.5);padding:6px;}
.newstext figure.half {max-width:50%;margin:0px;}
.newstext figure.half.left {max-width:50%;margin:0px 16px 0px 0px;float:left;}
.newstext figure.half.right {max-width:50%;margin:0px 0px 0px 16px;float:right;}
.newstext figure.third {max-width:33%;margin:0px;}
.newstext figure.third.left {max-width:33%;margin:0px 16px 0px 0px;float:left;}
.newstext figure.third.right {max-width:33%;margin:0px 0px 0px 16px;float:right;}
.newstext figure img {border-radius:7px;mix-blend-mode: multiply;}
.newstext figcaption {text-align:right;font-size:80%;margin:0px -6px -6px -6px;padding:8px;border-top:1px dotted rgba(230,230,230,0.5);font-style:italic;line-height:80%;}
.newstext .columns div.ensavoirplus {background-color:rgba(0,0,0,0.05);margin:0px -25px; padding:12px 32px 12px 64px;text-align:left;break-inside: avoid-column;page-break-inside: avoid;justify-content:center;}
.newstext .columns > ul {padding:0;margin:0;}
.newstext .columns > ul li {list-style:none;margin:10px 0px 0px 0px;padding:0;break-inside: avoid-column;page-break-inside: avoid;}
.newstext .columns > ul li::before { content: '▶';  position: relative; color:#666; padding: 1px 10px;display:block;float:left;}

@media screen and (max-width: 800px) {
.newstext .columns figure {max-width:50%;}
}
@media screen and (min-width: 800px)
{ .newstext .columns {columns:2;margin:0px 32px;column-gap: 50px;column-rule: 1px solid #eee;} }
@media screen and (min-width: 1360px)
{ .newstext .columns {columns:3;} }

.rayonex_modules {display:flex;padding:0px 2px;width:99%;flex-wrap:nowrap;max-width:99%;overflow-x:auto;overflow-y:hidden;font-size:13px;}
.rayonex_modules strike {flex:1;border:1px solid #999;background-color:#bbb;color:#333;border-radius:3px;margin:1px;text-align:center;padding:1px;}
.rayonex_modules b {flex:1;border:1px solid #080;background-color:#8F8;color:#161;border-radius:3px;margin:1px -2px;text-align:center;padding:1px;}
.rayonex_modules span {flex:1;border:1px solid #999;background-color:#FFF;color:#555;border-radius:3px;margin:1px;text-align:center;padding:1px;}
.rayonex_modules b a {color:#161;font-weight:normal;}