body {
/*font-family: 'Josefin Sans', sans-serif;*/
    overflow-x: hidden;
}

p, td, li, a, input[type="submit"] {
font-size:1.3em;
text-align:justify;
}
h1, h2, h3, h4, h5 ,h6 {
text-align:center;
font-weight:300;
}

h1 {
color:#00a6f0 !important;
background-image: url('https://www.inglobo.fr/images/logo-sphere-60.png');
background-repeat:no-repeat;
background-position: 0.2em;

line-height: 2em;
padding-left: 2.2em;
text-align: left;
    /*background-color: rgba(0,0,0,0.03);
    border-bottom: 2px solid #00a6f0;
    border-radius: 35px 0 0px 0;*/
}
h3 {
color: #00a6f0 !important;
}
h5 {
color:#ff3300;
font-weight:600;
font-size:1.2em;
}
.footer {

}

	
.footerb {
  background:black;
  color:white !important;
}
.fondgris {
background:#f3f3f3;
}

.btn {
font-size:150% !important;
}
.pricetable p {
text-align:center !important;
}
.packprice {
    border-radius: 50%;
    background: #ff3300;
    color: white;
    font-size: 2em;
    height: 150px;
    width: 150px;
    text-align: center;
    vertical-align: middle;
    padding-top: 1em;
	margin-bottom:20px;
}

.form-control, textarea, select, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
font-size:22px;
}
.cred-form input[type="checkbox"].checkbox, .cred-form input[type="radio"].radio {
    height: 15px !important;
    width: auto;
    margin-top: 8px;
}
/* Modif du menu */

.navbar-default, .navbar-default, body .ddl-navbar-default {
background-image: none;
margin: 0px;
background-color: #00a6f0 !important;
border-color: 0px solid white !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0) !important;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
border-radius: 0px !important;
-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075) !important;
box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075) !important;
width: 100%;
position: relative;
z-index: 300;

}
.navbar {
margin-bottom:0px !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
padding: 0px;
}

.nav-wrap .nav, .nav-extra .nav-wrap {
width: 100%;
}
.navbar-nav > li, .navbar-nav>li, body .ddl-navbar-nav>li {

    vertical-align: middle;
}


.navbar-nav>li>a {
text-shadow: 0 0px 0 rgba(255,255,255,.25) !important;
/*color:#cc0000 !important;*/
margin-left:5px;
/*background-color: white;*/
/*text-transform:uppercase;*/
font-weight:bold;
font-size: 1.1em;
/*text-shadow: 1px 1px 1px grey !important;*/
vertical-align:middle;
  /*display:inline-block;*/
  line-height:20px;
  text-align:center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-nav>li>a:hover, .navbar-nav>li.active>a, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
text-shadow: 0 0px 0 rgba(255,255,255,.25) !important;
color:black !important;
/*background-image: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%) !important;
background-image: linear-gradient(to bottom,#ffffff 0,#ffffff 100%) !important;
background:white !important;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0) !important;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
} 
.navbar-nav>li:hover, .navbar-nav>li.active {



}

.ddl-dropdown-menu {
border-radius:0px !important;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175) !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, .175) !important;
width:100%;
border:5px solid #00a6f0;
min-width:250px !important;
}
.ddl-dropdown-menu > li > a {
font-weight:300 !important;
padding: 10px 20px !important;
border-bottom: 1px dotted white !important;
}

body .nav>li>a:after, body .ddl-nav>li>a:after {

    width: 1px !important;
    right: 0px !important;

}
body .nav>li>a, body .ddl-nav>li>a {
    font-weight: 400 !important;

}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

border-radius: 0px !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: orange !important;

}

/* Début des classes spécifiques écrans < 768px */
@media all and (max-width: 768px) {
.header {
display:none;
}
h1 {
font-size:1.8em !important;
}
body .navbar-toggle, body .ddl-navbar-toggle {
margin-right:10px !important;
}
.partiel1 {
width:68px; !important;
overflow:hidden;
background-image: url('https://www.inglobo.fr/images/logo-sphere-b-60.png');
background-repeat:no-repeat;
background-size:100%;
}
.navbar-default, .navbar-default, body .ddl-navbar-default {
    background: url('https://www.inglobo.fr/images/logo-global-b-60.png') !important;
    background-size: 70% !important;
    background-repeat: no-repeat !important;
	
	background-color:#00a6f0 !important;
}
.ddl-nav-wrap.ddl-navbar.ddl-navbar-default.ddl-nav-horizontal {

    min-height: 75px;
}
}
/* Fin des classes spécifiques écrans < 768px */

/* Début des classes spécifiques écrans > 768px */
@media all and (min-width: 768px) {
.header {

background-image: url('https://www.inglobo.fr/images/header-flou.jpg');
background-repeat:no-repeat;
background-size:cover;
}
.padding0 {
padding:0px;
}
.header2 {
    /*margin-left: -30px !important;
    margin-right: -30px !important;*/
}

.fixed {
position:fixed;
width: 100%;
top: 0px;
z-index:1000000;
}
.logo-plat {
margin:0px !important;
padding:0px !important;
width:68px;
overflow:hidden;
}
.logo-plat a, .logo-plat a>img {
margin:0px !important;
padding:0px !important;
}
@keyframes logogauche {
    from {
      width:68px;
      
    }
    
    to {
      width:212px;
      
    }
  }
  @keyframes logodroit {
    from {
      width:212px;
      
    }
    
    to {
      width:68px;
      
    }
  }
@keyframes backfonction {
    from {
      opacity:1 !important;
      
    }
    
    to {
      opacity:0 !important;
      
    }
  }
@keyframes backfonctionback {
    from {
      opacity:0 !important;
      
    }
    
    to {
      opacity:1 !important;
      
    }
  }
.partiel {
width:68px !important;
overflow:hidden !important;
background-image: url('https://www.inglobo.fr/images/logo-sphere-b-60.png') !important;
background-repeat:no-repeat !important;
background-size:100% !important;
  animation-duration: 0s;
  animation-name: logodroit;
  animation-fill-mode: forwards;
}
.partiel1 {
width:68px; !important
overflow:hidden;
background-image: url('https://www.inglobo.fr/images/logo-sphere-b-60.png');
background-repeat:no-repeat;
background-size:100%;
}
.total {
width:212px !important;
background-image: url('https://www.inglobo.fr/images/logo-global-b-60.png') !important;
background-repeat:no-repeat !important;
background-size:100% !important;
  animation-duration: 1s;
    animation-name: logogauche;
  animation-fill-mode: forwards;
}

.agence {
font-size: 1.7em;
    text-align: center;
    text-transform: uppercase;
    color: #00a6f0;
    padding-top: 20px;
    font-weight: bold;
    text-shadow: -1px -1px 0px white;
}
.slogan {
font-size:1.2em;
text-align:center;
color:white;

}
.appel {
text-align:right;
font-size:1.6em;
color:white;
padding-top:20px;
}
}
/* Fin des classes spécifiques écrans > 768px */


.offre {

}
.nav.nav-tabs.offres.nav-tabs>li {
width:16.6% !important;
}
.nav.nav-tabs.offres h3 {
text-align:center !important;
font-size:1em !important;
}
.nav.nav-tabs.offres img {
width:100%;
}
.imgronde img {
background-color: #00a6f0;
    border-radius: 50%;
	width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.imgronde img:hover {
	transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transition: all .3s; 
	-o-transition: all .3s; 
	-moz-transition: all .3s; 
	-webkit-transition: all .3s;	
}
/* Centrage du menu */

.navbar-nav, .ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap {
    width: 100% !important;
    text-align: center !important;
	}
.navbar-nav > li, .navbar-nav>li, body .ddl-navbar-nav>li {
      float: none !important;
      display: inline-block !important;
    }
.woocommerce-cart .cart-collaterals .cart_totals table {
    width: 100% !important;
}	

.sitepro img {
width:100%;
}
.sitepro .col-sm-3, .sitepro .col-sm-4 {
padding:0px !important;
}

.sitepro.ddl-full-width-row>[class*="col-"]:first-child {
    padding-left: 15px;
}

.sitepro.ddl-full-width-row>[class*="col-"]:last-child {
    padding-right: 15px;
}
.sitepro .thumbnail {
border:0px solid white !important;
}

.siteproavant {
font-size:4em;
color: #00a6f0;
padding:40px;
border-radius:50%;
border:3px solid #00a6f0;
}