/* ancien code que je garde par securité
body {
	margin: 0px 0px 10px 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
}

H2 {
	font-weight:normal;
	color:#31699C;
	font-size:11px;
}

#cuerpoquienes {
	position: absolute;
	top: 146px;
	left: 0 px;
	width: 780px;
	border: solid 0px #000C6A;
}
#cuerpoquienes0
{
	position: absolute;
	top: 145px;
	left: 0 px;
	width: 780px;
}

#cuerpoquienes0 #menuizq
{
	position: relative;
	border: solid 1px #000;
	width: 50px;
	left: 10px;
}

#cuerpoquienes0 #menucen
{
	position: relative;
	border: solid 1px #000;
	left: 80px;
	width: 50px;
}

#cuerpoquienes0 #menuder
{
	border: solid 1px #000;
}

#cuerpodefault {
	position: absolute;
	top: 146px;
	left: 234px;
	height: 400px;	
	width: 380px;
	border: solid 0px #000C6A;
}

#cuerpolistado {
	position: absolute;
	top: 140px;
	left: 5px;
	height: 400px;	
	width: 700px;
	border: solid 0px #000C6A;
}



/*fin de l'ancien code*/

/*********************configuration de base de la page et de ses éléments***************************

1.	COULEURS DE BASE : #656565 = gris foncé - #0e547e = Bleu foncé - #999999 = gris clair

***************************************************************************************************/

body {
	font-family: arial, verdana, sans-serif;
	font-size: 62.5%;
	color: #0e547e;
}

/*blocs inputs et select*/
/*input, select {font-family: arial, verdana, sans-serif; font-size: 10px; color: #656565; background-color: #FFFFFF !important; margin: 0;}*/

textarea {font-family: arial, verdana, sans-serif; font-size: 11px; color: #656565; background-color: #FFFFFF; margin: 0;}

a img, .link_img { border: none; }

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

p { margin: 0; padding: 0 0 0 0;}

td {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	}

/***Block image reactif, le survol de l'image modifie sa transparence***/
.im {
border: none;
filter:alpha(opacity=100);
}
.im:hover{
filter:alpha(opacity=60);
min-height : 1%;
opacity: 0.60;
border: none;
}

.im_logo {
filter:alpha(opacity=100);
border:1px;
border-color:#0e547e;
border-style:solid;
padding:3px;
margin:5px 0px;
}
.im_logo:hover{
filter:alpha(opacity=60);
min-height : 1%;
opacity: 0.60;
border:1px;
border-style:solid;
border-color:#0e547e;
padding:3px;
margin:5px 0px;
}

.im_logo2 {
filter:alpha(opacity=100);
padding:3px;
margin:1px 0px;
}
.im_logo2:hover{
filter:alpha(opacity=60);
min-height : 1%;
opacity: 0.60;
padding:3px;
margin:1px 0px;
}
	
	
/*** FONT STYLES ***/
a { color: #0e547e; text-decoration: none; -moz-outline-style: none;} 
a:hover { color: #4385ab; text-decoration: none; }

hr { border: 0; margin: 8px 0px 0px 0px; padding: 6px 0px 0px 0px; width: 100%; height: 2px; border-top: 2px solid #000000; overflow: hidden; display: none; }

h1 { margin: 0; padding: 0px 0px 10px 0px; color: #0e547e; font-weight: bold; font-size: 1.6em; }
h2 { margin: 0; padding: 0px 0px 10px 0px; color: #0e547e; font-weight: bold; font-size: 1.4em; }
h3 { margin: 0; padding: 0px 0px 10px 0px; color: #0e547e; font-weight: bold; font-size: 1.2em; }
h4 { margin: 0; padding: 0px 0px 10px 0px; color: #0e547e; font-weight: bold; font-size: 1.2em; }
h5 { margin: 0; padding: 0; color: #0e547e; font-size: 1em; font-weight: normal; }
h6 { margin: 0; padding: 0; color: #FF0000; font-weight: bold; }

h1 em, h2 em, h3 em, h4 em, h5 em { font-style: normal; color: #4385ab; }
h1 span, h2 span, h3 span, h4 span, h5 span { color: #000000; } 
strong em { font-style: normal; color: #0e547e; }
strong span { color: #4385ab; }


/**************************************************Cadre général des pages***********************************************/

/*classe de style de la barrre de navigation secondaire et du pie de page*/
.pie {
	color: #656565;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
}

ul#listpieLeft {color: #656565;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	margin: 5px 0px 10px 0;
	padding:0;
	float:left;
	width:220px;	
	max-height:100px;
	list-style: none;}
	
ul#listpieRight {color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	margin: 5px 5px 10px 40px;
	padding:0;
	float:Right;	
	max-height:100px;
	list-style: none;}

	/*menu de navigation segondaire, sous le logo*/
  	a.gris 		{text-decoration: none; color:#656565; font-weight: bold;}
  	a.gris:hover	{
	text-decoration: none;
	color:#0e547e;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
}

/*barre de menu de navigation supérieure*/
.menu_barra, .menu_barra_ita {
	font-weight: bold;
	font-size: 13px;	
	color: #FFFFFF;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none;
}
		a.menu_barra {text-decoration: none;}
			a.menu_barra:hover {/*color:#003968;*/color:#0e547e;text-decoration: none;}
			
		a.menu_barra_ita {text-decoration: none; font-style:italic;}
			a.menu_barra_ita:hover {/*color:#003968;*/ color:#0e547e;text-decoration: none;}
			
/*style de la barre latérale des offres*/
.barra {font-weight: bold; color:#656565;text-decoration: none;}
	a.barra {text-decoration: none;}
		a.barra:hover {
	text-decoration: none;
	color:#0e547e;
	font-family: arial, verdana, sans-serif;
}

.blanco {color: #FFFFFF;font-weight: bold; font-size: 14px;}


/*pied de page*/
.contacto {color: #FFFFFF; font-size: 13px;	font-weight: bold; text-align: left; padding-left: 10px;}

	.contacto a.negro, .contacto a.negro:visited, .contacto a.negro:link {text-decoration: underline;color:#FFFFFF;}
	.contacto a.negro:hover, .contacto a.negro:active {text-decoration: none; color:#FFFFFF;}
	
	.contacto a.negro2, .contacto a.negro2:visited, .contacto a.negro2:link {text-decoration: underline;color:#31699C;}
	.contacto a.negro2:hover, .contacto a.negro2:active {text-decoration: none;color:#31699C;}
	
/*pied de page inversé*/
.contactoinverted {color: #0e547e; font-size: 13px;	font-weight: bold; text-align: left; padding-left: 10px;}

	.contactoinverted a.negroinverted, .contactoinverted a.negroinverted:visited, .contactoinverted a.negroinverted:link {text-decoration: none;color:#999999;}
	.contactoinverted a.negroinverted:hover, .contactoinverted a.negroinverted:active {text-decoration: none; color:#0e547e;}
		
/*liens bleu du bas de page*/
a.azul,a.azul:visited,a.azul:link	{text-decoration: none;	color:#0e547e;	font-size: 11px;}
a.azul:hover,a.azul:active 			{text-decoration: none;	color:#656565;}

/*liens gris*/
a.liengris 			{text-decoration: none;color:#999999;	font-size: 11px;}
a.liengris:hover	{text-decoration: none; color:#0e547e;}

/*texte de bas de page pour positionement*/
h1.piepage {
	font-size: 9px;
	color: #999999;
	text-align: justify;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*puce de séparation*/
.n {font-size: 14px; font-weight: bold;}

/*style pour les liste et les champs de formulaire*/
select.buscar {font-size:10px;width:150px;}
input.boton {
	font-size: 11px;
	color: #0e547e;
	font-weight: bold;
	/*text-align:center;*/
	height: 20px;
	width: 137px;
}

input.texto {font-size:10px;width:150px;}

/*ul {padding-left: 25px;}*/

/*image de titre des pages*/
img.imatitre {margin: 15px 0 15px 0;}

/**************************************************quienes somos***************************************************************/

p.quienestitulo{
	font-size: 14px;
	font-weight: bold;
}
p.quienes{
	font-size: 12px;
	text-align: justify;
	line-height: normal;
	padding-bottom:10px;
}

/*style de la liste*/
ul#listquien { margin-bottom:20px; margin-top:20px;}

/*menu lateral de navigation*/
#content_left { position: relative; float: left; width: 180px; min-height: 400px; font-size: 13px; }
	
ul#left_nav_text {width: 170px; float: left; overflow: hidden; margin: 0 0 10px 0; padding: 0; list-style: none;  }
    ul#left_nav_text li { clear: both; float: left; }
       
	   ul#left_nav_text li a {
            float: left;
            display: block;
            width: 160px;
            background-image: url(../images/left-nav_a.gif);
            background-repeat: no-repeat;
            background-position: -355px center;
            padding: 10px 15px;
            color: #999999;
            border-bottom: 1px solid #cdcdcd;
			text-decoration:none;
            }
        ul#left_nav_text li a:hover,
        ul#left_nav_text li a.selected {
            background-position: 145px center;
            text-decoration: none;
            color: #004d7c;
            }
        
		ul#left_nav_text li a.selected {
            font-weight: bold;
            }


/*menu complémentaire actividades*/
 ul#sousmenu 				{ padding-left:20px;font-size:11px; list-style:none;}
 ul#sousmenu li a			{text-decoration:none;color:#999999;}
 ul#sousmenu li a:hover 	{color:#004d7c;}
 ul#sousmenu li a.selected  {color:#004d7c;}

/* titre du menu*/
#content_left .logoquien {text-align: right;margin-top:15px; margin-bottom: 0px; margin-right:10px; font-weight: normal;}

/*style liste como llegar*/
ul#llegar {margin:10px; padding:0}

/************************************************* quienes2.asp ***************************************************************/

p.regtitulo{font-size: 14px;font-weight: bold;}
p.regtitulo2{color:#FFCC00;font-size: 12px;font-weight: bold;} /*titre jaune*/
p.cuerporegion {padding-top:15px; padding-bottom:30px;color: #004d7c; text-align:justify;} /*texte principal*/

/************************************************* info.asp **********************************************************************/

p.tituloinfo {color:#004d7c;font-size:13px;font-weight:bold; padding-bottom:15px;}
p.textinfo {padding-bottom:30px; text-align:justify; font-size:12px;}
a.lieninfo {color:#004d7c; font-weight:normal; text-decoration:underline;}
a.lieninfo:hover {color:#656565; font-weight:normal; text-decoration:none;}

/************************************************* filosofia.asp ****************************************************************/

#container_filo				 			{width:560px; height:auto; margin: 0 10px;}
#container_filo .logo					{width:181px; height:auto; margin:15px 0;}
#container_filo .citation				{width:560px; height:auto; margin:15px 0; font-style:italic; text-align:center;color: #999999;}
ul.textofilo 							{color:#004d7c; text-align:justify; margin:15px; padding:0}
ul.textofilo li							{padding-bottom:10px;}
/************************************************* seguro_anul.asp ****************************************************************/

#container_seg				 			{width:560px;height:auto;margin:0 10px;}
#container_seg .logo					{width:181px; height:auto;  margin:15px 0;}
p.textoseg 								{padding-bottom:10px; color:#004d7c; text-align:justify;}

/************************************************* links *******************************************************************/

p.linkimg 					{margin:15px 0;}
p.linktitulo 				{color:#004d7c;font-size:14px;font-weight:bold; padding-bottom:15px;}
p.linktxt 					{color:#656565; text-align:justify; text-decoration:none;padding-bottom:20px;}
p.linktxt a.linktxt 		{text-decoration: none; color:#999999;}
p.linktxt a.linktxt:hover 	{text-decoration: none; color:#004d7c;}

/************************************************* condiciones *******************************************************************/

#content_cond 											{padding-right:10px;padding-left:10px;}
#content_cond div.Part 									{text-align:left; margin-bottom:20px;}
#content_cond li.ol										{color:#999999;}
#content_cond a.gris2						 			{text-decoration: none; color:#999999;font-weight:normal;}
#content_cond a.gris2:hover				 				{text-decoration: underline;color:#004d7c;font-weight:normal;}
#content_cont div.Sect 									{}
div.Sect P 												{text-align:justify; padding-bottom:10px;color:#004d7c;}
div.Sect H4 											{text-align:left; padding-bottom:15px; padding-top:20px;}

/************************************************* div du lien ovr ************************************************************/

#divovr {margin-top:15px;text-align:center; vertical-align:middle;}
#divovr .mapuce{ margin-right:8px; border:0;}
#divovr a{color:#999999;text-decoration:none; font-size:10px;}
#divovr a:hover{text-decoration:none; color:#B0090F;}

/************************************************** enlaces directos **********************************************************/

.Ntooltip 								{position: relative; text-decoration: none; margin:20px 0 10px 0; width:100%; height:20px; text-align:center; background-color:#FFF}
.Ntooltip span 							{display: none;}
.Ntooltip2 								{position: relative; text-decoration: none; margin:20px 0 10px 0; width:100%; height:20px; text-align:center; background-color:#FFF}
.Ntooltip2 span 						{display: block; position: absolute; bottom:10px; left:50%; width:200px; height:auto; padding:6px; border:1px double #CCCCCC; background:#FFF; font-size:9px; color: #0e547e; text-align:left; z-index:999; overflow:auto}
.Ntooltip2 span a						{font-size:9px; color: #0e547e; text-decoration:none}


/************************************************* actividades **********************************************************/

/*separateur a utiliser apres un float*/
div.clear {clear:both;}

#container_activity				 			{width:560px;height:auto;margin:0px 10px;}
#container_activity .logo					{width:181px; height:auto; margin:15px 0;}
#container_activity .actitxt 				{width:560px; height:auto;}
#container_activity .actitxt h1 			{font-size:13px; margin:0}
#container_activity .actitxt p 				{font-size:11px; margin:0;}
#container_activity .nav1 					{width:560px; height:95px; margin-top:15px;}
#container_activity .nav1 ul			 	{padding: 0; margin: 0;}
#container_activity .nav1 ul li.norm 		{list-style-type: none; float:left; padding-right:25px;}
#container_activity .nav1 ul li.ultim 		{list-style-type: none; float:left;}
#container_activity .nav2 					{width:560px; height:95px; margin-top:15px;}
#container_activity .nav2 ul 				{padding:0; margin:0;}
#container_activity .nav2 ul li.norm 		{list-style-type: none; float:left; padding-right:25px;}
#container_activity .nav2 ul li.ultim 		{list-style-type: none; float:left;}
#container_activity .nav3 					{width:560px; height:95px; margin-top:15px;}
#container_activity .nav3 ul 				{padding: 0; margin: 0;}
#container_activity .nav3 ul li.norm		{list-style-type: none; float:left; padding-right:25px;}
#container_activity .nav3 ul li.ultim 		{list-style-type: none; float:left;}
#container_activity a:link 					{text-decoration: none;color:#004d7c; font-size: 11px;}
#container_activity a:visited 				{text-decoration: none;color:#004d7c; font-size: 11px;}
#container_activity a:hover					{text-decoration: none;color:#999999; font-size: 11px;}

/*slideshows*/
.slideshow #conteneur 								{width:560px; height:auto;margin:0 10px; }
.slideshow #conteneur .texte 						{width:560px;height: auto;}
.slideshow #conteneur .texte .tituloactividades		{margin:15px 0;}
.slideshow #conteneur .texte h1						{font-size:21px; color:#c2c2c2;}
.slideshow #conteneur .texte h2						{font-size:12px; font-weight:normal; text-align:justify; margin:0; padding:0;}
.slideshow #conteneur .texte h2	p					{padding:0 0 10px 0;}

/******************************************************************* + servicios *********************************************************************/

#logoserv 											{margin:15px 10px; vertical-align:top; z-index:-1;}
#textoservgen 										{margin-left:10px; margin-right:10px; text-align:justify; width:555px;}
#servicios 											{width:555px; vertical-align:top; z-index:-1;margin: 25px 10px 0 10px; padding: 0;} /*margin-top:25px; margin-bottom:0px; margin-left:10px; margin-right:10px;*/
#servicios .fotserv 								{float:left; width:375px; z-index:-1;}
#servicios .tituloserv 								{float:right;text-align:right; width:180px; z-index:1;}
#servicios .txtserv 								{float:right; width:555px;z-index:1;} 
#servicios .tituloserv a							{text-decoration: none;color:#656565;font-size: 11px; font-weight:bold; z-index:1;}
#servicios .tituloserv a:hover 						{text-decoration: none;color:#0e547e;font-size: 11px; font-weight:bold; z-index:1;}
#servicios .txtserv .textoserv 						{text-align:justify; clear:both; z-index:1;}
#servicios .textlink 								{float:right; bottom:0px; right:0px; vertical-align:bottom; width:150px; height:15px; text-align:right; z-index:1;}
#servicios .textlink a 								{text-decoration: none;color: #F00;font-size: 11px; font-weight:bold; z-index:1;}
#servicios .textlink a:hover 						{text-decoration: none;color: #0e547e;font-size: 11px; font-weight:bold; z-index: 1;}

/*div espace final*/
div.spacerserv {clear:both; margin-bottom:25px;}

/*div invisible*/
.hidendiv {	visibility: hidden;	background-color: #FFFFFF;	filter: alpha(opacity=90);	-moz-opacity: 0.9;	KhtmlOpacity: .9;	opacity: .9; padding: 0px; height: 0px;	width: 555px; margin-left:10px;	margin-right:15px; border-width: 1px; border-style: solid;	border-color: #CFDEEF; overflow: auto; background-color: #F4F9FF; z-index: 1000; clear: both;}


/******************************************************** tell a friend - enviar.asp *****************************************************************/

#conteneur 								{margin-left:15px; width:700px;}
#conteneur .fototitre					{margin:15px 0;}
#conteneur .field, #conteneur .footer	{width: 700px;margin: 1px 0px;padding: 6px 0;float: left;clear: left;background-color: #EAF1F7;}
#conteneur .field.field-alt 			{background-color: #F0F5FB;}
#conteneur .field input, 
#conteneur .field select, 
#conteneur .field textarea,
#conteneur .field .blocimg,
#conteneur .field .repeater-content {margin-left: 10px;}
#conteneur .field .repeater-content input {margin-left: 0px;}
#conteneur .field label, #conteneur .field .label, .field input, .field select, .field textarea, .field .blocimg {float: left;}
#conteneur .field label, #conteneur .field .label {width: 150px;/*padding-right: 10px;*/padding-left: 5px;text-align: right;}
#conteneur .field label span {color: green;font-size:9px;}
#conteneur .field input.input {width: 120px;border: 1px solid #D2D9DF;padding: 3px;}
#conteneur .field textarea {width: 413px;border: 1px solid #D2D9DF;padding: 3px;}
#conteneur .field .blocimg {width: 126px;border: 1px solid #D2D9DF;padding: 0px; background-color:#FFF; height:21px; text-align:center;}
#conteneur input.submit_button {height:21px;width:82px;}
#conteneur .footer input {margin-left: 160px;}

/***************************************************************** privacidad.asp y info_empresa.asp ****************************************************************************/

img.imgprivacidad 		{margin: 15px 0;}
p.txtprivacidad 		{color:#004d7c; text-align:justify; padding-bottom:15px;}
ul.listprivacidad 		{margin-bottom:20px; margin-top:5px;}

/**************************************************************** code commun a: inicio.asp - listado - resultados - formulaires reservation ********************************************************************************************/

p.negritaBien			{color: #0e547e;font-weight: bold;font-size:14px; padding-bottom:15px;}
p.textonline			{color: #0e547e;font-weight:nomal;padding-bottom:15px;}
.negritaBien			{color: #0e547e;font-weight: bold;font-size:14px;}
.negrita				{color: #0e547e;font-weight: bold;font-size:13px;}
.negrita2				{text-decoration:underline; color: #0e547e;font-weight: bold;font-size:13px;}
p.negrita				{color: #0e547e;font-weight: bold;font-size:13px; padding: 15px 0;}
.negritabluen			{color: #0e547e;font-weight: bold;font-size:18px;}
.negritaesp2			{color: #0e547e;font-weight:nomal;font-size:11px;}
.negritaesp				{color: #0e547e;font-weight:nomal;font-size:10px;}
h1.keys					{color: #999999;font-weight: normal;font-size: 9px;text-align: justify;margin-top: 15px; margin-bottom:0px;}
h2.keys 				{color: #999999;font-weight: normal;font-size: 9px;text-align: justify;margin:0;padding:0;}
a.keys					{color: #999999;font-weight: normal;font-size: 9px;text-decoration:none;}
a.keys:hover 			{color: #0e547e;font-weight: normal;font-size: 9px;text-decoration:none;}

/******************************************************************** resultados.asp ************************************************************************************************************/

p.titulovilla 					{color: #0e547e;font-size: 26px;padding-left: 10px;} 															/*titre superieur avec nom du produit*/
.gris4							{color:#656565; font-weight:normal;font-size:11px;}																/*lien moteur de recherche			 */
a.gris4 						{text-decoration: underline; color:#656565; font-weight:normal;font-size:11px;}
a.gris4:hover				 	{text-decoration: none;		 color:#0e547e; font-weight:normal;font-size:11px;}
.gris5							{color:#656565; font-weight:normal;font-size:11px;}																/*lien moteur de recherche			 */
a.gris5 						{text-decoration: none;	 	 color:#656565; font-weight:normal;font-size:11px;}
a.gris5:hover				 	{text-decoration: none;		 color:#0e547e; font-weight:normal;font-size:11px;}
h2.txtresult					{color:#0e547e; font-weight:normal;font-size:12px; line-height:normal; text-align:justify; padding:15px 0px;}	/*texte du descriptif				 */
.red							{text-decoration: none; color:#FF0000;font-size: 11px;font-weight: bold;}										/*lien rouge contact ou reservation  */
a.red							{text-decoration: none; color: #FF0000;font-size: 11px;font-weight: bold;}										/*lien rouge contact ou reservation  */
a.red:hover						{text-decoration: none; color:#7F7D7D;}
.green							{text-decoration: none; color:#090;font-size: 11px;font-weight: bold;}										/*lien rouge contact ou reservation  */
a.green							{text-decoration: none; color: #090;font-size: 11px;font-weight: bold;}										/*lien rouge contact ou reservation  */
a.green:hover					{text-decoration: none; color:#7F7D7D;}	
a.azulresult					{text-decoration: none; color:#0e547e;font-size: 11px;font-weight: bold;}										/*lien bleu contact ou reservation   */
a.azulresult:hover				{text-decoration: none; color:#656565;}
img.puceimg						{margin-right:10px;}																							/*puce se trouvant devant les liens	 */
.titulogris						{padding-left: 10px; padding-top:9px; color:#656565;}																			/*titre en gris de chacun de blocs	 */
.arial8 						{FONT-SIZE: 8pt; COLOR: #656565; LETTER-SPACING: 0.09em}
.arialazul						{FONT-SIZE: 8pt; LETTER-SPACING: 0.09em}
a.arial8						{text-decoration: none;}
a.arial8:hover					{COLOR: #0e547e;text-decoration: none;}
a.azulsub						{text-decoration: underline;color:#0e547e;}
a.azulsub:hover					{text-decoration: none;color:#656565;}
.gris3							{color:#656565; font-weight:bold;font-size:11px;}
a.gris3 						{text-decoration: none; color:#656565; font-weight:bold;font-size:11px;}
a.gris3:hover				 	{text-decoration: none; color:#0e547e; font-weight:bold;font-size:11px;}
a.azulpagin						{text-decoration: none; color:#0e547e; font-weight:bold;font-size:11px;}
a.azulpagin:hover			 	{text-decoration: none;	color:#656565; font-weight:bold;font-size:11px;}
.fecResultados					{text-decoration: none; font-size:15px}
.preResultados					{text-decoration:underline; font-size:15px; color:#090; font-weight:bold;}
.preResultados:hover			{text-decoration:none;}

/********************************************************************* formulaires de reservation: reservabis.asp ******************************************************************/

.form_reserv {color: #0e547e;text-align: right;	border-top-style: none;	border-right-style: none;border-bottom-style: none;border-left-style: none;border-top-color: #FFFFFF;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-left-color: #FFFFFF;font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;}

/******************************************************************** resultados_online.asp ***************************************************************************************/

h2.txtonline					{color:#656565; font-weight:normal;font-size:12px; line-height:normal; text-align:justify; padding:9px 0px;}	/*texte du descriptif*/
	
/******************************************************************** testimonios.asp ***************************************************************************************/

p.testimonios {padding:5px;margin-bottom:10px;text-align:justify;}

/************************************************************************ banderas ***************************************************************************************/

.banderaSpain {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniSpainBN.jpg) no-repeat top left;}

.banderaSpain:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniSpain.jpg) no-repeat top left;}

.banderaSpainSelected {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniSpain.jpg) no-repeat top left;}

.banderaSpainSelected:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniSpain.jpg) no-repeat top left;}

.banderaInglaterra {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniInglaterraBN.jpg) no-repeat top left;}

.banderaInglaterra:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniInglaterra.jpg) no-repeat top left;}

.banderaInglaterraSelected {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniInglaterra.jpg) no-repeat top left;}

.banderaInglaterraSelected:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniInglaterra.jpg) no-repeat top left;}

.banderaFrancia {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniFranciaBN.jpg) no-repeat top left;}

.banderaFrancia:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniFrancia.jpg) no-repeat top left;}

.banderaFranciaSelected {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniFrancia.jpg) no-repeat top left;}

.banderaFranciaSelected:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniFrancia.jpg) no-repeat top left;}

.banderaRusia {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniRusiaBN.jpg) no-repeat top left;}

.banderaRusia:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniRusia.jpg) no-repeat top left;}

.banderaRusiaSelected {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniRusia.jpg) no-repeat top left;}

.banderaRusiaSelected:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniRusia.jpg) no-repeat top left;}

.banderaAlemania {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniAlemaniaBN.jpg) no-repeat top left;}

.banderaAlemania:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniAlemania.jpg) no-repeat top left;}

.banderaAlemaniaSelected {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniAlemania.jpg) no-repeat top left;}

.banderaAlemaniaSelected:hover {width:19px; height:11px; padding-left:2px; background:url(../images/banderas/miniAlemania.jpg) no-repeat top left;}


/***********************************************************************************************/

/*Boutons de couleurs */

.btn {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}

.btn a{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	width:100px;
	text-align:center;
}
.btn a:hover{
	font-weight:bold;
	text-decoration: underline;
}
.btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_green { background-color: green; }
.btn_red { background-color: red; }
.btn_orange { background-color: orange; }
.clear {
	clear: both;
}

/*image de separation*/
.btnseparateur {
	padding-left:100px;
	padding-right:99px;
}



/*ligne de couleur*/


.ligne {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}

.ligne .centre{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
	width:880px;
}

.ligne span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.ligne_orange { background-color: orange;
}
.clear {
	clear: both;
}

/*telephone*/

.lignetel {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0;
}

.lignetel .centre{
	float: left;
	height: 40px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	text-decoration: none;
	width:130px;
	
}

.lignetel span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.ligne_orange { background-color: orange;
}
.clear {
	clear: both;
}

/*petit bouton*/

.Sbut {
	float: left;
	clear: both;
	background: url(../images/boutleft.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}

.Sbut a{
	float: left;
	height: 21px;
	background: url(../images/boutcentre.png) repeat-x left top;
	line-height: 21px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.0em;
	font-weight:bold;
	text-decoration: none;
	
}

.Sbut a:hover{
	font-weight:bold;
	text-decoration: underline;
}

.Sbut span {
	background: url(../images/boutright.png) no-repeat;
	float: left;
	width: 10px;
	height: 21px;
}
.Sbut_orange { background-color: orange; }
.clear {
	clear: both;
}

/*sitemap***************************************/

#bloqueSiteMap 											{margin-top:15px;}
#bloqueSiteMap .zona 									{font-weight: bold;font-size:18px;}
#bloqueSiteMap ul li a.sitemap:visited,a.sitemap:link	{text-decoration: underline; color:#0e547e; font-size: 13px; font-weight: bold;}
#bloqueSiteMap ul li a.sitemap:hover,a.sitemap:active 	{text-decoration: none;	color:#656565;}
#bloqueSiteMap ul li div.textdescript 					{ margin:3px 20px 10px 0; text-align:justify; color: #0e547e;font-weight:nomal;font-size:11px;}