/*	-------------------------------------------------------------
	Port-Vendres
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			30/10/07
	-------------------------------------------------------------	*/
.link_css strong{position:absolute; left:-9000px; margin:0px; padding:0px;}
.z_10{z-index:10;}
.z_20{z-index:20;}
.z_30{z-index:30;}


/* {{{{{{{{{{{{{{{{{{{{{{{ CONTAINERS }}}}}}}}}}}}}}}}}}}}}}}}} */
/* LE FOND DU SITE */
.bck_cont{position:relative; display:block; width:952px; margin:0px; margin-left:auto; margin-right:auto; padding:0px;}
.bck_cont2{position:relative; display:block; width:962px; margin:0px; margin-left:auto; margin-right:auto; padding:0px;}
.block_date{position:absolute; display:block; height:23px; top:0px; left:-5px; width:962px; height:17px;}

.border_cont{border-left:5px solid #fff; border-right:5px solid #fff;}
.block_top{height:369px; text-align:center; background-image:url(../images/fd_top.gif); background-repeat:repeat-x;}
.block_top_int{height:330px; text-align:center; border-bottom:2px solid #FFF;}


.block_septop{background-color:#8C3E66; height:17px;}
.block_sepbot{background-color:#8C3E66; height:17px;}
 
.block_center{min-height:259px; height:auto !important; height:259px; background-image:url(../images/fd_siteic.gif); background-repeat:repeat-y; border-bottom:5px solid #fff; border-top:2px solid #fff;}

.block_center_ic{ min-height:711px; height:auto !important; height:711px; background-image:url(../images/fd_siteic.gif); background-repeat:repeat-y;}


.block_bottom{background-color:#20b349; height:41px; border-top:5px solid #fff;}


/* ############### CONTAINER GLOBAL ############### */

#title_h1{position:absolute; top:33px; left:10px; width:255px; height:55px;}

#title_h1_int{position:absolute; display:block; top:237px; left:42px; height:61px; width:225px;}

#title_h2{position:absolute; display:block; top:12px; left:125px; height:425px; width:98px;}

/* ################## DEBUT AMI + INFOS + FAVORIS ################## */

#navout_cont{position: absolute; display:block; width:370px; height:23px; right:-5px; top:0px; border:0px; margin:0px; padding:0px; background-color:#dad8cc;}
#navout_cont ul{list-style:none; margin:0; padding:0; text-align:left;}
#navout_cont li{ float:left; height: 15px; top:0px; padding:0; margin-bottom:3px;}
#navout_cont a{display: block;}
#navout_cont .li_friend{width: 106px;}
#navout_cont .li_favorites{width: 114px; margin-left:17px; margin-right:23px}
#navout_cont .li_infos{width: 99px;}

#date{position: absolute; display:block; height:23px; width:160px; top:0px; left:-5px; text-indent:10px; text-align:left; background-color:#dad8cc;}
/* ################## DEBUT AMI + INFOS + FAVORIS ################## */


/* ############### MENU PRIME ################ */

#mn_prime {float:right; position: relative; display:block; width:620px; height:25px; top:0px; right:-2px; margin:0px; padding:0px;}
#mn_prime ul{list-style:none; top:0px; right:0px; text-align:left; margin: 0px; padding:0px;}
#mn_prime li {float: left; position:relative; top:0px; height: 25px; margin: 0px; padding:0px; text-indent:-9000px;}
#mn_prime a {display: block; height: 25px;}
#mn_prime li a:link, #mn_prime li a:visited {color: #f38400; text-decoration: none;	font-variant: small-caps; font-weight: bold;}
#mn_prime a:hover, #mn_prime a.select{background-position: 0 -25px; }

.mn_00, .mn_01, .mn_02, .mn_03, .mn_04, .mn_05 {float: left; display: block; position:relative; top:0px; height: 25px;  margin:0px;  padding:0px;} 

.mn_00, .mn_00 a {background: url(../images/mn_00.gif) no-repeat; width: 78px;}
.mn_01, .mn_01 a {background: url(../images/mn_01.gif) no-repeat; width: 78px;}
.mn_02, .mn_02 a {background: url(../images/mn_02.gif) no-repeat; width: 97px;}
.mn_03, .mn_03 a {background: url(../images/mn_03.gif) no-repeat; width: 111px;}
.mn_04, .mn_04 a {background: url(../images/mn_04.gif) no-repeat; width: 98px;}
.mn_05, .mn_05 a {background: url(../images/mn_05.gif) no-repeat; width: 156px;}
/* ############### MENU PRIME ################ */

/* encart top left */
.pos1a{ position:relative; top:30px; left:13px; margin:0px; padding:0px; text-align:left;}
.pos1b{ position:relative; top:30px; left:24px; margin:0px; padding:0px; text-align:left;}
.pos1c{ position:relative; top:30px; left:48px; margin:0px; padding:0px; text-align:left;}

.pos2a{ position:relative; top:22px; left:19px; margin:0px; padding:0px; text-align:left;}
.pos2b{ position:relative; top:25px; left:60px; margin:0px; padding:0px; text-align:left;}
.pos2c{ position:relative; top:25px; left:69px; margin:0px; padding:0px; text-align:left;}

/* ///////////////////////////////////////// ZONE CENTRE HOME ///////////////////////////////////////// */

.col_homeL{float:left; position:relative; display:block; top:0px; left:0px; width:257px; min-height:259px; height:auto !important; height:259px; text-align:left; margin:0px; padding:0px;}

.col_homeR{float:left; position:relative; display:block; top:0px; left:3px; width:692px; min-height:259px; height:auto !important; height:259px; _height:259px!important; _height: auto; _overflow: hidden; margin:0px; padding:0px; }

.color_int{ background-color:#e6f2e1; top:-48px; border-top:2px solid #fff;}
.ic_int2{margin-top:160px;}



.col_ICL{float:left; position:relative; display:block; top:0px; left:0px; width:257px; text-align:left; margin:0px; padding:0px;}

.col_ICR{float:left; position:relative; display:block; top:0px; left:3px; width:692px; margin:0px; padding:0px; }

.actuL{background-image:url(../images/fd_actu.gif); background-repeat:no-repeat;}


.txt_colL{position:relative; display:block; top:36px; left:10px; width:240px; text-align:left;}




/* //////////////////////////////////// PASS HOME //////////////////////////////////// */
#pass_homeL{position:relative; display:block; width:100%; height:208px; text-align:center; color:#ffbde6; background-color:#997085; margin-top:10px;}
#pass_homeL h3, #pass_homeL h3 a, #pass_homeL .dm_pass{font-size:11px; padding-top:9px; color:#ffbde6;}
#pass_img_home{position:absolute; display:block; left:4px; bottom:0px; z-index:10;}
#pass_img_int{position:absolute; display:block; left:10px; bottom:16px; z-index:10;} 
/* //////////////////////////////////// PASS HOME //////////////////////////////////// */

/* //////////////////////////////////// ZONE CENTRE HOME //////////////////////////////////// */

.prop_col_IC{ margin-top:3px; background-image: url(../images/fd_infresa.gif); background-repeat:repeat-y; min-height:711px; height:auto !important; height:711px; }

#bot_center{position:absolute; display:block; left:225px; bottom:16px; z-index:10;} 
#bot_center_ic{position:absolute; display:block; left:224px; bottom:15px; z-index:10;}
.retour_top, .retour_top a{position:absolute; display:block; left:429px; bottom:20px; z-index:20; color:#000; text-decoration:none; font-size:10px; font-weight:bold;}

/* //////////////////////////////////// ZONE COL Right //////////////////////////////////// */
#block_actu{position:relative; display:block; top:0px; left:0px; width:240px; height:94px;}

.block_intro{position:relative; display:block; width:665px; min-height:200px; height:auto !important; height:200px; top:0; margin-left:10px; margin-top:23px; text-align:left;}



#ax_flashmail{position:relative; display:block; left:0px; width:156px; height:134px; background-color:#997085; background-image:url(../images/ax_flashmail.gif); background-repeat:repeat; margin-top:6px;}
#ax_reserv{position:relative; display:block; top:0px; left:0px; width:151px; height:229px; background-color:#B53D7C; margin-top:10px;}
#ax_reserv p{position:relative; display:block; top:0px; left:8px; width:137px; height:151px; margin:0px; margin-top:15px; padding:0px; color:#ffbde6; font-size:11px; font-weight:bold; text-align:left;}
#ax_reserv a{ color:#ffbde6; text-decoration:underline; font-weight:bold;}
/* //////////////////////////////////// ZONE COL Right //////////////////////////////////// */

#bot_colR_home{position:absolute; display:block; left:798px; bottom:16px; z-index:10;}


#block_pub{position:relative; display:block; left:0px; width:151px; height:627px; background-color:#b93d7e; text-align:center;}
.pub_img{border:1px solid #000000;}

/* //////////////////////////////////// ZONE CENTRE HOME //////////////////////////////////// */

/* //////////////////////////////////// ZONE CENTRE INFO CONTINU //////////////////////////////////// */
#block_ic{position:relative; display:block; width:525px; min-height:627px; height:auto !important; height:627px; text-align:left; margin-left:auto; margin-right:auto; color:#ffbde6; text-decoration:none;}
/* #block_ic .h2, #block_ic .h2 a{position:relative; width:100%; font-size:23px; color:#e63d96; text-align:left;}*/
#block_ic .h3, #block_ic .h3 a{position:relative; display:block; width:100%; margin:0; padding:0; font-size:15px; color:#e63d96; text-align:left;}
#block_ic a:hover{font-size:11px; text-decoration:underline;}
#block_ic .white{ color:#ffffff; text-decoration:none;}
#block_ic a.white , #block_ic a:hover.white { color:#ffffff; text-decoration:underline;}
#block_ic .roseFonce{ color:#ef4bad; text-decoration:none;}
#block_ic a.roseFonce , #block_ic a:hover.roseFonce { color:#ef4bad; text-decoration:underline;}
#block_ic .s10, #block_ic a.s10 {font-size:10px;}
#block_ic .s11, #block_ic a.s11{font-size:11px;}
#block_ic .s12, #block_ic a.s12{font-size:12px;}
#block_ic .s13, #block_ic a.s13{font-size:13px;}
#block_ic .s14, #block_ic a.s14{font-size:14px;}
#block_ic .s15, #block_ic a.s15{font-size:15px;}
#block_ic .s16, #block_ic a.s16{font-size:16px;}
#block_ic .s18, #block_ic a.s18{font-size:18px;}
/* //////////////////////////////////// ZONE CENTRE INFO CONTINU //////////////////////////////////// */




/* Zone centre formulaires */
* { outline: none; }
div.titleVert {
  position: relative;
  background: #3e974e;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 2px 0;
  padding: 2px 0 0 5px;
}
.vert { color: #3e974e; }
span.etoile {
  color: #f00100 !important;
}
div.contentGris {
  background: #d6e2d1;
  padding: 10px 8px;
}
span.label {
  display: block;
  line-height: 20px;
  font-weight: bold;
}
div.contentGris br { clear: both; }
div.contentGris label { float: left; }
div.contentGris label.radio { margin: 2px 0 7px 0; }
div.contentGris label span.label {
  display: block;
  float: left;
  width: 200px;
  line-height: 20px;
  font-weight: bold;
  font-size: 11px;
}
div.contentGris.type2 span.label {
  display: block;
  width: 290px;
  float: left;
  line-height: 14px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 10px;
}
div.contentGris.type3 { line-height: 20px; font-size: 12px; }
div.contentGris.type4 label { display: block; float: left; width: 190px; }

div.contentGris.type2 label span.label { width: 290px; }
div.contentGris input, div.contentGris select { width: 160px; height: 18px; margin: 0 0 5px 0; padding: 0 0 0 4px; }
div.contentGris.type2 select, div.contentGris.type2 input { width: 300px; }
div.contentGris.type3 select, div.contentGris.type3 input { width: 130px; margin-right: 15px; }
div.contentGris.type4 select, div.contentGris.type4 input { width: 190px; margin-right: 15px; }
div.contentGris.type4 select { width: 198px!important; }
div.contentGris.type5 input, div.contentGris.type5 select { width: 119px !important; width: 110px; margin-right: 2px; }
div.contentGris input.radio { width: auto; height: auto; position: relative; padding: 0; margin: 0; margin-left: 10px; }
div.contentGris select { width: auto; height: 20px; }
div.contentGris select option { width: auto; margin-right: 10px; }
div.contentGris label.right span.label { text-align: right; width: 85px; padding-right: 5px; }

div.contentGris.type3 strong, div.contentGris.type4 strong {
  display: block;
  float: left;
  width: 140px;
  margin-left: 15px;
  margin-bottom: 5px;
}
div.contentGris.type4 strong { width: 200px; margin-right: 15px; margin-left: 0; }
div.contentGris.type5 strong { display: block; float: left; width: 128px; margin: 0px; margin-bottom: 5px; text-align: center; }

div.contentGris.type2 span.label,
div.contentGris.type3 span.label,
div.contentGris.type4 span.label {
  font-weight: normal;
}
/* zone centre formulaire */



/* ######################### BOTTOM ############################# */		

.address{display:block; position:relative; top:20px; color:#FFFFFF;}


/* ######################### BOTTOM ############################# */
