body
{
	margin: 0 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f2f2f2;
}
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

img {
	border:none;
}

input {
	border:1px solid #999;
}

textarea {
	border:1px solid #999;
}

div#conteneur
{
	width: 866px ;
	margin: 0 auto ;
	text-align: left ;
	background: #FFFFFF ;
	height:750px;
}
/* Une bordure autour de l'ensemble de la page,
et couleur blanche pour le fond de celle-ci */


div#conteneur_footer
{
	margin: 0 auto ;
	text-align: center ;
	background-color:#D9D9DC;
	height:120px;
}

div#conteneur_footer p
{
	margin: 0;
	padding: 0;
}

h1#header
{
	height: 258px ;
	background: url(apple.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(title.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}/* On donne les mêmes dimensions au lien, chose
 possible grâce à la propriété display: block ; qui transforme le lien
  en élément de type block, auquel on peut donner des propriétés de taille.
   On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les syntèses vocales */


/* ACTU */

div#actu
{
	padding: 0 25px 0 15px ;
	float:left;
	width:248px;
}

div#actu h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #003366 ;
	border-bottom: 1px solid #003366 ;
}

div#actu h2
{
	color: #003366 ;
	font-size:14px;
}

div#actu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#actu a
{
	color: #003366 ;
	text-align:right;
}

div#actu a:hover
{
	color: #006699 ;
	text-align:right;
}


/* PRESENTATION */

div#presentation
{
	padding: 0 25px 0 15px ;
	float:right;
	width:248px;
}

div#presentation h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #003366 ;
	border-bottom: 1px solid #003366 ;
}

div#presentation h2
{
	font-size:12px;
	font-weight:normal;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#presentation p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#presentation a
{
	color: #036 ;
}

div#presentation a:hover
{
	color: #069 ;
}


/* LOGIN */

div#login
{
	padding: 0 25px 0 15px ;
	float:right;
	width:248px;
}

div#login h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #003366 ;
	border-bottom: 1px solid #003366 ;
}

div#login h2
{
	font-size:12px;
	font-weight:normal;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#login p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#login a
{
	color: #000 ;
	font-size:12px;
	font-weight:bold;
}

div#login a:hover
{
	color: #069 ;
	font-size:12px;
	font-weight:bold;
}

div#login li
{
	padding-bottom:25px;
}



/* INTRO */

div#intro
{
	padding: 0 25px 0 15px ;
	float:left;
	width:530px;
}

div#intro h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #39588E ;
	border-bottom: 1px solid #39588E ;
}

div#intro h2
{
	font-size:14px;
	color: #39588E ;
}

div#intro p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#intro a
{
	color: #85A7D4 ;
}

div#intro a:hover
{
	color: #39588E ;
}



/* TEXTE */

div#texte
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#texte h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #39588E ;
	border-bottom: 1px solid #39588E ;
}

div#texte h2
{
	font-size:14px;
	color: #39588E ;
}

div#texte h3
{
	font-size:14px;
	color: #39588E ;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	text-decoration:underline;
}
div#texte p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#texte span
{
	font-size:9px;
}


/* MOITIE1 */

div#moitie1
{
	float:left;
	width:390px;
	text-align:justify;
}


/* MOITIE2 */

div#moitie2
{
	float:right;
	width:390px;
	text-align:justify;
}


/* MENU HAUT */

div#menuhaut
{
	float:right;
	width:200px;
	padding-left:30px;
	text-align:justify;
	font-size:11px;
	background-color:#FFF;
}

div#menuhaut a
{
	font-size:11px;
}

div#menuhaut a:hover
{
	font-size:11px;
}

/* ICO1 */

div#ico1
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico1 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #67B7FC ;
	border-bottom: 1px solid #67B7FC ;
}

div#ico1 h2
{
	font-size:14px;
	color: #67B7FC ;
}

div#ico1 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

a#ico1 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #67B7FC ;
	border-bottom: 1px solid #67B7FC ;
}

a:hover#ico1 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #67B7FC ;
	border-bottom: 1px solid #67B7FC ;
}


/* ICO2 */

div#ico2
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico2 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EA8104 ;
	border-bottom: 1px solid #EA8104 ;
}

div#ico2 h2
{
	font-size:14px;
	color: #EA8104 ;
}

div#ico2 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

a#ico2 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EA8104 ;
	border-bottom: 1px solid #EA8104 ;
}

a:hover#ico2 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EA8104 ;
	border-bottom: 1px solid #EA8104 ;
}


/* ICO3 */

div#ico3
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico3 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EE4CF0 ;
	border-bottom: 1px solid #EE4CF0 ;
}

div#ico3 h2
{
	font-size:14px;
	color: #EE4CF0 ;
}

div#ico3 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}


a#ico3 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EE4CF0 ;
	border-bottom: 1px solid #EE4CF0 ;
}

a:hover#ico3 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #EE4CF0 ;
	border-bottom: 1px solid #EE4CF0 ;
}


/* ICO4 */

div#ico4
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico4 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #A5CA58 ;
	border-bottom: 1px solid #A5CA58 ;
}

div#ico4 h2
{
	font-size:14px;
	color: #A5CA58 ;
}

div#ico4 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
a#ico4 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #A5CA58 ;
	border-bottom: 1px solid #A5CA58 ;
}

a:hover#ico4 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #A5CA58 ;
	border-bottom: 1px solid #A5CA58 ;
}


/* ICO5 */

div#ico5
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico5 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #F3AA27 ;
	border-bottom: 1px solid #F3AA27 ;
}

div#ico5 h2
{
	font-size:14px;
	color: #F3AA27 ;
}

div#ico5 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}


a#ico5 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #F3AA27 ;
	border-bottom: 1px solid #F3AA27 ;
}

a:hover#ico5 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #F3AA27 ;
	border-bottom: 1px solid #F3AA27 ;
}


/* ICO6 */

div#ico6
{
	padding: 0 25px 0 15px ;
	float:left;
	width:825px;
}

div#ico6 h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #AD3CD4 ;
	border-bottom: 1px solid #AD3CD4 ;
}

div#ico6 h2
{
	font-size:14px;
	color: #AD3CD4 ;
}

div#ico6 p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}


a#ico6 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #AD3CD4 ;
	border-bottom: 1px solid #AD3CD4 ;
}

a:hover#ico6 
{
	line-height: 25px ;
	font-size: 1.4em ;
	color: #AD3CD4 ;
	border-bottom: 1px solid #AD3CD4 ;
}





p#footer
{
	margin: 0 ;
	line-height: 30px ;
	text-align: center ;
	color:#666 ;
}

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

a:hover
{
	text-decoration:underline;
	color:#13407a;
}

div#link {
	text-align:right;
}

div#retour {
	width:160px;
	float:right;
	padding-top:18px;
	text-align:right;
}

a#retour {
	font-size:0.5em;
}


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #39588E ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}


/* REFERENCEMENT */

div#ref {
	width:866px;
	text-align:center;
	margin: 0 auto ;
	color:#666;
	font-size:10px;
}

div#ref1 {
	width:216px;
	float:left; 
	text-align:left;
}

div#ref1 h1 {
	font-size:12px;
	font-weight:bold;
	color:#333;
}

div#ref1 a {
	color:#666;
	text-decoration:none;
}

div#ref1 a:hover {
	color:#666;
	text-decoration:underline;
}


div#ref2 {
	width:216px;
	float:left;
	text-align:left;
}

div#ref2 h1 {
	font-size:12px;
	font-weight:bold;
	color:#333;
}

div#ref2 a {
	color:#666;
	text-decoration:none;
}

div#ref2 a:hover {
	color:#666;
	text-decoration:underline;
}

div#ref3 {
	width:216px;
	float:right;
	text-align:left;
}

div#ref3 h1 {
	font-size:12px;
	font-weight:bold;
	color:#333;
}

div#ref3 a {
	color:#666;
	text-decoration:none;
}

div#ref3 a:hover {
	color:#666;
	text-decoration:underline;
}


div#ref4 {
	width:216px;
	float:right;
	text-align:left;
}

div#ref4 h1 {
	font-size:12px;
	font-weight:bold;
	color:#333;
}

div#ref4 h2 {
	font-size:11px;
	font-weight:bold;
	color:#666;
}

div#ref4 a {
	color:#666;
	text-decoration:none;
}

div#ref4 a:hover {
	color:#666;
	text-decoration:underline;
}