/* layout.css */

/* boutons */

#menu{
	position: relative; 
	width: 830px;
	text-decoration:none;
	text-align:center;
}
.police {
font-family:verdana,"comic sans ms";
font-size: 0.7em;
color:black;
text-align: center;
}
#bouton1 { 
position: relative;
width: 102px;
float:left;
}
#bouton2 { 
position: relative;
width: 101px;
float:left;
}
#bouton3 { 
position: relative;
width: 101px;
float:left;
}
#bouton4 { 
position: relative;
width: 101px;
float:left;
}
#bouton5 { 
position: relative;
width: 101px;
float:left;
}
#bouton6 { 
position: relative;
width: 101px;
float:left;
}
#bouton7 { 
position: relative;
width: 101px;
float:left;
}
#bouton8 {
	position: relative;
	width: 102px;
	float:left;
	font-size: 0.9em;
}
#menu.onglet{
	position:relative;
width:100px;
position:relative;
}

	/* fin boutons */
	
#container {
	position: relative; 
	width: 820px;
	margin: auto;
	margin-top:10px;
	text-align: left;
	padding:2px;
	border: 0px solid #0E419A;
	background-color: #FFF;
	}
	/* entête */
#header { 
	float:right;
	width: 730px;
	height: 50px;
	text-align:right;
}
#sub-header { 
	float:left;
	width: 80px;
	height: 50px;
	text-align:center;
}
#boutons { 
	position: relative;
	width: 830px;
	height: 30px;
	float:left;
}
	/* principal gauche */
#main-left {
	text-align: justify;
	line-height: 1em;
	width: 600px;
	float: left;
}
	/* principal droit */
#main-right {
	text-align: justify;
	line-height: 1.75em;
	width: 600px;
	float: right;
	padding: 1em;
}
	/* principal */
#main {
	width: 430px;
	line-height: 1em;
	float: left;
	margin-left:15px;
	text-align:center;
}
#center {
	width: 430px;
	line-height: 1em;
	float: left;
	margin-left:20px;
}
	/* pied de page */
#footer {
	width: 820px;
	background-color: #004A99;
	clear: both;
	color:#FF0;
	text-align:center;
	text-decoration:none;
}
	/* colonne gauche */
#col-left{
	width: 175px;
	float: left;
	text-align:justify;
	line-height: 1em;
}
	/* colonne droit */
#col-right-center{
	width: 176px;
	float: right;	
	vertical-align:top;
	line-height: 1em;
	text-align:justify;
}
#col-right{
	width: 176px;
	float: right;	
	vertical-align:top;
	text-align:justify;
	line-height: 1em;
}
#col-left400{
	width: 400px;
	float: left;	
}
#col-right400{
	width: 400px;
	float: right;	
}
#col-center600{
	width: 600px;
	position:absolute;
}
#col-center820{
	width: 820px;
	position:absolute;
}
	/* tableau des boutons */
#tableau{
background: white;
width: 830px;
border: white 1em;
border-collapse:collapse;
}
#tableau td {
padding: 3px 0px 3px 0px;
width:97px;
}
.titre {
font-family:verdana,"comic sans ms";
font-size: 0.7em;
color:black;
font-weight: normal;
text-decoration:none;
text-align: center;
}
	/* bloc texte centré */
#bloc-center{
	text-align:justify;
	line-height: 1em;
	text-align:center;
	text-decoration:none;
}
	/* fin du tableau */
	
		/* début fonts */
.comicnoir { 
font-family: "comic Sans MS";
color: #000000;
}
.comicbleu {
font-family:"comic Sans MS";
color: #00F;
}
.comic9noir { 
font-family: "comic Sans MS";
font-size: 0.75em;
color: #000000;
}
.comic10noir { 
font-family: "comic Sans MS";
font-size: 0.8em;
color: #000000;
}
.comic10noir-gr { 
font-family: "comic Sans MS";
font-size: 0.8em;
color: #000000;
font-weight: bold;
}
.comic11noir {
	font-family: "comic Sans MS";
	font-size: 0.95em;
	color: #000000;
}
.comic11bleu {
	font-family: "comic Sans MS";
	font-size: 0.95em;
	color: #00F;
}
.comic12noir {
	font-family: "comic Sans MS";
	font-size: 1em;
	color: #000000;
}
.comic12noir-gr { 
font-family: "comic Sans MS";
font-size: 1em;
color: #000000;
font-weight: bold;
}
.comic12orange-gr {
font-family:"comic Sans MS";
font-size: 1em;
color: #FF9900;
font-weight: bold;
}
.comic12bleu {
font-family:"comic Sans MS";
font-size: 1em;
color: #00F;
}
.comic12rouge {
font-family: "comic Sans MS";
font-size: 1em;
color: #F00;
}
.comic13noir {
	font-family: "comic Sans MS";
	font-size: 1.05em;
	color: #000000;
 }
.comic13rouge {
font-family: "comic Sans MS";
font-size: 1.05em;
color: #CF4F2D;
}
.comic14noir {
font-family: "comic Sans MS";
font-size: 1.2em;
color: #000000;
}
.comic14noir-gr {
font-family:"comic Sans MS";
font-size: 1.2em;
color: #000000;
font-weight: bold;
}
.comic14bleu {
font-family: "comic Sans MS";
font-size: 1.2em;
color:#00F;
}
.laclass h3 {
font-family: "comic Sans MS", verdana, geneva;
font-size:0.87em;
color:#000;
}
.class-com {
font-family: "comic Sans MS", verdana, geneva;
font-size:1em;
color:#000;
text-align:justify;
}
.verdana-noir {
font-family: verdana, Geneva, sans-serif;
color:#000;
}
.verdananoir {
font-family: verdana;
color: #000000;
}
.verdanableu {
font-family:verdana;
color: #00F;
}
.verdana-noir075 {
	font-family: verdana, Geneva, sans-serif;
	font-size:1em;
	color:#000;
	text-align:justify;
}
.verdana-noir0875 {
	font-family: verdana, Geneva, sans-serif;
	font-size:1em;
	color:#000;
	text-align:justify;
}
.verdana-noir0875-gr {
	font-family: verdana, Geneva, sans-serif;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	text-align:justify;
}
.verdana8orange {
	font-family: verdana;
	font-size: 0.625em;
	color: #FF9900;
	font-weight: bold;
text-decoration:none;
}
.verdana10noir {
	font-family: verdana;
	font-size: 0.8em;
	color: #000000;
 }
.verdana10orange {
	font-family: verdana;
	font-size: 12pt;
	color: #FF9900;
}
.verdana10orange-gr {
	font-family: verdana;
	font-size: 0.8em;
	color: #FF9900;
	font-weight: bold;
	text-decoration:none;
}
.verdana10blanc-gr {
	font-family: verdana;
	font-size: 0.8em;
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
}
.verdana11noir {
font-family: verdana;
font-size: 0.95em;
text-decoration:none;
color:#000;
 }
.verdana11noir2 {
font-family: verdana;
font-size: 0.95em;
text-decoration:none;
color:#000;
}
.verdana12noir {
font-family: verdana;
font-size: 1em;
color:#000;
}
.verdana12noir-gr {
font-family: verdana;
font-size: 1em;
color:#000;
font-weight: bold;
}
.verdana12bleu {
font-family:verdana;
font-size: 1em;
color: #00F;
}
.verdana13orange-gr {
font-family: verdana;
font-size: 1.05em;
color: #FF9900;
font-weight: bold;
text-decoration:none;
}
.verdana14noir {
font-family: verdana;
font-size: 1.2em;
color:#000;
}
.verdana h3 {
font-family: "comic Sans MS", verdana, geneva;
font-size:0.87em;
}
.class-verdana {
	font-family: verdana, Geneva, sans-serif;
	font-size:1.2em;
	text-align:justify;
}
align-justify {
	text-align: justify;
}