/* Feuille de style jeunes trois colonnes */

 h1 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 40px;
    color: #497250;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }

 h2 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 20px;
    color: #497250;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: left;
    }

 h3 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 25px;
    color: #AD324A;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }
#citation01 {
	font-style: italic;
	color: #497250;
	font-size: 14px;
}

#animation {
	height: 210px;
	margin-top: 10px;
	margin-right: 23%;
	margin-bottom: 10px;
	margin-left: 23%;
	text-align: center;
	text-decoration: blink;
}

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(../images/fond/liste_cte.gif);
}



  h4 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 25px;
    color: #4a8196;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: left;
    }

  h5 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 18px;
    color: #4a8196;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    text-align: center;
    }
table {
	font-size: 12px;
	left: 0px;
}


 h6 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 16px;
    color: #AD324A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    text-align: left;
    }

/*les liens hypertexte... */

   a:link {
	font-family:arial, sans-serif;
	color:#972427;
	background-color:transparent;
	text-decoration:underline;
	background-image: none;
   }

   a:visited {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#972427;
	background-color:transparent;
	text-decoration:none;
	background-image: none;
   }

   a:hover {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#d79946;
	background-color:transparent;
	text-decoration:underline;
	background-image: none;
   }

/* En-tête et en-pied */

  .entete {
	border: none;
	;
	margin: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-attachment: scroll;
	background-image: url(../images/fond/cte.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 900px;
    }

  .enpied {
	border: none;
	;
	background-color: #FFFFFF;
	width: 900px;
    }    

/* les boites : container est celle qui contient toutes les autres */  

   .container { margin: 0pt;
    font-weight: normal;
    text-align: justify;
; background-attachment: fixed; background-repeat: no-repeat; background-position: left top
    }

/* gauche est la colonne de gauche, en général avec le menu */

  .gauche {
	border: none;
	position: absolute;
	left: 0px;
	padding-left: 5px;
	width: 200px;
	background-color: #FFFFFF;
	text-align: left;
	}

/* centre est celle...je laisse deviner... Il faut qu'elle soit la plus longue pour pousser l'en-pied vers le bas */

  .centre {
	border: none;
	padding-top: 2px;
	padding-right: 225px;
	padding-bottom: 2px;
	padding-left: 225px;
	width: 450px;
    }

/* droite */

  .droite {
	border: none;
	position: absolute;
	width: 200px;
	padding: 3px;
	margin-left: 700px;
	background-color: #FFFFDD;
    }

.centre_droite {
	border: none;
	margin-left: 225px;
	padding: 2px;
	width: 675px;
    }



/*autre astuce : pour mettre une image à doite ou à gouche dans le texte, et qu'elle soit entouré de texte...*/

.img_droite {  
  float: right;
  margin-top: 5px; 
  margin-right: 0px; 
  margin-bottom: 5px; 
  margin-left: 10px
  }

.img_gauche {  
  float: left;
  margin-top: 5px; 
  margin-right: 10px;  
  margin-bottom: 5px; 
  margin-left: 0px
  }

/*pour insérer deux colones dans la boite centrale, ou 4 dans la page entière
attention, c'est la dernière colonne de droite qui pousse l'enpied vers le bas...*/

.inclusion {
	float: left;
	width: 330px;
	padding: 3px;
	margin-left: 1px;
  }


.fond02 {
	padding: 10px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #AD324A;
	border-bottom-color: #AD324A;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #AD324A;
	}

.fond01 {
	border-top-width: 2px;
	border-left-width: 2px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 5px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #AD324A;
	border-left-color: #AD324A;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #AD324A;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #AD324A;
	}

.text01 {
	color: #516F8E;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	}
.fond02 a:hover {
	background-color: #FFFC69;
	border: thin solid #1EB184;
	color: #006600;
}

/* références des calques pour le trombinoscope */

#viage1a {
	position:absolute;
	left:224px;
	top:250px;
	width:117px;
	height:175px;
	z-index:1;
}
#visage1b {
	position:absolute;
	left:225px;
	top:380px;
	width:117px;
	height:150px;
	z-index:2;
}
#visage2a {
	position:absolute;
	left:374px;
	top:280px;
	width:117px;
	height:175px;
	z-index:3;
}
#visage2b {
	position:absolute;
	left:374px;
	top:325px;
	width:117px;
	height:175px;
	z-index:4;
}
#visage3a {
	position:absolute;
	left:509px;
	top:250px;
	width:117px;
	height:175px;
	z-index:5;
}
#visage3b {
	position:absolute;
	left:509px;
	top:378px;
	width:117px;
	height:175px;
	z-index:6;
}
#visage4a {
	position:absolute;
	left:644px;
	top:280px;
	width:117px;
	height:175px;
	z-index:7;
}
#visage4b {
	position:absolute;
	left:644px;
	top:327px;
	width:117px;
	height:175px;
	z-index:8;
}
#visage5a {
	position:absolute;
	left:779px;
	top:250px;
	width:117px;
	height:175px;
	z-index:9;
}
#visage5b {
	position:absolute;
	left:779px;
	top:385px;
	width:117px;
	height:175px;
	z-index:10;
}
#texteintro {
	position:absolute;
	left:226px;
	width:675px;
	height:100px;
	z-index:1;
	top: 145px;
}
#fleches {
	position:absolute;
	left:124px;
	top:481px;
	width:83px;
	height:33px;
	z-index:11;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
td {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFCC00;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFCC00;
}
table {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFCC00;
	vertical-align: top;
}.notes {
	font-size: 9px;
}