/********************************************************************************/
/********************************************************************************/
/* body */
html{ overflow-y : scroll;}
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
color: #666;
background-color: #FFF;
text-align: center;
background-image: url(../images/fondnotes.jpg);
/*background-repeat: no-repeat ; pas de répition de l'image*/
background-attachment: fixed ;
}

/********************************************************************************/
/* skin */
 
.haut_droite {background-image: url(../images/bord-droit.jpg);}
.haut_gauche {background-image: url(../images/bord-gauche.jpg);}
 
.centre_droite {background-image: url(../images/bord-droit.jpg);}
.centre_gauche {background-image: url(../images/bord-gauche.jpg);}
 
.bas_droite {background-image: url(../images/bord-droit.jpg); }
.bas_gauche {background-image: url(../images/bord-gauche.jpg);}
/********************************************************************************/
/* header */
.header {}
/********************************************************************************/
/* en tête */
h3 {font:italic 1.5em Georgia, "Times New Roman", Times, serif; padding:0; margin:0;}
 
/********************************************************************************/
.top {text-align:center;
background-attachment: fixed;
}
.center {text-align:center;}
.chevron {font-weight:bold }
 
li { margin-bottom:0.3em;}

.content li {
	background: url(../../img/bullet_side.gif) no-repeat 0 1px;
	list-style:none;
	padding: 0 0 2px 20px;
}

.tab_options {border: 0px solid #C4C4C4;}

input { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
select { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
form { padding:0; margin:0;}
p { text-align:justify; }
img { border:none;}
/********************************************************************************/
div {
margin: 0;
padding: 0;
display: block;
}
/********************************************************************************/
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}
/********************************************************************************/
.container {
background-color: #FFFFFF;
margin: 0 auto 0 auto;
padding:0;
width: 1000px;
}
/********************************************************************************/
ul.navigation {
list-style-type: none;
float: left;
display: block;
width: 1000px;
line-height: 0.1em;
clear: both;
margin: 0;
padding: 0;
background-color: White;
border-bottom: 0px solid #C4C4C4;
}
/********************************************************************************/
/* class */
 
.left {
	float: left;
	clear: both;
	width: 13em;
	margin: 0 0 0 0.1em;
	padding: 0;
}
 
.leftcontent {
margin: 0.5em;
padding: 0.3em;
border: 0px solid #EEE;
}
 
/* id */
 
.zone_left {
	clear: right;
	text-align: left;
}
.zone_left dl {
	margin : 0.5em;
	padding : 0.3em;
	border : 0px solid #EEE;
}
.zone_left dt {
	cursor : pointer;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	padding : 2px;
	margin-bottom : 1px;
	color : #000;
}

/* login */
#zone_left_login {
clear: right;
text-align: left;
}
 
#zone_left_login dl {
margin : 0.5em;
padding : 0.3em;
border : 0px solid #EEE;
}
 
#zone_left_login dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
 
 
 
/********************************************************************************/
 
.content {
	clear: right;
	text-align: left;
	margin: 0.5em 0.5em 0 17em;
	padding: 0.3em 1ex 0.3em 1ex;
	border: 0px solid #EEE;
}


.content dd li {
margin-left: 2em;
}
 
.content dt {
	cursor : pointer;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	padding : 2px;
	margin-bottom : 1px;
	color : #000;
}
 
/********************************************************************************/
.footer {
font-size: 9px;
margin: 0.1em;
padding: 0.3em;
text-align: center;
clear: both;
}
 
.footer p {
border: 0px solid #C4C4C4;
padding: 0.5em;
margin: 0.3em;
}
.footer a { text-decoration:none; color:#666666;}
 
/********************************************************************************/
 
dl, dt, dd, ul, ol, li {
margin : 0;
padding : 0;
 
}
 
dd {
list-style-type : none;
}
 
dd li { margin-left:1.5em;}
/********************************************************************************/
#menu {
}
#menu dl {
margin : 0.5em;
padding : 0.3em;
border : 0px solid #EEE;
}
#menu dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
#menu dd {
}
#menu li {
text-align : left;
background : #fff;
padding-left : 2px;
margin : 0;
border : 0px solid #FFFFFF;
font-size : 11px;
list-style-type : none;
}
#menu a:link, a:visited {
color : #666;
text-decoration : none;
}
#menu a:hover, #menu dt a:hover {
color : #000000;
background-color : #EEE;
text-decoration : none;
}

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

h5 {font:italic 1.2em Georgia, "Times New Roman", Times, serif;
 color : red;
 padding:0; margin:0; text-align:center; }
 
p
{
  font-size       : 1.1em; /* Définition de la taille de la police de nos paragraphes */  
  text-align : center;
}

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position           :  absolute;
    top                :  -2000em;
    left               :  -2000em;
    width              :  10px;
    height             :  10px;
    overflow           :  hidden; 
    padding            :  10px;
    background         :  #FFFF00;   /* Définition du fond, sinon on a le même que notre lien */
    border             :  2px solid #0066FF; /* Définition des bordures */
   -moz-border-radius : 15px;		/* Définition des bords arrondis firefox*/
   -webkit-border-radius : 15px;	/* Définition des bords arrondis g-chrome*/
   border-radius      : 15px;		/* Définition des bords arrondis opera*/
} 

a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 12px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */  

}  
 
a.info_bulle:hover 
{
  border          : 0; /* ligne qui corrige le bug d'IE6 et inférieur */
 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 */

}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
  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        :  35px;		/* on positionne notre infobulle */
    left       :  -50px;
    width      :  auto;
    height     :  auto;

    overflow   :  visible; 
}

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

/* Rend invisible tout notre bloc span */
a.info_bulle1 span
{								   
    position           :  absolute;
    top                :  -2000em;
    left               :  -2000em;
    width              :  10px;
    height             :  10px;
    overflow           :  hidden; 
    padding            :  10px;
    background         :  #FFFF00;   /* Définition du fond, sinon on a le même que notre lien */
    border             :  4px solid #0066FF; /* Définition des bordures */
   -moz-border-radius : 15px;		/* Définition des bords arrondis firefox*/
   -webkit-border-radius : 15px;	/* Définition des bords arrondis g-chrome*/
   border-radius      : 15px;		/* Définition des bords arrondis opera*/
} 

a.info_bulle1
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 12px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */  

}  
 
a.info_bulle1:hover 
{
  border          : 0; /* ligne qui corrige le bug d'IE6 et inférieur */
 z-index: 500; /*  on définit une valeur pour l'ordre d'affichage */

   cursor: 1; /* on change le curseur par défaut en curseur d'aide */

}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle1:hover span, a.info_bulle1:focus span, a.info_bulle1:active span 
{
  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        :  -180px;		/* on positionne notre infobulle */
    left       :  -140px;
    width      :  auto;
    height     :  auto;

    overflow   :  visible;
}                 

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


/* Rend invisible tout notre bloc span */
a.info_bulle2 span
{								   
    position           :  absolute;
    top                :  -2000em;
    left               :  -2000em;
    width              :  10px;
    height             :  10px;
    overflow           :  hidden; 
    padding            :  10px;
    background         :  #FFFF00;   /* Définition du fond, sinon on a le même que notre lien */
    border             :  4px solid #0066FF; /* Définition des bordures */
   -moz-border-radius : 15px;		/* Définition des bords arrondis firefox*/
   -webkit-border-radius : 15px;	/* Définition des bords arrondis g-chrome*/
   border-radius      : 15px;		/* Définition des bords arrondis opera*/
} 

a.info_bulle2
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 12px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */  

}  
 
a.info_bulle2:hover 
{
  border          : 0; /* ligne qui corrige le bug d'IE6 et inférieur */
 z-index: 500; /*  on définit une valeur pour l'ordre d'affichage */

   cursor: 1; /* on change le curseur par défaut en curseur d'aide */

}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle2:hover span, a.info_bulle2:focus span, a.info_bulle2:active span 
{
  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        :  -320px;		/* on positionne notre infobulle */
    left       :  -148px;
    width      :  auto;
    height     :  auto;

    overflow   :  visible;
}