/**************************************************************************
						STYLE GLOBAUX 
 **************************************************************************/
body {
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
}

#important {
	color : #CC0000;
	font-weight : bold;
}

table { 
	background-color : transparent; 
	border : 0;
	font-size: 12px;
	padding : 0;
}

table.cadre_gris, table.cadre_jaune, table.cadre_bleu, table.cadre_vert , table.cadre_rouge{	
	width : 1024px;
	border : 1px solid #CCCCCC; 
}
table.cadre_gris { background : url(../images/fond_gris_petit.gif) repeat-x; }
table.cadre_jaune { background : url(../images/fond_jaune_petit.gif) repeat-x #FFFFD2; }
table.cadre_bleu { background : url(../images/fond_bleu_petit.gif) repeat-x #D0EDF4; }
table.cadre_vert { background : url(../images/fond_vert_petit.gif) repeat-x #D3F4D0; }
table.cadre_rouge { background : url(../images/fond_rouge_petit.gif) repeat-x #F4D7D0; }

table.cadre_popup {	
	width : 600px;
	border : 1px solid #CCCCCC; 
}

img { border : 0; }

a { color : #000000; }
a:link, a:visited  { text-decoration : none; }
a:hover { text-decoration : underline; } 

table.arcEnCiel { 
	font-weight : bold;
	font-size : 14px;
	width : 200px;
}
table.arcEnCiel td#texte { height : 30px; }

.rouge { color : #FF0000; }
.orange { color : #FF9900; }
.vert { color : #33CC00; }
.bleu { color : #0099FF; }
.indigo { color:#3300CC; }
.violet { color:#9933CC; }

td.ligneJaune {
	height : 1px;
	background-color : #FFEE00;
}

.titre_page {
	font-weight : bold;
	font-size : 16px;
	font-variant : small-caps;
	letter-spacing : 2pt;
	text-align : center;
	vertical-align : middle;
	height : 50px;
}

#error { color:#CC0000; }

a.bouton { 
	width : 30px; 
	height : 20px; 
	text-align : center; 
	font-weight : bold; 
	border : 1px solid #CCCCCC;
	text-decoration : none; 
	padding : 3px;
}

tr.separation > td { border-bottom : 1px dotted #CCCCCC; }

/***** BARRE MENU *****/
table.menu { width : 1024px; }

table.menuBorder {
	border-top : solid 2px;
	border-bottom : solid 2px;
	border-color : #FF9900;
}

td.menuCell {
	text-align : center;
	width : 120px;
	font-weight : bold;
	margin : 0;
	padding : 1px;
}

td.menuCell a {
	text-align : center;
	display : block;
	height : 20px;
	line-height : 20px;
}

td.menuCell a:hover { 
	text-decoration : none;
	background-color : #FFEE00; 
}

/***** PAGE D'ACCUEIL *****/
table.accueil {
	width : 100%;
	border-spacing : 0;
	vertical-align : bottom;
}

.titre_accueil { 
	font-weight : bold;
	font-size : 14px; 
	text-align : center;
	vertical-align : middle;
	background-color : #CCCCFF;
} 

.titre_cadre_jaune {
	font-weight : bold;
	vertical-align : middle;
}

table.sous_table_accueil { 
	border: #FFEE00 dotted 2px;
	font-weight : bold; 
	font-size : 18px;
	font-family : Arial,Helvetica,sans-serif;
	color : #CC0000;
	width : 100%;
	text-align : center;
}

table.sous_table_accueil th { background-color : #FFEE00; }

td.colonne { 
	padding : 10px;
	vertical-align : top;
	width : 200px;
}

.cadreRecherche { 
	border : 1px solid #FF9900; 
	width : 220px;
	padding : 2px;
}

td.carte_accueil {
	font-weight : bold;
	font-size : 16px;
	color : #0099FF;
	border : 2px dotted #0099FF;
	padding : 10px 10px;
}

/***** PROMOTIONS *****/
table.fond_promo_rouge, table.fond_promo_orange, table.fond_promo_jaune {
	font-weight : bold;
}
table.fond_promo_rouge {
	background-image : url(../images/promo_rouge.gif);
	color : #FFFFFF;
}
table.fond_promo_orange { background-image : url(../images/promo_orange.gif); }
table.fond_promo_jaune { background-image : url(../images/promo_jaune.gif); }

.cadre_rouge_vide { 
	border-left : #C85454 solid 2px; 
	border-right : #C85454 solid 2px; 
	padding : 5px;
}

.titre_cadre_rouge { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_rouge_02.gif) repeat-x;
	height : 50px;
}
.titre_cadre_rouge_gauche { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_rouge_01.gif) no-repeat center;
	height : 50px;
}
.titre_cadre_rouge_droite { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_rouge_03.gif) no-repeat center;
	height : 50px;
}

.cadre_rouge_vide_bas { border-bottom : #C85454 solid 2px; }
.cadre_rouge_vide_haut { border-top : #C85454 solid 2px; }

/***** CARTE *****/
td.cadre_etranger { border : 2px dotted #FFEE00; }

/***** CONTACT *****/
td.cadre_contact { border : 2px dotted #FF9000; }

/***** FORMULAIRES DE CONTACT *****/
table.formulaire { border : 2px dotted #FF9900; }

/***** TARIFS *****/

table.tarifs {
	text-align : center;
	border-collapse : collapse;
	empty-cells : show;
}

table.tarifs td, table.tarifs th { 
	border : 1px dotted #CCCCCC; 
	padding : 5px;
}

td.fondJauneRegion {
	background-color : #FFEE00;
	font-weight : bold;
}

table.cadrePrix { 
	border : 2px solid #CC0000; 
	width : 90%;
	text-align : center;
	padding : 10px
}

/***** PAGES MER / CAMPAGNE *****/
td.tarif_min {
	font-size : 10px;
	color : #999999;
}

span.prix {
	font-weight : bold;
	font-size : 14px;
}

td.resid {
	font-weight : bold
}

.vert a { color : #33CC00; }
.bleu a { color : #0099FF; }

td.ville {
	vertical-align : top;
	font-weight : bold;
}

/***** RESIDENCES *****/
td.region { 
	font-size : 12px; 
	font-weight : bold; 
}

td.back_resid_left { background : url(../images/bordgauche_1px.gif) repeat-y left; }
td.back_resid_right { background : url(../images/borddroite_1px.gif) repeat-y right; }
td.back_resid_bottom_left { background : url(../images/coinbasgauche.gif) left; }
td.back_resid_bottom_middle { background : url(../images/bordbas_1px.gif) repeat-x bottom; }
td.back_resid_bottom_right { background : url(../images/coinbasdroite.gif) right; }

table.back_resid {
	padding : 0px;
	border-collapse : collapse;
	border-spacing : 0px;
}

/***** ONGLETS *****/
#container_campagne, #container_mer {
	position : relative;
	margin : 3em auto;
	text-align : left;
}

#container_campagne *, #container_mer * {
	margin : 0;
	padding : 0;
}

#container_campagne ul#menu, #container_mer ul#menu {
	position : relative;
	width : 100%;
	font-weight : bold;
}

#container_campagne ul#menu li, #container_mer ul#menu li  {
	float : left;
	display : inline;
}

#container_campagne ul#menu li a, #container_mer ul#menu li a {
	text-align : center;
	display : block;
	width : 100px;
	height : 35px;
	line-height : 35px;
	text-decoration : none;
}

#container_campagne .content, #container_mer .content {
	padding : 1em 2em;
	margin : -2px 0 0 0;
	/*background-color : #FFFFCC;*/
	background-color : #FFFFD2;
	/*border-left : 2px solid #336699;
	border-right : 2px solid #336699;
	border-bottom : 2px solid #336699;*/
}

#container_campagne hr, #container_mer hr {
	clear : both;
	visibility : hidden;
	height : 1px;
}

#container_campagne .on, #container_mer .on { display : block; }
#container_campagne .off, #container_mer .off  { display : none; }

#container_campagne .content ul, #container_mer .content ul  { 
	display : block;
	margin : 15px 25px;
}

#container_campagne ul#menu li a:hover, #container_mer ul#menu li a:hover { 
	text-decoration : underline;
}

#container_campagne a.current, #container_mer a.current { 
	color : #000000;
	background-image : url(../images/onglet_up.gif)
}

#container_mer a.ghost  { 
	color : #000000; 
	background-image : url(../images/onglet_down.gif);
}
#container_campagne a.ghost  { 
	color : #000000; 
	background-image : url(../images/onglet_down_vert.gif);
}
#container_mer a.ghost_rouge, #container_campagne a.ghost_rouge  { 
	color : #000000; 
	background-image : url(../images/onglet_down_rouge.gif);
}

/***** CARTE *****/

.infoBulle {
	font-size : 12px;
	font-weight : normal;
	color : #000000;
}

.villeCarte {font-weight : bold;}

a.residCarte {
	font-weight : bold;
	color : #6699CC;
}

/**************************************************************************
						MER
 **************************************************************************/
.cadre_bleu_vide { 
	border-left : #548AC8 solid 2px; 
	border-right : #548AC8 solid 2px; 
}

.titre_cadre_bleu { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_bleu_02.gif) repeat-x;
	height : 50px;
}
.titre_cadre_bleu_gauche { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_bleu_01.gif) no-repeat center;
	height : 50px;
}
.titre_cadre_bleu_droite { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_bleu_03.gif) no-repeat center;
	height : 50px;
}

.cadre_bleu_vide_bas { border-bottom : #548AC8 solid 2px; }
.cadre_bleu_vide_haut { border-top : #548AC8 solid 2px; }

.titre_cadre_jaune { 
	font-weight : bold;
	background-color : #FFFF99; 
}

.cadre_jaune_vide { 
	border-left : #FFFF99 solid 1px; 
	border-right : #FFFF99 solid 1px; 
}

.cadre_jaune_vide_bas { border-bottom : #FFFF99 solid 1px; }

.titre_mer { color : #6699CC; }

.titre_cadre_photos_bleu { 
	background-color : #CCCCFF; 
	font-weight : bold;
}

.cadre_photos_bleu_vide { border : #CCCCFF solid 1px; }

/**************************************************************************
						CAMPAGNE
 **************************************************************************/

.titre_cadre_vert { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_vert_02.gif) repeat-x;
	height : 50px;
}
.titre_cadre_vert_gauche { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_vert_01.gif) no-repeat center;
	height : 50px;
}
.titre_cadre_vert_droite { 
	font-weight : bold;
	background : url(../images/cadres/tete_cadre_vert_03.gif) no-repeat center;
	height : 50px;
}

.cadre_vert_vide { 
	border-left : #82C854 solid 2px; 
	border-right : #82C854 solid 2px; 
}

.cadre_vert_vide_bas { border-bottom : #82C854 solid 2px; }
.cadre_vert_vide_haut { border-top : #82C854 solid 2px; }

.titre_campagne { color : #996600; }

.titre_cadre_photos_vert { 
	background-color : #82C854; 
	font-weight : bold;
}

.cadre_photos_vert_vide { border : #82C854 solid 1px; }
