body
{
  background: #fff;
  height: 100%;
  width: 100%;
  color: #555;
  font-family: "Trebuchet MS", Arial;
  font-size: 0.8em;
  margin: 0;
}

#global
{
  width: 980px;
  background: #f0f0f0;
  margin: 15px auto;
  padding-bottom: 10px;
  box-shadow: 0px 0px 12px #555;
  -moz-box-shadow: 0px 0px 12px #555;
  -webkit-box-shadow: 0px 0px 12px #555;
}

div#logo
{
  float: left;
  width: 600px;
  height: 101px;
  padding-top: 10px;
}

div#s-titre
{
padding-top: 10px;  
margin-left: 600px;
  height: 101px;
  text-align: center;
}

h1
{
  font-size: 1.8em;
  font-family:  Georgia, "Times New Roman", Times, serif;
  color: #3D8CC7;
  text-shadow: 5px 5px 2px #ccc;
}

h2
{
  font-size: 1.2em;
  color: #3D8CC7;
}

h3
{
  font-size: 1.2em;
  font-family:  Georgia, "Times New Roman", Times, serif;
  color: #3D8CC7;
}

img
{
  border: 0px;
}

div#menu
{
  font-size: 1.2em;
  height: 21px;
  padding-left: 543px;
  background: url(img/menu.jpg) top right no-repeat;
}

a
{
  color: #555;
  text-decoration: none;
}

a:hover
{
  color: #3D8CC7;
}

p
{
  text-indent: 10px;
  text-align: justify;
}

#bienvenue{
  padding: 0 0 10px 10px;
  color: gray;
  font-size: 1.2em;
  font-weight: bold;
}

.rounded{
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
}

.shadow{
  box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
}

#fadeshowDiv
{
  width: 940px;
  border: 10px solid #FFF;
  height: 450px;
  margin-left: auto;
  margin-right: auto;
}

#fadeshow1, #fadeshow1 .gallerylayer {
  background-color: #fff!important;
}

#fadeshow2, #fadeshow2 .gallerylayer {
  background-color: #fff!important;
}

#text_old{
  height: 450px;
  padding: 20px;
}

.left{
  float: left;
  margin-left: 10px;
}

#divleft{
  width: 440px;
  background: #fff url('img/arabesque-full.png') right top no-repeat;
  padding: 10px;
  color: #3D8CC7;
  margin-bottom: 10px;
  font-size: 1.1em;
  margin-top: 10px;
}

#divright{
  width: 490px;
  background: #fff url('img/lierre-300.png') right top no-repeat;
  margin-top: 10px;
  padding-bottom: 22px;
}

#text-left{
  color: #3D8CC7;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
}

#text-right{
  color: gray;
  font-size: 1.2em;
  font-style: italic;
  padding: 75px 20px 70px 230px;
  background: url('img/icones/livre.jpg') no-repeat left top;
}

#Book{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width:462px;
  box-shadow: 3px 3px 2px #555;
  -moz-box-shadow: 3px 3px 2px #555;
  -webkit-box-shadow: 3px 3px 2px #555;
}

#poll{
  padding: 10px;
  text-align: center;
  margin: 10px auto 10px auto;
  background: #fff;
  width: 940px;
}

.toggle {
  cursor:pointer;
  font-weight:bold;
  background:url("arrows.png") no-repeat right 6px;
  padding-right:25px;
  height:10px;
}
 
.arrow-down {
  background:url("arrows.png") no-repeat right -9px !important;
}
.content {
  padding:10px 0 0 0;
}

.poll-title{
  font-weight: bold;
  color: #333;
}

div.img_tarifs
{
  height: 124px;
  margin-bottom: 10px;
  background: url(img/tarifs.jpg) no-repeat center top;
  padding-left: 30px;
  padding-top: 20px;
}

div.img_contact
{
  height: 124px;
  margin-bottom: 10px;
  background: url(img/contact.jpg) no-repeat center top;
  padding-left: 30px;
  padding-top: 20px;
}
.gd_titre
{
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2em;
  text-shadow: 2px 2px 2px #333;
}

/* Portfolio */

div.img_portfolio
{
  height: 124px;
  background: url(img/portfolio.jpg) no-repeat center top;
  padding-left: 30px;
  padding-top: 20px;
}

.opacite:hover
{
  filter : alpha(opacity=70);
  opacity: 0.7;
}

#espace_prive
{
  width: 100px;
  float: right;
}

/* Le livre */

#fadeshowDiv2
{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

/* Tarifs */

div#tarifs
{
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* Conseils */

div.img_conseils
{
  height: 124px;
  margin-bottom: 10px;
  background: url(img/conseils.jpg) no-repeat center top;
  padding-left: 30px;
  padding-top: 20px;
}

div.contenu
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background: #FFF;
  padding: 30px;
}

div#index1 {
  width: 450px;
  border: 1px solid white;
  float: left;
  font-size: 1.1em;
  height: 240px;
}

div#index2 {

  border: 1px solid white;
  margin-left: 450px;
  font-size: 1.1em;
  height: 240px;
}

#conseils a:hover{
  color: #3D8CC7;
  text-decoration: underline;
}

div#annonce {
  width: 450px;
  margin: 20px auto;
  padding: 10px;
  text-align: center;
  border: 1px solid #FACA0C;
  background: #EEE;
  color: #353535;
}

#annonce_1 {
  font-size: 12px;
  color: #000;
  font-style: italic;
}

/*Contact*/

#vian
{
  margin: 30px auto;
  width: 450px;
  background: #ddd;
}

#portrait {
  border: 1px solid #aaa;
  padding: 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
}

table#vian
{
  letter-spacing: 1px;
  text-align: center;
  font-size: 13px;
  font-family: Comic sans MS, Arial;
}

table#vian td
{
  padding: 20px;
}

/*Mentions*/
table#mentions
{
margin: 0 auto;
width: 600px;
border: 1px solid grey;
border-collapse: collapse;
}

table#mentions td
{
padding: 5px;
}

#footer
{
  width: 960px;
  margin: 10px auto 0 auto;
  font-size: 0.95em;
  text-align: center;
  background: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  clear: both;
}

/* Info Ccdlc */
a.info {
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
   color: black;
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #D01437;
   padding: 3px;
   border: 1px solid #D01437;
}