/***** GENERAL ***********************************************/



a, a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


TABLE, TR, TD {
	/*border-collapse: collapse;*/
	padding: 0px;
}

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

INPUT {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-left: 2px;

	
}

TEXTAREA {
	/*border: dotted 1px #555555;*/
	font-family: Arial;
	font-size: 10px;
	color: #555555;
	padding-left: 2px;

}


SELECT {
	border: solid 1px #989898;
	font-family: Arial;
	font-size: 11px;
	color: #555555;
}


DIV {

}


#principal {
	width: 950;
	height: 100%;
}

#principal TD {
	vertical-align: top;
	text-align: center;
}





/***** MENUS ***********************************************/
#menu {
	width:100%;
	height: 37px;
}

#menu TD {
	text-align: left;
}

#menu .menu_texte {
	padding-left: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

#menu .sous_menu {
	margin-top: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 10;
}

#menu .sous_menu_texte {
	font-family: Arial;
	color: #FFFFFF;
	width: 156px;
	font-size: 11px;
	height: 27px;
	padding-left:10px;
	padding: 5px;
}

#menu .sous_menu_texte a:hover{
	color:#333333;
	text-decoration:none;
	padding-left: 12px;
}

#menu A {
	color: #ffffff;
}




/***** CONTENU ***********************************************/

.titre {
	padding: 16px;
	/*margin-top: 10px;*/
	text-align: left;
}

.entete {
	text-align: justify;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 10px;
}

.entete2 {
	text-align: justify;
	font-family: "arial Narrow", Arial;
	font-size: 14px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px;
}

.texte {
	text-align: justify;
	font-family: "arial Narrow", Arial;
	font-size: 13px;
	letter-spacing: 1px;
}

#contenu .lien {
	/*padding-top: 20px;*/
	text-align: center;
}

#contenu .lien A {
	color: #FFFFFF;
}

#contenu .lien_droit {
	text-align: right;
}

#contenu .lien_gauche {
	text-align: left;
}


.majuscule {
	font-size: 15px;
	font-weight: bold;
}


#contenu {
	width: 768px;
	min-height: 270px;
}

.note P {
	margin: 10px;
	text-align: left;
	color: #000000;
}


/* AFFICHAGE DES SOUS FAMILLES */
#catalog_famille TD.rubrique {
	width: 170px;
	height: 150px;
	text-align: center;
	margin: 0px;
	border: 10px solid #59C1D5 ;
	padding: 4px;
	background-color: #CBE7E1 ;
	vertical-align: top;
}

#catalog_famille TD.rubrique P {
	text-align: center;
	font-family: Arial;
	font-size: 13px;
	letter-spacing: 0px;
	font-weight: bold;
	margin: 10px;
	color: #289381 ;
}


/* ENTETE FAMILLE CATALOGUE */
#catalog_entete {
	margin: 10px;
	width: 390px;
	padding: 0px;
}

#catalog_entete TD.entete P {
	text-align: left;
	font-size: 20px;
	color: #289381 ;
	font-weight: bold;
	padding: 10px;
}

#catalog_entete TD.panier {
	text-align: center;
	width: 120px;
}

#catalog_entete TD.panier P.note {
	text-align: center;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #289381;
	margin: 0px;
	font-weight: bold;
}


#catalog_produit TD.sous_famille P {
	text-align: left;
	font-size: 11px;
	color: #464646 ;
	font-weight: normal;
	padding: 2px;
	margin-top: 10px;
}



/* AFFICHAGE DES PRODUITS */
#catalog_produit {
	margin-right: 0px;
	margin-left: 0px;
	width: 400px;
}

#catalog .texte {
	padding: 10px;
	padding-top: 0px;
}

#catalog .texte P {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}


#catalog_produit TD.produit {
	/*height: 100px;*/
	text-align: left;
	margin: 0px;
	border: 0px;
	border: 1px solid #B6D6E7 ;
	padding: 4px;
	background-color: #F6FCFF ;
	vertical-align: top;
}


#catalog_produit P.intitule {
	text-align: left;
	font-size: 13px;
	color: #289381 ;
	font-weight: bold;
}

#catalog_produit P.designation {
	text-align: left;
}

#catalog_produit TD.commande {
	width: 100px;
	/*height: 100px;*/
	text-align: center;
	margin: 0px;
	border: 0px;
	border-bottom: 10px solid #CDEEDF ;
	border-left: solid 5px #CDEEDF;
	padding: 4px;
	background-color: #5DBCA9 ;
	vertical-align: top;
}

#catalog_produit A {
	text-decoration: underline;
}

P.prix {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	color: #464646;
}

P.journee {
	text-align: center;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
}

P.validation {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
}


/* AFFICHAGE DU PANIER */
#panier TD.commande {
	width: 170px;
	height: 100px;
	text-align: right;
}


#panier P.prix {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

#panier P.journee {
	text-align: center;
	font-size: 13px;
}


#panier_pied {
	margin: 0px;
	padding: 0px;
	width: 748px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
	height: 100px;
}

#panier_total {
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-color: #289381;
}

#panier_total TD {
	height: 30px;
	text-align: center;
	border-bottom: solid 5px #CDEEDF;
}

.soustitre {
	padding: 0px;
	width: 768px;
	background-color: #E2FAE3;
}

.soustitre P {
	padding: 5px;
	text-align: center;
	color: #289381;
	font-weight: bold;
}

.etape {
	width: 80px;
	text-align: center;
}

#panier .form_qte {
	margin-bottom: 10px;
	margin-top: 10px;
}

#panier .prix {
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	margin-right: 10px;
}

#panier .quantite {
	margin-right: 30px;
}


#panier .note {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}


/* AFFICHAGE FORM CLIENT */
#formulaire_client {
	width: 768px;
}

#form_facture, #form_livraison {
	padding: 10px;
	width: 330px;
	vertical-align: top;
}

#formulaire_client .caption {
	width: 150px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding-right: 10px;

}

#formulaire_client .value {
	width: 180px;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: left;
	padding-right: 10px;
	border: solid 1px #6DAECE;
}

#formulaire_client INPUT {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	width: 160px;
	border: solid 1px #6DAECE;
}

#formulaire_client TD {
	padding-bottom: 2px;
	vertical-align: top;
}

#formulaire_client .note {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

#formulaire_client .note INPUT {
	width: 50px;
}

/* PAIEMENT */
#paiement {
	width: 768px;
	text-align: center;
}

#paiement .error {
	font-family: Arial;
	font-size: 12px;
	color: #CC0000;
	text-align: center;
}


#paiement .note {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

#paiement TD {
	width: 350px;
	vertical-align: top;
	padding: 5px;
}

#paiement_result  {
	padding: 10px;
}


/* AFFICHAGE DU TEXTE (PRESENTATION) */
#contenu_text TD {
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

#flash {
	width: 768px;
}


#catalog_pied {
	clear: both;
	width: 100%;
	height: 20px;
	background-color: #F9DDB4;
}

#catalog_pied .tarif {
	padding: 2px;
	text-align: left;
	color: #333333;
	font-size: 11px;
	font-family: Arial;
	font-style: italic;
}

#catalog_pied .cgv {
	padding: 2px;
	text-align: right;
	color: #333333;
	font-size: 11px;
	font-family: Arial;
	font-style: italic;
}

#pied1 {
	clear: both;
	width: 768px;
	height: 20px;
}

#pied1 TD {
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 1px;
	color: #ffffff;
}

#table_sejour {
	text-align: center;
}

#table_sejour #sejours, #table_sejour #sejours2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#table_sejour #sejours TD {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	padding: 1px;
	border: solid 2px #289381;
}

#table_sejour #sejours2 TD {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	padding-top: 2px;
	border: 0px;
	vertical-align: top;
}

#table_sejour #sejours3 TD {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	padding: 1px;
	border: solid 2px #289381;
}

#table_sejour #sejours2 .texte {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	letter-spacing: 0px;
}


#contenu #paiement .form_paiement {
	text-align: center;
	margin: 10px;
}

#contenu .boutons {
	text-align: right;
	width: 752px;
	margin-right: 8px;
	margin-left: 8px;
}

#contenu .boutons P {
	text-align: right;
	padding-right: 8px;
}

/* CONTACT ******************************************************/

#contenu #contenu_contact .contact {
	width: 380px;
	padding-right: 40px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#contenu #contenu_contact .contact TABLE {
	width: 100%;
}

#contenu #contenu_contact .contact TD {
	margin: 1px;
	padding: 1px;
	text-align: left;
}
#contenu #contenu_contact .contact P {
	margin: 3px;
	padding: 0px;
}


#contact_mail {
	width: 100%;
}

#contact_mail TD.contact_1 {
	padding: 0px;
	margin: 0px;
	width: 140px;
}

#contact_mail TD.contact_1 P {
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#contact_mail TD.contact_1 P.note {
	color: #D4A38B;
	font-weight: normal;
	padding-bottom: 5px;
	margin: 0px;
}


#contact_mail TD.contact_2 {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

#contenu P.contact_center {
	text-align: center;
}

#contenu #telechargement {
	width: 768px;
	background-color: #D4A38B;
}

#contenu #telechargement TD {
	padding: 5px;
	padding-left: 15px;
}

#contenu #telechargement P {
	color: #000000;
}



#contenu #telechargement2 {
	width: 768px;
}

#contenu #telechargement2 TD {
	padding: 5px;
	padding-left: 10px;
}

#contenu #telechargement2 P {
	color: #000000;
}


/***** ZONE ROUGE ***********************************************/
#zone_rouge #menu, #zone_rouge #pied1 {
	background-color: #721A13;
}

#zone_rouge #contenu {
	background-image: url(images/FONDrouge.jpg);
}

#zone_rouge #contenu A {
	color: #ffffff;
}

#zone_rouge .texte {
	color: #D4A38B;
}

#zone_rouge P {
	color: #D4A38B;
	text-align: justify;
	font-family: Arial Narrow, Arial;
	letter-spacing: 1px;
	font-size: 13px;
}

#zone_rouge P.entete2 {
	color: #FFFFFF;
	font-family: Arial;
	margin-top: 10px;
	margin-bottom: 1px;
	letter-spacing: 0px;
}

#zone_rouge P.entete {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 15px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 1px;
}

#zone_rouge #horaire P {
	color: #ffffff;
}



#zone_bleu #menu, #zone_bleu #pied1 {
	background-color: #365EA5;
}

#zone_bleu #contenu {
	background-image: url(images/FONDbleu.jpg);
	min-height: 200px;
	height: 200px;
}

#zone_bleu #contenu .texte_gym {
	text-align: justify;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 0px;
	border-top: solid 2px #000000;
}

#zone_bleu #contenu .texte_gym .titre {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#zone_bleu P {
	color: #000000;
	text-align: justify;
	font-family: Arial Narrow, Arial;
	letter-spacing: 1px;
	font-size: 13px;
}


#zone_bleu #contenu_text TD, #zone_rouge #contenu_text TD {
	padding: 10px;
	width: 50%;
	vertical-align: top;
	text-align: left;
}



#zone_verte #contenu {
	/*background-image: url(images/FONDvert.jpg);*/
	background-color: #CDEEDF;
}

#zone_verte #menu, #zone_verte #pied1 {
	background-color: #289381;
}

#zone_verte #menu .sous_menu {
	background-color: #E6F7EF;
	border-bottom: solid 5px #E6F7EF;
}

/*** PRINT ********************************/
#print {
	width: 660px;
	text-align: center;
	font-family: Arial;
	font-size: 11px;
	color: #000000;	
}

#print_client {
	width: 100%;
	border-bottom: solid 1px #eeeeee;
}

#print_client .entete {
	font-size: 14px;
	font-weight: bold;	
}

#print_facture {
	clear: both;
	float: left;
	border: solid 1px #aaaaaa;
	width: 45%;
}

#print_livraison {
	float: right;
	border: solid 1px #aaaaaa;
	width: 45%;
}

#print .titre {
	font-size: 12px;
	font-weight: bold;
}

#print .ligne { 
	clear: both;
	height: 16px;

#print .caption {
	float: left;
	width: 120px;
	font-size: 10px;
	padding: 2px;
}

#print .value {
	float: left;
	font-size: 10px;
	padding: 2px;
}

#print .item {
	clear: both;
	width: 100%;
	height: 18px;
}

#print .code {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 100px;
}

#print .designation {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 200px;
}

#print .prix, #print .quantite {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 100px;
}

#print .montant {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 100px;
	font-weight: bold;
}

#print .total .caption {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 550px;
	font-weight: bold;
	text-align: right;
}

#print .total .value {
	padding: 2px;
	float: left;
	font-size: 10px;
	width: 100px;
	font-weight: bold;
}

#print .texte {
	font-size: 11px;
	font-family: Arial;
}

#print .boutons {
	display: none;
}