/* CSS Document */

/***************************
  header
***************************/
h1 {color: #ccc; text-align: center; width:900px; height: 15px; margin: 0px auto;}


table#accueil {width: 959px; height: 160px;}
	/***************************
	  bienvenue
	***************************/
	table#accueil td#bienvenue {vertical-align: top; width: 236px; height: 152px;}	
		table#accueil td#bienvenue h2 {text-align: justify; font-size: 12px; color: #009ee1; line-height: 110%; padding-right: 20px;}
	

	/***************************
	  bloc newsletter
	***************************/
	table#accueil td#news {vertical-align: top; width: 240px; height: 152px;}
		table#accueil td#news div#newsHome {font-size: 11px; border: solid 1px #aaaaaa; color: #434343; background-color: #e5e5e5; width: 238px; height: 126px; padding: 6px;}
		table#accueil td#news div#newsHome h3 {background: transparent url(../images/common/fleche-noire.png) no-repeat left; font: bold 12px Arial; color: #009ee1; text-align: left; padding-left: 10px; height: 20px;}
		
		table#accueil td#news div#newsHome form#newsHome {margin: 0px;}
			
			table#accueil td#news div#newsHome form#newsHome div#saisieNews {height: 75px;}
				table#accueil td#news div#newsHome form#newsHome div#saisieNews .input {border: solid 1px #000; width: 146px; height: 14px;}
				table#accueil td#news div#newsHome form#newsHome div#saisieNews .checked {width: 15px; margin:0px; padding: 0px;}
				
				table#accueil td#news div#newsHome form#newsHome div#saisieNews .formTexte {width: 88px; height: 15px; text-align: left; padding-top: 3px; float: left;}
				table#accueil td#news div#newsHome form#newsHome div#saisieNews .formInput {width: 146px; height: 22px; float: left;}
		
				table#accueil td#news div#newsHome form#newsHome div#saisieNews p {font-size: 10px; text-align: justify; padding: 0px 4px 0px 0px;}
				table#accueil td#news div#newsHome form#newsHome div#saisieNews p a {color: #434343; text-decoration: none;}
				table#accueil td#news div#newsHome form#newsHome div#saisieNews p a:hover {color: #009ee1; text-decoration: none;}
			
			table#accueil td#news div#newsHome form#newsHome .formLoginNews {width: 217px; text-align: left; padding-top: 12px; float: left;}
			table#accueil td#news div#newsHome form#newsHome .formLoginNews a, form#newsletter .formFLoginNews a:hover {color: #434343;}
			table#accueil td#news div#newsHome form#newsHome .formValidate {width: 20px; padding-top: 8px; float: left;}
			
			table#accueil td#news div#newsHome form#newsHome .FormReturn {height:18px;}


	/***************************
	  bloc panel d'admin
	***************************/
	table#accueil td#panel {vertical-align: top; width: 204px; height: 152px;}	
		table#accueil td#panel div#panelHome {font-size: 11px; border: solid 1px #aaaaaa; color: #434343; background-color: #e5e5e5; width: 202px; height: 126px; padding: 6px;}
			table#accueil td#panel div#panelHome h3 {background: transparent url(../images/common/fleche-noire.png) no-repeat left; font: bold 12px Arial; color: #009ee1; text-align: left; padding-left: 10px;}
	
		table#accueil td#panel form#formPanelHome {margin: 5px 0px 0px 0px;}
		
			table#accueil td#panel form#formPanelHome div#saisiePanel {height: 45px;}
				table#accueil td#panel form#formPanelHome div#saisiePanel .input {border: solid 1px #000; width: 110px; height: 14px;}
			
				table#accueil td#panel form#formPanelHome div#saisiePanel .formTexte {width: 88px; height: 15px; text-align: left; padding-top: 3px; float: left;}
				table#accueil td#panel form#formPanelHome div#saisiePanel .formInput {width: 110px; height: 22px; float: left;}
			
			table#accueil td#panel form#formPanelHome .formForget {font-size: 11px; width: 200px; text-align: left; padding-top: 5px; height: 33px; float: left;}
			table#accueil td#panel form#formPanelHome .formForget a, form#formPanelAdm .formForget a:hover {color: #434343;}
			
			table#accueil td#panel form#formPanelHome .formValidate {width: 20px; padding-left: 181px; float: left;}
			
			
	/***************************
	  bloc panel d'admin
	***************************/
	table#accueil td#pub {vertical-align: top; width: 216px; height: 160px;}
	

	/***************************
	  Separateur Bleu-Noir
	***************************/
	table#accueil .separeNoir {border-bottom: solid 8px #000;}
	table#accueil .separeBleu {border-bottom: solid 8px #009ee1;}


/***************************
  Colonne Centrale
***************************/

	div#pubEvent {width: 337px; height: 477px; position: relative;}
		div#pubEvent p {font: normal 11px Arial; color: #45474a; text-align: justify; position:absolute;top:90px;left:0px;padding:0px 20px;}
		div#pubEvent .bouton {font: normal 11px Arial; color: #fff; text-align: center; position: absolute; top: 448px; left: 72px; right: 85px;}
		div#pubEvent .bouton a, div#pubEventSpecial .bouton a:hover {text-decoration: none; color: #fff;}

	div#pubEventSpecial {width: 337px; height: 477px; position: relative;}
		div#pubEventSpecial .date {font: normal 12px Arial; color: #fff; text-align: center; position: absolute; top: 46px; left: 192px; right: 52px;}
		div#pubEventSpecial .texte {font: normal 14px Arial; color: #000; text-align: center; position: absolute; top: 150px; left: 166px; right: 26px;}
		div#pubEventSpecial .texte a {text-decoration: none; color: #000;}
		div#pubEventSpecial .texte a:hover {text-decoration: none; color: #009ee1;}
	
	td#separeBlocHome {width: 36px;}

	
	/***************************
	  bloc promo
	***************************/
	.homePromo {font: normal 11px Arial;}
		.homePromo .homePromoBleu {background: transparent url(../images/home/bloc-promo-bleu.jpg) no-repeat left top; width: 352px; height: 156px;}
		.homePromo .homePromoJaune {background: transparent url(../images/home/bloc-promo-jaune.jpg) no-repeat left top; width: 352px; height: 156px;}
		.homePromo .homePromoOrange {background: transparent url(../images/home/bloc-promo-orange.jpg) no-repeat left top; width: 352px; height: 156px;}
		.homePromo .homePromoGris {background: transparent url(../images/home/bloc-promo-gris.jpg) no-repeat left top; width: 352px; height: 156px;}

		.homePromo .promoDescription {color: #fff; width: 213px; height: 95px; padding: 53px 0px 8px 15px; float:left;}
			.homePromo .promoTexteTitre {font: normal 14px Arial; padding-bottom: 3px;}
			.homePromo .promoTexteSpecif {line-height: 110%; padding: 0px 0px 0px 3px}
		.homePromo .homePromoPrix {font-weight: bold; font-size: 14px; text-align: center; width: 103px; padding-top: 64px; float: left;}
			.homePromo .homePromoPrix a {color: #93117e; text-decoration: none; line-height: 97%;}
			.homePromo .homePromoPrix a:hover {color: #000; text-decoration: none; line-height: 97%;}
		.homePromo .promoPlusdinfos {font-weight: bold; font-size: 12px; text-align: center; width: 110px; padding-top: 38px; float: left;}
			.homePromo .promoPlusdinfos a {color: #fff;}
			.homePromo .promoPlusdinfos a:hover {color: #000;}
				
		
	/***************************
	  bloc offre
	***************************/
	.homeOffre {font: normal 12px Arial; background: transparent url(../images/home/bloc-offre.jpg) no-repeat left top; width: 350px; height: 152px;}
		.homeOffre .titre {font-size: 14px; text-align: center; color: #fff; height: 26px; padding-top: 6px;}

		.homeOffre .texte {color: #000; width: 212px; height: 120px; margin: 0px 0px 0px 18px; float:left;}
			.homeOffre .texte .texteTitre {font: normal 13px Arial; color: #626262; min-height: 20px; padding-top: 6px;}
			.homeOffre .texte .texteDetail {font-size: 11px; line-height: 110%; min-height: 80px; padding-left: 10px;}
			
		.homeOffre .prix {font-weight: bold; text-align: center; width: 102px; height: 40px; padding-top: 50px; float: left;}
			.homeOffre .prix a {color: #fff; line-height: 95%; text-decoration: none;}
			.homeOffre .prix a:hover {color: #000;  line-height: 95%; text-decoration: none;}
			
		.homeOffre .textePlusdinfos {font-weight: bold; height: 19px;float:left;font-weight:bold;height:17px;padding-top:8px;text-align:center;width:102px;}
			.homeOffre .textePlusdinfos a {color: #fff;}
			.homeOffre .textePlusdinfos a:hover {color: #000;}
			
		.homeOffre .plusdinfos {font-weight: bold; text-align: center; width: 120px; padding-top: 30px; float: left;}
			.homeOffre .plusdinfos a, .homeOffre .plusdinfos a:hover {color: #fff;}
			
		.homeOffre .mention {font-size: 10px; text-align: center; width: 120px; padding-top: 30px; float: left;}
				
		
	/***************************
	  Informations qualite prestations
	***************************/
	div#homePromoTools {border-top: solid 2px #009ee1; border-bottom: solid 2px #009ee1; width: 723px; height: 163px;}
		div#homeColImage {width: 226px; height: 163px; float: left;}
		div#homeColGauche {text-align: justify; font-size: 11px; width: 235px; min-height: 123px; margin-right: 17px; padding: 14px 0px; float: left;}
		div#homeColDroite {text-align: justify; font-size: 11px; width: 235px; min-height: 123px; padding: 14px 0px; float: left;}