/* Style pour les �crans larges */
@media screen and (min-width: 1024px) {
	/* Styles ici */
	
  }
  
  /* Style pour les tablettes en mode portrait */
  @media screen and (max-width: 768px) {
	/* Styles ici */
  }
  
  /* Style pour les smartphones en mode portrait */
  @media screen and (max-width: 480px) {
	/* Styles ici */
  }
@font-face{ font-family:'NexaBold'; src:url('fonts/Typo_Round_Bold_Demo.otf') format('opentype'), url('fonts/Typo_Round_Bold_Italic_Demo.otf') format('opentype'), url('fonts/Typo_Round_Italic_Demo.otf') format('opentype'), url('fonts/Typo_Round_Regular_Demo.otf') format('(opentype'); font-weight:bold; font-style:normal}
/*@font-face{ font-family:''; src:url('fonts/Typo_Round_Light_Demo.otf') format('opentype'), url('fonts/Typo_Round_Light_Italic_Demo.otf') format('opentype')url('fonts/Typo_Round_Thin_Demo.otf') format('opentype'), url('fonts/Typo_Round_Thin_Italic\ Demo.otf') format('opentype'); font-weight:bold; font-style:normal}
*/
@font-face { font-family: 'Roadgeek'; src: url('fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf') format('truetype'); }
/*@font-face{ font-family:'NexaBold'; src:url('fonts/NexaBold.ttf.woff') format('woff'), url('fonts/NexaBold.ttf.svg#NexaBold') format('svg'), url('fonts/NexaBold.ttf.eot'), url('fonts/NexaBold.ttf.eot?#iefix') format('embedded-opentype'); font-weight:bold; font-style:normal; }
@font-face{ font-family:'Roadgeek'; src:url('fonts/Roadgeek.ttf.woff') format('woff'), url('fonts/Roadgeek.ttf.svg#Roadgeek') format('svg'), url('fonts/Roadgeek.ttf.eot'), url('fonts/Roadgeek.ttf.eot?#iefix') format('embedded-opentype');  font-weight:normal; font-style:normal; }
*/
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family: 'Noto Sans'; src: url('fonts/Noto_Sans/NotoSans-VariableFont_wdth,wght.ttf') format('truetype'); }
@font-face { font-family: 'Noto Sans'; src: url('fonts/Noto_Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); font-weight:normal; font-style:italic; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; }

/* Banni�re Cookie */
#cookie-banner{ position:fixed; bottom:0; left:0; right:0; width:calc(100% - 40px); background:#f1f1f1; color:#000000; text-align:center; padding:20px; z-index:9999; box-shadow:-100px 0 100px -50px #000; -webkit-box-shadow:-100px 0 100px -50px #000; border-top:1px solid #aaa; font-size:0.9em; }
#cookie-banner h2{ margin-top:0; margin-bottom:10px; }
#cookie-banner button{ padding:10px 0; cursor:pointer; border:1px solid #313131; font-size:13px; width:200px; text-transform:uppercase; letter-spacing:0; margin:10px; text-align:center; transition:all ease 0.3s; }
#cookie-banner button:first-of-type{ margin-left:0; }
#cookie-banner button:last-of-type{ margin-right:0; }
#acceptCookies{ background:#02989d; color:#fff; border-radius:4em; font-weight:400; font-style:normal; letter-spacing:1px; cursor:pointer; padding:5px 15px; border:none; }
#acceptCookies:hover{ background:#12a8ad; }
#refuseCookies{ border-radius:4em; font-weight:400; font-style:normal; letter-spacing:1px; cursor:pointer; padding:5px 15px; border:none; }

/* Pop up de confirmation professionnel de sant� */
#profsante-banner{ display:block; position:fixed; width:450px; max-width:calc(100vw - 50px); height:220px; padding:25px; top:50vh; left:50vw; margin:-140px 0 0 -260px; background:#f1f1f1; color:#000; text-align:center; z-index:10001; box-shadow:0 0 100px -50px #000; -webkit-box-shadow:0 0 100px -50px #000; border:0; font-size:0.9em; }
#profsante-banner h2{ margin-top:0; margin-bottom:10px; font-weight:normal; }
#profsante-banner p{ line-height:normal; }
#profsante-banner button{ padding:10px 0; cursor:pointer; border:1px solid #313131; font-size:13px; width:200px; text-transform:uppercase; letter-spacing:0; margin:10px auto; text-align:center; transition:all ease 0.3s; }
#profsante-banner button span{ font-size:2em; margin:-0.5em 0 -0.5em -19px; display:inline-block; vertical-align:-0.1em; }
#isProfSante{ background:#02989d; color:#fff; border-radius:4em; font-weight:400; font-style:normal; letter-spacing:1px; cursor:pointer; padding:5px 15px; border:none; }
#isProfSante:hover{ background:#12a8ad; }
#profsante-cache{ display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; width:100%; height:100%; background:#000; opacity:0.7; }

/* Style pour le bouton de retour en haut */
.scroll-to-top { display:none; position: fixed; bottom: 20px; right: 20px;background-color: #eee;border-radius: 50%; transition: all 0.2s ease;width:30px;height:30px;padding:0;cursor:pointer;
}

.scroll-to-top:hover {
    background-color: #fff; /* Couleur de fond au survol */
    /*transform: scale(1.1); /* Zoom au survol */
	width:40px;
	height:40px;
	right:15px;
	bottom:15px;
}

/* Style pour l'image de la fl�che */
.scroll-to-top img {
    width: 30px; 
    height: 24px; 
    border: none;
	opacity: 0.7;
	vertical-align: bottom;
	margin:3px 0;
	transition: all 0.2s ease;
}

.scroll-to-top:hover img {
	opacity: 1;
	vertical-align: bottom;
	margin:8px 5px;
}

.custom-font {
    font-family: 'Arial', sans-serif;
	font-weight:normal;
	font-style:normal;
	margin:0 2px;
}

body{ position:relative; margin:0; width:100%; min-width:600px; font-family:'Noto Sans', 'Arial' ,sans-serif; background:#01657a; background-image:url(../img/bg_network001b.png), linear-gradient(90deg, #01657a 0%, #01657a 10%, #0194ae 90%, #0194ae 100%); background-repeat:no-repeat; background-size:100% auto; background-attachment:fixed; }
body p{font-family: 'Noto Sans', 'Arial', snas serif; line-height:25px}
body::before{ content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; background:#ffffff; height:122px; z-index:1; }

*:active, *:focus{ outline:0; }

.wrapper{ min-height:100vh; }

#header{ font-family:'Roboto', 'Arial', sans-serif; display:block; position:relative; margin:0; padding:20px 0; border:0; background:transparent; height:72px; z-index:2;}
/*#header::before{ content:""; display:block; position:absolute; top:5px; left:90px; width:450px; height:150px; z-index:3; background:transparent url('../img/logo-ith-medical.png') no-repeat center center; background-size:contain; }*/
#header::after{ content:""; display:block; position:absolute; width:100%; height:90px; background:transparent url('../img/bg_header_bottom.png') no-repeat center top; background-size:100% 100%; left:0; right:0; bottom:-100px; border:0; z-index:-1;}

#header #maintitle{ display:block; position:relative; height:150px; width:485px; padding:0; margin:0px 0 0 80px; border: 0; }
#header #maintitle img{ display:block; position:relative; height:100%; width:auto; margin:0; }
#header #maintitle::after{ content:""; display:block; position:absolute; width:24px; height:24px; top: auto; background:transparent url('../img/icone-accueil.png') no-repeat center center; bottom:10px; left: 485px; z-index:2; background-size: contain; }

#header a{ text-decoration:none;}

#header h1{ margin:10px 0 0 0; font-size:24px; font-weight:normal; text-transform:uppercase; height:72px; padding:0 0 0 190px; position:relative; text-align:left; }
#header h1 strong{ font-family:'Montserrat', 'Arial', sans-serif; font-weight:bold; font-size:2.7em; letter-spacing:5.5px; color:#404040; }
#header h1 small{ display:block; clear:both; font-size:0.8em; font-family:'Noto Sans', 'Arial', sans-serif; color:#02989d; letter-spacing:1.05px; margin:-15px 0 15px 0; }

#bandeau_locat{ display:block; width:auto; height:16px; text-align:right; color:#02989d; position:absolute; top:0; right:10px; margin:0; z-index:2; font-size:11px; font-weight:bold; text-transform:uppercase; padding:8px 10px 0 0; }
#bandeau_locat span{ display:inline-block; width:auto; height:16px; padding:0 16px 0 22px; line-height:16px; }
#bandeau_locat span a{ color:#02989d; }
#bandeau_locat span:last-of-type{ padding-right:0; }

#bandeau_locat span:nth-of-type(1){ background:transparent url('../img/icone-location.png') no-repeat left center; background-size:contain; padding-left:16px; }
#bandeau_locat span:nth-of-type(2){ background:transparent url('../img/icone-telephone2.png') no-repeat left center; background-size:contain; }
#bandeau_locat span:nth-of-type(3){ background:transparent url('../img/icone-email.png') no-repeat left center; background-size:contain; }
#bandeau_locat span:nth-of-type(4){ background:transparent url('../img/icone-mentions-legales.png') no-repeat left center; background-size:contain; }

#mainmenu{ display:block; position:absolute; top:0; left: 620px; padding:0; }
#mainmenu a{ text-decoration:none; font-family:'Roboto', 'Arial', sans-serif; font-weight:normal; font-size:12px; color:#404040; text-transform:uppercase; display:inline-block; position:relative; width:180px; height:100px; text-align:center; white-space:nowrap; }
#mainmenu a span{ display:inline-block; position:relative; bottom:0; margin:83px auto 0 auto; }
#mainmenu a span::after, #mainmenu .lv1 .lv2 a span::after{ content:""; display:block; width:auto; height:2px; border:0; background:#00a3bf; position:absolute; left:50%; right:50%; bottom:-4px; transition:all ease 0.3s; }

#mainmenu a:hover span::after, #mainmenu .lv1 .lv2 a:hover span::after{ left:4px; right:4px; opacity:1; bottom:-4px; transition:all ease 0.3s; }

#mainmenu .lv1 a span::after{ content:""; display:block; width:100%; height:4px; border:0; background:transparent url('../img/down_list1.png') no-repeat center center; position:absolute; left:0; right:0; bottom:-7px; opacity:1; transition:all ease 0.2s; }
#mainmenu .lv1 a:hover span::after{ bottom:-2px;  opacity:0; transition:all ease 0.2s; }

#mainmenu a, #mainmenu .lv1{ display:inline-block; margin:0; position:relative; }
#mainmenu .lv1 .lv2{ display:block; background:#fff; position:absolute; top:97px; z-index:2; width:calc(98% - 4px); left:1%; right:1%; border:2px solid #fff; border-radius:0 0 8px 8px; overflow:hidden; max-height:0; transition:all ease 0.5s 0.2s; }
#mainmenu .lv1:hover .lv2{ max-height:150px; transition:all ease 1s 0.2s; }
#mainmenu .lv1 .lv2 a{ display:block; position:relative; margin:0; clear:both; width:100%; height:auto; white-space:nowrap; font-size:11px; padding:8px 0; }
#mainmenu .lv1 .lv2 a:first-of-type{ padding-top:26px; }
#mainmenu .lv1 .lv2 a:last-of-type{ padding-bottom:16px; }
#mainmenu .lv1 .lv2 a span{ display:inline-block; position:relative; margin:0 auto; }

#phone_accueil, #phone_menuBtnOpn, #phone_menuBtnCls, #phone_maintitle{ display:none !important; }
#logiciels{ background:transparent url('../img/icone-produits.png') no-repeat center center; }
#informatique{ background:transparent url('../img/icone-services.png') no-repeat center center; }
#contactus{ background:transparent url('../img/icone-contact.png') no-repeat center center; }
#smssante{ background:transparent url('../img/logo-sms-bleu.png') no-repeat center center; /* background-size: 40%; filter: hue-rotate(10deg);*/ }
#logo-phone {
	max-width: 100%; /* L'image ne d�passera pas la largeur de son conteneur */
	height: auto; /* La hauteur s'ajustera automatiquement pour conserver les proportions */
	margin: 20px; /* Ajoute une marge autour de l'image pour la s�parer des autres �l�ments */
	display: block; /* Assurez-vous que l'image est un �l�ment de bloc */
}

.page{ display:block; position:relative; width:1270px; max-width:calc(100% - 30px); padding:0 15px; background:transparent; margin:80px auto 50px auto; color:#000; }

.page h1{ color:#fff; display:block; margin:0; font-size:60px; font-weight:bold; text-transform:uppercase; font-family:'Montserrat', 'Arial', sans-serif; position:relative; text-align:center; }
.page h2{ color:#fff; margin-bottom:0px; margin:15px 0 -0.85em 25px; display:block; font-size:2em; font-weight:bold; font-family:'Montserrat', 'Arial', sans-serif; position:relative; text-align:left; }
.page h3{ display:block; font-size:40px; font-weight:normal;  font-family:'Montserrat', 'Arial', sans-serif; position:relative; text-align:center; margin-bottom: 20px;}
.page h4{ font-weight:normal;  font-family:'Noto Sans', 'Arial', sans-serif; font-size: 30px;}
.page h5{ font-weight:normal;  font-family:'Noto Sans', 'Arial', sans-serif; }

.page .para h3{ font-size:35px; text-align:left; font-weight:bold; color:#038499; }
.page .para h3:first-of-type{ margin-top:0; }

.page .iconImg{ display:inline-block; border:0; vertical-align:bottom; }

.page h2 .anot{ display:inline-block; position:relative; font-size:0.3em; margin:0 0 0 5px; vertical-align:1.5em; background:#fff; width:1.2em; height:1.2em; text-align:center; color:#00a3bf; font-weight:bold; font-family:'Montserrat', 'Arial', arial, sans-serif; border-radius:0.6em; cursor:help; text-shadow:none !important; }
.page h2 .anot::after{ content:attr(data-info); display:block; position:absolute; top:3.2em; left:-50px; background:#fff; padding:5px 10px; text-transform:none; white-space:nowrap; font-size:0.9em; font-weight:bold; border-radius:5px; z-index:5; visibility:hidden; opacity:0; transition:all ease 0.3s 0.2s; }
.page h2 .anot:hover::after{ left:-10px; visibility:visible; opacity:1; transition:all ease 0.5s; }

#cyberad .page h2:first-of-type{ margin-bottom:-100px; }

#cyberad .page .stressList .para ul { list-style:none; }
#cyberad .page .stressList .para ul li::before{ content:"\002713"; font-weight:bold; color:#0c0; width:auto; height:auto; background:transparent; font-size:1.5em; left:0; top:-0.3em; text-shadow:2px 2px 2px #acc2ac; }
#cyberad .page .stressList .para .center{ display:block; position:relative; margin:30px 0 10px 0; text-align:center; font-size:1.8em; }

#cyberad form{ display:block; position:relative; width:561px; margin:50px auto; text-align:right;}
#cyberad form select, #cyberad form input[type='text'], #cyberad form textarea{ display:inline-block; position:relative; margin:0 0 10px 0; padding:5px; border-radius:5px; text-align:left; background:#fff; border:0; width:300px; }
#cyberad form select{ width:310px; }
#cyberad form textarea{ height:200px; }
#cyberad form label{ display:inline-block; position:relative; font-size:1em; text-align:right; margin:0 5px 10px 0; white-space:nowrap; color:#fff; }
#cyberad form input[type='submit']{ display:inline-block; width:310px; margin:0; background:transparent; border:2px solid #01a4be; border-radius: 10px; font-size:2em; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer; font-weight:bold; font-family:'Montserrat', 'Arial', sans-serif; border: none; opacity:0.8; transition:all ease 0.3s; }
#cyberad form input[type='submit']:hover {opacity:1; transition:all ease 0.3s; }
#cyberad form #label_ville-region-de-letablissement-principal{ font-size:0.9em; }
#cyberad form #label_votre-message{ vertical-align:200px; }

.page p, .page li{ text-align:justify; font-size:20px; height: -webkit-fill-available;}
.page ul{ list-style-type:none; }
.page ul li{ display:block; margin:0 0 15px 0; padding-left:30px; position:relative; font-family: 'Noto Sans', 'Arial', snas serif;}
.page ul li::before{ content:''; display:block; position:absolute; width:10px; height:10px; background:#fff; left:10px; top:calc(50% - 5px); }

.page .para ul{ padding:0; }
.page .para ul, .page .para ul li:last-of-type{ margin:0; }
.page .para ul li::before{ content:''; display:block; position:absolute; width:10px; height:10px; background:#000; left:10px; top:9px; }

.page .module{ display:block; margin:2%; width:30.5%; float:left; }
.page .module:nth-of-type(3n+1){ clear:both; margin-left:0; }
.page .module:nth-of-type(3n){ margin-right:0; }
.page .module h3{ margin:0; height:2em; font-size:30px; }
.page hr{ display:block; clear:both; }

.page .chapeau{ display:block; position:relative; font-weight:bold; font-size:2em; text-align:center; color:#fff; }

#accueil .page h1{ display:block; margin:-20px 0 0 0; font-size:80px; font-weight:bold; text-transform:uppercase; font-family:'Montserrat', 'Arial', sans-serif; position:relative; text-align:center; }
/*#accueil .page h2{ display:block; font-size:40px; font-weight:bold;  font-family:'Noto Sans', 'Arial', sans-serif; position:relative; text-align:center; line-height:1em;}*/

#accueil .page h2{ display:block; font-size:40px; font-weight:bold; font-family:'Montserrat', 'Arial', sans-serif; position:absolute; bottom:80px; left:35px; right:50px; text-align:left; line-height:1.1em; width:calc(100% - 180px); background:url(../img/dark_bg.png); padding:40px; opacity:0; margin:0 -50px 0 50px; transition:all ease 0.8s 1s; text-shadow:1px 1px 8px #000 !important; border-radius:8px; }
#accueil .page h2.showH2{ margin:0; opacity:1; }

.page .construct{ display:block; position:relative; width:300px; height:282px; background:transparent url('../img/icone_construct.png') no-repeat center top; text-align:center; margin:30px auto; }
.page .construct strong{ font-weight:normal; text-transform:uppercase; display:block; position:absolute; left:0; right:0; bottom:0; text-align:center; font-family:"Arial", sans-serif; font-size:26px; color:#fff; }

.page .illu1{ display:block; position:relative; width:800px; max-width:calc(40% - 15px); margin:15px 15px 15px 0; border:0; padding:0; }
.page .illu1 img{ display:block; position:relative; margin:0; width:100%; height:auto; }

/*Style des paragraphes*/
.para {width: 80%;padding:30px;border-radius: 10px;margin: 30px auto;background:#fff;position:relative;}

.para1 {width: 80%;padding: 30px;border-radius: 10px;margin: 30px auto;background:#fff;padding-bottom: 10px;text-align: center;}

.para p, .para1 p{ margin:0 0 20px 0; }
.para p:last-child, .para1 p:last-child{ margin:0; }

.para a, .para1 a{ color:#c0a; text-decoration:none; display:inline-block; position:relative; }
.para a::after, .para1 a::after{ content:''; display:block; position:absolute; left:3px; right:3px; width:calc(100% - 6px); height:2px; border:0; bottom:-2px; z-index:1; background:#c0a; transition:all ease 0.5s; }
.para a:hover::after, .para1 a:hover::after{ width:0; left:50%; right:50%; }

.withillu{margin-left:0;max-width:calc(70% - 30px);}

.withillu p, .widthillu li{margin-right:30px !important;}

/*Trait de s�paration*/
.separator {border: none;border-top: 5px solid #eee;margin: 40px auto;width: 30%;border-radius: 50%;}

.no-underline{ display:inline-block; position:relative; }
.no-underline::before, .no-underline::after{ content:""; display:block; width:6px; height:6px; background:#fff; position:absolute; left:calc(50% - 4px); bottom:-10px; border-radius:3px; opacity:0; transition:all 0.3s, height ease 0.3s 0.3s, bottom ease 0.3s 0.3s; }
.no-underline::before{ margin-left:-20px; }
.no-underline::after{ margin-left:20px; }
.no-underline:hover::before, .no-underline:hover::after{ margin:0; opacity:1; width:80%; height:2px; left:10%; right:10%; bottom:-8px; transition:opacity ease 0.3s, margin ease 0.3s, width ease 0.3s 0.3s, height ease 0.3s 0.3s, left ease 0.3s 0.3s, right ease 0.3s 0.3s, bottom ease 0.3s 0.3s; }

#accueil .page{ margin:0; width:100%; max-width:none; padding:70px 0 0 0; min-height:calc(100vh - 182px); }
#accueil .page .inner:first-of-type{ visibility:visible; opacity:1;}
#accueil .page .inner{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:0; background:transparent url('../img/accueil1.jpg') no-repeat center top / cover; visibility:hidden; opacity:0; transition:all ease 2s; }
#accueil .page .inner .cnt{ display:block; position:relative; width:1270px; max-width:calc(100% - 30px); min-height:calc(100vh - 250px); padding:0 15px; background:transparent; margin:100px auto 30px auto; color:#fff; }
#accueil .page .inner .cnt h1, #accueil .page .inner .cnt h2{ text-shadow:1px 1px 6px #000; }
#accueil .page .inner .cnt .readmore{ display:block; color:#000; background:#fff; text-decoration:none; font-weight:bold; font-family:'Roboto', 'Arial Narrow', 'Arial', sans-serif; text-transform:uppercase; position:absolute; bottom:0; right:calc(50% - 100px); font-size:20px; padding:inherit; text-align:center; height:44px; line-height:44px; width:200px; border-radius:22px; opacity:0.8; transition:all ease 0.5s; }
#accueil .page .inner .cnt .readmore:hover{ opacity:1; }
#accueil .page .inner .cnt .readmore span{ display:inline-block; transition:all ease 0.5s 0.2s; }
#accueil .page .inner .cnt .readmore:hover span{ margin:0 -5px 0 5px; }

/* Des solutions connect�es... */
#accueil .page .inner:nth-of-type(1) { background: transparent url('../img/accueil4.jpg') no-repeat center center / cover;}
/* SMS */
#accueil .page .inner:nth-of-type(2){ background:transparent url('../img/accueil1.jpg') no-repeat center top / cover; }
/* Diffusion */
#accueil .page .inner:nth-of-type(3){ background:transparent url('../img/accueil-sante.jpg') no-repeat center bottom / cover; }
/* D�veloppement de logiciels */
#accueil .page .inner:nth-of-type(4){ background:transparent url('../img/accueil3.jpg') no-repeat center center / cover; }
/* Gestion de parc */
#accueil .page .inner:nth-of-type(5){ background:transparent url('../img/service-info.jpg') no-repeat center center / cover; }

#diapBtn{ display:block; position:absolute; top:70px; left:30px; width:33px; padding:0; height:auto; }
#diapBtn div{ display:block; position:relative; width:24px; height:24px; border:4px solid #fff; border-radius:15px; background:transparent; margin:0 0 20px 0; cursor:pointer; }
#diapBtn div:last-of-type{ margin:0; }
#diapBtn div.selected::after{ content:""; display:block; width:18px; height:18px; background:#fff; border-radius:9px; position:absolute; top:calc(50% - 9px); left:calc(50% - 9px); }

#produits-logiciels .page section{ text-align:center; margin:30px auto; }
#produits-logiciels .page section a{ display:inline-block; position:relative; margin:5px; width:480px; height:360px; background:#000; cursor:pointer; text-decoration:none; filter: grayscale(100%); transition:all ease 0.5s; }
#produits-logiciels .page section a:hover{ filter:grayscale(0); }
#produits-logiciels .page section a::after{ content:attr(title); display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; color:#fff; font-size:28px; text-transform:uppercase; text-align:center; font-weight:bold; background:transparent url('../img/after_bg1.png') repeat-x center bottom; text-shadow:2px 2px 5px #000; }
#produits-logiciels .page section a:nth-of-type(1){ background:transparent url('../img/onglet_sms.jpg') no-repeat center top / cover; }
#produits-logiciels .page section a:nth-of-type(2){ background:transparent url('../img/onglet_diffusion.jpg') no-repeat center top / cover; }

/* Accueil slide partenaires */
#accueil #slidePartenaires { display:block; position:relative; clear:both; width:auto; height:200px; margin:0; padding:0; overflow:hidden; white-space:nowrap; background:#fff; text-align:center; }
#accueil #slidePartenaires #innerSlides{ white-space:nowrap; }

#accueil #slidePartenaires #innerSlides section { display:block; white-space:nowrap; position:absolute; left:0; top:0; height:100%; width:auto; }

#accueil #slidePartenaires #innerSlides section img { display:inline-block; vertical-align:top; height:200px; width:200px; margin:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; filter:grayscale(100%); -webkit-filter:grayscale(100%);}
#accueil #slidePartenaires #innerSlides section img:hover { filter:grayscale(0%); -webkit-filter:grayscale(0%); }
		

#accueil #theytrust{ display:block; text-align:center; margin:0 0 -1px 0; background:#fff; padding:30px 0 15px 0; text-transform:uppercase; font-family:'Montserrat', 'Arial', sans-serif; font-size:24px; }

/* Page de contact */

#contactez-nous .page p strong span{ font-weight:normal; }
#contactez-nous .page p strong span b{ font-weight:normal; text-transform:uppercase; }

.okMail, .errorMail{ display:block; position:relative; margin:20px auto 0 auto; width:490px; padding:20px 5px; background:transparent; color:#fff; text-align:center; font-size:1.5em; border-radius:10px; }
.errorMail{ color:#a00; font-weight:bold; }

#closeMailMessage{ display:block; position:absolute; top:10px; right:-10px; width:15px; height:15px; background:transparent; cursor:pointer; z-index:2; }
#closeMailMessage::before, #closeMailMessage::after{ content:''; display:block; background:#fff; position:absolute; width:15px; height:3px; top:4px; left:0; }
#closeMailMessage::before{ transform:rotate(45deg); }
#closeMailMessage::after{ transform:rotate(-45deg); }

#contactez-nous form{ display:block; position:relative; width:561px; margin:50px auto; text-align:right;}
#contactez-nous form select, #contactez-nous form input[type='text'], #contactez-nous form textarea{ display:inline-block; position:relative; margin:0 0 10px 0; padding:5px; border-radius:5px; text-align:left; background:#fff; border:0; width:300px; }
#contactez-nous form select{ width:310px; }
#contactez-nous form textarea{ height:200px; }
#contactez-nous form label{ display:inline-block; position:relative; font-size:1em; text-align:right; margin:0 0 10px 0; white-space:nowrap; color:#fff; }
#contactez-nous form input[type='submit']{ display:inline-block; width:310px; margin:0; background:transparent; border:2px solid #01a4be; border-radius: 10px; font-size:2em; text-align:center; text-transform:uppercase; color:#fff; cursor:pointer; font-weight:bold; font-family:'Montserrat', 'Arial', sans-serif; border: none; opacity:0.8; transition:all ease 0.3s; }
#contactez-nous form input[type='submit']:hover {opacity:1; transition:all ease 0.3s; }
#contactez-nous form #label_ville-region-de-letablissement-principal{ font-size:0.9em; }
#contactez-nous form #label_votre-message{ vertical-align:200px; }
#contactez-nous .center{ display:block; position:relative; text-align:center; margin:-20px 0; color:#fff; }

#fa-phone{
	text-align: center;
	display: inline-block;
    position: relative;
    width: calc(50% - 15px);
    height: 80px;
    margin: 0 0 5px 10px;
    font-size: 1.2em;
    text-align: center;
}
#fa-phone a{
	text-decoration: none;
	color: #01a4be;
}
#fa-phone a::after{
	display:none;
}

/*Page SMS SANTE*/
.header-image {
    text-align: center;
}

#header-logo {
    display:block; position:absolute; margin:0; border:0; float:none; top:calc(50% - 110px); left:-200px; background:#fff; border-radius:110px; border:10px solid #fff;
}

.rightillu {
    display:block; width:200px; height:auto; position:absolute; margin:0; border:0; float:none; top:calc(50% - 110px); right:-200px; background:#fff; border-radius:110px; border:10px solid #fff;
}

#sms-sante .page .content .leftpic{
	margin-left:200px;
	margin-right:100px;
}

#sms-sante .page .content .rightpic{
	margin-left:100px;
	margin-right:200px;
}

/*Page A propos*/

.content {
    display:flex;
    align-items:center;
    text-align:center;
}
/*
.image-container-right {
    text-align:right;
    margin:0 0 0 -60px;
	width:30%;
	position:relative;
	z-index:2;
}

.image {
    width:100%;
    height:auto;
    display:block;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
*/

.image-container-right {
    text-align:center;
    margin:0 0 0 -60px;
	width:30%;
	height:0;
	padding:30% 0 0 0;
	position:relative;
	z-index:2;
	overflow:hidden;
	border:0;
	border-radius:50%;
}

.image {
    height:calc(100% - 20px);
    width:calc(100% - 20px);
    display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	border:10px solid #fff;
	border-radius:50%;
}

#apropos .para{
	text-align:center;
}

.profil {
    display:inline-block;
	position:relative;
	margin:10px 0;
	width:49%;
	float:left;
}

.profil p{
	text-align:center;
	margin:10px 0 -20px 0;
}

.profil img {
	display:block;
	border:0;
    max-width:100%;
    height:auto;
	margin:0 auto;
}

.profil em{
	font-size:0.8em;
	font-style:normal;
	display:inline-block;
	margin-top:5px;
}

.profil hr{
	position:absolute;
	bottom:25px;
	left:35%;
	margin:0 !important;
}

.image3 {
	border-radius:20px;
}

.text {
    flex:2; /* La deuxi�me colonne prendra deux fois plus d'espace que la premi�re */
}

 /*
.background-image {
    background-image:url('../img/ithapropos.jpg'); // Remplacez par le chemin de votre image
    background-size:cover; /* Ajuste la taille de l'image pour couvrir tout l'�l�ment */
/*    background-repeat:no-repeat; /* Emp�che la r�p�tition de l'image */
/*	background-position:center;
	border-radius:10px;
	margin-bottom:20px;
	margin-top:50px;
}
.background-text {
    background:rgba(0, 0, 0, 0.5); /* Arri�re-plan semi-transparent */
 /*   padding:10px;
    color:#fff;
    border-radius:10px;
}

.background-text h3 {
    margin:25px 0;
}
*/

/* Titres "Chapeau"*/
.page h3.background-image{
	display:block;
	position:relative;
	margin:0 0 50px 0;
	background:transparent;
	padding:20px;
	width:calc(100% - 40px);
	z-index:1;
	color:#fff;
	font-weight:bold;
	/*text-shadow:0 0 2px #000;*/
}
.page h3.background-image::before{
	content:'';
	display:block;
	position:absolute;
	border:2px solid #fff;
	border-width:0 0 2px 2px;
	border-radius:0 0 0 10px;
	width:120px;
	height:40px;
	margin:0;
	z-index:0;
	bottom:10px;
	left:0;
}
.page h3.background-image::after{
	content:'';
	display:block;
	position:absolute;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	border-radius:0 10px 0 0;
	width:120px;
	height:40px;
	margin:0;
	z-index:0;
	top:10px;
	right:0;
}


/*.page h3.background-image::before{
content:"";
display:block;
position:absolute; top:0; left:0; right:0; bottom:0; z-index:-2; width:100%; height:100%;
background:#000;
}
.page h3.background-image::after{
content:"";
display:block;
position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; width:100%; height:100%;
background:transparent url('../img/logiciel.jpg') no-repeat center center;
background-size:cover;
opacity:0.5;
}
.page h3.background-image, .page h3.background-image::before, .page h3.background-image::after{
	border-radius:10px;
}*/

/* Titres de section */
.page h3.separate{
	display:block;
	position:relative;
	margin:60px 0 40px 0;
	background:transparent;
	padding:0;
	width:100%;
	z-index:1;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:2em;
}

.page h3.separate i{
	display:inline-block;
	position:relative;
	width:25px;
	height:2px;
	border:0;
	background:#fff;
	margin:0 20px 0 0;
	vertical-align:calc(25% - 1px);
}

.page h3.separate i:last-of-type{
	margin:0 0 0 20px;
}

.para .exergue{ display:block; position:relative; text-align:center; font-weight:bold; margin:0 auto 30px auto; font-size:1.2em; }

#mentions-legales .content .para span.infoContact{ display:inline-block; width:120px; padding:0; text-align:right; }
#mentions-legales .content .para span.infoContact:first-of-type{ padding-top:10px; }

.submenu{ display:block; position:relative; margin:30px auto; width:70%; min-width:400px; }
.submenu li{ display:block; text-align:left; margin:0 0 15px 0; font-size:2em; }
.submenu li a, .submenu li a:hover{ text-decoration:none; color:#fff; }

/*
#apropos h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#audit h3.background-image::after{ background-image:url('../img/securite.jpg'); }
#cybersecurite h3.background-image::after{ background-image:url('../img/securite.jpg'); }
#diffusion-web-de-resultats-medicaux h3.background-image::after{ background-image:url('../img/diffresult1.jpg'); }
#drimbox h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#infogerance-informatique h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#mentions-legales h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#produits-logiciels h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#rdv h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
#securite-reseaux h3.background-image::after{ background-image:url('../img/securite.jpg'); }
#services-informatiques h3.background-image::after{ background-image:url('../img/service.jpg'); }
#sms-sante h3.background-image::after{ background-image:url('../img/bg_chapeau_sms.jpg'); }
#teleradiologie h3.background-image::after{ background-image:url('../img/logiciel.jpg'); }
*/

#schemDrim{ margin-bottom:20px; width: 100%; }

/*Test page apropos bouton qui ouvre une desc*/
.button-container {
	display:flex;
	justify-content:space-between; /* Espace entre les boutons */
	flex-direction:column;
	margin-bottom:20px;
}

.show-description {
	cursor:pointer;
	display:block;
	padding:10px 20px;
	margin:10px;
	background-color:#3498db;
	color:#fff;
	border:1px solid #00a;
	border-radius:10px;
	font-size:18px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
}

.show-description::after, .show-descriptionClicked::after{
	content:"\25BC";
	color:#fff;
	display:inline-block;
	float:right;
	margin-top:2px;
	transform:rotate(0deg);
	transition:all ease 0.5s;
}

.show-descriptionClicked::after{
	transform:rotate(180deg);
	transition:all ease 0.5s;
}

/* Style initial pour la description (cach�e par d�faut) */
.description {
	display:block;
	padding:0px 30px;
	text-align:justify;
	margin-top:0px;
	margin-bottom:0px;
	border-radius:10px;
	overflow:hidden;
	max-height:0;
	opacity:0;
	transition:all ease 0.5s 0.5s;
	font-size:18px;
}

.descriptionOpen {
	padding:10px 30px;
	margin-bottom:20px;
	max-height:500px;
	opacity:1;
	transition:all ease 0.3s 0.3s, opacity ease 0.3s 0.7s;
}

/* Style pour la description lorsque le bouton est cliqu� */
/*.show-description.clicked + .description {
	display:block;
	padding:10px 20px;
	margin-top:10px;
	margin-bottom:20px;
	transition:all ease 0.5s 0.5s;
}*/




/*Footer*/
#footer {
	font-family:'Montserrat', 'Arial', sans-serif;
    background-color:transparent;
	position:inherit;
	bottom:0;
	text-align:center;
    left:0;
    bottom:0;
    width:100%; /* Occupe toute la largeur */
	color:#ffffff; /* Couleur du texte du footer */
	padding:20px 0;
	line-height:16px ;
}
.ftModule{
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.ftModule2{
	margin-top:20px;
}
.no-underline {
    text-decoration:none; /* Supprime le soulignement */
    color:#ffffff; /* Couleur du lien (peut �tre personnalis�e) */
	
}

/* Basses r�solutions */

@media (max-width:1425px){
	#diapBtn{ left:auto; right:30px; }
	#accueil .page .inner .cnt{ /*min-height:calc(100vh - 220px);*/ padding:0 15px; background:transparent; margin:70px auto 30px auto; color:#fff; }
}

@media (max-width:1360px){
	#header #maintitle{ margin:0 0 0 20px; }
	#mainmenu{ left:560px; }
}

@media (max-width:1300px){
	#mainmenu a, #mainmenu .lv1 .lv2 a{ font-size:9px; width:140px; }
	#mainmenu .lv1 a span::after{ bottom:-9px; }
}
/*
@media (max-width:1120px){
	#header::before{ left:10px; }
	#header h1{ padding-left:170px;}
	#bandeau_locat{ padding-right:20px; }
	#header h1::after{ left:600px; }
	#mainmenu{ left:640px; }
	
	.page .module{ display:block; margin:3%; width:45.5%; float:left; }
	.page .module:nth-of-type(3n+1){ clear:none; margin-left:3%; }
	.page .module:nth-of-type(3n){ margin-right:3%; }
	.page .module:nth-of-type(2n+1){ clear:both; margin-left:0; }
	.page .module:nth-of-type(2n){ margin-right:0; }
}
*/

@media (max-width:1270px){
	.page h3.background-image::before{
	content:'';
	display:block;
	position:absolute;
	border:2px solid #fff;
	border-width:0 0 2px 2px;
	border-radius:0 0 0 10px;
	width:120px;
	height:40px;
	margin:0;
	z-index:0;
	bottom:0;
	left:0;
}
.page h3.background-image::after{
	content:'';
	display:block;
	position:absolute;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	border-radius:0 10px 0 0;
	width:120px;
	height:40px;
	margin:0;
	z-index:0;
	top:0;
	right:0;
}
	
}

@media (max-width:990px){
	.page .chapeau br{ display:none; }
}

/* DDL Document */
#docddl01{ display:block; position:relative; text-align:left; width:465px; margin:20px auto; }
#docddl01 label{ display:inline-block; width:150px; position:relative; margin:0 5px 10px 0; padding:0; text-align:right; }
#docddl01 input[type="text"]{ display:inline-block; padding:3px; width:300px; border:1px solid #555; margin:0 0 10px 0; background:#fff; text-align:left; }
#docddl01 input[type="text"]:focus{ border:2px solid #00a; margin:-1px -1px 9px -1px; }
#docddl01 .chkobx{ display:block; position:relative; margin:10px 0; padding:0; text-align:left; font-size:0.9em; }
#docddl01 .chkobx input[type="checkbox"]{ display:block; position:relative; float:left; margin:0 5px 10px 0; }
#docddl01 input[type="submit"]{ display:block; white-space:nowrap; background:transparent; text-align:center; border:0; margin:30px auto; font-size:0.95em; color:#777; cursor:pointer; transition:all ease 0.3s; text-transform:uppercase; }
#docddl01 input[type="submit"]:hover{ color:#000; }

@media (max-width:1150px){
	
	body{ background:#01859a; background:linear-gradient(90deg, #01859a 0%, #01859a 10%, #01a4be 90%, #01a4be 100%); }
	
	#header{ padding:30px 0 10px 0;}
	
	#header #maintitle{ margin:0 auto; }
	#header #maintitle::after{ display:none; }
	
	/*#header::before{ left:5px; top:30px; width:90px; height:90px; }
	#header h1{ padding-left:105px; }*/
	#header::before{ left:5px; top:30px; width:100px; height:100px; }
	#header::after{ height:80px; bottom:-89px; }
	#header h1{ padding-left:105px; }
	#header h1::after{ display:none; }
	#bandeau_locat{ padding:5px 0 0 0; right:0; left:0; width:100%; text-align:center; font-size:10px; }
	#diapBtn{ /*display:none;*/ }
	
	#accueil .page .inner .cnt .readmore{ right:calc(50% - 150px); font-size:30px; padding:0; text-align:center; height:50px; line-height:50px; width:300px; border-radius:25px; opacity:0.8; transition:all ease 0.5s; }
	
	#phone_menuBtnOpn, #phone_menuBtnCls{ display:block !important; height:50px !important; width:50px !important; text-align:center !important; margin:0 !important; position:absolute !important; top:55px !important; right:25px !important; z-index:5 !important; }
	#phone_menuBtnOpn span{ display:inline-block !important; position:relative !important; width:0; padding:0 50px 0 0; height:30px; background:transparent; border:10px solid #404040; border-width:10px 0; cursor:pointer; }
	#phone_menuBtnOpn span::before{ content:""; display:block; background:#404040; width:50px; height:10px; position:absolute; left:0; right:0; top:10px; }
	
	#mainmenu{ display:block; position:fixed; margin:0; top:0; left:-110%; z-index:999; width:calc(100% - 50px); padding:25px; min-height:calc(100% - 50px); border:0; background:#02989d url('../img/bg_menu_phone.png') no-repeat center top; background-size:cover; text-align:left; transition:all ease 1s 0.5s; }
	#mainmenu.open{ left:0; transition:all ease 1s 0.5s; }

	#mainmenu a{ text-decoration:none; font-family:'Arial', sans-serif; font-weight:normal; font-size:35px; color:#fff; text-transform:uppercase; display:block; clear:both; position:relative; width:auto; height:auto; text-align:left; white-space:nowrap; margin:0 0 20px 0; }
	#mainmenu a span{ display:inline; position:relative; bottom:auto; margin:0; }
	#mainmenu a span::after, #mainmenu .lv1 .lv2 a span::after, #mainmenu a:hover span::after, #mainmenu .lv1 .lv2 a:hover span::after{ display:none; }
	#mainmenu .lv1 a span::after, #mainmenu .lv1 a:hover span::after{ display:none; }
	#logiciels, #informatique, #contactus, #rdv{ background:transparent; }
	#mainmenu .lv1{ display:inline; margin:0; position:relative; }
	#mainmenu .lv1 .lv2, #mainmenu .lv1:hover .lv2{ display:block; opacity:1; visibility:visible; width:auto; height:auto; max-height:none; background:transparent; margin:0; padding:0; position:relative; top:auto; bottom:auto; left:auto; right:auto; border:0; }
	#mainmenu .lv1 .lv2 a, #mainmenu .lv1:hover .lv2 a{ text-decoration:none; font-family:'Arial', sans-serif; font-weight:normal; font-size:25px; color:#fff; text-transform:uppercase; display:block; clear:both; position:relative; width:auto; height:auto; text-align:left; white-space:nowrap; margin:0 0 20px 0; padding:0 0 0 25px; }
	#mainmenu .lv1 .lv2 a:first-of-type{  padding:0 0 0 25px; }
	#mainmenu .lv1 .lv2 a:last-of-type{  padding:0 0 0 25px; margin-bottom:50px; }
	#phone_accueil{ display:block !important; }
	#smssante{ background:transparent !important; }
	
	.page h1{ font-size:40px; }
	.page{ padding:0 5px; max-width:calc(100% - 10px); }
	.page .para, .page .para1, .page .withillu { width:calc(100% - 30px); max-width:100%; padding:30px 15px; }
	.page .withillu p, .page .withillu li{ margin-right:0 !important; }
	
	.page h3.background-image, .page h3.background-image::before, .page h3.background-image::after { width:100%; padding-left:0; padding-right:0; margin-left:0; margin-right:0; border-radius:0; }
	.page h3.background-image { width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; margin-bottom:0; }
	.page h3.background-image::before, .page h3.background-image::after { display:none; }
	
	.page h3.separate i{ display:none; }
	
	#cyberad .page h2:first-of-type{ margin-bottom:-0.5em; }
	
	#accueil .page{ margin:0; width:100%; max-width:none; padding:70px 0 0 0; min-height:calc(100vh - 182px); }
	#accueil .page .inner:first-of-type{ visibility:visible; opacity:1;}
	#accueil .page .inner{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding:0; background:transparent url('../img/accueil1.jpg') no-repeat center top / cover; visibility:hidden; opacity:0; transition:all ease 2s; }
	#accueil .page .inner .cnt{ display:block; position:relative; width:1270px; max-width:calc(100% - 30px); min-height:calc(100vh - 250px); padding:0 15px; background:transparent; margin:100px auto 30px auto; color:#fff; }
	#accueil .page .inner .cnt h1, #accueil .page .inner .cnt h2{ text-shadow:1px 1px 6px #000; }
	#accueil .page .inner .cnt h1{ font-size:60px; padding-left:0; padding-right:0; width:100%; }
	#accueil .page .inner .cnt .readmore{ display:block; color:#000; background:#fff; text-decoration:none; font-weight:bold; font-family:'Roboto','Arial Narrow', 'Arial', sans-serif; text-transform:uppercase; position:absolute; bottom:0; right:calc(50% - 100px); font-size:20px; padding:inherit; text-align:center; height:44px; line-height:44px; width:200px; border-radius:22px; opacity:0.8; transition:all ease 0.5s; }
	#accueil .page .inner .cnt .readmore:hover{ opacity:1; }
	#accueil .page .inner .cnt .readmore span{ display:inline-block; transition:all ease 0.5s 0.2s; }
	#accueil .page .inner .cnt .readmore:hover span{ margin:0 -5px 0 5px; }
	
	
	#phone_menuBtnCls span{ display:inline-block !important; position:relative !important; width:0; padding:0 50px 0 0; height:30px; background:transparent; border:10px solid #fff; border-width:10px 0; cursor:pointer; transform:rotate(0deg); transition:all ease 0.5s 2s; }
	#phone_menuBtnCls span::before{ content:""; display:block; background:#fff; width:50px; height:10px; position:absolute; left:0; right:0; top:10px; transform:rotate(0deg); transition:all ease 0.5s 2s; }
	
	#mainmenu.open #phone_menuBtnCls span{ padding:0 50px 0 0; height:0px; border-width:5px 0; background:#fff; cursor:pointer; transform:rotate(45deg); transition:all ease 0.5s 2s; }
	#mainmenu.open #phone_menuBtnCls span::before{ content:""; display:block; background:#fff; width:50px; height:10px; position:absolute; left:0; right:0; top:-5px; transform:rotate(90deg); transition:all ease 0.5s 2s; }
	
	#phone_maintitle{ display:block !important; background:transparent url('../img/logo_w.png') no-repeat left top; background-size:70px 70px; height:100px !important; padding-left:0px !important; padding-right:65px !important; width:auto !important; margin:0 0 10px 0 !important; position:relative !important; text-align:center !important; }
	#phone_maintitle *{ color:#fff !important; }

	#accueil .page h1{ font-size:80px; line-height:normal; }
	.page h1{ font-size:50px; margin-bottom:30px; margin-top:90px; line-height:65px; }
	.page h2{ font-size:34px; letter-spacing:-2px; position:relative; margin-bottom:-0.5em;}
	
	.page .module{ width:auto; margin:0 0 30px 0; }
	.page .module h3{ font-size:30px; height:auto; }
	
	.image-container-right{ display:none; }
	
	#header-logo {
		display:block; position:relative; margin:0 10px 10px 0; border:0; float:left; top:0; left:0; background:transparent; border-radius:0; border:0; width:150px; height:auto;
	}

	#sms-sante .page div:nth-of-type(2) .para{ margin-left:0; margin-right:0; }
	
	.scroll-to-top{ bottom:70px; }
	.scroll-to-top:hover{ bottom:65px; }
	
}

@media (max-width:680px){
	#header #maintitle{ margin:0 0 0 32px; }
}

@media (max-width:800px){
	#phone_menuBtnOpn{ top:55px !important; right:15px !important; z-index:5 !important; }
}