@charset "UTF-8";
/* CSS Document */

/* Styles communs */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#c1c1c1;
	background:url(../img/background.gif) #000000 top repeat-x;
}

.clearboth {
	clear: both;
	height: 0px;
	font-size: 1px;
}

img {
	border: 0px;
}

a {
	color: #c1c1c1;
	text-decoration:underline;
}

h2 {
	margin: 0px;
	padding: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

#foundation {
	margin: auto;
	width: 856px;
	padding: 0px;
}

#header {
	padding: 20px 0px 0px 0px;
}

#logo {
	margin: auto;
	width: 269px;
	height: 99px;
	background: url(../img/logo.png) no-repeat;
}

#logo h1 {
	display: none;
}

#menu {
	width: 785px;
	margin: auto;
	text-align: center;
	padding: 13px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	float: left;
	list-style: none;
}

#menu ul li.menuSpacer {
	width: 10px;
}

#content-top {
	width: 856px;
	height: 12px;
	background: url(../img/content-top.png) no-repeat;
	font-size: 1px;
}

#content {
	background: url(../img/content.png) repeat-y;
	padding: 25px 30px 0px 30px;
}

#content-bottom {
	width: 856px;
	height: 12px;
	background: url(../img/content-bottom.png) no-repeat;
	font-size: 1px;
}

#footer {
	text-align: center;
	margin: 20px 0px 10px 0px;
	line-height: 20px;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
/* Styles communs FIN */



/* Styles index.html */

#indexContent {
	background: url(../img/content.png) repeat-y;
	padding: 25px 20px 0px 20px;
}

#telephone h1 {
	display: none;
}

#contentRight {
	float: right;
	width: 492px;
}

#rightContent {
	padding: 17px 11px;
}

#contact {
	background: url(../img/bt_contact.png) no-repeat;
	width: 402px;
	height: 45px;
	padding: 20px;
	margin: 0px 0px 0px 11px;
	font-size: 17px;
	color: #fff;
	text-align: center;
}

#tel {
	background:url(../img/tel.png) left no-repeat;
	float:left;
	padding:5px 0px 0px 26px;
	margin:0px;
}

#mail {
	background:url(../img/mail.png) left no-repeat;
	float:left;
	padding:5px 0px 0px 28px;
	margin:0px 0px 0px 5px;

}

#particulier {
	float: left;
}

#entreprise {
	float: right;
}

#telephone {
	width: 300px;
	height: 232px;
	background: url(../img/telephone.png) no-repeat;
	float: left;
}

#offrePromo {
	height: 99px;
	border: 1px solid #585858;
}

#promoText {
	width: 475px;
	height: 49px;
	float: left;
	background: url(../img/offre-promotionnelle.png) #fff;
/*	background: url(../img/offre-promotionnelle-2.png) #fff;  */
	color: #000;
	text-align: center;
	padding: 50px 0px 0px 0px;
}

.red, div#promoText strong, div#promoText b{
	color: #921111; 
}

div#promoText p{
	margin:0px;
	padding:0px;
}
  
.white {
	color: #fff;
}

.mastic {
	color: #b7884c;
}

#promoImage {
	float: right;
}

/* Styles index.html fin */

/* Styles particuliers */

#abonnements {

}

.abonnement {
	padding: 13px 0px;
}

.aboFeatures {
	width: 580px;
	float: left;
	margin: 0px 0px 0px 20px;
}

.aboFeatures ul.feat {
	margin: 0px;
	padding: 0px;
}

.aboFeatures li.feat {
	color: #b7884c;
	background: url(../img/featList.png) no-repeat left top;
	list-style: none;
	padding: 0px 0px 15px 15px;
}

.aboFeatures ul.subfeat {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.aboFeatures li.subfeat {
	color: #fff;
	list-style: square;
}

.aboFeatures ul.subfeat2 {
	margin: 20px 0px 0px 20px;
	padding: 0px;
}

.aboFeatures li.subfeat2 {
	color: #fff;
	list-style: square;
}

.aboLeftBloc {
	width: 192px;
	height: 102px;
	padding: 15px 0px 0px 0px;
	background: url(../img/abonnementBg.png) no-repeat;
	text-align: center;
	color: #fff;
}

.aboLeftBloc h2, .offreLeftBloc h2 {
	font-size: 16px;
}

.offreLeftBloc {
	width: 192px;
	height: 86px;
	padding: 15px 0px 0px 0px;
	background: url(../img/offreBg.png) no-repeat;
	text-align: center;
	color: #fff;
}

.aboSpacer {
	width: 590px;
	height: 1px;
	margin: auto;
	font-size: 1px;
	background: url(../img/aboSpacer.png) repeat-x top;
	clear: both;
	text-align: center;
}

.contactSpacer {
	width: 270px;
	height: 35px;
	margin: auto;
	font-size: 1px;
	background: url(../img/aboSpacer.png) repeat-x bottom;
	clear: both;
	text-align: center;
}

.formulaire-contact {
	width: 540px;
	margin: auto;
}

.input-label {
	width: 150px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	float: left;
}

.input-field {
	width: 380px;
	float: left;
}

.formSpacer {
	clear: both;
	font-size: 1px;
}

.formSelect {
	width: 267px;
	height: 17px;
	border: 1px solid #c9a166;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formSelect2 {
	width: 120px;
	height: 17px;
	border: 1px solid #c9a166;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formText {
	width: 266px;
	height: 15px;
	border: 1px solid #c9a166;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.checkbox-label {
	width: 80px;
	padding-right: 5px;
	float: left;
	line-height: 20px;
	text-align: right;
}

.checkbox {
	width: 20px;
	float: left;
	padding: 0px;
	margin: 0px;
}

.select {
	width: px;
	float: left;
}

/* Styles particuliers fin */

/* Styles nos services */

#services ul {
	margin: 0px;
	padding: 0px;
}

#services li {
	padding: 0px 0px 3px 15px;
	margin: 0px;
	list-style: none;
	background: url(../img/featList.png) no-repeat left top;
}

.services-bottom {
	background: url(../img/candc.png) no-repeat center top;
	text-align: center;
}
/* Styles nos services fin */

/* Styles packs */

.packTitle {
	background: url(../img/featList.png) left center no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
}

.packTitle h2 {
	font-size: 18px;
	font-weight: normal;
}

.packFeatures {
	width: 650px;
	float: left;
	margin: 0px 0px 0px 20px;
	text-align: justify;
}

/* Styles packs fin */

/* Styles notre société */

.imgleft {
	float: left;
	margin: 0px 15px 0px 0px;
}

/* Styles notre société fin */

/* Styles entreprises */

.entrepriseHeader {
	width: 358px;
	float: left;
}

.colSpacer {
	width: 1px;
	height: 180px;
	margin: 110px 39px 0px 39px;
	font-size: 1px;
	background: url(../img/aboSpacer.png) repeat-y left;
	float: left;
}

.avantages {
	padding: 10px 0px 0px 10px;
}

.avantages ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.avantages ul li {
	list-style: square;
	padding: 0px 0px 15px 0px;
}

/* Styles entreprises fin */

/* Styles espace clients */

.loginForm {
	width: 450px;
	margin: auto;
	padding: 20px 0px 0px 0px;
}

ul.promo {
	padding: 0px;
	margin: 15px 0px 20px 15px;
}

li.promo {
	list-style: square;
}

#billsList {
	width: 636px;
	margin: auto;
	border: 1px solid #c1c1c1;
}

.billsTitleCell {
	height: 36px;
	line-height: 36px;
	float: left;
}

.billsCell {
	height: 30px;
	line-height: 30px;
	float: left;
	border-top: 1px solid #c1c1c1;
}
/* Styles espace clients fin */


/*******************************************/
/*******************************************/
/*********** DIV ALERTE    ***********/
#alerte {
	position: absolute;
	top: 120px;
	left:50%;
	margin-left: -160px;
	z-index: 30;
	display: none;
}
.alerte_top {
	width: 318px;
	height: 25px;
	background: url('/img/alertes/alerte_top.gif') top no-repeat;
	font-size: 1px;
}
.alerte_close {
	padding: 7px 0px 0px 297px;
}
.alerte_middle {
	width: 288px;
	padding: 10px 15px 0px 15px;
	min-height: 30px;
	color: #fff;
	background: url('/img/alertes/alerte_middle.gif') repeat-y;
}
.alerte_action {
	width: 293px;
	padding: 10px 15px 0px 15px;
	color: #757575;
	background: url('/img/alertes/alerte_middle.gif') repeat-y;
}
.alerte_bottom {
	width: 318px;
	height: 25px;
	background: url('/img/alertes/alerte_bottom.gif') no-repeat;
}

/*******************************************/
/*******************************************/
/*********** DIV CONFIRMATION    ***********/
#confirmation {
	position: absolute;
	top: 120px;
	left:50%;
	margin-left: -160px;
	z-index: 30;
	display: none;
}
.confirmation_top {
	width: 323px;
	height: 53px;
	background: url('/img/alertes/confirm_top.gif') no-repeat;
	font-size: 1px;
}
.confirmation_close {
	padding: 7px 0px 0px 297px;
}
.confirmation_middle {
	width: 293px;
	padding: 10px 15px 0px 15px;
	min-height: 30px;
	color: #757575;
	background: url('/img/alertes/alerte_middle.gif') repeat-y;
}
.confirmation_action {
	width: 293px;
	padding: 10px 15px 0px 15px;
	color: #757575;
	background: url('/img/alertes/alerte_middle.gif') repeat-y;
}
.confirmation_bottom {
	width: 322px;
	height: 19px;
	background: url('/img/alertes/alerte_bottom.gif') no-repeat;
}