body{
	font-family: 'cuprumregular','Arial Narrow', serif;
	font-size: 16px;
	color: #666666;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height: 20px;
	
	
}
::selection, *::-moz-selection {
background: #2F96B4;
color: white;
text-shadow: none;
}

/*a{
	color: #555;
	text-decoration: none;
}
*/
a {
	text-decoration: none;
}
a:hover {
_color: #a0b577;/* green light*/
color: #99CC00 ; /* green extra light*/
}

.ML-none{ margin-left: 0}

.clear {
	clear:both;
}
.Blanc_{#FFFFFF}
.green_{ color:#669933}
.green_light_{ color:#a0b577}
.blue_{ color:#006699}
.blue_light_{ color:#47b8de}
.cyan_{color:#00adc7}
.cyan_medium_{color:#0099cc}
.cyan_light_{color:#6fcfe3}
.gray_{ color:#73929d}
.ocre_{ color:#cc9933 }
.ocre_light_{ color:#CCCC00 }

.olive_{background-color: #738d48;   /*#738d48*/}
.W-light_{ background-color: #FBFBFB}

.ITALIC{ font-family: 'cuprumitalic';}
.ITALIC-BOLD {font-family: 'cuprumbold_italic';}




.Title-B{}
.Title-S{___font-size:1em}
.Upp{ text-transform:uppercase};
.Low{text-transform:lowercase}

.clear {
	clear:both;
}
.clear-5 {
	clear:both;
	height:5px;
}
.clear-10 {
	clear:both;
	height:10px;
}
.clear-20 {
	clear:both;
	height:20px;
}
.clear-30 {
	clear:both;
	height:30px;
}
.clear-40 {
	clear:both;
	height:40px;
}
.clear-60 {
	clear:both;
	height:60px;
}

.Bold { font-family:'cuprumbold'}
.Left { float:left}
.Right { float:right ;}
.TCenter{text-align:center }
.Big-Titre{ 
	text-align:center ;
	padding:15px 0;
	text-wrap:normal;
	text-shadow: 1px 1px 2px #333;
	/*line-height: 50px;
	height: 50px;*/
	}

/*-------------------------------------------------------------------------------------------------*/
	/*BLOCKQUOTES*/
/*-------------------------------------------------------------------------------------------------*/

.blockquote1 {
	padding-left:20px;
	border-left:1px solid;
}
.blockquote2 {
	padding-left:20px;
	border-left:1px dotted;
}
.blockquote3 {
	padding-left:20px;
	padding-right:20px;
	border-left:2px  dashed;
	border-right:2px dashed;
}
.blockquote4 {
	border-top:1px dotted;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted;
}
.blockquote5 {
	padding:10px;
	border:1px solid;
}
.blockquote6 {
	padding-left:70px;
	background-image:url('../images/blockquote6.png');
	background-repeat:no-repeat;
	background-position: left;
}
.blockquote7 {
	padding-left:70px;
	background-image:url('../images/blockquote7.png');
	background-repeat:no-repeat;
	background-position: left;
}
.blockquote8 {
	padding-left:70px;
	background-image:url('../images/blockquote8.png');
	background-repeat:no-repeat;
	background-position: left;
}
.blockquote9 {
	padding-left:70px;
	background-image:url('../images/blockquote9.png');
	background-repeat:no-repeat;
	background-position: left;
}

.blockquote10 {
	padding-left: 60px;
	background-image: url('../images/blockquote9.png');
	background-repeat: no-repeat;	
	text-align: left;
	display:block;
	
	__margin:0 15px!important;
}

.blockquote11 {
	padding-left: 60px;
	background: url(../images/blockquote9.png) no-repeat 10px 10px;
	text-align: left;
}
.blockquote12{
	min-height:50px;	
	text-align: center;
	background: url(../images/blockquote9.png) no-repeat 0;
	display:block;
	width:60%;
	padding:5px 50px;
	margin:0 auto;
	font-size:20px;
	_color:#666
	}


.home {
margin:0; padding:0;
background:url(../images/bg_slider.jpg) no-repeat 50% 138px;

}

#body-content {
	_background: #FdFdFd;
}
.body-home {
	padding-top: 10px;
	padding-bottom: 40px;
}
.header {
	______background: #FFFFFF url('../images/bg_top.gif') repeat-x bottom left;
	border-bottom: 2px solid #FFFFFF;
	border-top: 5px solid #3b6678;	
	position: relative;
	height: 132px
}
h1.brand { display: inline-block; margin: 5px 0 0 0; padding: 0; text-transform: none; float: left; width: 143px;height:64px}
h1.brand a { display: block; font-size: 0; line-height: 0px; text-indent: -5000; width: 123px; height: 64px; background: url('../images/logo_big.png') 0 0 no-repeat; }
h2.brand_bis  {
	 display: inline-block; height: 49px; margin:35px 0 0 0; width: 277px;
background: url('../images/slogan.png') 0 0 no-repeat;float: left }
h2.brand_bis span{ visibility:hidden; color:#FFF; font-size:1px;}


.header ul.Tmenu {
list-style: none;
color : #577C8C;
font-size: 12px;
margin: 0;
padding: 0;
float: right;
text-transform: uppercase;
height:40px;

}
.header ul.Tmenu  li {
float: left;

line-height: 40px;
}

.header .Tmenu a {
	display:block;
	padding:0 10px ;
	color: #577c8c !important;
}
.header .Tmenu a:hover {
color: #99CC00 !important;
}
.header h4{
	background:url('../images/call.png')no-repeat 0 50%;
	font-size:16px;
	color:#8fa3a8;
	float:right;
	margin:0 10px 0 0;
	padding-left:30px;
	height:25px;
	line-height:25px;
	
	}


/********** btn-success boostrap ligne 3033 ****/
.btn-Block{ margin:0 40px 0 0; _text-align:right}

/*------------ Green Boutton -------------*/
.btn-green {
  color: #ffffff;
  _text-shadow: 1px 1px 0px #333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #669933;
  *background-color: #669933;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9fcc58), to(#669933));
  background-image: -webkit-linear-gradient(top, #9fcc58, #669933);
  background-image: -o-linear-gradient(top, #9fcc58, #669933);
  background-image: linear-gradient(to bottom, #9fcc58, #669933);
  background-image: -moz-linear-gradient(top, #9fcc58, #669933);
  background-repeat: repeat-x;
  border-color: #669933 #669933 #386809;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff9fcc58', endColorstr='#ff669933', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #669933;
  *background-color: #386809;
}

.btn-green:active,
.btn-green.active {
  background-color: #386809 \9;
}
.btn-Large {
  padding: 9px 14px;
  font-size: 18px;
  line-height: normal;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.btn-Small {
  padding: 3px 9px;
  font-size: 14px;
  line-height: 18px;
}

.btn-Mini {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 17px;
}

/***** Anim boutton **********/

a.btn-anim{
	opacity: 1;
	filter: alpha(opacity=100);
	margin-top: 0px;
	clear: both;
	-webkit-transition: all 0.6s ease-in-out 0.3s;
	-moz-transition: all 0.6s ease-in-out 0.3s;
	-ms-transition: all 0.6s ease-in-out 0.3s;
	-o-transition: all 0.6s ease-in-out 0.3s;
	transition: all 0.6s ease-in-out 0.3s;
}

.step:not(.active) a.btn-anim{
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 40px;
}


/******* ICONS SERVICES ****************/

.services{ margin:20px 0 0 0}
.services a{ color:#224D5A}


.iconsBox {
	text-align: center;
	border: 1px solid #fff;
	padding: 20px 0 10px 0;
	
	-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.1);
	box-shadow: inset 0px 0px 6px rgba(0,0,0,.1);	
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.iconsBox i {
	____float: left;
	margin: -2px 0 0px 0;
}
.iconsBox:hover {
	background: #f8f8f8;	
	cursor:pointer;
	-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0px 0px 6px rgba(0,0,0,.2);
	box-shadow: inset 0px 0px 6px rgba(0,0,0,.2);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.iconsBox.adsl:hover  {
	border: 1px outset #a2a278;
}
.iconsBox.net:hover {
	border: 1px outset #629281;
}
.iconsBox.app:hover {
	border: 1px outset #3e6b74;
}
.iconsBox.voip:hover {
	border: 1px outset #174b58;
}
.iconsBox:hover h3
{ 
color:#669900;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;


 }
.iconsBox h3 {
	padding: 0;
	border-bottom: 3px double #f6f6f6;
	margin: 0;
	color:#006699;
	line-height: 24px;
	font-size:16px;
	font-weight:normal;
	_font-family: 'cuprumbold', Arial, serif;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}

.iconsBox p {
	float: left;
	font-size:12px;
	padding:0 10px;
}

.title {
	border-bottom: 3px double #f6f6f6;
	margin: 10px 0 ;
}
.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
	border-bottom: 5px double #EBEBEB !important;/*#89c236*/
	margin-bottom: -4px !important;
	display: inline-block !important;
	padding: 0px 10px !important;
	margin-left:15px !important;
	margin-right:15px !important;
}



/* Icons SERVICES
=================================================================== */

[class^="ic-"],
[class*="ic-"] {
	display: inline-block;
	width: 64px;
	height: 64px;
	*margin-right: .3em;
	line-height: 64px;
	vertical-align: text-top;	
	background-image:url("../images/services/icons_services.png");	
	background-position: 64px 64px;
	background-repeat: no-repeat;
	
}

[class^="ic-"]:last-child,
[class*="ic-"]:last-child {
	*margin-left: 0;
}


.ic-adsl {
	background-position: -0px -0px;
}

.ic-net {
	background-position: -74px -0px;
}
.ic-app {
	background-position: -148px -0px;
}

.ic-voip {
	background-position: -222px -0px;
}


 /*=========== Footer ================================ */
footer{
	color: #666 !important;

}


 
#footer-menu {
	
	height: 50px;
	background: #fcfcfc url('../images/bg-k20.png') repeat;
	border-top: 4px solid #f1f1f1;
	border-bottom: 2px solid #ffffff;
	margin-top: 10px;
	
	/*position:absolute;
	bottom:0px;
	width:100%*/
}

#footer-menu-logo img {
	margin-top: 10px;
}

#footer-menu-links {
	display: block;
	float: left;
	max-height: 52px;
	margin: 6px 0 6px 0;

}

#footer-menu-links ul,
#footer-menu-links li {
	list-style: disc;
	color:#577c8c;
	padding:0;
	margin:0;
	list-style: none;
}

#footer-menu-links li:first-child {
	list-style: none;
}


#footer-menu-links ul li{
	float:left;
	position:relative;
	z-index: 100;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#footer-menu-links ul li a { 
	display: inline-block;
	color: #577c8c !important;
	text-decoration: none;
	text-align:center;
	font-size: 12px;	
	text-transform: uppercase;
	padding: 10px 5px ;
	margin: 0px 5px ;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}

#footer-menu-links ul li:first-child a { 

}

#footer-menu-links ul li a:hover {
	color: #99CC00!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Copyright
====================================================================== */

#copyright {
	padding: 10px 0px;
	background:url('../images/bg-k10.png') repeat;
	border-top: 4px solid #f1f1f1;
}

#copyright p {
	margin: 0 auto;
	width: 380px;
	text-align: center;
	font-size:12px;
	color: #666;
}


/*************************************/
/***********PAGE : PROFIL ********/


.inner_content {
	margin-top:20px;
	margin-bottom: 35px;
	_min-height:500px;
}

.inner_content p{
	line-height:1.8em;
	float:left;
	display:block;
	
	
	}

.inner_content h1{
	
_font-size: 48px;
text-shadow: 1px 1px 1px white;
margin:auto;
}

.inner_content h2 {
font-weight: normal;
font-size: 28px;
line-height: 1.2em;

}
.title h4{
padding: 0 !important;
margin-left: 0!important;

}
.sectionBigTitle::before {
content: ">";
padding-right: 10px;
color: #a0b577;
}
.sectionBigTitle {
padding-bottom: 20px;
margin: 20px 0;

}

/*** tyle appliqué aux titre*/
.sectiontitle::before {
content: ">";
padding-right: 10px;
color: #A9CF00;
}
.sectiontitle {
background: url('../images/title-pattern.png') repeat-x bottom center;
padding-bottom: 20px;
margin: 20px 0;


}

.info-box {
	_background: #A9CF00;
	background: #a0b577;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 3px;
	vertical-align: middle;
	margin:10px 0 ;
	padding-bottom: 1px;
	color: white;
}
.info-content {
float: left;
}





hr{
	
margin: 18px 0;
border: 0;
border-top: 1px solid #7CAFCC;
border-bottom: 1px solid white;	
}
.dash{
border-style: dashed !important;
margin-top: 10px;
margin-bottom: 10px;
margin-bottom:25px;
}


/*************** L'expertise /Domaine / partenaires "liste" ***********/

.Exp-List-one{
	margin-left:0;
	
	}
.Exp-List-one li {
	_background-color:ghostWhite;
	text-align:center
	}
.Exp-List{	
	font-size:20px;
	font-family:'cuprumitalic';
	line-height:18px;
	}

.Exp-List-one a,
.Exp-List a{
 display:block;
 font-size:16px;
 color:#036 !important;
 text-align:center;
 _width:204px;
 padding:5px 0 0 0 ;
 margin:0;
 background-color:#f3f3f3;
 border: 2px solid #f1f1f1;
    
}
.Exp-List-one a img{ padding:0; margin:0}

.Exp-List-one  span,
.Exp-List span{
	display:block;
	padding:10px 0 5px 0;
	_height:30px;
	
}
.marg{
	margin:10px 28px;
	 
	}



 /*
.Exp-List{
	
border-top:3px solid #eee;
 border-bottom:3px solid #f3f3f3;
 box-radius:0 0 10px 10px;	
	
}
*/



.Exp-List-bis{
	margin-left:0;
}
.Exp-List-bis li a{
	display:block;
	font-size:14px;
	color:#036;
	width:184px;
	height:130px;	
	text-align:center;
	
	background:#FFFFFF;
	padding:0;
	__margin:20px 0;
	margin: 0 10px 20px 0;
	
	border:2px solid #c5d3da;
	
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	
	}
	

.Exp-List-one a,
.Exp-List a,
.Exp-List-bis li a{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
		
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	
	}
.Exp-List-bis a:hover,
.Exp-List-one a:hover,
.Exp-List a:hover{ color:#47b8de !important;border: 2px solid #99CC00;  }



.Exp-List-bis i{
	display:block;
	text-align:center;
	width:181px; 
	height:82px;	
	margin:2px 0 0 2px;
	_background:url(../images/sprite_expertise.png);
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.Exp-List-bis span {
	display:block;
	height:30px;	
	line-height:36px;
	background:#dbeaf2;
	margin:4px 0 0 0;
	padding:5px;
	
	
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius:  0 0 6px 6px;	
	
	}

	
	
.Exp-List-bis i.Adsl{ background:url(../images/sprite_expertise.png) no-repeat 0 0;}
.Exp-List-bis i.Techno{ background:url(../images/sprite_expertise.png) no-repeat 0 -82px;}
.Exp-List-bis i.Plan{ background:url(../images/sprite_expertise.png) no-repeat 0 -164px;}
.Exp-List-bis i.Vpn{ background:url(../images/sprite_expertise.png) no-repeat 0 -246px;}
.Exp-List-bis i.Dmz{ background:url(../images/sprite_expertise.png) no-repeat 0 -328px;}
.Exp-List-bis i.Intrus{ background:url(../images/sprite_expertise.png) no-repeat 0 -410px;}
.Exp-List-bis i.Cam{ background:url(../images/sprite_expertise.png) no-repeat 0 -492px;}
.Exp-List-bis i.Inter{ background:url(../images/sprite_expertise.png) no-repeat 0 -574px;}
.Exp-List-bis i.Pol{ background:url(../images/sprite_expertise.png) no-repeat 0 -656px;}

.Pan-L{ height:486px; text-align:center; padding:10px}
.Pan-L.expert{background:url(../images/expertise.jpg) no-repeat right bottom;}
.Pan-L.client{background:url(../images/client.jpg) no-repeat right bottom;}
.Pan-L.part{background:url(../images/partenaire.jpg) no-repeat right bottom;}
.Pan-L.serv-it{background:url(../images/services_it.jpg) no-repeat right bottom;}

.SLOG-H2{ font-size: 26px !important;font-family: 'cuprumbold_italic'; letter-spacing:-1px; margin:0 }
.SLOG-H4{ _font-size: 28px !important;font-family: 'cuprumbold_italic';_letter-spacing:-1px; margin:0 30px; }
.SLOG-H5{ font-size: 14px !important; margin:0;}
.SLOG { 
	
	font-family: 'cuprumbold_italic';
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 2px white;
	
  }

.SLOG span{
	display:block;
	margin:20px 15px;	
	}



.SLOG2 { 
	
	font-family: 'cuprumbold_italic';
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 2px white;
	
	
  }
.BG-IMG1{ background:url(../images/modernisation4.jpg) no-repeat top left; width:370px; height:689px}
.BG-IMG2{ background:url(../images/cloud_computing.jpg) no-repeat top left; width:370px; height:689px}

/***** [H5] Domaines d'affaires***/
.dom {display:block; margin:0 30px 25px 30px}
.Exp-List-one img{margin-top:20px; _width:160px; }
.Exp-List-one h5{ font-size: 14px !important; margin-bottom:20px; color:#416F86; text-align:center; height:40px;}



/*********** Sécurité informatique ****/
.blocs-min,
.blocs {
  padding: 8px 10px 8px 20px;
  _height:auto; 
  margin:0 0 20px 0;
  color: #c09853;
  font-size:16px;
  
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 4px solid #fbeed5;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.blocs{ min-height:280px; margin:30px 20px;  }
.blocs-min{ min-height:50px; _margin:0px 30px 30px 30px;  }

.blocs-min p, .blocs  p{ clear:both}

.blocs span { display:block;line-height:22px;}

.blocs-min h4{ height:32px;line-height:32px; margin-bottom:10px; padding-bottom:8px;text-shadow: 0 1px 1px #FFFFFF; }

.blocs h4{ height:32px;line-height:32px;border-bottom:1px dotted  #666666; margin-bottom:10px; padding-bottom:8px;text-shadow: 0 1px 1px #FFFFFF; }

/*-----------------------------------------------------------------------------------*/
 /*	9. Style des Blocs
 /*-----------------------------------------------------------------------------------*/

/***Bloc  Bleu ***/
.bloc-info1{
	color: #1c5977;
	background-color: #e6eff3;
	border-color: #d2e8ed;		
	}
/***Bloc vert ***/
.bloc-info2 {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
/*** Bloc Ocre ***/
.bloc-info3 {
  color: #C09853;
  background-color:#FCF8E3;
  border-color: #FBEED5;
}
/*** Bloc gray ***/
.bloc-info4 {
color: #5F686D;
background-color: #F0F0F0;
border-color: #E6EAEB;
}


.dropcap-min,
.dropcap{    border-radius: 50% 50% 50% 50%;
    color: #FFFFFF;
    float: left;
	font-size: 18px;
	margin-right: 15px;
    /*padding: 8px 15px;*/	
	border:2px solid #FFF
}
.dropcap-min{padding: 0 12px;  }
.dropcap{padding: 5px 12px;  }


.Bdrop{padding: 8px 15px; }
.drop1 {
    background: url("../img/button-shadow.png") repeat-x scroll 50% 0 #069;
	text-shadow: 0 1px 1px #000033;  
}
.drop2 {
    background: url("../img/button-shadow.png") repeat-x scroll 50% 0 #669933;
	text-shadow: 0 1px 1px #006600;
}
.drop3 {
    background: url("../img/button-shadow.png") repeat-x scroll 50% 0 #C09853;
  	text-shadow: 0 1px 1px #663300;
}
.drop4 {
    background: url("../img/button-shadow.png") repeat-x scroll 50% 0 #666666;
  	text-shadow: 0 1px 1px #663300;
}

/*-----------------------------------------------------------------------------------*/
 /*	10.  Thumbnails / prettyPhoto
 /*-----------------------------------------------------------------------------------*/
    .da-thumbs li,
    .da-thumbs article,
    .da-thumbs.portfolio span{
        overflow: hidden;
        position: relative;
    }
    .da-thumbs li img,
    .da-thumbs.portfolio span{
        display: block;
        position: relative;
    }
    .da-thumbs li div,
    .da-thumbs article div{
        position: absolute;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
    }
    .da-thumbs li div.da-animate,
    .da-thumbs article div.da-animate {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .da-slideFromTop {
        left: 0px;
        top: -100%;
    }
    .da-slideFromBottom {
        left: 0px;
        top: 100%;
    }
    .da-slideFromLeft {
        top: 0px;
        left: -100%;
    }
    .da-slideFromRight {
        top: 0px;
        left: 100%;
    }
    .da-slideTop {
        top: 0px;
    }
    .da-slideLeft {
        left: 0px;
    }   
    
    /* Bouttons Link and View Actions */
    .p-view, .p-link{
        display: block;
        width: 50px;/* 31px;*/
        height: 50px; /*31px;*/
        position: absolute;
        top: 50%;
        margin-top: -25px;
        opacity:0.9;
        -webkit-transition: opacity 0.35s linear;
        -moz-transition: opacity 0.35s linear;
        -o-transition: opacity 0.35s linear;
    }
    .p-view:hover, .p-link:hover{
        opacity:1;
    }
    .p-view{
        left: 50%;
        margin-left: -25px;
        _background:url(../images/icons/view.png);
		 background:url(../images/icons/zoom.png) no-repeat;
    }
    .p-link{
        right: 50%;
        margin-right: -39px;
        background: url(../images/icons/link.png);
    }

/* Sidenav 
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: white !important;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}


/*.bs-docs-sidenav.affix {
top:40px;
}*/

.bs-docs-sidenav.affix {
  top: 60px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
.bs-docs-sidenav > li > a {
color:#2F96B4;
_font-size:14px

}
.bs-docs-sidenav > li > a:hover {
background-color: whiteSmoke;

}

.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}


/* Chevrons */
.bs-docs-sidenav .mini-ico-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}

.bs-docs-sidenav a:hover .mini-ico-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .mini-ico-chevron-right,
.bs-docs-sidenav .active a:hover .mini-ico-chevron-right {
  background-image: url("../images/icons/glyphicons-mini-white.png");
  opacity: 1;
}




/***********   Solution IT - expertise**********************/


/*-----------------------------------------------------------------------------------*/
/*	11.  menu 
/*-----------------------------------------------------------------------------------*/
 
#toTop {
display: none;
width: 20px;
height: 35px;
overflow: hidden;
background:#ddd url(../images/icons/totop.gif) 0 0 no-repeat;
position: fixed;
margin-right: -640px !important;
right: 50%;
bottom: 100px;
z-index: 999;
}

a:hover {
color: #525050;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
/*behavior: url(js/PIE.htc);*/
}
#toTop:hover {
background-position: right 0;
}

/******************* Contact ************/

.gmap3{
	border-top: 1px dashed #C0C0C0;
	border-bottom: 1px dashed #C0C0C0;
	width: 100%;
	height: 350px;
}

.darkbtn {
	background: #373b43;
	padding: 12px 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	border: none;
	outline: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}
.darkbtn:hover {
	background: #ff7361;
	color: #FFF;
	text-decoration: none;
}