/*COULEURS DE BASE:
-Beige foncé: #E7E1D1
-Beige pâle: #FCF6E8
-Bleu foncé: #0F466D

COULEURS UTILISÉES
-Bleu pale: #A6B2B3
-Beige: #E7E1D0
-Bourgogne foncé: #6A1E27
-Jaune foncé #978344
-Jaune pale: #DECB8D

COULEURS STRUCTURE TRIMA
> Plus foncé
-Rouge : #8C0016
-Jaune : #C6A02B
-Bleu :  #005387
> Plus pâle
Bleu TRIMA: RGB(84,121,143) #54798F
Jaune TRIMA: RGB(207,159,70); #CF9F46
Rouge TRIMA: RGB(182,0,1) #B60001

COULEURS POUR ALTERNANCE DANS TABLEAUX
-Bleu pâle: #EEF0FF
-Gris pâle: #F8F8F9
-Header: #0F466D

COULEURS DU GRADIENT ROUGE->JAUNE->VERT 20 TONS (5%)
D01200(5%),D12901,D24002,D35703,D46E05,D58506,D69C07,D7B309,D8CA0A,D9E10B(50%)
DAF80D(55%),D1F512,C8F318,C0F11D,B7EE23,AEEC28,A6EA2E,9DE733,94E539,8CE33F(100%)
*/
/*@import url('https://trima.ca/assets/css/bootstrap.css');*/

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

form {
	margin: 0; /*IE6 problem*/
	padding: 0;
}

input {
	font-size: 11px;
}

select {
	font-size : 11px;
}

ul {
	list-style-type: disc;
}

li {
	list-style-type: disc;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Garamond, Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #0F466D;
	font-variant: small-caps;
}

h1 {
	font-size: 30px;
	padding-bottom: 10px;
}

h2 {
	font-size: 20px;
	padding-bottom: 5px;
}

h1.title, h2.titleNote {
	text-align: center;
}

h3 {
	font-size: 14px;
}

a:link {text-decoration: none; color: #0F466D; font-weight:bold; }
a:visited {text-decoration: none; color: #6687B5; font-weight:bold; }
a:active {text-decoration: none; }
a:hover {text-decoration: underline; }

.link {
	cursor:hand;
	color: #0F466D;
	font-weight:bold;
}

#fixedBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	/*background: url('../../images/other/main/bgSite.png') 0% 0% repeat-x;*/
	z-index: -1;
}

#container {
	width: 100%;
	height: auto;
	background-color:#FFFFFF;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: center;
	/*border-left: 28px solid white;
	border-right: 28px solid white;*/
}

#content {
	text-align: left;
	/*background-color:#FFFFFF;*/
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

#footer {
	width:800px;
	height:50px;/*
	background-image: url('../../images/other/main/bgFooter.png');
	background-repeat: no-repeat;
	background-position: 0px 20px;*/
	padding-top:20px;
	text-align: center;
	font-size: 11px;
	clear: both;
	color: #0F466D;
}

/* Login */
input.login {
	background-color:#fff;
	border:0;
	color: #A8A8A8;
	color: #555;
	font-size: 12px;
	height:14px;
	font-size:10px;
	font-style:oblique;
	margin-bottom:0px;
	padding:4px 6px;
	width:100px;
	border: 1px solid #ccc;
	border-radius:6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-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;
}
input.login:focus {
	border-color: #66afe9;
	outline:0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

div#loginError {
	color:red;
	text-align: center;
	font-weight:bold;
	border:2px solid red;
	padding:10px;
	font-size:12px;
}

/* Language selector */
div#chooseLanguage{
	height:30px;
	z-index: 100;
  position: relative;
  width: 100%;
  float:right;
}

/* Menu */
td.menuSpacer {
	width:1px;
	background-color:rgb(42,52,62);
	/*background: url('../../images/other/main/bgMenuSpacer.png') no-repeat;*/
	height:44px;
}

div#menuSpacerBottom {
	width:100%;
	/*background: url('../../images/other/main/bgMenuSpacerBottom.png') repeat-x;*/
	height:18px;
}

/* Box */
div.boxLogo {
	width:auto;
	height:30px;
	background-image: url(../../images/other/main/box3Coin.png);
	background-repeat: no-repeat;
}

div.boxTitle {
	font-family: Arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	text-align: left;
	width:auto;
	height:20px;
	background-repeat: repeat-x;
	background-image: url(../../images/other/main/box3Titre.png);
	margin-left: 27px;
	padding-left: 5px;
	padding-top: 10px;
	letter-spacing: 0.04em; /*Mieux qu'on peut faire avec IE*/
}

div.boxContent {
	width: auto;
	height: auto;
	background-repeat: repeat-y;
	background-image: url(../../images/other/main/box2Contenu.png);
	padding-left: 12px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 3px;
	border-right: 1px solid #6787AD;
	overflow: hidden;
	text-align: left;
}

div.boxFooter {
	width: auto;
	height: 1px;
	margin-left: 5px;
	border-top: 1px solid #6787AD;
	overflow: hidden;
}

/* Breadcrumb */
#breadcrumb {
	color: #0F466D;
	width: 100%;
	padding-bottom: 15px;
}

/* Alternate row and table header */
.tableAlternateHeader {
	background-color: #0F466D;
	color: white;
	font-size: 10px;
}

.tableAlternateRow1 {
	background-color: #EEF0FF;
}

.tableAlternateRow2 {
	background-color: #F8F8F9;
}









/* TOUT CE QUI EST PLUS BAS EST À REDISTRIBUER DANS LA STRUCTURE MVC AU FUR ET A MESURE */

.grosTexteGrasPetiteCapitale {
	font-size : 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps
}
/*----------------------------*/


a.liensrouge {font-size : 11px; color : #FF0000; ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.liensvert {font-size : 11px; color : #06816A; ; font-family: Verdana, Arial, Helvetica, sans-serif}


/*SECTION : Avantage Trima.ca*/
td.avantageTexte{
	background-image: url(../../images/other/avantage/bgAvantage.png);
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:15px;
	font-weight:bold;
	height:100px;
	width:600px;
}

div.avantageTexteNumero{
  float:left;
  width:50px;
  height:100px;
}

div.avantageTexteTexte{
  float:left;
  width:520px;
  height:100px;
  padding-left:10px;
}

table.avantageTexteTexte{
  height:100px;
  padding-right:10px;
}

td.avantageImage{
	height:100px;
	width:160px;
	text-align:center;
	font-size:11px;
}



/*LAISSER CA ICI*/
div.boxSub{
	margin-left:10px;
}

div.boxComment{
	width: 205px; /*On met une limite qu'un témoignage aura pour ne pas que le layout change en cours de route*/
}


/* STYLES QUESTIONNAIRES et AUTRES*/
.texteRouge		 { color: #FF0000;}
div.petitTexte    { font-size : 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.floatingBoxLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid;
	color: #000000;
	background-color: #FFFFCC;
	position: absolute;
	left:15px;
}

.infoNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	border: 1px solid #225071;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFCC;
	background-color: #557892;
	position: absolute;
	visibility: hidden;
	font-variant: small-caps;
	vertical-align: middle;
}

.menuFlottant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	border: 1px solid #225071;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFCC;
	background-color: #557892;
	position: absolute;
	top : 200px;
	left : 0px;
	font-variant: small-caps;
}

a.menuConsultant{
	color: #005387;
	text-decoration: none;
	font-size: 14px;

}

a.menuConsultant:hover{
	color: #777777;
	text-decoration: underline;
}

.subtitleImage{
	font-size:10px;
}



/*Messages d'erreur*/
/*Rouge foncé: #FF3333
    Rouge pâle: #FF6666*/
td.tabErreurTopLeft {
	background-image: url(../../images/other/main/tabErreur2.png);
	background-repeat:no-repeat;
	padding-right: 0px;
	width: 14px;
}

td.tabErreurTopMiddle {
	background-color: #FF3333;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-family: Arial, sans-serif;
	width: 360px;
}

td.tabErreurTopRight {
	background-image: url(../../images/other/main/tabErreur3.png);
	background-repeat:no-repeat;
	width: 14px;
	padding-left: 0px;
}

td.tabErreurTitle {
	background-color: #FF6666;
	text-align: center;
	vertical-align: middle;
	color: white;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

td.tabErreurMessage{
	background-color: #FF6666;
	text-align: left;
	vertical-align: middle;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 25px;
}


td.tabErreurBottom {
	background-image: url(../../images/other/main/tabErreur1.gif);
	background-repeat:repeat-x;
}

/*  DRAG BOX */
.dragZone {
	position:absolute;
	color: white;
	cursor:pointer;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9
}

.dragBoxContents {
	background: #f8f8f9;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: black;
	border:1px solid;
	border-color: #A6B2B3;
}

.dragBoxTitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color:#005387;
	width:100%;
}

/*-------------------------------------------------------------*/

/* Rapports html tests/socio  */
.texteBleuRapport {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
	line-height : 120%;
	color : #053B5D;
}

td.cellulenoir {font-size : 11px; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulecouleur {font-size : 12px; background-color: #A5D4FC; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulecouleurpale {font-size : 12px; background-color: #B6DDFF; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulecouleurfonce {font-size : 12px; background-color: #85C5FD ; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulevert {font-size : 12px; background-color: #ED9E85; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulevertpale {font-size : 12px; background-color: #ECB6A5; font-family: Verdana, Arial, Helvetica, sans-serif}
td.cellulevertfonce {font-size : 12px; background-color: #ED8E70 ; font-family: Verdana, Arial, Helvetica, sans-serif}
td.celluleBleuFonce {color:white ; font-size : 12px;background-color: #093B5E ; font-family: Verdana, Arial, Helvetica, sans-serif}
td.celluleBleuMoyen {color:white ; font-size : 12px;background-color: #2C5688 ; font-family: Verdana, Arial, Helvetica, sans-serif}
td.celluleBleuPale {color:white ; font-size : 12px;background-color: #4E78A2 ; font-family: Verdana, Arial, Helvetica, sans-serif}

.bg-emphase { background:lightgrey; }
.backSS { background:#165684;}
.backDC { background:#e9a93f;color:black; }
.backSL { background:#cb252f;color:white; }
.backSS1 { background:#093B5E;color:white; }
.backSS2 { background:#2C5688;color:white; }
.backSS3 { background:#4E78A2;color:white; }
.backDC1 { background:#AF7013;color:white; }
.backDC2 { background:#C78016;color:white; }
.backDC3 { background:#DD8E18;color:white; }
.backSL1 { background:#8C0000;color:white; }
.backSL2 { background:#B50000;color:white; }
.backSL3 { background:#D4271B;color:white; }
.colorWhite { color:white; }
/*-------------------------------------------------------------*/

/* Boite d'information */
.infoBoiteContourDashedBleu {
	width:600px;
	text-align:center;
	padding:10px;
	font-size:18px;
	background-color:#cde7f7;
	border:1px dashed #005387;
	color:#005387;
}

.attitude-graph td {
    position: relative;
}

.attitude-graph td:nth-child(2) ol {
    margin-left: 50%;
}

.attitude-graph tr:nth-child(2) td:nth-child(1) li {
    width: 51%;
}

.attitude-graph img {
    position: absolute;
    height: 300px;
    right: -175px;
    bottom: -150px;
}

.attitude-graph li {
    list-style-type: decimal;
}

.infoBoiteContourDashedVert {
	width:600px;
	text-align:center;
	padding:10px;
	font-size:18px;
	background-color:#97ff88;
	border:1px dashed #32af21;
	color:#005387;
}

.borderline td {
	border: 1px solid black;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/* Support */
.bulleSupportUtilisateur {
	width:463px;
	border:1px solid #FAFABF;
	background-color:#FFFFCC;
	color:#808080;
	padding:5px;
}

.bulleSupportAdmin {
	width:463px;
	border:1px solid #E3EEEF;
	background-color:#ebf5f6;
	color:#808080;
	padding:5px;
}

.bulleSupportAdminOver {
	width:463px;
	border:1px solid #E3EEEF;
	background-color:#E3EEEF;
	cursor:pointer;
	color:black;
	padding:5px;
}

.bulleSupportUtilisateurOver {
	width:463px;
	border:1px solid #FAFABF;
	background-color:#FAFABF;
	color:black;
	padding:5px;
	cursor:pointer;
}

.parentheseOuvrante {
	background-image: url('../../images/other/support/parentheseOuvrante.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:30px;
	width:30px;
}

.parentheseFermante {
	background-image: url('../../images/other/support/parentheseFermante.png');
	background-repeat:no-repeat;
	background-position:bottom;
	height:30px;
	width:30px;
}

.parentheseOuvranteOver {
	background-image: url('../../images/other/support/parentheseOuvranteOver.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:30px;
	width:30px;
}

.parentheseFermanteOver {
	background-image: url('../../images/other/support/parentheseFermanteOver.png');
	background-repeat:no-repeat;
	background-position:bottom;
	height:30px;
	width:30px;
}

.bulleSupportDernierCommentaire {
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
	padding-left:3px;
	padding-right:3px;
}

.bulleSupportTitre {
	font-weight:bold;
	font-size:18px;
	padding-top:1px;
	padding-bottom:5px;
	padding-left:5px;
}

.center {
	text-align: center;
}

table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

table.nospacing {
	border-spacing: 0px;
	border-collapse:collapse;
}

table.clearTable {
	border-spacing: 0px;
	border-collapse:collapse;
}

table.clearTable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: black;
}

table.clearTable td.noborder {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: white;
}

#tablePaiement table{
	border-collapse: collapse;
    font-size: 12px;
    left: -40px;
    position: relative;
    text-align: center;
}

.BoutonSoumissionCSS3 {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #000478;
}.BoutonSoumissionCSS3:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
     background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
     background-color:#378de5;
     cursor: pointer;
 }.BoutonSoumissionCSS3:active {
      position:relative;
      top:1px;
  }

div.frontIconDisplay
{
	width:266px;
	float:left;
	text-align: center;
}

h2.iconTile
{
	font-size:18px;
	padding-bottom:0px;
	text-align:center;
	font-weight:bold;
}

h2.iconSubTile
{
	font-size:18px;
	padding-bottom:0px;
	text-align:center;
	font-weight:normal;
	font-variant: normal;
}

.caMinteresse
{
	margin:0px auto 0px auto;
	text-align: center;
	font-size: 18px;
	color: white;
	font-weight: bold;
	width:100%;
	height:43px;
	background-repeat: repeat-x;
	background-image: url(../../images/other/main/texture-bouton-Off.jpg);
	background-size: 100% 43px;
	padding-top: 10px;
}

.caMinteresseAussi
{
	text-align: center;
	font-size: 14px;
	color: white;
	width:150px;
	height:30px;
	background-repeat: repeat-x;
	background-image: url(../../images/other/main/texture-bouton-Off.jpg);
	background-size: 150px 30px;
	padding-top: 6px;
	float:right;
}

.topBackground
{
	width:100%;
	background-image: url(../../images/other/main/texture-entete.jpg);
	background-repeat: repeat;
}

.middleBackground
{
	width:100%;
	background-image: url(../../images/other/main/texture-corps.jpg);
	background-repeat: repeat;
	background-size: 100% 100%;
	padding-bottom:30px;
}

.bottomBackground
{
	width:100%;
	background-image: url(../../images/other/main/texture-footer.jpg);
	background-repeat: repeat;
}

/*
	Slideshow
*/

#slides {
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:800px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:800px;
	height:532px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:relative;
	top:-150px;
	left:-400px;
	width:24px;
	height:43px;
	display:inline;
	z-index:101;
}

#slides .next {
	left:400px;
}

/*
	Pagination
*/

.pagination {
	/*margin:26px auto 0;*/
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/* Slider */

/* autocomplete gestion paiement */

#searchResults {
	float:right;
	position:absolute;
	background-color: white;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	min-width: 300px;
}

#searchResults li {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid grey;
	font-weight: bold;
}

#searchResults li:hover {
	background-color:#A6B2B3;
}

/*Utils*/

.noselect {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.listCategories{
    padding:1px;
   	background-color:#0d5681;
   	display:block;
   	height: auto;
   	position:relative;
   	float:left;
}
.listCategories a{
	display:block;
	padding: 20px 25px;
	color:#d1dae1;
	text-align:center;
	text-decoration:none;
}
.listCategories a:hover,
.listCategories a.active,
.listCategories a:active{
	background-color:#d1dae1;
	color:#0d5681;
	text-decoration:none;
}

.blockPanier{
    padding:5px;
   	background-color:#fcfefd;
   	display:inline-block;
    text-align:center;
   	height: auto;
   	position:relative;
   	float:left;
	z-index: 1;
}
.blockPanier .title{
    font-size:34px;
    text-transform:capitalize!important;
    color:#0f5a84;
    margin:15px auto;
}
.blockPanier .panierItem{
    font-size:15px;
}
.blockPanier .panierItem .nbitem{
    color:#0c598b;
}
.blockPanier .panierItem a:hover{
    text-decoration:none;
}
.blockPanier .panierItem .infoBoxContents{
    color:#be2021;
    border:0;
}
.blockPanier img{
    width:50%;
    margin:0 auto 15px auto;
    text-align:center;
}
.blockPanier .hr{
    width:100%;
    height:5px;
    background-color:#e4edf2;
    margin: 10px 0;
}
.blockPanier .total{
    color:#0c5b86;
    font-size:20px;
    text-align:center;
}
.blockPanier .btnSet{
    display:inline-block;
    width:85%;
    text-align:center;
    margin:5px auto;
}
.blockPanier .btnSet a{
    background-color:#0d5681;
    color:#fefffd;
    width:100%;
    display:block;
    padding:10px 0;
    border-radius: 10px;
}
.blockPanier .btnSet a:hover{
    text-decoration:none;
}

.boxThumbnail{
    width:200px!important;
    display: table-cell;
    height:auto;
}
.boxText{
    display:table-cell;
    width:700px!important;
    vertical-align: middle;
}
.boxText a{
    color:#bd2125;
    text-decoration:none;
}
.boxText a:hover{
    text-decoration:none;
}
.btnSetBuy{
    vertical-align: middle;
    width:200px!important;
    height: auto;
    display: table-cell;
}
.btnSetBuy a{
    padding:10px 20px;
    border-radius: 10px;
    background-color:#bf2025;
    color:#feffff;
    text-transform:uppercase;
    text-decoration:none;
}
.btnSetBuy a:hover,
.btnContinue:hover,
.btnCheckout:hover{
    text-decoration:none!important;
}
.productListing-odd,
.productListing-even{
    width:100%;
    float:left;
    display:table-row;
}
.productListing-odd > div,
.productListing-even > div{
    border-bottom:2px solid #e4edf2;
    padding:20px 0;
}
.productListing{
    display:table;
    width:100%;
}
.taskBar{
    display:inline-block;
    width:100%;
    text-align: center;
    margin-bottom:80px;
}

.taskBar > div{
    display:inline-block;
    margin:0 auto;
    width:auto;
    position:relative;
    z-index:1;
}
.taskLine{
    width:100%;
    height:2px;
    background-color:#b3cdda;
    position:absolute;
    z-index:2;
    top:19px;
}
.taskCircle{
    float:left;
    margin: 0 85px;
    background:#ffffff;
    border-radius:50%;
    width:40px;
    height:40px;
    border:2px solid #bf2025;
    position:relative;
    z-index:3;
}
div.taskName table tbody tr td:nth-child(2) {
    min-width: 100px;
}
.taskCircle > a{
    display: block;
    width:100%;
    height:100%;
}
.taskCircle.first{
    margin-left:0;
}
.taskCircle.last{
    margin-right:0;
}
.taskName{
    position:absolute;
    bottom:-25px;
    width:100px;
    text-align:center;
    left:-29px;
    height:20px;
    color:#0b567e!important;
    font-weight: bold;
}
.taskName a{color:#0a557f!important;}
/*
.taskCircle::before,
.taskCircle::after{
    content:"";
    background-color:#000000;
    width:200px;
    height:2px;
    position:absolute;
    top:18px;
    z-index: -10;
}
.taskCircle::before{
    right:-50px;
}
.taskCircle::after{
    left:-50px;
}
*/
.taskCircle.active{
    background-color:#bf2025;
}
.table{
    display:table;
    width:100%;
}
.tr{
    display:table-row;
    width:100%;
}
.tr.heading{
    color:#0e5980;
    font-weight:bold;
    text-align:center;
}
.td{
    color:#0e5980;
    display:table-cell;
    vertical-align: middle;
}

.td.colspan3,
.td.colspan3+div.td {
  border: 0;
}
.td.colspan3>div {
  width: 1px;
}
.td.colspan3>div>div {
  width: 1px;
}
.td.colspan3>div>div>div {
  position: relative;
  width: 800px;
  overflow: hidden;
}

.gestion_panier .tr .td{
    border-bottom:2px solid #e4edf2;
    padding:10px 0;
    width:20%;
}
.gestion_panier .tr .td:first-child{
    width:40%;
}
.gestion_panier .tr .td:not(:first-child){
    text-align:center;
}

.btnContinue,
.btnCheckout{
    padding:10px 20px;
    border-radius: 10px;
    background-color:#0d5681;
    color:#ffffff!important;
    text-transform:uppercase;
    text-decoration:none;
}
.main.subTotal{
    color:#125f7d;
    float:right;
    width:100%;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    padding:20px 0;
}
.btnSet{
    display:block;
    float:right;
    text-align:right;
    width:100%;
    padding:20px 0;
}
.pageHeading{
    float:left;
    color:#0f5986!important;
    text-wrap: none;
    width:50%;
    font-weight:normal!important;
}
.bgBlue{
    background-color:#0c5985;
}
.consultantNews{
    /*
    position:absolute;
    left:0;
    right:0;*/
}
.container{
    width:800px;
    height: auto!important;
    margin:0 auto!important;
}
.consultantNews .container{
    padding: 50px 0 10px 0;
}
.container .h2{
    color:#ffffff;
    text-align:center;
    font-size:30px;
    display:block;
    width:100%;
}
.container .h3,
.container .newsAll{
    padding: 10px 0;
    color:#ffffff;
    text-align:center;
    font-size:15px;
}

.boxNews{
    width:40%;
    padding:20px;
    margin:0;
    background-color:#ffffff;
}
.boxNews:nth-child(odd){
    float:left;
}
.boxNews:nth-child(even){
    float:right;
}
.newsDate{
    color:#a0a0a0;
    font-size:16px;
    margin-bottom:5px;
}
.newsTitle{
    color:#055683;
    font-size:15px;
}
.newsBtnMore{
    padding:10px 0 0 0;
}
.newsBtnMore a{
    border-radius:5px;
    background-color:#0c5985 ;
    color:#ffffff;
    padding:5px 10px;
    text-decoration:none;
}
.container .newsAll{
    margin-top:20px;
}
.container .newsAll a{
    color:#ffffff;
    font-size:16px;
    text-decoration:none;
    display:block;
}
.arrowDown{
    font-size:20px;
    font-weight:bold;
}
.imgSection{
    width:25%;
    text-align:center;
}
.title-section{
    margin-bottom:10px;
  color:#bd2124;
  font-size:22px;
  font-weight:normal;
  text-transform:lowercase!important;
}
.title-section:first-letter{
    text-transform:uppercase!important;
}
/*
.consultant{
    margin-top:350px;
}*/
.consultant > .tr > .td > .table > .tr > .td{
    border-bottom:2px solid #e4edf2;
    padding:5px 0;
    font-size:15px;
    font-weight:bold;
}
.consultant .tr .td:not(.imgSection) img{
    width:20px!important;
    max-width:20px!important;
    height:auto;
}
.td.superAdmin{
    border-bottom:0!important;
}
.menuOptions{
    /*width:40%;*/
    text-align:right!important;
}
.menuOptions .menuIcon{
    margin:0 5px;
}
.sectionOption{
    width:auto;
}
.sectionOption .tr .td{
    padding:0 5px;
}
/*
.sectionOption .tr .td .menuCamera,
.sectionOption .tr .td .menuCamera img,
.sectionOption .tr .td .menuGuide,
.sectionOption .tr .td .menuGuide img{
    position:relative!important;
    z-index:1!important;
}
*/
.sectionOption .tr .td .menuCamera .tooltip,
.sectionOption .tr .td .menuGuide .tooltip{
    width:150px!important;
}

/************************************ HEADER AND FOOTER ****************************************/
header.top-header {
	background-color: #bd2124;
	height: 50px;
	width: fit-content;
    min-width: 100%;
}

header.top-header .items-left {
	display: flex;
	position: relative;
	width: -moz-fit-content;
    width: fit-content;
	max-width: 50%;
    z-index: 200;
}
header.top-header .items-right {
	position: relative;
	top: -50px;
	display: flex;
	justify-content: flex-end;
}
header.top-header .item {
	margin: 0 10px;
}
header.top-header a,
header.top-header .item.choose-language .actual-lang {
	color: white;
	text-decoration: none;
	font-size: 17px;
	line-height: 50px;
	vertical-align: bottom;
}

header.top-header a:hover {
	color: lightgray;
}

header.top-header .item.choose-language .actual-lang {
	font-size: 13px;
}

header.top-header .item.choose-language .lang-selector {
	display: none;
	border: 1px solid black;
	position: absolute;
    top: 35px;
}

header.top-header .item.choose-language .lang-selector div {
	padding: 5px;
	background-color: white;
}

header.top-header .item.user {
	color: white;
	line-height: 50px;
}
header.top-header .item .btn {
	background-color: #980200;
	padding: 8px;
	border-radius: 10px;
	font-size: 14px;
}

form.login-area {
    padding-top: 8px;
}

.top-logo {
	position: absolute;
}

.top-logo img {
	width: 100px;
	padding: 15px;
}

.menu-connected {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
}

.menu-connected li {
	line-height: 140px;
	list-style: none;
	margin: 0 8px;
}

.menu-connected li a:not(.btn) {
	text-decoration: none;
	color: #0c5985;
	font-weight: bold;
	text-transform: uppercase;
}

.menu-connected li a:not(.btn):hover {
	color: #094263;
}

.menu-connected li a.btn.btn-info {
	text-decoration: none;
	color: white;
	background-color: #0c5985;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu-connected li a.btn.btn-info:hover {
	background-color: #094263;
}

.footer{
    background-color:#f8faf9!important;
    padding:20px 0;
    border-top:1px solid #989c9d;
    margin-top:20px;
}
.menuFooter ul{
    margin:0 0 20px 0;
    padding:0;
    width:100px;
}
.menuFooter ul li{
    text-align:left;
    list-style:none;
    padding:5px 0;
    position:relative;
}
.menuFooter li a{
    color:#165672;
    text-decoration:none;
}
.header,
.footer,
.menuFooter,
.subMenuFooter,
.copyright{
    display:block;
    width:100%;
}
.subMenufooter{
    padding-top:50px;
}
.subMenuFooter a{
    color:#336f94;
    text-decoration:none;
}
.copyright{
    color:#999b9a;
    font-size:12px;
}

.menuFooter .linkedin,
.menuFooter .facebook{
    position:absolute;
    top:-5px;
    right:0px;
}
.menuFooter .linkedin{right:20px;}
.consultantContent{
    display:block;
    height:auto;
    background-color:#eff8fd;
    padding: 20px 0;
}
.consultantContent > .container{
    background-color: #fdfffe;
    margin:0 auto;
    height:auto;
    padding-bottom:50px;
    padding-top:20px;
}
.table.consultant{
    padding:30px 0;
    border-bottom: 1px solid #e4edf4;
}
.categoryProduits .table .tr .td{
    vertical-align: top!important;
}
.userText{
    font-size:14px;
    color:#0f5986;
    position:absolute;
    bottom:-40px;
    min-width:400px;
    width:auto;
    max-width:450px;
    right:0;
    text-align:right;
}
.breadcrumb .container a{
    font-size:22px;
    color:#0e5981;
    text-decoration:none;
}
.breadcrumb .container{
    color:#bd2125;
    font-size:22px;
}
.breadcrumb{
    margin-bottom:50px;
}
.section-blanche {
	background-color: #FFF;
	border-bottom: 3px solid #be2025;
    margin-bottom:20px;
}
.section-blanche .container{
    width:90%!important;
    margin:0 auto!important;
    padding:0!important;
    height:auto!important;
    overflow:hidden!important;
    position:relative!important;
}
.section-blanche h1 {
    font-family: 'Work Sans', sans-serif;
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 40px;
	color: #be2025;
	font-weight: 500!important;
	letter-spacing: -1;
	margin-bottom: 20px;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.section-blanche h1 {
		font-size: 39px;
		line-height: 43px;
	}
}

.section-blanche h2 {
	color: #0d5985!important;
	font-weight: 300!important;
}

.section-blanche h3 {
    font-family: 'Work Sans', sans-serif;
    line-height: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	border-bottom: 2px #b6cdda solid!important;
	display:inline!important;
	padding-bottom: 6px!important;
    font-size: 21px;
}

.section-blanche a.btn,
form[name="frmLogin"] #submitLogin{
	background-color: #be2025!important;
	border: 2px #be2015 solid!important;
	padding: 8px 20px 8px 20px!important;
	color: #FFF!important;
	font-size: 18px!important;
	font-weight: 700!important;
	border-radius: 10px!important;
	text-transform: uppercase!important;
	transition:all 0.5s ease!important;
	-moz-transition:all 0.5s ease!important;
	-webkit-transition:all 0.5s ease!important;
	-ms-transition:all 0.5s ease!important;
	-o-transition:all 0.5s ease!important;
}

.section-blanche a:hover.btn,
form[name="frmLogin"] #submitLogin:hover {
	background-color: #FFF!important;
	border: 2px #be2015 solid!important;
	color: #be2025!important;
	transition:all 0.5s ease!important;
	-moz-transition:all 0.5s ease!important;
	-webkit-transition:all 0.5s ease!important;
	-ms-transition:all 0.5s ease!important;
	-o-transition:all 0.5s ease!important;
}

form[name="frmLogin"] #submitLogin {
	font-size: 12px!important;
	background-color: #0c5985!important;
	border:2px #a89694 solid !important;
	padding: 6px!important;
	text-transform: uppercase!important;
	height:16px;
	cursor:pointer;
	text-align:center;
}
form[name="frmLogin"] #submitLogin:hover {
	border:2px #0c5985 solid !important;
	color: #0c5985!important;
}

.professionnel-top {
	margin-top: 0px;
}

@media (min-width: 1200px) {
	.professionnel-top {
		margin-top: -40px;
	}
}

.col-md-6{width:50%;}
.slideInRight{float:right;}
.slideInLeft{float:left;}
.img-responsive{max-width:100%;}

.collapsible{display:none;}
/*.btnGeneral,*/
#myTable_length,
#myTable_filter
{
	background-color: #0083be;
	border: 2px	#6690b7 solid;
	padding: 2px 10px 4px 10px;
	color: #FFF;
	font-size: 12px;
	border-radius: 5px;
	/* text-transform: uppercase; */
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	cursor: pointer;
	margin: 6px 0 0 0;
}