@charset "UTF-8";
/* CSS Document */


/******************************************************************************************************************
*														    													*
													STYLEBASIC
*														    													*
******************************************************************************************************************/

html, body{
	width: 100%;
	overflow-x: hidden;
}

body, form, input, textarea{
	font-family: 'Roboto', Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight: 300;
	color:#000000;
}

.cookies{display: none;}

.centrage {
	width:95%;
	max-width: 950px;
	margin:auto;
}
.centrage2 {
	width:90%;
	margin:auto;
}

nav a {
	text-decoration:none;
	display:block;
}

.clear {
	width: 0;
	height: 0;
	clear:both;
}

.clearAfter:after{
	content:'';
	display: table;
	clear: both;
}

/*Couleur des liens de base*/

a {
	outline: 0 none;
	text-decoration: none;
	color:#0062a1;
}

/* On définit ici les titres et textes*/

h1 {
	font-size: 36px;
	font-weight: 100;
}

h2 {
	font-size: 24px;
	font-weight: 100;
}

h3 {
	font-size: 20px;
	font-weight: 100;
}

h4 {
	font-size: 16px;
	font-weight: 300;
}

p {
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	line-height: 18px;
}

strong{font-weight: 400;}

mark{
	color: #fff;
	border: #0062a1 solid 1px;
	padding: 0 3px;
	font-weight: 400;
	font-style: italic;
}

/* On définit ici les couleurs du site*/

.bleu{color:#0062a1;}
.beige{color:#9e925f;}
.vert{color: #aca400;}
.marron{color: #4b4a31;}
.orange{color: #f6a800;}
.marine{color: #061f33;}
.gris{color: #9ca4ba;}

.bgBleu{border: solid 1px #0062a1;}
.bgBeige{border: solid 1px #9e925f;}
.bgVert{border: solid 1px #aca400;}
.bgMarron{border: solid 1px #4b4a31;}
.bgOrange{border: solid 1px #f6a800;}
.bgMarine{border: solid 1px #061f33;}
.bgGris{border: solid 1px #9ca4ba;}

/*Couleurs supplémentaires*/

.rouge{color: #f62900;}

/* On définit ici les colonnes du site*/

.col33 {
	float: left;
	width: 26%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col66 {
	float: left;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.colGauche {
	margin-left: 0;
}

/* On définit ici les flottants */

.floatL {float: left;}
.floatR {float: right;}

.imgleft {
	float:left;
	padding:0 10px 10px 0;
	margin-right:20px;
	margin-bottom:20px;
}

.imgright {
	float:right;
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.imgleft + p, .imgright + p {
	margin-top:0px;
}


/*Style des images contenant un outil de zoom (mettre l'img dans un a.fancy et rajouter un span avant ou après, dans le a)*/

.fancy {
	display: none;
}


/* On définit ici le style du bouton général et les spécifiques */
.btn {display: none;}

/* On définit ici le style des formulaires */

form {
	display: none;
}


/*Style des erreurs et des confirmations*/

.confirmForm{
	padding: 20px 20px 10px 20px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}
.confirm{
	margin-top: 30px;
	margin-left: 20px;
	padding: 40px 0 40px 0;
}
.confirm h3{
	font-size: 36px;
	color: #aca400;
}
.confirm p{
	color: #9ca4ba;
}

/* On définit ici le style des tableaux */

table{
	width: 100%;
	overflow-x: hidden;
	margin-bottom: 30px;
	/*border: #ccc solid 1px;*/
}

th,
td{
	word-wrap: break-word;
	padding: 10px;
}

th{
	text-align: left;
	font-weight: 400;
	padding: 14px 10px;
	border-bottom: #ccc solid 1px;
	border: solid 1px #9ca4ba;
	color: #061f33;
	/*border-right: #061f33 solid 1px;
	border-left: #061f33 solid 1px;*/
}

td{
	border-bottom: #ccc solid 1px;
}

tr:hover td{
	border: 1px solid #cdd1dc;
}


/* On définit ici le style du fil d'ariane*/

.ariane {
	display: block;
	list-style: none;
	margin: 0 0 50px 0;
	padding: 10px 5% 0 5%;
	border: #9ca4ba;
	text-align: left;
}
.ariane > li {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	height: 20px;
	border-left: #9ca4ba solid 1px;
}
.ariane > li > a {
	display: inline-block;
	padding: 3px 15px 3px 15px;
	height: 14px;
	color: #9ca4ba;
	font-size: 14px;
}
.ariane > li > a:hover {
	padding-right: 25px;
}
.ariane > .active {
	color: #061F33;
	padding: 3px 10px 3px 10px;
	height: 14px;
}


/* On définit ici le style des puces d'étape*/

.etapes{
	margin-top: -20px;
	margin-bottom: 10px;
}

.etapes li{
	display: inline-block;
	position: relative;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #9ca4ba;
}

.etapes li i{
	display: inline-block;
	position: relative;
	top: 2px;
	width: 40px;
	padding: 10px 0;
	font-size: 20px;
	text-align: center;
	font-style: normal;
	font-weight: 100;
	color: #9ca4ba;
	border: solid 1px #9ca4ba;
	margin-right: 15px;
}

.etapes li.active{color: #aca400;}
.etapes li.active i{border: solid 1px #aca400;}

.etapes li.passed a{color: #0062a1;}
.etapes li.passed a i{border: solid 1px #0062a1;}

/* On définit ici le style des paginations */


#pagination{margin-top: 20px;}
#pagination li {
	display: inline-block;
}
#pagination li a {
	display: inline-block;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	min-width: 20px;
	padding: 5px 3px 5px 3px;
	margin-left: 1px;
	border-bottom: #9ca4ba solid 3px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color: #9ca4ba;
	cursor: pointer;
}
#pagination li.arrow a {/*padding: 6px 0 10px 0;*/}

	#pagination li a.current,
	#pagination li a.active{
		color: #0062a1;
		border-bottom: #0062a1 solid 3px;
	}


/**** Pagination **/
.dataTables_paginate {
	margin: 15px 0 0 0;
}

.dataTables_paginate a {
	display: inline-block;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	min-width: 20px;
	padding: 5px 3px 5px 3px;
	margin-left: 1px;
	border-bottom: #9ca4ba solid 3px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color: #9ca4ba;
	cursor: pointer;
}

	.dataTables_paginate a:hover {
		color: #0062a1;
		border-bottom: #0062a1 solid 3px;
	}

.dataTables_paginate a.paginate_active {
	color: #0062a1;
	border-bottom: #0062a1 solid 3px;
}

.dataTables_filter,
.dataTables_length,
.dataTables_info{display: none;}

/*QR codes*/      /*Prendre soin de bien importer les images associées pour que ces styles fonctionnent*/

.qrcode {display: none;}


/******************************************************************************************************************
*														    													*
													SPECIFIC
*														    													*
******************************************************************************************************************/


/*responsive*/

.medscreen,
.smallscreen {
	display: none;
}

.global{
	position: relative;
	margin-left: 0;
}

/*Specific*/

/********************************************************
*							*
		          HEADER
*							*
********************************************************/
header {
	background-color: #fff;
	padding: 20px 5% 0 5%;
	border-bottom: #0062a1 solid 1px;
}

#logo{
	display: block;
	float: left;
	margin-top: 5px;
	font-size: 40px;
	color: #0062a1;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 20px;
}

.headDroite{
	float: right;
	margin-top: 5px;
}


.lang{
	display: none;
}

#retourTop{
	display: none !important;
}

/********************************************************
*							*
		    MENU PRINCIPAL
*							*
********************************************************/

nav{
	display: none;
}

/********************************************************
*							*
		    MENU DE GAUCHE
*							*
********************************************************/

aside.menu-side{
	display: none;
}

/********************************************************
*							*
		          BANDEAU
*							*
********************************************************/

.bandeau{display: none;}

.bandeauTitre{
	color: #0062A1;
	padding: 40px 0;
	margin-bottom: 0;
	text-align: center;
	border: 1px solid #0062A1;
}

.bandeauTitre .big{
	font-weight: 100;
	display: block;
	font-size: 36px;
	position: relative;
	-webkit-animation: BANDEAU-ENTREE 1s ease;
	        animation: BANDEAU-ENTREE 1s ease;
}

.bandeauTitre .small{
	font-weight: 100;
	display: block;
	font-size: 24px;
	position: relative;
	margin-top: 10px;
	-webkit-animation: BANDEAU-ENTREE 1.2s ease;
	        animation: BANDEAU-ENTREE 1.2s ease;
}

/********************************************************
*							*
		          FOOTER
*							*
********************************************************/

footer {
	border-top: solid 1px #0062a1;
	padding: 50px 5% 30px 5%;
	margin: 50px 0 0 0;
	width: 100%;
	display: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#logo-foot{
	display: block;
	float: left;
	margin-top: 70px;
	width: 141px;
	height: 31px;
	background: url('../img/logo2.png') no-repeat;
	text-indent: -9999px;
}

footer > ul{
	float: left;
	border-right: #80b1d0 solid 1px;
	padding-top: 10px;
	margin-left: 10%;
	letter-spacing: -0.25em;
	width: 350px;
}

footer > ul li{
	display: inline-block;
	width: 45%;
	padding-right: 5%;
	margin-bottom: 20px;
	letter-spacing: normal;
}

/*footer ul .cgv{
	position: relative;
	top: 42px;
}
footer ul .cgv + li,
footer ul .cgv + li + li,
footer ul .cgv + li + li +li,
footer ul .cgv + li + li +li + li{
	display: block;
}*/

footer>ul a{
	display: inline-block;
	padding: 2px 0;
	font-size: 16px;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	color: #061f33;
	text-transform: uppercase;
}


.footDroite{
	float: right;
	text-align: right;
}

footer form{
	position: relative;
	width: auto;
}

footer .social{
	margin-top: 70px;
}
footer .social a{
	display: inline-block;
	margin-left: 10px;
	width: 40px;
	height: 20px;
	padding: 10px 0;
	text-align: center;
	border: solid 1px #061f33;
	font-size: 20px;
	color: #0062a1;
}

footer .mentions{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	color: #061f33;
}

#logo-6tk {
	position: relative;
	background-image: url("../img/logo-6tk.png");
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 27px;
	margin-top: 60px;
	width: 117px;
	text-align: right;
	color: #061f33;
}
	#logo-6tk:hover{background-position: left bottom;}

/********************************************************
*							*
		          CONTENU
*							*
********************************************************/


/*GENERAL*/

.blocBlanc{
	padding: 20px;
	border: solid 1px #061f33;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*DEVIS/PANIER*/

td.Qte div{
	position: relative;
	max-width: 90px;
}
td.Qte input{
	/*padding-right: 30px;*/
	border: #9ca4ba solid 1px;
}

td.Qte .number{
	position: absolute;
	right: 2px;
	top: 2px;
	display: block;
	width: 17px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	padding:0;
	cursor: pointer;
	border: solid 1px #9ca4ba;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
td.Qte .btnPlus{
	background-image: url('../../ressources/img/pictos/mini-plus.png');
}
td.Qte .btnMoins{
	background-image: url('../../ressources/img/pictos/mini-moins.png');
	top: 20px;
}
	td.Qte .number:hover{background-color: #061f33;}
td .tri{
	display:none;
}
/*ACCUEIL*/

.blocsProduits{
	background-color: #fff;
	height: 150px;
	margin-top: 20px;
}
.blocsProduits li{
	display: block;
	float: left;
	width: 16%;
	width: 16.666666%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: #aca400 solid 1px;
}

.blocsProduits a{
	display: block;
	height: 80px;
	color: #061f33;
	padding: 70px 20px 30px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 100;
}

.blocsProduits a span{
	display: none;
}

.actuHome{
	margin-top: 40px;
	margin-bottom: 40px;
	max-width: 1064px;
}
.actuHome a{
	display: block;
	padding: 20px 20px;
}

.actuHome .img{
	float: left;
	position: relative;
	width: 40%;
	margin-right: 5%;
	text-align: center;
}
.actuHome .img img{
	max-width: 100%
}
.actuHome .img span{
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	width: 62px;
	height:62px;
	opacity: 0;

	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;

	/*IE fix*/
	display: none\9;
}

	.actuHome a:hover .img span{
		opacity: 1;

		/*IE fix*/
		display: block;
	}


.actuHome article{
	float: left;
	width: 55%;
	margin-top: 15px;
}
.actuHome h1{
	color: #061f33;
}
.actuHome h2{
	color: #061f33;
	margin-bottom: 15px;
}
.actuHome .chapo p{
	color: #000;
	margin-bottom: 0;
}


/*
*
*
*	ARBO SOUS-MENU
*
*
*/


#arboSousMenu{
	border: solid 1px #aca400;
	margin-left: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#arboSousMenu .padding{padding: 20px 20px 30px 20px;}

#arboSousMenu h2{
	color: #aca400;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #aca400;
}

#arboSousMenu li{
	margin-top: 10px;
}

#arboSousMenu li a{
	display: block;
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: background-position 0.3s, color 0.3s;
	-moz-transition: background-position 0.3s, color 0.3s;
	-ms-transition: background-position 0.3s, color 0.3s;
	-o-transition: background-position 0.3s, color 0.3s;
	transition: background-position 0.3s, color 0.3s;
}
	#arboSousMenu li a.active{
		font-weight: 500;
		color: #061f33;
	}

#arboSousMenu li ul{
	display: none;
	margin-left: 10px;
}

#arboSousMenu li ul.ouvert{display: block;}

#arboSousMenu li ul a{
	font-size: 14px;
	padding: 3px 0 3px 15px;
	text-transform: none;
	background-position: left 3px;
}
	#arboSousMenu li ul a:hover{background-position: 5px 3px;}
	#arboSousMenu li ul a.active{background-position: left 3px;}

#arboSousMenu li ul li ul{
	margin-top: 5px;
	margin-left:20px;
}


#arboSousMenu li ul li ul li{
	margin-top: 0;
}

#arboSousMenu li ul li ul a{
	border-left: #aca400 solid 3px;
	padding: 5px 0 5px 10px;
	background-image: none;
}

	#arboSousMenu li ul li ul a.active{
		font-weight: 400;
		border-left: #061f33 solid 3px;
		color: #061f33;
	}


/*
*
*
*	CMS
*
*
*/

#cms {
	padding: 30px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cms h1 {
	position: relative;
	float: left;
	margin-bottom: 0;
	font-size: 40px;
	font-weight:100;
	color: #061f33;
	padding: 15px 30px 15px 30px;
	border: #061f33 solid 1px;
}
#cms h1 + .clear + *{margin-top: 20px;}

.contenuPage h1:first-child, .contenuPage h2:first-child, .contenuPage h3:first-child {
	margin-top: 0;
}

#cms h2 {
	margin-top:20px;
	margin-bottom: 10px;
	font-size:30px;
	color: #0062A1;
}

#cms h3 {
	margin-bottom: 15px;
	margin-top: 20px;
	color: #aca400;
}

#cms h2+h3 {margin-top: 0;}


.colonne {
	margin-bottom: 20px;
}

.colonne .col1tier {
	float: left;
	width: 31.3%;
	margin-left: 3%;
}

.col2tiers {
	float: left;
	width: 65.6%;
	margin-left: 3%;
}

.colDemi {
	float: left;
	width: 48.5%;
	margin-left: 3%;
}

.colImg {
	text-align: center;
}

.colImg img {
	max-width: 100%;
}

.colonne .colGauche{
	margin-left: 0;
}

.colonne p {
	margin-bottom: 0;
	margin-top: 10px;
}

.colonne p:first-child {
	margin: 0;
}

.colonne ul {
	margin-top: 15px;
	margin-left: 3px;
	margin-bottom: 15px;
}

.colonne ul li {
	padding-left: 10px;
	background-image:url('../img/utils/puce-liste.png');
	background-repeat: no-repeat;
	background-position: left 3px;
	-webkit-transition: background-position 0.3s, color 0.3s;
	-moz-transition: background-position 0.3s, color 0.3s;
	-ms-transition: background-position 0.3s, color 0.3s;
	-o-transition: background-position 0.3s, color 0.3s;
	transition: background-position 0.3s, color 0.3s;
	margin-bottom:10px;
}

.imgCentre {text-align: center;}
.imgCentre img {width: 100%;}

#cms .btn-download{
	margin-top: 30px;
}

/*Page Fiches matières*/

.fichierDroite tr td:last-child{text-align: right;}


td .btn-cloud-cms{margin-bottom: 0;}
.fichierDroite td .btn-cloud-cms{
	text-align: left;
	min-width: 80px;
}

/*
*
*
*	FORMULAIRES CMS
*
*
*/

.formCms{display: none;}

/*
*
*
*	SLIDESHOWS
*
*
*/

.slideshow {display: none;}

/*
*
*
*	GOULAG MEUP
*
*
*/

.ggmap {
	margin-bottom: 30px;
}


/*
*
*
*	SUGGESTIONS
*
*
*/

.liensInternes {display: none;}

/*
*
*
*	LIENS UTILES
*
*
*/


.liensUtiles{
	background-color: #fff;
	/*background-size: contain;
	border: #061f33 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

.liensUtiles a{
	display: block;
	float: left;
	width: 25%;
	height: 50px;
	color: #0062a1;
	font-size: 18px;
	font-weight: 100;
	border: #f1f1f1 solid 1px;
	padding: 20px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.liensUtiles .img{display: none;}

.liensUtiles span.lien{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #9ca4ba;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.liensUtiles a:hover{
		color: #aca400;
		-webkit-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow:  none;
	}
	.liensUtiles a:hover .img{
		margin-top: 5px;
		margin-bottom: 10px;
	}

/*
*
*
*	PUBLICATIONS
*
*
*/

.publiCms {display: none;}

/*
*	FORMULAIRE DE CONNEXION DANS LA PAGE
*/

#connexionPage{
	display: none;
}

/*
*	OVERLAY DE RECUP DE MOT DE PASSE
*/

.popupRecupMdp{display: none !important;}


/*
*	OVERLAY POPUP
*/

.pop-overlay{
	display: none !important;
}

/*
*
*
*	Page ERREUR ET 404
*
*
*/

#page404,
#pageErreur{
	padding: 50px 0;
}

#page404 article,
#pageErreur article{
	text-align: center;
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	padding: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#page404 h2{
	margin-top: 10px;
	padding-bottom: 180px;
	background-repeat: no-repeat;
	background-position: center bottom 25px;
	background-image: url('../../ressources/img/pictos/404.png');
}

#pageErreur p{
	text-align: center;
	font-size: 16px;
	padding-bottom: 150px;
	background-repeat: no-repeat;
	background-position: center bottom 10px;
	background-image: url('../../ressources/img/pictos/erreur.png');
}



/******************************************************************************************************************
*														    													*
													ACTUS
*														    													*
******************************************************************************************************************/


.listeActus li.actualite{
	position: relative;
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 20px;
	border: solid 1px #061f33;
	z-index:1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.listeActus li.gauche{margin-left: 0;}

.listeActus a{
	display: block;
	padding: 20px;
}
	
.listeActus article{
	padding: 20px;
}

.listeActus h2{
	color: #0062a1;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.listeActus .img{
	display: none;
}

.listeActus p{
	color: #000;
}

.categ{
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 5px 20px;
	color: #0062a1;
	border-bottom: solid 1px #0062a1;
	z-index:0;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;
}

span.date{
	display: inline-block;
	color: #9ca4ba;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 5px;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}
span.date i{
	font-size: 14px;
	margin-right: 5px;
}

/******************************************************************************************************************
*														    													*
													PRODUITS
*														    													*
******************************************************************************************************************/

.affichageportrait{display: none;}
.fixedHeader{display: none !important;}
/*VVVVVVVVVVVVVV
*
*
	NAVIG PRINCIPALE
*
*

/*NIVEAU 1*/

/*.accueilProduits .ariane{
	margin-bottom: 0;
}*/

.navigProduits .container{
	width: 92%;
	margin: 0 auto;
}
.navigProduits .container h2{
	margin-bottom: 15px;
}

/*NIVEAU 2*/

.infosNiveau.dernierNiveau{
	float: left;
	width: 45%;
	margin-right: 5%;
}
.infosNiveau .padding{
	position: relative;
	padding: 20px 20px 20px 140px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	min-height: 100px;
}

.infosNiveau .description{
	text-align: justify;
	line-height: 20px;
	margin-bottom: 20px;
}

.infosNiveau img{
	position: absolute;
	top: 20px;
	left: 20px;
	max-width: 100px;
}

span.ref{display: block;}

.infosNiveau span.ref{
	color: #9ca4ba;
	margin: 10px 0 10px 0;
}

.catalogue{
	float: right;
	margin-top: 5px;
	margin-bottom: 0;
	background-image: url('../../ressources/img/pictos/catalogue.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 12px 15px 12px 60px;
	font-size:  15px;
	font-weight: 100;
	height: 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
}
.cata-profils{
	white-space: nowrap;
	min-width: 150px;
	line-height: 17px;
	font-weight: 300;
	background-image: url('../../ressources/img/pictos/catalogue-profils.png');
}
.cata-profils:first-line{font-weight: 100;}
.catalogue + .cata-profils{
	margin-left: 0;
}

.catalogue strong{
	display: block;
	font-weight: 300;
	margin-top: 1px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.listeProduits{
	margin-top: 30px;
	width: 100%;
}
.listeProduits:after{
	content:'';
	display: table;
	clear: both;
}

.listeProduits li{
	float: left;
	width: 16%;
	width: 16.666666%;
	-webkit-transition: width 0.1s;
	-moz-transition: width 0.1s;
	-ms-transition: width 0.1s;
	-o-transition: width 0.1s;
	transition: width 0.1s;
}

.listeProduits a{
	display: block;
	background-color: #fff;
	color: #0062a1;
	font-size: 18px;
	font-weight: 100;
	border: #f1f1f1 solid 1px;
	padding: 20px;
	text-align: center;
	height: 140px;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}


.listeProduits .img{
	width: 80px;
	height: 80px;
	margin: 0 auto 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	transition: margin 0.3s ease;
}

.listeProduits span.ref{
	font-size: 14px;
	font-weight: 300;
	color: #9ca4ba;
	margin-top: 5px;
}

	.listeProduits li a:hover{
		color: #aca400;
		-webkit-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow:  none;
	}
	.listeProduits a:hover .img{
		margin-top: 5px;
		margin-bottom: 10px;
	}

@media screen and (max-width: 1400px){
	.listeProduits li{
		width: 20%;
	}
}
@media screen and (max-width: 1200px){
	.listeProduits li{
		width: 25%;
	}
}

/*NIVEAU 3*/

.rechercheProduit{
	width: 50%;
	float: left;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}

.rechercheProduit h2{
	margin-bottom: 20px;
}

.rechercheProduit form{
	margin-bottom: 0;
	padding: 20px;
	width: auto;
}

.resultProduits, .erreurProduits, .aucunProduits{
	position: relative;
	margin-top: 30px;
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	display: none;
}

#resultProduits{
	table-layout: inherit;
	margin-bottom: 0;
}

#resultProduits th:nth-child(1),#resultProduits td:nth-child(1) {
	min-width: 80px !important;
	width: 10% !important;
}
#resultProduits th:nth-child(2),#resultProduits td:nth-child(2) {
	min-width: 65px !important;
	width: 10% !important;
}
#resultProduits th:nth-child(3),#resultProduits td:nth-child(3) {
	width: 30% !important;
}
#resultProduits th:nth-child(4),#resultProduits td:nth-child(4) {
	min-width: 55px !important;
	width: 10% !important;
}
#resultProduits th:nth-child(5),#resultProduits td:nth-child(5) {
	min-width: 95px !important;
	width: 10% !important;
}
#resultProduits th:nth-child(6),#resultProduits td:nth-child(6) {
	min-width: 90px !important;
	width: 10% !important;
}
#resultProduits th:nth-child(7),#resultProduits td:nth-child(7) {
	width: 10% !important;
}
#resultProduits th:nth-child(8),#resultProduits td:nth-child(8) {
	min-width: 55px !important;
	width: 10% !important;
}
table th td:last-child,
table tr td:last-child{
	max-width: 180px;
	min-width: 90px;
	text-align: right;
}
.actions{
	max-width: 180px;
	min-width: 90px;
	text-align: right;
}

table .btn{
	padding: 10px 15px 10px 35px;
	background-position: 12px center;
	background-repeat: no-repeat;
}
table .btn-bleu{background-image: url('../../ressources/img/pictos/mini-calculette.png');}
table .btn-vert{background-image: url('../../ressources/img/pictos/mini-chariot.png');}

table .aide{
	position: relative;
	top: -1px;
	display: inline-block;
	width: 20px;
	font-size: 14px;
	height: 14px;
	padding: 3px 0;
	font-weight: 600;
	color: #fff;
	background-color: #9ca4ba;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	margin-left: 10px;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	-moz-transition: -moz-transform 0.3s, background-color 0.3s;
	-ms-transition: -ms-transform 0.3s, background-color 0.3s;
	-o-transition: -o-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}

	table .aide:hover{
		background-color: #0062a1;
		-webkit-transform: scale(1.2);
		   -moz-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		     -o-transform: scale(1.2);
		        transform: scale(1.2);
	}



#profil{
	width: 66px;
	height: 66px;
	position:absolute;
	display: none;
	top:4px;
	left:-46px;
	border: #0062a1 solid 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#profil:before{
	content:'';
	display: block;
	width:0;
	height:0;
	position: absolute;
	top: 19px;
	left: 100%;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent transparent #0062a1;
}

#profil img{
	width: 60px;
	height: 60px;
}


/******************************************************************************************************************
*														    													*
													PUBLICATIONS
*														    													*
******************************************************************************************************************/


/*
*
*
*	Liste publications
*
*/

.listePubli li.publication{
	position: relative;
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff;
	border: solid 1px #e1e1e1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.listePubli li.gauche{margin-left: 0;}
/*.listePubli li:nth-child(odd){margin-left: 0;}*/

.listePubli article{
	position: relative;
	min-height: 50px;
	padding: 0 0 0 0;
	z-index:1;
	box-shadow: none;
}

.listePubli h2{
	color: #0062a1;
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 10px;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.listePubli .fancy, .listePubli .illus{
	display: none;
}


/******************************************************************************************************************
*														    													*
													OFFRES D'EMPLOI
*														    													*
******************************************************************************************************************/


/*
*
*
*	Liste offres
*
*/

.listeOffres li{
	position: relative;
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 20px;
	border: #061f33 solid 1px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.listeOffres li.gauche,
.listeOffres li:nth-child(odd){margin-left: 0;}

.listeOffres a{
	position: relative;
	display: block;
	min-height: 100px;
	padding-left: 120px;
	z-index:1;
}

#offresEmploi aside{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100px;
	text-align: center;
	border: solid 1px #aca400;
	color: #aca400;
	font-size: 18px;
	font-weight: 100;
	overflow: hidden;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
#offresEmploi aside:before{
	content:'';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

#offresEmploi aside span{
	position: relative;
	display: inline-block;
	width:90px;
	left: -2px;
	vertical-align:middle;
	text-align: center;
	line-height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease 0.2s;
	-moz-transition: opacity 0.2s ease 0.2s;
	-ms-transition: opacity 0.2s ease 0.2s;
	-o-transition: opacity 0.2s ease 0.2s;
	transition: opacity 0.2s ease 0.2s;
}

	.listeOffres aside i{
		display: none;
	}

.listeOffres h2{
	color: #0062a1;
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 10px;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}


/*
*
*
*	Detail d'une offre
*
*/

.uneOffre{
	position: relative;
	padding: 20px 20px 20px 140px;
	border: #eee solid 1px;
}

#offresEmploi .uneOffre aside {
	top: 20px;
	left: 20px;
	height: 100px;
}

.uneOffre h2{
	color: #0062a1;
	font-size: 30px;
	padding-top: 2px;
	margin-bottom: 7px;
}

.uneOffre h3{
	color: #aca400;
}

.caracsPoste{
	margin-top: 10px;
}

.caracsPoste li{
	padding: 15px 0px;
	border-top: #ccc solid 1px;
}
.caracsPoste li:first-child{
	border-top: none;
	padding-top: 0
}

.caracsPoste p{
	margin-top: 5px;
	margin-bottom: 0;
}

.uneOffre .btn{
	margin-top: 20px;
	margin-bottom: 0;
}
.uneOffre .btn + .btn{margin-right: 5px;}


/*
*
*
*	postuler a une offre
*
*/

.postulerOffre{
	position: relative;
	padding: 20px 20px 20px 20px;
	border: #eee solid 1px;
}

.postulerOffre h2{
	color: #0062a1;
	font-size: 30px;
	padding-top: 2px;
	margin-bottom: 10px;
}
.postulerOffre h3{
	color: #aca400;
}
.postulerOffre form{display: none;}