/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	background: none;
}
div,span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, font, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.full {
  background: url(../img/accueilBG.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.homeGroupe {
width: 880px;
background: #fff;
padding: 40px;
border: 1px solid #c7dce4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.18);
box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.18);
position: relative;
z-index: 210;
margin: -82px 0 60px;

}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}
/* // Reset */

body {
	background: url(bck.jpg); /* image for body made with Photoshop using noise filter (gaussian monochromatic) on #ccc */
	font-family: Georgia, Verdana, �Lucida Sans Unicode�, sans-serif;
	font-size: 12px;
	color: #999;
}

h2 {
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}

div#container {
	/* margin: 50px auto 0px auto; */ /* centered */
	width: 100%;
	
}



.bubble {
	clear: both;
	margin: -5% auto;
	width: 100%;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	padding-top: 60px;
	padding-bottom:  10px
}
.carre {
	clear: both;
	margin: -5% auto;
	width: 100%;
	background: #fff;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
	padding-top: 60px;
	padding-bottom:  10px;
	margin-bottom:60px;
}
.rectangle {
	background: #fa8406;
	height: 50px;
	width: 300px;
position: absolute;
	left: -15px;
	top: 60px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	margin-top: -80px;

}
.section{
background: #294a70; /* Old browsers */
background: -moz-linear-gradient(top,  #294a70 2%, #2b3c52 14%, #18212b 100%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#294a70), color-stop(14%,#2b3c52), color-stop(100%,#18212b), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #294a70 2%,#2b3c52 14%,#18212b 100%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #294a70 2%,#2b3c52 14%,#18212b 100%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #294a70 2%,#2b3c52 14%,#18212b 100%,#207cca 100%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #294a70 2%,#2b3c52 14%,#18212b 100%,#207cca 100%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294a70', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

.rectangle h2 {
	font-size: 24px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l {
	border-color: transparent #fa8406 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -327px;
	top: -2px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 350px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.info {
	padding: 60px 25px 35px 25px;
	border: 2px
}

.info h2 {
	font-size: 20px;
}

.info p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

.info p a {
	color: #c4591e;
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}
.firmbox {
	border: solid 1px #b78061; background-color: #f9e7cf; width: 430px; height: 100px ;
	padding: 17px 12px;
}
.whtie {
	background-color:white;
	height: 33%
;
	z-index: -1;
}
.slid {

  	height: 100%
}
.img {
    background-image: url(../img/slide.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  	height: 100%
}
.sp{margin-top: 1px;
margin-bottom: 0px;
border: 0;
border-top: 1px solid #eee;}
.spfooter{margin-top: 1px;
margin-bottom: 0px;
border: 0;
border-top: 5px solid #fa8406;}
.menuuu{
margin-top:20px}
.nav-tabs {
border-bottom: 0px solid #ddd;
}
.panel {
margin-left: 20px;
margin-right: 20px
}

.socimg{
width: 150px;
height :150px;

}
.ypanelfooter{ 
	color: orange;
	float: right;
}
.ypanelfooter a:link {
    color: #413AF6;
}


/* mouse over link */
.ypanelfooter a:hover {
    color: #527c8f;
}
.ytechnologyH ,.ystratH, .ysolutionH , .ytradeH , .yfidelityH{
float: left;
margin-left: -15px;
}
.ystratH{
float: left;
margin-left: -15px;}
.left{
float: left;
}
.ytechnologyH h2{
color: orange;
font-family : "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
font-size: 15px;
}
.ystratH h2{
color: #0e759f;
font-family : "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
font-size: 15px;
}
.ysolutionH h2{
color: #e30613;
font-family : "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
font-size: 15px;
}
.ytradeH h2{
color: #cfdb58;
font-family : "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
font-size: 15px;
}
.yfidelityH h2{
color: #c3005e;
font-family : "Comic Sans MS", cursive, sans-serif;
font-weight: bold;
font-size: 15px;
}

.h33{
}
.h33 img{
	height: 100%;
	width : 100%;
}

.nav-tabs li a {
margin-right: 2px;
line-height: 1.42857143;
border: 0px solid transparent;
border-radius: 0px 0px 0 0;
font-weight:bold;
color :white;
font-family: arial;
font-size: 14px;
 }
.nav-tabs li a:hover {
border-radius: 0px 0px 0 0;
color: rgb(2, 147, 245);
font-family: arial;
font-size: 15px}
.nav li a:hover, .nav li a:focus {
text-decoration: none;
background-color: transparent;
border-radius: 0px 0px 0 0;
font-size: 15px;
}
.nav li a {

padding: 10px 10px;

}
.panel-body {
padding: 6px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
#social:hover {
    			-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
			}
			#social {
				-webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
			}           
/* 
    Only Needed in Multi-Coloured Variation 
                                               */
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-in:hover {
				color: #0073B2;
			}
			.social-fb,.social-in, .social-tw {
				color: #a4c6e5;
			}
footer {
  height: 120px;
  background-color: #686c76;
  padding-top: 35px;
  margin-bottom:inherit;
}
footer p{
	color: white;
}
footer .col-lg-8{
    margin-left: -70px;


}
.lineF{
	padding-top: 4px
}
.lineF ul li{
    display:inline-block;
    margin-left: 10px;
 
}
.lineF ul li a{
    color: white;
    font-size: 14px;
 }
 .contact{
 	margin-top: -40px;
 	z-index: 90;
 	padding-bottom: 40px;
 }
 .panel-body .img-responsive{

 	padding-top: 25%;
 }
 .presentation{
 	margin: 5px;
 	margin-top: -52px;
 }
 .presentation h2{
 	color: orange;
 	font-weight: bold;
 }
 .presentation p{

 	margin: 60px;
 	text-align: justify;
	line-height:25px;
}
.modal-body p{
	 	margin: 20px 40px;
 	text-align: justify;
	line-height:25px;
}
.pice{
	margin-left: 20px;
}

.carrier{ 	margin: 5px;
 }
 .carrier h2{
 	/*color: orange;*/
 	font-weight: bold;
 }
 .carrier p{

 	margin: 60px;
 	text-align: justify;
	line-height:25px;
}
.img-responsive{
display: block;
max-width: 100%;
height: auto;
width: auto;
}
.lang{
	width: 50px;
height: 36px;
padding-top: 10px;
}
.modal.in .modal-dialog{
	-webkit-transform: translate3d(0,0,0);
-webkit-box-shadow: -13px -28px 128px 67px rgba(0,0,0,0.59);
-moz-box-shadow: -13px -28px 128px 67px rgba(0,0,0,0.59);
box-shadow: -13px -28px 128px 67px rgba(0,0,0,0.59);
}
div.well.down {
    margin-top: 10px;
}