body
{
font-family: 'Dosis', sans-serif;
background-color: #F19737;
padding-top:0px;
}

p 
{
margin: 0 0 25px;
}

.sb
{
margin:-1px;
border:1px solid #f00;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;    
}

.navbar .nav > li > a
{
text-transform: uppercase; 
font-size:11pt;
font-weight:bold;
color:#e0e0e0;
padding: 7px 10px 11px;
}

.nav li
{
background-image: url(../media/jonction.png);
background-repeat:no-repeat;
background-position: right top;
padding-left:27px;
padding-right:27px;
}

.blackbox
{
height:139px;
}

.loginbox
{
height:340px;
display:none;
color:white;
}

.connex
{
text-align:center;
margin-right:40px;
float:right;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-image: url(../media/menubgi.png);
width: 100px;
height: 30px;
background-repeat: repeat-x;
background-size: auto 100%;
border-radius: 0 0 8px 8px;
padding-top: 5px;
text-decoration: none;
}

.connex:hover
{
color: #FFFFFF;
text-decoration: none;
}

.panier
{
text-align:center;
margin-right:40px;
float:right;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background-image: url(../media/menubgi.png);
width: 100px;
height: 30px;
background-repeat: repeat-x;
background-size: auto 100%;
border-radius: 0 0 8px 8px;
padding-top: 5px;
text-decoration: none;
}

.panier:hover
{
color: #FFFFFF;
text-decoration: none;
}

.offre
{
background-color:#E9E9E9;
color:#665E55;
margin:auto;
width:100%;
height:400px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
margin-bottom:50px;
position:relative;
}

.offre_header_hebergement
{
background-image: url('../media/header_offre.png');
background-size:100% 100%;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding:5px 15px 5px 5px;
text-align:right;
color:#3051AB;
font-size:20pt;
line-height:24pt;
font-weight:bolder;
font-family: 'Yanone Kaffeesatz';
letter-spacing:4pt;
text-transform:uppercase;
}

.offre_content
{
padding:20px;
font-size:12pt;
text-align: justify;
}

.offre_bottom
{
width:100%;
text-align:right;
height:20%;
bottom:0px;
position:absolute;
background-color: #DEDEDE;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.offre_bottom_content
{

float:right;
padding: 5px 15px 0 0;
font-family: 'Yanone Kaffeesatz';
line-height: 15pt;
width: 110px;
}
.price
{
color:#F79125;
font-size:26pt;
font-weight:bolder;
}
.ht
{
color:orange;
font-size:10pt;
}

h2
{
color: #5A5758;
font-size:25pt;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.navbar {
-webkit-box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.3);
margin-bottom: 10px;
}

.navbar-inner {
  min-height: 35px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #3051AB;
   -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
	background-image: url('../media/menubg.png');
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover
{
background-color: transparent;
}

.header
{
background-origin: border-box; 
background-repeat: no-repeat;
background-size:100%;
background-image: url('../media/connex.jpg');
background-repeat:no-repeat;

}

.footer
{
background-image: url('../media/footer.jpg');
background-repeat: no-repeat;
background-color: #F19737;
background-size:100% 100%;
margin-top: 0;
}

.logodin
{
background-image: url('../media/header.jpg');
background-repeat:no-repeat;
background-size:100% 100%;
}
.fixheight .navbar .navbar-inner
{
height:35px;
min-height:35px;
}

.mainpage
{
background-size:100% 1200px;
background-image: url('../media/mainpage.jpg');
background-repeat:no-repeat;
background-color:#FFFFFF;
padding-top: 210px;
}

.containerpage
{
background-size:100% 1200px;
background-image: url('../media/mainpage.jpg');
background-repeat:no-repeat;
background-position:0 50px;
background-color:#FFFFFF;
padding-top: 50px;
min-height:400px;
}

.page
{
text-align: justify;
font-size: 12pt;
width: 1170px;
margin-left: 0;
margin-bottom: 30px;
}

.offre_image
{
margin-left:10px;
margin-top:-25px;
position:absolute;
width: 30%;
}

.offre_btm_img
{
padding-left:25px;
float:left;
padding-top:20px;
width: 40%;
}

.offre_btm_img_speciale
{
width: 80%;
padding-top: 5px;
}

.mire
{
padding:20px;
font-size:1.2em;
}
.mire h3
{
font-size: 20pt;
text-align:center;
padding-bottom:15px;
}
.mire ul li
{
padding-bottom:10px;
}

.separateur
{
position:relative;
margin-left:-10px;
background-image: url('../media/separateur.png');
background-repeat: no-repeat;
background-position: 0px 20px;
height:340px;
background-size: auto 85%;
}

.logbox
{
margin:auto;
width:220px;
}
.center
{
text-align:center;
}

.btn-select
{
font-size:11pt;
font-weight:bold;
color:#3571b0;
width:220px;

}

.btn-login
{
font-size:13pt;
font-weight:bolder;
color:#3571b0;
width:240px;
}
.mire p
{
margin:0px;
padding:0px;
padding-bottom:5px;
}

.btn
{
font-family: 'Dosis', sans-serif;
}
.appel
{
font-size:8pt;
color:white;
font-weight:bold;
}
.supportbox
{
margin-right:5%;
margin-top:-80px;
float:right;
text-align:center;
width:410px;
}
.support
{
padding-bottom:5px;
margin-bottom:4px;
float:right;
width: 220px;
text-align: center;
}

.support a
{
font-family: sans-serif;
font-size:13pt;
font-weight:bold;
color:#666;
text-decoration:none;
border-bottom:2px solid #666;
}

.support a img
{
height:18px;
vertical-align:top;
padding-right:5px;
}

.telephone
{
display: inline-block;
padding-bottom:5px;
margin-bottom:4px;
width: 180px;
}

.telephone a
{
font-family: sans-serif;
font-size:13pt;
font-weight:bold;
color:#666;
text-decoration:none;
border-bottom:2px solid #666;
}

.telephone a img
{
height:18px;
vertical-align:top;
padding-right:5px;
}

.newcustomer:hover
{
opacity: .85;
filter:alpha(opacity=85);
}


.nav li:first-child
{
background-image:none;
}

.nav li:last-child
{
background-image:none;
}

.hand
{
cursor:pointer;
}

.contacteznous
{
color:#646363;
padding-top:70px;
font-size: 16pt;
text-align:center;
}

.news
{
margin-top:30px;
}

.newsdinaccueil
{
background-size:100% 317px;
background-image: url('../media/news.jpg');
background-repeat:no-repeat;
height:250px;
}

.newsdin
{
background-size:100% 317px;
background-image: url('../media/news.jpg');
background-repeat:no-repeat;
height:20px;
}

.twit
{
text-align:center;
width:900px;
margin:auto;
background-image: url('../media/twt.png');
height:450px;
background-repeat:no-repeat;
background-position:center top;
padding-top:55px;
}
.twitlist
{
margin:auto;
width:680px;
height:240px;
overflow:auto;
padding-right:20px;
}

.twitlist ul
{
list-style-type:none;
text-align:left;
}
.twitlist li
{
padding-bottom:25px;
font-size:12pt;
color:#888;
}
.twitfollow
{
padding-top:60px;
padding-left:50px;
font-size:26pt;
font-family: 'Yanone Kaffeesatz';
}

.twitdin
{
padding-left:120px;
text-align:left;
font-weight:lighter;
font-size:30pt;
color:#888;
padding-bottom:20px;
}
.twitservice
{
font-style:italic;
padding-left:120px;
text-align:left;
font-size:14pt;
color: #888;
padding-bottom:20px;
}
.fbfollow
{
padding-top:25px;
font-size:26pt;
font-family: 'Yanone Kaffeesatz';
}
.fbfollow img
{
margin-top:-5px;
}

.fbfollow a
{
color: #1D67A4;
}


.fbbg
{
padding:2px;
padding-left:15px;
padding-right:15px;
-webkit-border-radius: 16px;
border-radius: 16px;
background-color: #DCDCDC;
}

.dropdown-menu
{
margin-top:0px;
background-color: #264597;
-webkit-border-radius: 0px 20px 0px 20px;
border-radius: 0px 20px 0px 20px;
border:1px solid #5D92C7; 
}

.dropdown-menu a
{
font-size:12pt;
font-weight:bolder;
color: #fff;
}
.dropdown-menu li
{
padding:5px;
background-image: none;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #264597;
  background-image: reset;
}

.footer a
{
color:#444;
font-size:11pt;
}


.navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
    display:none;
}
.dropunder
{
padding-bottom:4px;
}
.dropunder:hover
{
background-image: url('../media/dropunder.png');
background-repeat:no-repeat;
background-size: 100% 4px;
background-position:bottom;

}

.dinlogo
{
margin-top: 30px;
margin-left:30px;	
}
.bggrey
{
background-image: url('../media/newsbg.png');
background-repeat:no-repeat;
background-size: 100% 53px;
min-height:53px;
}
.newsitems
{
padding:10px;
padding-top:5px;
}
.newsitems li
{
display:inline-block;
width:150px;
text-align:center;
height:30px;
color:white;
margin-left:8px;
}

.newsdeco
{
background-image: url('../media/newsdeco.png');
background-repeat:no-repeat;
background-position:bottom;
}

.newsdeco:hover
{
background-image: url('../media/newsdeco2.png');
background-repeat:no-repeat;
background-position:bottom;
}

.newsdeco a
{
text-transform:uppercase;
}

.newsitems li a:hover
{
text-decoration:none;
}
.newsitems li a
{
color:white;
padding-top:5px;
padding-bottom:5px;
padding-left:0;
padding-right:0;
font-size:13pt;
font-weight:bolder;
}
.newsslider
{
overflow:hidden;
height:305px;
position:relative;
}

.news1
{
background-image: url('../media/news1.png');
background-repeat:no-repeat;
background-size: 100% 305px;
height:305px;
}
.news2
{
background-image: url('../media/news2.png');
background-repeat:no-repeat;
background-size: 100% 305px;
height:305px;
}
.news3
{
background-image: url('../media/news3.png');
background-repeat:no-repeat;
background-size: 100% 305px;
height:305px;
}

.newstitle
{
color:white;
font-size:18pt;
font-weight:bolder;
text-align:center;
padding:25px;
padding-top:27px;
text-shadow: 0px 0px 3px #000000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}
.newsstrong
{
color:#ECBD00;
}
.newsround
{
-webkit-border-radius: 24px;
border-radius: 24px;
background-color: rgba(0, 0, 0, 0.5);
padding:8px;
padding-left:24px;
padding-right:24px;
}
.newscontent
{
font-weight:600;
font-size:16pt;
color:white;
padding-left:150px;
padding-top:20px;
padding-right:200px;
line-height:1em;
text-shadow: 2px 2px 1px #000000;
filter: dropshadow(color=#000000, offx=0, offy=0);
text-align: justify;
}

.newsnav
{
position:relative;
float:right;
z-index:1000;
height:300px;
width:50px;
margin-left:-50px;
}

#newsnavlink
{
margin-top:100px;
list-style-type: none;
margin-left:-50px;
}
.newsnavlink li
{
padding-bottom:12px;
}

.btnnews
{
width:50px;
height:30px;
}

.n0
{
margin-bottom:12px;
background-image: url(../media/btn-news1.png);
background-size: 100% 100%;
}
.n1
{
margin-bottom:12px;
background-image: url(../media/btn-news2.png);
background-size: 100% 100%;
}
.n2
{
margin-bottom:12px;
background-image: url(../media/btn-news3.png);
background-size: 100% 100%;
}

.activeSlide .n0
{
background-image: url(../media/btn-news1-select.png);
background-size: 100% 100%;
}
.activeSlide .n1
{
background-image: url(../media/btn-news2-select.png);
background-size: 100% 100%;
}
.activeSlide .n2 
{
background-image: url(../media/btn-news3-select.png);
background-size: 100% 100%;
}

.n0:hover
{
background-image: url(../media/btn-news1-select.png);
background-size: 100% 100%;
}
.n1:hover
{
background-image: url(../media/btn-news2-select.png);
background-size: 100% 100%;
}
.n2:hover 
{
background-image: url(../media/btn-news3-select.png);
background-size: 100% 100%;
}

.oldnews
{
margin-top: 5px;
}

.a-propos-dino
{
margin: auto auto 25px auto;
display:block;
}

.page .span3 {
margin-left: 20px;
}

.page .span4 {
margin-left: 20px;
}

.fullwidth
{
width: 100%;
}

.navbar .container
{
width: 1130px;
}

.contact-telephone
{
font-family: sans-serif;
}

.contact-legende
{
font-size: 10pt;
}

.contact-detail
{
margin: 25px 0;
}

.contact-formulaire
{
width: 500px;
margin: auto;
text-align: center;
}

.support-retour
{
color: #00BB00;
font-weight: 700;
text-align: center;
}

.support-retourerreur
{
color: #B94A48;
font-weight: 700;
text-align: center;
}

.input-erreur
{
border: 1px solid #DD0000;
}

.help-inline-small
{
font-size: 11pt;
}

.infrastructure-detail
{
margin: auto auto 25px auto;
display:block;
}

.dedie-table {
margin: 10px;
width: 550px;
float: left;
margin-bottom: 50px;
padding:10px;
border-collapse:collapse;
background-color: #FFFFFF;
/* border-color: #b5c8e9;
border-width: 1px;
border-style: solid; */
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.dedie-table  td {
height: 65px;
padding-right: 10px;
/* border-bottom: 1px solid #b5c8e9; */
}

.dedie-table th {
text-align: center;
height: 40px;
border-bottom: 1px solid #b5c8e9;
}

.dedie-table  img {
width: 50%;
}

.dedie-table .illustration {
font-size: 12px;
text-align: center;
width: 90px;
}

.dedie-table .rowfonce {
background-color: #e9edf4;
border-bottom: 1px solid #b5c8e9;
border-top: 1px solid #b5c8e9;
}

.dedie-table .rowfonce-bas-gauche {
background-color: #e9edf4;
border-radius: 0px 0px 0px 10px;
border-top: 1px solid #b5c8e9;
}

.dedie-table .rowfonce-bas-droite {
background-color: #e9edf4;
border-radius: 0px 0px 10px 0px;
border-top: 1px solid #b5c8e9;
}

.dedie-table .rowfonce-haut {
background-color: #e9edf4;
border-radius: 10px 10px 0px 0px;
}

.stockage-box  {
height: 250px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -50px 10px;
background-repeat: no-repeat;
}

.stockage-box-couleur1 {
background-color: #669bcb;
}

.stockage-box-couleur2 {
background-color: #5083be;
}

.stockage-box-couleur3 {
background-color: #3d6ab0;
}

.stockage-box-couleur4 {
background-color: #335ea7;
}

.stockage-box-couleur5 {
background-color: #294d9c;
}

.stockage-prix {
width: 45%;
float: left;
margin-left: 10px;
margin-top: 2px;
padding-top: 15px;
padding-bottom: 5px;
text-align: center;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

.stockage-prix span {
font-weight: normal;
color: #ffbd39;
}

.stockage-prix div {
padding-top: 10px;
font-weight: normal;
color: #ffbd39;
}

.stockage-prix-gratuit {
width: 50%;
float: left;
margin-top: 5px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

.stockage-prix-gratuit span {
font-size: 20pt;
font-weight: normal;
color: #ffbd39;
}

.stockage-quota {
width: 50%;
float: left;
}

.stockage-quota-taille {
font-size: 45px;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}

.stockage-quota-complement {
font-size: 12px;
width: 100%;
text-align: center;
padding-bottom: 10px;
}

.stockage-box table {
width: 100%;
margin-top: 40px;
}

.stockage-box table td{
padding: 3px;
padding-top: 10px;
}

.stockage-box table td img{
vertical-align: bottom;
}

.stockage-commander-container {
text-align: center;
}

.stockage-commander  {
width: 100%;
padding: 12px 0 0;
}

.stockage-commander  span{
font-size: 26pt;
font-weight: normal;
}

.stockage-commander  span a{
color: #FFFFFF;
display: block;
text-decoration: none;
}

.stockage-illustration {
margin-left: 10px;
}

.stockage-illustration  img{
width: 150px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
margin: 10px;
}


.sms-box  {
height: 250px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -50px 10px;
background-repeat: no-repeat;
}

.sms-box-couleur1 {
background-color: #669bcb;
}

.sms-box-couleur2 {
background-color: #5083be;
}

.sms-box-couleur3 {
background-color: #3d6ab0;
}

.sms-box-couleur4 {
background-color: #335ea7;
}

.sms-box-couleur5 {
background-color: #294d9c;
}

.sms-placeholder {
width: 35%;
float: left;
padding-top: 20px;
padding-bottom: 10px;
}

.sms-prix {
width: 60%;
float: left;
margin-left: 10px;
margin-top: 2px;
padding-top: 15px;
padding-bottom: 5px;
text-align: center;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

.sms-prix span {
font-size: 30pt;
font-weight: normal;
color: #ffbd39;
}

.sms-prix div {
padding-top: 10px;
font-weight: normal;
color: #ffbd39;
}

.sms-qqt {
width: 100%;
float: left;
}

.sms-qqt-nombre {
font-size: 45px;
margin-top: 20px;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}

.sms-qqt-complement {
font-size: 12px;
width: 100%;
text-align: center;
padding-bottom: 10px;
}

.sms-commander-container {
text-align: center;
}

.sms-commander  {
width: 100%;
padding: 12px 0 0;
}

.sms-commander  span{
font-size: 26pt;
font-weight: normal;
}

.sms-commander  span a{
color: #FFFFFF;
display: block;
text-decoration: none;
}

.monitoring-element {
background-color: #295399;
border-radius: 10px 10px 10px 10px;
width: 75px;
height: 21px;
position: absolute; 
color: #FFFFFF;
font-weight: bold;
text-align: center;
font-size: 14px;
font-family: 'Arial', 'Dosis', sans-serif;
background-repeat: no-repeat;
padding-top: 2px;
}

.monitoring-etat-ok {
box-shadow: 0 0 0px 4px rgba(0, 255, 0, 1);
}

.monitoring-etat-ko {
box-shadow: 0 0 0px 4px rgba(255, 0, 0, 1);
}

.cgv-div {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: center;
}

.cgv-table {
width: 100%;
}

.cgv-table  td {
padding: 25px;
text-align: center;
}

.cgv-table  img {
width: 90px;
}

.cgv-table .illustration {
text-align: right;
width: 120px;
}

.ipv6-pres {
text-align: left;
width: 95%;
margin: auto;
}

.ipv6-pres img  {
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 5px;
}

.ipv6-liste {
text-align: left;
width: 90%;
padding-top: 30px;
padding-bottom: 30px;
margin: auto;
}

.ipv6-liste img {
width: 22px;
height: 22px;
margin-left: 60px;
margin-right: 10px;
margin-bottom: 5px;
border: 0px none;
vertical-align: middle;
}

.mutussh-liste img {
padding-left: 30px;
border: 0px none;
vertical-align: middle;
}

.mutussh-liste div {
padding-left: 50px;
}

.mutu-div {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: center;
}

.mutu-table {
width: 100%;
}

.mutu-table  td {
padding: 25px;
text-align: center;
}

.mutu-table .illustration {
text-align: right;
width: 120px;
}

.mutuinclus {
text-align: center;
width: 900px;
margin: auto;
}

.mutuinclus h3 {
color: #5A5758;
font-size:20pt;
text-align: left;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.mutuelements
{
float: left;
text-align: center;
font-size: 15px;
width: 180px;
height: 130px;
}

.mutu-opt {
text-align: left;
width: 900px;
margin: auto;
}

.mutu-opt-elements {
text-align: left;
width: 360px;
margin: auto;
}

.mutu-opt h3 {
color: #5A5758;
font-size:20pt;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.mutu-opt .illustration {
float: left;
padding-left: 15px;
padding-right: 20px;
}

.mutu-opt .prix {
padding-left: 35px;
}
.mutu-opt .prix img {
padding-right: 10px;
}

.mutu-opt .prixeuro {
font-size: 20px;
font-weight: bold;
padding-left: 5px;
}

.mutu-opt .prixht {
font-size: 8px;
font-weight: bold;
padding-right: 5px;
}

.mutu-details-table {
width: 85%;
margin: auto;
padding:5px;
border-collapse:collapse;
background-color: #FFFFFF;
/* border-color: #b5c8e9;
border-width: 1px;
border-style: solid; */
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.mutu-details-table  img {
padding: 4px;
}

.mutu-details-table  td {
height: 40px;
padding: 0px;
padding-left: 10px;
text-align: left;
/* border-bottom: 1px solid #b5c8e9; */
}

.mutu-details-table .rowfonce {
background-color: #e9edf4;
}

.mutu-details-table .rowfonce-haut-gauche {
background-color: #e9edf4;
border-radius: 10px 0px 0px 0px;
}

.mutu-details-table .rowfonce-haut-droite {
background-color: #e9edf4;
border-radius: 0px 10px 0px 0px;
}

.mutu-details-table .droite {
width: 150px;
text-align: center;
color: #3571b0;
}

.mutu-details-table .droite img {
vertical-align: text-bottom;
}

.mutu-details-table .bas {
height: 40px;
text-align: center;
background-color: #3571b0;
border-radius: 0px 0px 10px 10px;
border-top: 1px solid #b5c8e9;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.mutu-details-table .bas a {
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 15px;
}

.mutu-details-valeur {
height: 20px;
}

.perso-moins {
display: none;
cursor: pointer;
}

.perso-plus {
display: none;
cursor: pointer;
}

.mutu-details-petit {
font-size: 12px;
padding-left: 20px;
}

.mutu-choix {
background-color:#E9E9E9;
color:#665E55;
margin:auto;
width:100%;
height:400px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
margin-bottom:25px;
}

.mutu-choix-bouton {
cursor: pointer;
width: 350px;
margin: auto;
}

.mutu-choix-box  {
height: 60px;
width: 350px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.mutu-choix-box-couleur1 {
background-color: #669bcb;
}

.mutu-choix-box-couleur2 {
background-color: #5083be;
}

.mutu-choix-box-couleur3 {
background-color: #3d6ab0;
}

.mutu-choix-box-couleur4 {
background-color: #335ea7;
}

.mutu-choix-box-couleur5 {
background-color: #294d9c;
}

.mutu-choix-offre {
float: left;
width: 60%;
padding-top: 20px;
font-size: 24px;
font-weight: bold;
}

.mutu-choix-offre-perso {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
padding-top: 20px;
}

.mutu-choix-prix {
width: 70px;
float: right;
margin-right: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
font-size:18px;
color: #ffbd39;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

/* mails */

.mails-div {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: center;
}

.mails-table {
width: 100%;
}

.mails-table  td {
padding: 25px;
text-align: center;
}

.mails-table .illustration {
text-align: right;
width: 120px;
}

.mails-inclus {
text-align: center;
width: 95%;
margin: auto;
}

.mails-inclus h3 {
color: #5A5758;
font-size:20pt;
text-align: left;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.mails-elements
{
float: left;
text-align: center;
font-size: 15px;
width: 17%;
height: 130px;
}

.mails-details-table {
width: 85%;
margin: auto;
padding:5px;
border-collapse:collapse;
background-color: #FFFFFF;
/* border-color: #b5c8e9;
border-width: 1px;
border-style: solid; */
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.mails-details-table  input {
border: none;
box-shadow: none;
background-color: transparent;
margin-top: auto;
margin-bottom: auto;
font-family: 'Dosis', sans-serif;
text-align: center;
font-weight: bold;
width: 30px;
color: #3571b0;
font-size: 16px;

}

.mails-details-table  input[readonly] {
cursor: auto;
}

.mails-details-table  input:focus {
box-shadow: none;
}

.mails-details-table  img {
padding: 4px;
}
.mails-details-table  td {
height: 40px;
padding: 0px;
padding-left: 10px;
text-align: left;
/* border-bottom: 1px solid #b5c8e9; */
}

.mails-details-table .rowfonce {
background-color: #e9edf4;
}

.mails-details-table .rowfonce-haut-gauche {
background-color: #e9edf4;
border-radius: 10px 0px 0px 0px;
}

.mails-details-table .rowfonce-haut-droite {
background-color: #e9edf4;
border-radius: 0px 10px 0px 0px;
}

.mails-details-table .droite {
width: 150px;
text-align: center;
color: #3571b0;
}

.mails-details-table .droite img {
vertical-align: text-bottom;
}

.mails-details-table .bas {
height: 40px;
text-align: center;
background-color: #3571b0;
border-radius: 0px 0px 10px 10px;
border-top: 1px solid #b5c8e9;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.mails-details-table .bas a {
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 15px;
}

.mails-details-petit {
font-size: 12px;
padding-left: 20px;
}

.mails-choix {
background-color:#E9E9E9;
color:#665E55;
margin:auto;
width:100%;
height:400px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
margin-bottom:25px;
}

.mails-choix a {
display: block;
text-decoration: none;
color: #FFFFFF;
}

.mails-choix-bouton {
cursor: pointer;
width: 350px;
margin: auto;
}

.mails-choix-box  {
height: 60px;
width: 350px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.mails-choix-box-couleur1 {
background-color: #669bcb;
}

.mails-choix-box-couleur2 {
background-color: #5083be;
}

.mails-choix-box-couleur3 {
background-color: #3d6ab0;
}

.mails-choix-box-couleur4 {
background-color: #335ea7;
}

.mails-choix-box-couleur5 {
background-color: #294d9c;
}

.mails-choix-offre {
width: 70%;
text-align: left;
float: left;
padding-top: 20px;
padding-left: 16px;
font-size: 22px;
font-weight: bold;
}

.mails-choix-offre-zimbra {
width: 100%;
text-align: center;
line-height: 23px;
font-size: 22px;
font-weight: bold;
padding-top: 5px;
}

.mails-choix-offre-zimbra a {
display: block;
text-decoration: none;
color: #FFFFFF;
}

.mails-choix-prix {
width: 70px;
float: right;
margin-right: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
font-size:18px;
color: #ffbd39;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

.logiciels {
width: 95%;
margin: auto;
}

.logiciels img {
float: left;
padding-top: 3px;
padding-right: 5px;
}

.logiciels a {
font-size: 18px;
font-weight: bold;
}

.logiciels-desc {
padding-left: 20px;
 padding-bottom: 25px
}

.bannieres {
margin: auto;
text-align: center;
}

.bannieres img{
margin: 5px;
}

.bannieres  a {
font-weight: bold;
}

.bannieres  textarea {
margin-top: 5px;
}

.bannieres table {
width: 100%;
}

.bannieres td {
width: 50%;
vertical-align: bottom;
}

.zimbra img {
width:250px;
float: left;
padding-left: 30px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 30px;
}

.zimbra ul {
margin-left: 360px;
margin-top: 10px;
}

.zimbra-capt {
text-align: center;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}

.zimbra-capt img {
width: 160px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
padding: 0px;
margin: 20px;
}

.cdn img {
float: left;
padding-left: 80px;
padding-right: 120px;
padding-top: 25px;
padding-bottom: 25px;
}

.cdn ul {
margin-left: 360px;
margin-top: 30px;
}

.cdn li {
line-height: 30px;
}

.cdn a {
font-size: 21px;
font-weight: bold;
}

.a-news fieldset {
padding-left: 10px;
}

.a-news-div {
margin-left: 25px;
margin-right: 25px;
}

.a-news-ml {
font-family: 'Courier New';
margin-left: 25px;
}

.monitoring h3 {
    border-bottom: 1px solid #5A5758;
    color: #5A5758;
    font-size: 20pt;
    font-weight: 300;
    margin-bottom: 40px;
    text-align: left;
}

.monitoring-group {
    text-align: center;
    width: 200px;
    float: left;
    padding-right: 50px;
    margin-bottom: 40px;
}

.monitoring-group div:first-child {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #5A5758;
}

.monitoring-group div:nth-child(n+2) {
    float: left;
}

.monitoring-lastupdate {
    font-size: 14px;
    padding-top: 10px;    
}

.monitoring-disponibilite-ligne div {
    margin: 1px;
    width: 20px;
    height: 15px;
    font-size: 1px;    
}

.monitoring-legende td:nth-child(odd) {
    padding-right: 5px;    
}

.monitoring-legende td:nth-child(even) {
    padding-right: 15px;    
}

.monitoring .vertical-text {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 50px;
    font-size: 10px;
}
.monitoring .vertical-text__inner {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.5;
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform : rotate(-90deg);
}
.monitoring .vertical-text__inner:after {
    content: "";
    display: block;
    margin: -20px 24px 100%;
}

.commande-tableau {
width: 85%;
margin: auto;
text-align: center;
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.commande table {
width: 100%;

}

.commande tr {
padding: 10px;
}

.commande .rowfonce {
background-color: #e9edf4;
border-top: 1px solid #b5c8e9;
border-bottom: 1px solid #b5c8e9;
}

.commande .rowclair {
background-color: #FFFFFF;
border-top: 1px solid #b5c8e9;
border-bottom: 1px solid #b5c8e9;
}

.commande td {
height: 70px;
}

.commande select {
width: 80px;
}

.commande .haut_gauche  {
height: 40px;
background-color: #e9edf4;
border-radius: 10px 0px 0px 0px;
text-align: left;
padding-left : 10px;
font-weight: bold;
border: none;
}

.commande .haut_droite  {
height: 40px;
background-color: #e9edf4;
border-radius: 0px 10px 0px 0px;
border: none;
}

.commande .haut  {
background-color: #e9edf4;
height: 40px;
font-weight: bold;
border: none;
}

.commande .gauche  {
text-align: left;
padding-left : 10px;
}

.commande .bas  {
font-size: 19px;
}

.commande .bas td {
height: 50px;
}

.commande .bas .total {
text-align: right;
padding-right: 20px;
border-bottom: none;
border-left: none;
}

.commande .bas .tva {
text-align: left;
padding-left: 20px;
}

.commande .bas .tva select {
width: 180px;
margin-top: 6px;
}

.explication_tva {
width: 85%;
padding-top: 20px;
padding-bottom: 15px;
margin: auto;
font-size: 15px;
font-style: italic;
}

.commande .details {
font-size: 11px;
}

.commande .dominc {
margin-left: 15px;
font-style: italic;
}

.commande .ajouter {
width: 960px;
margin: auto;
margin-top: 25px;
text-align: center;
}

.commande  .element {
margin: 10px;
float: left;
text-align: center;
width: 140px;
height: 110px;
display: block;
text-decoration: none;

-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
cursor: pointer;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
background-color: #669bcb;
}

.commande .element a {
text-align: center;
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 5px;
}

.commande  .element img {
height: 50px;
margin-top: 8px;
}

.commande .btncont {
color:#665E55;
margin:auto;
margin-top: 50px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
cursor: pointer;
height: 60px;
width: 350px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
background-color: #3571b0;
}

.commande .btncont a {
text-align: center;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 18px;
}

.commande_connect {
text-align: center;
margin-bottom: 60px;
}

.commande_newuser {
text-align: center;
font-weight: bold;
font-size: 20px;
}

#domaines-extensions-liste h3 a {
    background: url("../media/arrow.png") no-repeat scroll 15px 13px transparent;
    border-bottom: 1px solid rgba(39, 76, 157, 0.5);
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 5px 5px 5px 32px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #183678;
}

#domaines-extensions-liste h3 a:hover {
    color: #dae6ff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #183678;
}

#domaines-extensions-liste h3 {
    background-color: #588cc3;
    background-image: linear-gradient(to bottom, #3E6CB0 10%, #274C9D 90%);
    margin: 0;
}

#domaines-extensions-liste h3.open a {
    background-position: 13px -25px;
}

#domaines-extensions-liste {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 350px;
    margin-top: 20px;
}

#domaines-extensions-liste div {
    padding: 10px;
}

#domaines-extensions-liste p {
    margin: 0;
}

#domaines-extensions-liste .domaines-extensions-titre label {
    display: inline;
	font-size: 10px;
	margin: 0;
}

#domaines-extensions-liste label {
    display: inline;
	font-size: 12pt;
	margin: 0;
}


#domaines-extensions-liste .close {
    float: none;
    opacity: 1;
    font-size: 18px;
    line-height: 27px;
}

.popover-content {
    text-align: justify;    
}

.popover-title {
    background-color: #588cc3;
    background-image: linear-gradient(to bottom, #3E6CB0 10%, #274C9D 90%);
    margin: 0;
    border-bottom: 1px solid rgba(39, 76, 157, 0.5);
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px 15px;
    text-shadow: 1px 1px 1px #183678;    
}

.popover-inner {
    background: none repeat scroll 0 0 rgba(39, 76, 157, 1);
}

.popover.right .arrow {
    border-right: 5px solid #274c9d;
}

.cloud-prive img {
float: left;
padding-left: 80px;
padding-right: 80px;
padding-top: 25px;
padding-bottom: 25px;
}

.cloud-prive .capt {
text-align: center;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 200px;
}

.cloud-prive .captelement {
float: left;
width: 160px;
height: 128px;
overflow: hidden;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
margin: 20px;
padding: 0px;
}

.cloud-prive .capt img {
width: 160px;
margin: 0px;
padding: 0px;
}

.cloud-div {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  text-align: center;
}

.cloud-table {
width: 100%;
}

.cloud-table  td {
padding: 25px;
text-align: center;
}

.cloud-table .illustration {
text-align: right;
width: 120px;
}

.cloudinclus {
text-align: center;
width: 900px;
margin: auto;
}

.cloudincluselements {
text-align: left;
width: 720px;
margin: auto;
}

.cloudinclus h3 {
color: #5A5758;
font-size:20pt;
text-align: left;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.clouddistrib {
text-align: center;
width: 900px;
margin: auto;
}

.clouddistribelements {
text-align: left;
width: 720px;
margin: auto;
}

.clouddistrib h3 {
color: #5A5758;
font-size:20pt;
text-align: left;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.cloudelements
{
float: left;
text-align: center;
font-size: 15px;
width: 180px;
height: 130px;
}

.cloud-opt {
text-align: left;
width: 900px;
margin: auto;
}

.cloud-opt-elements {
text-align: left;
width: 360px;
margin: auto;
}

.cloud-opt h3 {
color: #5A5758;
font-size:20pt;
border-bottom:1px solid #5A5758;
margin-bottom:40px;
font-weight:300;
}

.cloud-opt .illustration {
float: left;
padding-left: 15px;
padding-right: 20px;
}

.cloud-opt .prix {
padding-left: 35px;
}
.cloud-opt .prix img {
padding-right: 10px;
}

.cloud-opt .prixeuro {
font-size: 20px;
font-weight: bold;
padding-left: 5px;
}

.cloud-opt .prixht {
font-size: 8px;
font-weight: bold;
padding-right: 5px;
}

.cloud-details-table {
width: 85%;
margin: auto;
padding:5px;
border-collapse:collapse;
background-color: #FFFFFF;
/* border-color: #b5c8e9;
border-width: 1px;
border-style: solid; */
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.cloud-details-table  img {
padding: 15px;
}

.cloud-details-table  td {
height: 50px;
padding: 0px;
padding-left: 10px;
text-align: left;
font-size: 18px;
/* border-bottom: 1px solid #b5c8e9; */
}

.cloud-details-table .rowfonce {
background-color: #e9edf4;
}

.cloud-details-table .rowfonce-haut-gauche {
background-color: #e9edf4;
border-radius: 10px 0px 0px 0px;
}

.cloud-details-table .rowfonce-haut-droite {
background-color: #e9edf4;
border-radius: 0px 10px 0px 0px;
}

.cloud-details-table .droite {
width: 150px;
text-align: center;
color: #3571b0;
}

.cloud-details-table .droite img {
vertical-align: text-bottom;
}

.cloud-details-table .bas {
height: 40px;
text-align: center;
background-color: #3571b0;
border-radius: 0px 0px 10px 10px;
border-top: 1px solid #b5c8e9;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.cloud-details-table .bas a {
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 15px;
}

.cloud-details-valeur {
height: 20px;
}

.cloud-details-valeur img{
padding: 4px;
}

.cloud-details-petit {
font-size: 12px;
padding-left: 20px;
}

.cloud-choix {
background-color:#E9E9E9;
color:#665E55;
margin:auto;
width:100%;
height:400px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 3px 7px 2px rgba(0, 0, 0, 0.5);
margin-bottom:25px;
}

.cloud-choix-bouton {
cursor: pointer;
width: 350px;
margin: auto;
}

.cloud-choix-box  {
height: 60px;
width: 350px;
color: #FFFFFF;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.cloud-choix-box-couleur1 {
background-color: #669bcb;
}

.cloud-choix-box-couleur2 {
background-color: #5083be;
}

.cloud-choix-box-couleur3 {
background-color: #3d6ab0;
}

.cloud-choix-box-couleur4 {
background-color: #335ea7;
}

.cloud-choix-box-couleur5 {
background-color: #294d9c;
}

.cloud-choix-offre {
float: left;
width: 60%;
padding-top: 20px;
text-align: left;
margin-left: 30px;
font-size: 24px;
font-weight: bold;
}

.cloud-choix-offre-perso {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: bold;
padding-top: 20px;
}

.cloud-choix-prix {
width: 85px;
float: right;
margin-right: 10px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
font-size:18px;
color: #ffbd39;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
}

.domaine-table {
margin: 0px;
width: 550px;
float: left;
margin-bottom: 50px;
padding:10px;
border-collapse:collapse;
background-color: #FFFFFF;
/* border-color: #b5c8e9;
border-width: 1px;
border-style: solid; */
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.5);
}

.domaine-table  td {
height: 25px;
padding: 5px 10px;
text-align: center;
width: 33%;
}

.domaine-table label {
    display: inline;
	font-size: 12pt;
	margin: 0;
}
.domaine-table th {
text-align: center;
height: 40px;
border-bottom: 1px solid #b5c8e9;
}

.domaine-table .rowfonce {
background-color: #e9edf4;
border-bottom: 1px solid #b5c8e9;
border-top: 1px solid #b5c8e9;
}

.domaine-table .rowfonce-haut {
background-color: #e9edf4;
}

.domaine-table .rowfonce-haut-gauche {
background-color: #e9edf4;
border-radius: 10px 0px 0px 0px;
}

.domaine-table .rowfonce-haut-droite {
background-color: #e9edf4;
border-radius: 0px 10px 0px 0px;
}

.domaine-table .bas {
height: 30px;
text-align: center;
background-color: #3571b0;
border-radius: 0px 0px 10px 10px;
border-top: 1px solid #b5c8e9;
background-image: url(../media/background-box.png);
background-position: -120px 10px;
background-repeat: no-repeat;
}

.domaine-table .bas a {
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
display: block;
text-decoration: none;
height: 100%;
padding-top: 10px;
}

.domaine-detail-recherche {
font-size: 11px;
}

.moyens-paiements .row {
    margin-bottom: 50px;
}

.moyens-paiements img {
    padding-right: 5px;
    vertical-align: bottom;
}

.tooltip {
  font-size: 16px;
}

.tooltip-inner {
  max-width: 250px;
  color: #FFFFFF;
  background-color: #264597;
  text-align: justify;
}

.tooltip.in {
  opacity: 0.99;
  filter: alpha(opacity=99);
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #264597;
  border-left: 5px solid transparent;
}

.cond-partenariat li {
	margin-top: 10px;
}