/*
	Menu hamburger
*/
#hamburger{ cursor: pointer; display:none;}
.cs-menu-sep{ display:block; width:50%; padding:0 50px; margin:auto; height:2px; background:#dce1e8; }
.nombre_produit{ color:#121212; }
.lk-menu, a.lk-menu, a.lk-menu:link{ display:block; padding:15px;  transition-duration:0.3s; -webkit-transition-duration:0.3s; font:16px/18px Arial; color:#2a517f; font-weight:bold;}
a.lk-menu:hover{ color:#ffffff; background-color:#bebebe; }
/*
	Menu navigation
*/

.menu_s {color: #fff; display: none;}
#nav_plus{display: none;position: relative;cursor: pointer;}
#nav_plus_content{ display: none;border: 1px solid #38A4ED;border-bottom: none;border-top: none; position: absolute; background-color: #fff; min-width: 400px; z-index:5;left: -324px;}
.nav_plus_elt {border-bottom: 1px solid #38A4ED;  padding:0px 10px 0px 10px;  }
.menu_s#nav_plus .nav_plus_elt span {background-position:-18px -119px;display: inline-block;height: 19px;margin-left: 5px;margin-top: 15px; width: 5px; height: 7px; margin-right: 10px} 
#menu_detail {display: none;position: absolute;background-color: #fff;width: 99%;border: 1px solid #38A4ED;border-top: none; margin: 40px 0px 0px 1px;padding: 5px;color: #000;z-index: 4;line-height: normal;}
#menu_detail ul{padding-left: 15px;}
/*#nav_plus.active,.menu_s.active{background-color: #fff; color: #F9AB00;transition:;}*/
#nav_plus.active,.menu_s.active{background-color: #fff; color: #F9AB00;}
.nav_plus_text{display: inline-block;width: 100%;}
.menu_detail_elt {display: inline-block;padding-left: 25px;padding-right: 20px;margin: 5px 0px 10px 0px;width: 21%;max-height: 350px;vertical-align: top;}
a.menu_detail_elt_text_rub {color: #F9AB00;font-size: 17px;font-weight: bold;}
a.menu_detail_elt_text_feuille {color: #3A3B3F;font-size: 13px;}
a.menu_detail_elt_text_feuille:hover {text-decoration: underline;}
.menu_detail_elt_child {color: #000; font-size: 13px; padding-bottom: 5px;}
.menu_detail_elt_child:hover {text-decoration: underline;}
.menu_detail_elt_plus{float: right;text-decoration: underline;font-size: 13px;}
#sous_menu_ico{ height: 200px; width: 100%; background: url("/images/chargement_rond.gif") center center no-repeat #fff;}
.ssmenu-dv-details {display: block;float: left;margin: 0px 10px 10px;height: auto;width: 23%;max-width: 380px;background: none;border-bottom: 1px none #efefef;}
.nom_sous_secteur{color:#f8ad00;}
#menu_detail a:hover{text-decoration:underline;}

/*
	Menu secteur
*/
#menu_u span.ico_menu_gauche_agroalimentaire { background-position: -212px -58px ;width: 27px;height: 26px;margin: 7px 5px 0px;}
#menu_u span.ico_menu_gauche_batiment { background-position: -161px -58px ;width: 27px;height: 26px;margin: 7px 5px 0px;}
#menu_u span.ico_menu_gauche_electricite { background-position: -4px -52px ;width: 27px;height: 26px;margin: 7px 5px 0px; }				
#menu_u span.ico_menu_gauche_environnement { background-position: -57px -56px ;width: 27px;height: 26px;margin: 7px 5px 0px; }
#menu_u span.ico_menu_gauche_equipement { background-position: -109px -54px ;width: 27px;height: 26px;margin: 7px 5px 0px; }
#menu_u span.ico_menu_gauche_industrie { background-position: -468px -58px ;width: 27px;height: 26px;margin: 7px 5px 0px; }
#menu_u span.ico_menu_gauche_informatique { background-position: -412px -55px ;width: 27px;height: 26px;margin: 7px 5px 0px; }		
#menu_u span.ico_menu_gauche_logistique{ background-position: -361px -55px ;width: 27px;height: 26px;margin: 7px 5px 0px;}
#menu_u span.ico_menu_gauche_science { background-position: -310px -54px ;width: 27px;height: 26px;margin: 7px 5px 0px;}
#menu_u span.ico_menu_gauche_textile { background-position: -259px -56px ;width: 27px;height: 26px;margin: 7px 5px 0px; }
div.form_choix_connection,
div.form_contact_form_client,
div.conteneur_cli_desabonne_new1,
div.conteneur_form_client_soc,
div.conteneur_form_client_rech_prod_serv
{
    background-color:#F7F9FB;
    padding:10px;
    position:relative;
}

div.conteneur_form_choix_connection,
div.conteneur_contact_form_client,
div.conteneur_cli_desabonne_new,
div.conteneur_contact_form_client_soc,
div.conteneur_client_rech_prod_serv
{
	/*text-align:left;
    padding-top:0px;
	margin-left:50px;
	margin-right:50px;
	background-color: #38A4ED;
    border: 1px solid #ccc;*/
	 background-color: #38A4ED;
    border: 1px solid #CCC;
    margin: 5px auto 10px;
    padding-top: 0;
    text-align: left;
}

div.conteneur_btn
{
	text-align:center;
}

div.conteneur_btn_client_soc
{
	text-align:center;
}

div.conteneur_btn_client
{
	text-align:center;
}


div.conteneur_btn input,
div.conteneur_btn_client input,
div.conteneur_btn_client_soc input
{
	border-radius: 5px;
	background-color: #f9ab00;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;   
    margin-left: 32px;  
	width:200px; 
	height:30px;	
	cursor:pointer;
	
	/*background:url('/images/mon_compte/connexion_valider1.png') top left no-repeat;*/
}

/* div.conteneur_btn_client_soc input
{
	width:200px;
	height:30px;
	border:0;
	cursor:pointer;
	background:url('../images/connexion_valider1.png') top left no-repeat;
} */


div.conteneur_choix,
div.conteneur_champ_form,
div.conteneur_cli_desabonne_new_msg,
div.conteneur_champ_form_client_soc,
div.conteneur_champ_form_client_rech_prod_serv,
div.affiche_erreurs_post
{
	padding:10px;
	position:relative;
	margin-left:40px;
	margin-right:40px;
	/* padding-bottom:20px; */
	/* margin-top:10px; */
}

div.conteneur_champ_form_client_soc,
div.conteneur_champ_form_client_rech_prod_serv
{
	padding-left:50px;
	padding-right:50px;
}
.nom_sous_secteur 
{
    margin-left: 0;
    color: #F9AB00;
    font-weight: bold;
	font-size: 14px;
}

div.conteneur_champ_form
{
	padding:20px 40px 20px 40px;
}

div.conteneur_txt_client_h2,
div.conteneur_cli_desabonne_new_msg_h2,
div.conteneur_txt_client_soc_h2,
div.conteneur_form_client_rech_prod_serv_h2
{
	background-color: #EFF1F3;
	padding:10px;
	position:relative;
	color: #3C628F;
	/* margin-left:40px;
	margin-right:40px;
	padding-bottom:20px; */
}

div.conteneur_txt_client_erreur
{
	background-color: #EFF1F3;
	padding:10px;
	position:relative;
	color: #d00;
	text-align:center;
}
h2
{
	color: #226C9D;
}

div.conteneur_txt_client_erreur h2
{
	margin:0;
	padding:0;
	font-size:20px;
}

div.conteneur_txt_client,
div.conteneur_txt_client_soc,
div.conteneur_txt_client_rech_prod_serv
{
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:10px;
}

div.conteneur_txt_client p
{
	margin:0;
	padding:0;
}


div.conteneur_choix p
{
	margin:0;
	padding:0;
	margin-top:10px;
	margin-left:20px;
}


div.conteneur_choix p input,
div.conteneur_champ_form p label input,
div.conteneur_champ_form_client_soc p label input,
div.conteneur_champ_form_client_rech_prod_serv p label input#btn_rech
{
	margin:0;
	padding:0;
	vertical-align:middle;
	border: 1px solid #CCC;
}


div.conteneur_champ_form p label input
{
	width:300px;
	margin:0;
	padding:0;
}


div.conteneur_choix p input
{
	cursor:pointer;
}

div.conteneur_champ_form_client_soc p label input#email_client_soc,
div.conteneur_champ_form_client_soc p label input#entreprise_client_soc
{
	width:300px;
	border: 1px solid #CCC;
}

div.conteneur_champ_form_client_soc p label input#code_client_soc
{
	width:100px;
}

div.conteneur_champ_form_client_rech_prod_serv p label input#r_mot_cles
{
	width:500px;
	border: 1px solid #ccc;
}

input:active, input:focus
{
	border : 1px solid #F9AB00;
}
div.conteneur_choix p label
{
	font-weight:bold;
	color: #3C628F;
	cursor:pointer;
}

div.conteneur_champ_form p label b,
div.conteneur_champ_form_client_soc p label b,
div.captcha label b,
div.conteneur_champ_form_client_rech_prod_serv p label b
{
	color: #3C628F;
}

div.conteneur_cli_desabonne_new_msg
{
	/* font-weight:bold; */
	color: #3C628F;
	/* cursor:pointer; */
}

div.conteneur_cli_desabonne_new_msg p
{
	margin:0;
	padding:0;
	line-height:20px;
	text-align:justify;
	margin-top:15px;
}

div.conteneur_cli_desabonne_new_msg
{
	padding-bottom:20px;
}
div .conteneur_champ_form_client_soc textarea
{
	border: 1px solid #CCC;
	width: 300px;
}
div.conteneur_champ_form p label span,
div.conteneur_champ_form_client_soc p label span,
div.captcha label span
{
	display:block;
	float:left;
	width:150px;
	position:relative;/*-IE-*/
	
}

div.conteneur_champ_form_client_soc p label span,
div.captcha label span
{
	width:435px;
	padding-right:20px;
}

div.captcha
{
	clear:both;
	margin-top:30px;
}

i.italique
{
	font-weight:none;
	color:#F9AB00;
}



div.conteneur_form_choix_connection h1,
div.conteneur_contact_form_client h1,
div.conteneur_cli_desabonne_new h1,
div.conteneur_contact_form_client_soc h1,
div.conteneur_client_rech_prod_serv h1
{
    color: #FFF;
    font-family: Arial;
    font-size: 20px;
    margin-left: 50px;
}

div.conteneur_form_choix_connection h1 span,
div.conteneur_contact_form_client h1 span,
div.conteneur_cli_desabonne_new h1 span,
div.conteneur_contact_form_client_soc h1 span,
div.conteneur_client_rech_prod_serv h1 span
{
	 color: #FFF;
}

div.conteneur_champ_form_1
{
	float:left;
	width:480px;
	/position:relative;/*-IE-*/
	/background-color:#EFF1F3;
	/padding:15px;
	/bottom:20px;
	/border-right:2px white solid;
	/* height:100px; */
}
div.conteneur_champ_form_2
{
	margin-left:485px;
	border-left:2px solid #CCC ;
	padding-left:20px;
	padding-bottom:5px;
}

div.conteneur_btn_client
{
	clear:both;
}

div.form_contact_form_client a
{
	color:#F9AB00;
	font-weight: bold;
}

div.form_contact_form_client a:hover
{
	text-decoration:none;
}

div.affiche_erreurs_post
{
	text-align:left;
}

div.affiche_erreurs_post ul
{
	margin:0;
	padding:0;
	margin-top:10px;
	padding-left:10px;
}


img.coin 
{
    position:absolute;
}

img.left_top 
{
    left:0;
    top:0;
}

img.right_top 
{
    right:0;
    top:0;
}

img.left_bottom 
{
    bottom:0;
    left:0;
}

img.right_bottom 
{
    bottom:0;
    right:0;
}

/****** responsive ******/
@media (min-width: 260px ) and (max-width:480px)
{
#hamburger{ cursor: pointer; display : block; }
#nav_plus{display:none;}
div.conteneur_choix{margin-left: -20px;} 
div.conteneur_champ_form{padding: 0px;text-align:left;}
div.conteneur_champ_form_2 {border-top: 2px solid rgb(204, 204, 204);	border-left:none;padding-left: 0px;padding-bottom: 5px;float: left;	margin-left: 0px;}
div.conteneur_champ_form_1 {width: auto;padding-left: 3px;}
div.conteneur_btn input,
div.conteneur_btn_client input,
div.conteneur_btn_client_soc input{ margin-left: auto; }
div.conteneur_champ_form_client_soc, div.conteneur_champ_form_client_rech_prod_serv{padding: 0px; margin-left: 1px;margin-right:1px;}
div.conteneur_champ_form_client_rech_prod_serv p label input#btn_rech {margin-top: 5px;margin-left: auto;}
div.conteneur_champ_form_client_soc p label span, div.captcha label span{width:auto;}
/*div.conteneur_champ_form_client_soc, div.conteneur_champ_form_client_rech_prod_serv{}*/
div.conteneur_btn_client_soc {margin-left: 0px;text-align:center;}
#siimage{width : 100%;}
div.conteneur_txt_client, div.conteneur_txt_client_soc, div.conteneur_txt_client_rech_prod_serv {margin: 0px;}
div.conteneur_champ_form_client_soc p label input{width:210px;}
div.conteneur_champ_form_client_rech_prod_serv {padding-left: 5%;padding-right: 5%;}
div.conteneur_champ_form_client_rech_prod_serv p label input#r_mot_cles {width: 60%;}
}
/*
	Responsive Tablette
*/
@media (min-width: 768px ) and (max-width: 991px)
{
#hamburger{ cursor: pointer; display : block; }
#nav_plus{display:none;}
div.conteneur_champ_form_1 {float: left;width: 60%;}
div.conteneur_champ_form_2 {width: 35%;padding-left: 20px;float: right;margin-top: -115px;}
div.conteneur_champ_form_client_soc p label input,div.conteneur_champ_form_client_soc p label input#code_client_soc{width: 300px;}
div.conteneur_champ_form_client_rech_prod_serv {padding-left: 5%;padding-right: 5%;}
div.conteneur_champ_form_client_rech_prod_serv p label input#r_mot_cles {width: 60%;}
}
@media (min-width: 481px ) and (max-width: 767px)
{
#hamburger{ cursor: pointer; display : block; }
#nav_plus{display:none;}
div.conteneur_champ_form_1 {margin-left: auto;}
div.conteneur_champ_form_client_soc, div.conteneur_champ_form_client_rech_prod_serv{padding: 10px; margin-left: 1px;margin-right:1px;}
div.conteneur_contact_form_client{margin-top: 26px;padding-top: 10px;}
div.conteneur_champ_form_2 {border-top: 2px solid rgb(204, 204, 204);	border-left:none;padding-left: 0px;padding-bottom: 5px;float: left;	margin-left: 0px;}
div.conteneur_champ_form_client_soc p label input,div.conteneur_champ_form_client_soc p label input#code_client_soc{width: 300px;}
div.conteneur_champ_form_client_rech_prod_serv p label input#btn_rech {margin-top: 5px;margin-left: auto;}
div.conteneur_txt_client, div.conteneur_txt_client_soc, div.conteneur_txt_client_rech_prod_serv {margin: 0px;}
div.conteneur_champ_form_client_rech_prod_serv {padding-left: 5%;padding-right: 5%;}
div.conteneur_champ_form_client_rech_prod_serv p label input#r_mot_cles {width: 60%;}
}
@media (min-width: 991px ) and (max-width: 1066px)
{

	div.conteneur_champ_form_client_soc p label input,div.conteneur_champ_form_client_soc p label input#code_client_soc{width: 300px;}	
}
/*------------------------------------------------Fin init--------------------------------------------------------------*/


/**
* Auteur de modification : NPS 2- Rova
* ticket : 61567
* Date : 26 April 2022 (Tuesday)
* Time : 15:05
* Description : Refonte page contactez-nous
**/

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


	.contacter-title{
	    flex-direction: column !important;
	    justify-content: center;
	    align-items: center;
	}

	.contacter-title-text
	{
		text-align: center;
	}

	.contacter-header{
		padding: 16px 0;
	}

	.fixed-width-choix,.fixed-width
	{
		width: calc(100% - 35px) !important;
	}

	/**
	* Auteur de modification : NPS 2 - Rova
	* Description : css pour les formulaire mobile
	**/

	.demi
	{
		width: 96% !important;
	}

	.tiers
	{
		width: 96% !important;
	}

	.contacter-content-list-choix span, .contact-tel span{
		font: normal normal normal 12px/18px Catamaran !important;
	}

	/**Fin css formulaire mobile **/

}

#contacter-changer
{
	min-height: 470px;
	padding-top: 40px;
}

.contacter-title{
	display: flex;
	flex-direction: row;
	column-gap: 20px;
}

.contacter-title-text-bold
{
	
	font: normal normal 900 35px/50px Catamaran;
	letter-spacing: 0px;
	color: #125A93;
	
}

.contacter-title-text-gris
{
	
	font: normal normal normal 18px/20px Catamaran;
	letter-spacing: 0px;
	color: #707070;
	
}

.contacter-header{
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
}


.fixed-width,.fixed-width-form
{
	width: 720px;
}




/**
* Auteur de modification : NPS 2- Rova
* Description : CSS pour contenu indiquez-nous le motif
**/



.fixed-width-choix{
	width: 500px;
}

.contacter-content-choix
{
	background: #F7F8FA 0% 0% no-repeat padding-box;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
}

.contacter-content-choix-contact-tel
{
	/*background: #F7F8FA 0% 0% no-repeat padding-box;*/
	/*padding-top: 50px;
	padding-bottom: 50px;*/
	display: flex;
	justify-content: center;
}
.contacter-content-gras-choix
{
	font: normal normal 900 26px/45px Catamaran;
	letter-spacing: 0px;
	color: #125A93;
	text-align: center;
}

.contacter-content-list-choix, .contact-tel
{

	text-align: center;
	margin-top: 10px;
	border: 1px solid #125A93;
	border-radius: 5px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #125A93;
	cursor: pointer;
}
.contact-tel { margin-top:55px; }
.contacter-content-list-choix:hover, .contact-tel:hover
{
	background: #125A93 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}

.contacter-content-list-choix span, .contact-tel span
{
	font: normal normal normal 16px/18px Catamaran;
	letter-spacing: 0px;
	line-height: 1em;
}


/**
* Auteur de modification : NPS 2- Rova
* Description : Css pour les formulaires
**/

.contacter-form
{
	display: flex;
	justify-content: center;
	background: #F7F8FA 0% 0% no-repeat padding-box;
	padding: 30px 0;
}

.contacter-form-return
{
	text-align: center;
	font: normal normal 900 18px/30px Catamaran;
	letter-spacing: 0px;
	color: #125A93;
	padding-bottom: 10px;
}

.contacter-form-content
{
	display: flex;
	flex-wrap: wrap;
	column-gap:20px;
	justify-content: center;
}


.contacter-form-content label, p.label
{
	font: normal normal 300 14px/16px Catamaran;
	color: #484848;
	padding-left: 0px;
}

p.label
{
	margin-bottom: 4px;
	margin-top: 4px;
}

.demi
{
	width: 60%;
}

.tiers
{
	width: calc(36% - 20px);
}

.full
{
	width: 96%;
}

input,textarea
{
	width: -moz-available;
	width: -webkit-fill-available;
	border: unset;
	border-radius: 5px;
	padding:0 10px;

}
input
{
	height: 40px;
}

input[type="radio"]
{
	height: unset;
	width: unset;
}

input[type="radio"]:focus
{
	outline: unset !important;
}


.inline-radio{
	display: flex;
	column-gap: 20px;
	padding-left: 10px;
    padding-top: 0px !important;
}


input:focus,textarea:focus
{
	border: 1px solid #F9AB00;
	outline: unset;
}

::placeholder
{
	font: normal normal 200 14px/20px Catamaran;
	letter-spacing: 0px;
	color: #A39D9D;
}



textarea
{
	height: 150px;
	padding: 10px 20px;
}

.form-group
{
	margin-bottom: 15px;
}

.form-group.btns
{
	margin-top :15px;
}


.spinner-content
{
	display: flex;
	justify-content: center;

}




.form-group > div
{
	padding-top: 5px;
	position: relative;
}


.tooltiptext
{
	font-size: 0.8em;
	color: red;
    position: absolute;
    right: 0px;
    visibility: hidden;
}

.erreur-empty
{
	border: 1px solid red;
	
}

.erreur-empty + label
{
	color: red;
}

.erreur-empty:focus
{
	outline: red 1px solid;
}

.erreur-empty ::placeholder
{
	color:red !important;
}

#valider_contacter_nous
{
	background: #FAAB00 0% 0% no-repeat padding-box;
	border-radius: 7px;
	opacity: 1;
	font: normal normal bold 18px/30px Catamaran;
	letter-spacing: 0px;
	color: #FFFFFF;
	cursor: pointer;
}

.contacter-form-return i
{
	cursor: pointer;
	padding-right: 15px;
}


/* Fin css pour les formulaires */


/*
* Css pour le succes de mail
*/
.contacter-success
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 88px;
	background: #E0F0ED 0% 0% no-repeat padding-box;
}

.success-text img
{
	width: 15px;
}

.success-text
{
	font: normal normal 600 16px/23px Catamaran;
	letter-spacing: 0px;
	color: #484848;
}

/*Fin de success de mail*/


.contacter-footer-gras
{
	/* UI Properties */
	text-align: center;
	font: normal normal 900 18px/22px Catamaran;
	letter-spacing: 0px;
	color: #125A93;
	
}



.text-center
{
	text-align: center;
}

.contacter-footer-gris
{
	text-align: center;
	font: normal normal normal 16px/20px Catamaran;
	letter-spacing: 0px;
	color: #484848;
	
}

.contacter-footer-btn
{
	background: #125A93 0% 0% no-repeat padding-box;
	text-align: center;
	font: normal normal bold 16px/22px Catamaran;
	letter-spacing: 0px;
	color: #FFFFFF;
	border: unset;
	border-radius: 5px;
	padding: 0 30px;
	height: 40px;
	margin-top: 4px;
	line-height: 1em;
	cursor: pointer;
}

.contacter-footer{
	/*position: absolute;
	bottom: 50px;*/
	background: #E0E9F0 0% 0% no-repeat padding-box;
	display: flex;
	justify-content: center;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 37px;
}

.contacter-copyright
{
	display: flex;
	justify-content: center;
    background: #0b4470;
    padding: 8px 50px;
    font: 12px Arial;
    color: #89a9b5;
    text-align: center;
}