*{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
body{
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	font-family: helvetica Neue LT Com,sans-serif !important;
}
.wrapper {
    max-width:1280px;
    width:85%;
    margin:20px auto;
    position:relative;
    background-color:#FFF;
}
#content{
	width:1000px;
	margin:auto;
	height:auto;
	background-color:#FFF;
	margin-top:16px;
	padding:22px;
}

header{background-color:white; padding-top:20px}
#header{
	width:1000px;
	height:116px;
}
#logozone{
   width:1000px;
   height:86px;
}
#logo{
   /*float:left;
   width:455px;
   height:86px;*/
   background-image:url(../images/logo.png);
   background-repeat:no-repeat;
}
#logo_left{
   /*float:left;
   width:545px;
   height:86px;*/
}
#nav{
   width:1000px;
   height:31px;	
   background-image:url(../images/nav_bg.jpg);
}
.navbar{
    background:url(../images/nav_bg.jpg) repeat-x;
    width:97.5%;
    margin:0 auto;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border:none;
    overflow:hidden
}
.navbar .navbar-form{
    margin-top:5px
}
.navbar .navbar-form select{
    height:75%
}
.navbar ul li a{line-height:10px}
#principal .navbar-collapse, #principal .navbar-form {
    border:none;
}
#principal ul{
    margin:0px;
    padding:0px;
}
#principal ul li{
    padding:0px;
    margin:5px 0px;
    line-height: 0px;
    height:20px
}
#principal ul li a, #principal .navbar-nav>.active>a, #principal .navbar-nav>a{
    text-decoration:none;
    color:#FFF !important;
    background:transparent;
    padding-top:5px;
    font-size:12px;
    /*border-right:1px solid #FFF;*/
}
#principal .navbar-nav>.active>a, #principal .navbar-nav>.active>a:focus, #principal .navbar-nav>.active>a:hover{
    background:none;
    color:white;
}
.navbar-collapse{
    padding:0px;
}
#principal .navbar-toggle .icon-bar{
    background-color:white;
}
.navbar-toggle{
    background-color: red;
    border: 1px solid white;
}
.divider-vertical {
    height: 30%;
    margin: 9px 0 0 0;
    padding: 9px 0 0 0;
    border-right:1px solid #FFF
}
#nav a{ 
	text-decoration:none;
	color:#FFF;
}
#englishversion{
   width:auto;
   height:20px;
   text-align:right;
   font-size:14px;
   margin-top:2px;
   font-weight:bold;
   color:#F03;
   font-family:"helvetica";

}
#englishversion a{
   text-decoration:none;
   color:#F03;	
}
#teamspirit{

}
#rechform{
	float:right;
	height:25px;
	padding-top:3px;
	text-align:right;
	margin-right: 12px;	
}
#menu{
	float:left;
	height:16px;
	font-size:12px;
	font-family:"helvetica";
	text-transform:uppercase;
	color:#FFF;
	padding-top:8px;
	text-align:right;
}
#menu ul li{
	display: inline;
	padding-right:12px;	
	padding-left:12px;	
	border-right:1px solid #FFF;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#main{
	height:532px;
	background-color:#09C;
}

#imgfond{
	/*height:510px;
	line-height:510px;
	text-align:center;
	background-image:url(../images/Troiscolleguesdebure_flou2.jpg);*/
}

#footer{
	/*height:22px;*/
    margin-top:10px;
    background:url(../images/footer_bg.jpg) #000 repeat-x;
}

#favoris{
	height:22px;
	float:left;
	font-size:13px;
	font-family:"helvetica";
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-top: 3px;
	margin-left:12px;
}
#favoris a{
text-decoration:none;
color:#FFFFFF;
}
#mentions{
	height:22px;
	float:right;
	font-size:13px;
	font-family:"helvetica";
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-top: 3px;
	margin-right:12px;
}
#mentions a{
	text-decoration:none;
	color:#FFF;
}
#sociaux{
	float:right;
	height:22px;
}
#sociaux ul{
	margin:3px;
	list-style-type: none;
}

#sociaux ul li{
	display: inline;
	margin-right:14px; 
}
#boxconnexion{
	/*width:667px;
	height:348px;*/
	vertical-align:middle;
	display:inline-block;
    line-height:normal; 
	/*margin:auto;*/
}

#boxconnexionie{
	width:667px;
	height:348px;
	background-color:#FFF;
	display:inline;
    line-height:normal; 
	/*margin:auto;*/
}
#boximgconnexion{
	display:block;
	background-color:#FFF;
	/*float:left;
	width:270px;
	height:348px;*/
    min-height:398px;
	padding:25px;
}
#rightboxconnexion{
	display:block;
	/*float:right;
	width:344px;*/
	min-height:398px;
	background-color:#FFF;
}
#bnvenue{
	margin:auto;
	height:30px;
	width:251px;
	text-align:center;
	background-image:url(../images/bienvenue.gif);
	background-repeat:no-repeat;
	padding-bottom:25px;
}
#bnvenue_en{
	margin:auto;
	height:30px;
	width:251px;
	text-align:center;
	background-image:url(../images/bienvenue_en.gif);
	background-repeat:no-repeat;
	padding-bottom:25px;
}
#collimg{
	margin:auto;
	width:250px;
	height:173px;
	background-image:url(../images/Troiscolleguesdebure_connexion2.jpg);
	background-repeat:no-repeat;
}
#context1{
	margin:auto;
	width:250px;
	color:#000;
	font-size:13px;
	font-family:"helvetica";
	text-align:left;
	padding-top:15px;
}
#context2{
	margin:auto;
	width:250px;
	color:#000;
	font-size:13px;
	font-family:"helvetica";
	text-align:left;
	padding-top:15px;
}
.close{
	text-align:right;
	height:10px;
	Margin:10px 10px 0px 20px;
}
.spclose{
	text-align:right;
	height:10px;
    float:right;
	width: 10px;
}
.close img, .spclose img{
	border:0px;
}
#contitre{
	text-align:right;
	/*width:315px;
	margin:25px 25px 0px 0px;*/
	padding:5px 0px 5px 0px;
	font-size:21.67px;
	color:#f03;
	font-family:"helvetica";
}
#fconnexion{
	width:100%;
	/*margin: auto;*/
	padding-top:35px;
	text-align:right;
	text-decoration: none;
}
#chpoblig{
	text-align:right;
	Margin:5px 25px 0px 0px;
	color:#000;	
	font-family:"helvetica";
	font-size:13.68px;
}
#btlogin{
	margin-top:40px;
	height:30px;
	width:106px;
	float:right;
	background-image:url(../images/btlogin.jpg);
	background-repeat:no-repeat;
	padding-bottom:46px;
}
#btlogin_en{
	margin-top:40px;
	height:30px;
	width:106px;
	float:right;
	background-image:url(../images/btlogin_en.gif);
	background-repeat:no-repeat;
	padding-bottom:46px;
}
#confooter{
	margin:3px;
	list-style-type: none;
	text-align:right;
	margin:140px 25px 0px 0px;
	font-size:14px;
	color:#000;	
	font-family:"helvetica";
}
#confooter ul li{
	display: inline;
	margin-right:12px; 
}
/*Mise en page de home page*/
#homebox{
	/*width:90%;
	height:272px;
	margin-left:auto;
	margin-right:auto;*/
	padding-top:40px;
}

#homemenu {
	/*height:35px;*/
	
	
}
#homemenu img {
	border:0px;
}
#homemenu ul {
  margin: 0;
  padding-left: 0px;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  zoom: 1;
  background-color:#fff;
}
#homemenu ul:before {
  content: '';
  display: block;
}
#homemenu ul:after {
  content: '';
  display: table;
  clear: both;
}
#homemenu li {
  /*display: block;
  margin: 0;
  height:39px;*/
}
#homemenu li a {
  display: block;
  color: #000;
  text-decoration: none;
  text-transform:uppercase;
  font-size:14px;
  /*border-bottom: 3px solid transparent;*/
  font-size: 12px;
  background: #fff;
  font-family:"helvetica";
}
.navsepar{
	background-image:url(../images/navsepar.jpg);
	height:35px;
	width:5px;
	background-repeat:no-repeat;
		
}
#homemenu li span{
  padding: 10px 20px 9px 20px;
  display:block;
}
#homemenu li a:hover {
  color: #f03;
  cursor:default;
}
#homemenu li.active a {
  display: inline;
  border-bottom: 3px solid #f03;
  float: left;
  margin: 0;
}

#homebtnconnexion{
	float:right;
	width:142px;
	height:39px;
	background-image:url(../images/home-btn-connexion.jpg);
	background-repeat:no-repeat;
}
#homeimgfond{
	height:292px;
	text-align:center;
	
}
#homemain{
	height:auto;
	background:url(../images/shutterstock.jpg) #FFF no-repeat center top;
-moz-background-size: cover;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: cover;        /* Opera 9.5 */
-webkit-background-size: cover;   /* Safari 3.0 */
background-size: cover;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */
margin-top:-20px;
width:97.5%;
}
.demo_back{
	background:url(../images/SGBS_SOGECASH_P2_1024x600.jpg) #FFF no-repeat center bottom  !important;
	background-size: cover !important;
}

.fak_back{
	background: url(../images/SGBS_SOGECASH_P3_1024x600.jpg) #FFF no-repeat center !important;
	background-size: contain !important;
	background-attachment: fixed !important;
}

.secu_back{
	background:url(../images/SGBS_SOGECASH_P8_1024x600.jpg) #FFF no-repeat center bottom  !important;
	background-size: cover !important;
}

.con_back{
	background:url(../images/SGBS_SOGECASH_P4_1024x600.jpg) #FFF no-repeat center bottom  !important;
	background-size: cover !important;
}

.conc_back{
	background:url(../images/SGBS_SOGECASH_P7_1024x600.jpg) #FFF no-repeat bottom  !important;
	background-size: cover !important;
	background-position-y: -11px !important;
}
#homemain_contact{
    height:auto;
    background:url(../images/462580151_contact2.jpg) #FFF no-repeat center top ;
    -moz-background-size: cover;     /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: cover;        /* Opera 9.5 */
    -webkit-background-size: cover;   /* Safari 3.0 */
    background-size: cover;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */
    margin-top:-20px;
    width:97.5%;
}
/*------------------------------------*\
 RESPONSIVE
 \*------------------------------------*/

@media only screen and (max-width:768px){

    #principal ul li a, #principal .navbar-nav>.active>a, #principal .navbar-nav>a{
        text-decoration:none !important;
        color:#000 !important;
        background:#FACAD5 !important;
        padding-top:5px !important;
        font-size:12px !important;
        /*border-right:1px solid #FFF;*/
    }
    #principal .navbar-nav>.active>a, #principal .navbar-nav>.active>a:focus, #principal .navbar-nav>.active>a:hover{
        background:red !important;
        color:white !important;
    }
    #principal{background:none !important}
    #homemain{margin-top:0px !important}
    #faqcenter #title1, #faqcenter #title2, #faqcenter #title3,#faqcenter #secutitle1, #faqcenter #secutitle2, #faqcenter #secutitle3{
        background-size: 100% 100% !important;
    }
    #principal .navbar-form{
        clear:both;
        margin-bottom:20px
    }
    #principal .navbar-form select {
        height: 30px;
        width:100%
    }
    
}
@media only screen and (max-width:825px){
    #principal .navbar-form {
        margin-left:4px;
    }
}
/*------------------------------------*\
 END RESPONSIVE
 \*------------------------------------*/
#homemain2{
	height:auto;
	background-color:#FFF;
}
#troistitres{
    margin-top:30px;
    width:90%;
	padding:20px;
    margin-left:27px;
    margin-bottom:2%;
	/*overflow:auto;
	width: 870px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 25px;*/
	background: rgba(255, 255, 255, 0.9);
}

.ensavoirplus a{
	font-weight:bold; 
	font-size:15px; 
	line-height:2em;
	text-decoration:none;
}
.ensavoirplus a:hover{
	text-decoration:underline;
}
#ensavoirplus1 a, #ensavoirplus1 span{
	color:#36C;
}
#ensavoirplus2 a ,#ensavoirplus2 span{
	color:#F00;
}
#ensavoirplus3 a, #ensavoirplus3 span{
	color:#666;
}
#leftcol{
	float:left;
	width:276px;
	margin-right:23px;
	}
#title1{
	height:30px;
	background-image:url(../images/bleu.gif);
	background-repeat:no-repeat;
    background-size: 100% 100%;
	margin-bottom:5px;
	}
#rightcol{
	float:right;
	width:276px;
	margin-left:23px;
}
#title2{
	height:29px;
	background-image:url(../images/gris.gif);
	background-repeat:no-repeat;
    background-size: 100% 100%;
	margin-bottom:5px;
	}
#centercol{
	width:276px;
	margin:0 auto;
	}
#title3{
	height:30px;
	background-image:url(../images/rouge.gif);
	background-repeat:no-repeat;
    background-size: 100% 100%;
	margin-bottom:5px;
	}
.tt{
	color:#FFF;
	font-size:14px;
	font-family:"helvetica";
	line-height:28px;
	margin-left:15px;
}

.tt a{
	color: #fff;
}
.coltext{
	padding:15px;
	font-size:14px;
	font-family:"helvetica";
	text-align:left;
	color: #000000;
	text-decoration: none;
    float:left;
}
.welcome{margin-top:13%; margin-left:27px}
.welcomebi{margin-top:5%; margin-left:auto; margin-bottom:2%; width:90%}
.welcomeback{margin-top:8%;margin-left:27px}
#homebnvenuebox{
	position:relative;
	/*float:left;
	height:65px;
	width:500px;*/
	background: rgba(255, 255, 255, 0.9);
	/*padding-top:15px;
	padding-left:15px;*/
	margin-top:10px;
    padding:15px;
}
/*Mise en page contact.html */
#contactimgfond{
	height:514px;
	text-align:center;
	background-image:url(../images/462580151_contact2.jpg);
}

#contactbox{
	width:90%;
	height:325px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#contactcentralbox{
	float:left;	
	width:100%;
	background-image:url(../images/bgfade.png);
	margin-top:20px;
}
#filariane {
	font-size:12px;
	font-family:"helvetica";
	text-align:left;
	padding:10px
}
#contacttitre {
	font-size:18px;
	font-family:"helvetica";
	text-align:left;
	padding:10px;
	text-transform:uppercase;
}
#contactboxcontent{
	padding:45px;
}
#cleft{
	
	line-height:22px;
	/*padding-right:110px;*/
	text-align:left;
	font-family:"helvetica";
	font-size:16px;
}
#cright{
	
	line-height:22px;
	border-left:2px solid #F00;
	text-align:left;
	/*padding-left: 25px;*/
	font-family:"helvetica";
	font-size:16px
}
/*En savoirplus_1*/
#sp1homemain{
	height:555px;
	position:relative;
	background-image:url(../images/BANNER.jpg);
	background-repeat:no-repeat;
}
#ombre{
	position:absolute;
	top:2px;
	height:550px;
	width:1000px;
	background:url(../images/ombre.png) repeat;
	left: -1px;
}
#splusbox{
	/*position:absolute;*/
	min-height:397px;
	/*width:576px;*/
	background-color:#FFF;
	padding:30px;
	top:30%;
	left:15%;
	z-index:4;
}
.croixfermer{
	position:absolute;
	top:5px;
	left:640px;
	float:right;
	width:1em;
 	text-align:right; 
	padding-top:5px; 
	padding-right:10px;
	font-size:16px;
	font-weight:bold;
	color:#666;
	font-family:"helvetica";
}
.croixfermer a{
	text-decoration:none;
	color:#666;
}
#myModal .modal-content{padding:20px}
#spboxtitre1{
	font-size:18px;
	font-family:"helvetica";
	margin-top:35px;
	line-height:60px;
	border-bottom:2px solid	#06C;
	color:#336699;
	text-transform:uppercase;
    /*margin-top:-30px;
	height: 42px;
	position: absolute;
	left: 46px;
	top: -16px;
	width: 560px;*/
}
#spboxcontent{
	font-size:14px;
	font-family:"helvetica";
	line-height:19px;
	color:#666;
	padding:10px;
	width: 100%;
	min-height: 217px;
	top: 87px;
	/*position: absolute;
	left: 47px;*/
	text-align:justify;
    background:#FFF;
	
}
/*En savoirplus_2*/
#spboxtitre2{
	font-size:18px;
	font-family:"helvetica";
	margin-top:35px;
	line-height:60px;
	border-bottom:2px solid	#ff0033;
	color:#ff0033;
	text-transform:uppercase;
	/*position: absolute;
	left: 46px;
	top: -12px;
	height: 42px;
	width: 570px;*/
}
/*En savoirplus_3*/
#spboxtitre3{
	font-size:18px;
	font-family:"helvetica";
	/*margin-top:35px;*/
	line-height:60px;
	border-bottom:2px solid	#666;
	color:#666;
	text-transform:uppercase;
	/*position: absolute;
	left: 46px;
	top: -12px;
	width: 570px;
	height: 42px;*/
}
/*FAQ*/
#faqimgfond{
	height:2000px;
	text-align:center;
		background-image:url(../images/BANNER2.jpg);
background-position: center center;
background-attachment: fixed; 
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%;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */ 
	background-repeat:no-repeat;
		
}
#faqcentralbox{
	background: rgba(255, 255, 255, 0.9);
	margin-top:20px;
    width:97%
} 
#faqboxcontent{
	height:auto;
	padding:35px;
	}

#faqcenter{
	width:100%;
	line-height:22px;
	height:auto;
	text-align:justify;
	font-size: 16px;
}
#faqcenter #title1, #faqcenter #title2, #faqcenter #title3,#faqcenter #secutitle1, #faqcenter #secutitle2, #faqcenter #secutitle3{
    background-size: auto;
}
.faqtext{
	font-size:16px;
	font-family:"helvetica";
	color:#000;
	line-height:19px;
	padding:0px 20px 0px 40px;
	text-align:justify;
}
.faqqr{
	float:left;
	height:1em;
	font-size:20px;
	width:20px;
    padding-right:20px;
	border-right:1px solid #F00;
	font-family:"helvetica";
	
}
.question{
	/*display:table;*/
	margin:auto;
	padding:6px 0px;
	height:auto;
	width:100%;
}
/*sécurité*/
#secuimgfond{
	height:1020px;
	text-align:center;
		background-image:url(../images/BANNER2.jpg);
background-position: center center;
background-attachment: fixed; 
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%;           /* Gecko 2.0 (Firefox 4.0) > CSS3 */ 
	background-repeat:no-repeat;
}
#secuboxcontent{
	height:auto;
	padding:35px;
	}
.secutext{
	font-size:16px;
	font-family:"helvetica";
	color:#000;
	line-height:19px;
	width:100%;
	/*padding-left:30px;*/
	padding-bottom: 15px;
}
#seculeft{
	display:table-cell;
	font-size:14px;
	width:51%;
	vertical-align:top;
	font-family:"helvetica";
	margin-bottom:25px;
	padding-left:30px;
	z-index:3;
	
}
#securight{
	display:table-cell;
	height:1em;
	width:45%;
	text-align:center;
	z-index:3;
}
#secutitle1{
	width:100%;
	height:30px;
	background-image:url(../images/bleu.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}
#secutitle2{
	width:100%;
	height:29px;
	background-image:url(../images/gris.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}
#secutitle3{
	width:100%;
	height:30px;
	background-image:url(../images/rouge.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
	}