body{
	margin: 0 0 10px 0;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	background:#fff;
	overflow:-moz-scrollbars-vertical;
}
img{ border: 0px; }
/****************************************************************/
/************************** Page ********************************/
/****************************************************************/

.taille{
	width: 814px;
	margin : 0 auto ;
}
div#conteneur{
	width: 100% ;
	padding: 0 0px 0 0px;
	margin: 0 auto ;
	text-align: left ;
/*	background: url(../../img/effet.gif) repeat-y;*/
}
.pageComparatif{
	margin: 0px -20px 0px 0px;
}

/****************************************************************/
/*************************** Haut *******************************/
/****************************************************************/

#header{
background : #786F70 ;
border-bottom:3px solid #fff;
	padding:0px;
	height:50px;
	display:block;
}
#headerGauche{
	float:left;
	margin-top:-3px;
	margin-bottom:-6px;
}
#headerDroite{
	float:right;
}

/****************************************************************/
/***************************** Bandeau **************************/
/****************************************************************/

#bandeauAccueil{
	height: 220px ;
	display:block;
}
#bandeauPage{
	/*BUG IE7
	height: 115px ;*/
	position:relative;
	width:100%;
	display:block;
}
#bandeauGauche{
/*	border-top:3px solid #B03531;
	border-bottom:14px solid #B03531;*/
	margin:0px;
}
#bandeauGauche img{
/*	border-top:1px solid #fff;
	border-bottom:1px solid #fff;*/
	display:block;
}
#bandeauDroite{
/*	border-top:3px solid #B03531;
	border-bottom:14px solid #B03531;*/
	margin:0px;
}
#bandeauDroite img{
/*	border-top:1px solid #fff;
	border-bottom:1px solid #fff;*/
position:absolute;
right:0px;
top:0px;
/*	display:block;*/
}


/****************************************************************/
/*************************** Accueil ****************************/
/****************************************************************/

#actu{
	background:transparent url('../../img/tempo.gif') top left no-repeat;
	width:814px;
	height:77px;
}

#actu p{
	padding:8px 0 0 110px;
	width:450px;

}

#actu a{
	color:#6B7281;
	text-decoration:none;
}
#actu a:hover{
	color:#B03531;
}


div#reference{
	border-top:1px solid #D5D5D5;
	/*border-bottom:2px solid #B03531;*/
	background-color: #F1F1F1;
}

.colonne{
	margin: 0px;
	padding: 0px;
}

.accueilGauche{
	padding: 13px 0px 12px 15px;
	float: left ;
	width: 216px;
	border-right: 1px solid #CCCCCC;
}

.accueilDroite{
	float: right ;
	width: 322px;
	text-align:center;
}

.accueilMilieu{
	float: left ;
	padding : 13px 0px 0px 15px ;
	width: 230px;
}

ul#mayetic{
	margin: 0px;
	padding: 0px 0 0 0;
	/*BUG IE7
	height: 112px;*/
	width: 100%;
	/*background: url(../../mayetic/img/fond_accueilOffreMayetic.gif) repeat-x;*/
	top: 0px;
	right:0px;
}
ul#mayetic li{
	top: 0px;
	right: 0px;
	margin: 0 0px 0px 0px;
	height: 156px;
	display: inline;
	float: left ;
	width: 194px;
	list-style-type: none ;

}
ul#mayetic img{
	margin: 130px 28px 0px 15px;
}


div#mayetic2{
	padding-top: 89px;
	height: 36px;
	word-spacing: 95px;
	background: url(../../img/solution_mayetic_entre.gif) no-repeat 11px 13px ;
	background-color: #F1F1F1;
}

div#postfile{
	margin: 13px;
}

ul#actualite{
	margin: 0px;
	padding: 13px;
	position:relative;

}
ul#actualite h2{
	text-transform: uppercase;
	font-size: 11px;
	line-height: 30px;
	text-align: left;
}
ul#actualite li {
	background: url(../../img/blend3.gif) no-repeat ;
	list-style-type: none;
	margin:0px;
	padding: 0;
	border-bottom: 1px solid #f1f1f1 ;

}
ul#actualite a{
	text-align: left;
	margin:0px;
	padding: 4px 10px 0px 10px;
	height:22px;
	line-height: 22px ;
	display: block;
	text-decoration: none;
	color: #6B7281;
}
ul#actualite a:hover{
	margin:0px;
	padding: 4px 10px 0px 10px;
	line-height: 22px ;
	text-decoration: none;
	color: #b03531;
}


/****************************************************************/
/***************************** Menu *****************************/
/****************************************************************/

ul#menu{
	margin: 0px;
	height: 23px ;
	padding-left: 1px ;
	clear: both;
	background: url(../../img/blend_menu1.gif) repeat-x;
}

ul#menu li{
	float: left ;
	line-height: 22px ;
	list-style-type: none ;
	border-left: 1px solid #ccc ;
}

ul#menu li a{
	font :bold 12px arial;
	text-transform: uppercase;
	padding: 4px 32px 4px 32px;
	line-height: 22px ;
	color: #fff ;
	text-decoration: none ;
}

ul#menu a:hover{
	background-color: #ccc;
}
ul#menu .selectione {
	background-color: #ccc;
	color:#fff;
}

ul#menu a:active {
	background: #808080;
	color: #fff;
}

/****************************************************************/
/************************* Sous Menu ****************************/
/****************************************************************/

ul#sousMenu  {
	margin: 0px;
	padding:1px;
	/*background-color: #F1F1F1;*/
	width: 180px;
	position:relative;
	/*border-top: 2px solid #b5b5b5;*/
	border-bottom: 1px solid #b5b5b5;
}

ul#sousMenu li {
	list-style-type: none;
}

ul#sousMenu a {
	padding: 0 2px;
	line-height: 20px ;
	width: 175px;
	display: block;
	border: 1px solid #F1F1F1;
	text-decoration: none;
	color: #000;
}

ul#sousMenu a:hover {
	background: #ccc;
	border: 1px solid #808080;
	color:#000;
}

ul#sousMenu a:active {
	background: #808080;
	border: 1px solid #fff;
	color: #fff;
}
ul#sousMenu .selectione {
	background: #ccc;
	border: 1px solid #ccc;
	color:#000;
}

ul#module{
	margin: 0px;
	position:relative;
	list-style-type: none;
	padding : 0 ;
	text-align:center;
}
ul#module img{
	border: 0;
}
ul#module li {
	margin : 6px;
	/*border-top: 3px solid #B5B5B5;*/
	/*border-bottom: 1px solid #B5B5B5;*/
	/*border-right: 1px solid #B5B5B5;*/
	/*border-left: 1px solid #B5B5B5;*/
	background-color: #F1F1F1;
}

/****************************************************************/
/*************************** Separateur *************************/
/****************************************************************/

.separation{
	width:850px;
	height:10px;
	background: url(../img/effet2.gif) ;
	margin: 0 -18px;
	clear: both;
}
.separation img{
	display:none;
}

/****************************************************************/
/************************** Conteneur ***************************/
/****************************************************************/

div#contenu{
	display:block;
	padding: 0px ;
	width:814px;
	margin: 0 auto ;
	height:100%;
	background: url(../../img/visu_basPage.gif) bottom left no-repeat #F1F1F1;
	position:relative;

}
div#contenuGauche{
	float:left;
	margin: 0;
	background:#F1F1F1;
	width:183px;
	position:absolute;
}
div#contenuDroite{
	clear:both;
	background:#fff;
	float:right;
	width:630px;
	border-left:1px solid #D5D5D5;
}

/****************************************************************/
/***************************** Page *****************************/
/****************************************************************/

p,h2{ margin: 0px; }

.accueil{
	float: right;
	text-align: justify;
	margin: 0px;
}
.divPage{
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 16px;
}
.divPage h1{
	line-height: 25px ;
	font-size: 18px ;
	color: #b03531 ;
	font-weight: normal ;
}
.divPage h2{
	font-size: 12px;
	color: #b03531;
	height: 20px;
	text-align: left;
}
.divPage br{
	height: 200px;
}
.divPage p{
	font-size: 11px;
	margin-bottom: 8px;
	/*text-indent: 2em ;*/
	line-height: 16px ;
}
p.sautLigne{
	margin-bottom: 80px;
}
.divPage a{
	font-weight: bold ;
	color: #b03531 ;
	text-decoration: none ;
}
.divPage a:hover{
	font-weight: bold ;
	color: #b03531 ;
	text-decoration: underline ;
}

.divPage ul{
	margin : 0px;
	font-size: 11px;
	padding: 0 0 8px 15px;
	list-style-image: url(../../img/puce.gif) ;
	List-style-position: outside;
}
.divPage li{
	padding: 0 0 6px 0;
}

.image{
	float: right;
	margin-right: -20px;
	margin-bottom: 20px;
	border-top : 3px solid #B5B5B5;
	border-bottom : 1px solid #B5B5B5;
	border-left : 1px solid #B5B5B5;
}

.imageOffre{
	width: 260px;
	float: right;
	margin-bottom: 0px;
	margin-top: -14px;
}

.divPageGauche{
	width: 260px;
	float:left;
	margin-bottom: 0px;
}
.divPageDroite{
	width: 260px;
	float: right;
	margin-bottom: 0px;
}
.divPageMilieu{
	width: 590px;
	float:left;
	margin-bottom: 0px;
}

.cadre{
	float: right;
	margin-right: -20px;
	margin-bottom: 20px;
	margin-top: 0px;
	border-top : 2px solid #D5D5D5;
	border-bottom : 1px solid #D5D5D5;
	border-left : 1px solid #D5D5D5;
	position: relative;
	width:609px;
}
.cadre h3{
	padding: 5px;
	font-size: 12px;
	color: #656565;
	height: 20px;
	background: url(../../img/blend_cadre.gif) ;
	margin-bottom: 0px;
}
.cadre div{
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
}
.cadre p{
	margin-left: 2px;
	margin-right: 20px;
	margin-top: 8px;
	margin-bottom: 0px;
}
.cadre span{
	position:absolute;
	margin-left: -40px;
	margin-bottom: 0px;
	margin-top: 18px;
}
.cadre a{
	color:#808080;
}

.detail{
	margin: 0 20px 20px 0 ;
	padding: 0 0px 10px 0 ;
	width:100%;
	height:106px;
	border-top : 2px solid #D5D5D5;
	border-bottom : 1px solid #D5D5D5;
	border-right : 1px solid #D5D5D5;
	border-left : 1px solid #D5D5D5;
	clear:both;
}
.detail h2{
	padding: 5px 0px;
	background: url(../../img/blend_cadre.gif) ;
	font-size: 14px;
	color: #808080;
	border-bottom : 1px solid #D5D5D5;
	float:left;
	width:100%;
}
.detail p{
	margin: 10px 0px 0px 5px ;
	width:400px;
	float:left;
}
.detail div{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	float:right;
	right:0px;
	bottom:0px
	text-align:right;
}
.detail ul{
	float:right;
	text-align:right;
}
.detail img{
	border-top : 2px solid #D5D5D5;
	border-bottom : 1px solid #D5D5D5;
	border-right : 1px solid #D5D5D5;
	border-left : 1px solid #D5D5D5;
}

/*******************************************************************************/
/**************** Module de description visible en page offre ******************/
/*******************************************************************************/

.actualite{
	padding: 20px 20px 20px 20px;
}

/*******************************************************************************/
/**************** Module de resume visible en page revendeur *******************/
/*******************************************************************************/

.resume{
	margin-bottom: 20px;
}
.resume h2{
	font-size: 12px;
	color: #b03531;
	height: 20px;
}
.resume p{
	font-size: 11px;
	color: #626d7d;
	margin: 0 0 8px 0;
}
.resume img{
	float: left;
}

/*******************************************************************************/
/**************** Module de description visible en page offre ******************/
/*******************************************************************************/

.description{
	margin-bottom: 20px;
}
.description h2{
	font-size: 12px;
	color: #626d7d;
	height: 20px;
}
.description p{
	font-size: 11px;
	color: #626d7d;
	margin-left: 25px;
}
.description img{
	float: left;
}

/****************************************************************/
/***************************** Bas ******************************/
/****************************************************************/

#footer{
	padding: 0 5px ;
	height: 20px ;
	line-height: 22px ;
	display:block;
	background:#B03531;
	color:#fff;
	border-bottom:1px solid #D5D5D5 ;
}

#footerGauche{
	float:left;
}
#footerDroite{
	float: right;
}
#footerDroite a{
	color: #fff;
	text-decoration: none;
}


/****************************************************************/
/************************* Fonctionnalite ***********************/
/****************************************************************/

/************************* Rollover image ***********************/

.viewpic {
	position:relative;
}
a:hover.viewpic {
/*	text-decoration: none; */
	background: none;
	z-index: 1;
	width: 222px;
}

.viewpic span {
	display: none;
	position:relative;
	width: 122px;
}

a:hover.viewpic span {
	width: 122px;
	float: right;
	display: inline;
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 2;
}

/************************* Formulaire ***************************/

.textCelluleOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #B03531;
	background-color: #EEEEEE;
	width:255px;
}
.textCelluleOff {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	color: #000000;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
	width:255px;
}
.listDeroulante {
	width:255px;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	border: 1px solid #B03531;
	background-color: #EEEEEE;
}
.bouton_login {
	background: url(../../img/bouton_envoyer.gif);
	height: 17px;
	width: 103px;
	font: 10px "Arial", Helvetica, sans-serif ;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	border-width: 0px;
	padding-bottom: 2px;
}
.bouton_connexion_accueil {
	background: url(../../img/btn_accueil.gif);
	height: 17px;
	width: 42px;
	font: 11px "Arial", Helvetica, sans-serif ;
	color: #b03531;
	font-weight: bold;
	cursor: pointer;
	border-width: 0px;
	padding-bottom: 2px;
}
.textCelluleOn_accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #B03531;
	background-color: #F3F3F3;
	width:146px;
}
.textCelluleOff_accueil {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
	width:146px;
}

.accueilGauche form{
	float: left ;
	width: 213px;
}
.titre{
	font-weight: bold ;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
	float: left ;
	width: 200px;
}
.accueilMilieu img{
	padding: 6px 0px 0px 0px;
	float: left ;
}

.rollover { border: 1px solid #ffffff; }
a:hover.rollover { border: 1px solid #E1E1E1; cursor:default;}

.cachediv {
	/*BUG IE7
	visibility: hidden;*/
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}