/*
Theme Name: magic
*/
body {position: relative; -webkit-text-size-adjust: none;}
body,button,input,select,textarea{ color:#313131; font-family:'Open Sans', Arial, Verdana, sans-serif; font-size:16px; font-weight:300; line-height:1.2;}
a { color: #2A92B9; text-decoration: underline; text-decoration-style: dotted; outline: none;}
a:hover { text-decoration: none; border-bottom: none;}
hr { color:#000; background:#000;}

/* base */
.wrap { }
header {background: #2a92b9;}
header .header { min-height: 34px; padding: 5px 0;}
footer { background: url(images/bg-footer.gif) repeat-x left top #252525; }
footer .logos { padding-bottom: 25px; background: #fff; text-align: center;}
footer .logos ul { padding: 0; margin: 0;}
footer .logos li { list-style: none; display: inline-block; padding: 0 8px;}
footer .footer { clear: both;}
footer .footer .menu { padding: 29px 11px;}

footer .footer .menu h2{ font-family: Calibri; font-size: 21px; padding: 8px 7px; border-bottom: 1px solid #333333; width: 87%; }
footer .footer .menu .title-sitemap 	{ color: #3BA6CA; background: url(https://www.magic.fr/wp-content/uploads/2016/05/mouse-icon2.png) no-repeat right 3px; }
footer .footer .menu .title-contact 	{ color: #3BA6CA; background: url(https://www.magic.fr/wp-content/uploads/2016/05/phone-icon2.png) no-repeat right 3px; }
footer .footer .menu .title-magic 		{ color: #3BA6CA; background: url(https://www.magic.fr/wp-content/uploads/2016/05/home-icon2.png) no-repeat right 3px; }
footer .footer .menu .simp-text span	{ font-size: 13px; color: #a2a2a2; }
footer .footer .menu .simp-text b		{ font-size: 13px; color: #fff; font-weight: 100; }
footer .footer .menu .social-netowork img		{ margin-top: 12px; }
footer .footer .menu .social-netowork a:hover	{ text-decoration: none; }
footer .footer .menu .social-netowork img:hover	{ -webkit-filter: saturate(17); filter: saturate(17); }  
footer .subfooter{ background-color: #1c1c1c; color: #8d8d8d; padding: 18px 7%; font-family: Calibri; font-size: 13px; text-align: center;}
footer .footer .menu img.logo-footer{ margin: auto; display: table; padding-top: 76px; padding-bottom: 32px; }

.header .logo { display: block; padding-top: 10px;}
.header .slogan { font-size: 18px; color: #fff; text-align: center; padding-top: 22px; font-weight:300;}
.header .tel { font-size: 26px; color: #fff; text-align: right; float: right; padding: 0 0 10px 50px; display: block; background: url(images/picto-tel.png) no-repeat left 4px;}
.header .menu { margin-top: 20px; float: right;}
.header .menu li,.header .menu li a { }
.header .menu li a.catalogue {color: #fff; padding-left: 20px; background: url(images/picto-fleche.png) no-repeat left center; text-decoration: none; float: right; text-align: right;}
.header .menu li a.espace-client {color: #fff; margin-left: 25px; padding-left: 20px; background: url(images/picto-ec.png) no-repeat left top; text-decoration: none; float: right; text-align: right;}
.header .menu li a.contact {color: #fff; margin-left: 25px; padding-left: 20px; background: url(images/picto-mail.png) no-repeat left top; text-decoration: none; float: right; text-align: right;}


.footer a { text-decoration: none; font-size: 13px; color: #a2a2a2;}
.footer a:hover { text-decoration: underline;}
.footer li:first-child a { text-transform: uppercase; color: #fff; font-weight: 300; font-size: 11px;}
.footer div.row div { /*background: url(images/sep-menu-footer.gif) repeat-y left top;*/ padding-left: 9px; /*height: 150px;*/}
.footer div.row div:first-child { background: none; padding-left: 0;}
.footer span { color:#fff; font-size: 11px;}
.footer span.tel { color:#0099cc;font-size:24px; font-weight: 300;}
.footer a.twitter {display: block; width: 24px; height: 24px; background: url(images/twitter-icon.png) no-repeat; text-decoration: none;}
.footer a.googleplus {display: block; width: 24px; height: 24px; background: url(images/g+-icon.png) no-repeat; text-decoration: none;}
.footer a.mail {display: block; width: 24px; height: 24px; background: url(images/mail-icon.png) no-repeat; text-decoration: none;}

/* home */
 h1.home-title  span { font-size: 60px; font-weight: 500; color:#000;}
 h1.home-title { font-size: 56px; text-transform: uppercase; padding: 58px 0 0 0; font-weight: 500; color:#2a92b9; text-align: center;}
 h1.fort { font-size: 56px; font-weight: bold; text-align: center; padding: 30px 0 30px 0;}
 h2.fort { font-size: 24px; font-weight: bold; text-align: left; padding: 30px 0 30px 0;}
 h2.title { font-size: 24px; padding: 0 0 30px 0; font-weight: 300; text-align: center; line-height:28px;}
 h2.title-orange { color : #ec8261; font-size : 20px; margin : 0 0 20px 0; font-weight: 300}
 h2.title-purple { font-size: 26px; font-weight: 300; color: #a48fe2;}
 h2.title-blue { font-size: 26px; font-weight: 300; color: #2a92b9;}
 h3.title { font-size: 20px; font-weight: normal; text-align: center;}
 h3.title-orange { color : #ec8261; font-size : 20px; margin : 0 0 20px 0;}
 h4.title { font-size: 20px; font-weight: normal; text-align: left; margin : 0 0 7px 0;}
 h4.title-blue { font-size: 20px; font-weight: bold; color: #2a92b9;}
.anniversaire {background: url(images/picto-anniversaire.png) no-repeat right; margin-top: -115px; width:160px; height:160px;}
.anniversaire span {color:#2a92b9;}
.rectangle {display: block; width: 35px; height: 35px; background: url(images/picto-rectangle.png) no-repeat; text-decoration: none; }
.btn-bleu { background-color:#2a92b9;  text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; float:center; margin: 10px 0 0 0; text-decoration: none; }
.btn-bleu:hover { color:#12698a !important; }
 

.big_price { display: inline-block; height: 45px; color:#000}
.big_price .nbr { padding: 2px;  font-size: 42px; font-weight: bold; text-align: center; .big_price margin:-10px;}
.big_price .eur { padding: 0px; font-weight: bold; text-transform: inherit;position:relative; top:-8px; }
.big_price .htc {font-size: 12px;margin: 3px 15px 0 0;float: right;clear: both;color: #000;}
.nb {position: relative;top: -15px; font-size: 12px}
.img-responsive {margin: 0 auto;} /* center une image responsive */ 
.img-responsive-90 { margin: 0 auto; width: 90% !important; } 
.centering {text-align: center;} 
a.btn-default {border-bottom: 1px solid #bbb;}

ul.btnlist {background: #c1c1c1; padding: 3px; border-radius: 4px; display : inline-block; position : relative; top : 20px}
ul.btnlist li {background-color: #cdcdcd;border-radius: 4px;}

ul.btnlist li:hover { background: #e6e6e6;
background: -moz-linear-gradient(top, #d3d3d3 0%, #fbfbfb 100%);}
ul.btnlist li.active{ color: #FFFFFF; background: #2a92b9; font-weight: bold; border-radius: 4px; }
ul.btnlist li a {text-decoration : none ; color : #000}


.prestations { }
.prestations .row { padding: 15px 0;}
.prestations div div {text-align: center;}
.prestations h1 { font-size: 30px; text-align: left; font-weight: normal;}
.prestations h2 { font-size: 26px; text-align: center; font-weight: normal;}
.prestations p { color:#3D3D3D; font-size:19px; font-weight:300; text-align:center; margin-bottom:0;}
.prestations a { font-size: 17px; display: block; text-align: center; padding: 55px 0 0 0; background-repeat: no-repeat; background-position: center 10px; width: auto;}
.prestations div div { }
.prestations a.adsl_sdsl_fibre { background-image: url(images/picto-adsl_sdsl_fibre.png);}
.prestations a.infrastructure_cloud { background-image: url(images/picto-infrastructure_cloud.png);}
.prestations a.solution_tout_en_1 { background-image: url(images/picto-solution_tout_en_1.png);}
.prestations a.architectes_solutions { background-image: url(images/picto-architectes_solutions.png);}
.prestations a.serveurs_dedies { background-image: url(images/picto-serveurs_dedies.png);}
.prestations .text {text-align: justify;font-size: 14px; padding-top : 20px; }
 

.points-forts { background: #F2F2F2;  padding: 25px; margin: 25px 0;}
.points-forts .row { padding: 15px 0;}
.points-forts h1 { padding: 0; color: #575757; font-size: 42px; text-transform: inherit}
.points-forts h1 span { color: #2A92B9;}
.points-forts h2 { padding: 0 0 10px 0; color: #313131; font-size: 19px;}
.points-forts p {   color:#575757; font-size:16px; font-weight:300; text-align:left;}
.points-forts div div { }

.col-forts { width: 100%; background: #f9f9f9; border-top: 5px solid #2a92b9; border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; padding: 0 20px; margin: 20px 0; color:#4a4a4a; text-align:center;}
.col-forts .title { padding: 0 0 10px 0; color: #313131; font-size: 15px; text-transform: uppercase ; font-weight: bold; display:block}
.col-forts .row { padding: 25px 0;}
.col-forts .prix { padding: 0; color: #4a4a4a; font-size: 52px; font-weight: 700; text-transform: inherit; text-align: center; margin:-10px}
.col-forts .prix span { font-size: 18px; position: relative; top: -20px;margin-left: 3px;}
.col-forts h1 { padding: 0; color: #2a92b9; font-size: 28px; font-weight: bold; text-transform: inherit; text-align: center; margin-bottom: 20px;}
.col-forts h2 { padding: 0 0 10px 0; color: #313131; font-size: 16px; text-transform: uppercase ; font-weight: bold;}
.col-forts h3 { position:relative; top:-12px; color: #4a4a4a; font-size: 38px; text-transform: uppercase ; font-weight: bold; text-align:center}
.col-forts h3.title { padding: 10px 0 5px 0; color: #000; font-size: 28px; text-transform: uppercase ; font-weight: bold; text-align:left}
.col-forts .inline { display:inline;}

.col-forts h4 { padding: 0; color: #2a92b9; font-size: 20px; font-weight: bold; text-transform: uppercase ; text-align: center; margin-bottom: 20px;}
.col-forts p { font-size: 14px; text-align: center; font-weight: normal; color: #575757;}
.col-forts div div {padding: 10px;}
.col-forts .htainfo { clear=all; font-size: 14px; float:left; color : #000;height: 20px; margin: 10px 0 0 10px; padding-left: 65px;}

/* Onglets */
.onglets {height:23px; width:380px; margin-bottom:20px; margin:auto; display:inline}
.onglet_0
{background-color:#64adc8;  text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; cursor:pointer; padding:10px; display:inline; float:left; width:150px;}
.onglet_1
{background-color:#2a92b9;  text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; padding:10px; display:inline; float:right; width:150px;}
.contenu_onglet{padding:20px;display:none;}
/*Fin onglet*/

.tbl-forts { width: 100%; background: #F2F2F2; border-top: 5px solid #2a92b9; padding: 20px 20px; margin: 20px 0;}
.tbl-forts th {color: #2a92b9; font-size: 24px; font-weight: bold; text-align: left;padding: 5px 15px 5px 15px;}
.tbl-forts td {padding: 15px;}
.tbl-forts .prix_acces { display: inline-block; height: 20px; }
.tbl-forts .prix_acces .chiffre { padding: 2px; color: #000; font-size: 30px; font-weight: bold; text-align: center; margin:-10px;float:left;}
.tbl-forts .prix_acces .euro { padding: 0px; margin : 0 0 0 10px; color: #000; font-weight: bold; text-transform: inherit; float:left;}
.tbl-forts .prix_acces .hta { clear=all; font-size: 14px; float:left; color : #000;height: 20px; margin: 6px 0 0 10px;}


/*table fort couleurs altŽrnŽes*/
.tblaltern { width: 100%; background: #fff; border-top: 5px solid #2a92b9; padding: 20px 20px; margin: 20px 0;}
.tblaltern th {color: #2a92b9;background: #fff; font-size: 20px; font-weight: bold; text-align: center;padding: 5px;}
.tblaltern td {padding: 8px 15px 8px 15px;}
.tblaltern .prix_acces { display: inline-block; height: 20px; }
.tblaltern .prix_acces .chiffre { padding: 2px; color: #000; font-size: 30px; font-weight: bold; text-align: center; margin:-4px;float:left;}
.tblaltern .prix_acces .euro { font-size: 14px; position: relative; top:-3px; padding: 0px; margin : 4px 0 0 6px; color: #000; font-weight: bold; text-transform: inherit; float:left;}
.tblaltern .prix_acces .htt { font-size: 14px; float:left; color : #000; height: 20px; margin: 10px 0 0 10px;}
.tblaltern tr:nth-child(2n+1){background-color: #f2f2f2;}




/* inner page */
.banner { /*height: 280px;*/ height: 250px; border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; background-repeat: no-repeat; background-position: 80% 100%; background-size:cover; background-color: #A48FE2;}
.banner h1, .banner h2 { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 300; padding: 12px; background: #1b1b1b; display: inline-block; margin-top:80px;}
.fil_arian {margin-top:15px;}
.fil_arian, .fil_arian a, .fil_arian span { font-size: 13px; text-decoration: none;}
.fil_arian a {color:#2a92b9}
.fil_arian a:hover { text-decoration: underline;}

.navig { display: table; table-layout: fixed; border-right: 1px solid #fff; width:100%; margin-top: 3px; }
.inner-menu { margin: 0; padding: 0; display:table-row; }
.inner-menu li { padding: 0; display: table-cell; text-align: center; background:#444444; border-right: 1px solid #fff;}
.inner-menu li:hover {background:#737373;}
.inner-menu li a { color:#fff; display:block; font-size:14px; font-weight:200; padding:15px; text-decoration:none; text-transform:uppercase;}
.inner-menu li:first-child a { border: none;}
.inner-menu li a:hover { text-decoration: none; color: #f2f2f2;}

.inner-menu li.active  a { border: none !important; padding-bottom: inherit !important;}
.inner-menu li.active  a{ text-decoration: none !important; color: #fff !important; }
.inner-menu li.active  { padding-bottom:4px; background:#2a92b9; }



.content {padding: 30px 0 10px;}
.content .container { padding-left: 80px; padding-right: 80px;}
body.home .content, body.home .content .container  { padding: 0;}

body.page-id-767 .inner-menu li.menu-item-664, body.page-id-815 .inner-menu li.menu-item-664 { border-bottom : 2px solid #2a92b9 !important; padding-bottom:4px;}

body.page-id-767 .inner-menu li.menu-item-664 a, body.page-id-815 .inner-menu li.menu-item-664 a{ border: none !important; padding-bottom: inherit !important; text-decoration: none !important; color: #000 !important;}

.gray {color : rgb(90, 90, 90) ;}
::-webkit-input-placeholder {font-style: italic;}
.table {width: initial;}
.space {margin-bottom: 60px;}
.biggerspace {margin-bottom:180px ; padding-bottom: 80px;}

.tbl td {padding: 15px;}
.debit {display: inline ; font-size:15px }
.puce {display: block; height: 35px; background: url(https://www.magic.fr/images/1.png) no-repeat; text-align: left; padding : 0 0 0 35px }
.tablepuce {display: block;  height: 20px;width: 20px; background: url(https://www.magic.fr/images/1.png) no-repeat; margin: auto; }
.tablepucenok {display: block;  height: 18px;width: 18px; background: url(images/error.png) no-repeat; margin: auto; }
.tablealert {display: block;  height: 18px;width: 18px; background: url(images/picto-alerte.png) no-repeat; margin: auto; }
.tablegraph {display: block;  height: 18px;width: 18px; background: url(images/picto-graph.png) no-repeat; margin: auto; }
.tablegraphalert {display: block;  height: 18px;width: 45px; background: url(images/picto-graphalert.png) no-repeat; margin: auto; }
.puce-rectangle {display: block;width: 300px;height: 35px;background: url(images/picto-smallrectangle.png) no-repeat; text-align: left;padding: 0 0 0 45px;}

/*Location de baies*/
.col-forts .cloudtitle { font-size: 16px;}
.col-forts .closeloc { line-height: 0.1;}

/*Safe*/
.downloadsafe button {background-color:#2a92b9;  text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; float:center; margin: 10px 0 0 0}

/*dedie*/
.tbl_dedie{font-size : 16px; margin:0 0 50px 80px; border:0; }
.tbl_dedie td{padding : 10px 50px 10px 0; width : 300px}

.col-forts .dedie { margin : 0; width : 25%; border : 1px solid #d3d3d3; float:left; display:block; text-align:center; text-decoration: none; text-transform: uppercase; background-color:#f9f9f9; padding-bottom:25px;}
.col-forts .dedie h1{color : ##2A92B9; font-weight: bold; font-size: 20px; text-transform:uppercase; margin: 10px 0 20px 0; clear:both}
.col-forts .dedie .prix_dedie { display: inline-block; margin-top:5px; }
.col-forts .dedie .prix_dedie .chiffre { padding: 2px; color: #000; font-size: 48px; font-weight: bold; text-align: center; margin:-10px;float:left;}
.col-forts .dedie .prix_dedie .euro { padding: 0px; margin : 0 0 0 8px; color: #000; font-size: 20px; font-weight: bold; text-transform: inherit; float:left;}
.col-forts .dedie .prix_dedie .ht { clear: both; font-size: 12px; margin : 3px 15px 0 0; float:right; clear:both; color : #000}
.col-forts .dedie img { display: block; margin-left: auto; margin-right: auto }
.col-forts .dedie p { text-align:left; color:#000; font-weight:bold; padding: 6px 0 6px 0px;}
.col-forts .dedie p span { color : #4a4a4a; font-weight: normal;}
.col-forts .dedie .disponible { display: block; height: 35px; background: url(images/disponible.png) no-repeat; color:#4eb94a; font-weight:bold; font-size: 16px;  text-align: left; padding : 0 0 0 35px; display:table; margin:0 auto 15px auto; }
.col-forts .dedie a {  text-transform:uppercase; color:#fff; font-weight:bold; margin: 10px 0 0 0; text-decoration: none; }

.points-forts-dedie { border-top: 3px solid #D7D7D7; border-bottom: 3px solid #D7D7D7; background: #e6e6e6; padding: 20px 80px; margin: 0 0 25px 0;  color : #494949; text-align:center; font-size : 20px}
.points-forts-dedie h1 { padding: 0; color: #474747; font-size: 38px; text-transform:uppercase; font-weight: bold; margin : 0 0 20px 0}

.points-detail {}
.points-detail h1 { color : #ec8261; font-size : 20px; margin : 0 0 20px 0; font-weight:bold}
.points-detail p { color : #7c7c7c; font-size : 14px }

.tbldediept { border-collapse: collapse; width : 100%; color: #707070; font-size : 16px; font-weight : normal;}
.tbldediept  td, .tbldediept  th {  border: 1px solid #bebebe; padding : 20px 10px; text-align : center;  font-weight : normal;}
.tbldediept  tr:first-child th {  border-top: 0; border-left: 0; border-right: 0;}
.tbldediept  tr td:first-child, .tbldediept tr th:first-child { border-left: 0; text-align : left}
.tbldediept  th { font-weight: normal; padding : 40px 0 10px 10px; text-align : left}

.points-sup{ width: 40%; margin : 40px 0 0 40px; float:left; margin : 60px 0 0 80px}
.points-sup div{ text-align:left}
.points-sup div h1{ color : #4a4a4a; font-size : 16px; margin : 0 0 5px 0; font-weight:bold; font-style: italic;}
.points-sup div p{ color : #707070;}

/* fin dedie */

/* infrastructure */
.puce-rectangle-option {display: block; background: url(images/picto-smallrectangle.png) no-repeat left center; text-align: left;padding: 5px 0 5px 45px;}


/* magic one*/
.tblmagicone { margin : 40px 0 0 0; border-collapse: collapse; width : 90%; color: #707070; font-size : 16px; font-weight : normal; float :center}
.tblmagicone td, .tblmagicone th {  border: 1px solid #bebebe; padding : 15px ; text-align : center;  font-weight : normal;}
.tblmagicone tr:first-child th {  border-top: 0; border-left: 0; border-right: 0;}
.tblmagicone tr td:first-child, .tblmagicone tr th:first-child { border-left: 0; text-align : left}
.tblmagicone tr:last-child td { border-bottom:0}
.tblmagicone th { font-weight: normal; padding : 15px;}
.tblmagicone .big_title th, .tblmagicone .big_title td { font-weight: bold; background-color:#d6d6d6; padding:15px;  }
.tblmagicone .active th, .tblmagicone .active td { background-color:#f5f5f5} 
.tblmagicone .prix { display: inline-block; height: 20px; }
.tblmagicone .prix .chiffre { padding: 2px; color: #000; font-size: 30px; font-weight: bold; text-align: center; margin:-10px;float:left;}
.tblmagicone .prix .euro { padding: 0px; margin : 0 0 0 10px; color: #000; font-weight: bold; text-transform: inherit; float:left; position:relative; top: -3px; font-size:14px}
.tblmagicone .prix .hta { clear: both; font-size: 14px; color : #000;height: 20px; margin: 13px 0 0 10px; font-weight:normal}


/*mpaas animation*/

/*GROW*/
.grow img {
  height: 80px;
  width: 80px;
 
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
}
.grow img:hover {
  width: 100px;
  height: 100px;
}




.ei-slider{
	position: relative;
	width: 90%;
	max-width: 1920px;
	height: 500px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}

.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 0 150px;
	max-width: 1000px !important;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
	
}
ul.ei-slider-thumbs li { list-style: none;}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
}


.box{
width:100%; 
height:44px;
margin-top: 10px;
box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
-moz-box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: inset 0px 0px 10px 2px rgba(119, 119, 119, 0.75);

}


/* Shrink */
.shrink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
 
}
.shrink:hover, .shrink:focus, .shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}




/* solution architecte */
.form-solution label {float : right; font-weight : normal; padding : 0 10px 0; ; height:30px}
.form-solution input{ width : 200px ; float : right; border : 1px solid #d3d3d3; height:30px}
.form-solution .textarea{ width : 200px ; float : right; border : 1px solid #d3d3d3}
.form-solution .btn{ background-color: #178ac6; color:#ffffff; }

/* ss menu */
.dropdown-menu {background-color: #444444; margin: 0; padding:0; width: 1170px; left:-190%; border-radius:0; padding-bottom: 24px;}
.dropdown-menu li { padding: 14px 0 14px 7px; border-left: 1px solid #343434; margin: 0;}
.dropdown-menu li:hover { background-color:#545454 !important;}
.dropdown-menu a{color: #fff; text-decoration: none; font-weight:300; padding-left:10px; display:block;}
/*.dropdown-menu a:hover{color:#257b9b;}*/
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu li:first-child a { text-transform: uppercase; font-weight: 300; font-size: 16px; color: #fff; display: block; border-bottom: none; padding: 9px 0 9px 5px; margin: 0; text-align: center; min-height: 102px;}
.dropdown-menu li:first-child a .menu-icones-big{ margin-bottom: 9px; }
.dropdown-menu .col-md-3, .dropdown-menu .col-md-6 { padding:0;}
.dropdown-menu li:first-child { background: #3a3a3a;}



/* hook */
.container-fluid, .container  { padding-right: 0; padding-left: 0;}
.center-table { margin: 0 auto; float: none;}


@media (max-width: 768px) {
	.inner-menu li { display: block;}
	.banner h1 { font-size: 30px;}
	.dropdown-menu {width: 100%; left: 0;}
}

/* carousel */
ul.carousel { padding: 0; margin: 0;} 
ul.carousel > li { list-style: none; display: block; width: 100%; float: left;}
#home_slider_navig { position: absolute; top: 50%; left: 0; z-index: 999; width: 100%;}
#home_slider_navig a { display: block; width: 15px; height: 24px; background-repeat: no-repeat; background-image: url(images/navig_home_slider.png);}
#home_slider_navig a#home_slider_navig_prev { background-position: 0 0; float: left;}
#home_slider_navig a#home_slider_navig_next { background-position: -15px 0; float: right;}

/**********************		CUSTOM MODIF	*******************/
.artic .wp-post-image{  min-width:82%; max-width:100%; height:auto; border-radius:6px; }
.artic .wp-post-image + p{ margin-top: 1.5%; }
.post-content  img.wp-post-image  { min-width: 73%; max-width: 100%; height: auto; }  
.artic .titre_artic{ font-family: 'Open Sans', Arial, Verdana, sans-serif; text-decoration: none; }
.archiv li{ list-style-type: circle; }
.widget_archive { list-style-type: none; }
.widget_archive h2{ font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: 300;}
.widget_archive  ul { line-height: 1.5; }
.post-content p { line-height: 1.5; }
.post-content img.wp-post-image{  min-width: 82%; max-width: 100%; height: auto; border-radius: 6px; }
.tab_resp_one_col .inclu_libelle{ display: none; }
#form_test_elig_fibre img.img_hotliner{ width: 67%; padding-top: 9%; margin: 0 auto; display: block; }
#form_test_elig_fibre span.phone_elig{ margin-top:33%;display:table;color:white;font-size:1.7pc; }
.magic-haut-debit div img{ width:auto; border-left: 1px dashed #B7B6B6; }
.magic-haut-debit div:first-child img{ border: 0; }
.msg-rotate-phone{ background-color: #DAE0FF; padding: 7px; border-radius: 4px; margin-bottom: 21px; display: none; }  
.msg-rotate-phone div:nth-child(1), .msg-rotate-phone div:nth-child(2){ padding: 0; }
.msg-rotate-phone .row{ margin:0 }
.nopadding { padding: 0 !important; margin: 0 !important; }

.container_3_col_alpha .col-md-4{ min-height: 425px; }
.container_3_col_alpha .col-md-4 .btn-bleu{ position:absolute; bottom:0; left: 22%;}


.dropdown-menu li.menu-adsl-icon 			 { background: url('https://www.magic.fr/wp-content/uploads/2016/05/adsl-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-sdsl-icon 			 { background: url('https://www.magic.fr/wp-content/uploads/2016/05/sdsl-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-fibreoptique-icon 	 { background: url('https://www.magic.fr/wp-content/uploads/2016/05/fibre-optique-dediee-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-redondance-acces-icon { background: url('https://www.magic.fr/wp-content/uploads/2016/05/fibre-optique-entreprise-icon.png') no-repeat 11px; padding-left: 56px; }

.dropdown-menu li.menu-serveur-dedie-icon 			{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/serveur-dedide-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-cloud-prive-vmware-icon		{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/cloud-prive-vmware-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-location-baies-icon			{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/location-baie-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-heberg-mutulalise-icon		{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/hebergement-mutualise-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-heberg-paas-icon				{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/hebergement-paas-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-infra-priv-vspher-icon		{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/infrastructure-privee-vsphere-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-serveur-virtuel-vmware-icon	{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/serveur-virtuel-vmware-icon.png') no-repeat 11px; padding-left: 56px; }

.dropdown-menu li.menu-vpn-icon							{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/vpn-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-firewall-infrastructures-icon	{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/firewall-infrastructures-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-firewall-acces-icon				{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/firewall-acces-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-pra-ondemand-icon				{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/pra-ondemand-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-infogerance-icon					{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/infogerance-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-certificats-ssl-icon				{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/certificats-ssl-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-magic-protector-icon				{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/magic-protector-icon.png') no-repeat 11px; padding-left: 56px; }

.dropdown-menu li.menu-nom-domaine-icon					{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/nom-de-domaine-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-messagerie-collaborative-icon	{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/messagerie-collaborative-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-voip-icon						{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/voip-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-sauvegarde-en-ligne-icon			{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/sauvegarde-en-ligne-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-architectes-solutions-icon		{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/architectes-solutions-icon.png') no-repeat 11px; padding-left: 56px; }
.dropdown-menu li.menu-protection-postes-serveurs-icon	{ background: url('https://www.magic.fr/wp-content/uploads/2016/05/protection-postes-serveurs-icon.png') no-repeat 11px; padding-left: 56px; }




@media (max-width: 1024px) {
    html, body{ overflow-x: hidden; max-width: 100%;}
	.dropdown-menu{ left: -213% !important; width: 950px !important;}
    .footer span.tel { font-size: 19px; }
	
	.tblaltern .prix_acces{ height: 25px; }
    .tblaltern td{ padding: 8px 15px 8px 8px; }
    .tblaltern .prix_acces .chiffre{ font-size: 23px; }
    .tblaltern .prix_acces .euro{ font-size: 12px; }
    .tbl-forts .prix_acces .hta{ font-size: 12px; }
    
    .tab_3_col{ width: 100% !important;}
    .tab_3_col td{ padding: 12px 0px; }
    .tab_3_col td span.puce-rectangle { width: 100%; }
    .tab_3_col img { width: 100%; }
    
    h1.flex-title{ font-size: 19px; }
    
    .tab_6_col{ width: 100% !important; }
    .tab_6_col th, .tab_6_col td{ font-size: 11px; padding: 6px 0px !important; width: initial !important; word-wrap: break-word; text-overflow: ellipsis; }
    .tab_6_col td[colspan="3"]{ font-size: 14px; }
    .tab_6_col .prix{ font-size: 20px; margin-top: 3px;}
    .tab_6_col .prix span{ font-size: 15px; top: -9px; }
    .tab_6_col h4, .tab_6_col p{ font-size: 12px; }
	.tab_6_col .debit{ font-size: 13px; }
	.tab_6_col .title{ font-size: 11px; }
    .tab_6_col a{ font-size: 8px !important; padding: 4px 3px !important; }
    
    .col-forts .closeloc { line-height: 1 !important; height: auto !important; }
    .row-center-block div{ margin: 0 auto; display: table; padding: 0px;}
    .savoir_redondance_1024{ font-size: 14.5px !important; white-space: normal;}
     
}
@media screen and (max-width: 768px) {
    .content .container{ padding-left: 25px; padding-right: 25px; }
    .puce-rec-td{ width: 110px; font-size: 14px; }
    .savoir_redondance{ font-size: 14.5px !important; white-space: normal;}
    .tab-puce-rec{ margin-top: 20px; margin-left: auto !important;}
    .div_test_eligib{ padding-right: 6%; padding-left: 6%; }
	.div_test_eligib h3.title, .div_test_eligib h2.title{ margin-top: 0px; font-size: 18px; }
	.tab_3_col td{ display:block; }
	.tab_3_col_normal td{ display: table-cell; }
	#form_test_elig_fibre img.img_hotliner{ width: auto; padding-top: 2%;}
	#form_test_elig_fibre span.phone_elig{ display: table; color: white; font-size: 1.7pc; margin: 0 auto; }
	#form_test_elig_fibre a#link_tester_maintenant{ margin-bottom: 13px; }
	#form_test_elig_fibre div:nth-child(3){ margin-top: 5px !important; }
	.magic-haut-debit div img{ border: 0px; margin-top: 32px; border-top: 1px dashed #B7B6B6; }
	.fancybox-wrap{ width: 90% !important; left: 5% !important; top: 8% !important; }
	
	#iframe_eligibilite{ width: 100% !important; }
	#iframe_eligibilite .col-md-12{ padding: 0; }
	#form_fibre tr:nth-child(2) td{ font-size: 13px !important; }
	.fancybox-inner{ width: 100% !important; }
	#form_fibre tr td{ font-size: 14px !important; }
	#form_fibre th{ font-size: 12px !important; }
	
	.tab_7_col td{ padding: 0px !important; font-size: 9px; }
	.tab_7_col p{ font-size: 10px; }
	.tab_7_col a{ font-size: 8px !important; padding: 3px 3px !important; }	    
	.tab_7_col td h4, .tab_7_col td h2, .tab_7_col .title{ font-size: 10px !important; }
	.tab_7_col .prix{ font-size: 21px !important; }
	.tab_7_col .prix span{ font-size: 11px; top: -13px; margin-left: 0px; }
	.tab_7_col img{ max-width: 46px; }
	.tab_7_col .debit{ font-size: 11px; }
	.tab_7_col a.rappel_immediat{ padding: 4px 10px !important; margin: 7px !important; font-size: 10px !important; }
	
	.container_no_padding{ padding-left: 2px !important; padding-right: 2px !important; }
	
	.resp-text-center{ text-align: center !important; font-size: 14px !important; }
	
	.row-center-block{ width: 50%; margin: 0 auto; padding-left: 7%; }
	.row-center-block div{ margin: 0 auto; display: inline-block; padding: 0px;}
	.row-center-block div span{ font-size: 12px !important; width: 119px; }
	
	.container_3_col_alpha .col-md-4{ min-height: initial; }
	.container_3_col_alpha .col-md-4 .btn-bleu{ position: initial; bottom:0; left: 22%; margin-bottom: 51px;}
	
    .tblaltern th{ font-size: 13px; }
    .tblaltern td{ font-size: 12px; }
	    
}
@media (max-width: 570px) {
	.tab_5_col_alpha td, .tab_5_col_alpha th{ padding: 0px !important; font-size: 11px; }
}

@media (max-width: 425px) {
    .footer div.row div{ background: none; /*height: 180px;*/ }
    .resp_img_inline{ float: none !important; margin-top: 7px;}
    .tab_resp_one_col tr:first-child{ display: none; }
    .tab_resp_one_col tr td:nth-child(2), .tab_resp_one_col tr td:nth-child(3){ display: none; }
    .tab_resp_one_col .inclu_libelle{ display: block; color: green; font-weight: bold; font-size: 14px; margin: 3px 4px 24px 0px; }
    
    #myForm label{  font-size: 12px; }
    #myForm #err_cp{  display: block; padding-right: 15px; }
    #myForm select{ display: block; width: 100%; }
    
    .fancybox-skin{ padding: 8px 0px !important; }
    .fancybox-skin container col-md-12{  padding-left: 11px; } 
    .fancybox-skin .fancybox-inner .form-control{ width: auto; min-width: 1px !important; padding: 1px 6px;}
    .fancybox-skin .fancybox-inner{ height: auto !important; width: 99% !important; padding-left: 1%;}
    #form_fibre th{ padding: 0px; }
    #form_fibre tr td:nth-child(2){ padding-right:3px; }
    
    .msg-rotate-phone{ display: block; }
    
    .tab_5_col{ width: 100% !important; }
    .tab_5_col th, .tab_5_col td{ font-size: 11px; padding: 6px 4px; width: initial !important; word-wrap: break-word; text-overflow: ellipsis; }
    
    .row-center-block{ width: 74%; margin: 0 auto; }
    
    .tab-3-col-beta{ width: 100% !important; padding: 0px !important; }
    .tab-3-col-beta h4, .tab-3-col-beta .title { font-size: 11px !important; }
    .tab-3-col-beta .prix { font-size: 25px; }
	.tab-3-col-beta .prix span{ font-size: 14px; top: -14px; }
	.tab-3-col-beta a{ font-size: 11px !important; padding: 2px 3px !important; }
	
	.tab-2-col-alpha{ width: 100%; padding: 0px; }
	.tab-2-col-alpha tr td{ font-size: 14px; }
	.tab-2-col-alpha tr td:nth-child(1){ width:19px !important; font-weight: bold; }  
    
    .tblaltern td{ font-size: 12px; }
    .tblaltern th{ font-size: 11px; }
    
}
@media screen and (max-width: 375px) {
    #form_test_elig_fibre a#link_tester_maintenant{ font-size: 12px !important; }
    .row-center-block{ width: 100%; margin: 0 auto; }
	.tab-3-col-beta{ margin-left: -29px; }
	.tab-2-col-alpha{ margin-left: -6%; }	
	.tab_7_no_left { margin-left: -6%; }
}

/***********************************/

#idz_btn { right: 102px !important; bottom: 27px !important; }

/** SUPPORT **/
.sidebar-faq{  margin-top: 25px; background-color: #f3f3f3; padding: 15px 0; border: 1px solid #e8e8e8; }
.sidebar-faq a{ text-decoration: none; }
.sidebar-faq li > ul{ padding-left: 20px; padding-bottom: 20px; }
.sidebar-faq li.current-cat a {color: #2a6496; }
.sidebar-faq *, .content-side *{ font-family: 'Roboto', sans-serif; }
.sidebar-faq .magnifier{ margin-left: 7%; padding-left: 6px; }
.sidebar-faq .btn_rech{ padding: 2px 4px; margin-top: -1px; }
.content-side{ padding-left: 5%; }
.content-side a{ text-decoration: none; }
.content-side a:hover{ text-decoration: underline; }
.post-details h1{ font-size: 28px; }
.post-details a.title{ color: #00649e; text-decoration: none; font-size: 20px; margin-bottom: 6px; display: block; }
.post-details .resume{ font-size: 15px; }
a.show-item{ text-decoration: none; }
h1.post-title{ font-size: 28px; margin-top: 20px; margin-bottom: 10px; }

/** ACCUEIL **/
@media screen and (max-width: 768px) {
  #coord_div{ margin-left: 6% !important; }
  .points-forts h2, .points-forts p { padding-right: 13px !important; }
}