body {
height: 100%;
}
#internet {
	background-color:#D19452;
	margin-left:auto;
     	margin-right:auto;
     	width:740px;
	position:relative;
	margin-top:0;
	top:0;
	}
body,pre	{
	background-color:white;
	margin: 0 0 0 0;
	top:0;
	font-family:Trebuchet,Arial,Verdana,Times New Roman,Times,serif;
	color:black;
	font-size:90%;
	font-weight:normal;
	}
p,td	{
	font-size:90%;
	}
#haut 	{
	position:relative;
	z-index:3;
	float:left;		/* position:absolute permet de mettre du texte sous l'image.. */
	width:660px;
	height:150px;
	top:0;
	left:0px;
	margin-top:0;
	/*margin-left:auto; */			/* position du div */
	/*margin-right:auto;*/					/* position du texte dans le div */
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	}
#haut2	{
	/*position:relative;*/
	z-index:4;
	float:left;
	background-color:#F3D55D;
	width:20px;
	height:100px;
	}
#nom 	{
	position:absolute;
	top:105px;
	left:0px;
	color:white;
	font-size:36px;
	}

#titre1 {
	position:absolute;
	top:40px;
	left:400px;
	display:block;
	width:250px;
	height:20px;
	/*margin-top:30px;*/
	/*margin-left:420px;*/
	font-weight:bold;
	color:white;
	font-size:13pt;
	margin-bottom:0;
	}
#titre2 {
	position:absolute;
	top:60px;
	left:440px;
	/*display:block;*/
	width:250px;
	height:20px;
	/*margin-left:435px;*/
	font-weight:bold;
	color:white;
	font-size:13pt;
	}
#titre3 {
	position:absolute;
	top:80px;
	left:500px;
	display:block;
	width:250px;
	height:20px;
	/*margin-left:455px;*/
	font-weight:bold;
	color:white;
	font-size:13pt;
	}

#ima	{
	position:absolute;
	z-index:1;
	
	top:40px;
	left:502px;
	width:218px;
	height:230px;
	/*background-image:url(img/sapin.jpg);*/
	background-color:#F0E797;   /*#D8E6D1;  #C7DABD;*/
	font-weight:bold;
	color:white;
	font-size:10pt;
	}



#contenu{
	top:169px;
	position:absolute;
	z-index:4;
	left:0px;
	width:730px;
	background-color:#F0E797;
	}

#menu_gauche{
	position:absolute;
	left:0;
	top:0px;
	background-color:#F0E797;
	width:160px;
	z-index:3;
	}

#milieu {
	position:relative;
	background-color:#EAE9B8;
	z-index:3;
	top:0;
	left:120px;
	padding-top:0px;
	margin-top:0px;
	margin-left:40px;
	padding-left:10px;
	padding-right:10px;
	width:560px;
	}
#bas 	{
	position:relative;
	background-color:#F3D55D;
	color:black;
	text-align:center;
	margin-left:40px;
	padding-left:10px;
	z-index:2;
	left:120px;
	width:570px;
	}

p 	{
	text-indent:35px;
	}
form {
	text-indent:0;
	}
#slogan
	{
	margin-right:20px;
	text-align:right;
	font-weight:bold;
	color:#D19452;
	}
#slogan a,#slogan a:link,#slogan a:hover,#slogan a:visited
	{
	font-weight:bold;
	color:#D19452;
	}

a,a:link,a:active,a:visited 
	{
	text-decoration:none;
	color:blue;
	}
a:hover {
	text-decoration:underline;
	}


h1 	{
	font-size:13pt;
	display:inline;
	color:white;
	}

h2,h3	{
	color:#D19452;
	border-style:solid;
	border-color:#D19452;
	border-bottom-width:1px;
	border-top-width:0;
	border-right-width:0;
	border-left-width:0;
	}
.exemple li {
	list-style-image:none;
	}
.exemple form {
	text-align:left;
	}
ul li	{
	list-style-image:url(img/li.jpg);
	/*margin-bottom:0;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	text-indent:0;*/
	}
#ulc li	{
	list-style-image:none;
	}


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

#a2, #a2 a:link, #a2 a:active, #a2 a:visited	{
	float:left;
	width:40px;
	height:151px;
	background-image:url(img/a1.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	color:white;
	font-size:10pt;
	}

#a2 a:hover{
	display:block;
	background-image:url(img/a2.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}

#a2 a span{
	display:none;
	}
#a2 a:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:20px;
	top:150px;
	left:5px;
	}

#a2 a #aide 	{
	display:block;
	position:absolute;
	width:400px;
	height:20px;
	top:150px;
	left:520px;
	color:#D19452;
	text-decoration:none;
	}

#a2 a:hover #aide {
	display:block;
	}


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

#b2, #b2 a:link, #b2 a:active, #b2 a:visited	{
	float:left;
	width:40px;
	height:150px;
	background-image:url(img/b1.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#b2 a:hover{
	display:block;
	background-image:url(img/b2.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#b2 a span{
	display:none;
	}

#b2 a:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:20px;
	top:150px;
	left:50px;
	}

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


#c2, #c2 a:link, #c2 a:active, #c2 a:visited	{
	float:left;
	width:40px;
	height:150px;
	background-image:url(img/c1.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#c2 a:hover{
	display:block;
	background-image:url(img/c2.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#c2 a span{
	display:none;
	}
#c2 a:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:20px;
	top:150px;
	left:90px;
	}


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

#d2, #d2 a:link, #d2 a:active, #d2 a:visited	{
	float:left;
	width:40px;
	height:150px;
	background-image:url(img/d1.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#d2 a:hover{
	display:block;
	background-image:url(img/d2.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#d2 a span{
	display:none;
	}
#d2 a:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:20px;
	top:150px;
	left:130px;
	}

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

#e2, #e2 a:link, #e2 a:active, #e2 a:visited	{
	float:left;
	width:40px;
	height:150px;
	background-image:url(img/e1.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#e2 a:hover{
	display:block;
	background-image:url(img/e2.jpg);
	font-weight:bold;
	color:white;
	font-size:10pt;
	}
#e2 a span{
	display:none;
	}
#e2 a:hover span {
	display:block;
	position:absolute;
	width:200px;
	height:20px;
	top:150px;
	left:170px;
	}

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


#marron {
	float:left;
	margin-top:0;
	width:503px;
	height:19px;
	background-color:#D19452;
	text-align:right;
	}

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

form,fieldset {
	text-align:center;
	}
#commentaire{
	width:300px;
	height:150px;
	}
.remarque{
	/*background-color:white;*/
	font-weight:bold;
	}
#glob{
color:blue;
font-size:10pt;
font-family:arial;
font-weight:bold;
font-style:italic;
text-decoration:none;
}
#beurk{
color:red;
font-size:20pt;
font-family:verdana;
font-weight:bold;
text-decoration:underline;
}
.dash{
font-size:10pt;
border-width:1pt;
border-color:#D19452;
border-style:dashed;
}
.titre{
color:#D19452;
font-size:14pt;
font-weight:bold;
}
#glob2{
color:green;
font-size:10pt;
font-family:arial;
font-weight:bold;
font-style:italic;
text-decoration:none;
}
#glob2 a:link,#glob2 a:hover,#glob2 a:visited {color:brown;}

#tableau_span {
width:400px;
background-color:white;
color:orange;
border-color:orange;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
}
.code {
width:90%;
background-color:white;
color:#D19452;
border-color:#D19452;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
}
pre.codage {
width:90%;
background-color:white;
color:#D19452;
border-color:#D19452;
border-style:solid;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-width:1px;
padding-left:5px;
padding-right:5px;
padding-top:20px;
padding-bottom:20px;
}
.centre {text-align:center;}
.gauche {text-align:left;}
.gras {font-weight:bold;}
.rouge {font-weight:bold;color:red;}