/* Structure */
#baseline {
/*	display: none;*/
	background: #D7DFE2;
	color: #415E6E;
	/* height: 23px; */
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	clear: both;
	width: 741px;
	margin-bottom: -23px;
	position: absolute;
	bottom: 0;
	margin-left:-370.5px;
	left:50%;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   background: #FFFFFF;
   margin: 0px;
   font-size: 10px;
   text-align: center; /* IE/Win 5.5 (centrage de la page) */
}
#main {
   width: 741px;
   margin: 0px auto;
   border-left: 1px solid #E5E5E5;
   text-align: left; /* IE/Win 5.5 (pour rattraper l'alignement du au centrage) */
}
/*
#topnav {
   background: #A7B0B5;
   height: 20px;
}
*/
/*	background-image: url(../images/fr/bg_head.gif);*/

#head {
   height: 105px;
	background-image: url(../images/fr/bg_headtopnav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align:top;
}

#foot {
   background: #D7DFE2;
   color: #415E6E;
   height: 23px;
   font-size: 9px;
   text-align: center;
   vertical-align: middle;
   clear: both;
}
#foot a {
   color: #415E6E;
}

/* generalites */
a {
   text-decoration: none;
   color: #8D1E39;
}
a:hover {
   text-decoration: underline;
}
h4 {
   color: #000000;
   font-size: 13px;
   font-weight: bold;
   margin: 25px 0 7px 0;
}
dl {
   margin: 0;
   padding: 0;
   line-height: 14px;
   clear: left;
}
dt {
   float: left;
   clear: left;
   font-weight: bold;
   width: 180px;
   margin: 0;
   font-size: 10px;
}
dd {
   float: left;
   margin: 0;
   width: 300px;
   font-size: 11px;
   color: #777777;
}
dl .premier {
   margin-top: 7px;
}
dl .dernier {
   margin-bottom: 10px;
}
.versionPDF {
   float: right;
}
.versionPDF img {
   display: block;
}
.clearer {
   clear: both;
   height: 1px;
   line-height: 1px;
   font-size: 1px;
}
form {
   margin: 0;
   padding: 0;
   font-size: 11px;
}
input, select {
   font-size: 9px;
}
.arrow_compt {
   background: url(../images/fr/puce_tit3_compt.gif) no-repeat 0px 0px;
   padding: 0px 0px 0px 20px;
   margin: 0px 0px 10px;
}


/* Deb FZB ---------------- */
.prod {

   margin: 0 0px 10px 0;
}
#cont .prod h4.arrow_compt {

   margin: 0 0px 0px 40px;
}

#cont .prod li {

   margin: 0 0px 0px 40px;
}

#cont #auto_edition a {
   text-align: left;
   font-weight: bold;
   font-size: 10px;
   list-style: none;
}

#auto_edition {
   text-align: left;
   font-weight: bold;
   font-size: 10px;
   list-style: none;
   font-style: normal;
}

#cont #temoignage {
   text-align: left;
   font-size: 10px;
   margin-bottom: 0.8em;
   font-style: italic;
}

.part #cont .titre_cold li {
   list-style-image: url(../images/fr/puce_tit2_part.gif);
   list-style-type: none;
   margin: 5px 0px 0px -10px;
   padding: 0;
   text-align: right;
}

.part #cont .texte li {
   list-style-image: url(../images/fr/puce_tit2_part.gif);
   list-style-type: none;
   margin: 5px 0px 0px -10px;
   padding: 0;

}

.prod .devis a {
   color: #F26522;
   background: url(../images/fr/picto_calcul.gif) no-repeat 0px 2px;
   padding: 0px 0px 0px 15px;
}
.titre_colg .devis a {
   color: #595A05;
   background: url(../images/fr/picto_calcul2.gif) no-repeat 0px 2px;
   padding: 0px 0px 1em 12px;
   margin-bottom: 10px;
   font-weight: bold;
}


#menuDroite .last_imp {
   margin: 0px 15px 10px 25px;
}

.last_imp {
   clear:left;
}
#menuDroite .last_imp h4 {
   margin: 0;
   color:#595A05;

}

.font10px {
   font-size: 10px;

}
/* Fin FZB ---------------- */


.IEWinSpecial {
   height: 100%; /* div engoblant les contenus qu'IE/Win n'affiche pas spontanement alors qu'ils sont la */
}
.justif {
   text-align: justify;
}
.text-right {
   text-align: right;
}
.img-left {
   float: left;
   margin: 0 15px 10px 0;
}
.img-left2 {
   float: left;
   margin: 0 15px 10px 0;
}

.img-center {
   float: none;
   margin: 0 10px 10px 0;
}
/* commun : topnav */
/*    background: #A7B0B5 url("../images/fr/bg_topnav.jpg") no-repeat 100% 0%; 
   background: url("../images/fr/bg_topnavlg.jpg") no-repeat 100% 0%;
*/

/*    border-bottom: 2px solid #FFFFFF; */
#topnav {
   font-family: Arial, Helvetica, sans-serif;
}
#topnav ul {
   list-style: none;
   margin: 0;
   display: inline;
	padding-bottom: 7px;
}
#topnav li {
   display: block;
   height: 20px;
   line-height: 17px;
   float: left;
   color: #FFFFFF;
   font-size: 11px;
   font-weight: bold;
   padding: 0 7px;
   border-right: 1px solid #E5E7E9;
}
#topnav li a {
   color: #FFFFFF;
}
#topnav li.premier {
   padding-left: 31px;
}
#topnav li.dernier {
   border-right: none;
}
#topnav #devisEnLigne {
   float: right;
   border: none;
   text-align: right;
   color: #003E81;
/*   letter-spacing: 1px; */
   margin: 0;
   padding: 0 10px 0 0;
}
#topnav #devisEnLigne a {
   color: #003E81;
}

/* commun : head */
#head {
   height: 87px;
   border-bottom: 1px solid #FFFFFF;
}
#head img {
   display: block;
}

/* Zone pagetitle */

#pagetitle {
   background: url(../images/fr/bg_pagetitle.gif) no-repeat 0px 170px;
   padding: 0 3px 5px 0;
   vertical-align: top;
}
.cpt #pagetitle, .cpt #pagetitle a, .cpt #pagetitle h2, .cpt #pagetitle #ariane p {
   color: #8D1E39;
}
.pro #pagetitle, .pro #pagetitle a, .pro #pagetitle h2, .pro #pagetitle #ariane p {
   color: #405F6C;
}
.pod #pagetitle, .pod #pagetitle a, .pod #pagetitle h2, .pod #pagetitle #ariane p {
   color: #EC6600;
}
.part #pagetitle, .part #pagetitle a, .part #pagetitle h2, .part #pagetitle #ariane p {
   color: #595A05;
}
#pagetitle h2 {
   margin: 0 0 10px 35px;
   font-size: 17px;
   font-weight: normal;
}
#pagetitle h3 {
   margin: 0 0 5px 41px;
   color: #000000;
   font-weight: normal;
   font-size: 13px;
}
#pagetitle h3 a {
   margin: 0 0 5px 0px;
   color: #000000;
   font-weight: normal;
   font-size: 11px;
}
#pagetitle h4 {
   margin: 0 0 5px 35px;
   color: #000000;
   font-weight: normal;
   font-size: 10px;
}


#pagetitle p.attention {
   margin: 0 0 0 25px!important;
   font-size: 10px;
   color: #FF0000;
}

/* commun : espace */

#espace {
   height: 52px;
}
#espace img {
   display: block;
}
#espace #titreEspace {
   margin: 0 0 0 35px;
}
.cpt #espace {
   background: #8D1E39 url("../images/fr/esp_compt_bg2.gif") repeat-y 100% 0%;
}
.pro #espace {
   background: #405F6C url("../images/fr/esp_pro_bg2.gif") repeat-y 100% 0%;
}
.pod #espace {
   background: #EC6600 url("../images/fr/esp_pod_bg2.gif") repeat-y 100% 0%;
}
.part #espace {
   background: #989920 url("../images/fr/esp_part_bg2.gif") repeat-y 100% 0%;
}

/* commun : titre (le menu de l'espace) */

#titre {
   vertical-align: top;
   font: 11px Arial, Helvetica, sans-serif;
   height: 35px;
}
.cpt #titre {
   background: #D1A5B0 url("../images/fr/esp_compt_bg3.gif") no-repeat 100% 100%;
   color: #8D1E39;
}
.pro #titre {
   background: #9FAFB5 url("../images/fr/esp_pro_bg3.gif") no-repeat 100% 100%;
}
.pod #titre {
   background: #F7C299 url("../images/fr/esp_pod_bg3.gif") no-repeat 100% 100%;
}
.part #titre {
   background: #CBCC8F url("../images/fr/esp_part_bg3.gif") no-repeat 100% 100%;
}
#titre #menuContextuel {
   padding: 8px 0 0 35px;
}
.cpt #titre #menuContextuel {
   background: url(../images/fr/esp_compt_puce.gif) no-repeat 0% 0%;
}
.pro #titre #menuContextuel {
   background: url(../images/fr/esp_pro_puce.gif) no-repeat 0% 0%;
}
.pod #titre #menuContextuel {
   background: url(../images/fr/esp_pod_puce.gif) no-repeat 0% 0%;
}
.part #titre #menuContextuel {
   background: url(../images/fr/esp_part_puce.gif) no-repeat 0% 0%;
   margin: 0 10px 0 0;
}
#titre .act {
   color: #FFFFFF;
}

/* commun : ariane */

#ariane {
   font-size: 10px;
}
#ariane p {
   margin: 12px 0 25px 35px;
   line-height: 12px;
}
#ariane .act {
   font-weight: bold;
}
.note {
   margin: 5px 25px 0 0;
   float: right;
   font-size: 10px;
}
.compt .note {
   color: #C68E9C;
}

/* #userDroite (haut) */

#userDroite {
   background: #FFFFFF url(../images/fr/bg_drt.gif) repeat-y 100% 0%;
}
.pro #userDroite {
   background: #FFFFFF url(../images/fr/bg_drt_pro.gif) repeat-y 100% 0%;
}
.pod #userDroite {
   background-image: none;
   background-color: #FBE0CC;
}
.part #userDroite {
   background: #FFFFFF url(../images/fr/bg_drt_part.gif) repeat-y 100% 0%;
}
#userDroite #mdPros ,#userDroite #mdPart, #userDroite #mdCompt {
   border-bottom: 2px solid #FFFFFF;
   width: 222px;
   padding: 0;
}
#userDroite #mdPros img, #userDroite #mdPart img, #userDroite #mdCompt img {
   margin: 0 0 0 12px;
}
#userDroite #mdPros a, #userDroite #mdPart a, #userDroite #mdCompt a {
   margin: 0;
   padding: 0;
}
#userDroite #mdPros img.ill, #userDroite #mdPart img.ill, #userDroite #mdCompt img.ill {
   margin: 6px 0 6px 29px;
}
#userDroite #mdPros {
   background: #667F89;
   height: 28px;
}
#userDroite .mdBig#mdPros {
   background: #D1D8DB;
   border-bottom: none;
   padding: 0 0 11px 0;
   height: auto;
}
#userDroite #mdPart {
   background: #989920;
   height: 28px;
}
#userDroite .mdBig#mdPart {
   background: #E0E0BC; /* A revoir */
   border-bottom: none;
   padding: 0 0 11px 0;
   height: auto;
}
#userDroite #mdCompt {
   background: #8D1E39;
   height: 27px;
}
#userDroite .mdBig#mdCompt {
   background: #E8D2D7;
   border-bottom: none;
   padding: 0 0 11px 0;
   height: auto;
}
#userDroite #deconnexion {
   color: #8D1E39;
   margin: 9px 5px 0 0;
   font-size: 9px;
   float: right;
}
#userDroite #inscription {
   margin: 9px 5px 0 0;
   font-size: 11px;
   float: right;
}
#userDroite #inscription a {
   color: #D1A5B0;
}

/* #menuDroite (bas) */

.cpt #menuDroite {
   background: url(../images/fr/bg_drt.gif) repeat-y 100% 0%;
}
.pro #menuDroite {
   background: url(../images/fr/bg_drt_pro.gif) repeat-y 100% 0%;
}
.pod #menuDroite  {
   background: url(../images/fr/bg_drt_pod.gif) repeat-y 0% 0%;
}
.part #menuDroite  {
   background: url(../images/fr/bg_drt_part.gif) repeat-y 100% 0%;
}

#menuDroite p {
   margin: 10px 25px 10px 25px;
   color: #7F8D90;
}
.part #menuDroite p {
   color: #595a05; 
   margin-bottom: 0px;
   margin-top: 0px;
}
.part #menuDroite {
   color: #595A05;
   margin-top: 5px;
   float: none;
}

.dnp {
   text-align: center;
   width: 155px;
   margin-left: 2px;
   vertical-align: top;
}
.dnp td {
	max-width: 110px;
}

.dnp p{
   color: #595A05!important;
   margin-bottom: 2px;
}
/*
margin-top: 10px;
margin-right: 25px;
margin-bottom: 10px;
margin-left: 25px;
*/

.dnp img{
margin-top:5px;
}
#menuDroite h3 {
   margin: 12px 9px 11px 17px;
   padding: 5px 0px 5px 14px;
   font-size: 14px;
}
.cpt #menuDroite h3 {
   background: #E8D2D7;
   color: #8D1E39;
}

/* Modifs 24/10/2006 : Gestion du lien vers le Support en ligne */
/*
#menuDroite h3.tele {
   background: #E8D2D7 url(../images/fr/bg_teleconseiller.gif) no-repeat 0px 0px;
   padding: 23px 0px 0px 43px;
   height: 19px;
}
*/
/* Modifs 03/11/2006 : Ajout d'un espace au dessus de l'image */
/*
#menuDroite h3.tele {
   background: #E8D2D7 url(../images/fr/bg_teleconseiller.gif) no-repeat 0px 0px;
   padding: 6px 0 0 0px;
   margin: 0 0 11px 17px;
}
*/
#menuDroite h3.tele {
   background: #E8D2D7 url(../images/fr/bg_teleconseiller.gif) no-repeat 0px 0px;
   padding: 6px 0 0 0px;
   margin: 15px 0 11px 17px;
}

#menuDroite h3.tele .tel {
   padding: 0 0 0 0px;
   margin: 0 0 0 43px;
   position:relative;
   top:16px;
}
#menuDroite h3.tele img {
   padding: 0 0 0 0px;
   margin: 16px 0 0 0px;
}
/* Fin modifs 24/10/2006 */

#menuDroite h4 {
   font-size: 12px;
   margin: 11px 13px 11px 25px;
   color: #8D1E39;
}
#menuDroite .texte {
   margin: 0px 15px 10px 25px;
}

.pro #menuDroite h3 {
   background: #C6CFD4;
   color: #405F6C;
}
.pro #menuDroite a {
   color: #405F6C;
}
.part #menuDroite h3 {
   background: #E0E0BC;
   color: #595A05;
}
.part #menuDroite a {
   color: #595A05;
}

/* suiv_fich_01 */

#menuDroite .texte img {
   margin: 0px;
}
#menuDroite .texte h4 {
   float : none;
   margin: 11px 0px 5px 0px;
   padding: 0px 0px 0px 20px;
   font-size: 12px;
   font-weight: bold;
   color: #8D1E39;
   background: url(../images/fr/puce_tit1_compt.gif) no-repeat;
}
.part #menuDroite .texte h4 {
   color: #595A05;
   background: url(../images/fr/puce_tit1_part.gif) no-repeat;
}
#menuDroite .texte h5 {
   margin: 11px 0px 2px 20px;
   font-size: 12px;
   font-weight: normal;
   color: #8D1E39;
}
.part #menuDroite .texte h5 {
   margin: 5px 0px 2px 20px;
   color: #595A05;
}
#menuDroite .texte p {
   margin: 0;
   font-size: 11px;
}
#menuDroite .texte a {
   color: #000000;
}
#menuDroite .texte input, #menuDroite .texte select {
   margin: 0px 0px 0px 20px;
   font-size: 10px;
}
#menuDroite .texte p.nota {
   margin: 0px 0px 0px 20px !important;
   font-size: 9px;
   color: #777777;
}
#menuDroite .texte .telecharger {
   text-align: center;
   margin: 0 0 0 20px;
}
#menuDroite .texte .telecharger input {
   margin: 20px 0 10px 0;
}
.part #menuDroite .texte .index {
   font-size: 12px;
   margin: 0.5em 0 0.5em 10px;
}
.part #menuDroite .texte .index a {
   color: #595A05;
}
.part #menuDroite .texte .index a:hover {
   color: #000000;
}

/* Zoom */

#zoom .prod {
   font-weight: bold;
   background: url(../images/fr/bg_prod.gif) no-repeat 0% 100%;
   width: 72px;
   text-align: center;
   padding: 0px 5px 20px;
   margin: 10px 0px 0px 13px;
   line-height: 12px;
}
.cpt #menuDroite #zoom .prod {
   color: #8D1E39;
}
.pro #menuDroite #zoom .prod {
   color: #405F6C;
}

#zoom .devis {
   text-align: center;
   margin: 0px 16px 10px 0px;
}
/*   text-align: right; */

#zoom .devis a {
   color: #F26522;
   background: url(../images/fr/picto_calcul.gif) no-repeat 0px 2px;
   padding: 0px 0px 0px 15px;
}

/* service */

#service {
   margin: 15px 9px 15px 17px;
   padding: 5px 10px 5px 10px;
   clear: left;
}
#service p {
   margin: 0px 0px 0px 0px;
}
#service a {
   text-align: left;
   font-weight: bold;
   font-size: 10px;
   list-style: none;
}
.cpt #menuDroite #service {
   background: #E8D2D5;
}
.cpt #menuDroite #service p, .cpt #menuDroite #service a {
   color: #8C1E39;
}
.pod #menuDroite #service {
   background: #FBE0CC;
}
.pod #menuDroite #service p, .pod #menuDroite #service a {
   color: #EC6600;
}
.part #menuDroite #service {
   background: #E0E0BC;
}
.part #menuDroite #service p, .part #menuDroite #service a {
   color: #595A05;
}

/* #mesDevis */

#mesDevis h4 {
   color: #000000;
   margin: 0px 15px 10px 25px;
}

/* petite liste a droite (devis) */

#menuDroite #devis {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 1px;
}
#menuDroite #devis li {
   margin: 0;
   padding: 0;
}
#menuDroite #devis li h4 {
   color: #8D1E39;
   font-size: 11px;
   padding: 0px 0 1px 16px;
   margin: 2px 0 2px 25px;
/*   cursor: hand; */
}
#menuDroite #devis li table {
   width: 178px;
   font-size: 10px;
   margin: 0 0 5px 35px;
}
#menuDroite #devis li a {
   color: #000000;
}
#menuDroite #devis li .texte {
   width: 93px;
   padding: 0 0 0 5px;
}
#menuDroite #devis li .img {
   width: 85px;
   padding: 0 0 0 4px;
}
#menuDroite #devis li .act {
   background: #F0E2E5;
   font-weight: bold;
}
#menuDroite #devis li img {
   display: block;
}
#menuDroite #devis .ferme h4 {
   background: url("../images/fr/picto_plus.gif") no-repeat 0% 0%;
}
#menuDroite #devis .ouvert h4 {
   background: url("../images/fr/picto_moins.gif") no-repeat 0% 0%;
}
#menuDroite #devis .ferme table {
   display: none;
}
#menuDroite #devis .ouvert table {
   display: block;
}

/* suivi des commandes */

#menuDroite .scrollable {
   margin: 11px 13px 11px 17px;
   height: 163px;
   overflow: auto;
}
#menuDroite .scrollable h4 {
	margin: 0 0 10px 24px;
	color: #000000;
}
/*
#menuDroite .scrollable h4 {
   margin: 0 0 10px 0;
   color: #000000;
}
*/

#menuDroite .scrollable p {
	color: #8D1E39;
	margin-right: 14px;
	font-size: 10px;
	margin-top: 0px;
}
/*
#menuDroite .scrollable p {
   color: #8D1E39;
   margin-right: 14px;
   font-size: 10px !important;
   margin-top: 0px;
}
*/
/* Information */

#menuDroite .texte .scrollide {
   display: none;
}
#menuDroite .texte ul, #cont ul {
   font-size: 11px;
   color: #000000;
   margin: 5px 0 10px;
   padding: 0 0 0 35px;
}
#menuDroite .texte li, #cont li {
   list-style-image: url(../images/fr/puce_tit2_compt.gif);
   list-style-type: none;
   margin: 5px 15px 0px -10px;
   padding: 0;
}
.style1 {
   color: #405F6C;
   font-weight: bold;
}

/* Aide */

#aide .scrollable {
	margin: 11px 13px 11px 0px;
	height: 163px;
	overflow: auto;
}
/*
#aide .scrollable {
   margin: 11px 13px 11px 17px;
   height: 163px;
   overflow: auto;
}
*/
#aide .scrollide {
   display: none;
}
#aide h4 {
   margin-top: 0;
   font-size: 12px;
   margin-bottom: 10px;
}
#aide p {
	color: #8D1E39;
	margin-right: 14px;
	font-size: 12px!important;
	margin-top: 0px;
}
/*
#aide p {
   color: #8D1E39;
   margin-right: 14px;
   font-size: 10px !important;
   margin-top: 0px;
}
*/
/* commun : cont */

#cont {
   background: url(../images/fr/bg_gch.gif) repeat-y 0px 0px;
   font-size: 11px;
}

.cadre_conseil {
	border-left: 28px solid #739DCA;
	background: #F0F8FF;
	margin: 10px 0 10px 0;
	padding: 8px 8px 8px 8px;
	clear: left;
    font-size: 11px;
}

.cadre_conseil h4 {
	margin: 0 0 10px 0 !important;
	color: #638DBC !important;
	font-weight: bold !important;
}


#cont .margin {
   margin: 0 12px 0 25px;
}
#cont .margin2 {
   margin-right: 12px;
   margin-left: 25px;
   padding-top: 5em;
   padding-bottom: 10em;
}

#cont .mdp {
   background: url("../images/fr/bg_insc_ident_02.gif") no-repeat 0% 0%;
   margin-right: 0px;
   margin-left: 25px;
   padding-top: 2em;
   padding-bottom: 10em;
   padding-left: 35px;
   padding-right: 20px;
}

/* NCI 13/12/2006 : DI 264 */
#cont .di264 {
   background: url("../images/fr/bg_insc_ident_02.gif") no-repeat 0% 0%;
   margin-right: 0px;
   margin-left: -5px;
   padding-top: 2em;
   padding-bottom: 10em;
   padding-left: 35px;
   padding-right: 20px;
}
#cont h4 {
   color: #8D1E39;
   font-size: 12px;
   clear: left;
   margin: 0 0 0.5em 0;
}

#cont p.accroche {
	text-align: left;
	margin: 0px 0px 10px 25px!important;
	font-size: 11px;
}

#cont .o2paj {
   margin: 0 0 2em 0;
}
#cont ul.nobullet {
   list-style: none !important;
   margin: 0 !important;
   padding: 0;
}
#cont ul.nobullet li {
   list-style-image: none;
   margin: 5px 15px 0px 0px;
   padding: 0 0 0 13px;
}
#cont .cadre_compte {
   border-left: 28px solid #E8D2D4;
   background: #F8F1F3;
   margin: 10px 0 10px 0;
   padding: 8px 8px 18px 8px;
   clear: left;
}
#cont .cadre_part {
   border-left: 28px solid #E0E0BC;
   background: #f4f5e8;
   margin: 10px 0 10px 0;
   padding: 8px 8px 18px 8px;
   clear: left;
}
#cont .cadre_compte .dernier{
   color: #8D1E39;
}
#cont .cadre_compte h4 {
   margin: 0 0 10px 0;
   color: #000000;
   font-size: 11px;
}

/* commun : formulaires */

#cont form.formulaire a {
   font-weight: bold;
   font-size: 10px;
   margin: 0px 0 11px;
   text-decoration: none;
}
#cont form.formulaire h4.left {
   float: left;
   font-weight: bold;
   font-size: 11px;
   margin: 0px 0 11px 0;
}
#cont form.formulaire a:hover {
   margin: 0px 0 11px;
   text-decoration: underline;
}
#cont form.formulaire .legende {
   color: #C68E9C;
   font-size: 10px;
   float: left;
   margin: 0 0 11px 2em;
}
#cont form.formulaire .exemple {
   color: #777777;
   font-style: italic;
}
#cont form.formulaire .obligatoire {
   color: #C68E9C;
}
#cont form.formulaire .attention {
   font-size: 10px !important;
   color: #FF0000;
   margin: 5px 0 0!important;
}

/* ADD STYLES Debut MSF */
#cont form.formulaire .cache {
   visibility: hidden;
   display: none;
}
#cont form.formulaire .infoA .cacheOption {
   visibility: hidden;
   display: none;
}
/* ADD STYLES Fin MSF */


#cont form.formulaire .infoA {
   padding: 0 0 0 15px;
   margin: 0 0 0.5em;
}


#cont form.formulaire .infoB {
   padding: 0 0 0 75px;
   margin: 0 0 1em;
}
#cont form.formulaire .infoB table {
   margin: 0;
}
#cont form.formulaire .infoB th {
   background: url("../images/fr/li_tiret.gif") no-repeat 0% 50%;
   padding: 0 0 0 10px;
}
#cont form.formulaire .infoB th p {
   margin: 0;
   padding: 0;
   width: 115px;
   font-weight: normal;
   text-align: left;
}
#cont form.formulaire .infoB input {
   display: inline;
}
#cont form.formulaire .infoB label {
   padding: 0 40px 0 0;
   display: inline;
   width: auto; /* sinon IE/Win 5.5 garde la largeur maximale */
}
#cont form.formulaire .infoC {
   padding: 0 0 0 200px;
   margin: 0 0 1em;
}
#cont form.formulaire .infoC table {
   margin: 0;
}
#cont form.formulaire .infoC label {
   width: 85px;
}

/* Formulaires */

.pass {
   background-color: #E5E5E5;
}
.pass input {
   margin: 2px 2px 2px 0;
}
.pass .dotted {
   margin: 0 0 0 3px;
}
/* ADD STYLES Debut MSF */
.ok {
   visibility: hidden;
   display: none;
}
/* ADD STYLES Fin MSF */
.erreur {
   font-size: 11px;
   font-weight: normal;
   color: #FFFFFF;
   padding: 3px 0px 2px 20px;
   margin: 0px 25px 0px 27px;
   background: #FF6666 url(../images/fr/mess_erreur.gif) no-repeat 0px 0px;
}
/*   height: 25px; */

#cont .erreur {
   color: #FF0000;
   margin: 0;
   padding: 3px 0 2px;
   height: auto;
   background: transparent url(../images/fr/mess_erreur_big.gif) no-repeat 0px 0px;
}
.erreur p {
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}


/* ADD STYLES */
.erreur_4lignes {
   font-size: 11px;
   font-weight: normal;
   color: #FFFFFF;
   padding: 3px 0px 2px 20px;
   margin: 0px 25px 0px 27px;
   height: 50px;
   background: #FF6666 url(../images/fr/mess_erreur.gif) no-repeat 0px 0px;
}

/* ADD STYLES */

form ul {
   list-style: none !important;
   margin: 0 0 0 18px !important;
   padding: 0;
   clear: left;
}
form li {
   margin: 0 0 1.5em 0;
}
form p {
   margin: 0;
}
form table {
   font-size: 11px; /* IE/Win 5.5 */
}
form label {
   margin: 0;
   width: 175px;
   display: block;
}

form .dotted {
   background: url("../images/fr/li_puce.gif") no-repeat 0% 60%;
   padding: 2px 0 0 10px;
}
form .dotted2 {
   background: url("../images/fr/li_puce.gif") no-repeat 0% 60%;
   padding: 2px 0 0 10px;
   width:60px!important;
}
a.noirgras {
   font-weight: bold;
   font-size: 10px;
   color: #000000;
   margin-bottom: 0 !important;
}

/* tableaux */

.tableau {
   margin: 0;
   padding: 0;
   font-size: 10px; /* IE/Win 5.5 */
}
.tableau thead th, .tableau tbody th, .tableau tbody td {
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   text-align: center;
   padding: 2px 4px;
}
.tableau thead th {
   background: #DDBBC3;
   white-space: nowrap;
}
.tableau tbody th {
   background: #F2E4E8;
   font-weight: normal;
   color: #403236;
}
.tableau tbody td {
   background: #F2E4E8;
   color: #403236;
}
.tableau .premier {
   border-left: none;
}
.tableau .dernier {
   border-right: none;
}
.tableau .dernier a {
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
/*   color: #000000; */
   color:#8D1E39;
   text-decoration: none;
}
.tableau .dernier a:hover {
   text-decoration: underline;
}
.tableau .titre {
   text-align: left;
}
.tableau tbody td img {
   margin: 0 0.5em;
}
.tableau .attention {
   border-left: none;
   color: #FF0000;
   text-align: left;
}

/* semi-commun : onglets d'etapes */

#etapes {
   border-bottom: 6px solid #DDBBC3;
   margin: 0 0 1em 9px;
   padding: 0;
   height: 29px;
}
#etapes .separation img, #etapes .separation_act_g img, #etapes .separation_act_d img {
   display: block;
}
#etapes .onglet_pass {
   margin: 0;
   padding: 0;
   width: 107px;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
}
#etapes .onglet, #etapes .onglet_act {
   margin: 0;
   padding: 0;
   width: 107px;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
}
#etapes .onglet, #etapes .onglet a {
   background: #DBDBDB;
   color: #8D1E39;
}
#etapes .onglet_pass, #etapes .onglet_pass a {
   background: #DBDBDB;
   color: #B47C8A;
}
#etapes .onglet_act, #etapes .onglet_act a {
   background: #8D1E39;
   color: #FFFFFF;
}

/* ADD STYLES Debut MSF */
#etapes .cache {
   visibility: hidden;
   display: none;
}
/* ADD STYLES Fin MSF */


/* insc_ident_01.htm */

.insc_ident_01 {
}
.insc_ident_01 h2 {
   margin-top: 0;
}
.insc_ident_01 ul {
   font-size: 12px;
   color: #777777;
   line-height: 1.8em;
}
.insc_ident_01 li {
   list-style-image: url(../images/fr/puce_tit2_compt.gif);
   list-style-type: none;
}
.insc_ident_01 #inscription {
   background: url("../images/fr/bg_insc_ident_01.gif") no-repeat 0% 0%;
   margin: 0 0 0 23px;
   padding: 0 0 43px 0;
}
.insc_ident_01 #inscription p {
   font-size: 11px;
}
.insc_ident_01 #inscription #pasInscrit {
   width: 290px;
   height: 190px;
   margin: 21px 0 0 0;
   float: left;
   display: inline; /* pour contrer IE/Win (bug de la double marge) */
}


.insc_ident_01 #inscription #pasInscrit h3 {
   /* modif 16/10/2006 margin: 21px 0; */
	margin: 19px 0 10px;
   text-align: center;
   color: #8D1E39;
   font-size: 14px;
}
.insc_ident_01 #inscription #pasInscrit p {
   /* modif 16/10/2006 margin: 21px 0 34px 56px;*/
	margin: 10px 6px 20px 6px;
}
.insc_ident_01 #inscription #pasInscrit #btInscription {
   display: block;
   /* modif 16/10/2006 margin: 34px auto 20px auto;*/
	margin: 20px auto 15px auto;
   text-align: center; /* IE/Win 5.5 (centrage bouton) */
}
.insc_ident_01 #inscription #pasInscrit #btDemo {
   display: block;
   /* modif 16/10/2006 margin: 20px auto 0 auto;*/
	margin: 15px auto 0 auto;
   text-align: center; /* IE/Win 5.5 (centrage bouton) */
}


/* NCI 24/10/2006 : Ajout de la checkbox pour les infos de connexion
.insc_ident_01 #inscription #inscrit {
   width: 320px;
   margin: 0px 0 0 290px;
   padding: 15px 0 0 0;
}
*/
.insc_ident_01 #inscription #inscrit {
   width: 320px;
   margin: 0px 0 0 290px;
   padding: 0px 0 0 0;
}
/* NCI 24/10/2006 : Ajout de la checkbox pour les infos de connexion
.insc_ident_01 #inscription #inscrit h3 {
   margin: 17px auto 19px 51px;
   color: #8D1E39;
   font-size: 14px;
}
*/
.insc_ident_01 #inscription #inscrit h3 {
   margin: 15px auto 19px 51px;
   color: #8D1E39;
   font-size: 14px;
}
/* NCI 24/10/2006 : Ajout de la checkbox pour les infos de connexion
.insc_ident_01 #inscription #inscrit p, .mdp p {
   margin: 19px 0 0 20px;
   color: #777777;
   text-align: justify;
}
*/
.insc_ident_01 #inscription #inscrit p, .mdp p {
   margin: 1px 0 0 20px;
   color: #777777;
   text-align: justify;
}
.insc_ident_01 #inscription  #inscrit form p {
   margin: 0.5em 0 0 20px;
   color: #777777;
}
.insc_ident_01 #inscription  #inscrit form input {
   margin: 0.5em 0 0 0px;
}
.insc_ident_01 #inscription  #inscrit .attention {
   margin-left: 20px !important;
   color: #FF0000;
}
.insc_ident_01 #inscription #inscrit label {
   width: 125px;
   float: left;
   line-height: 1.7em;
}
.insc_ident_01 #mdpOublie {
   color: #000000;
   font-size: 10px;
   margin-right: 1.5em;
   float: left;
   line-height: 2.5em;
}

/* suiv_comm_02 */

#commandes {
   list-style: none !important;
   margin: 0px 0 19px 0 !important;
   padding: 0 !important;
   width: 475px !important;
}
#commandes li {
   margin: 0 0 5px 0;
   padding: 0;
   list-style-image: none;
}
#commandes h4 {
/*   cursor: hand;*/
   margin: 0;
   padding: 10px 8px;
   font-size: 14px;
}
#commandes .ferme h4 {
   background: #EEEEEE url("../images/fr/picto_plus.gif") no-repeat 98% 50%;
   color: #666666;
}
#commandes .ouvert h4 {
   background: #8D1E39 url("../images/fr/picto_moins.gif") no-repeat 98% 50%;
   color: #FFFFFF;
}
#commandes .ferme div {
   display: none;
}
#commandes .ouvert div {
   display: block;
   width: 475px;
}

/* #page .compte */

.legende02 {
   color: #777777;
   font-size: 9px;
   margin: 1em 0 !important;
}
.validation {
    text-align: center;
}
.validation input {
 margin: 0.5em 0;
}
.validation img {
 margin: 0.5em 0;
}

.validation #supprimer {
 float: left;
}
.validation #commander {
 float: right;
}

/*  ADD STYLES SAMBA FAYE */
/* ajout de ces styles pour l'onglet livraison les boutons devalidation */
.validation_livraison {
    text-align: center;
}
.validation_livraison img {
 margin: 0.5em 0;
}
.validation_livraison #recapituler {
 float: left;
}
.validation_livraison #calculer {
 float: right;
}
/*  ADD STYLES SAMBA FAYE */

#cont_login {
   padding: 0 0 0 9px;
   background: url(../images/fr/bg_gch.gif) repeat-y 0px 0px; 
   border-top: none;
   border-right: 9px solid #E8D2D7;
   border-bottom: none;
   border-left: none;
}

/*  ADD STYLES JFC POUR ECRAN MON_COMPTE.HTML  */
/*  derive de cont_login sans border righ*/

#cont_login_mon_compte {
   padding: 0 0 0 9px;
   background: url(../images/fr/bg_gch.gif) repeat-y 0px 0px; 
   border-top: none;
   border-bottom: none;
   border-left: none;
}
/* end JFC */

.block_form {
   background: #F7EFF1;
   padding: 10px 10px 10px 0px;
   margin: 0px 0px 0.5em 0px;
}

/* acc_ent */
.pro #contenu .intro h4 {
   color: #405F6C;
   margin: 0px 0px 0px 35px;
   font-weight: bold;
   font-size: 12px;
}

.pro #cont {
   padding: 12px 12px 12px 25px;
   color: #405F6C;
}
.pro #cont a {
   color: #405F6C;
}
.pro #cont .intro h4 {
   color: #405F6C;
   margin: 0 0 5px 0;
   font-weight: normal;
   font-size: 15px;
}
.pro #cont .intro2 h4 {
   font-weight: normal;
   color: #405F6C;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCCCCC;
   margin: 0px 0px 10px;
   font-size: 14px;
   padding: 0px 0px 2px 20px;
   background: url(../images/fr/puce_tit1_pro.gif) no-repeat 0px 3px;
}
.pro #cont .intro2 .prod {
   font-weight: bold;
   height: 20px;
   width: 149px;
   text-align: center;
   margin: 0px;
   font-size: 12px;
   background: url(../images/fr/bg_prod-big.gif) no-repeat 0px 0px;
   padding: 0px 0px 36px;
}
.pro #cont .intro2 table {
   margin: 0px 0px 10px 0px;
}
.pro #cont .intro2 table table {
   margin: 0px;
}
.pro #cont .intro2 .devis {
   text-align: right;
   margin: 0px 0px 10px 0px;
}
.pro #cont .intro2 .devis a {
   color: #F26522;
   background: url(../images/fr/picto_calcul.gif) no-repeat 0px 2px;
   padding: 0px 0px 0px 15px;
}

.pro #menuDroite #service {
   background: #d1d8db;
}
/* Espace POD */

.pod #cont {
   padding: 0 12px 12px 25px;
   color: #565656;
}
.pod #cont .intro {
   font-weight: bold;
   font-size: 11px;
   margin: 0em 0em 1em;
   padding: 0px;
}
.pod #cont h4 {
   clear: none;
   margin-top: 0em;
   margin-right: 0em;
   margin-bottom: 0.5em;
   margin-left: 0em;
   color: #EC6600;
}
.pod #cont h4.arrow_compt {
   background: url(../images/fr/puce_tit1_pod.gif) no-repeat 0px 0px;
}
.pod #cont li {
   list-style-image: url(../images/fr/puce_tit2_pod.gif);
   color: #565656;
}
.pod #cont p {
   margin: 0em 0em 1.5em;
}
.pod #cont a {
   color: #EC6600;
}

/* Espace PART */

.part #cont {
   padding: 0 12px 12px 25px;
   color: #565656;
}
.part #cont h4 {
   clear: none;
   margin: 0 0 0.75em 0;
   color: #595A05;
}

.part #cont .texte h5 {
   font-size: 13px;
   color: #595A05;
}
.part #cont .texte h6 {
   font-size: 12px;
   color: #595A05;
   font-weight: normal;
}

.part #cont .intro2 h4 {
   font-weight: normal;
   color: #595A05;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCCCCC;
   margin: 0px 0px 10px;
   font-size: 14px;
   padding: 0px 0px 2px 0px;
}

.part #cont .intro2 h4 a {
   margin: 0px 0px 0px 20px;
}
.part #cont .intro2 .date {
   font-weight: bold;
   color: #595A05;
   font-size: 11px;
   margin: 0px;
}
.part #cont h4.arrow_compt {
   background: url(../images/fr/puce_tit1_pod.gif) no-repeat 0px 0px;
}
.part #cont li {
   list-style-image: url(../images/fr/puce_tit2_pod.gif);
   color: #595A05;
}
.part #cont p {
   margin: 0 0 0.5em;
}
.part #cont a {
   color: #595A05;
   font-size: 10px;
}
.part #cont form a {
   color: #000000;
   font-weight: bold;
}
.part #cont .signat {
   font-weight: bold;
   margin: 0.2em 0 2.5em 0;
}
.part #cont .cat1 {
   margin: 0em 0em 2em;
}
.part #cont .cat1 .smaller {
   font-size: 11px;
   font-style: italic;
}
.part #cont .folio {
   text-align: right;
   margin: 0em 0em 0.5em;
   color: #595A05;
}
.list {
   margin: 0em 0em 0.5em;
}
.list th {
   background: #CCCCCC;
   color: #000000;
   text-align: left;
   padding: 2px 2px 2px 5px;
   vertical-align: middle;
}
.list .sort {
   float: right;
   margin: 5px 5px 0px 0px;
   font-size: 1px;
}
.list td {
   padding: 2px 2px 2px 5px;
}
.list .tr-bis {
   background: #F2F2F2;
}
.part #cont .titre_colg {
   float: left;
   width: 120px;
   text-align: center;
}
.part #cont .titre_colg img {
   display: block;
   width: 120px;
   margin: 0 0 1em 0;
}
.part #cont .titre_colg .prix {
   border: 1px solid #7F7F7F;
   font-weight: bold;
}
.part #cont .titre_colg .prix .tx {
   padding: 5px;
   background: #E5E5E5;
}
.part #cont .titre_cold {
   margin: 0px 0px 0px 133px;
}
.part #cont dl {
   clear: none;
   margin: 0 0 2em;
}

.part #cont dt {
   clear: none;
   float: left;
   width: 130px;
}
.part #cont dd {
   float: none;
   margin: 0 0 0 10px;
   width: auto;
}
.tit_ill {
   color: #993333;
   text-decoration: none;
   text-align: center;
}.maigre {
   font-weight: normal;
}
#fond{
   border-top-color: #C4C4C4;
   border-top-style: solid;
   border-top-width: 1px;
}
.devis {
   margin-bottom: 25px;
}

/** Texte Personnalisé (New) **/
#txtPerso{
	color:#FFFFFF;
	font-size:11px;
	float:right;
	margin: 0px 0px 0px 0px;
	padding:5px 10px 0px 0px;
}

#newDevis{
	color:#8D1E39;
	font-size:11px;
	float:right;
	margin: 0px 0px 0px 0px;
	padding:5px 10px 0px 15px;
	background: url(../images/fr/picto_calcul2.gif) no-repeat 0px 7px;
}

#pagetitle p.accroche {
	margin: 0px 0px 10px 25px!important;
	font-size: 11px;
}

/** styles New **/
#linkTop{
	float:right;
	text-align:right;
}

#linkLogo{
	text-align:left;
}

#linkTop img, #linkLogo img{
	border:none;
}

/* Styles Juan */

.part #cont h4 {

   background: url(../images/fr/puce_tit1_part.gif) no-repeat;

   margin: 0px 0px 10px 0px;

   padding: 0px 0px 0px 20px;

}

.part #cont a {

   color: #595A05;

   font-size: 11px;

   font-weight: bold;

   text-decoration: underline;

}

.part #cont a:hover {

   text-decoration: none;

}

/** styles aide en ligne **/

.cpt #contfaq {
	padding: 0 12px 12px 25px;
	color: #565656;
}

.cpt #contfaq h2 {
	font-size: 15px;
	clear: none;
	margin: 0 0 0.75em 0;
	color: #8D1E39;
}

.cpt #contfaq h4 {
	clear: none;
	margin: 0 0 0.75em 0;
	color: #8D1E39;
}

.cpt #contfaq .texte h5 {
	font-size: 13px;
	color: #8D1E39;
}
.cpt #contfaq .texte h6 {
	font-size: 12px;
	color: #8D1E39;
	font-weight: normal;
}

.cpt #contfaq .intro2 h4 {
	font-weight: normal;
	color: #8D1E39;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px 0px 10px;
	font-size: 14px;
	padding: 0px 0px 2px 0px;
}

.cpt #contfaq .intro2 .date {
	font-weight: bold;
	color: #8D1E39;
	font-size: 11px;
	margin: 0px;
}
.cpt #contfaq h4.arrow_compt {
	background: url(../images/puce_tit1_pod.gif) no-repeat 0px 0px;
}
.cpt #contfaq li {
	list-style-image: url(../images/puce_tit2_pod.gif);
	color: #8D1E39;
}
.cpt #contfaq p {
	margin: 0 0 0.5em;
}
.cpt #contfaq a {
	color: #8D1E39;
	font-size: 10px;
}
.cpt #contfaq form a {
	color: #000000;
	font-weight: bold;
}
.cpt #contfaq .signat {
	font-weight: bold;
	margin: 0.2em 0 2.5em 0;
}
.cpt #contfaq .cat1 {
	margin: 0em 0em 2em;
}
.cpt #contfaq .cat1 .smaller {
	font-size: 11px;
	font-style: italic;
}
.cpt #contfaq .folio {
	text-align: right;
	margin: 0em 0em 0.5em;
	color: #595A05;
}
.cpt #contfaq .titre_colg {
	float: left;
	width: 120px;
	text-align: center;
}
.cpt #contfaq .titre_colg img {
	display: block;
	width: 120px;
	margin: 0 0 1em 0;
}
.cpt #contfaq .titre_colg .prix {
	border: 1px solid #7F7F7F;
	font-weight: bold;
}
.cpt #contfaq .titre_colg .prix .tx {
	padding: 5px;
	background: #E5E5E5;
}
.cpt #contfaq .titre_cold {
	margin: 0px 0px 0px 133px;
}
.cpt #contfaq dl {
	clear: none;
	margin: 0 0 2em;
}

.cpt #contfaq dt {
	clear: none;
	float: left;
	width: 130px;
}
.cpt #contfaq dd {
	float: none;
	margin: 0 0 0 10px;
	width: auto;
}

#cont form.formulaire .attention_nobr {
   font-size: 10px !important;
   color: #FF0000;
   margin: 5px 0 0!important;
}