@charset "utf-8";
/* CSS Document */
<!--
/* reset all */
*, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height:110%;
	z-index:1;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}
fieldset, img {
	border: 0;
}
legend {
	display:none;
}
button, input, textarea, select {
	font: 11px Arial, Helvetica, sans-serif;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
}
/* \*/* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.f_right {
	float:right;
}
.f_left {
	float:left;
}
.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}
.exa #container {
	width: 1100px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF url(../img/fond-exa.png);
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 0px solid #000000;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
}
.exa #container.impression {
	width:750px;
	background: none;
}
.exa #header {
	background: #FFFFFF url(../img/bandeau-exacompta.png) no-repeat;
	padding: 0 0px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	margin:0 37px;
	height: 168px;
}
.exa #container.impression #header {
	display:none;
}
.exa #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 20px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.exa #header1 {
	float:left;
	width:135px;
}
.exa #header2 {
	float:left;
	width:656px;
	margin:0;
}
.exa ul#bandeau {
	margin:17px 0 0 15px;
}
.exa ul#bandeau li {
	float:left;
	margin:0 0 12px 0;
	display:inline;
	border:none;
}
.exa ul#bandeau li a {
}
.exa #header3 {
	float:left;
	width:215px;
	margin:0;
}
.exa ul#drap {
	margin:13px 0 0 0;
	padding:0;
}
.exa ul#drap li {
	float:left;
	display:inline;
	border:none;
}
.exa ul#drap li a {
	margin:0;
}
.exa p#langues_belgique {
	height:25px;
	color:#c8bdb6;
	text-align:center;
}
.exa p#langues_belgique a {
	font-size:11px;
	color:#c8bdb6;
	font-weight:bold;
}
.exa p#langues_belgique a:hover {
	color:#fff;
}
.exa #header3 form {
	display:block;
	padding:15px 0px 0 16px;
	margin:0;
}
.exa #header3 form input {
	color:#928076;
	margin:2px 0 7px 0;
	border:0;
	padding:3px;
}
.exa #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 768px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/ombre_teaser.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 0px 50px 0px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 228px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar1_exactive_de {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 767px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/ombre_teaser.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 0px 50px 0px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar1_forever_de {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 767px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/ombre_teaser.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 0px 50px 0px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_exactive_de {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 229px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_exactive_de.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_exactive_de.actions {
	background:url(../img/bout-teaser_actions_de.png) no-repeat;
}
.exa #sidebar2_forever_de {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 229px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_forever_de.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 25px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_bleu {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 228px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_bleu.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_turquoise {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 228px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_turquoise.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_gris {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 228px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_gris.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar2_accueil_de {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 228px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/bout-teaser_accueil_de.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 26px 10px 50px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 30px 0;
}
.exa #sidebar3 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 153px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 0px 30px 0px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0 50px 0;
}
#sidebar6 #groupe form {
    color: #766961;
    display: block;
    font-size: 14px;
    margin: 25px 0 11px;
    text-align: left;
    text-decoration: none;
}
#sidebar6 #groupe #declaration_cnil {
	width:600px;
	font-size:12px;
}

.sdiv {
	margin: 10px 0px 10px 0px;
	padding: 0 15px 0 35px;
	width:360px;
	font-size:13px;
	text-align:left;
}


#conteneur_formulaire {
	width:1026px;
	height:556px;
	background-image:url(../img/fond_formulaire.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
	padding:35px 0 0 0;
	margin: 20px 0px 20px 0px;
}
#conteneur_formulaire.crystal {
	background-image:url(../img/affiche_crystal.jpg);
	background-position:right top;
	background-repeat:no-repeat;	
	padding-top:5px;
	width:800px;
}
#conteneur_formulaire.crystal h1 {
	color:#0099B1;
}
#conteneur_formulaire fieldset {
	text-align:left;
	font-size:12px;
	color:#333;
}
#conteneur_formulaire #restriction_largeur label {width:100px; display:inline-block; }
#conteneur_formulaire #restriction_largeur label.news {width:300px; display:inline-block; }
#conteneur_formulaire #restriction_largeur input {margin:0; height:16px; width:200px;}
#restriction_largeur input#newsletter, #restriction_largeur input#validez { margin: 0; height:auto; width:auto; }

#pied_formulaire {
	margin: 10px 0 0 50px;
	width:143px;
	height:28px;
}
#gamme_exactive {
	float:right;
	margin:262px 25px 0 0px;
}
#restriction_largeur {
	padding:0;
	width:400px;
}
#restriction_largeur form {
	margin:10px 0 0 0;
}
.exactive_form {
	/*background:url(../img/exactive_bg.png) 0 0 no-repeat;*/
	margin: 20px 0 0 40px;
	padding:10px 0 0 10px;
	font-size:12px;
	min-height:400px;
}
.exactive_form.fond_kreaman {
	background:url(../images/kreaman_fond.jpg) right bottom #FFF no-repeat;
}
.exa #sidebar5 .exactive_form fieldset a {
	color:#999;
}
.exactive_form p {
	margin:10px 0;
}
.exactive_form fieldset {
	margin:10px 0 0 10px;
}
.exactive_form fieldset p {
	font-size:14px;
	font-weight:bold;
	text-indent:-10px;
}
.exa #sidebar5 .exactive_form h2 {
	font-size:14px;
	color:#333;
	font-weight:normal;
	margin-bottom:20px;
}
.exactive_form form#inscription {
	margin:20px;
	border:1px solid #CCC;
	border-radius:10px;
	padding:10px;
	width:350px;
}
.exactive_form form#inscription label {
	display:block;
	float:left;
	width:100px;
	font-weight:normal;
	font-size:12px;
	text-indent:0;
	margin-left:64px;
}
.exactive_form form#inscription input {
}
.exactive_form form#inscription input.newsletter {
	float:left;
}
.exactive_form form#inscription label.newsletter {
	width:auto;
	text-indent:10px;
	font-size:11px;
	margin:0;
}

#navi0110 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #d10019 url(../img/fond_mid_classer.png) no-repeat;
}
#navi0120 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #EC7405 url(../img/fond_mid_organiser.png) no-repeat;
}
#navi0130 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #005090 url(../img/fond_mid_presenter.png) no-repeat;
}
#navi0140 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #00a5cf url(../img/fond_mid_noter.png) no-repeat;
}
#navi0150 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #898989 url(../img/fond_mid_signaler.png) no-repeat;
}
#navi0160 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #C2005B url(../img/fond_mid_creer.png) no-repeat;
}
#navi0170 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #54378a url(../img/fond_mid_souvenir.png) no-repeat;
}
#navi0180 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #905e35 url(../img/fond_mid_agendas.png) no-repeat;
}
#navi0190 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #237e23 url(../img/fond_mid_bureau.png) no-repeat;
}
#navi0200 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #89be96 url(../img/fond_mid_vert.png) no-repeat;
}
#navi0210 {
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:138px;
	background: #5a4f4a url(../img/fond_mid_gamme.png) no-repeat;
}
.sub_t_0110 {
	background: url(../img/fond_haut_classer.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0110 {
	background:  url(../img/fond_bas_classer.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0120 {
	background: url(../img/fond_haut_organiser.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0120 {
	background:  url(../img/fond_bas_organiser.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0130 {
	background: url(../img/fond_haut_presenter.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0130 {
	background:  url(../img/fond_bas_presenter.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0140 {
	background: url(../img/fond_haut_noter.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0140 {
	background:  url(../img/fond_bas_noter.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0150 {
	background: url(../img/fond_haut_signaler.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0150 {
	background:  url(../img/fond_bas_signaler.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0160 {
	background: url(../img/fond_haut_creer.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0160 {
	background:  url(../img/fond_bas_creer.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0170 {
	background: url(../img/fond_haut_souvenir.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0170 {
	background:  url(../img/fond_bas_souvenir.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0180 {
	background: url(../img/fond_haut_agendas.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0180 {
	background:  url(../img/fond_bas_agendas.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0190 {
	background: url(../img/fond_haut_bureau.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0190 {
	background:  url(../img/fond_bas_bureau.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0200 {
	background: url(../img/fond_haut_vert.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0200 {
	background:  url(../img/fond_bas_vert.png) no-repeat;
	height:14px;
	display:block;
}
.sub_t_0210 {
	background: url(../img/fond_haut_gamme.png) no-repeat;
	height:102px;
	display:block;
}
.sub_b_0210 {
	background:  url(../img/fond_bas_gamme.png) no-repeat;
	height:14px;
	display:block;
}

span.retour {
	overflow:hidden;
}
span.retour a {
	display:block;
	margin-top:10px;
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
span.retour a img {
	width:15px;
}
span.retour a:hover {
	color:#333;
}



#menu {
	display:block;
	margin:0;
	padding:0 0px 0 0px;
}
#menu li {
	padding:0 4px 5px 5px;
	display:block;
	line-height:50%;
}
#menu li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#menu li a#current {
	color:#c9c0db;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#menu li a:hover {
	color:#c9c0db;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#menu li a span {
	display:none;
}
#menu li a:hover span {
	display:inline;
}
#menu li a#current span {
	display:none;
}
#menu li a#current:hover span {
	display:inline;
}
#menu li ul {
}
#menu li ul li {
	padding:2px 0 2px 11px;
}
#menu li ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#menu li ul li a:hover {
	color:#c9c0db;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#menu li ul li a#current {
	color:#c9c0db;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#menu li ul li a span {
	display:none;
}
#menu li ul li a:hover span {
	display:inline;
}
#menu li ul li a#current span {
	display:none;
}
#menu li ul li a#current:hover span {
	display:inline;
}
.exa #sidebar4 {
	float: right;  /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 873px;  /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/fond_sidebar4.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 0px 30px 0px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0 0px 50px 0px;
}
.exa #container.impression #sidebar4 {
	background:none;
	padding:0;
	margin:0;
	width:auto;
	float:none;
}
#cata {
	display:block;
	margin:30px 0 15px 15px;
	padding:0;
}

.exa #sidebar4 h1 {
	display:inline;
	font-size:32px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}
.exa #sidebar4 h1.c0110 a {
	color:#d10019;
	text-decoration:none;
}
.exa #sidebar4 h1.c0120 a {
	color:#EC7405;
	text-decoration:none;
}
.exa #sidebar4 h1.c0130 a {
	color:#005090;
	text-decoration:none;
}
.exa #sidebar4 h1.c0140 a {
	color:#00a5cf;
	text-decoration:none;
}
.exa #sidebar4 h1.c0150 a {
	color:#898989;
	text-decoration:none;
}
.exa #sidebar4 h1.c0160 a {
	color:#C2005B;
	text-decoration:none;
}
.exa #sidebar4 h1.c0170 a {
	color:#54378a;
	text-decoration:none;
}
.exa #sidebar4 h1.c0180 a {
	color:#905E35;
	text-decoration:none;
}
.exa #sidebar4 h1.c0190 a {
	color:#237E23;
	text-decoration:none;
}
.exa #sidebar4 h1.c0200 a {
	color:#89be96;
	text-decoration:none;
}
.exa #sidebar4 h1.c0210 a {
	color:#5a4f4a;
	text-decoration:none;
}
.exa #sidebar4 h1 a:hover {
	text-decoration:none;
}
.exa #sidebar4 h2 {
	display:inline;
	font-size:32px;
	font-weight:bold;
	margin:0 0 5px 10px;
	padding:0;
}
.exa #sidebar4 h2.c0110 a {
	color:#e8aab2;
	text-decoration:none;
}
.exa #sidebar4 h2.c0120 a {
	color:#EC7405;
	text-decoration:none;
}
.exa #sidebar4 h2.c0130 a {
	color:#005090;
	text-decoration:none;
}
.exa #sidebar4 h2.c0140 a {
	color:#00a5cf;
	text-decoration:none;
}
.exa #sidebar4 h2.c0150 a {
	color:#898989;
	text-decoration:none;
}
.exa #sidebar4 h2.c0160 a {
	color:#C2005B;
	text-decoration:none;
}
.exa #sidebar4 h2.c0170 a {
	color:#54378a;
	text-decoration:none;
}
.exa #sidebar4 h2.c0180 a {
	color:#ccbaac;
	text-decoration:none;
}
.exa #sidebar4 h2.c0190 a {
	color:#237E23;
	text-decoration:none;
}
.exa #sidebar4 h2.c0200 a {
	color:#89be96;
	text-decoration:none;
}
.exa #sidebar4 h2.c0210 a {
	color:#5a4f4a;
	text-decoration:none;
}
.exa #sidebar4 h2 a:hover {
	text-decoration:none;
}
.exa #sidebar4 h3 {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0 15px 0;
	padding:0;
	color:#000000;
}
.exa #sidebar4 h3 span.c0110 {
	color:#d10019;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0120 {
	color:#EC7405;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0130 {
	color:#005090;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0140 {
	color:#00a5cf;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0150 {
	color:#898989;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0160 {
	color:#C2005B;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0170 {
	color:#54378a;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0180 {
	color:#ccbaac;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0190 {
	color:#237E23;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0200 {
	color:#89be96;
	text-decoration:none;
}
.exa #sidebar4 h3 span.c0210 {
	color:#5a4f4a;
	text-decoration:none;
}
.exa #sidebar4 h3 a {
	color:#000000;
	text-decoration:none;
}
.exa #sidebar4 h3 a:hover {
	text-decoration:none;
}
.exa ul#teaser {
	margin:0 0 0 0;
}
.exa ul#teaser li {
	float:left;
	margin:0 0 0px 0;
	display:block;
	width:225px;
	height:105px;
	line-height:110%;
}
.exa ul#teaser li a {
	margin:0;
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.exa ul.teaser {
	margin:0 0 0 0;
}
.exa ul.teaser li {
	float:left;
	margin:0 0 0px 0;
	display:block;
	width:225px;
	height:105px;
	line-height:110%;
}
.exa ul.teaser li a {
	margin:0;
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF;
}
.exa #sidebar5 {
	float: left;  /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 971px;  /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/fond_sidebar5.png) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 0px 30px 55px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0px 0px 50px 0px;
}
.exa #sidebar5 h1 {
	display:inline;
	font-size:32px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	color:#a8988e;
}
.exa #sidebar5 h1.vente {
	color:#0099b1;
}
.exa #sidebar5 h2 {
	display:inline;
	font-size:32px;
	font-weight:bold;
	margin:0 0 5px 10px;
	padding:0;
	color:#5a4f4a;
}
.exa #sidebar5 h1 a {
	color:#a8988e;
	text-decoration:none;
}
.exa #sidebar5 h2 a {
	color:#5a4f4a;
	text-decoration:none;
}
.exa #sidebar5 h1 a:hover {
	text-decoration:none;
}
.exa #sidebar5 h2 a:hover {
	text-decoration:none;
}
.exa #sidebar5 h3 {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0 15px 0;
	padding:0;
	color:#000000;
}
.exa #sidebar5 h3 span {
	color:#a8988e;
	text-decoration:none;
}
.exa #sidebar5 h3 a {
	color:#000000;
	text-decoration:none;
}
.exa #sidebar5 h3 a:hover {
	text-decoration:none;
}
.exa #sidebar5 a {
	color:#000000;
	text-decoration:none;
}
.exa #sidebar5 a:hover {
	text-decoration:none;
}
.exa #mainContentside {
	margin: 0 0; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
	padding: 0 10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}
.exa #mainContent {
	margin: 0 37px 0 37px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
	padding: 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}
.exa .impression #mainContent {
	margin: 0;
	padding: 0;
}

/*========================================================== Pages LAUFENDE AKTIONEN ===================================================*/

#sidebar1_exactive_de h4 {
	font-size:15px;
	color:#333;
}
#sidebar1_exactive_de h5 {
	font-size:14px;
	color:#333;
}
#sidebar1_exactive_de p {
	font-size:13px;
	line-height:18px;
	margin:0 0 18px 0;
}
#sidebar1_exactive_de p a {
	color:#333;
}
#sidebar1_exactive_de div.bandeau_actions {
	height:106px;
}
#sidebar2_exactive_de ul.accueil li {
	padding-top:35px;
	height:70px;
	line-height:110%;
}
#sidebar2_exactive_de ul.accueil li span {
	font-size:14px;
}
#sidebar2_exactive_de li {
	line-height:105px;
	height:105px;
}
#sidebar2_exactive_de li#active a {
	color:#F90;
}
#sidebar1_forever_de h4 {
	font-size:15px;
	color:#333;
}
#sidebar1_forever_de h5 {
	font-size:14px;
	color:#333;
	font-weight:normal;
	margin: 0 0 18px;
}
#sidebar1_forever_de p {
	font-size:13px;
	line-height:18px;
	margin:0 0 18px 0;
}
#sidebar1_forever_de p a {
	color:#333;
}
#sidebar2_forever_de li {
	line-height:105px;
	height:105px;
}
#sidebar2_forever_de li#active a {
	color:#000;
}
p#retour_actions {
	margin:20px 0 0 0;
	border:1px solid #CCC;
	width:200px;
	text-align:center;
}
p#retour_actions a {
	font-size:11px;
	color:#999;
	text-decoration:none;
}
p#retour_actions a img {
	vertical-align:middle;
	margin:0 10px 0 0;
}
/*--- v specifique pages v ---*/

.exactive_1 {
	width:767px;
	height:423px;
	background-image:url(../img/principale_femme.jpg);
	float:left;
}
#txt_div1 {
	width:355px;
	height:250px;
	margin:100px 0 0 330px;
}
.exactive_2 #menu_exactive {
	width:258px;
	height:423px;
	background-image:url(../img/principale_gauche.jpg);
	float:left;
}
.exactive_2 ul {
	margin:10px 0 0 30px;
}
.exactive_2 ul li {
	line-height:16px;
}
.exactive_2 ul li a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#a9b9c0;
	text-decoration:none;
	background-image:url(../img/puce_exactive.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 0 8px;
}
.exactive_2 ul li a:hover {
	background-image:url(../img/puce_exactive_orange.jpg);
}
.exactive_2 ul li#activeEX a {
	color:#F90;
	background-image:url(../img/puce_exactive_orange.jpg);

}
.exactive_2 div {
	float:left;
	width:509px;
	height:423px;
}
.exactive_2 .produit1 {
	background:url(../img/exabinder.jpg);
}.exactive_2 .produit2 {
	background:url(../img/exaboard.jpg);
}.exactive_2 .produit3 {
	background:url(../img/exabook.jpg);
}.exactive_2 .produit4 {
	background:url(../img/exabox.jpg);
}.exactive_2 .produit5 {
	background:url(../img/exacard.jpg);
}.exactive_2 .produit6 {
	background:url(../img/exacase.jpg);
}.exactive_2 .produit7 {
	background:url(../img/exafile.jpg);
}.exactive_2 .produit8 {
	background:url(../img/exafolder.jpg);
}.exactive_2 .produit9 {
	background:url(../img/exafolio.jpg);
}.exactive_2 .produit10 {
	background:url(../img/exashow.jpg);
}.exactive_2 .produit11 {
	background:url(../img/exaview.jpg);
}.exactive_2 .produit12 {
	background:url(../img/exawallet.jpg);
}.exactive_2 .produit13 {
	background:url(../img/harmonika.jpg);
}.exactive_2 .produit14 {
	background:url(../img/principale_droite.jpg);
}

.exactive_2 div div {
	width:380px;
	margin:230px 0 0 70px;
}
.exactive_2 div div#texte_plein {
	width:340px;
	margin:100px 0 0 50px;
}
	
.exactive_3 {
	width:783px;
	height:719px;
	background-image:url(../img/fond_oversize.jpg);
	background-repeat:no-repeat;
	background-color:#e3e8eb;
	float:left;
}
#txt_div3 {
	width:630px;
	margin:100px 0 0 100px;
}
.exactive_4 {
	width:767px;
	height:423px;
	background-image:url(../img/principale_mobile.jpg);
	background-repeat:no-repeat;
	float:left;
}
#txt_div4 {
	width:630px;
	height:400px;
	margin:100px 0 0 100px;
}


/* ------------------------------ forever ---------------------------*/
.forever_5 {
	width:767px;
	height:422px;
	background:url(../img/forever_accueil_01.jpg) no-repeat #e3e8eb;
	float:left;
}
.forever_5 h3 {
	margin:330px 0 0 140px;
	font-size:28px;
	color:#459536;
}
.forever_1 {
	width:767px;
	height:423px;
	background-image:url(../img/forever_exacompta.jpg);
	float:left;
}
.forever_1 #txt_div {
	width:277px;
	height:250px;
	margin:100px 0 0 330px;
}
.forever_2 {
	width:767px;
	height:423px;
	background-image:url(../img/forever_papier.jpg);
	float:left;
}
.forever_2 #txt_div , .forever_3 #txt_div {
	width:267px;
	height:250px;
	margin:100px 0 0 330px;
}
.forever_2 #txt_div .court , .forever_3 #txt_div .court {
	width:200px;
}
.forever_3 {
	width:767px;
	height:423px;
	background-image:url(../img/forever_pp.jpg);
	background-repeat:no-repeat;
	float:left;
}

.forever_4 {
	width:783px;
	height:680px;
	background-image:url(../img/forever_fond_oversize.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	float:left;
}
.forever_4 #txt_div {
	width:326px;
	margin:90px 0 0 330px;
}
form#form_forever {
	margin:20px 0 0 246px;
}
form#form_forever p {
	margin:0;
	height:30px;
}
form#form_forever label {
	display:block;
	width:77px;
	text-align:right;
	float:left;
	font-size:10px;
	margin:5px 5px 0 0;
}
form#form_forever input {
	display:inline;
	width:326px;
	height:25px;
	border:none;
	background:#fff;
	margin:0;
	padding:0;
}
form#form_forever p#check {
	margin:10px 0 0 0;
	text-align:left;
}
form#form_forever p#check label {
	width:300px;
	text-align:left;
	display:block;
	float:left;
}
form#form_forever p#check input {
	margin:0 5px 0 82px;
	width:auto;
	background:none;
	display:block;
	float:left;
}
form#form_forever input#submit {
	background:none;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
	float:none;g
	text-align:left;
	width:100px;
	margin:10px 0 0 82px;
	padding:0;
	border:none;
}
form#form_forever label#rappel {
	margin:5px 0 0 60px;
}

/*========================================================== NAVIGATE ===================================================*/
#nav {
}
#nav ul {
	padding: 0;
	margin: 0 0 0 0;
	position:relative;
	height:44px;
}
#nav li {
	float: left;
	margin:0 0 0 -7px;
	width:116px;
	border:2px solid #fff;
	border-top:none;
	box-shadow: 0px 3px 3px #ccc;
	border-radius: 0 0 5px 5px;
	text-align:left;
	height:40px;
}
#nav li:hover {
	border-radius: 0;
	height:42px;
}

#nav li#classer {		background:#d10019;
	margin:0;
	border-width:0 2px 2px 0;
	border-radius:0 0 5px 0;}
#nav li#organiser {		background:#ec7405;}
#nav li#presenter {		background:#005090;	width:119px}
#nav li#noter {			background:#00a5cf;}
#nav li#signaler {		background:#898989;}
#nav li#creer {			background:#c2005b;}
#nav li#souvenir {		background:#54378a;}
#nav li#bewerbung {		background:#003c5b;}
#nav li#bureau {		background:#1e7f00;	width:119px;}
#nav li#bureau_seul {	background:#1e7f00;}
#nav li#agendas {		background:#905e35;
	border-width:0 0 2px 2px;
	border-radius:inherit 0 0 5px;}
}

#nav p {
	height:125px;
	padding: 0;
	margin: 0 0 5px 0;
	text-align:center;
}
#nav a {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
}
#nav a span {
	color:#FFF;
	text-decoration:none;
	padding: 7px 0 0 10px;
	display:block;
	width:100px;
}

#nav li div.menu {
	position: absolute;
	top:42px;
	left: -999em;
	height: auto;
	width: 700px;
	font-size:13px;
	font-weight: 700;
	z-index:10;
	background:url(../img/fond_20.jpg) repeat-x bottom #fff;
	color:#333;
	border:4px solid #fff;
	overflow:hidden;
}

#nav li#classer div.menu  {		background-image:url(../img/fond_10.jpg);}
#nav li#organiser div.menu  {	background-image:url(../img/fond_20.jpg);}
#nav li#presenter div.menu {	background-image:url(../img/fond_30.jpg);}
#nav li#noter div.menu  {		background-image:url(../img/fond_40.jpg);}
#nav li#signaler div.menu {		background-image:url(../img/fond_50.jpg);}
#nav li#creer div.menu {		background-image:url(../img/fond_60.jpg);}
#nav li#souvenir div.menu {		background-image:url(../img/fond_70.jpg);}
#nav li#bewerbung div.menu {	background-image:url(../img/fond_bewerbung.jpg);}
#nav li#bureau div.menu  {		background-image:url(../img/fond_multi.jpg);}
#nav li#bureau_seul div.menu  {	background-image:url(../img/fond_multi.jpg);}
#nav li#agendas div.menu  {		background-image:url(../img/fond_agendas.jpg);}


#nav li div.menu div {
	float:left;
	overflow:hidden;
}
#nav li div.menu div img {
	margin:2px;
}
#nav li div.menu div p {
	font-weight:bold;
	margin:10px 0 5px 10px;
	font-size:12px;
}
#nav li div.menu div a {
	margin:0 20px;
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#FFF;
}
#nav li div.menu div div.gamme_nav{
	color:#fff;
	height:76px;
	margin:2px;
	float:none;
}
#nav li div.menu div div.gamme_nav a{
	margin:0 0 0 25px;
}
#nav li div.menu div div.gamme_nav p a{
	font-weight:bold;
	margin:0 0 0 5px;
}

#nav li#classer div.menu div div.gamme_nav {	background:#d10019;}
#nav li#organiser div.menu div div.gamme_nav {	background:#ec7405;}
#nav li#presenter div.menu div div.gamme_nav {	background:#005090;}
#nav li#noter div.menu div div.gamme_nav {		background:#00a5cf;}
#nav li#signaler div.menu div div.gamme_nav {	background:#898989;}
#nav li#creer div.menu div div.gamme_nav {		background:#c2005b;}
#nav li#souvenir div.menu div div.gamme_nav {	background:#54378a;}
#nav li#bewerbung div.menu div div.gamme_nav {	background:#003c5b;}
#nav li#bureau div.menu div div.gamme_nav {		background:#1e7f00;}
#nav li#bureau_seul div.menu div div.gamme_nav {background:#1e7f00;}
#nav li#agendas div.menu div div.gamme_nav {	background:#905e35;}

#nav li ul {
	float:left;
	margin:10px 0 10px 10px;
	width:511px;
	height:auto;
}

#nav li ul span {
	display:inline;
	padding:0;
	margin:0;
}

#nav li ul a span {
	color:#333;
	display:inline;
}

#nav li#classer div {		border-color:#d10019;}
#nav li#organiser div {		border-color:#ec7405;}
#nav li#presenter div {		border-color:#005090;}
#nav li#noter div {			border-color:#00a5cf;}
#nav li#signaler div {		border-color:#898989;}
#nav li#creer div {			border-color:#c2005b;}
#nav li#souvenir div {		border-color:#54378a;}
#nav li#bewerbung div {		border-color:#003c5b;}
#nav li#bureau div {		border-color:#1e7f00;}
#nav li#bureau_seul div {	border-color:#1e7f00;}
#nav li#agendas div {		border-color:#905e35;}

#nav li#classer 	a.segment{color:#d10019;}
#nav li#organiser 	a.segment{color:#ec7405;}
#nav li#presenter 	a.segment{color:#005090;}
#nav li#noter 		a.segment{color:#00a5cf;}
#nav li#signaler 	a.segment{color:#898989;}
#nav li#creer 		a.segment{color:#c2005b;}
#nav li#souvenir 	a.segment{color:#54378a;}
#nav li#bewerbung 	a.segment{color:#003c5b;}
#nav li#bureau 		a.segment{color:#1e7f00;}
#nav li#bureau_seul a.segment{color:#1e7f00;}
#nav li#agendas 	a.segment{color:#905e35;}

#nav li li {
	padding:0 20px;
	height:auto;
	margin:0;
	width: 214px;
	border-radius:0;
	border:0;
	box-shadow:none;
	border-left:1px solid #CCC;
	color:#333;
	float:left;
	overflow:hidden;
}
#nav li li:hover {
	height:auto;
}
#nav li ul a {
	display: block;
	width: auto;
	height:auto;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#333;
	line-height:1.5;
}

#nav li ul li ul {
	position:static;
	top:auto;
	left:auto;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#333;
	border:none;
	width:auto;
	height:auto;
}

#nav li ul li ul li {
	text-decoration:none;
	margin:0;
	padding:0;
	color:#333;
	float:none;
	border:none;
	width:auto;
}

#nav li ul li ul li a {
	font-size:10px;
	font-weight:normal;
	color:#333;
}
#nav li ul li ul li a span {
	display:inline;
}

#nav li ul a:hover, #nav li#classer ul a:hover, #nav li#organiser ul a:hover, #nav li#presenter ul a:hover, #nav li#noter ul a:hover, #nav li#signaler ul a:hover, #nav li#creer ul a:hover, #nav li#agendas ul a:hover {
	/*color:#FFFFFF;*/
	text-decoration:underline;
}

#nav li#classer:hover div{	left: 0;}
#nav li#organiser:hover div{left: 108px;}
#nav li:hover div{			left: 158px;}
#nav li#bureau:hover div{	left: 218px;}
#nav li#bewerbung:hover div{left: 218px;}
#nav li#agendas:hover div{	left: 318px;}

#environnement {
	width: 1026px;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin: 0 0px 10px 0px;
}
#environnement h1 {
	padding:525px 106px 30px 106px;
	color:#0b7925;
	margin:0;
}
#environnement h2 {
	padding:25px 0 5px 0;
	color:#000000;
	margin:0;
}
#environnement p {
	margin:0 106px 20px 106px;
	font-size:14px;
	display:block;
}
#environnement p img {
	margin:5px 0;
}
#environnement p a {
	margin:0;
	color:#0f73b7;
	text-decoration:none;
}
#environnement p a:hover {
	color:#0f73b7;
	text-decoration:underline;
}
#environnement img {
	margin:0 55px 0 55px;
}
.exa #footer {
	padding: 15px 20px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	margin: 0 37px;
	background:#e3ddda;
	text-align:center;
	height:35px;
}
.exa #footer ul {
	color:#5e514b;
	font-size:12px;
	font-weight:450;
	margin:0;
}
.exa #footer li {
	display:inline;
	margin:0;
	padding:0 20px 0 0;
}
.exa #footer a {
	text-decoration:none;
	color:#5e514b;
}
.exa #footer a:hover {
	text-decoration:none;
}
.exa #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#articles {
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 18px 20px 30px;
}
#articles ul {
	float: left;
	width: 840px;
	list-style: none;
}
#articles li {
	float: left;
	padding: 0;
	width: 234px;
	padding:0;
	margin: 0 45px 30px 0;
	bottom:0;
	background:url(../img/fond_produit.png) 0 -16px no-repeat;
}
#articles p {
	height:192px;
	width:188px;
	padding: 0 26px 16px 20px;
	margin: 0 0 0 0;
	text-align:center;
}
#articles a img {
	display:block;
	border: 0;
	margin:0 auto;
	cursor:pointer;
}
#articles a {
	display: block;
	color:#000000;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
}
#articles span {
	float:left;
	display:block;
	width:225px;
	padding:0 3px 0 2px;
	text-align:center;
}
#articles a span.sstitre {
	height:55px;
	color:#000000;
	font: normal 11px Arial;
	line-height:130%;
}
#articles a span.sstitrefr {
	height:45px;
	color:#000000;
	font: normal 11px Arial;
	line-height:130%;
	margin:5px 0 0 0;
	overflow:hidden;
}
#articles a span.coul, #collection a span.coul {
	height:14px;
	width: 160px;
	color:#FFFFFF;
	background:#BCB0A9;
	font: normal 11px Arial;
	margin: 0 0 0 30px;
	border:1px solid #bcb0a9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#articles a span.coulde, #collection a span.coulde {
	height:14px;
	width: 200px;
	color:#FFFFFF;
	background:#BCB0A9;
	font: normal 11px Arial;
	margin: 0 0 0 10px;
	border:1px solid #bcb0a9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#articles a span.nocoul, #collection a span.nocoul {
	height:16px;
	width: 160px;	
	background:#FFFFFF;
	margin: 0 0 0 30px;
	}
#articles a span {
	font: bold 11px Arial;
	color:#000000;
	cursor:pointer;
}
#articles a:hover span {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
#collection {
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0 0px 20px 5px;
}
#collection ul {
	float: left;
	width: 100%;
	list-style: none;
}
#collection li {
	float: left;
	padding: 0;
	width: 234px;
	margin: 0 0 30px 0px;
	bottom:0;
	background:url(../img/fond_produit.png) 0 -16px no-repeat;
}
#collection p {
	height:192px;
	width:188px;
	padding: 0 26px 16px 20px;
	margin:0;
	text-align:center;
	
}
#collection a img {
	display:block;
	border: 0;
	margin:0 auto;
	cursor:pointer;
}
#collection a {
	display: block;
	color:#000000;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
}
#collection p a {
	line-height:183px;
	text-decoration:none;
}
#collection span {
	float:left;
	display:block;
	width:220px;
	padding:0 3px 0 7px;
	text-align:center;
}
#collection a span.sstitre {
	height:55px;
	color:#000000;
	font: normal 11px Arial;
	cursor:pointer;
	
}
#collection a span.sstitrefr {
	height:45px;
	color:#000000;
	font: normal 11px Arial;
	line-height:130%;
	cursor:pointer;
	margin:5px 0 0 0;
}
#collection a span {
	font: bold 11px Arial;
	height:25px;
	color:#000000;
	cursor:pointer;
}
#collection a:hover span {
	color:#000000;	
	cursor:pointer;
	text-decoration:none;
}
#concept {
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 10px 5px 20px 15px;
}
#concept ul {
	float: left;
	width: 100%;
	list-style: none;
}
#concept li {
	float: left;
	padding: 0;
	width: 172px;
	height: 210px;
	margin: 0 17px 10px 0px;
	bottom:0;
}
#concept img {
	display:block;
	border: 0;
	margin:0 auto;
}
#concept a {
	display: block;
	font: bold 13px Arial;
	color:#000000;
	margin:0;
	padding:0 0 0 0;
	text-decoration:none;
}
#concept a span {
	float:left;
	display:block;
	height:20px;
	width:155px;
	padding:0 3px 0 2px;
	text-align:center;
	color:#000000;
}
#concept a:hover span {
	color:#000000;
	text-decoration:none;
}
#racine {
	float: left;
	width:470px;
	line-height: 1;
	font-weight: bold;
	font-size:11px;
	padding: 0 2px 0 10px;
	margin: 0;
	border-width:0 1px 0 0 ;
	border-style:solid;
	border-color:#ccc;
}
.exa .impression #racine {
	width:auto;
}
#racine img {
	display:block;
	border: 0;
	margin:0 auto;
}

#reference .couleur {
	display:block;
	margin:0 ;
	font-weight:bold;
	width:300px;
}
#racine div#exaplus {
	margin:0 10px 0 0;
	padding:4px 8px;
	border:1px solid #bcb0a9;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:180px;
	background-color:#CDC1BA;
	font-size:11px;
	text-align:center;
	display:block;
	float:right;
	line-height:130%;
}
#racine div#exaplus span {
	font-size:14px;
	color:#FFFFFF;
	margin:0 0 2px 0;
	display:inline;
}
#reference hr {
	border:none;
	border-bottom:1px solid #CCC;
	margin:15px 0;
}
#reference em {
	font-size:12px;
	font-style:normal;
}
#reference h4 {
	margin:15px 0 0 0;
}
#reference h4.top {
	margin:0;
}
#reference h5 {
	margin:15px 0 0 0;
	color:#333;
	font-size:14px;
}
#reference a#fiche_produit {
	text-decoration:none;
	color:#333;
	line-height:32px;
}
#reference a#fiche_produit img {
	vertical-align:middle;
	width:32px;
	height:32px;
	margin:0 5px;
}
#reference a#fiche_produit:hover {
	text-decoration:underline;
}
#racine div#imgfiche {
	display:block;
	width:455px;
	height:315px;
	position:relative;
	z-index:0;
}
.exa #container.impression #racine div#imgfiche {
	width:300px;
	float:right;
	margin:20px 10px;
	text-align:center;
}
#racine div#imgfiche img {
	max-width:430px;
}
.exa #container.impression #racine div#imgfiche img {
	max-width:300px;
	display:inline;
}

#racine div#visuels {
	display:block;
	width:455px;
}
#racine div#visuels ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 10px 0 0 0;
}
#racine div#visuels li {
	float: left;
	padding: 2px;
	width: 67px;
	height: 67px;
	margin: 1px 1px 1px 1px;
	border: 1px solid #edebed;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#racine div#visuels li img {
	vertical-align:middle;
}
#racine div#visuels li#active {
	border: 1px solid #797879;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#racine div#visuels li a {
	display: block;
	padding: 0;
	width:65px;
	height:65px;
}
#racine div li a:hover, #racine div li a:focus, #racine div li a:active {
}
#racine div {
	float:left;
}
#racine div ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 10px 0 0 0;
}
#racine div li, #reference div li {
	float: left;
	padding: 0;
	width: auto;
	margin: 0 0 0 0;
}
#reference div li.boutique a {
	display: block;
	background: url(../img/02_exacompta_btn_proximite.png) left top no-repeat;
	color: #fff;
	font-size:11px;
	line-height: 27px;
	padding: 4px 5px 4px 27px;
	width:134px;
	text-align: left;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
#reference div li.boutiquede a {
	display: block;
	background: url(../img/02_exacompta_btn_proximite.png) left top no-repeat;
	color: #fff;
	font-size:11px;
	padding: 4px 5px 5px 27px;
	width:134px;
	text-align: left;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
#reference div li.boutique a:hover, #racine div li.boutique a:focus, #racine div li.boutique a:active, #racine div li.boutiquede a:hover, #racine div li.boutiquede a:focus, #racine div li.boutiquede a:active {
	background: url(../img/02_exacompta_btn_proximite.png) left bottom no-repeat;
	text-decoration: none;
}
#reference div li.cc {
	margin-right:15px;
	cursor:pointer;
}
#reference div li.cc a {
	display: block;
	background: url(../img/01_exacompta_btn_ligne.png) left top no-repeat;
	color: #fff;
	font-size:11px;
	line-height: 27px;
	padding: 4px 5px 4px 30px;
	width:114px;
	text-align: left;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
#reference div li.cc a:hover, #racine div li.cc a:focus, #racine div li.cc a:active {
	background: url(../img/01_exacompta_btn_ligne.png) left bottom no-repeat;
	text-decoration: none;
}
#reference {
	float: left;
	width:350px;
	min-height:450px;
	line-height: 1;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 0 18px 0 0;
}
.impression #reference {
	min-height:100%;
}
#reference span {
	font-size:11px;
	margin:15px 0 0 0;
	display:block;
	color:#333;
}
#reference span img {
	float:left;
	width:28px;
	margin:0 15px 0 7px;
}
#reference ul {
	display:block;
	line-height:100%;
}
#reference ul#pictos {
	padding:0;
	margin:0 0;
	width: 355px;
	border:0px solid #a5a5a5;
	line-height:100%;
}
#reference ul#pictos li {
	float:left;
	margin:5px 5px 5px 5px;
	display:inline;
	line-height:100%;
	border: 1px solid #edebed;
	padding:2px 0 0 2px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:30px;
	height:30px;
}
#reference ul#pictos li a {
	line-height:100%;
	display:block;
}
#reference ul#pictos li.bordure {
	border: 1px solid #797879;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#reference ul#pictos li img {
	margin:0;
	width:28px;
	height:28px;
	display:inline;
	line-height:100%;
}
#reference #pictosag ul {
	padding:0;
	margin:0 0;
	width: 280px;
	border:0px solid #a5a5a5;
	line-height:100%;
}
#reference #pictosag ul li {
	float:left;
	margin:7px 5px 7px 5px;
	display:inline;
	line-height:100%;
}
#reference #pictosag ul li a {
	line-height:100%;
	display:block;
}
#reference #pictosag ul li#active {
	margin:3px 3px 3px 3px;
	border: 1px solid #797879;
	padding:3px 3px 3px 3px;
	line-height:100%;
}
#reference #pictosag ul li p {
	border: 1px solid #797879;
	padding:3px 3px 3px 3px;
	line-height:100%;
}
#reference #pictosag ul li p a {
	line-height:100%;
}
#reference #pictosag ul li img {
	margin:0;
	height:72px;
	display:inline;
	line-height:100%;
}
#reference div#evt {

	margin:10px 0;
	width:280px;
}
#reference div#evt img {
	display:inline;
	width:auto;
}
#reference span#evt {
	margin:15px 0 10px;
	text-align:center;
}
#reference span#evt img {
	width:auto;
	float:none;	
}

#reference span#mat{
		 margin: 0;}
#reference span#mat img {
	margin:15px 0 4px 7px;
	float:right;
	display:block;
	width:auto;
	
}


#sidebar5 #pointvente {
	display:block;
	margin:30px 0 15px 15px;
	padding:0;
	width: 400px;
}
#sidebar5 #pointvente a {
	color:#ffffff;
	text-decoration:none;
}
#sidebar5 #pointvente a:hover {
	text-decoration:none;
}
.bleu {
	color:#0099b1;
	font-size:14px;
	font-weight:700;
	margin:5px 0;
}



.exa #sidebar5 div.pages {
	height:30px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	float:right;
	margin:10px 0;
	display:block;
}

.exa #sidebar5 div.pages a.navp {
	width:23px;
	background: url(../img/gauche.png) 0 0 no-repeat;
	background-position:bottom;
	padding:6px 8px 4px 8px;
	margin:-5px 2px 0;
	display:block;
	float:left;
}
.exa #sidebar5 div.pages a.navs {
	width:23px;
	background: url(../img/droite.png) 0 0 no-repeat;
	background-position:bottom;
	padding:6px 8px 4px 8px;
	margin:-5px 2px 0;
	display:block;
	float:left;
}
.exa #sidebar5 div.pages p.navp_spacer { /* sert à remplacer la fleche "precedent" pour ne pas décaler la liste*/
	width:23px;
	padding:6px 8px 4px 8px;
	margin:-5px 2px 0;
	display:block;
	float:left;
}
.exa #sidebar5 div.pages p.navs_spacer { /* sert à remplacer la fleche "suivant" pour ne pas décaler la liste*/
	width:23px;
	padding:6px 8px 4px 8px;
	margin:-5px 2px 0;
	display:block;
	float:left;
}

.exa #sidebar5 div.pages a {
	font-size:12px;
	color:#CCC;
	margin:0 1px;
	text-decoration:none;
	display:block;
	float:left;
	width:15px;
}
.exa #sidebar5 div.pages #activepage, .exa #sidebar5 div.pages a:hover {
	color:#57a368;
	text-decoration:none;
}

/*
.exa #sidebar5 div.pages {
	height:30px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	float:right;
	margin:10px 30px 10px 0;
}
.exa #sidebar5 div.pages a.nav {
}
.exa #sidebar5 div.pages a.navp {
	background: url(../img/gauche.png) 0 0 no-repeat;
	padding:4px 14px 4px 14px;
}
.exa #sidebar5 div.pages a.navs {
	background: url(../img/droite.png) 0 0 no-repeat;
	padding:4px 14px 4px 14px;
}
.exa #sidebar5 div.pages p.navp_spacer { 
	width:23px;
	padding:2px 10px;
	margin:0 2px;
	display:block;
	float:left;
}
.exa #sidebar5 div.pages p.navs_spacer {
	width:23px;
	padding:2px 10px;
	margin:0 2px;
	display:block;
	float:left;
}
.exa #sidebar5 div.pages a {
	padding:0 1px;
	color:#a8988e;
	text-decoration:none;
	display:inline;
	width:25px;
}
.exa #sidebar5 div.pages #activepage, .exa #sidebar5 div.pages a:hover {
	color:#57a368;
	text-decoration:none;
}*/

/******************/ 
/* Menu onglets pdv */
/******************/
.pdv {
	list-style: none;
	margin: 30px 0 0 15px;
	padding: 0;
	overflow: hidden;		/* Création du contexte de formatage */
}
.pdv li {
	float: left;
	width: auto;
	margin: 0;
	color: #fff;
	background: #c00;
}
.pdv li a {
	display: block;
	background: #900 url(../img/Ou_Acheter_eu.png) right top no-repeat;
	color: #fff;
	font: bold 14px Arial, sans-serif;
	line-height: 18px;
	padding: 5px 13px 9px 10px;
	text-align: left;
	text-decoration: none;
}
.pdv li a:hover, .pdv li a:focus {
	text-decoration: none;
}
.pdv li a:active {
	background: url(../img/Ou_Acheter_eu.png) right top no-repeat;
	text-decoration: none;
}
.pdv #active a {
	background: url(../img/Ou_Acheter_eu.png) left top no-repeat;
	text-decoration: none;
}
.pdv li a.us {
	display: block;
	background: #900 url(../img/Ou_Acheter_us.png) right top no-repeat;
	color: #fff;
	font: bold 14px Arial, sans-serif;
	line-height: 18px;
	padding: 5px 10px 9px 6px;
	text-align: left;
	text-decoration: none;
}
.pdv li a.us:hover, .pdv li a.us:focus {
	text-decoration: none;
}
.pdv li a.us:active {
	background: url(../img/Ou_Acheter_us.png) right top no-repeat;
	text-decoration: none;
}
.pdv #active a.us {
	background: url(../img/Ou_Acheter_us.png) left top no-repeat;
	text-decoration: none;
}
<!--
[if lt IE 7]> .pdv {
overflow: visible;
height: 1%;
}
<!--
[endif]
-->
-->
ul.pdvente {
float:left;
width:800px;
display:block;
}
ul.pdventes li {
	margin:0 1px 3px 0;
	font-weight:bold;
	width:200px;
	_width:200px;
	height:auto;
	float:left;
	background-color:#0099b1;
	color:#ffffff;
	display:inline;
}
ul.head_pdvente {
	float:left;
	width:840px;
	display:block;
	margin:10px 0 0 0;
}
ul.head_pdvente li {
	margin:0 1px 3px 0;
	font-weight:bold;
	width:208px;
	height:auto;
	float:left;
	background-color:#ffffff;
	border-bottom:none;
	color:#0099b1;
	display:inline;
	text-align:center;
}
ul.head_pdvente li.papet {
	margin:0 1px 3px 0;
	font-weight:bold;
	width:200px;
	height:52px;
	float:left;
	background-color:#0099b1;
	color:#ffffff;
	display:inline;
	text-align:left;
	font-size:12px;
	padding:3px 5px 0 3px;
}
.exa #sidebar5 ul.head_pdvente li.papet a{ color:#FFF;}
/* style page contacts */
button, input, textarea, select {
	font: 11px Arial, Helvetica, sans-serif;
	color:#000000;
}
div.contact_form {
	background:url(../img/contact_bg.png) 0 0 no-repeat;
	width:290px;
	height:535px;
	margin: 10px 0 0 0;
	padding:10px 20px 10px 10px;
	font-size:11px;
}
.contact_form fieldset {
}
.contact_form p {
	margin:2px 0 5px 0;
}
.padd_10 {
	padding:10px 5px 0 5px;
}
.padd_10_right {
	padding:0 5px 10px 5px;
}
.tit_font14_blue {
	font-size:13px;
	font-weight:bold;
	color:#000000;
}
.tit_green14px {
	color:#000000;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
}
.width_50 {
	width:50%;
}
a.green_link {
	color:#000000;
}
a.green_link:hover {
	text-decoration:none;
}
.img_input {
	background:url(../img/input_contact.png) no-repeat left center;
	width:275px;
	height:30px;
	border:none;
	line-height:20px;
	padding:5px;
	margin:0px;
}
.img_input[class] {
	display:block;
	height:20px;
	padding:5px;
}
.img_textarea {
	background:url(../img/textarea.png) no-repeat scroll;
	width:275px;
	height:90px;
	border:none;
	padding:5px 5px 0px 5px;
	overflow:auto;
}
.img_textarea[class] {
	width:280px;
	height:90px;
}
fieldset {
	border: 0;
	padding:0;
}
/* style page groupe */
.exa #sidebar6 {
	float: left;  /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 841px;  /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #FFFFFF url(../img/fond_contenu.jpg) no-repeat; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0px 75px 30px 110px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0px 0px 50px 0px;
}
.exa #sidebar6 #groupe {
	margin:20px 0px 20px 0;
}
.exa #sidebar6 #groupe img {
	padding: 0 10px 0 0;
}
.exa #sidebar6 #intro {
	width:700px;
	margin:auto;
}
.exa #sidebar6 #bloc_logo {
	height:105px;
	margin-bottom:15px;
}
.exa #sidebar6 #bloc_presentation {
	background: #FFFFFF url(../img/fond_presentation.jpg) no-repeat;
	padding:25px 45px 10px 60px;
	height:700px
}
.exa #sidebar6 #soustitre {
	height:75px;
	vertical-align:middle;
}
.exa #sidebar6 #groupe h1 {
	font-size: 36px;
	font-weight: 700;
	color: #0099b1;
	text-align:left;
	width:750px;
}
.exa #sidebar6 .txt_soustitre {
	font-size: 24px;
	color: #766861;
	text-align:left;
	margin:0;
	padding-top:20px;
}
.exa #sidebar6 .txt_intro {
	font-size: 14px;
	color: #766961;
	text-decoration:none;
	text-align:left;
	margin:25px 0 11px 0;
	display:block;
}
.exa #sidebar6 .txt_intro_bold {
	font-weight:bold;
}
.exa #sidebar6 .nom_bleu {
	font-size:24px;
	font-weight:bold;
	color: #0099b1;
	line-height:24px;
	padding-top:15px;
	margin:0;
}
.exa #sidebar6 .logo {
	padding-right:40px;
}
.exa #sidebar6 .lien_vert {
	font-size:18px;
	font-weight:bold;
	color:#4fc813;
	line-height:18px;
	margin:10px 0;
}
.exa #sidebar6 .lien_vert a {
	text-decoration:none;
	color: #4fc813;
	font-size:18px;
}
.exa #sidebar6 .txt_left {
	float:left;
	font-size: 14px;
	color: #766961;
	text-decoration:none;
	text-align:left;
	margin:0;
	display:inline;
	width:340px;
}
.exa #sidebar6 .txt_right {
	float:right;
	font-size: 14px;
	color: #766961;
	text-decoration:none;
	text-align:left;
	margin:0;
	display:inline;
	width:340px;
}
.exa #sidebar6 a {
	text-decoration:none;
	color: #4fc813;
	font-size:12px;
}
.exa #sidebar6 h2 {
	font-size:16px;
	padding:10px 0;
}
div#video_flash{
	text-align:center;
	width:460px;
	height:345px;
	margin:10px 0 0;
	float:none;
	padding:15px 0 0 0;
	border-top:1px solid #ccc;
}

div.banniere_flash{
	float:left;
	margin:-20px 0 10px 0;
}


/*			Images de substitution pour les flash familles			
div.img_flash_011010{
	background:url(../flash/_images_defaut/classer_chemises.jpg) no-repeat;
}
div.img_flash_011020{
}
div.img_flash_012010{
}
div.img_flash_013010{
}
div.img_flash_014010{
}
div.img_flash_015010{
}
div.img_flash_016010{
}
div.img_flash_017010{
}
div.img_flash_019010{
}
*/



/* STYLE POUR LIGHT WINDOW */
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;/* REQUIRED */
}
#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;/* REQUIRED */
}
#lightwindow_container {
	/* REQUIRED */
		display: none;
	visibility: hidden;
	position: absolute;
	/* REQUIRED */
		padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
	overflow: hidden;
}
#lightwindow_contents {
	overflow: hidden;
	z-index: 0;
	position: relative;
	border: 10px solid #ffffff;
	background-color: #ffffff;
}
#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}
#lightwindow_loading_shim {
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}
#lightwindow_loading span {
	font-size: 12px;
	line-height: 32px;
	color: #444444;
	float: left;
	padding: 0 10px 0 0;
}
#lightwindow_loading span a,  #lightwindow_loading span a:link,  #lightwindow_loading span a:visited {
	color: #09F;
	text-decoration: none;
	cursor: pointer;
}
#lightwindow_loading span a:hover,  #lightwindow_loading span a:active {
	text-decoration: underline;
}
#lightwindow_loading img {
	float: left;
	margin: 0 10px 0 0;
}
/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;/* REQUIRED */
}
/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim {
	/* REQUIRED */
		display: none;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;/* REQUIRED */
	}
#lightwindow_navigation a,  #lightwindow_navigation a:link,  #lightwindow_navigation a:visited,  #lightwindow_navigation a:hover,  #lightwindow_navigation a:active {
	/* REQUIRED */
		outline: none;/* REQUIRED */
	}
#lightwindow_previous,  #lightwindow_next {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightwindow_previous {
	float: left;
	left: 0px;
}
#lightwindow_next {
	float: right;
	right: 0px;
}
#lightwindow_previous:hover,  #lightwindow_previous:active {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#lightwindow_next:hover,  #lightwindow_next:active {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#lightwindow_previous_title,  #lightwindow_next_title {
	display: none;
}
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50;
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}
#lightwindow_galleries_tab_container {
	width: 100%;
	height: 0px;
	overflow: hidden;
}
a#lightwindow_galleries_tab,  a:link#lightwindow_galleries_tab,  a:visited#lightwindow_galleries_tab {
	display: block;
	height: 20px;
	width: 77px;
	float: right;
	line-height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-size: 11px;
	color: #ffffbe;
	background: url(../images/black-70.png) repeat 0 0 transparent;
}
* html a#lightwindow_galleries_tab,  * html a:link#lightwindow_galleries_tab,  * html a:visited#lightwindow_galleries_tab {
	background: none;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
}
a:hover#lightwindow_galleries_tab,  a:active#lightwindow_galleries_tab {
	color: #ffffbe;
}
#lightwindow_galleries_tab_span {
	display: block;
	height: 20px;
	width: 63px;
	padding: 0 7px 0 7px;
}
#lightwindow_galleries_tab .up {
	background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
}
#lightwindow_galleries_tab .down {
	background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
}
#lightwindow_galleries_list {
	background: url(../images/black-70.png) repeat 0 0 transparent;
	overflow: hidden;
	height: 0px;
}
* html #lightwindow_galleries_list {
	background: none;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
}
.lightwindow_galleries_list {
	width: 200px;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
}
.lightwindow_galleries_list h1 {
	color: #09F;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 0 5px 0;
	font-size: 16px;
}
.lightwindow_galleries_list li {
	margin: 5px 0 5px 0;
	list-style-type: none;
}
.lightwindow_galleries_list a,  .lightwindow_galleries_list a:link,  .lightwindow_galleries_list a:visited {
	display: block;
	line-height: 22px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding: 0 0 0 10px;
	font-size: 11px;
}
.lightwindow_galleries_list a:hover,  .lightwindow_galleries_list a:active {
	background: #000000;
	color: #ffffbe;
	border-left: 3px solid #ffffbe;
	padding: 0 0 0 7px;
}
#lightwindow_data {
	/* REQUIRED */
	position: absolute;/* REQUIRED */
}
#lightwindow_data_slide {
	/* REQUIRED */
		position: relative;/* REQUIRED */
	}
#lightwindow_data_slide_inner {
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
}
#lightwindow_data_caption {
	padding: 10px 0 0 0;
	color: #666666;
	line-height: 25px;
	background-color: #ffffff;
	clear: both;
}
#lightwindow_data_details {
	background-color: #f0f0f0;
	padding: 0 10px 0 10px;
	height: 20px;
}
#lightwindow_data_author_container {
	width: 40%;
	text-align: right;
	color: #666666;
	font-style: italic;
	font-size: 10px;
	line-height: 20px;
	float: right;
	overflow: hidden;
}
#lightwindow_data_gallery_container {
	font-size: 10px;
	width: 40%;
	text-align: left;
	color: #666666;
	line-height: 20px;
	float: left;
	overflow: hidden;
}
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;
}
#lightwindow_title_bar_title {
	color: #ffffbe;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	float: left;
}
a#lightwindow_title_bar_close_link,  a:link#lightwindow_title_bar_close_link,  a:visited#lightwindow_title_bar_close_link {
	float: right;
	text-align: right;
	cursor: pointer;
	color: #ffffbe;
	line-height: 25px;
	padding: 0;
	margin: 0;
}
a:hover#lightwindow_title_bar_close_link,  a:active#lightwindow_title_bar_close_link {
	color: #ffffff;
}
/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #766961;
	padding-right: 10px;
	font-size:13px;
}
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}
/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
/* Jqzoom. */
div.jqZoomTitle {
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
	display:none;
}
.jqZoomPup {
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:10;
	border-color:#c4c4c4;
	border-style: solid;
	cursor:crosshair;
}
.jqZoomPup img {
	border: 0px;
}
.preload {
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url(../img/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width:90px;
 * width:100px;
	height:43px;
 *height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}
.jqZoomWindow {
	border: 1px solid #999;
	background-color: #FFF;
}


/*============================================================================= SCROLL PRODUITS SIMILAIRES ============*/

div#produits_asso {
	overflow:hidden;
	margin:10px auto 0;
	padding:20px 0 0 0;
	border-top:1px solid #CCC;
}

h4.autres_produits {
	color:#333;
	font-size:14px;
}

/* Element pour scroll produit
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable {

		/* required settings */
	position:relative;
	overflow:hidden;
	width: 390px;
	height:140px;

		/* custom decorations */
	/*border:1px solid #ccc;*/
	margin:20px 0 0 0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:390px;
}
.items div a {
	display:block;
	float:left;
	width:130px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#333;
}
.items div a p.image {
	float:none;
	height:100px;
}
.items div a p.texte {
	float:none;
	height:35px;
	overflow:hidden;
	margin:4px 2px;
}

.scrollable img {
	max-width:100px;
	max-height:100px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/hori_large.png) no-repeat; 
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:52px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(img/vert_large.png) no-repeat;  
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	


p.alerte {
	font:Verdana, Geneva, sans-serif 14px bold;
	width:auto;
}