/*body{ background:#01657a; background-image:url('../img/bg_network002.png'), radial-gradient(circle at 20% 30%, rgba(8, 145, 178, 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(163, 230, 53, 0.15) 0%, transparent 50%), linear-gradient(90deg, #004959 0%, #004959 10%, #058095 90%, #0194ae 100%); background-repeat:no-repeat; background-size:auto; background-attachment:fixed; background-position:right center; }*/
body{ background:#fff; }
body::before, #footer{ background:linear-gradient(90deg, #0b2047 0%, #0b2047 60%, #08476c 100%); }

body p { line-height:26px; }

#header{ padding:0 0 40px 0; }
#header::after{ display:none; }

#header #maintitle::after{ bottom:30px; }

#wrapper{ position:relative; }

#newDiag{ display:block; position:absolute; width:100%; height:100px; padding:0; margin:0; top:121px; z-index:-1; }
#newDiag2{ display:block; position:absolute; top:-99px; left:0; right:0; width:100%; height:100px; background:transparent; z-index:-1; }
#newDiag2 svg{ display:block; position:absolute; left:0; bottom:0; right:0; }
#bandeau_locat, #bandeau_locat span, #bandeau_locat span a{ color:#fff; display:none !important; }

#diapBtn div{ width:20px; height:20px; margin:0 0 15px 0; }

#mainmenu{ margin-top:8px; }

#mainmenu a{ font-family:'Arial', sans-serif; font-weight:bold; font-size:14px; color:#fff; text-transform:initial; width:120px; height:90px; }
#mainmenu a span{ margin:73px 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:6px; border:0; background:transparent url('../img/down_list2.png') no-repeat center center; position:absolute; left:0; right:0; bottom:-8px; 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:#0b2047; position:absolute; top:90px; z-index:2; width:160px; left:-20px; right:-20px; border:2px solid #0b2047; border-radius:0 0 8px 8px; overflow:hidden; max-height:0; transition:all ease 0.2s 0.2s; }
#mainmenu .lv1 .lv2 a{ font-size:13px; }

#phone_menuBtnOpn span{ border:10px solid #fff; border-width:10px 0; }
#phone_menuBtnOpn span::before{ background:#fff; }

#logiciels{ background:transparent url('../img/icone-produits.png') no-repeat center 28px; background-size:40px 40px; }
#informatique{ background:transparent url('../img/icone-services.png') no-repeat center 28px; background-size:40px 40px; }
#contactus{ background:transparent url('../img/icone-contact.png') no-repeat center 28px; background-size:40px 40px; }
#itdrim{ background:transparent url('../img/icone-reseau-drim-m.png') no-repeat center 28px; background-size:40px 40px; }
#smssante{ background:transparent url('../img/logo-sms-bleu.png') no-repeat center 28px; background-size:40px 40px; }

#theytrust, #slidePartenaires{ display:none !important; }

.page{ color:#000; margin:80px auto 100px auto; }

.page ul li::before{ left:0; background:#0b2047; width:14px; height:14px; top:calc(50% - 7px); }

.page .para ul li::before { background:transparent; border:2px solid #01859a; top:10px; left:5px; border-radius:50%; }

.page .submenu li{ font-size:30px; font-weight:bold; color:#01859a; }
.submenu li a, .submenu li a:hover{ color:#01859a; position:relative }
.submenu li a::after{ content:""; display:block; position:absolute; left:0px; height:8px; bottom:-4px; background:#01859a; width:0; transition:all ease 0.3s; }
.submenu li a:hover::after{ width:100%; }
.submenu li:nth-of-type(2){ margin-left:50px; }
.submenu li:nth-of-type(3){ margin-left:100px; }

.page .para{ padding:10px 30px; margin:20px auto; }

.page h1{ color:#0b2047; }
.page h2{ margin-bottom:-0.7em; color:#0b2047; }
.page h3, .page h3.background-image, .page h3.separate{ font-weight:bold; color:#01859a; }


#accueil .page h1, #accueil .page h2{ color:#fff; }
#produits-logiciels::after { content:""; display:block; position:absolute; top:0; left:0; right:0; z-index:-1; height:100%; background:url('../img/accueil3.jpg') no-repeat center bottom; background-size:cover; opacity:0.2; filter:grayscale(0.8); }

.para, .para1 { background:transparent; box-shadow:none; }
.page p, .page li { text-align: justify; font-size: 22px; }

.page .profil p{ text-align:center; font-weight:bold; }

.separator { border:0; margin:50px auto; width:25%; border-radius:0; height:10px; background:#01859a; }
.page .profil .separator{ position:absolute; bottom:25px; left:calc(50% - 8px); margin:0 !important; width:12px; height:12px; border:2px solid #fff; background:transparent; }

.para a, .para1 a{ /*color:#f8d;*/ color:#01859a; font-weight:bold; }
.para a::after, .para1 a::after { height:4px; bottom:-4px; /*background:#f8d;*/ background:#01859a; }

.page .show-description{ background:transparent; border:0; }

.image{ border-width:0; }
.image-container-right::after{ content:""; display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; z-index:-1; background:#a9d9ff; }

/* Contact */
#closeMailMessage::before, #closeMailMessage::after{ background:#01859a; }

#contactez-nous form select, #contactez-nous form input[type='text'], #contactez-nous form textarea{ background:#ddd; border-radius:0; }
#contactez-nous form label{ color:#444; }
#contactez-nous form input[type='submit']{ background:transparent; border:0; border-radius:0; font-size:2em; text-align:center; text-transform:uppercase; color:#0b224c; 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:#444; }

#footer #footlogo{ display:block; width:340px; height:auto; margin:20px auto; border:0; }

#footer .footlocat{ display:block; position:relative; text-align:left; font-size:0.9em; width:300px; margin:0 auto 30px auto; white-space:nowrap; padding:0 0 0 25px; }
#footer .footlocat span{ display:block; position:relative; padding:0; height:20px; line-height:20px; margin:0 0 10px 0; color:#fff; }
#footer .footlocat span::before{ display:block; position:absolute; content:""; background:transparent url('../img/icone-locationw.png') no-repeat center center; width:20px; height:20px; top:0; left:-25px; }
#footer .footlocat span:nth-of-type(2)::before{ background:transparent url('../img/icone-telephone2w.png') no-repeat center center; }
#footer .footlocat span a{ color:#fff; text-decoration:none; }

@media (max-width:1150px){
	body::before{ height:142px; }
	#newDiag{ top:141px; }
	
	#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:linear-gradient(90deg, #0b2047 0%, #0b2047 60%, #08476c 100%); 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; }
	
	#mainmenu .lv1:first-of-type .lv2 a:first-of-type{ display:none; }
	
}