/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */
ul.list
{
  font-family: Tahoma,Helvetica, sans-serif;
  float: left;
  font-size:12px;
  font-family:Arial;
  color:#000000;
  margin-bottom:5px;
  text-align:left;
  padding-top:4px;
  font-weight:normal;
  padding-left:0px ;
}
.list li
{
  background:url(../images/charte/bullet_list.gif) no-repeat left top;
  list-style-type:none;
  line-height: 17px;
  padding:1px 2px 2px 0px;
  margin-left: 3px;
  padding-left:15px;
}


#contact_form
{
 float:left;
 background: url(../images/charte/contact/contact_form.jpg) no-repeat;
 width: 660px;
 height: 356px;
 padding:5px;
}

.inputForm
{
  border:1px solid #5C475C;
  background-color:#ffffff;
  width:138px;
  height: 16px;
  font:normal 11px Arial;
  color:#5C475C;
  margin-top:5px;
  padding-left:2px;
}

.inputFormOver
{
  border:1px solid #5C475C;
  background-color:#CAE5FF;
  width:138px;
  height: 16px;
  font-family:Arial;
  font-size:11px;
  color:#5C475C;
  margin-top:5px;
  padding-left:2px;
}

.button
{
  border:1px solid #d5d5d5 !important;
  background: url(../images/charte/bg-button.jpg) repeat-x top left;
  font-weight: bold;
  width:72px;
  height: 18px;
  color:#000000;
  font-family: Arial;
  font-size: 11px;
  cursor:pointer;
  margin-top:10px;
  padding:0px;
  margin: 0px;
  text-transform:uppercase;
  padding-bottom: 2px;
}

.buttonOver
{
	border:1px solid #d5d5d5 !important;
	background: url(../images/charte/bg-button-over.jpg) repeat-x top left;
    font-weight: bold;
	width:72px;
    height:18px;
	color:#2f6fb7;
 	cursor:pointer;
	margin-top:10px;
      font-family: Arial;
  font-size: 11px;
    padding:0px;
    text-transform:uppercase;
    margin: 0px;
    padding-bottom: 2px;
}


.label11
{
   float:left;
   width:100px;
   padding-top: 9px;
   padding-left:5px;
/*    border:solid 1px black;   */
}

.input11
{
  float:left;
  width:150px;
 /* padding-left: 5px;    */
  margin: 0;
  padding-top:2px ;
  padding-left: 20px;
/*  border:solid 1px black;  */
}

.bx1
{
 float:left;
 padding-bottom: 13px;
 width: 75px;
 margin: 0;
 padding-left: 20px;
/* border:solid 1px red;  */
}

.bx2
{
 float:left;
 margin: 0;
 padding-top: 2px;
 height: 26px;
 width: 145px;
/*  border:solid 1px red; */
}

#frmContact
{
 padding: 0;
 margin: 0;
}

#contact_page p
{
 padding:0px;
}

.contact_text
{
 float:left;
 margin: 0 60px 0 60px;
 width:545px;
 border-bottom: solid 1px #f8991d;
}

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

span
{
 color: #333292;
 font-weight: bold;
}

.img
{
 float:left;
 border:solid 1px #333292;
}

.img_index
{
 float:left;
 padding: 0 20px 10px 0;
}

.img_right
{
 float:right;
 padding: 0 0 0 20px;
}

.img_holder
{
 float:left;
 padding: 20px 0;
}

.img_middle
{
 float:left;
 padding:0 52px;
}
.logo
{
  padding-bottom:20px;
  float:left;
}
.img_loisirs
{
 float:left;
 padding-right:20px;
}

.img_loisirs1
{
 float:left;
 padding:10px 0 0 70px;
}

.img_holder1
{
   float:left;
 padding: 20px 0;
}

#loisirs p.contact_loisirs
{
 padding-bottom:5px;
}

#logos
{
  float: left;
  border-bottom: solid 1px #f8991d;
  margin-bottom:2px;
}
#logos img{
    border:solid 1px #f8991d;
    padding:2px;
    margin:7px;
    float:left;
}
.actualite-img
{
    border:solid 1px #f8991d;
    padding:2px;
    float:left;
}


.logo_loisirs
{
 float:left;
 padding:10px;
}

.map
{
  float: left;
/*  background: url(../images/charte/sites-residences-concept/map.gif) no-repeat left top;    */
  width:700px;
  height: 750px;
}

.sites_img1
{
 float:left;
 padding-top: 300px;
}

.cont_popup
{
 position: relative;
 padding:10px 0 0 55px;
 width:430px;
 height:auto !important;
 height:100%;
 background:url(images/charte/bg_popup.jpg) repeat-y left top;
 display: table;
}

table
{
 margin:0;
 padding:0;
}

td, th
{
 padding: 0 5px;

}

td
{
  vertical-align: top;
}

td.loisirs1
{
 background-color: #F9C039;
}

th.loisirs
{
background-color: #6399D1;
color:#ffffff;
}

table.table_descr
{
width:510px;
}

table.table_descr td
{
 /* border:solid 1px black;          */
/* border-bottom:solid 1px black ;
 border-right:solid 1px black ;*/
  padding:3px 5px;
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

table.table_descr td.center_td
{
 text-align:center;
  background-color: #F9C039;
}

table.table_descr td.center_td1
{
   text-align:center;
}

table.table_descr th
{
   padding:3px 5px;
	font-size:14px;
  font-weight: bold;
  text-transform: uppercase;
	line-height:16px;
	text-align:center;
/*  background-color: transparent; */
}

/*-----------------| index |-------------------*/
.border-paragraph
{
  border-top: solid 1px #6399d1;
  border-bottom: solid 1px #6399d1;
  padding:10px 0 5px 0;
}

.pres-contact
{
    text-align:center !important;
    padding:0 !important;
    color:#F8991D !important;
    border-bottom: solid 1px #f8991d;
    font-weight:bold;
}