@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
body
{
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  position:relative;
  overflow-x:hidden;
  
 
}
 ::-webkit-scrollbar { width: 8px; height: 3px;cursor:pointer;}
::-webkit-scrollbar-button {  background-color: #CCC; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #CCC; -webkit-border-radius: 6px;cursor:pointer}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #CCC;}
header
{
position:fixed no-repeat;
width:100%;
background:#011241;
height:120px;
top:0;
position:fixed;
z-index:9;

}
a img
{
 border:0 none;
}

.content_header
{
 width:1200px;
 margin:0 auto;
}
#logo
{
 float:left;
 width:20%;
 padding:15px;
 margin-left:5%;
}
#logo img
{
	width:100%;
}
nav
{
 float:right;
 width:70%;
}
nav ul
{
margin:0;
padding:0;
float:right;
}
nav ul li
{
 list-style:none;
 display:inline-block;
  position: relative;
  float:left;
	padding:60px 20px 10px;
	border-bottom:4px solid #fff;
	margin:0 5px;
}
nav ul li a
{
	text-decoration:none;
	//color:#0089ba;
	color:#fff;
	font-size:20px;
}
nav ul li:hover,nav ul li.active
{
	border-bottom:4px solid #56a300;
	color:#56a300 !important;
	padding-bottom: 31px;
}
nav ul li a:hover,nav ul li.active a,nav ul li:hover a
{
	color:#56a300;
}
nav ul li:last-child:hover
{
	//border-bottom:none;
}
nav ul li ul {
  padding: 0;
  position: absolute;
  top: 115px;
  left: 0;
  width: 105px;
  display: none;
  opacity: 0;
  visibility: hidden;
}
nav ul li ul li { 
  background: #011241; 
  display: block; 
  color: #fff;
  float:none;
  padding:5px 2px;
  border-bottom:1px dashed #f4f4f4;
  cursor:pointer;
 /* opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); */
  }
nav ul li ul li:hover { 
  padding:5px 2px;}
nav ul li:hover ul {
  display: block;
  visibility: visible;
  opacity: 1;
}
nav ul li ul li a{ color:#fff; text-decoration:none; font-family:"Playfair Display"; font-size:14px;}
section
{
 width:100%;
 //position:absolute;
 top:0;
}
#home
{
 width:100%;
 height:910px;
 background:url("images/bg3.jpg") center bottom fixed no-repeat;
 background-size: cover;
-moz-background-size: 100% 100%;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 100%;        /* Opera 9.5 */
-webkit-background-size: 100% 100%;   /* Safari 3.0 */
background-size: 100% 100%;  
 position:relative;
 display: flex;

}
.content_home
{
 width:1200px;
 margin:0 auto;
}
#about_us
{
 width:100%;
display: flex;
 position:relative;
}
.content_about_us
{
 width:1200px;
 margin:0 auto;
}
#service
{
 width:100%;
 background:url("images/bg4.jpg") center fixed no-repeat; 
 background-size: cover;
-moz-background-size: 100% 100%;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 100%;        /* Opera 9.5 */
-webkit-background-size: 100% 100%;   /* Safari 3.0 */
background-size: 100% 100%;  
 position:relative;
 display: flex;
}
.content_service
{
 width:1200px;
 margin:0 auto;
}
.bloc_services_voip
{
	width:30%;
	margin:10px;
	display:inline-block;
}
.text_bloc_services_voip
{
	background:#fff;
	padding:10px;
	border-top: 8px solid #ddc13b;
}
#citation{
color: #011241;
 background:#ddc13b;
 padding:4px 0;
 font-size:14px;
 text-align:right;
}
.complet
{
	width:775px;
	margin:40px auto;
}
.complet p{
color: #011241 !important;
 font-size:20px !important;
 text-align:left;
 font-style:italic;
}
a.auteur
{
	color:#fff;
	font-size:16px;
	text-decoration:none;
 }
#contact
{
 width:100%;
 background:url("images/bg6.jpg") center fixed no-repeat;
display: flex;
 position:relative;
 padding:10px 0;
}
.content_contact
{
 width:1200px;
 margin:0 auto;
}

#comand
{
 width:100%;
 background:url("images/bg5.jpg") center fixed no-repeat;
 background-size: cover;
-moz-background-size: 100% 100%;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 100%;        /* Opera 9.5 */
-webkit-background-size: 100% 100%;   /* Safari 3.0 */
background-size: 100% 100%;  
 position:relative;
 display: flex;
}
.content_comand
{
 width:1200px;
 margin:0 auto;
}

.bloc_complet 
{
  padding:30px 25px 30px 55px;
}
.bloc_complet2
{
  //background:url("images/bg_texte2.png") center top no-repeat;
  width:100%;
  padding:30px 25px 30px 55px;
}
#right_boule
{
 position:fixed;
 right:10px;
 top:380px;
 width:15px;
 height:60px;
}
.left_bloc
{
  float:left;
  width:345px;
  height:440px;
  margin-top: 250px;
    padding: 27px 30px 61px 30px;
  background:#fff;
  position:relative;
}
p, ul , li
{
  font-family:arial;
  text-align:justify;
  font-size:12px;
  line-height:22px;
  color:#002654;
}

.left_bloc p, .left_bloc ul, .left_bloc li
{
  font-size:13px;
  color:#002654;
  font-weight:normal;
  line-height:22px;
}
.right_bloc
{
  float:right;
  width:543px;
  height:629px;
  margin-top:170px;
  position:relative;
}
a.titre
{
      font-family: cursive, monospace;
    font-size: 28px !important;
  color:#ddc13b;
  text-shadow: 2px 2px #5f5100;
  text-transform:uppercase;
  cursor:pointer;
}

a.titre_select
{
      font-family: cursive, monospace, Arial;
    font-size: 28px !important;
  color:#006f93;
  text-shadow: 2px 2px #18364f;
  text-transform:uppercase;
  cursor:pointer;
}
#titre_voip
{
  position:absolute;
  top:30px;
  left:0;
}
#titre_asterisk
{
  position:absolute;
  top:100px;
  left:290px;
}
#titre_installation_crm
{
  position:absolute;
  top:170px;
  left:60px;
}
/*#titre_solutions_voip
{
  position:absolute;
  top:225px;
  left:240px;
}*/
#titre_solutions_centre_appel
{
  position:absolute;
  top:240px;
  left:0px;
}
#titre_formation
{
  position:absolute;
  top:310px;
  left:320px;
}
#titre_messages_vocaux_sms
{
  position:absolute;
  top:380px;
  left:70px;
}
#titre_monitoring_serveurs
{
  position:absolute;
  top:450px;
  left:0px;
}
#titre_conseils_techniques
{
  position:absolute;
  top:520px;
  left:120px;
}
h1{
	font-size:2.6em;
	font-weight: bold;
	letter-spacing:0.01em;
	font-style: italic;
	color:#6db300;
  font-family: 'Playfair Display', serif;
  text-shadow: 1px 1px #000;
}
h2{
	font-size:2.2em;
	font-weight:bold;
	letter-spacing:0.01em;
	color:#6db300;
  font-family: 'Playfair Display', serif;
	 text-shadow: 1px 1px #000;
	 text-align:center;
}
.left_bloc h2
{
	color:#6db300;
}
h3{
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:0.01em;
	color:#0c306f;
  font-family: 'Playfair Display', serif;font-weight:bold;
  text-shadow: 1px 1px #000;
}
h4
{
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:0.01em;
color:#6db300;font-family: 'Playfair Display', serif;font-weight:bold;
  text-shadow: 1px 1px #000;
}
.left_bloc h3
{
	color:#0c306f;
}
h3.ss_tt
{
font-size:1.2em;
color:#d4b616;
}
h2.ss_tt, h3.ss_tt
{
  padding:0;
  margin:0;
}

.message {
	font-size:16px;
/*	background:#3a3939;*/
	background-color: rgb(157,156,156);
	background-color: rgba(156,156,156,0.6);
	text-align:center;
	color:#FFFFFF;
	display:none;
	width:48%;
	padding:5px;
	margin:5px auto 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
	}
.message li{
	list-style-type: circle;
	font-size:12px;
	font-style: italic;
	font-weight:bold;
	color: #990000;
	clear: both;
	}
#map_tunisip
{
	float:left;
	width:48%;
	padding:5px;
	background-color: rgb(157,156,156);
	background-color: rgba(156,156,156,0.6);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:7px;
	margin-top:6px;
}
#map_tunisip iframe
{
	width:99%;
}
.contact {
	background-color: rgba(236, 236, 236, 0.7);
	color:#FFFFFF;
	width:48%;
	padding:20px 5px;
	margin:5px auto 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-bottom:10px;
	float:right;
}

.contact ul {
	list-style-type:none;
	width:570px;
	padding:0;
	padding-bottom:10px;
	text-align:left;  
	}
.contact li {
	list-style-type:none;
	font-size:12px;
	padding:5px 10px;
	clear: both;}
.contact li.special {display:none;}
.contact input {
	//float:right;
	display:inline;
/*	background:#141414;*/
	background-color: rgb(20,20,20);
	background-color: rgba(1,18,65,0.7);
	font-size:12px;
	padding:3px;
	color: #ffffff;
	border:1px solid #878787;
	width:300px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:-4px;
	}
.contact input.bouton{
	font-size:14px;
	width:auto;
	float:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
	float:right;
	font-weight:bold;
	margin-top:90px;
    background: #ddc13b;
	color: #495576;
	    padding: 5px 10px;
	}
.contact textarea {
	//float:right;
	display:inline;
/*	background:#141414;*/
	background-color: rgb(20,20,20);
	background-color: rgba(1,18,65,0.7);
	font-size:12px;
	padding:3px;
	color: #ffffff;
	border:1px solid #878787;
	display:inline;
	width:440px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:-91px;
	}
.contact label{
	padding-right:5px;
	color:#011241;
	padding-top:5px;
	width:90px;
	text-align:left;
	display:inline-block;
	font-size:12px;
	font-family:Arial;
}
.contact p
{
	font-size:12px;padding-left:5px;font-weight:bold;color:#333333;
}
#text_ctn, #text_ctn2
{
   
   
  position:relative; 
  overflow: hidden; 
}
#espace_client_tunisip
{
 position:fixed;
 left:-30px;
 top:143px;
 z-index:99;
}
#reseau_sociaux_tunisip
{
 position:fixed;
 left:5px;
 bottom:0;
}
#chat_online
{
	position:fixed;
	bottom:0;
	right:0;
}
#chat
{
	display:none;
	position:fixed;
	bottom:0;
	right:5px;
	width:260px;
	height:340px;
	background:#FFF;
	border-radius:8px;
	-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
box-shadow: 2px 2px 20px #777 inset; 
-webkit-box-shadow: 2px 2px 20px #777 inset; 
-moz-box-shadow: 2px 2px 20px #777 inset;
     overflow:hidden;
	 z-index:999;
	}
.pub_tnisip{margin:auto;width:80%;}
section.bg_cgV{width:100%;height:330px;}
.bg_cgV img{width:100%;}