/* *** ####################################### *** 
DARSABA 28/02/2007

COULEUR

pourpre : #C81F26
/* ##################### HTML ################################ */

* 
{
	margin: 0;
	padding: 0;
}

:focus{outline:none}

body 
{
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	color:#000;
	font-size: 62.5%;
	background:url("images/darsaba-bg-body.jpg") top left;
}

#container
{
	text-align:left;
	width:992px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	/*border:1px solid #000;*/
	
	padding:0 4px;
}

/* ###########################################################
		GENERIQUE
########################################################### */

/*titre site */
h1 {font-size:1.8em;}

/*baseline */
h2 {font-size:1.6em;}

/*titre site / baseline / masqu� */
h1 span,h2 span,h3 span{position:absolute;margin-top:-2000px;}

/*premier niveau de titre / affich� */
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

/*paragraphe*/
p {font-size:1em;}

/* listes */
ul li{list-style-type:none;list-style-position:outside;margin-left:8px;}

/*liens*/
a{text-decoration:none;color:#323232; /* gris tr�s fonc�*/} 
a:hover{text-decoration:underline;}
a.select{text-decoration:underline;}

/*images*/
img{border:none;vertical-align:middle;}

/* formulaire */
fieldset{border:0px solid #ccc;color:#000;padding:0 8px;}
fieldset legend{}
fieldset p{clear:both;margin:8px 0}
fieldset p span.bloc{display:block;float:left;width:320px;}
fieldset label{width:250px;float:left;text-align:right;margin-right:8px;}
fieldset label.radio,fieldset label.checkbox{display:inline;width:auto;float:none;text-align:left;margin:0}
fieldset input,fieldset select,fieldset textarea{border:1px solid #858585; /* gris fonc� */width:280px;font-family:"MS Trebuchet", Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;font-size:1em;}
/*fieldset input.btConnexion{padding-left:25px;width:121px !important;width:121px;height:25px;line-height:25px;border:none}*/
fieldset input.checkbox,fieldset input.radio{width:auto;border:none}
fieldset input.form_envoyer{width:85px;height:28px;border:none;}

/* formulaire */
table,table tr,table tr td{font-size:1em;margin:0;padding:0}

/* TOOLTIP popup DIV collante +l�g�re.. */
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:1em;
   text-align:left;
}

/* autre */
hr{margin:0;border:none;height:1px;clear:both;}
.important{color:#FF0000;}
p.important{font-size:0.9em;}
.clr {clear: both;margin:0;padding:0;font-size: 1px;height: 1px;border:none;background:none;color:#fff;}

/* ###########################################################
		BOITES
########################################################### */

/* ##################### HEADER ################################ */
#header
{
	/*margin-bottom:10px;*/
}

#header #logo
{
	width:345px;
	float:left;
}

#header #flashID
{
	width:646px;
	float:left;
	margin-bottom:-4px !important;margin:0;
}

/* ##################### FOOTER ################################ */
#footer
{
	clear:both;
	text-align: center;
	height:38px;
	line-height:38px;
	background:url("images/darsaba-bg-footer.png") repeat-x top left;
	color:#81000B;
	
	font-size:.9em;
}

#footer a{
	color:#81000B;
}

/* ##################### CONTENU ################################ */
#centre
{
	/*background-color:#ff00ff;*/
	clear:both;
	background:url("images/darsaba-bg-contenu-1col.png") repeat-y top left;
	padding-bottom:16px;
}

/* */
#colGauche
{
	float:left;
	width:305px;	
	padding:20px;
	padding-top:10px;
	min-height:200px;
	margin-bottom:10px;
	/*border-right:1px solid #7F0800;*/
}

/* */
#colCentre, #colDroite
{
	float:left;
	width:282px;
	/*border-left:1px solid #7F0800;*/
	padding:20px;
	padding-top:10px;
	min-height:200px;
	margin-bottom:10px;
}

#colCentre
{
	border:none;
}

#colDroiteGde
{
	float:left;
	width:596px;
	padding:30px 30px 0 20px;
	/*border:1px solid #000;*/
	
}

#colDroiteGde #contenu
{
	width:416px;
	float:left;
	padding-right:20px;
}

#colDroiteGde #galerie
{
	width:160px;
	float:left;
	text-align:right;
}
/********* Listes dans colonne **********/
#colGauche ul li
{
	border-bottom:1px solid #CBCBC9;
	background:url("images/darsaba-puce-01.png") no-repeat 0px 6px;
	padding:3px 0 4px 10px;
	color:#CA2A34;
}

#colGauche ul li a
{
	color:#CA2A34;
}

#colGauche ul li.selected, #colGauche ul li a.selected
{
	font-weight:bold;
	color:#000;
}

#colGauche li ul li
{
	background:url("images/darsaba-puce-01.png") no-repeat center left;
	padding:3px 0 3px 20px;
	color:#CA2A34;
	border:none;
}

#colGauche li ul li a
{
	color:#CA2A34;
	font-weight:normal;
}

#colGauche li ul li a.selected
{
	font-weight:bold;
	color:#000;
}

/* ###########################################################
		LES STYLES POUR TOUTES LES PAGES
########################################################### */

/*** Page d'accueil ***/

.boxAccueil h3
{
	margin-bottom:10px;
}

.boxAccueil h3 span
{
	position:absolute;
	left:-10000px;
}

.boxAccueil li
{
	border-bottom:1px solid #CBCBC9;
	background:url("images/darsaba-puce-01.png") no-repeat center left;
	padding:3px 0 3px 10px;
	color:#CA2A34;
}

.boxAccueil p
{
	margin-bottom:12px;
	clear:both;
}

.boxAccueil li a
{
	color:#CA2A34;
}

.boxAccueil p img
{
	float:left;
	margin:0 10px 10px 0;
	width:80px;
	height:60px;
}

.boxAccueil h4
{
	color:#C81F26;
	margin-bottom:8px;
}

.boxAccueil a.lirelasuite{
	clear:both;
	display:block;
	width:85px;
	height:28px;
	background:transparent url(images/darsaba-lire-suite.png) no-repeat top left;
	text-decoration:none;
	float:right;
}

#colDroiteGde h3
{
	border-bottom:1px solid #333;
	color:#C81F26;
	font-size:150%;
	font-weight:lighter;
	letter-spacing:0.05em;
	font-family:Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
}

#colGauche h3
{
	margin-bottom:10px;
}

/* ###########################################################
		TABLEAU DE PRIX
########################################################### */

.tbTarifs
{
	width:100%;
	text-align:center;
	margin:8px 0;
	/*border:solid 1px #DFDFDF;*/
}

.tbTarifs tr
{
	border:solid 1px #DFDFDF;
}
.tbTarifs td
{
	border:solid 1px #DFDFDF;
}

.footerTab{margin-bottom:12px;font-style:italic;text-align:center;}

#periodes{
	width:150px;
	float:left;
	background-color:#C91E25;
	color:#fff;
	padding:5px;
	/*padding-right:20px;*/
}
#periodes h3{

	color:#fff;

}

#periodes ul{
	margin-bottom:12px;
}

/* ###########################################################
		LIVRE D'OR
########################################################### */

.post_LO_mess{
	margin:10px;
	margin-top:3px;
	padding:8px;
	border:1px solid #D6CDC5;
	background-color:#F7EFE2;
}


/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris tr�s fonc�*/
	/*background: url(images/fond_gris_01.png) repeat-x ;*/
	float: right;
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris tr�s fonc�*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris tr�s fonc�*/;padding:2px 4px 2px 4px;}

/* ##################################################
	STYLES POUR LES IMAGES
################################################## */

#colDroiteGde #galerie img
{
	margin:5px 0;
}

/* ##########################�GoogleMap ################### */
#infoWindowsGM{
	padding:0;
	margin:0;
	width:250px;
	height:100px;
}

#infoWindowsGM img{
	width:60px;
	float:left;
	margin-right:10px;
}

#infoWindowsGM #adr{
	width:170px;
	float:left;
	padding-left:10px;
}