body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.42857143;
    color: #173c58;
    background-color: #fff;
	top:0!important;/*google translate*/
}
#lien ul a {
	color:#FFFFFF;
	text-decoration:none;
	}

#lien ul li {
	list-style:none;
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
	
#user {
	color:#FFFFFF;
	float:right;
	font-size:15px;
	padding-top:13px;
	}
	
#home {
	color:#FFFFFF;
	float:right;
	font-size:18px;
	    margin-top: 5px;
	padding-left:10px;
	padding-right:0px;
	}

#article {
	font-size:12px;/*11px*/
	color:#FFFFFF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:justify;	}


.row {
	margin-left:0px;
	margin-right:0px;}
	
#suivez ul  {
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
.fa-facebook {
	font-size:17px;
	}
.fa-slideshare	 {
	font-size:1gpx;
	}
.fa-linkedin	 {
	font-size:15px;
	}
	
.fa-envelope-o	 {
	font-size:15px;
	} 	

.fa-phone	 {
	font-size:15px;
	} 	

.fa-fax	 {
	font-size:15px;
	} 	

.fa-map-marker	 {
	font-size:15px;
	} 
@media (max-width: 785px)

{	
.navbar-default .navbar-collapse { padding:0px !important;}
.blocCentralInterne{ padding:5px !important; }
.padNo{ padding-left:0px; padding-right:0px;}
.trie ul.position{ float:none !important;}
.trie .nav>li>a {
	line-height:25px !important;}


}
@media (min-width: 766px) and (max-width: 1080px) 
{
.nav.navbar-nav{
padding-left:8px !important;}
.nav>li>a{ font-size:14px;}
}
@media (min-width: 1080px) and (max-width: 1366px) 
{ 
	
	.nav>li>a {
padding: 10px 10px !important;
}
}
@media (max-width:1080px) 
{

.nav>li>a {
padding: 10px 6px !important;
}
.navbar-collapse { padding-right:0px !important;}
}
ul li a{ font-size:14px; font-weight:bold;}
.padLR0{ padding-left:0px; padding-right:0px;}
.margLR{ margin-left:0px; margin-right:0px;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav>li>a:hover {
padding: 10px 20px;
}
ul.flag li{ float:left;}
.bgNav{ /*background-color: #096594;*/ margin-bottom:0px;position:fixed;top:0;left:0;width:100%;z-index:999;background-color:rgba(9, 101, 148, 0.85);}
/*@media (min-width: 768px) and (max-width: 985px) { 
.navbar-toggle{
	display:block;
}*/
ul.nav li a.navTop{ color:#FFF; font-size:8; text-transform:uppercase;}
ul.nav li a.navTop:hover{ color:#FFF !important; background-color:#368bb7 !important;}
#flag{ float:right;padding-top:5px; padding-right:2px;}
.blocCentral{ background-color:white; margin-top:-100px;margin-bottom:-50px; box-shadow: 0px 0px 17px  -5px #000}/*;z-index:99*/
.desc{ font-size:14px; padding-top:35px;}
.produitHP{ background-color:white; margin-top:20px;}
.titProduit{ background-color:#096594; color:white; text-align:center; padding:13px 0px; font-size:12px;border-top:solid 2px; font-weight:bold;}
.blocStat{ background-color:#ecf0f1; border-radius:2px; margin-top:50px; margin-bottom:30px;}
.font12{ font-size:12px;}
.bleu{ background-color:#0a3045; }
.displNo{ display:none;}
.copy{ color:white; padding-left: 45px;}
.white{ color:#FFF;}
.padR20{ padding-right:20px;}
.ombrePdt{ box-shadow: 0px 0px 10px -5px #000;}
.inputNews{ padding:7px 30px 7px 35px; margin-bottom:4px; width:100%;}
.pictNews{ color:#3aa9d4; position:absolute;  padding-left:9px; font-size:20px; padding-top:9px;}
.btnNews{ background-color:#3aa9d4; border:0px; border-radius:1px; color:white; padding: 9px 29px;}
.btnNews:hover{ background-color:#10557B;}
.margBott30{ margin-bottom:30px;}
.margTop80{ margin-top:80px;}
.blocCentralInterne{ background-color:white; margin-top:-100px;margin-bottom:-50px; box-shadow: 0px 0px 17px  -5px #000; padding:25px 90px 90px 90px }/*;z-index:99*/
.txt{ font-size:14px; color:#56798e;}
h1{ color:#173c58; font-size:2.5em; text-transform:uppercase;     line-height: normal !important; margin:0px !important; }
.trie ul.position{ float: right;}
@media (min-width: 1200px) {
.img-center img { text-align:center;
position: relative;
  min-width:280px;
}

}
.h2, h2 { font-size:14px; font-weight:600;}
h3, h1, h2, h3 {
    margin-top: 5px;
    margin-bottom: 5px;
	color:#0b3b56;
}
span {color:#0b3b56; display:block;}
.mar-top-10 { margin-top:10px;}
@media (max-width: 785px) {
.img-center { padding:15px;}

}
.fil {     width: 100%;
    display: inline;
    border-bottom: 1px solid #337ab7;}
.fil a { text-decoration:none;}
li a.active { color:#4cbdf8 !important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:transparent;}

.navbar-nav {
    margin: 0px 0px;
}
.xs-lang { position:absolute; right:70px; margin-top:0px;}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
.navbar-collapse { border-top:1px solid #e7e7e7 !important;}
.xs-lang { display:block !important; right: 85px;} 
}
@media (max-width: 992px) {
.navbar-collapse .nav.navbar-nav li { float:none !important;
}
.navbar-nav { float:none !important;}
}
.txtCenter{ text-align:center;} 
.txtJust{ text-align:justify;}
		.form-control {
    display: block;
    width: 100%;
    height: 37px;
    padding: 14px 14px 10px 35px;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #DFDFDF;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.margTop30{ margin-top:30px;}
.pictoInp .fa{ position: absolute; margin-top: -25px; margin-left: 15px;font-size: 15px; color:#2ca9d4;}
.btn {
    display: inline-block;
    padding: 10px 16px; /*10px 14px;*/
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    background-image: none;
    border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    text-decoration: none;
	/*width:100%;*/
}
.btn-green {background-color: #3aa9d4;color: #FFF}/*#388ab8*/
.btn-green:hover {background-color: #388ab8!important;color: #FFF!important}
ul li.coordonnees{ line-height:40px;}
ul li a.mail{ font-size: 12px; color: #337ab7;} 
.marg2{ margin:0px 2px 2px 2px; padding:6px;}
.bleuF{ background-color:#0b3b56;}
.margTop1{ margin-top:1px;}
.padTop20{ padding-top:20px;}
.ombreImage{ box-shadow: 0px 0px 12px -5px #000;}
.dd{ color:#173c58; font-weight:bold; font-size:12px;}

.trie .nav-tabs>li.active>a, .trie .nav-tabs>li.active>a:focus, .trie .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none !important;
    border-bottom-color: transparent;
}

.trie .nav-tabs {
    border-bottom: none !important;
}

.trie .nav>li>a:focus, .trie .nav>li>a:hover {
    background: none !important;
}

.trie .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none !important;
    border-radius: none !important;
	font-size:12px;
}

.trie a {
    color: #0b3b56;
    text-decoration: underline;
	font-weight:normal;
}
.nav-tabs>li>a:hover {
	border-color: none !important;
}


.trie .nav>li>a:hover {
padding: 10px 15px;
text-decoration:underline;
}

.trie .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 7px !important;
	  
}

.tablee td{ border:1px solid #d3dce1;}
.valigH{ vertical-align:middle;}



/* Début personalisation scroll*/
::-webkit-scrollbar {
    width: 12px;
 overflow:hidden;
}
 

::-webkit-scrollbar-track:horizontal {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 

::-webkit-scrollbar-thumb:horizontal {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #173c58; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-track:vertical {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  
   
}
 

::-webkit-scrollbar-thumb:vertical {
    background: #666; 
}

/* fin personalisation scroll*/
.tdTab{ width:85%; margin:0 auto; font-size:11px; font-weight:bold;}
.fl{ float:left;}
.paddTop13{ padding-top:13px;}
.margLeft5{ margin-left:5px;}
.font24{ font-size:24px;}
.margTop5{ margin-top:5px;}
.margLeft70{ margin-left: 8%;}



.comment {
    padding-bottom: 20px;
}

.comment {
    padding-bottom: 20px;
}

img {
    border: 0;
}
.commentArrow.bg-w {
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.20);
}
.commentArrow {
    position: absolute;
    top: 5px;
    left: 45px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.13);
}
.commentArrow.bg-w {
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.20);
}
.commentArrow {
    position: absolute;
    top: 5px;
    left: 45px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.13);
}
.fa-caret-left:before {
    content: "\f0d9";
}
.commentContent.bg-w {
    border: 1px solid #e8e8e8 !important;
    box-shadow: none;
}
.commentContent {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    border-radius: 2px;
}
.commentName {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 10px 10px 5px 10px;
}
.commentBody {
    font-size: 12px;
    color: #333;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}
.commentActions {
    padding: 5px 10px;
}
.commentTime {
    float: left;
    font-size: 11px;
    color: #999;
    float: left;
}

a.ajoutComt{
    font-size: 11px;
    color: #999;
    float: right;
}





.pb20 {
    padding-bottom: 20px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    display: block;
    width: 100%;
    height: 37px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    -webkit-appearance: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.commentaire h2 {
    margin: 0;
    padding: 10px 0 30px 0;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}
.margLR-15{
	margin-left:-15px;
	margin-right:-15px;}
	
.commentaire .btn {
    display: inline-block;
    padding: 10px 14px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
	width: initial;
}
.pictoInp .form-control{     padding: 10px 35px !important; }
.voirImg{ font-size: 1em;}
#user .fa{ color:#FFF;}


.modal.in .modal-dialog {
    transform: translate3d(0px, 0px, 0px);
}
.modal-content {
    position: relative;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    outline: 0px none;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-header {
    min-height: 16.4286px;
    padding: 15px;
    border-bottom: 1px solid #E8E8E8;
}
.modal-title {
    margin: 0px;
    line-height: 1.42857;
    font-size: 16px;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.btn-facebook {
    background-color: #43609C;
    color: #FFF;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 15px;
    border-radius: 6px;
}
.btn-google {
    background-color: #DD4B39;
    color: #FFF;
}
.signOr {
    padding-bottom: 10px;
    text-align: center;
}
.checkbox.custom-checkbox label, .radio.custom-radio label, .checkbox.switch label {
    padding-left: 0px;
}
.radio label, .checkbox label {
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}
.text-green {
    color: #0a3045;
}
.radio label, .checkbox label {
    margin-bottom: 0px;
    padding-left: 20px;
    cursor: pointer;
    font-weight: normal;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}
.checkbox.custom-checkbox input[type="checkbox"], .radio.custom-radio input[type="radio"], .checkbox.switch input[type="checkbox"] {
    position: absolute;
    left: -9999em;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0px 0px;
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}
.checkbox.custom-checkbox span, .radio.custom-radio span {
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    color: #FFF;
    transition: all 0.2s ease-in-out 0s;
}
.form-group .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
}
.checkbox.custom-checkbox input:checked + span, .radio.custom-radio input:checked + span {
    background-color: #0a3045;
/*    border-color: #5CB85C;*/
}
.checkbox.custom-checkbox span, .radio.custom-radio span {
    background-color: #FFF;
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    color: #FFF;
    transition: all 0.2s ease-in-out 0s;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
    color: #FFF !important;
}
.navbar-default {
	border:none;
}
.navbar {
    border-radius: 0px;
}
body {
	overflow:auto;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
    background-color: #ddd !important;
}
.txtpop{line-height:25px; font-size:14px}
.tdTab2{width:50%;margin:0 auto;font-size:11px;font-weight:bold}
.tdTab55{width:55%;margin:0 auto;font-size:11px;font-weight:bold}
.tdTab65{width:65%;margin:0 auto;font-size:11px;font-weight:bold}
.tdTab90{width:90%;margin:0 auto;font-size:11px;font-weight:bold}
.oH{overflow:auto;}
.error-frm{border:1px solid #f00;}
.mrg-auto{margin:0 auto}
.w98{width:98.5%}
.flt-l{float:left}
.flt-r{float:right}
.flag-bg{float:left;padding-top:5px; padding-right:2px}
.wht{color:#fff;margin-top:10px}
ul.dropdown-menu li{float:none!important}
ul.dropdown-menu > li:hover,ul.dropdown-menu > li.active,ul.navbar-nav > li > a.active{background-color:#368bb7!important}
.navbar-nav>.open>a:hover{background-color:transparent!important}
.cursor-p{cursor:pointer}
.pdd-lr12{padding:4px 12px 5px 10px}
.pdd0{padding:0}
.min-wd{min-width:21px!important;border:0}
.bdr-rd6{border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px}
/*google translate*/
#google_translate_element{display:none}
.skiptranslate{display:none}
.goog-te-banner-frame{display:none!important}
.goog-tooltip,.goog-tooltip:hover{display:none!important}
.goog-text-highlight{background-color:transparent !important;border:none!important;box-shadow:none!important}
.modal-header .close{margin-top:-8px;margin-right:-5px}
div,span,p{font-size:12px!important;font-family:"Helvetica Neue",Helvetica, Arial, sans-serif !important}
.align-r{text-align:right}
.align-l{text-align:left}
.nav-scroll{background-color:#096594}
@media (max-width:498px){.blocCentralInterne,.blocCentral{margin-top:-40px}}
@media (max-width:432px){.align-r{text-align:center!important;width:100%}.align-l{text-align:center!important;width:100%}.blocCentralInterne,.blocCentral{margin-top:-10px}}