/* 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";
@import "flexcrollstyles.css";

/* STYLE OF THE TABLE    */
table
{
 border:none;
 font: bold 11px Tahoma;
 color: #5C475C;
}

/* STYLE OF THE TABLE    */

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

a img
{
  border:none;
}

#scrolable        /* the div that contains the scrolable area */
{ margin-top:0px;
  width: 837px;
  height: 370px;
  overflow: auto;
  position: relative;
/*  border: solid 1px red;  */
}


#scrolable_presse        /* the div that contains the scrolable area */
{ margin:0px;
  width: 604px;
  height: 370px;
  overflow: auto;
  position: relative;
  left:20px;
  padding:0 10px 0 0px;
/*  border: solid 1px red;*/
}

.img_h1
{
  float:right;
  margin-bottom: 7px;
  padding:0 1px 0 0;
}

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

/* STYLE DE LA List*/

ul.list
{
  font-family: Tahoma,Helvetica, sans-serif;
  font-size:11px;
  color:#5C475C;
  margin-bottom:5px;
  text-align:left;
  padding-top:4px;
  font-weight:normal;
  padding-left:15px ;
}
.list li
{
  background:url(../images/charte/bullet_list.jpg) no-repeat left top;
  list-style-type:none;
  line-height: 17px;
  padding:1px 2px 2px 0px;
  margin-left: 3px;
  padding-left:15px;
}

/* STYLE DE LA List*/

.img_page                       /* for the images in the content of the page */
{
  border:solid 3px #FFFFFF;
  float: left;
}

.text                               /* the div benith the header */
{
  padding-right:10px  ;
}

.img_border
{
  float:left;
  border:solid 1px #BFBFBF;
}

table.tarif1     /* first table */
{
  border:none;
  text-align: left;
}

table.tarif1 td       /* first table */
{
  border-bottom: solid 1px #E9DDEB;
  font: normal 11px Tahoma;
  color: #5C475C;
}

table.tarif1 th         /* first table */
{
  font: bold 11px Tahoma;
  color: #5C475C;
  border-bottom: solid 1px #B99ABE;
}

.span_tarif1
{
  padding-right:35px;      /* tehe prices in the first table on the page */
}

.span_tarif11
{
  width:40px;
  float:right;
  text-align: right;
  padding-right:0px;
 /* tehe prices in the table */
}

.tarif_text_bold
{
  float:left;
  width:340px;
  padding: 20px;
  padding-left: 30px;
}

.tarif_tab1       /* div o table 2 */
{
  float:left;
  width: 340px;
  display:table;
  border: solid 1px #B99ABE ;
}

.tarif_tab2    /* div o table 2 */
{
  float:left;
  width: 340px;
  display:table;
  border: solid 1px #B99ABE ;
}

.span_tab1        /* the txt in table with out the price */
{
  float:left;
  width: 280px;
}
.span_tab2        /* the txt in table with out the price */
{
  float:left;
  width: 280px;
}


.tab2     /* style of th with line in tables */
{
  border-bottom: solid 1px #B99ABE;
  padding-bottom:5px;
  margin-bottom: 5px;
}

table.planning   /* style of table planning */
{
  text-align: center;
  font-size: 10px !important;
	padding: 0px !important;
}

table.planning td   /* style of table planning */
{
  width:130px;
  padding: 0px !important;
	font-size: 10px !important;
}

td.td1
{
  background-color: #FAF6FB;     /* style of table planning */
	font-size: 10px !important;
	padding: 0px !important;
}

td.td2
{
  background-color: #F3E7F4;    /* style of table planning */
  font-size: 10px !important;
	padding: 0px !important;
}

.image_div     /* the div that contains the images in the dvd page */
{
  float:left;
}

.vertical_line
{
  padding:0 30px;
}
.mention
{
  color: #3b1e3b ;
  font-weight: bold;
}

/* STYLE DE LA Page Contact */

.contact_text
{
  width:100%;
}

.contact_form
{
  float:left;
  width: 480px;
  padding-left:40px;
}

.inputForm
{
  border:1px solid #5C475C;
	background-color:#ffffff;
	width:125px;
  height: 13px;
	font:normal 11px Tahoma;
	color:#5C475C;
	margin-top:5px;
}

.inputFormOver
{
  border:1px solid #5C475C;
	background-color:#FDF6FD;
	width:125px;
  height: 13px;
	font-family:Tahoma;
	font-size:11px;
	color:#5C475C;
	margin-top:5px;
}

.button
{
  border:1px solid #5C475C;
	background-color: #F4E1F2;
  font-weight: bold;
	width:72px;
  height: 18px;
	color:#5C475C;
	font-family: Tahoma;
	font-size: 11px;
	cursor:pointer;
	margin-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
}

.buttonOver
{
	border:1px solid #5C475C;
	background-color:#FFFFFF;
  font-weight: bold;
	width:72px;
  height:18px;
	color:#5C475C;
	font-family: Tahoma;
	font-size: 11px;
 	cursor:pointer;
	margin-top:10px;
  padding:0px;
  margin: 0px;
  padding-bottom: 2px;
}


.label11
{
   float:left;
   width:70px;
   padding-top: 0px;
   padding-left:10px;
}

.input11
{
  float:left;
  width:140px;
  padding-left: 5px;
  margin: 0;
  padding-top:2px ;
}

.bx1
{
 padding-top: 8px;
 width: 75px;
 margin: 0;
 float: right;
}

.bx2
{
 margin: 0;
 padding-top: 2px;
 height: 22px;
 width: 105px;
}

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

#divContact p
{
  padding: 0;
  font-size: 12px;
}

/* STYLE DE LA Page Contact */

#title
{
 float:left;
 padding:0px;
 margin: 0px;
 width:203px;
}

hr
{
 height:3px;
 background:#F6E7F6;
 border:none;
 color: #F6E7F6;
 margin-bottom:10px;
 margin-top:5px;
}

.mention_link
{
 float:right;
 padding: 5px 170px 0 0;
 font:normal 12px Tahoma;
 line-height:16px;
 text-align:justify;
 color: #5C475C

}