@font-face {font-family: "Prototype";
  src: url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.eot"); /* IE9*/
  src: url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.svg#Prototype") format("svg"); /* iOS 4.1- */
}




.top-menu a{
font-weight: bold !important;
letter-spacing: 0.1 !important;
}

.cache-ref-ing{
font-size: 10px;
color:#323b46;
margin-top: 8px;
margin-bottom: -5px;
line-height:1px;
}


#msgerreursever{
color:#323b46;
font-size:0px;	
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'Droid Serif', Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
	letter-spacing:2px !important;
} 

.top-menu a:hover{
text-decoration:  none !important;
}

.icomenu{
height: 36px !important;
margin-left: 0px !important;
margin-top: 5px !important;
width:35px !important;
}

.cadmenuico{
float:left;
width:100%;	
background:none !important;
margin-bottom:5px;
}

#menu-icon{
margin-bottom:0px;	
cursor:pointer;
color:#fff;
margin-top:-75px;
background:#61758f;
padding-top:0px;
padding-left:5px;
padding-bottom:0px;
float:right;

line-height:33px !important;
height:73px !important;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
padding:15px;
}


#marque-aprtenaire #txt{
text-align: center;
margin-left: 35px;
}

#marque-aprtenaire .titre{
width: 100%;
	text-align: center;
}

#tab-ref-img.row{
padding-left: 0px !important;
margin-left: 0px !important;
}


#title-ref{
text-align: center;
color:#fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2;
width: 100%;
padding: 5px 10px;
background: #323b46;
display: block;
}


#tab-qlqref-img #col-ref{
border-right: 10px solid #323b46;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center;	
margin-top: 15px;
}



#tab-ref-img #col-ref{
background: #fff;
border-right: 10px solid #fff;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center;	
margin-top: 15px;
}


#tab-qlqref-img.first{
padding-top: 25px;
}



#tab-qlqref-img.last{
padding-bottom: 35px;	
}

#col-ref img{
width: 210px;
margin-bottom: 10px;
border-radius: 15px;
}



#tab-qlqref-img #col-ref img{
width: 180px;
margin-bottom: 26px;
border-radius: 15px;
}
	
	

#menu-icon.active{
margin-top:-76px;	
}


.footer{
padding-top:16px;
padding-bottom:16px;	
}

p{
letter-spacing:0.5px !important;
line-height: 20px;
}

ul li{
letter-spacing:0.5px !important;	
}

#cadre-footer .col-sm-6 a, #cadre-footer .col-sm-6{
color:#97989a !important;	
line-height:1.5 !important;
}


.header{
padding-left:0px !important;
padding-right:0px !important;
position:relative;	
z-index:9000;	
height:85px;
top:0;
height:85px;
padding-bottom:0px;
background:#0f459c;

}



#cadre-menu{
background:#0f459c;	
z-index:8900;	
position:relative;
width:100%;
}


.cbp-bislideshow li{
z-index:-10;	
}

#cadre-menu{
background:#323b46;	
border-top:2px solid #fff;
}


#cadre-txt1 #col-1{
text-align:left;	
}

#cadre-txt1 #col-2{
text-align:right;	
}




.contact .col-sm-4 p{
color:#ffffff;
text-align:center;		
}



.titre{
font-family: "Prototype",Arial,Helvetica,sans-serif;
font-size: 14px;
/*padding: 1px 58px 1px 19px;*/
text-decoration: none;
text-transform: uppercase;	
color:#323b46;
max-width:100%;
height:auto;	
line-height:48px;
letter-spacing:1;
}


footer{
/*position: fixed;*/
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #323b46;
line-height:0.7;
}


.copy{
font-size: 12px;
}

.reali{
font-size: 12px;
}
	


footer .col-lg-6{
color: #fff;
}

.reali a {
color: #fff;
text-decoration: none;
}

.sm-blue li a{
line-height:0px;	

}





.backgroundsize .cbp-bislideshow li img{
display:none;	
}



.cadre-topmenu img{
width:17px;
}



.logo a{
position:absolute;	
}


#cadre-titre .titre{
margin:0 auto;
text-align:center;	
}

#cadre-txt1{	
background:url(../images/bg-contenu.png) #323b46 center top no-repeat;
}


#cadre-txt1 .container{	
padding-top:30px;
padding-bottom:0px;
}

p{
color:#ffffff;
width:100%;
font-family:helvetica;
font-size:14px;
}

#txt p{
padding-top:15px;
text-align:center;
letter-spacing:0.2px;
}
#img-solution{
border:2px solid #e1e1e1;	
}

.btn-lire-suite{
margin-bottom: 33px;
margin-top: 28px;
text-align:center;
width:100%;	
}

#cadre-txt2 p{	
color:#323b46;
padding-top:0px;
text-align:justify;
}

#cadre-txt2 .col-sm-9{	
text-align:center;
}

#cadre-txt2 .container{	
margin-top:20px;
margin-bottom:2px;
}

#cadre-txt2 .img-txt{
margin-top:6px;	
}


#cadre-txt2 .col-sm-3{
padding-left:8px;	
}


#cadre-texte3{
background:#323b46;	
}


#cadre-texte3 #col-1{
padding-top:34px;
padding-bottom:14px;
}

#cadre-texte3 #col2{
background: url(../images/bg-cadre-vpartenaire.jpg) center repeat-y;
}


ul#t1{
padding-left:0px;
width:100%;
float:left;
}

ul#t1 li{
background: rgba(0, 0, 0, 0) url("../images/pic-titre.png") no-repeat scroll 0.2em 0.4em;
color: #fff;
font-size: 28px;
font-weight: normal;
line-height: 1.4em;
padding-bottom: 0;
padding-left: 34px;
text-align: left;
border:0px;
list-style:none;	
letter-spacing:0.4;
font-family:helvetica;
}


ul#pic{
float:left;	
width:100%;
padding-left:0px;
}

ul.picblanc li{
background: rgba(0, 0, 0, 0) url("../images/square-noir.png") no-repeat scroll 0.2em 0.5em;
}


ul#pic li{
background: rgba(0, 0, 0, 0) url("../images/square.png") no-repeat scroll 0.2em 0.5em;
color: #fff;
font-size: 14px;
font-weight: normal;
line-height:22px;
padding-bottom:6px;
padding-left: 34px;
text-align: left;
border:0px;
list-style:none;	
letter-spacing:0.3;
font-family:helvetica;
}


#t2{
color: #fff;
font-size: 20px;
font-weight: normal;
font-family:helvetica;	
margin-bottom:10px;
}


.tpart-vcar{
color: #fff;
font-size: 24px;
font-weight: normal;
font-family:helvetica;
margin-top:50px;	
margin-bottom:50px;
text-align:center;
letter-spacing:0.4;	
}



#cadre-footer{
background:#222b34;	
padding-top:44px;
padding-bottom:44px;
}

#cadre-footer .col-sm-2{
text-align:left;	
}

.t-lien-footer{
font-weight:bold;
color:#b0c6d3;	
font-size:13px;
line-height:23px;
}

#cadre-footer .col-sm-6{
color:#97989a;	
font-size:12px;	
}

.img-projet{
margin-bottom:25px;
max-width:100%;
height:auto;
}


.top-menu{
font-family:helvetica;	
color:#fff;
text-transform:none;
font-size:11.4px;
}

.sepa{
margin-left:3px;
margin-right:3px;	
}


.col-header .reseau-sociaux{
margin-top:-11px;
margin-left:-4px;	
}

.titre-site img{
width:200px;	
}

.logo img{
width:169px;
}





@media (min-width: 481px) {
	

.titre-site img{
width:204px;	
}


.col-header .reseau-sociaux{
margin-top:-43px;	
}




.top-menu{
text-transform:uppercase;
font-size:12px;
}

.titre{
font-size: 25px;
letter-spacing:2;
}
	

.cadre-topmenu img{
width:17px;
}	


	
.sm-blue li a{
line-height:21px;	
}



} 





@media (max-width: 992px) {
.top-menu{
text-transform:uppercase;
font-size:12px;
line-height:13px;
font-family:Arial, Helvetica, sans-serif;	
}

.titre-site{
background:url(../images/titre-securimag-ingenerie_mobile.png) no-repeat;
margin-left:4px;
height:65px;	
}
		
.logo{
text-align:left;	
}

.titre-site{
text-align:left;		
}
.cadre-topmenu{
text-align:center;	
}


.logo a{
position:relative;	
}

 .container-fluid .container{
padding-left:0px !important;
padding-right:0px !important;
 }

.col-header .col-lg-4 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 0px;
padding-right: 0px;
}

.col-header{
max-width:100% !important;
margin-left:0px !important;
margin-right:0px !important;	
}

.col-header .titre-site {
flex: 0 0 60%;
max-width: 60%;
padding-left: 0px;
padding-right: 0px;
}
.titre-site img{
width:200px;
display:none;
}



.col-header .cadre-topmenu{
 flex: 0 0 60%;
max-width: 60%;	
margin-left:120px;
}

.reseaux-sociaux{
display:none;	
}
.logo img{
width:95px;
z-index:9400 !important;
}


.titre-site{
margin-top:7px;
}

.header{
background:#323b46;	
height:74px;
}

.page .header{
background:#323b46;
height:73px;
}

.cbp-hrmenu{
margin-top:0px !important;
background:#0f459c;
}


.page .cbp-hrmenu{	
margin-top:0px !important;
}



/*.cbp-hrmenu > ul > li.cbp-hropen a{
	color: #0f459c;
	background:#b0c6d3;
}

.cbp-hrmenu > ul > li.cbp-hropen a:hover{
	color: #fff;
	background: #0f459c;
}
		*/

.cbp-hrsub-inner{
	background: #fff;	
}
.cbp-hrsub-inner li, .cbp-hrsub-inner li a{
background: #fff !important;	
color: #61758f;
font-size:13px;
text-align:center;
}

.cbp-hrsub-inner li, .cbp-hrsub-inner li a:hover{
color: #0f459c !important;	
}		


.cbp-hropen .cbp-hrsub{
line-height:20px;	
}
	
.page .cadre-bandeau{
z-index:-100;	
position:relative;	
}

		
.header{	
z-index:8700;	
}


.col-header .cadre-topmenu{
 flex: 0 0 60%;
max-width: 60%;	
margin-left:120px;
margin-top:-37px;
}


.header .container, #cadre-menu .container{
width:100%;	
}
	
img{
max-width:100%;
height:auto;	
}

.logo img{
max-width:none;	
}
.titre-site img{
max-width:none;		
}

}



@media screen and (min-width: 200px) and (max-width: 420px) {


.col-header .cadre-topmenu{
 flex: 0 0 40%;
max-width: 40%;	
margin-left:120px;
margin-top:-43px;
}	

.top-menu{
text-transform:none;
font-size:10px;
line-height:12px;
font-family:Arial, Helvetica, sans-serif;	
}

.titre-site{
background:url(../images/titre-securimag-ingenerie_mobile-mini.png) no-repeat;
margin-left:45px;
height:81px;	
}	

.col-header .cadre-topmenu{
 flex: 0 0 40%;
max-width: 40%;	
margin-left:112px;
}

.col-header .titre-site {
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: 0;
    padding-right: 0;
}
}




@media (min-width: 768px) {


.col-header .reseau-sociaux{
margin-top:-100px;	
}


.titre-site img{
width:350px;	
}



#cadre-footer .col-sm-2{
text-align:right;	
}

.logo a{
text-align:right;	
}



.cadre-topmenu{
text-align:right;	
padding-top:10px;
}
.in{
margin-left:0px;	
}
.fb{
margin-left:0px;		
}

.copy{
text-align:left;
line-height:12px;	
}

.reali{
text-align:right;	
line-height:12px;
}	



}


@media (max-width: 768px) {

.cache-ref-ing{
font-size: 6px;
}



.copy{
text-align:center;	
line-height:22px;
}

.reali{
text-align:center;
line-height:22px;	
}
}


@media (max-width: 992px) {



}



@media (min-width: 992px) {
	
.col-header .reseau-sociaux{
margin-top:0px;	
}

.titre-site img{
width:419px;	
}

	
.header{
height:80px;
padding-bottom:80px;
background:#0f459c;
position:absolute;	
}


}


@media (min-width: 1030px) {

	




}



@media only screen and (min-width: 1030px) {
	




} 



@media only screen and (min-width: 1240px) {
	




} 



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 


@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}