body
{
   width:100%;
   margin:auto;
   color:rgb(21,55,98);
   font-family:arial,sans-serif;
   /*background-color:rgb(222,234,248);*/
}
a img 
{
   border:none; 
}
a img:visited
{
   border:none; 
}
a
{
  color:rgb(21,55,98);
}
a:visited
{
  color:rgb(197,119,54);
}
caption 
{
   margin: auto; 
   color: rgb(0,0,153);
   margin-bottom: 20px; 
   caption-side:bottom;
}
table 
{
	margin: auto; 
	border: 2px solid rgb(0,0,153);
	border-collapse: collapse;
	font-size:85%
}
th 
{
   border: 1px solid rgb(0,0,153);
   background-color: rgb(163,196,255);
   color: rgb(0,0,153);
   text-align:center;
}
td
{
   border: 1px solid rgb(0,0,153);
   text-align: center; 
   padding: 5px; 
}
dt
{
	font-weight:bold;
	line-height:200%;
	padding-top:5px;
}
#debutg
{
	float:left;
	width:19%;
	padding:5px;
	border:none;
	height:120px;
}
#debut
{
	float:left;
	width:56%;
	padding:5px;
	border:none;
	height:120px;
}
#debut h1
{
	text-align:center;
	font-family:"Comic Sans MS",arial, sans-serif;
	font-size:120%;
	font-variant:small-caps;
}
#debut h2
{
	text-align:center;
	font-family:"Comic Sans MS",arial,sans-serif;
	font-weight:normal;
	font-size:125%;
	font-variant:small-caps;
}
#debutd
{
	margin-top:0;
	padding-top:0px;
	float:right;
	width:20%;
	border:none;
	height:120px;
	background-image:url("image/grosbouton.png");
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#debutd a:visited
{
	color:rgb(255,255,255); 
	text-decoration:none;

}
#debutd a
{
    text-decoration:none;
	color:rgb(255,255,255);
}	
#debutd h1
{	
	font-family:"Comic sans Ms", sans-serif;
	text-align:center;
	font-size:120%;
	text-decoration:none;
	color:rgb(255,255,255); 
	font-weight:normal;
}
#chemin
{
	margin-top:0;
	margin-bottom:0;
	clear:both;
}

#gauche
{
	clear:both;
	float:left;
	width:19%;
	margin-top:5px;
	padding:5px;
	border:none;
	text-align:center;
	font-family:arial, sans-serif;
}
.description
{
	width:90%;
	margin-top:250px;
	margin-bottom:275px;
	padding:2px;
	border:3px outset;
   background-color: rgb(252,213,181);
}


#finbouton
{
	clear:both;
	margin-top:25px;
}
#corps
{
	float:left;
	width:56%;
	margin-top:5px;
	padding:5px 15px;
	border:none;
	text-align:justify;
	font-family:arial, sans-serif;
}
.image
{
	text-align:center;
	border:none;
}
#corps h1
{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:150%;
}
#corps h2
{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:125%
}
#corps h3
{
	font-family:arial, sans-serif;
	font-size:100%;
}
#corps h4
{
	font-weight:normal;
	text-align:center;
}
#corps .code
{
	background-color:rgb(220,240,245);
	font-weight:normal;
	height:150px;
	width:95%;
	overflow: -moz-scrollbars-vertical; 
	overflow-y:auto;
	overflow-x:auto;
	border:3px outset;
}
#corps .codelong
{
	background-color:rgb(220,240,245);
	font-weight:normal;
	height:250px;
	width:95%;
	overflow: -moz-scrollbars-vertical; 
	overflow-y:auto;
	overflow-x:auto;
	border:3px outset;
}
#corps .codecourt
{
	background-color:rgb(220,240,245);
	font-weight:normal;
	width:95%;
	overflow: -moz-scrollbars-vertical; 
	overflow-y:auto;
	overflow-x:auto;
	border:3px outset;
}
#corps .petit
{
	font-size:75%;
}
#corps img a 
{
   border:none; 
}
#corps img a:visited
{
   border:none; 
}
.annuairegauche
{
	float:left;
	width:48%;
	margin:2px;
	padding:2px;
	border:none;
	text-align:justify;
	font-family:arial, sans-serif;
}
.annuairedroite
{
	float:right;
	width:48%;
	margin:2px;
	padding:2px;
	border:none;
	text-align:justify;
	font-family:arial, sans-serif;
}
.annuairegauche h2
{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:125%
}
.annuairedroite h2
{
	font-family:"Comic Sans MS", arial, sans-serif;
	font-size:125%
}
.annuairesuivant
{
	clear:both;
}
#corps .prog
{
	width:95%;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	border:3px outset;
	background-color:rgb(220,240,245);
}

#corps .vignette a img
{
	display:inline;
	text-align:center;
}	
#corps .vignette 
{	
	background-color:rgb(220,240,245);
	font-weight:normal;
	height:145px;
	width:99%;
	overflow-x:scroll;
	overflow-y:hidden;	
	border:3px outset;
	text-align:center;
}
#corps  .boutonchoisi
{	
	float:left;
	width:29%;
	height:52px;
	line-height:50px;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	padding:1%;
	text-decoration:none;
	/*background-color:rgb(220,240,245);*/
	background-image:url("image/bouton5enfonce.png");
	background-repeat:no-repeat;
	background-position:center center;
	/*border:3px inset;*/
	color:rgb(138,180,230);
	font-size:100%;
	font-family:"Comic sans Ms", sans-serif;
}
#corps  .boutonchoisi a:visited
{
	color:rgb(138,180,230); 
	text-decoration:none;
}
#corps  .bouton
{
	float:left;
	width:29%;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
	height:52px;
	line-height:50px;
	/*border:3px outset;*/
	/*background-color:rgb(252,213,181);*/
	background-image:url("image/bouton52.png");
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	padding:1%;
	text-decoration:none;
	color:rgb(255,255,255);
	font-size:100%;
	font-family:"Comic sans Ms", sans-serif;
}
#corps  .bouton  a:visited
{
	color:rgb(255,255,255); 
	text-decoration:none;
}
#droite
{
	float:right;
	width:20%;
	margin-top:5px;
	padding:5px;
	border:none;
	font-family:arial, sans-serif;
}

#droite strong
{
	background-color:rgb(21,55,98);
	color:rgb(255,255,255);
	text-decoration:none;
}
#droite h1 
{ 	
	font-size:115%;
}
#droite h2
{ 	
	font-size:100%;
}
#suivant
{
	clear:both;
}	
#fing
{
	clear:both;
	float:left;
	width:19%;
	padding:5px;
	border:none;
	text-align:center;
}
#fin
{
	float:left;
	width:56%;	
	text-align:center;
}
#fin table
{
	border:none;
}
#fin td
{
	border:none;
}
#find
{
	float:right; 
	width:20%;
	padding:5px;
	border:none;
	text-align:center;
}
#copyright
{
	clear:both; 
	width:98%;
	padding:5px;
	border:none;
	text-align:center;
	font-size:65%
}