/*************************************************/
/*                                               */
/*    CSS 2.1 par www.agence-web-platinum.com    */
/*       pour Groupe TERA Hotels & Resorts       */
/*                                               */
/*************************************************/

* {	margin:0; padding:0; font-size:100%;}
body{text-align:center; background:url(images/tera_01.gif) repeat-y; background-color:#efe1b5;}
.kanua{background:url(images/tera_01.gif) repeat-y;}
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html {font-family:Cambria, David, Rockwell, serif, "Times New Roman", Trebuchet MS, Arial; font-size:14px; line-height:16px; color:#1f1f1f;}
select { vertical-align:middle; font-weight:normal; padding: 0 25px 0 25px}

a {color:#bcbab2;}
a:hover{text-decoration:none;}


p {padding-top:15px;}

/* ============================= main layout ====================== */
#main { width:833px; margin:0 auto; text-align:left;}
#header {height:400px;}
#header-menu {height:160px;}
#content { padding-bottom:31px;}
#content a { color:#d4911c; }
#footer { height:86px; position:absolute; width:833px; float:left;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;}
/* ============================= main layout ====================== */

h4				{font-size:1.167em; line-height:1.01em; color:#d4911c; margin-bottom:7px;}
.erreur			{font-size:18px; line-height:20px; color:#4e2222; font-weight:bold; text-align:center;}
.intro_hotels_1	 {font-size:18px; line-height:20px; color:#4e2222; font-weight:bold; padding:10px 5px 0 5px; text-align:center;}
.intro_hotels_2	 {font-size:14px; line-height:20px; color:#4e2222; font-weight:none; padding-top:10px; text-align:justify;}

/*.link {background:url(images/link-tail-bg.gif) top repeat-x; display:block; float:left; color:#fff !important; text-decoration:none; text-transform:uppercase; font-size:10px !important; margin-top:12px;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:block;}
.link span strong {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:0 11px 6px 9px;}
.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span strong {background:url(images/link-left-bg-hover.gif) top left no-repeat;}

.link2 {background:url(images/list-bg.gif) no-repeat 0 3px; padding-left:22px; float:right; margin-left:15px;}

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:21px;}
li a {color:#bcbab2; line-height:1.75em;}

.list li {background:none; padding:0;}
.list li a {color:#5d5b55; text-decoration:none; line-height:1.5em;}
.list li a:hover {text-decoration:underline; color:#b80028;}
.list li span {float:right; color:#b80028;}

.imgindent {margin:0 20px 0 0; float:left;}*/

.flash {position:relative; margin-left:-10px;}

#header .banner {margin:7px 0 0 0;}

/* ======================== partners ========================= */
.jw_slidetitle 	{border:0 ;cursor:pointer; overflow:hidden; background:url(images/partners-background.png) no-repeat; width:833px; height:29px; padding:5px 0 5px 0;}
.jw_st_cont 		{padding:1px 0 0 0; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:center;}

.jw_slide 		{border:none; width:826px; visibility:hidden; height:0px; overflow:hidden; position:relative; background-color:#ffffff; }
.jw_slidecontent {padding:2px; margin:0px; position:relative;}

.PartnersContact {line-height:29px;}
.PartnersClogo	 {border:0; width:25px; height:25px; padding:0 10px 0 5px}
.PartnersNoms	 {font-size:18px; line-height:20px; color:#d4911c; font-weight:bold; margin-top:15px}
.PartnersImage	 {border:0; width:280px; height:200px; margin-top:15px}
.Partners_space	{padding-top:25px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #830000;}

/* ============================= forms ============================= */
#ReservationForm .col-1 {width:390px; padding:20px 10px 0 0;}
#ReservationForm .col-2 {width:400px; padding:20px 0 0 10px;}
#ReservationForm .col-1 .col-1 {width:110px;}
#ReservationForm .col-1 .col-2 {width:250px;}
#ReservationForm .col-2 .col-1 {width:150px;}
#ReservationForm .col-2 .col-2 {width:180px;}
#ReservationForm .col-H {width:80px; float:left;}
#ReservationForm .col-M {width:80px; float:left;}
#restaurant .vignette {margin:15px 6px 8px 6px;}
a.top {font-size:10px;}
#ReservationForm .rowi {height:39px;}
#ReservationForm .input0 {width:50px; font-family:Arial; height:22px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:0.8em; color:#000;}
#ReservationForm .input   {width:220px; font-family:Arial; height:20px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#ReservationForm .input2 {width:180px; font-family:Arial; height:20px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#ReservationForm .input3 {width:120px; font-family:Arial; height:20px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#ReservationForm .inputS {width:250px; font-family:Arial; height:20px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:0.9em; color:#000;}
#ReservationForm .inputD {width:105px; font-family:Arial; height:21px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#ReservationForm .inputT {width:60px; font-family:Arial; height:20px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#ReservationForm textarea {width:220px; font-family:Arial; height:60px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px; color:#000;}

/* ============================= footer ====================== */
.box {background:#dad2ba; padding:0 1px; border-top:1px solid #949494; border-bottom:1px solid #949494; text-align:center; }
.box .inner {background:#dad2ba; position:relative; margin:-1px 0; padding:5px;}
.box .inner .logo {height:70px; vertical-align:center;}
#footer a {color:#5d5b55; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#carte					{float:left; width:750px; height:690px; display:block; padding:17px 45px 0 60px; margin-top:20px; background:url(images/fond-map.png) no-repeat;} /* 832 -80/2 */
#emplacementDeMacarte 	{position:relative; text-align:center; width:710px; height:650px; }
#GoogleMapWindow 		{width:280px; height:133px; border: 1px solid #ff0000; text-align:center; background:#efe1b5; text-decoration:none}
#GoogleMapWindow a 		{text-decoration:none}
.GoogleMapLegende		{text-align:center; font-size:14px; font-weight:bold; color:red; text-decoration:none; padding-top:50px;}
.GoogleMapImage	 		{width:95px; height:119px; border:0; padding:5px 0px 5px 5px; text-decoration:none}
.GoogleMapTitre			{text-align:center; font-size:12px; font-weight:bold; color:red; text-decoration:none}
.GoogleMapTexte			{text-align:center; font-size:10px; font-weight:none; color:#000000; text-decoration:none}

.contact-titre {font-size:14px; font-weight:bold; color:#949494; text-align:center}

.title {background:url(images/partners-background.png) no-repeat; margin:20px 0 19px 0; font-size:16px; color:#ffffff; padding:7px 0 3px 10px; font-weight:bold;}
.title1 {background:url(images/title-background-1.png) no-repeat; margin-bottom:19px; height:29px; font-size:16px; color:#ffffff; padding:7px 0 0 10px; font-weight:bold;}
.title2 {background:url(images/title-background-2.png) no-repeat; margin-bottom:19px; height:29px; font-size:16px; color:#ffffff; padding:7px 0 0 10px; font-weight:bold;}

.ContactLogo	 {border:0; width:18px; height:18px; padding:0 6px 0 0}

#contact .col-1 {width:182px; padding:20px 10px 0 0;}
#contact .col-2 {width:630px; padding:20px 0 0 10px;}
#contact .col-2 .col-1 {width:260px;}
#contact .col-2 .col-2 {width:345px;}
#contact .col-2 .col-1 .col-1 {width:90px;}
#contact .col-2 .col-1 .col-2 {width:150px;}
#contact .col-2 .col-2 .col-1 {width:85px;}
#contact .col-2 .col-2 .col-2 {width:170px;}

#emailForm {padding:0 0 10px 0;}
#emailForm .rowi {height:39px;}
#emailForm .input {width:140px; font-family:Arial; height:16px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}
#RecommandeForm .input {width:140px; font-family:Arial; height:16px; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; font-size:1em; color:#000;}

textarea {width:230px; height:90px; font-family:Arial; border:1px solid #820314; background:#efd78a; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px; color:#000;}

/* largeur 832 px */
/* Pour 4 colones en 1ere page
.TheCol1 {width:190px; margin-right:642px; text-align:justify; position:absolute;}
.TheCol2 {width:190px; margin:0 404px 0 215px; text-align:justify; position:absolute;}
.TheCol3 {width:190px; margin:0 215px 0 428px; text-align:justify; position:absolute;}
.TheCol4 {width:190px; margin-left:640px; text-align:justify; position:absolute;}
*/
.TheCol1 {width:190px; margin:0 575px 0 65px; text-align:justify; position:absolute;}
.TheCol2 {width:190px; margin:0 321px 0 321px; text-align:justify; position:absolute;}
.TheCol3 {width:190px; margin:0 65px 0 575px; text-align:justify; position:absolute;}

.espace-image {margin:10px 0 10px 0; border:0; text-align:center;}

#group {margin-top:80px; text-align:justify;}
.vignette {margin:15px 0px 8px 0px;}
#photos {margin-top:0px;}

#MentionsLegalesTitreHaut 	{text-align:center; font-size:18px; color:#b2000a; font-weight:bold; padding-top:30px;}
.MentionsLegalesParagraphes 	{color:#b2000a;}



/* NEWSLETTER */
#menuNews					{ background-color: #ffffff; color: #830000; font-size:12px; font-weight:normal; text-decoration:none; padding:5px 0px 5px 0px} /* Backgound efe1b5 sur newsletter originale*/
#menuNews a:hover 			{ color: #ff0000; text-decoration: none}
#menuNews td					{ font-weight: normal; font-size: 10px; color: #000000; text-decoration: none }
#menuNews li 					{line-height:15px;}
#menuNews li a 				{color:#830000;}
#menuNews a.submenu			{color:#830000; font-size:11px; line-height:15px; padding-left:10px; text-decoration:none}
#menuNews a.submenu:hover	{color:#ff0000;}
#bandeauNews				{ background-color: #a69272; height:30px; padding-right:20px; text-align:right; font-weight:bold; font-size:18px; text-decoration:none}

.contenu		{ font-size:14px; font-weight:normal; text-decoration:none}
.contenu li		{ line-height:20px;}
.photosNews		{ padding:0px 5px 10px 60px; border:0;}
.HautDePage	 	{ font-size:12px; color:#830000; text-align:left; text-decoration:none}
.conditions		{ font-weight: normal; font-size: 10px; color: #000000; text-decoration: none; text-align:left; padding:30px 0 20px 0; font-style:italic}
.mentions 		{ font-weight: normal; font-size: 10px; color: #000000; text-decoration: none; text-align:center; padding-top:50px}
.TitreArticle	{ font-weight: bold;   font-size: 20px; color: #a69272; text-decoration: none; padding: 10px 0 2px 0 }
.resa			{ text-align:center; font-weight:bold; font-size:10px; text-decoration:none; padding-bottom:10px;}
.edito	 		{ font-weight: normal; font-size: 13px; color: #000000; text-decoration: none; font-style:italic; padding:10px 10px 0 10px;}
.editoG	 		{ font-weight: bold; font-size: 15px; text-decoration: none; font-style:italic; padding:0 10px 0 10px; color:#102764;}
.editoP	 		{ font-weight: bold; font-size: 11px; text-decoration: none; font-style:italic; padding:0 10px 0 10px; color:#102764;}
.article 		{ font-weight: normal; font-size: 12px; color: #000000; text-decoration: none; }
.offres	 		{ font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; }
.prix	 		{ font-weight: bold; color: #000000; text-decoration: none; }
.promo	 		{ font-weight: bold; font-size: 16px; color: #fe840c; text-decoration: none; }
.promo_oure		{ font-weight: bold; font-size: 14px; color: #0497bd; text-decoration: none; }
.promo_tieti	{ font-weight: bold; font-size: 14px; color: #0497bd; text-decoration: none; }
.promo_kanua	{ font-weight: bold; font-size: 14px; color: #5bac29; text-decoration: none; }
.agenda	 		{ font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; }