/* RESET ========================================================================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, /*sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles!
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* TYPOGRAPHIE ======================================================================================================== */

.title1, .title2, .title3, .title4, .title5 {
	font-family: 'Raleway', sans-serif;
	margin-bottom: 10px;
}

.title1 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 800;
}

.title2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 800;
}

.title3 {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 700;
}

.title4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

.title5 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
}

.title_hp {
	position: relative;
	text-align: center;
}

.title2.title_hp > span {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	background: #fff;
	z-index: 2;
}

.title2.title_hp:before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left:0;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	z-index: 1;
}

.title_border {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
}

.title_with_print_share, .section .display_table_cell {
	display: table-cell;
}

.section .group_title_print_share, .section .display_table {
	display: table;
	width: 100%;
}

/*
.titre1_hp {
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.titre2_hp {
    position: relative;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
    text-align: center;
}

.titre2_hp > span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    z-index: 2;
}

.titre2_hp:before {
    content:"";
    display: block;
    position: absolute;
    top: 50%;
    left:0;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    z-index: 1;
}
*/


a:focus,
a:hover     {  }
a           { color: #333; text-decoration: none; cursor: pointer;}

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

.text9 	{ font-size: 9px; font-size: 0.9rem; }
.text10 { font-size: 10px; font-size: 1rem; }
.text11 { font-size: 11px; font-size: 1.1rem; }
.text12 { font-size: 12px; font-size: 1.2rem; }
.text13 { font-size: 13px; font-size: 1.3rem; }
.text14 { font-size: 14px; font-size: 1.4rem; }
.text15 { font-size: 15px; font-size: 1.5rem; }
.text16 { font-size: 16px; font-size: 1.6rem; }
.text17 { font-size: 17px; font-size: 1.7rem; }
.text18 { font-size: 18px; font-size: 1.8rem; }
.text19 { font-size: 19px; font-size: 1.9rem; }
.text20 { font-size: 20px; font-size: 2rem; }
.text21 { font-size: 21px; font-size: 2.1rem; }
.text22 { font-size: 22px; font-size: 2.2rem; }
.text23 { font-size: 23px; font-size: 2.3rem; }
.text24 { font-size: 24px; font-size: 2.4rem; }

.uppercase { text-transform: uppercase; }
em, .italique, .italic { font-style:italic; }

/* BOUTONS ======================================================================================================== */

.ubtn {
	display: inline-block;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #333;
	padding: 12px 20px;
}
button, .ubtn {
	cursor:pointer;
}

.ubtn:hover, .ubtn_filled {
	color: #fff;
	background: #333;
}

.ubtn_filled:hover {
	color: #333;
	background: transparent;
}

.ubtn_full {
	width:100%;
}

.ubtn_small {
	padding: 10px 15px;
	font-size: 10px;
	font-size: 1rem;
}


.ubtn_xsmall {
	padding: 8px 12px;
	font-size: 10px;
	font-size: 1rem;
}

.ubtn_xxsmall {
	padding: 4px 8px;
	font-size: 10px;
	font-size: 1rem;
}

.ubtn_white {
	color: #fff;
	border-color: #fff;
}

.ubtn_white:hover {
	color: #333;
	background: #fff;
}

.ubtn_filled.ubtn_white {
	color: #333 !important;
	border-color: #333 !important;
	background: #fff !important;
}

.ubtn_filled.ubtn_white:hover {
	color: #fff !important;
	background: #333 !important;
}

.ubtn_red {
	color: #fff;
	border-color: #bc0005;
	background: #bc0005;
}

.ubtn_red:hover {
	color: #bc0005;
	background: transparent;
}

/*Bouton bleu*/
.ubtn_blue{
	background: #007feb;
	transition: all 0.4s ease;
}
.ubtn_blue:hover{
	color: #007feb;
	border: 1px solid #007feb;
	transition: all 0.4s ease;
}

.ubtn_disabled, .ubtn_disabled:hover {
	color: #fff !important;
	background: #ccc !important;
	border-color: #ccc !important;
	cursor: default;
}
/*
.btn {
    display: inline-block;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #333;
    padding: 12px 20px;
}

.btn:hover, .btn_plein {
    color: #fff;
    background: #333;
}

.btn_plein:hover {
    color: #333;
    background: #fff;
}

.btn_small, .anime_hp .btn {
    padding: 10px 15px;
    font-size: 10px;
	font-size: 1rem;
}

.btn_small, .anime_hp .btn {
    padding: 10px 15px;
    font-size: 10px;
	font-size: 1rem;
}

.btn_xsmall {
    padding: 8px 12px;
    font-size: 10px;
	font-size: 1rem;
}

.btn_blanc, .btn_white, .anime_hp_blanc .btn {
    color: #fff;
    border-color: #fff;
}

.btn_blanc:hover, .btn_white:hover, .anime_hp_blanc .btn:hover {
    color: #333;
    background: #fff;
}
*/
.btn_close {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent url(../images/global/sprite.png) no-repeat -579px -30px;
}

/*Lien bleu fleche bleue*/
.text_btn_arrow {
	position: relative;
	color: #ffffff;
}

.text_btn_arrow.text_blue {
	color: #007FEB;
	font-family: "Raleway", sans-serif;
	font-weight: 800;
}

.text_btn_arrow.text_blue::after {
	content: "";
	position:absolute;
	right: -12px;
	top: 56%;
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
	width: 5px;
	height: 7.5px;
	color: #007FEB;
	background: url(../images/global/btn_right_arrow_blue.svg);
}

/* NOTIFICATIONS ======================================================================================================== */

.bg_error, .bg_success, .bg_warning, .bg_info {
	position: relative;
	padding: 15px;
	border-left: 45px solid #333;
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	background: #fff;
    box-sizing: border-box;
}


.bg_error:before, .bg_success:before, .bg_warning:before, .bg_info:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 15px;
	left: -30px;
	background-image:  url(../images/global/notifications_pictos_sprite.png);
	background-repeat: no-repeat;

}

.bg_error {
	border-color: #f75543;
}

.bg_success {
	border-color: #1ed760;
}

.bg_success:before {
	background-position: -15px 0;
}

.bg_warning {
	border-color: #fad532;
}

.bg_warning:before {
	background-position: 0 -15px;
}

.bg_info {
	border-color: #55b6f2;
}

.bg_info:before {
	background-position:-15px -15px;
}

/* ELEMENTS DE FORMULAIRE ======================================================================================================== */

.utextbox {
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
}

.utextbox::placeholder {
	color: #999;
}

/* POSITION ======================================================================================================== */

.position_relative { position:relative; }

/* GLOBAL ======================================================================================================== */

html {
	font-size: 62.5%;
}

* html,* html body{
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
}

#global {
	/*width: 990px;*/
	margin: auto;
	background: #fff;
	position: relative;
	border-top: 5px solid #bc0005;
}

#header_new, #menu, #content, #footer, #subfooter {
	max-width: 960px;
	margin: auto;
}

/*SPRITE PICTOS HEADER + FOOTER*/

.sprite {
	display: block;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
}

.sprite_print_share  {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.sprite_print_share li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #666;
}

.sprite_print_share li:first-child {
	border-left: none;
	padding-left: 0;
}

.sprite_print_share li:last-child {
	border-right: none;
	padding-right: 0;
}

.sprite_print_share a {
	display: table;
}

.sprite_print_share a:hover {
	text-decoration: underline;
}

.sprite_print_share a:before {
	content: "";
	display: table-cell;
	vertical-align: middle;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
}

.sprite_print:before {
	width: 16px;
	height: 15px;
	background-position: -574px -15px;
}

.sprite_share:before {
	width: 14px;
	height: 15px;
	background-position: -590px -15px;
}

.sprite_pdf:before {
	width: 13px;
	height: 15px;
	background-position: -605px -15px;
}

.sprite_csv:before {
	width: 13px;
	height: 15px;
	background-position: -605px -30px;
}

.sprite_print_share a span {
	display: table-cell;
	padding-left: 10px;
}

.next_title {
	display: table-cell;
	width: 180px;
	text-align: right;
	vertical-align: bottom;
	/*
	position: absolute;
	right: 0;
	top: 12px;
	*/
}

.next_title_recap {
	width: 245px;
}

#back_site {
	display: none;
	position: absolute;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: .3;
	z-index: 99998;
	background: #000;
}

#scroll_to_top {
	display:none;
	position:fixed;
	right:15px;
	bottom:15px;
	width:38px;
	height:38px;
	text-align: center;
	background-color:#fff;
	border: 1px solid #ccc;
	border-radius:5px;
	cursor:pointer;
}
#scroll_to_top span {
	content: "";
	width: 0;
	height: 0;
	border: 8px solid #666;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
}

#scroll_to_top:hover {
	opacity: .8;
}
/*
#scroll_to_top:hover span {
    border-bottom-color: #fff;
}
*/
/* NEW HEADER =============================================================================================================================================================================== */

#env_header_new {
	background: #f0f0f0;
}

#header_new {
	width:960px;
	margin:0 auto;
	height: 110px;/*121*/
	padding: 5px 0 0 0;
	position:relative;
	/*z-index:999;*/
}

#header_new #logo{
	float: left;
}

#header_new #logo img {
	display: block;
}

#header_new #outils{
	float: none;/*old header = float right*/
	margin: 0 0 6px 0;
	text-align: left;
	width: 100%;
	position:absolute;
	/*z-index:100002;*/
}
#header_new #outils_liens{
	padding-top:3px;
}

#header_new #outils_liens  li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	border-left: 1px solid #333;
}

#header_new #outils_liens li:first-child {
	padding-left: 0;
	border-left: none;
}

#header_new #outils #outils_liens a{
	text-decoration:none;
}
#header_new #outils #outils_liens a:hover{
	text-decoration:underline;
}

#header_new #outils_liens li.outils_evm a {
	padding-left: 25px;
}
#header_new #outils_liens li.outils_evm a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 19px;
	background: transparent url(../images/global/evm_mini_monsieur.gif) no-repeat 0 0;
}

#header_new #outils_aide{
	position:absolute;
	right:0;
	z-index:100;
}
#header_new #outils #outils_aide li.main {
	background:none;
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin-left:10px;
	font-size: 11px;
}
#header_new #outils #outils_aide li .picto_sourd {
	width: 17px;
	height: 17px;
	margin-top: 5px;
	background-position: -562px -32px;
}
#header_new #outils #outils_aide li.azur{
	font-size: 10px;
	margin-left: 5px;
}
#header_new #outils #outils_aide li.azur strong {
	font-size: 14px;
}
#header_new #outils #outils_aide li#aideenligne{
	position:relative;
	right:0;
	top: -5px;
}
* html #header_new #outils #outils_aide li#aideenligne{
	zoom:1;
	width:160px;
}

#header_new #outils #outils_aide .aideenligne_bouton{
	/*background:#2a8fbc url("../images/global/sprite_menufixe.png") 10px -160px no-repeat;*/
	background-color:#2a8fbc;
	color: #ffffff;
	display: block;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
#header_new #outils #outils_aide .aideenligne_bouton:before{
	content: "";
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin-top: 4px;
	margin-right: 10px;
	background: url(../images/global/sprite.png) no-repeat -469px -25px;
}
#header_new #outils #outils_aide .aideenligne_bouton.hover{
	background-color: #191919;
}
#header_new #outils #outils_aide .aideenligne_bouton.hover .header_aideenligne_fleche{
	background-position : 0 -319px;
}
#header_new #outils #outils_aide .aideenligne_bouton .header_aideenligne_fleche{
	background: url("../images/global/sprite_menufixe.png") no-repeat scroll 0 -333px transparent;
	display: inline-block;
	height: 7px;
	line-height: 7px;
	vertical-align: middle;
	width: 9px;
}
#header_new #outils #outils_aide .aideenligne_bouton strong{
	padding-right:12px;
}
/* survol aide en ligne*/

#faq.tooltip_aideenligne {
	display: none;
}

#header_new div.aideenligne_contenu {
	background-color: #ffffff;
	border-bottom: 1px solid #e6e6e6;
	padding: 10px;
	position: absolute;
	width: 535px;
	right:0;
}
#header_new #header_main{
	/*height:66px;*/
	clear:both;
	position:absolute;
	top:43px;
	/*width:990px;*/
	width: 960px;
}
#header_new #espaceclient_panier {
	font-size: 11px;
	margin-top:8px;
	position:absolute;
	right:0;
}
* html #header_new #espaceclient_panier {
	zoom:1;
}
#header_new #espaceclient_panier div#divinfoclient,
#header_new #espaceclient_panier div#divinfopanier{
	float: left;
}
* html #header_new #espaceclient_panier div#divinfopanier{
	width:145px;
}
* html #header_new #espaceclient_panier div#divinfoclient{
	width:169px;
}
#header_new #espaceclient_panier a#divinfoclient_a,
#header_new #espaceclient_panier a#divinfopanier_a{
	display:block;
	color: #333;
	text-decoration: none;
	box-sizing:border-box;
	width:auto;
	height:40px;/*40-5*/
	padding:5px 15px 0 0;
}
#header_new #divinfoclient #divinfoclient_a:before,
#header_new #divinfopanier #divinfopanier_a:before {
	content:"";
	display: block;
	float: left;
	margin: 0 10px;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
}

#header_new #divinfoclient .picto_profil:before {
	width: 23px;
	height: 25px;
	background-position: -521px 0;
}

#header_new #divinfoclient .picto_profil.hover:before {
	background-position: -521px -25px;
}

#header_new #divinfopanier .picto_cart:before {
	width: 25px;
	height: 23px;
	background-position: -494px 0;
}

#header_new #espaceclient_panier a#divinfoclient_a.hover{
	background-color:#191919;
	background-position:13px -854px;
	color:#ffffff;
}
#header_new #espaceclient_panier a:hover#divinfopanier_a{
	text-decoration:underline ;
	color:#333;
}
/* survol espace client*/
#header_new div.espaceclient_contenu{
	position:absolute;
	z-index:100000;
	width:245px;/*265*/
	padding:10px;
}

#header_new div.espaceclient_contenu p#profil,
#header_new div.espaceclient_contenu p#demandes{
	clear:both;
	margin-top:5px;
	background-color:#00668c;
}
#header_new div.espaceclient_contenu p#seconnecter span#cadenas_ouvert{
	width:29px;
	height:29px;
	margin:20px 0 0 70px;
	display:block;
	background:transparent url(../images/global/sprite_menufixe.png) 0 -200px no-repeat;
}
#header_new div.espaceclient_contenu p#sinscrire span#cadenas_ferme{
	width:29px;
	height:29px;
	margin:8px 0 0 70px;
	display:block;
	background:transparent url(../images/global/sprite_menufixe.png) 0 -229px no-repeat;
}
#header_new div.espaceclient_contenu div#infosclient p{
	padding:15px 0;
}
#header_new div.espaceclient_contenu div#infosclient p#etat_civil{
	padding-top:0;
	border-bottom:1px solid #f0f0f0;
}
#header_new div.espaceclient_contenu p#profil a,
#header_new div.espaceclient_contenu p#demandes a{
	display:block;
	padding:15px 10px;
}
#header_new div.espaceclient_contenu p.lien_toutespaceclient{
	line-height:15px;
}
#header_new div.espaceclient_contenu p#profil a:hover,
#header_new div.espaceclient_contenu p#demandes a:hover,
#header_new #espaceclient_panier div.espaceclient_contenu p.lien_toutespaceclient a:hover{
	color:#ffffff;
}
#header_new div.espaceclient_contenu div#infosclient a:hover,
#header_new div.espaceclient_contenu #mesachats a:hover,
#header_new #espaceclient_panier div.espaceclient_contenu p.lien_toutespaceclient a:hover{
	text-decoration: underline;
}
#header_new div.espaceclient_contenu p#profil a:hover,
#header_new div.espaceclient_contenu p#demandes a:hover{
	background-color:#007faf;
}
/* fin survol espace client */
#header_new #recherche{
	margin-top:12px;
	background:none;
	border-bottom:none;
	height:auto;
	position:absolute;
	left:100px;
}
#header_new #divinfopanier p {
	padding-left: 0;
	background:none;
	max-width:205px;
}/*
#header_new #divinfopanier p a#divinfopanier_a {
	background: url("../images/global/sprite_global.png") no-repeat scroll -71px -77px transparent;
}*/
#header_new #recherche #recherche-content {
	background: #fff;
	width: 520px;
	padding: 8px 5px 8px 0;
	border: 1px solid #999;
	box-sizing: border-box;
	border-radius: 2px;
}
.miniHeader #header_new #recherche #recherche-content {
    width: 430px;
}
#header_new #recherche #recherche-content input[type=text]{
	width: 480px;
	padding-left:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	box-sizing: border-box;
	border: none;
	outline-style: none;
}
.miniHeader #header_new #recherche #recherche-content input[type=text]{
	width: 390px;
}
#header_new #recherche #recherche-content .picto_zoom {
	position: absolute;
	top: 50%;
	right: 12px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-position: -544px -31px;
	background-color: transparent;
	border: none;
	outline-style: none;
	opacity: 0.8;
}

.recherche_suggest_menu_header {
	text-align: right;
	display : block;
	font-size: small;
	font-style: italic;
}

.recherche_suggest_menu_footer {
	text-align: right;
	display : block;
	font-size: small;
	text-decoration: underline;
}

/* NEW HEADER FIN ==================================================================================== */

/* HEADER Simplifié =============================================================================================================================================================================== */
.headerSimple {
	border-bottom:5px solid #333;
}
.headerSimple #header_new {
	height:90px;
}
.headerSimple #header_new #header_main {
	top:22px;
	width:500px;
}
.headerSimple #header_new #outils {
	top:33px;
}
/* HEADER Simplifié  FIN ==================================================================================== */

/* CONNEXION - PANIER - ESPACE VENDEUR - DONNEUR D ORDRE */

#connexion-panier {
	float: right;
	font-size: 11px;
	background: transparent url(../images/global/pointille.gif) repeat-y left 0;
}

#connexion-panier div {
	float: left;
	background: transparent url(../images/global/pointille.gif) repeat-y right 0;
	padding: 0 15px;
}

#divinfopanier {
	min-width:145px; /* IE */
	*min-width: 145px; /* Pour IE7 seulement */
}

#choixDO p{
	/*width:175px;	*/
	line-height:11px;
	color:#333333;
}

#choixDO a#nomDO{
	color:#000000;
	display:inline-block;
	position:absolute;
	width:175px;
	height:14px;
	font-size:10px;
	margin:0 0 0 0;
	overflow:hidden;
	cursor: default;
}
#choixDO a#nomDO:hover{
	position: absolute;
	width:auto;
	margin:-1px 0 0 -2px;
	padding:0px 1px 1px 1px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}

#connexion-panier div p,
#evm div p,
#choixDO p{
	float: left;
	padding-top: 5px;
	line-height: 14px;
	height: 40px;
}

.double-fleche {
	text-transform: uppercase;
}
#connexion-panier a {
	text-decoration: none;
	color: #333;
}
#connexion-panier a:hover {
	color: #bc0005;
}

#connexion p {
	padding-left: 30px;
	background: transparent url(../images/global/sprite_global.png) no-repeat -73px -140px;
	max-width:180px;
}

#deconnexion,
#change-do{
	font-size: 10px;
}

#connexion-panier #deconnexion a {
	cursor: pointer;
}

#panier p,
#divinfopanier p{
	padding-left: 45px;
	background: transparent url(../images/global/sprite_global.png) no-repeat -73px -85px;
	max-width:150px;
}

.picto_espace_vendeur, .picto-documentation {
	height: 25px !important; /* ajout du important Pour eviter les bugs d affichage avec png fix sous ie6*/
	width:24px !important;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/*///////////////////// MENU FIXE MINI HEADER ///////////////////////////////////////////////*/
html,body{
	height:100%;
}
/*ombre*/
/*barre fixe grise*/

body.miniHeader div#env_header_new{
	/*background-color:#575e64;*/
	background: #333;
	position: fixed;
	z-index:1000;
	width:100%;
	height:40px;
	top:0;
	left:0;
}

* html body.miniHeader div#env_header_new{
	position: absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
}

body.miniHeader div#env_header_new #header_new{
	padding-top: 40px;
	height:0;
}

body.miniHeader #header_new{
	/*width:990px;*/
	margin:0 auto;
	/*height:35px;*//*40-5*/
	background:none;
	/*background-color:#575E64;*/
	background-color: #333;
}

body.miniHeader .faux_header{
	display: block;
	padding-top: 121px;/*116+5*/
}

body.miniHeader #header_new #outils{
	top:0;
}

body.miniHeader #header_new #outils_liens,
body.miniHeader #header_new .azur,
body.miniHeader #header_new #logo, body.miniHeader #header_new .malentendant {
	display:none !important;
}

body.miniHeader #header_new #recherche{
	top:-55px;
	left:0;
	margin-top: 17px;
}
body.miniHeader #header_new #espaceclient_panier{
	top:-55px;
	/*left:474px !important;*/
	right:160px;
	margin-top: 12px;
	background:url("../images/global/pointille.gif") repeat-y left 0 transparent;
}

/*contenu de la barre fixe*/
body.miniHeader #header_new #outils #outils_aide li#aideenligne{
	background: url("../images/global/pointille.gif") repeat-y scroll right 0 transparent;
	/*padding-right:1px;*/
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	top: 0;
}
/* items dans le contenu de la barre fixe */
body.miniHeader #header_new #espaceclient_panier a#divinfopanier_a,
body.miniHeader #header_new #outils a#aideenligne_bouton{
	/*background-image:url(../images/global/sprite_menufixe.png);*/
	color:#ffffff;
}/*
body.miniHeader #header_new #recherche #recherche-content {
  background: url("../images/global/loupe-recherche.png") no-repeat scroll 0 0 transparent;
  height: 25px;
}*/
body.miniHeader #header_new #outils a#aideenligne_bouton{
	background-position:10px -75px ;
	/*background-color:#575E64;*/
	background-color: #333;
	height:40px;
}
body.miniHeader #header_new #espaceclient_panier div#divinfoclient,
body.miniHeader #header_new #espaceclient_panier div#divinfopanier {
	border-left: 1px dotted #ccc;
}
body.miniHeader #header_new #outils #outils_aide a#aideenligne_bouton.hover {
	background-position:10px -115px;
	border-right:none;
}
/*
body.miniHeader #header_new #espaceclient_panier a#divinfopanier_a{
	background-position:10px -40px ;
}*/
body.miniHeader #header_new #espaceclient_panier a#divinfoclient_a{
	/*background-position:13px -854px ;*/
	color:#ffffff;
}

body.miniHeader #header_new #outils #outils_aide .aideenligne_bouton:before {
	margin-top: 6px;
}

body.miniHeader #header_new #divinfoclient .picto_profil:before {
	background-position: -521px -25px;
}

body.miniHeader #header_new #divinfopanier .picto_cart:before {
	background-position: -494px -25px;
}

* html body.miniHeader #header_new #espaceclient_panier a#divinfoclient_a,
* html body.miniHeader #header_new #espaceclient_panier a#divinfopanier_a,
* html body.miniHeader #header_new #espaceclient_panier a .menu_fixe_fleche,
* html body.miniHeader #header_new #outils #outils_aide a#aideenligne_bouton .header_aideenligne_fleche,
* html body.miniHeader #header_new #outils a#aideenligne_bouton{
	background:none;/*ie6*/
}
* html body.miniHeader #header_new #outils #outils_aide .aideenligne_bouton{
	padding-top:5px;
}
body.miniHeader #header_new #espaceclient_panier a:hover#divinfopanier_a{
	color:#ffffff;
	background-color:#191919;
}
body.miniHeader #header_new #espaceclient_panier a#divinfoclient_a.hover{
	background-color:#191919;
	color:#ffffff;
	background-position:13px -854px ;
}
body.miniHeader #header_new #espaceclient_panier a .double-fleche{
	background:none;
}
body.miniHeader #header_new #espaceclient_panier a .menu_fixe_fleche,
body.miniHeader #header_new #outils #outils_aide a#aideenligne_bouton .header_aideenligne_fleche{
	background:transparent url(../images/global/sprite_menufixe.png) 0px -319px no-repeat;
	width:9px;
	height:7px;
	line-height:7px;
	vertical-align: middle;
	display:inline-block;/**/
}
body.miniHeader #header_new #outils #outils_aide a#aideenligne_bouton.hover .header_aideenligne_fleche{
	/*background-position:0 -326px;*/
}

/*restylage par rapport a aideenligne.css*/
#aideenligne #faq{
	height:auto;
}
#aideenligne #faq #faq_content {
	width:280px;
}
#aideenligne #faq h2 {
	font-size:14px;
	margin-bottom:5px ;
	width: 280px;
}
#aideenligne #faq div#faq_content p#nb_resultats {
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
}

#aideenligne #faq div#faq_content p#nb_resultats {
	width: 280px;
	height: 15px;
}
#aideenligne #faq div#faq_content ul li{
	margin-bottom:5px;
}
#aideenligne #faq div#faq_content ul li span {
	font-size:11px;
}
/*fin restylage par rapport a aideenligne.css*/



/* MENU ======================================================================================================== */

#menu_full {
	overflow:hidden;
	background: #333;
}

#menu {
	/*display: table;*/
	width: 100%;
	color: #fff;
	/*text-align: left;*/
}

#menu > li  {
	float: left;
	/*display: table-cell;
	text-align: left;*/
}

#menu > li > a {
	display: block;
	padding: 14px 16px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase;
}

#menu > li > a:hover {
	background: #191919;
}

#menu > li#menu-valeurs > a {
	background: #06598c;
}

#menu > li#menu-valeurs > a:hover {
	background: #044770;
}

#menu > li.menu-solutions > a {
	background: #33b3c6;
}

#menu > li.menu-solutions > a:hover {
	background: #2da1aa;
}

#menu .submenu {
	width: 100%;
	display: none;
	position: absolute;
	z-index: 99999;
	left: 0;
	padding: 15px 0;
	line-height: 18px;
	font-size: 12px;
	border-bottom: 5px solid #333;
	background: #fff;
}

#menu #menu-valeurs .submenu {
	border-color: #06598c;
}

#menu .menu-solutions .submenu {
	border-color: #33b3c6;
}

#menu .submenu > ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#menu .submenu > ul > li {
	float: left;
	width: 33%;
}

#menu .submenu a {
	color: #333;
	text-decoration: none;
}

#menu .submenu a:hover {
	text-decoration: underline;
}

#menu .submenu .groupe_cat {
	margin-bottom: 10px;
}

#menu .submenu .groupe_cat > a {
	font-size: 14px;
	color: #333;
}

/* répartition des sous-catégories sur 3 colonnes */
#menu #menu-solutions .submenu > ul{
	column-count: 1;
}
#menu #menu-solutions .submenu > ul > li{
	float: left;
	width: 33%;
}
.submenu > ul{
	column-count: 3;
}
.submenu > ul>li{
	column-count: 1!important;
}
#menu .submenu > ul > li{
	float: none;
	width: 100%;
}
.groupe_cat ul li{
	line-height: 18px;
}



/*-- MENU NOS VALEURS --*/

#menu-valeurs .submenu .menu_achat_public {
	font-family: Raleway,sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #06598c;
	margin-bottom: 15px;
}

#menu-valeurs .pilier_menu {
	overflow: hidden;
	margin-bottom: 10px
}

#menu-valeurs .pilier_menu_2 {
	margin-top:30px;
	padding-left: 15px;
}

#menu-valeurs .pilier_menu-last {
	border-left: 1px solid #4ed892;
	padding-left: 40px;
	padding-bottom: 25px;
}

#menu-valeurs .sprite-nv li:before {
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
	content:"";
	display:table-cell;
	width: 25px;
	height: 25px;
}

#menu-valeurs .sprite-nv a {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

#menu-valeurs .sprite-actualite_1:before {
	background-position: -643px 0px;
}

#menu-valeurs .sprite-actualite_2:before {
	background-position: -643px -25px;
}

#menu-valeurs .sprite-actualite_3:before {
	background-position: -669px 1px;
}

#menu-valeurs .sprite-actualite_4:before {
	background-position: -668px -25px;
}

#menu-valeurs .sprite-actualite_5:before {
	background-position: -695px 3px;
}

#menu-valeurs .sprite-actualite_6:before {
	background-position: -696px -25px;
}

#menu-valeurs .sprite-pilier_4 ul {
	padding-left:25px;
}

#menu-valeurs .espace-pilier {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#menu-valeurs .espace-pilier ul{
	display: table;
	width: 100%;
}

#menu-valeurs .espace-pilier .element-pilier {
	width: 20%;
	display: table-cell;
}

#menu-valeurs .espace-pilier .element-pilier a{
	display:block;
	background: #f0f0f0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
	text-align: center;
	padding: 15px 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 5px;
	border-radius: 3px;
	font-family: "Raleway", sans-serif;
	font-weight: 700;
}

#menu-valeurs .espace-pilier .element-pilier a:hover {
	background: #e0e0e0;
	text-decoration: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

#menu-valeurs .espace-pilier .element-pilier:last-child a {
	margin-right: 0px;
}

/*
#menu-valeurs .espace-pilier > ul {
	width: 960px;
    margin: auto;
} */

/*-- MENU NOS SOLUTIONS --*/

.menu-solutions .solutions {
	margin-bottom:10px;
}

.menu-solutions .solutions a {
	display: table-cell;
	padding-left: 10px;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: middle;
}

.menu-solutions .solutions:before {
	content:"";
	display:table-cell;
	width: 25px;
	height: 25px;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
}

.menu-solutions .amenagement_batiments:before 		{background-position: -219px 0;}
.menu-solutions .entretien_batiments:before 		{background-position: -244px 0;}
.menu-solutions .systemes_information:before 		{background-position: -269px 0;}
.menu-solutions .flotte_vehicules:before 			{background-position: -294px 0;}
.menu-solutions .ressources_humaines:before 		{background-position: -319px 0;}
.menu-solutions .etablissement_hospitalier:before 	{background-position: -344px 0;}
.menu-solutions .etablissement_medico_social:before {background-position: -369px 0;}
.menu-solutions .education:before 					{background-position: -394px 0;}
.menu-solutions .environnement_urbain:before 		{background-position: -419px 0;}
.menu-solutions .protection_personnes:before 		{background-position: -444px 0;}
.menu-solutions .secours_personnes:before 			{background-position: -469px 0;}
.menu-solutions .senior_autonomie:before 			{background-position: -618px 0;}
.menu-solutions .smart_city:before 					{background-position: -618px -25px;}

/*
#menu .picto_menu_solution {
	vertical-align: middle;
	margin-right: 10px;
	max-width: 25px;
	max-height: 25px;
}*/

/* RECHERCHE ======================================================================================================== */

/* Autocomplétion */
.autocompletion{
	border:1px #ccc solid;
	display:inline-block;
	left:0;
	top:24px;
	width:293px;
	font-family:Arial, sans-serif;
}

.autocompletion ul{
	display:block;
}

.autocompletion li{
	background:#fafafa;
	float:left;
	padding:3px 0 5px;
	width:293px;
}

.autocompletion li a{
	background:url(../images/global/double-fleche.gif) no-repeat 1px 5px;
	border-bottom:1px #e2e2e2 solid;
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	margin:0 20px 0 19px;
	padding:0 0 6px 13px;
	text-decoration:none;
}
.autocompletion li a.last{
	border-bottom:none;
}
.autocompletion li .gras{
	font-weight:bold;
	text-decoration:underline;
}

.autocompletion li a:hover{
	text-decoration:underline;
}

.ui-autocomplete{
	width: 348px;
	padding: 10px 10px 2px 10px;
	font-size: 11px;
	border: 1px #e0e0e0 solid;
	background: #fff;
	z-index: 999999 !important;/* header et menu fixe */
}

.ui-autocomplete > li {
	margin-bottom: 8px;
}

li.ui-menu-item .gras{
	font-weight:bold;
	text-decoration:underline;
}

li.ui-menu-item a:hover,.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{
	cursor:pointer;
	text-decoration:underline;
}

/* Fin Autocmplétion */

#index {
	float: left;
	border-left: solid 1px #efefef;
	border-right: solid 1px #bdbdbd;
}

#index a {
	display: block;
	width: 189px;
	height: 27px; /*44-17*/
	padding: 17px 0 0 0;
	text-decoration: none;
	color: #666;
	text-align: center;
	font-weight: bold;
}

#index a:hover {
	background: #f9f9f9;
}

#divers {
	float: left;
	border-left: solid 1px #efefef;
}

#divers a {
	display: block;
	width: 377px;
	height: 44px;
	color: #666;
	text-align: center;
}

#divers a.premiere-visite {
	background: transparent url(../images/global/premiere-visite.gif) no-repeat 0 0;
}

#divers a.premiere-visite:hover {
	background-position: 0 -44px;
}

#divers a.anim-anonyme {
	background: transparent url(/images/media-wp/push/anim-anonyme.gif) no-repeat 0 0;
}

#divers a.anim-anonyme:hover {
	background-position: 0 -44px;
}

#divers a.anim-connecte {
	background: transparent url(/images/media-wp/push/anim-connecte.gif) no-repeat 0 0;
}

#divers a.anim-connecte:hover {
	background-position: 0 -44px;
}

/* CONTENT ======================================================================================================== */

#content {
	position: relative;
	z-index: 10;
	min-height:520px;
	padding: 15px 0;
}

.anime_hp,
.anime_hp_txt,
.anime_hp_title,
.anime_hp_accroche,
.anime_hp_img,
.anime_hpr,
.anime_hpr_title,
.anime_hpr_img
{
	display: block;
}

.anime_hp, .anime_hpr {
	position: relative;
}

.anime_hpr_picto {
	width: 100%;
	height: 200px;
	background: #2478c7;
	background-repeat: no-repeat;
	background-position: center center;
}

.anime_hpr_picto_hauts_de_france {
	background-image: url(/images/media-wp/home/regions/hauts_de_france_picto.png);
}
.anime_hpr_picto_normandie {
	background-image: url(/images/media-wp/home/regions/normandie_picto.png);
}
.anime_hpr_picto_idf {
	background-image: url(/images/media-wp/home/regions/idf_picto.png);
}
.anime_hpr_picto_grand_est {
	background-image: url(/images/media-wp/home/regions/grand_est_picto.png);
}
.anime_hpr_picto_bretagne {
	background-image: url(/images/media-wp/home/regions/bretagne_picto.png);
}
.anime_hpr_picto_pays_de_la_loire {
	background-image: url(/images/media-wp/home/regions/pays_de_la_loire_picto.png);
}
.anime_hpr_picto_centre_val_de_loire {
	background-image: url(/images/media-wp/home/regions/centre_val_de_loire_picto.png);
}
.anime_hpr_picto_bourgogne_franche_comte {
	background-image: url(/images/media-wp/home/regions/bourgogne_franche_comte_picto.png);
}
.anime_hpr_picto_nouvelle_aquitaine {
	background-image: url(/images/media-wp/home/regions/nouvelle_aquitaine_picto.png);
}
.anime_hpr_picto_auvergne_rhone_alpes {
	background-image: url(/images/media-wp/home/regions/auvergne_rhone_alpes_picto.png);
}
.anime_hpr_picto_occitanie {
	background-image: url(/images/media-wp/home/regions/occitanie_picto.png);
}
.anime_hpr_picto_provence_alpes_cote_azur {
	background-image: url(/images/media-wp/home/regions/provence_alpes_cote_azur_picto.png);
}
.anime_hpr_picto_corse {
	background-image: url(/images/media-wp/home/regions/corse_picto.png);
}

.anime_hpr_picto_outre_mer {
	background-image: url(/images/media-wp/home/regions/outre_mer_picto.png);
}


.anime_hp_txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:15px;
	color: #333;
}

.anime_hpr_txt {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left:0;
	color: #fff;
	text-align: center;
}

.anime_hpr_txt_equipe {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}

.anime_hp_title, .anime_hpr_title {
	padding-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.anime_hp_accroche {
	padding-bottom: 15px;
}

.anime_hp_margin_bottom, .anime_hpr_margin_bottom {
	margin-bottom: 12px;
}

.anime_hp_blanc .anime_hp_txt, .anime_hpr {
	color: #fff;
	text-shadow: 1px 1px 2px #333;
}

.anime_hp_blanc .anime_hp_txt .ubtn_white:hover, .anime_hpr .ubtn_white:hover {
	text-shadow: none;
}

.anime_hp_big .anime_hp_title {
	font-size: 26px;
	font-size: 2.6rem;
}

.anime_hp_big .anime_hp_accroche {
	font-size: 18px;
	font-size: 1.8rem;
}

.shortcute_espaceclient a {
	display: table;
	width: 100%;
	height: 92px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: middle;
}

.shortcute_espaceclient a:hover {
	border-color: #333;
}

.shortcute_espaceclient a span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}


.shortcute_espaceclient a span:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto 10px auto;
	background-image: url(../images/global/sprite_raccourcis_espace_client.png);
}

.shortcute_espaceclient a.shortcute_commandes span:before {background-position: 0 0;}
.shortcute_espaceclient a.shortcute_devis span:before {background-position: 0 -40px;}
.shortcute_espaceclient a.shortcute_demandes span:before {background-position: 0 -80px;}
.shortcute_espaceclient a.shortcute_espaceclient span:before {background-position: 0 -120px;}

/*EN CE MOMENT*/
.en_ce_moment a {
	display: block;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #999;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999;
	border-bottom-width: 3px;
	border-radius: 5px;
}

.en_ce_moment a:hover {
	color: #fff;
	background: #999;
}

/*POLITIQUES PUBLIQUES*/
.bloc_pp  {
	display: table;
	width: 100%;
	background: #f0f0f0;
}

.bloc_pp_img  {
	display: table-cell;
	width: 120px;
}

.bloc_pp_img img {
	display: block;
}

/*.bloc_pp_img .bloc_pp_img_nv  {
    display: block;
	width: 120px;
	height: 150px;
	overflow: hidden;
}
.bloc_pp_img .bloc_pp_img_nv .bloc_pp_img_nvimg  {
	height:100%;
	margin-left:-140px;
}*/

.bloc_pp_txt {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 15px;
}

.bloc_pp_txt p {
	margin-bottom: 10px;
}

.bloc_pp_txt p:last-child {
	margin-bottom: 0;
}

.bloc_pp_type  {
	display: inline-block;
	padding: 3px 8px;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	background: #333;
}


.bloc_pp_title  {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}


.bloc_pp_lien a:hover {
	text-decoration: underline;
}

/*INNOVATION*/
.bloc_pp_innovation .bloc_pp_type  {background: #a658ab;}
/*.bloc_pp_innovation .bloc_pp_lien a {color: #a658ab;}*/

/*EMPLOI LOCAL*/
.bloc_pp_local .bloc_pp_type  {background: #2478c7;}
/*.bloc_pp_local .bloc_pp_lien a {color: #2478c7;}*/

/*DEVELOPPEMENT DURABLE*/
.bloc_pp_dd .bloc_pp_type  {background: #8ccf02;}
/*.bloc_pp_dd .bloc_pp_lien a {color: #8ccf02;}*/

/*TEMOIGNAGE*/
.bloc_pp_temoignage .bloc_pp_type  {background: #999999;}
/*.bloc_pp_temoignage .bloc_pp_lien a {color: #999999;}*/

/*AGENDA*/
.bloc_pp_agenda .bloc_pp_type  {background: #19B79E;}
/*.bloc_pp_agenda .bloc_pp_lien a {color: #19B79E;}*/



.avantages_ugap .avantage_item {
	position:relative;
	display: block;
	text-align: center;
	cursor:pointer;
}


.avantages_ugap .avantage_item:before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 10px auto;
	background-image: url(../images/global/sprite_avantages.png);
	border-radius: 50%;

	transform: scale(1);
	transition:all .2s ease-in-out;
}

.avantages_ugap .avantage_item:hover:before {
	transform: scale(1.1);
	transition:all .3s ease-in-out;
}

.avantages_ugap .avantage_dispense:before {background-position: 0 0;}
.avantages_ugap .avantage_performance:before {background-position: -100px 0;}
.avantages_ugap .avantage_reseau:before {background-position: -200px 0;}
.avantages_ugap .avantage_outil:before {background-position: -300px 0;}
.avantages_ugap .avantage_suivi:before {background-position: -400px 0;}

.temoignage {
	display:table;
}

.temoignage_img {
	display:table-cell;
}

.temoignage_img  img {
	width: 90px;
	height: 90px;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 50px;
}

.temoignage_txt {
	display:table-cell;
	padding-left: 15px;
	vertical-align: middle;
}

.temoignage_txt > p {
	margin-bottom: 10px;
}

.savoir_ugap p {
	margin-bottom: 10px;
}

.temoignage_auteur {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999;
}

.temoignage_auteur strong {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
}

.partenaires {
	text-align:center;
}

.partenaires li {
	display: inline-block;
	margin: 10px 30px;
	vertical-align: middle;
}

.sticker_nouveau {
	display: inline-block;
	padding: 3px 5px;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #bc0005;
}

.sticker_nouveau_small {
	font-size: 10px;
	font-size: 1rem;
}

.sticker_nouveau_xsmall {
	font-size: 7px;
	font-size: 0.7rem;
}

/* BREADCRUMB ---------------------------------------------------------------------------------------------------- */

#breadcrumb {
	margin-bottom: 10px;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb > li {
	display: inline-block;
}

#breadcrumb .breadcrumb-item {
	position: relative;
	padding-right: 13px;
}

#breadcrumb > .breadcrumb-item:after {
	position: absolute;
	display: inline-block;
	content:"";
	width: 0;
	height: 0;
	top: 4px;
	right: 0;
	border: 3px solid #666;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

#breadcrumb > li#breadcrumb-show > a:after {
	display: block;
	float: right;
	margin: 4px 0 0 5px;
	content:"";
	width: 0;
	height: 0;
	border: 4px solid #666;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

#breadcrumb-list {
	position: absolute;
	display: none;
	margin-top: 10px;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #e0e0e0;
	z-index: 102;

}

#breadcrumb-list > li {
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

#breadcrumb-list > li:last-child  {
	border-bottom: none;
}



/* FOOTER ======================================================================================================== */

#footer_full {
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	font-size: 1.1rem;
	background: #333;
}

#footer, #subfooter {
	color: #fff;
}

#subfooter {
	/*display: table;
	width: 100%;*/
	padding: 10px 0;
}

.subfooter_left, .subfooter_right {
	display: table-cell;
	vertical-align: middle;
}
/*
.subfooter_left {
	width: 35%;
}

.subfooter_right {
	width: 65%;
	text-align: right;
}
*/
#footer a, #subfooter a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #subfooter a:hover {
	text-decoration: underline;
}

#footer .reassurance {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;

	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}

#footer .reassurance>div {
	flex-grow: 1;
}

#footer .reassurance p:before {
	display: block;
	content: "";
	margin: 0 auto 10px auto;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
}

#footer .reassurance p.picto_ethique:before  {
	width: 52px;
	height: 41px;
	background-position: 0 0;
}

#footer .reassurance p.picto_securite:before {
	width: 41px;
	height: 41px;
	background-position: -52px 0;
}

#footer .reassurance p.picto_confiance:before {
	width: 51px;
	height: 41px;
	background-position: -93px 0;
}

#footer .reassurance p.picto_reference:before {
	width: 31px;
	height: 41px;
	background-position: -144px 0;
}

#footer .reassurance p.picto_facilite:before {
	width: 40px;
	height: 41px;
	background-position: -175px 0;
}

#footer .reassurance p.picto_livraison:before {
	width: 52px;
	height: 41px;
	background-image: url(../images/global/delivery_truck_rounded.png);
	background-repeat: no-repeat;
}

#footer .reassurance strong {
	font-size: 12px;
	font-size: 1.2rem;
}

#footer .footer_links li, #footer .footer_links p {
	margin-bottom: 5px;
}

#footer .footer_social li {
	float: left;
	margin-right: 5px;
}

#footer .footer_social .sprite {
	width: 25px;
	height: 25px;
}

#footer .picto_twitter {
	background-position: -319px -25px;
}

#footer .picto_facebook {
	background-position: -344px -25px;
}

#footer .picto_linkedin {
	background-position: -369px -25px;
}

#footer .picto_viadeo {
	background-position: -394px -25px;
}

#footer .picto_youtube {
	background-position: -720px 0;
}

#subfooter_full {
	padding: 10px 0;
	font-size: 11px;
	background: #555;
}

#subfooter p.picto_fevad {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

#subfooter p.picto_fevad:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-image: url(../images/global/sprite.png);
	background-repeat: no-repeat;
	background-position: -544px 0;
	vertical-align: middle;
}

#subfooter li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}

#subfooter li:last-child {
	border-right: none;
	padding-right: 0;
}


.tooltip_arrow {
	height:11px;
	margin-top:-1px;
	background:transparent url(../images/global/tooltip_arrow.gif) center 0 no-repeat;
}

.tooltip_hide { display:none; }

.tooltip_forme a { text-decoration:none; color:#bc0005; }
.tooltip_forme a:hover { text-decoration:underline; }

/* FIN TOOLTIP ************************************************************************************************* */

#retour-haut {
	clear: both;
	text-align: right;
	padding: 20px 0 0 0;
	height: 15px;
}

#retour-haut a {
	display: block;
	height: 14px;
	float: right;
	color: #666;
	text-decoration: none;
	padding: 1px 20px 0 0;
	background: transparent url(../images/global/sprite_global.png) no-repeat 69px -0;
}

#retour-haut a:hover {
	text-decoration: underline;
}

/* CLASSES DIVERSES ======================================================================================================== */

a.link {
	color: #007feb;
}

a.link:hover {
	text-decoration: underline;
}
ol.orderedlist  {
	list-style:decimal;
	list-style-position:outside;
	margin:0 0 15px 15px;
}

ol.orderedlist li ,.liste li, .list li {
	position: relative;
	padding: 0 0 8px 15px;
}

.liste li:before, .list li:before {
	content:"";
	position: absolute;
	top: 4px;
	left:0;
	display: block;
	width: 5px;
	height: 5px;
	background-color: #333;
}

.liste_nos_valeurs li:before, .list_nos_valeurs li:before {
	background-color: #4ed892;
}

.liste > li > ul, .list > li > ul  {
	padding-top: 5px;
}

.liste > li > ul > li, .list > li > ul > li {
	position: relative;
	padding: 0 0 2px 8px;
}

.liste > li > ul > li:before, .list > li > ul > li:before {
	content:"";
	position: absolute;
	top: 5px;
	left:0;
	display: block;
	width: 3px;
	height: 3px;
}

.caption, .asterisk {
	color:#999;
	font-size:11px;
	font-size:1.1rem;
}

.caption {
	margin-bottom:20px;
	text-align:center;
}

.asterisk {
	font-style: italic;
}

.placeholder {
	color: #999 !important;
}

.share_print {
	text-align: right;
}

.share_print > li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #666;
	font-size: 11px;
}

.share_print > li:last-child {
	border-right: none;
}

.border_bottom {
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}


.block_grey_border {
	padding: 15px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.block_grey_bg {
	padding: 15px;
	box-sizing: border-box;
	background: #f0f0f0;
}

.img_responsive {
	display: block;
	max-width:100%;
	height:auto;
}

h2.titre {
	margin: 0 0 20px 0;
	padding: 0 0 3px 0;
	color: #333;
	border-bottom: solid 1px ;
	zoom: 1;
}

h2.titre_noir {
	color: #333 !important;
	border-color: #333 !important;
}

blockquote.quote {padding: 10px 15px;margin: 0 0 20px;border-left: 5px solid #eee}
blockquote.quote footer {color:#777;}
blockquote.quote footer:before {content: '\2014 \00A0';}
blockquote.quote cite {font-style:italic;}

/* tableau présent dans les articles */
table.tableArticle {width:100%;}
table.tableArticle>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	text-align:left;
	font-weight:bold;
}
table.tableArticle>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
table.tableArticle>thead>tr>th, table.tableArticle>tbody>tr>td, table.tableArticle>tbody>tr>th  {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
table.tableArticle>thead:first-child>tr:first-child>th {
	border-top: 0;
}

/* COULEURS */

.noir							{ color: #000000 !important; }
.gris		 					{ color: #576065 !important; }
.rouge		 					{ color: #bc0005 !important; }
.blanc		 					{ color: #ffffff !important; }
.bleu							{ color: #278dbb !important; }
.vert 							{ color: #79b51c !important; }

.color_error					{ color: #f75543 !important; }
.color_success					{ color: #1ed760 !important; }
.color_warning					{ color: #fad532 !important; }
.color_info						{ color: #55b6f2 !important; }

.fournitures					{ color: #c5007b !important; }
.enseignement 					{ color: #0099a1 !important; }
.environnement 					{ color: #fbc421 !important; }
.equipement_general,
.equipement,
.equipement-gal 				{ color: #d3c000 !important; }
.equipement_restauration 		{ color: #dfc294 !important; }
.equipement_urbain 				{ color: #f7a800 !important; }
.hygiene 						{ color: #ec7404 !important; }
.incendie 						{ color: #b80718 !important; }
.informatique 					{ color: #715c9f !important; }
.medical 						{ color: #0090d4 !important; }
.mobilier_bureau, .mobilier		{ color: #a5037c !important; }
.mobilier_collectivites 		{ color: #e8514c !important; }
.restauration 					{ color: #dfc294 !important; }
.reunion_accueil 				{ color: #ee7f01 !important; }
.services 						{ color: #f39800 !important; }
.vehicules 						{ color: #476072 !important; }
.vetements 						{ color: #006233 !important; }
.conso, .consommables			{ color: #c5007b !important; }
.boutiques_spe,
.boutiques,
.boutiques-spe					{ color: #33b3c6 !important; }

/*
.fournitures				{ color: #c5007b; }
.mobilier-bureau 			{ color: #a5037c; }
.informatique				{ color: #715c9f; }
.reunion					{ color: #ee7f01; }
.enseignement				{ color: #0098a1; }
.medical					{ color: #0090d4; }
.mobilier-restauration		{ color: #eb6b52; }
.equipement-restauration	{ color: #c73531; }
.equipement-general			{ color: #d3c000; }
.equipement-urbain			{ color: #f7a800; }
.vehicules					{ color: #476072; }
.vetements					{ color: #006233; }
.services					{ color: #830628; }
*/

/* COULEURS BORDURES ---------------------------------------------------------------------------------------------------- */

.border-gris		 				{ border-color: #576065; }
.border-rouge		 				{ border-color: #bc0005; }
.border-bleu		 				{ border-color: #278dbb; }
.border-vert		 				{ border-color: #79b51c; }

.border_fournitures 				{ border-color: #c5007b; }
.border_enseignement 				{ border-color: #0099a1; }
.border_environnement 				{ border-color: #fbc421; }
.border_equipement_general 			{ border-color: #d3c000; }
.border_equipement_restauration 	{ border-color: #dfc294; }
.border_equipement_urbain 			{ border-color: #f7a800; }
.border_hygiene 					{ border-color: #ec7404; }
.border_incendie 					{ border-color: #b80718; }
.border_informatique 				{ border-color: #715c9f; }
.border_medical 					{ border-color: #0090d4; }
.border_mobilier_bureau				{ border-color: #a5037c; }
.border_mobilier_collectivites 		{ border-color: #e8514c; }
.border_restauration 				{ border-color: #dfc294; }
.border_reunion_accueil 			{ border-color: #ee7f01; }
.border_services 					{ border-color: #f39800; }
.border_vehicules 					{ border-color: #476072; }
.border_vetements 					{ border-color: #006233; }

/*
.border-fournitures					{ border-color: #c5007b; }
.border-mobilier-bureau 			{ border-color: #a5037c; }
.border-informatique				{ border-color: #715c9f; }
.border-reunion						{ border-color: #ee7f01; }
.border-enseignement				{ border-color: #0098a1; }
.border-medical						{ border-color: #0090d4; }
.border-mobilier-restauration		{ border-color: #eb6b52; }
.border-equipement-restauration		{ border-color: #c73531; }
.border-equipement-general			{ border-color: #d3c000; }
.border-equipement-urbain			{ border-color: #f7a800; }
.border-vehicules					{ border-color: #476072; }
.border-vetements					{ border-color: #006233; }
.border-services					{ border-color: #830628; }
*/


/* COULEURS BACKGROUND ---------------------------------------------------------------------------------------------------- */

.bg_gris		 				{ background-color: #576065; }
.bg_rouge		 				{ background-color: #bc0005; }
.bg_bleu		 				{ background-color: #278dbb; }
.bg_vert		 				{ background-color: #79b51c; }

.bg_bureau 						{ background-color: #c5007b; }
.bg_enseignement 				{ background-color: #0099a1; }
.bg_environnement 				{ background-color: #fbc421; }
.bg_equipement_general 			{ background-color: #d3c000; }
.bg_equipement_restauration 	{ background-color: #dfc294; }
.bg_equipement_urbain 			{ background-color: #f7a800; }
.bg_hygiene 					{ background-color: #ec7404; }
.bg_incendie 					{ background-color: #b80718; }
.bg_informatique 				{ background-color: #715c9f; }
.bg_medical 					{ background-color: #0090d4; }
.bg_mobilier_bureau				{ background-color: #a5037c; }
.bg_mobilier_collectivites 		{ background-color: #e8514c; }
.bg_restauration 				{ background-color: #dfc294; }
.bg_reunion_accueil 			{ background-color: #ee7f01; }
.bg_services 					{ background-color: #f39800; }
.bg_vehicules 					{ background-color: #476072; }
.bg_vetements 					{ background-color: #006233; }


/* CHECKBOX - RADIO  ---------------------------------------------------------------------------------------------------- */

span.ui-checkbox {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/global/checkbox.gif) 0 0 no-repeat;
}

span.ui-checkbox-state-hover {
	background-position: 0 -30px;
}

span.ui-checkbox-state-checked {
	background-position: 0 -60px;
}

span.ui-checkbox-state-checked-hover {
	background-position: 0 -90px;
}

span.ui-checkbox-state-checked-disabled {
	background-position: 0 -120px;
}

span.ui-checkbox-state-disabled {
	background-position: 0 -150px;
}

span.ui-radio {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/global/radio.gif) 0 0 no-repeat;
}

span.ui-radio-state-hover {
	background-position: 0 -30px;
}

span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 -60px;
}

span.ui-radio-state-checked-hover {
	background-position: 0 -90px;
}

span.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -999px;
}

/*RCP*/

.ligne_rcp {
	display: inline-block;
	position: relative;
	font-size: 10px;
	z-index: 500;
	color: #999;
}
#table_panier .ligne_rcp {
	z-index:1000;/*pour eviter superposition avec prix web*/
}
.picto_rcp_exoneree{
	position: relative;
}

/*
.ligne_rcp .prix_rcp {
	color: #999;
}

.ligne_rcp a:hover {
	text-decoration: none;
}
*/

.ligne_rcp .infobulle_rcp,
.picto_rcp_exoneree .infobulle_rcp{
	display: block;
	position: absolute;
	top: 15px;
	left: -210px;
	z-index: 600;
}

.infobulle_center .infobulle_rcp {
	left: -115px;
}

.ligne_rcp .infobulle_rcp .fleche_bleue_infobulle,
.picto_rcp_exoneree .infobulle_rcp .fleche_bleue_infobulle {
	position: absolute;
	top: 0;
	left: 238px;
	display: block;
	width: 13px;
	height: 6px;
	background: transparent url(../images/global/fleche_bleue_infobulle.png) no-repeat 0 0;
	z-index: 120;
}

.picto_rcp_exoneree .infobulle_rcp .fleche_bleue_infobulle {
	top: 30px;
}

.infobulle_center .infobulle_rcp .fleche_bleue_infobulle {
	left: 145px;
}

.ligne_rcp .infobulle_rcp .content_infobulle,
.picto_rcp_exoneree .infobulle_rcp .content_infobulle {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 300px;
	padding: 7px;
	color: #333;
	font-size: 10px;
	font-weight: normal !important;
	text-align: left;
	border: 1px solid #278dbb;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 0px 2px 5px;
	-moz-box-shadow: #ccc 0px 2px 5px;
	box-shadow: #ccc 0px 2px 5px;
	z-index: 110;
}
.picto_rcp_exoneree .infobulle_rcp .content_infobulle {
	top: 35px;
}

.ligne_rcp .infobulle_rcp .content_infobulle strong,
.picto_rcp_exoneree .infobulle_rcp .content_infobulle strong {
	color: #278dbb;
}

.ligne_rcp .infobulle_rcp .content_infobulle ul li,
.picto_rcp_exoneree .infobulle_rcp .content_infobulle ul li {
	list-style-type: square;
	list-style-position:inside;
}

.ligne_rcp .infobulle_rcp .content_infobulle ul li a{
	list-style-type: square;
	list-style-position:inside;
	color: #278dbb;
}

.picto_rcp_exoneree .infobulle_rcp .content_infobulle a{
	color: #278dbb;
}

#ui-dialog-title-dlgExonerationRCP {
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	font-weight: 800;
}

#charte_RCP .rcp_text {
	padding: 20px 60px 20px 60px;
}
#charte_RCP .rcp_text ol{
	list-style: decimal;
	list-style-position: outside;
	margin: 0 0 5px 15px;
}
#charte_RCP .rcp_accept{
	padding: 20px 60px;
	background-color: #e3f9f6;
}
#charte_RCP p,
#charte_RCP li {
	line-height: 1.5;
}
#charte_RCP .rcp_title {
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#charte_RCP .rcp_subtitle{
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
#charte_RCP .checkbox_isRCP_label {
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 10px;
}
#charte_RCP .checkbox_isRCP_label span{
	font-size: 12px;
	font-size: 1.2rem;
}

/* ECOTAXE */

.ligne_ecotax_ttc {
	font-weight: normal !important;
	font-size: 10px !important;
	color: #999;
}

.ligne_ecotax_ttc .prix_eco_tax a,
.ligne_ecotax_ttc .prix_eco_tax {
	position: relative;
	z-index: 400;
}
/*
.ligne_ecotax_ttc .prix_eco_tax a.affiche_infobulle_ec:hover{
	text-decoration: none !important;
}*/

.ligne_ecotax_ttc .infobulle_eco_tax {
	display: block;
	position: absolute;
	top: 15px;
	left: -43px;
	z-index: 100;
}

.ligne_ecotax_ttc .infobulle_eco_tax a, a.btn_savoir_plus_dd  {
	float: left;
	display: block;
	padding-right: 10px;
	text-decoration: none;
	color: #bc0005 !important;
	background: transparent url(../images/global/fleche_rouge_droite.gif) no-repeat right 3px;
}

.ligne_ecotax_ttc .infobulle_eco_tax a:hover, a.btn_savoir_plus_dd:hover {
	text-decoration: underline;
}

.ligne_ecotax_ttc .infobulle_eco_tax .fleche_verte_infobulle {
	position: absolute;
	top: 0;
	left: 52px;
	display: block;
	width: 13px;
	height: 6px;
	background: transparent url(../images/global/fleche_verte_infobulle.gif) no-repeat 0 0;
	z-index: 120;
}

.ligne_ecotax_ttc .infobulle_eco_tax .content_infobulle {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 104px; /*120-7-7-1-1*/
	height: 28px; /*45-5-5-1-1*/
	padding: 7px;
	color: #333;
	font-weight: normal !important;
	text-align: left;
	border: 1px solid #79b51c;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 0px 2px 5px;
	-moz-box-shadow: #ccc 0px 2px 5px;
	box-shadow: #ccc 0px 2px 5px;
	z-index: 110;
}

/***** Déclencher facture  *****/
.dialog_declencher_facture_NFA .ui-dialog-buttonpane,
.dialog_declencher_facture_FBL .ui-dialog-buttonpane,
.dialog_declencher_facture_ASF .ui-dialog-buttonpane{
	margin-top: -90px;
}
.dialog_declencher_facture_NFA .ui-dialog-titlebar,
.dialog_declencher_facture_FBL .ui-dialog-titlebar,
.dialog_declencher_facture_ASF .ui-dialog-titlebar,
.dialog_declencher_facture .ui-dialog-titlebar{
	margin-bottom: 24px;
}
.dialog_declencher_facture .ui-dialog-title,
.dialog_declencher_facture_NFA .ui-dialog-title,
.dialog_declencher_facture_FBL .ui-dialog-title,
.dialog_declencher_facture_ASF .ui-dialog-title {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 24px;
	font-weight: 800;
}
.dialog_declencher_facture_content{
	font-size: 12px;
	line-height: 16px;
}
.dialog_declencher_facture_NFA .btn_jai_compris,
.dialog_declencher_facture_FBL .btn_jai_compris,
.dialog_declencher_facture_ASF .btn_jai_compris,
.dialog_declencher_facture .btn_annuler,
.dialog_declencher_facture .btn_declencher_facture{
	padding: 12px 20px;
	border: 1px solid #333333;
	text-transform: uppercase;
}
.dialog_declencher_facture .btn_annuler{
	color: #333333;
	background-color: #ffffff;
}
.dialog_declencher_facture .btn_annuler:hover{
	color: #ffffff;
	background-color: #333333;
}
.dialog_declencher_facture_NFA .btn_jai_compris,
.dialog_declencher_facture_FBL .btn_jai_compris,
.dialog_declencher_facture_ASF .btn_jai_compris,
.dialog_declencher_facture .btn_declencher_facture{
	color: #ffffff;
	background-color: #333333;
}
.dialog_declencher_facture_NFA .btn_jai_compris:hover,
.dialog_declencher_facture_FBL .btn_jai_compris:hover,
.dialog_declencher_facture_ASF .btn_jai_compris:hover,
.dialog_declencher_facture .btn_declencher_facture:hover{
	color: #333333;
	background-color: #ffffff;
}

.ligne_etat_facture_demandee{
	position: relative;
}
.ligne_etat_facture_demandee .etat_facture_demandee{
	display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	right: 5px;
	opacity: 0.7;
	transition: 100ms;
}
.ligne_etat_facture_demandee .etat_facture_demandee:hover{
	text-decoration: none !important;
	opacity: 0.5;
}
.ligne_etat_facture_demandee .etat_facture_demandee span{
	display: table-cell;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	background: #007feb;
	cursor: pointer;
	vertical-align: middle;
}

.ligne_etat_facture_demandee .infobulle_etat_facture_demandee {
	display: block;
	position: absolute;
	bottom: 30px;
	right: -5px;
	z-index: 999;
}

.ligne_etat_facture_demandee .infobulle_etat_facture_demandee .content_infobulle {
	position: relative;
	display: block;
	width: 175px;
	height: auto;
	padding: 7px;
	color: #666;
	font-size: 11px;
	font-weight: normal !important;
	text-align: left;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px;
	z-index: 110;
}

/***** Prix spécial web  *****/
.ligne_prix_web {
	position: relative;
	display:inline-block;
	margin-bottom: 5px;
	z-index: 600;
}

.ligne_prix_web .prix_web {
	display: inline-block;
	padding: 4px;
	color: #fff;
	font-size: 9px;
	font-size: 0.9rem;
	text-transform:uppercase;
	background: #ff9c00;
	cursor:pointer;
}

.ligne_prix_web .infobulle_prix_web {
	display: block;
	position: absolute;
	top: 20px;
	left: -20px;
	z-index: 999;
}


.ligne_prix_web .infobulle_prix_web .fleche_orange_infobulle {
	position: absolute;
	top: 0;
	left: 65px;
	display: block;
	width: 13px;
	height: 6px;
	background: transparent url(../images/global/fleche_orange_infobulle.gif) no-repeat 0 0;
	z-index: 120;
}

.ligne_prix_web .infobulle_prix_web .content_infobulle {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 130px;
	height: auto;
	padding: 7px;
	color: #666;
	font-size:11px;
	font-weight: normal !important;
	text-align: left;
	border: 1px solid #ff9c00;
	background: #fff;
	border-radius: 3px;
	z-index: 110;
}


/* CLASSES DIVERSES */

.clear, .unfloat { clear:both; }
.gauche{ float:left; }
.droite{ float:right; }
.displaynone { display: none !important; }
.overflow_hidden {overflow: hidden;}
.box_sizing_border_box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.disable_scroll {
	overflow: hidden;
	height: 100%;
}

.enable_scroll {
	overflow: auto;
	height: auto;
}


.cache{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.block { display: block;	}
.ib {display: inline-block;}
.height0 { font-size: 0; height: 0; }
.width100, .full_width { width:100%; }

.text_align_right { text-align:right; }
.text_align_center { text-align: center; }
.text_align_left { text-align: left; }
.valign_middle {vertical-align: middle;}

.cancel_bold { font-weight: normal; }
.noborder {border: none !important;}

.margin_top_0px {margin-top: 0 !important;}
.margin_top_5px { margin-top: 5px !important; }
.margin_top_10px { margin-top: 10px !important; }
.margin_top_15px { margin-top: 15px !important; }
.margin_top_20px { margin-top: 20px !important; }
.margin_top_25px { margin-top: 25px !important; }
.margin_top_30px { margin-top: 30px !important; }
.margin_top_40px { margin-top: 40px !important; }
.margin_bottom_5px { margin-bottom: 5px !important; }
.margin_bottom_10px { margin-bottom: 10px !important; }
.margin_bottom_15px { margin-bottom: 15px !important; }
.margin_bottom_20px { margin-bottom: 20px !important; }
.margin_bottom_25px { margin-bottom: 25px !important; }
.margin_bottom_30px { margin-bottom: 30px !important; }
.margin_bottom_40px { margin-bottom: 40px !important; }
.margin_right_5px { margin-right: 5px !important; }
.margin_right_10px { margin-right: 10px !important; }
.margin_right_15px { margin-right: 15px !important; }
.margin_right_20px { margin-right: 20px !important; }
.margin_right_25px { margin-right: 25px !important; }
.margin_right_30px { margin-right: 30px !important; }
.margin_right_40px { margin-right: 40px !important; }
.margin_left_5px { margin-left: 5px !important; }
.margin_left_10px { margin-left: 10px !important; }
.margin_left_15px { margin-left: 15px !important; }
.margin_left_20px { margin-left: 20px !important; }
.margin_left_25px { margin-left: 25px !important; }
.margin_left_30px { margin-left: 30px !important; }
.margin_left_40px { margin-left: 40px !important; }

.padding_top_5px { padding-top: 5px !important; }
.padding_top_10px { padding-top: 10px !important; }
.padding_top_15px { padding-top: 15px !important; }
.padding_top_20px { padding-top: 20px !important; }
.padding_top_30px { padding-top: 30px !important; }
.padding_top_40px { padding-top: 40px !important; }
.padding_bottom_5px { padding-bottom: 5px !important; }
.padding_bottom_10px { padding-bottom: 10px !important; }
.padding_bottom_15px { padding-bottom: 15px !important; }
.padding_bottom_20px { padding-bottom: 20px !important; }
.padding_bottom_30px { padding-bottom: 30px !important; }
.padding_bottom_40px { padding-bottom: 40px !important; }
.padding_right_5px { padding-right: 5px !important; }
.padding_right_10px { padding-right: 10px !important; }
.padding_right_15px { padding-right: 15px !important; }
.padding_right_20px { padding-right: 20px !important; }
.padding_right_30px { padding-right: 30px !important; }
.padding_right_40px { padding-right: 40px !important; }
.padding_left_5px { padding-left: 5px !important; }
.padding_left_10px { padding-left: 10px !important; }
.padding_left_15px { padding-left: 15px !important; }
.padding_left_20px { padding-left: 20px !important; }
.padding_left_30px { padding-left: 30px !important; }
.padding_left_40px { padding-left: 40px !important; }

.padding_10px { padding: 10px !important; }

.video {
	position: relative;
	cursor:pointer;
}

.video video {
	width: 100%;
}

.video:before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	display: block;
	top: 50%;
	right: 50%;
	margin-right: -40px;
	background: url(../images/global/play_icon.png);
	background-size: 80px 80px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: 0.3s;
}
.video.hide_play_icon:before {
	display: none;
}

.video:hover:before {
	width: 100px;
	height: 100px;
	background-size: 100px 100px;
	margin-right: -50px;
}

.bloc_partager_imprimer {
	width: auto;
	height: 20px;
	margin: -45px 0 10px 0 ;
	float:right;
	position:relative;
}

.bloc_partager_imprimer_produit {
	float: none !important;
	width: 100%;
	overflow: hidden;
	margin-top: -10px !important;
}

.btn-partager{
	float:right;
	width: 82px;
	height: 20px;
	font-size: 11px;
	margin:0 0 0 10px;
}

.btn-partager a{
	display:block;
	float:right;
	width:50px; /* 82 - 32 */
	height: 17px; /* 20 - 3 */
	margin:0 !important; /* car dans jquery-ui.css : .ui-button avec margin:0 10px */
	padding:3px 0 0 32px;
	color:#333;
	text-decoration:none;
	background:transparent url(../images/global/sprite_global.png) no-repeat 0 -510px;
}

.btn-partager a:hover {
	background-position:  0 -530px;
}

.btn-imprimer, .btn-pdf, .btn-file {
	float:right;
	margin:0 0 0 10px;
	font-size:11px;
	height:20px;
}

.btn-imprimer a, .btn-pdf a, .btn-file a {
	display: block;
	height: 17px; /* 20 - 3 */
	padding: 3px 0 0 27px;
	color: #333;
	text-decoration: none;
	background:transparent url(../images/global/sprite_global.png) no-repeat 0 -470px;
}

.btn-imprimer{width: 82px;}

.btn-imprimer a{
	width: 56px; /* 82 - 32 */
	background-position:0 -470px;
}

.btn-imprimer a:hover{background-position: 0 -490px;}

.btn-pdf{width: 62px;}

.btn-pdf a{
	width: 36px; /* 70 - 32 */
	background-position: 0 -550px;
}

.btn-pdf a:hover{background-position: 0 -570px;}

.btn-file{width: 82px;}

.btn-file a{
	width: 56px; /* 70 - 32 */
	background-position: 0 -430px;
}

.btn-file a:hover{ background-position: 0 -450px;}

.btn-bleu-generique{
	padding: 10px;
	color:#fff;
	font-size:11px;
	background: #278dbb;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ea7d2), to(#278dbb));
	background: -webkit-linear-gradient(#3ea7d2, #278dbb);
	background: -moz-linear-gradient(#3ea7d2, #278dbb);
	background: -ms-linear-gradient(#3ea7d2, #278dbb);
	background: -o-linear-gradient(#3ea7d2, #278dbb);
	background: linear-gradient(#3ea7d2, #278dbb);
	border: none;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-bleu-generique:hover{
	background: #479ec5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5bb4d9), to(#479ec5));
	background: -webkit-linear-gradient(#5bb4d9, #479ec5);
	background: -moz-linear-gradient(#5bb4d9, #479ec5);
	background: -ms-linear-gradient(#5bb4d9, #479ec5);
	background: -o-linear-gradient(#5bb4d9, #479ec5);
	background: linear-gradient(#5bb4d9, #479ec5);
}
.pdf_submit {
	width: 62px;
	height: 20px;
	margin: 0;
	padding: 0;
	font-size: 0;
	color: #ccc;
	border: none;
	background: #ccc url(../images/catalogue/recapvehicules/pdf_btn.gif) no-repeat 0 0;
	cursor: pointer; /*Pour IE6*/
}

/* formulaire */
input[type=submit]{
	cursor:pointer;
}

.infos_spam {
	margin: 20px 0;
	padding: 15px 10px 15px 60px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff url(../images/global/carnet_adresses.gif) no-repeat 10px center;
}

.infos_spam a {
	color: #bc0005 !important;
	font-size: 12px !important;
	text-decoration: none;
}

.infos_spam a:hover {
	text-decoration: underline !important;
}

#indicator {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1002;
	opacity:0.6;
	-moz-opacity : 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter : alpha(opacity=60);
	overflow: hidden;
	background: #fff url(../images/global/ajax-loader.gif) no-repeat center center;
}

.spin_loader {
	position: absolute;
	/*top: 100px;
	left: 100px;*/
	border: 5px solid #fff;
	border-top: 5px solid #333;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

* html #indicator {
	position: absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
}

.loaderPopin {
	display: block;
	width: 	32px;
	height: 32px;
	margin: 40px auto 0 auto;
}

/* JQUERY-UI ================================================================================================================ */

.ui-tabs .ui-tabs-hide { display: none; }

/* PARTAGER ================================================================================================================= */

#popinpartager, .popinpartager{
	background:#fff;
	/*border:10px #000 solid;
	-moz-border-radius:18px;
	height:445px;
	height: auto !important;
	min-height:445px;
	padding:10px 10px 40px 10px;*/
	width:827px !important;
}

#titrehaut{
	border-bottom:1px #606161 solid;
	display:block;
	height:25px;
	margin:30px 0 25px 0;
	padding:0;
}
#titrehaut p.titrepartager{
	color:#bc0005;
	font-size:18px;
	margin:0;
	width:410px;
}

.contenupopinpartager{
	border-bottom:1px #ccc solid;
	height:40px;
	margin:0;
}

.contenupopinpartager ul{
	display:block;
	height:50px;
	margin:0 auto;
	width:680px;
}
.contenupopinpartager ul li{
	float:left;
	padding:0 10px 0 0;
}
.contenupopinpartager ul li.lastpartager{
	float:left;
	padding:0;
}

.plus .flechebas{
	padding:0 0 16px 0;
}
.plus .flechebas img{
	display:block;
	height:9px;
	margin:0 0 10px 104px;
	padding:0;
	width:28px;
}

/*
 Formulaire Gauche
*/
.plus .parmailcontact{
	border-right:1px #ccc solid;
	float:left;
	margin:0;
	padding:0;
	width:451px;
}
.plis .parmailcontact div#wwgrp_ValiderFormulairePartager_civilite{
	height:20px;
}
.plus .parmailcontact div{
	margin:0 0 15px 0;
	padding:0;
	width:430px;
}
.plus .parmailcontact div.wwerr,.plus .destinataires div.wwerr {
	margin:0; /*quand on navigue avec la touche tab un div avec class wwerr se cree et apporte un décalage à cause du margin left de 17px lignes 76 et 199, donc obligé de remettre à zero */
}
.plus .parmailcontact span{
	padding:0;
}
.plus .parmailcontact span.ui-radio{
	display:inline;
	height:12px;
	margin:0 3px;
}

.parmailcontact label.ui-radio{
	/* Label des checkbox */
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:auto !important;
}
.parmailcontact label{
	float:left;
	margin:0 22px 0 0;
	text-align:right;
	width:119px;
}
.required{
	color:#bc0005;
}
.parmailcontact input{
	border:1px #ccc solid;
	float:none;
	height:19px;
	margin:2px 0 0 0;
	padding:0;
	width:187px;
}

#wwctrl_ValiderFormulairePartager_civilite label {
	float: none;
	margin: 0 20px 0 0;
	width: auto;
}

#wwctrl_ValiderFormulairePartager_civilite input {
	width: auto;
	height:auto;
	margin:0 3px 0 0;
	padding:0;
	border: none;
	vertical-align: baseline;
}


.parmailcontact div textarea{
	border:1px #ccc solid;
	color:#666;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:128px;
	padding:0 0 0 15px;
	width:272px;
}

.plus p.champsobligatoires{
	clear:both;
	font-style:italic;
	font-size:11px;
	margin:13px 0 0 8px;
}

.plus .destinataires{
	float:left;
	margin:0;
	padding:0;
	width:368px;
}
.destinataires p.titredestinataire{
	color:#000;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 23px 0;
	padding:0 0 0 20px;
	width:300px;
}
.plus .destinataires div{
	margin:0 0 15px 0;
	padding:0;
	width:310px;
}
.destinataires label{
	float:left;
	margin:0 18px 0 0;
	text-align:right;
	width:80px;
}
.destinataires input{
	border:1px #ccc solid;
	float:none;
	margin:0 2px 5px 1px;
	padding:0;
	width:190px;
}
.destinataires input.envoyerpartager{
	background:url(../images/emploi/envoyer.gif) no-repeat 0 1px;
	border:none;
	color:#fff;
	cursor:pointer;
	float:right !important;
	font-size:11px;
	height:21px;
	margin:20px 19px 0 0;
	padding:0;
	width:60px;
}

.radio {
	background: transparent url(../images/global/radio.gif) no-repeat 0 0;
	height: 18px;
	display: block;
	float: left;
	margin: -6px 0;
	padding: 0 5px 3px 0;
	width: 16px;
}

.parmailcontact p.errorMessage{
	/* message d'erreur a droite */
	height:15px;
	margin:0 0 0 141px;
	padding-left:20px;
	background:#fff url(../images/emploi/erreur.gif) 0 0 no-repeat;
	font-size:11px;
	color:#bc0005;
	clear:both;

}
.destinataires p.errorMessage{
	/* message d'erreur a gauche */
	height:17px;
	margin:0 1px 0 100px;
	padding-left:20px;
	background:#fff url(../images/emploi/erreur.gif) 0 0 no-repeat;
	font-size:11px;
	color:#bc0005;
	clear:both;
	width:240px;
}

#message_envoye{
	text-align:center;
}
#message_envoye .message{
	font-size:14px;
	margin-bottom:20px;
}
#message_envoye .messageFermer  a{
	display: block;
	height: 16px;
	padding: 2px 0;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	width: 80px;
	margin: 0 auto;
	color: #FFF;
	background: #333 url(../images/panier/btn-selection-adresses-dispo.gif) no-repeat 0 0;
}

div.successNotif {
	border:1px solid #4bbc00;
	border-radius:4px;
	margin:10px 0 !important;
	padding:5px !important;
	background:#d8eac5 url(../images/global/picto_success.gif) no-repeat scroll 5px 5px;
}
.successNotif p {
	color:#333;
	padding:0 0 10px 20px;
}


/* TINYMCE-WORDPRESS ======================================================================================================== */

.aligncenter, dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.liste_carre_gris {background: url(../images/noeuds/commun/puce-carre-gris.gif) no-repeat 0 6px; padding-left: 10px; list-style-type: none;}
.liste_carre_rouge {background: url(../images/noeuds/commun/puce-carre-rouge.gif) no-repeat 0 5px; padding: 0 0 3px 10px; list-style-type: none;}
.liste_fleche {background: url(../images/noeuds/commun/fleche.jpg) no-repeat 0 2px; padding: 0 0 3px 15px; list-style-type: none;}
.liste_fleche_bleue {background: url(../images/global/fleche_bleue.gif) no-repeat 0 2px; padding: 0 0 3px 15px; list-style-type: none;}
.liste_coche {background: url(../images/noeuds/commun/coche.gif) no-repeat 0 2px; padding: 0 0 3px 20px; list-style-type: none;}

.titre_fournitures_bureau {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #d40079;}
.titre_informatique_audiovisuel {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #715a9e;}
.titre_mobilier_bureau {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #a5037c;}
.titre_vie_collective {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #ec7404;}
.titre_eveil_enseignement {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #00a9ac;}
.titre_medical {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #009bde;}
.titre_restauration {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #f27058;}
.titre_equipement_gal {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #cbbe00;}
.titre_vehicules {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #3b5b72;}
.titre_services {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #ab540f;}
.titre_fioul {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #8dcb42;}
.titre_securite {font-weight: bold; font-size:12px;padding-left:7px;margin:3px 0 2px 0;border-left:4px solid #bc0005;}

.img-border {
	padding: 2px;
	border: solid 1px #999;
}

.img-border-left {
	padding: 2px; margin: 5px 10px 10px 0;
	border: solid 1px #999;
	float:left;
}

.img-border-right {
	padding: 2px; margin: 5px 0 10px 10px;
	border: solid 1px #999;
	float:right;
}

.contact_ugap {
	border: solid 1px #999;
	/*padding: 10px 5px 5px 65px; */
	padding: 10px 5px 5px 115px;
	background: url(../images/noeuds/commun/picto_rencontrez_equipes.gif) 5px 5px no-repeat #fff;
	height: 35px;
}

.attention {
	height: 20px;
	border: 1px solid #ff9900;
	padding: 10px 0pt 5px 45px;
	background: #fff5e5 url(../images/noeuds/commun/attention.jpg) no-repeat scroll 5px 4px;
}


.contour_gris_190px{
	border:1px solid #999;
	padding: 5px;
	width: 190px; height: 75px;
}

.mobilier_trait_rond{

}

body.mceContentBody {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

body.mceForceColors {
	background:#fff;
	color:#333;
}

.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {
	border: 1px dashed #BBB;
}

img {border:0;}
pre {font: 12px/18px "Courier New", monospace;}
.mceIEcenter {text-align: center;}

.ugap_soustitre_rh {
	font-size:12px; font-weight:bold; text-transform:uppercase;
	border-left:1px solid #bc0005; border-right:1px solid #bc0005;
	padding:0px 4px;margin:7px 0 3px 0;
	color:#bc0005;
}

.avertissement {
	overflow: hidden;
	padding: 10px;
	border: 1px solid #ff9703
}

.avertissement .picto_avertissement{
	display: inline-block;
	width: 16px;
	height: 15px;
	margin-right: 5px;
	background: transparent url(../images/global/sprite_global.png) no-repeat -1px -771px;

}


/*JQUERY NOTIFICATIONS =============================================================================================================== */

/* jQuery Notifications plugin - http://programmingmind.com */
/* notification container */

#jquery-notifications {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	right:0;
	z-index: 1001;
	color: #fff;
}
body.miniHeader #jquery-notifications {
	top:40px; /*sous le menu fixe*/
}

* html #jquery-notifications {
	position: absolute;
	top:expression(documentElement.scrollTop+body.scrollTop);
}
* html body.miniHeader #jquery-notifications {
	top:expression(documentElement.scrollTop+body.scrollTop + 40 + "px");  /*sous le menu fixe*/
}

#jquery-notifications .notice {
	padding: 10px;
	background: none repeat scroll 0 0 #f6d171;
}
#jquery-notifications  .success {
	background: #96f96f;
	color: #045419;
	border-color: #045419;
}
#jquery-notifications  .warning {
	background: #f7ae57;
	color: #753903;
	border-color: #753903;
}

#jquery-notifications .titre_produit_ajoute {
	color: #bc0005;
	font-weight:bold;
	margin: 0 20px 0 20px;
}

#jquery-notifications .nom_produit_ajoute {
	color: #000;
	font-size: 14px;
	margin: 0 20px 0 20px;
	padding-bottom:5px;
}

#jquery-notifications .btn_termine_cmd a {
	float: left;
	display: block;
	width: 128px;
	height: 25px;
	margin: 3px 0 0 20px;
	background: transparent url(../images/panier/btn_voir_panier.png) no-repeat 0 0;
}

#jquery-notifications .btn_termine_cmd a:hover {
	background-position: 0 -25px;
}
/*
#jquery-notifications .btn_masquer {
	margin: 3px 20px 0 0;
	float: right;
}*/
/*
#jquery-notifications .btn_masquer a {
	display: block;
	width: 80px;
	height: 20px;
	padding: 3px 0 0 0;
	color: #fff;
	text-decoration: none;
	background: url(../images/panier/btn_masquer.gif) no-repeat right 0;
}
*/
#jquery-notifications .btn_masquer a, #jquery-notifications-close {
	position: relative;
	float: right;
	display: block;
	width: 80px;
	height: 20px;
	/*margin-top: 15px;*/
	margin-right: 15px;
	padding: 8px 0 0 0;
	color: #000;
	text-decoration: none;
	background: transparent url("../images/panier/btn_masquer.png") no-repeat right 5px;
}

/*
#jquery-notifications {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  right:0;
  z-index: 100000;
}
/*
#jquery-notifications p {
  text-align: center;
  position: relative;
  margin: 0;
  padding: 5px;
  padding-left: 10px;
  border-bottom: 2px solid;*/
/* style property for the close text */
/*}
#jquery-notifications p a {
  position: absolute;
  right: 10px;
  margin-right: 10px;
  color: black;
  text-decoration: none;
  border: 1px solid black;
  padding-right: 5px;
  padding-left: 5px;
}

#jquery-notifications .notice {
  background: #6c9ffc;
  color: #061a72;
  border-color: #061a72;
}
#jquery-notifications  .success {
  background: #96f96f;
  color: #045419;
  border-color: #045419;
}
#jquery-notifications  .warning {
  background: #f7ae57;
  color: #753903;
  border-color: #753903;
}
/*
  background: #f97c6f;
  color: #570f01;
  border-color: #570f01;
}
*/
/*Fenetre popin du haut*/
/*
#jquery-notifications {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	min-width: 990px;
	width: 100%;
	padding: 10px 0;
	height: 30px;
	background: #333 url(../images/panier/bg_produit_ajoute.gif) repeat-x 0 0;
}

#jquery-notifications .titre_produit_ajoute {
	color: #ffde00;
	margin: 0 20px 0 20px;
}

#jquery-notifications .nom_produit_ajoute {
	color: #fff;
	font-size: 14px;
	margin: 0 20px 0 20px;
	display: none;
}
/*
#jquery-notifications div.notification_left {
	width: 600px;
	float:left
}

#jquery-notifications div.notification_right {
	width:200px;
	float:left;
}
*/

/*
#jquery-notifications .btn_termine_cmd a {
	background : url("../images/panier/btn_termine_cmd.gif") no-repeat scroll 0 0 #3C3C3C;
	float: left;
	display: block;
	width: 155px;
	height: 25px;
	margin: 8px 0 0 0;
	border:0px;
	padding-right:0px;
	padding-top:0px;
}

#jquery-notifications div.notification_left p,#jquery-notifications div.notification_right p{
	padding: 5px 5px 5px 10px;
	position: relative;
	border-bottom: 0px;
	text-align:left;

}


#jquery-notifications .btn_termine_cmd a:hover {
	background-position: 0 -25px;
}

#jquery-notifications .btn_masquer a{
    margin: 3px 20px 0 0;
	float: right;
}

#jquery-notifications .btn_masquer a, #jquery-notifications-close {
	 background: url("../images/panier/btn_masquer.gif") no-repeat scroll right 0 transparent;
	display: block;
	width: 80px;
	height: 20px;
	padding: 3px 0 0 0;
	color: #fff;
	text-decoration: none;
    margin-top: 15px;
    margin-right: 15px;
    position: relative;
}


#jquery-notifications span {
	display: block;
	position:relative;
	width:100%;
	text-align:left;
}


#jquery-notifications  .notice {
	    background: none repeat scroll 0 0 #3C3C3C;
	    color:white;
}


#jquery-notifications span a  {
    float:right;
    position:relative;
    color:white;

}


#jquery-notifications ul {
	padding-left:50px;
	list-style-type:none;
}
*/

/****** FICHES SAV ******/
#sav .savEntete {
	overflow:hidden;
	margin:0 0 20px 0;
	zoom:1;
}
.savRef {
	float:left;
	font-size:16px;
	width:45%;
	margin:15px 0 0 0;
}
.savInfo {
	float:right;
	border:1px solid #ccc;
	padding:10px;
	background:#FFF;
	width:50%;
}

.savInfo a {color:#278DBB;text-decoration:underline;font-size:12px;}
.savRef li, .savInfo li{
	margin:0 0 3px 0;
}

#sav .savRef ul, #sav .savInfo ul{
	margin:0;
}

/** Les titres **/
.savTitre {
	font-size:22px;
	color:#BC0005;
	margin:0 0 10px 0;
	background:url(../images/global/savTitre.gif) no-repeat 0 0;
	height:28px;
	position:relative;
	z-index:9;
	overflow:hidden;
	display:block;
}
.savTitre  span {
	background:white;
	padding-right:10px;
}
.savTitre.contact{background-position:0 -31px;}
.savTitre.jour{background-position:0 -58px;}
.savTitre.detail{background-position:0 -89px;}
.savTitre.declanchement{background-position:0 -122px;}
.savTitre.enregistrement{background-position:0 -150px;}
.savTitre.extension{background-position:0 -183px;}
.savTitre.domcom{background-position:0 -216px;}
.savTitre.particularite{background-position:0 -244px;}
.savTitre.liste{background-position:0 -272px;}
#sav .hr {
	position:relative;
	top:-25px;
	width:auto;
	height:1px;
	background-color:#BC0005;
	font-size:0;
}

/** Les contenus **/
.savClause {
	margin:0 0 30px 0;
}
.savClause li{
	padding:0 0 3px 0;
}
/** Les contacts **/
.savContact  {overflow:hidden;}
.savContact li {
	background:#f7f7f7;
	padding:10px;
	width:45%;
	font-size:12px;
	margin:10px 20px 0 0;
	display:block;
	vertical-align:top;
	float:left;
	height:100px;
}
#sav  .savContact li .savIntitule {
	color:#999;
	margin:0 0 5px 0;
}
#sav .savContact li .savNom {
	color:#278DBB;
	font-size:16px;
	font-weight:bold;
	margin:0;
}
#sav .savContact li .savCoordonnee {
	margin:0 0 5px 0;
}

#sav .savContact li .savComment {
	font-size:11px;
	margin:0;
}
/*personnalisation du  message qui avertit l'utilisateur qu'il a corrigé une erreur de validation d'un formulaire struts*/
.successMessage {
	color: #00FF00;
	float: right;
	font-size: 11px;
	padding: 0 10px 5px 20px;
	text-indent: 0;
	display:none;
}


/* ORIGINE FRANCE GARANTIE */

.bandeau_ofg {
	height: 100px;
	width: 690px;
	background: #dcddde;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#dcddde));
	background: -webkit-linear-gradient(#f6f6f6, #dcddde);
	background: -moz-linear-gradient(#f6f6f6, #dcddde);
	background: -ms-linear-gradient(#f6f6f6, #dcddde);
	background: -o-linear-gradient(#f6f6f6, #dcddde);
	background: linear-gradient(#f6f6f6, #dcddde);
}

.bandeau_ofg img {
	float: left;
	margin: -4px 30px 0 30px;
}

.bandeau_ofg .titre_ofg {
	color: #0064a3;
	font-size: 18px;
	padding-top: 20px !important;
}

.bandeau_ofg a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 8px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #ccc 2px 2px 3px;
	-moz-box-shadow: #ccc 2px 2px 3px;
	box-shadow: #ccc 2px 2px 3px;
	background: #137bbd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#137bbd), to(#0064a3));
	background: -webkit-linear-gradient(#137bbd, #0064a3);
	background: -moz-linear-gradient(#137bbd, #0064a3);
	background: -ms-linear-gradient(#137bbd, #0064a3);
	background: -o-linear-gradient(#137bbd, #0064a3);
	background: linear-gradient(#137bbd, #0064a3);
}

.bandeau_ofg a:hover {
	background: #4295ca !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4295ca), to(#0064a3));
	background: -webkit-linear-gradient(#4295ca, #3383b5);
	background: -moz-linear-gradient(#4295ca, #3383b5);
	background: -ms-linear-gradient(#4295ca, #3383b5);
	background: -o-linear-gradient(#4295ca, #3383b5);
	background: linear-gradient(#4295ca, #3383b5);
}

/* TABLEAU GENERIQUE UGAP */

.table_ugap { width: 100%; }
.table_ugap_700 { width: 699px; }

.table_ugap caption {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	background: #e0e0e0;
}

.table_ugap th {
	padding: 10px 5px;
	color: #fff;
	border: 1px solid #fff;
	border-top:1px solid #333;
	background: #333333;
	vertical-align:middle;
}

.table_ugap th img {
	margin: 5px 2px 0 2px;
}

.table_ugap td {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}

.table_ugap td a 		{ text-decoration: none; }
.table_ugap td a:hover 	{ text-decoration: underline; }

.table_ugap .first 	{border-left: 1px solid #333;}
.table_ugap .last 	{border-right: 1px solid #333;}

.table_ugap .textalign_center 	{text-align: center;}
.table_ugap .textalign_right 	{text-align: right;}

.table_ugap tr.gris_clair {
	background: #f0f0f0;
}

/* COOKIE */
#cookie{
	position: fixed;
	z-index: 999;
	border-top: 1px solid #fff;
	background-color: rgba(51,51,51,0.96);
	width: 100%;
	bottom: 0;
	right: 0;
	color: white;
	padding: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#cookie .title4{
	font-weight: 800;
}
#cookie p {
	margin-bottom: 10px;
}

#cookie p:last-child {
	margin-bottom: 0;
}

#cookie .btn_close {
	position: absolute;
	right: 15px;
	top: 15px;
}

#cookie_content{
	width: 960px;
	margin: 0 auto;
	padding-right: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cookie_text{
	max-width: 710px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Bouclier */
#cookie .svg_icon_container {
	display: none;
}
#cookie .side_icon_rgpd{
	width: 100px;
	height: 50px;
	border-right: 2px solid #999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#cookie .side_icon_rgpd .shield {
	fill: #007fe7;
}

/*
#cookie {
	position: fixed;
	right: 20px;
	bottom: 30px;
	width: 230px;
	padding: 15px;
	color: #fff;
	background: #333;
	z-index: 999;
}

#cookie .cookie_titre {
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

#cookie a {
	display: inline-block;
	padding: 3px 10px;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cookie a:hover {
	background: #eee;
}

#cookie .cookie_fermer {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: transparent url(../images/global/sprite_global.png) no-repeat -81px -392px;
}
*/
.mentions {
	color:#999;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
/*PRETTYPHOTO =============================================================================================================== */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

/*GRID =============================================================================================================== */


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.section_margin {
	padding-bottom: 30px;
	padding-bottom: 3rem;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0.625% 0 0.625% 1.25%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}


/*  GRID OF FIVE   ============================================================================= */

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
	width: 79.74947%;
}

.span_3_of_5 {
	width: 59.49895%;
}

.span_2_of_5 {
	width: 39.24843%;
}

.span_1_of_5 {
	width: 18.99791%;

}

/*  GRID OF SEVEN   ============================================================================= */

.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.53459%;
}

.span_5_of_7 {
	width: 71.06918%;
}

.span_4_of_7 {
	width: 56.60377%;
}

.span_3_of_7 {
	width: 42.13836%;
}

.span_2_of_7 {
	width: 27.67295%;
}

.span_1_of_7 {
	width: 13.20754%;
}

/*  GRID OF EIGHT   ============================================================================= */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.34309%;
}

.span_6_of_8 {
	width: 74.68619%;
}

.span_5_of_8 {
	width: 62.02928%;
}

.span_4_of_8 {
	width: 49.37238%;
}

.span_3_of_8 {
	width: 36.71548%;
}

.span_2_of_8 {
	width: 24.05857%;
}

.span_1_of_8 {
	width: 11.40167%;
}

/*  GRID OF NINE   ============================================================================= */

.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.75%;
}

.span_7_of_9 {
	width: 77.5%;
}

.span_6_of_9 {
	width: 66.25%;
}

.span_5_of_9 {
	width: 55%;
}

.span_4_of_9 {
	width: 43.75%;
}

.span_3_of_9 {
	width: 32.5%;
}

.span_2_of_9 {
	width: 21.25%;
}

.span_1_of_9 {
	width: 10%;
}

/*  GRID OF TEN   ============================================================================= */

.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.87473%;
}

.span_8_of_10 {
	width: 79.74947%;
}

.span_7_of_10 {
	width: 69.62421%;
}

.span_6_of_10 {
	width: 59.49895%;
}

.span_5_of_10 {
	width: 49.37369%;
}

.span_4_of_10 {
	width: 39.24843%;
}

.span_3_of_10 {
	width: 29.12317%;
}

.span_2_of_10 {
	width: 18.99791%;
}

.span_1_of_10 {
	width: 8.87265%;
}


/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.79497%;
}

.span_9_of_11 {
	width: 81.58995%;
}

.span_8_of_11 {
	width: 72.38493%;
}

.span_7_of_11 {
	width: 63.17991%;
}

.span_6_of_11 {
	width: 53.97489%;
}

.span_5_of_11 {
	width: 44.76987%;
}

.span_4_of_11 {
	width: 35.56485%;
}

.span_3_of_11 {
	width: 26.35983%;
}

.span_2_of_11 {
	width: 17.15481%;
}

.span_1_of_11 {
	width: 7.94979%;
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.5625%;
}

.span_10_of_12 {
	width: 83.125%;
}

.span_9_of_12 {
	width: 74.6875%;
}

.span_8_of_12 {
	width: 66.25%;
}

.span_7_of_12 {
	width: 57.8125%;
}

.span_6_of_12 {
	width: 49.375%;
}

.span_5_of_12 {
	width: 40.9375%;
}

.span_4_of_12 {
	width: 32.5%;
}

.span_3_of_12 {
	width: 24.0625%;
}

.span_2_of_12 {
	width: 15.625%;
}

.span_1_of_12 {
	width: 7.18749%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_1_of_12,
	.span_2_of_12,
	.span_3_of_12,
	.span_4_of_12,
	.span_5_of_12,
	.span_6_of_12,
	.span_7_of_12,
	.span_8_of_12,
	.span_9_of_12,
	.span_10_of_12,
	.span_11_of_12,
	.span_12_of_12,

	.span_1_of_11,
	.span_2_of_11,
	.span_3_of_11,
	.span_4_of_11,
	.span_5_of_11,
	.span_6_of_11,
	.span_7_of_11,
	.span_8_of_11,
	.span_9_of_11,
	.span_10_of_11,
	.span_11_of_11,

	.span_1_of_10,
	.span_2_of_10,
	.span_3_of_10,
	.span_4_of_10,
	.span_5_of_10,
	.span_6_of_10,
	.span_7_of_10,
	.span_8_of_10,
	.span_9_of_10,
	.span_10_of_10,

	.span_1_of_9,
	.span_2_of_9,
	.span_3_of_9,
	.span_4_of_9,
	.span_5_of_9,
	.span_6_of_9,
	.span_7_of_9,
	.span_8_of_9,
	.span_9_of_9,

	.span_1_of_8,
	.span_2_of_8,
	.span_3_of_8,
	.span_4_of_8,
	.span_5_of_8,
	.span_6_of_8,
	.span_7_of_8,
	.span_8_of_8,

	.span_1_of_7,
	.span_2_of_7,
	.span_3_of_7,
	.span_4_of_7,
	.span_5_of_7,
	.span_6_of_7,
	.span_7_of_7,

	.span_1_of_5,
	.span_2_of_5,
	.span_3_of_5,
	.span_4_of_5,
	.span_5_of_5
	{
		width: 100%;
	}

	#global {
		padding: 0 10px;
	}

	#footer, #subfooter {
		text-align: center;
		font-size: 14px;
	}

	.footer_social {
		width: 116px;
		margin: auto;
	}

	#subfooter li {
		display: block;
		padding: 0 10px;
		border-right: none;
		text-align: center;
	}

	#subfooter p.sprite-fevad {
		padding: 0 10px;
	}

	#subfooter p.sprite-fevad:before {
		display: none;
	}

	.subfooter_left{}

}




/********** NOS VALEURS *********/
/*-- CONTENU ARTICLE --*/

.date_publication {
	color: #999999;
	margin-bottom: 20px;
}


.keyword li {
	display: inline-block;
	border-radius: 14px;
	background-color:#f0f0f0;
	padding: 5px 7px 5px 7px;
	margin:0 2px 5px 0;
}

.keyword li.label, .keyword li.label:hover {
	background-color:white;
	padding:0;
	color:#333333;
}
.keyword li:hover {
	background-color:#333333;
}
.keyword li:hover a {
	color:#ffffff;
}
/*-- RESEAUX SOCIAUX --*/
#toggleSocial {
	position: absolute;
	margin: 0;
	z-index: 999;
	overflow:hidden;
	zoom:1;
	width:100px;
}
#toggleSocial:before {
	content: " ";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgba(51,51,51,0.8);
	display:block;
	margin: 0 auto;
}
#toggleSocial ul {
	background: rgba(51,51,51,0.8);
	padding: 4px 2px 2px 2px;
	border-radius:2px;
}
#toggleSocial li {
	display:inline-block;
	border:none;
	padding:0 1px 0 0;
}
#toggleSocial li a{
	background:url(../images/actualite/sprite_social.png) no-repeat;
	display:block;
	margin:0;
	height:20px;
	width:20px;
}
#toggleSocial li a.linkedin{
	background-position:0 0;
}
#toggleSocial li a.viadeo{
	background-position:0 -28px;
}
#toggleSocial li a.facebook{
	background-position:0 -56px;
}
#toggleSocial li a.twitter{
	background-position:0 -84px;
}


/*------------------------------------*/
/*------------ CONTENU ARTICLE -------*/


.article_contenu {
	box-sizing: border-box;
	padding-right:12px;
}

.article_contenu p {
	margin-bottom: 20px;
}

/*-- Articles associées --*/
.article_assoc .bloc_pp {
	margin-bottom: 12px;
}

.article_assoc .bloc_pp .bloc_pp_img {
	display: table-cell;
	width:100px;
}

.article_assoc .bloc_pp .bloc_pp_img img {
	width:100%;
	height: auto;
}

.article_assoc .bloc_pp .bloc_pp_title, .article_assoc .bloc_pp .bloc_pp_link {
	font-size: 12px;
	font-size: 1.2rem;
}



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

/*-- CATEGORIE - LISTE --*/

.category .bloc_pp {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.category .bloc_pp .bloc_pp_txt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 15px;
}

.category .bloc_pp .bloc_pp_txt .bloc_pp_title {
	font-size:16px;
	font-size:1.6rem;
}

.category .bloc_pp .bloc_pp_img {
	display: table-cell;
	width: 120px;
}

/*---------------FORMULAIRES---------------------*/
.form_input,
.form_textarea,
.form_select{
	/* Harmonisation des polices */
	font-family : inherit;
	font-size   : 100%;

	/* Afin de s'assurer que tous les champs textuels utilisent la même police
       Par défaut, textarea utilise une police à espacement constant */
	font: 1em sans-serif;

	/* Pour donner la même dimension à tous les champs textuels */
	-webkit-box-sizing: border-box; /* Pour les anciennes versions des navigateurs WebKit */
	-moz-box-sizing: border-box; /* Pour tous les navigateurs Gecko */
	box-sizing: border-box;

	/* Pour harmoniser l'apparence des bordures des champs textuels */
	border: 1px solid #ccc;
	border-radius: 2px;
}

.form_input:focus,
.form_textarea:focus {
	/* Afin de rehausser les éléments actifs */
	border-color: #55b6f2;
}

.form_input,
.form_select{
	height: 3em;
}

.form_input_xsmall,
.form_select_xsmall{
	height: 2.5em;
}

.form_input_xxsmall,
.form_select_xxsmall{
	height: 2em;
}

.form_input{
	/* This is optional but it makes legacy IEs look better */
	vertical-align:middle;
}

.form_textarea {
	/* Pour aligner correctement les champs multilignes et leurs étiquettes */
	/* By default, all browsers consider the <textarea> element to be an inline block aligned to the text bottom line */
	vertical-align: top;

	/* Pour permettre aux utilisateurs de redimensionner un champ textuel verticalement
       Cela ne marche pas avec tous les navigateurs  */
	resize: vertical;
	overflow: auto;
	padding:10px;
}

.form_input_file{
	height:inherit;
}

/* icones sur liens ajout/suppression de fichiers sur les input[file] */
.fileWithDelete .supprimer .moins,
#add_fichier .plus{
	box-sizing:border-box;
	width: 18px;
	height: 18px;
	line-height:16px;
	border: 1px solid #333333;
	border-radius: 10px;
	color: #333333;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.form_input_radio,
.form_input_checkbox{
	border:none;
}

.form_input_text{
	padding-left:10px;
	padding-right:10px;
}

.form_select{
	padding-left:10px;
	padding-right:2px;/*affichage ie*/
}
/*---------------AUTOCOMPLETE---------------------*/
/*
#header_new #recherche #recherche-content.searchTxtw_widget_focus {
	border-color: #55b6f2;
}
*/
.custom_main_autocomplete.ui-widget{
	font-family:Arial,sans-serif;
	font-size:12px;
}
.custom_main_autocomplete.ui-widget-content{
	border-radius:0;
	border-color:#cccccc;
	padding:0;
	/*margin-top:16px;*/
}
.custom_main_autocomplete.ui-autocomplete > li{
	margin-bottom:0;
}
.custom_main_autocomplete.ui-autocomplete > li a{
	display:block;
	padding:7px 10px;
}
/*styles valables pour la navigation au clavier aussi */
.custom_main_autocomplete.ui-autocomplete > li:hover,
.custom_main_autocomplete.ui-autocomplete > li a:hover,
.custom_main_autocomplete.ui-autocomplete .ui-state-hover,
.custom_main_autocomplete.ui-autocomplete.ui-widget-content .ui-state-hover,
.custom_main_autocomplete.ui-autocomplete .ui-widget-header .ui-state-hover,
.custom_main_autocomplete.ui-autocomplete .ui-state-focus,
.custom_main_autocomplete.ui-autocomplete.ui-widget-content .ui-state-focus,
.custom_main_autocomplete.ui-autocomplete .ui-widget-header .ui-state-focus{
	background-color:#f0f0f0;
	text-decoration:none;
}
/* Cartouche Mon espace client - nouveaux styles */
#header_new div.espaceclient_contenu {
	background-color: #ffffff !important;
	padding: 15px;
	color: #333333;
	margin-top: -1px;
}
.ombre{
	border: 1px solid #333333;
}
#header_new div.aideenligne_contenu {
	border-bottom: 1px solid #333333;
	margin-top: -1px;
}
#header_new div.espaceclient_contenu p,
#header_new div.espaceclient_contenu p a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header_new div.espaceclient_contenu p#seconnecter{
	margin-bottom:10px;
}
#header_new div.espaceclient_contenu p#sinscrire,
#header_new div.espaceclient_contenu p#espace_client_acceder{
	margin-bottom:15px;
}
#header_new div.espaceclient_contenu p#seconnecter a,
#header_new div.espaceclient_contenu p#espace_client_acceder a,
#header_new div.espaceclient_contenu p#sinscrire a:hover{
	color: #fff;
}
#header_new div.espaceclient_contenu p#sinscrire a,
#header_new div.espaceclient_contenu p#seconnecter a:hover,
#header_new div.espaceclient_contenu p#espace_client_acceder a:hover{
	color: #333;
	text-decoration: none;
}
#header_new div.espaceclient_contenu div#mesachats {
	padding: 15px 0 0 0;
	background-color: #ffffff;
	border-top: 1px solid #f0f0f0;
}
#header_new div.espaceclient_contenu #mesachats a:hover{
	color:#007feb;
}
#header_new div.espaceclient_contenu div#mesachats ul li:last-child{
	padding-bottom: 0;
}
#header_new #divinfoclient p .statut_connecte:before {
	content:"";
	display:inline-block;
	width:10px;
	height: 10px;
	border-radius:5px;
	box-sizing:border-box;
	background-color: #1ed760;
	margin-right: 5px;
	vertical-align: middle;
}

.db {
	display: block;
}

.ligne_etat_facture_demandee{
	position: relative;
}
.ligne_etat_facture_demandee .etat_facture_demandee{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	opacity: 0.7;
	transition: 100ms;
}
.ligne_etat_facture_demandee .etat_facture_demandee:hover{
	text-decoration: none !important;
	opacity: 0.5;
}
.ligne_etat_facture_demandee .etat_facture_demandee span{
	display: table-cell;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	background: #007feb;
	cursor: pointer;
	vertical-align: middle;
}

.ligne_etat_facture_demandee .infobulle_etat_facture_demandee {
	display: block;
	position: absolute;
	bottom: 30px;
	right: -5px;
	z-index: 999;
}

.ligne_etat_facture_demandee .infobulle_etat_facture_demandee .content_infobulle {
	position: relative;
	display: block;
	width: 175px;
	height: auto;
	padding: 7px;
	color: #666;
	font-size: 11px;
	font-weight: normal !important;
	text-align: left;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 3px;
	z-index: 110;
}





/* TRANSFERT DEVIS ============================================================================= */

/* TITLE */

.demandeur_title1 {
	margin-bottom: 20px;
	font-size:20px;
	font-size: 2.0rem;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
}

.demandeur_title2 {
	margin-bottom: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

/* ICON */

.demandeur_icon {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	display: inline-block;
	line-height: 12px;
}

.demandeur_icon_enveloppe {
	background-image: url(/themeUgap/images/global/enveloppe_black.png);
}

.demandeur_icon_avatar {
	background-image: url(/themeUgap/images/global/avatar_black.png);
}


/* POPUP DEVIS*/

.demandeur_transfert_id {
	color: #BC0005;
	background-color: rgba(188,0,5,0.075);
	font-weight: 800;
	font-size: 16px;
	padding: 2px 4px;
	border-radius: 3px;
	font-family: 'Raleway', sans-serif;
}

.demandeur_popup_saisi {
	margin-bottom: 10px;
	font-size: 12px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #999999;
	font-family: 'Raleway', Arial, sans-serif;
}

.demandeur_popup_saisi span {
	color: #555555;
	text-decoration: underline;
}

.demandeur_success_p1{
	font-weight: 700;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Raleway', Arial, sans-serif;
	color: #555555;
	margin-bottom: 8px;
}

.demandeur_adress_mail_valid {
	display: inline-block;
	margin-top: 10px;
	background-color: #ebf7ee;
	border-radius: 3px;
	color: #36AD55;
	padding: 10px 15px;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
}

label.demandeur_adress_transferer{
	display: inline-block;
}

.demandeur_adress_transferer input[type="radio"]{
	vertical-align: middle;
	margin: 0;
	display: inline-block;
	margin-right: 15px;
	float: none;
}

.demandeur_adress_transferer .gauche{
	vertical-align: middle;
	display: inline-block;
	float: none;
	font-family: Arial, sans-serif;
}

.demandeur_adress_transferer {
	margin-bottom: 20px;
	padding: 16px 20px;
	background-color: #F2F2F2;
	border-radius: 5px;
	border: 1px solid #007feb;
	min-width: 220px;
	box-sizing: border-box;
	font-size:12px;
	font-size: 1.2rem;
	font-family: 'Raleway', sans-serif;
	color:#666666;
	text-align: left;
}

.demandeur_adress_transferer span.ui-radio {
	/* padding-right: 10px;*/
	height: 11px;
	margin-right: 10px;
}

.demandeur_adress_transferer.adress_mail span.ui-radio {
	/* padding-right: 10px;*/
	margin-top: 2px;
}

.demandeur_adress_transferer.name_firstname span.ui-radio {
	/* padding-right: 10px;*/
	margin-top: 9px;
}

.demandeur_adress_transferer_access {
	margin-bottom: 10px !important;
	font-size: 10px;
	font-size: 1rem;
}
.font_weight_600{
	font-size: 14px;
	font-weight: 600;
	font-family: 'Raleway', Arial, sans-serif;
}

/* Auto-compléteur  */

.fieldListUserFilter {
	width:480px;
	margin: auto;
	position: relative;
	font-family: 'Raleway', Arial, sans-serif;
}

.fieldListUserFilter-input {
	width: 450px;
	padding: 10px 15px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	font-weight: 800;
	font-size: 14px;
	font-family: 'Raleway', Arial, sans-serif!important;
}
.fieldListUserFilter input::placeholder{
	color: #cccccc;
	font-family: Arial, sans-serif!important;
	font-weight: 400!important;
}
.fieldListUserFilter-input:focus{
	outline: none;
	border-color: #007feb;
}

.fieldListUserFilter-results {
	padding: 0;
	margin: 0;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	max-height: 90px;
	overflow-y: auto;
	width: 100%;
	position:absolute;
	transform: translateY(3px);
	background: #ffffff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
}

.fieldListUserFilter-results li{
	padding: 6px 8px;
}

.fieldListUserFilter-result {
	list-style: none;
	text-align: left;
	cursor: pointer;
}

.fieldListUserFilter-result:hover {
	background-color: #f2f2f2;
	color: inherit;
}

.fieldListUserFilter-message {
	list-style: none;
	text-align: left;
	font-family: Arial, sans-serif!important;
	font-size: 11px;
}

.fieldListUserFilter-valide {
	list-style: none;
	text-align: left;
	color: rgb(82, 189, 53);
	font-family: Arial, sans-serif!important;
	font-size: 11px;
}

.fieldListUserFilter-highlight {
	font-weight: 800;
	color: #007feb;
}

/** formulaires struts on prefix par "struts_form" pour ne pas changer l'existant */

/** sur focus change la couleur du texte de gris en noir */
.struts_form .wwctrl input:focus {
	color: black;
}


.struts_form .wwctrl input, textarea {
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
}

/** Espacement vertical entre les groupes (label + input) de champs*/
.struts_form .wwgrp {
	padding-top: 10px;
}

.border_1px {
	border-style: solid;
	border-width: 1px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.width_50pc {
	width: 50%;
}

.font-bold {
	font-weight: bold;
}

.font-italic {
	font-style: italic;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.rounded {
	border-radius: 5px;
}

/* GLOBAL INLINE TOOLTIP BOTTOM */
.global_inline_tooltip{
	position: relative;
	display: inline-block;
}
.global_inline_tooltip .global_inline_tooltip_point{
	display: block;
	width: 13px;
	height: 13px;
	background-color: rgba(0, 127, 235, .7);
	background-image: none;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
	line-height: 13px;
	cursor: default;
}
.global_inline_tooltip .global_inline_tooltip_point:hover,
.global_inline_tooltip .global_inline_tooltip_point:focus{
	background-color: rgba(0, 127, 235, .9);
	cursor: pointer;
}
.global_inline_tooltip .global_inline_tooltip_text{
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);

	width: 248px;
	padding: 16px;
	border-radius: 6px;

	background-color: #ffffff;

	color: #333333;
	font-size: 11px;
	line-height: 150%;
	font-weight: 400;
	text-align: left;

	-webkit-box-shadow: 0 0 32px rgba(0,0,0,.3);
	box-shadow: 0 0 32px rgba(0,0,0,.3);
    z-index: 999;
}
.global_inline_tooltip .global_inline_tooltip_text::before {
	content: "";

	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);

	border: 8px solid;
	border-color: transparent transparent #fff transparent;
}
.global_inline_tooltip.top .global_inline_tooltip_text {
	top: -15px;
	transform: translate(-50%, -100%);
}
.global_inline_tooltip.top .global_inline_tooltip_text::before {
	top: 100%;
	transform: translateX(-50%) rotate(180deg);
}
/* [FIN] GLOBAL INLINE TOOLTIP BOTTOM */

/* ===== FICHE ÉQUIPEMENT ===== */
.fiche_equipement_haut{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 16px;
	margin-bottom: 12px;
}
.fiche_equipement_haut .produit_img img {
	width: 240px;
	height: 240px;
	object-fit: contain;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.fiche_equipement_infos{
	flex-grow: 1;
	padding: 12px 32px;
}
.fiche_equipement_infos .mentions{
	margin-bottom: 4px;
}
.fiche_equipement_infos h1{
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #e0e0e0;
}
.fiche_equipement_attributs{
	display: flex;
	flex-wrap: wrap;
	column-gap: 54px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e0e0e0;
}
.fiche_equipement_attributs p{
	display: flex;
}
.fiche_equipement_attributs p span{
	min-width: 124px;
	padding: 8px 8px 8px 0;
	box-sizing: border-box;
}
.fiche_equipement_attributs p span:first-child{
	font-weight: 700;
	text-align: left;
}
.fiche_equipement_infos .btn_imprimer_pdf {
	display: inline-block;
	margin-top: 16px;
}
.fiche_equipement_infos .btn_imprimer_pdf a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

/* SLIDER ------------------------------------------------------------------------------------- */
.slider_container *:focus-visible {
	outline: -webkit-focus-ring-color auto 1px;
}
.slider_container {
	overflow: hidden;
	position: relative;
}

.slider_container .viewport {
	height: 190px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.slider_container .buttons{
	background: #ffffff;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 36px;
	height: 52px;
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
	z-index: 11;
	transition: all ease-in-out 200ms;
}

.slider_container .buttons::before{
	content:'';
	background-image:url(/themeUgap/images/global/dark_arrow_right.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
}

.slider_container .prev::before{
	transform: translateX(-50%) translateY(-50%) scaleX(-1);
}

.slider_container .next{
	right: 10px;
	left: auto;
}

.slider_container .buttons.disable{
	width: 0;
}
.slider_container .buttons.disable::before{
	display: none;
}

.slider_container .buttons:hover {
	background-color: #eeeeee;
	transform: translateY(calc(-50% - 3px));
}

.slider_container .overview{
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	width: auto;
	left: 0;
	top: 0;
	transition: all ease-in-out 300ms;
}

.slider_container .overview li{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	background-size: cover;
	background-position: center center;
	margin: 0 10px 0 0;
	border-radius: 6px;
	overflow: hidden;
} 
.slider_container .overview li:last-child{
	margin-right: 0;
}


.slider_container .slider_item{
	position: relative;
	display: table-cell;
	padding-right: 0;
	padding-bottom: 0;
	height: 190px;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
}

.slider_container a.fix_inline_space{
	display: block;
}

.slider_container .bullet_nav {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 6px;

	margin-top: 6px;
}
.slider_container .bullet_nav a {
	display: flex;
	align-items: flex-end;

	height: 4px;
	padding: 10px 0;
}
.slider_container .bullet_nav a span {
	display: block;
	width: 62px;
	height: 2px;
	background-color: #cccccc;
	transition: all ease-in-out 200ms;
}
.slider_container .bullet_nav a.active span {
	height: 4px;
	background-color: #212121;
}
.slider_container .bullet_nav a:not(.active):hover span {
	height: 4px;
}
.slider_container .bullet_nav a.active:hover {
	cursor: default;
}
/* FIN SLIDER ACTUALITÉ RÉSULTATS DE RECHERCHE --------------------------------------------------------------------------------- */

div.das_form_header_popin > div > span {
    width: 14px;
    color: #bc0005 !important;
}