@charset "ISO-8859-1";
/* CSS Document */

/* body */
body { 
	background : url('sumtextb.jpg');
	font : normal normal 100% arial, sans-serif; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

/* affiché en haut de l'écran */
#entete { 
	margin : 10px 10px 10px 10px;   
	text-align : center; 
	border-width : 1px 0; 
	border-style : solid; 
	border-color : black;
	height: 80px;
	width : 1200px; 
} 

/* partie gauche de l'écran avec les différentes pages accessibles */
#menu { 
	position: absolute;
	top: 100px;
	left: 10px;
/*	margin : 0px 20px 40px 20px;  */
	text-align : left; 
	width : 250px; 
	border : 1px solid #000;
}

/* partie du milieu de l'écran */
#corps { 
	margin : 20px 20px 40px 270px; 
	width : 920px;
}

/* bas de page */
#footer { 
	margin : 20px 20px 20px 20px; 
	text-align : center; 
	border-width : 1px 0; 
	border-style : solid; 
	border-color : black; 
	width : 1200px;  
} 

#gauche { 
	float : left; 
	margin : 0px 10px 10px 0px; 
	width : 200px; 
}

#droite { 
	float : right;
	margin : 0px 0px 10px 10px; 
	width : 135px; 
}

#tab { 
	margin : 10px 20px 40px 270px;
}

#tab-gauche { 
	margin : 0px 20px 10px 300px; 
	width : 900px; 
}

#tab-droite {
	float : right; 
	margin : 0px 300px 10px 0px;
	clear : both;  
}

#contenu { 
	margin : 10px 0px 40px 0px; 
}

#contenu2 { 
/*	margin : 20px 40px 40px 40px; */
	clear : both; 
} 

#contenu3 { 
	margin : 20px 40px 40px 40px; 
} 

#contenu4 { 
	margin : 20px 40px 40px 40px; 
} 

#solman { 
	margin : 10px 0px 40px 40px;
	border : 1px solid #000;
}
#solman-droite{ 
	margin : 20px 10px 20px 20px;
	float  : right;  
	border : 1px solid #000;
} 
#solman-milieu { 
	margin : 20px 20px 20px 20px; 
} 
#solman-bas-droite { 
	margin : 20px 20px 20px 50%;
	clear : both; 
}
#itil { 
	margin : 10px 0px 40px 40px;
	border : 1px solid #000;
}
#itil-gauche { 
	margin : 20px 20px 20px 20px;
	float : left;  
} 
#itil-milieu { 
	margin : 20px 20px 20px 20px;
} 
#itil-droite { 
	margin : 20px 20px 20px 20px;
	float : right; 
} 
#itil-bas-droite { 
	margin : 20px 20px 20px 60%;
	clear : both; 
} 


th { 
	text-align : center; 
} 
td { 
	text-align : center; 
} 
p { 
	font : normal normal 100% arial, sans-serif;
	text-align : justify; 
	color : #000; 
} 
p.right { 
	text-align : right; 
	color : #000; 
} 
p.center { 
	text-align : center; 
	color : #000; 
} 
p.centerred { 
	text-align : center; 
	color : #C00; 
} 
p.red { 
	color : #C00; 
} 

h1 { 
	font : normal bold 200% arial, sans-serif; 
	color : #c00; 
} 
h2 { 
	font : normal normal 130% arial, sans-serif; 
	text-align : center; 
	color : #006; 
}
h2left { 
	font : normal normal 130% arial, sans-serif; 
	text-align : left;
	color : #006; 
}  
h3 { 
	font : normal normal 105% arial, sans-serif; 
	text-align : center; 
	color : #006; 
}

h3left { 
	font : normal normal 115% arial, sans-serif; 
	text-align : left; 
	color : #006; 
}

h3red { 
	font : normal normal 105% arial, sans-serif;
	color : #C00; 
}

h3red.center { 
	font : normal normal 105% arial, sans-serif;
	text-align : center; 
	color : #C00; 
}

h4 { 
	font : normal normal 105% arial, sans-serif; 
	text-align : left; 
	color : #000; 
} 
h4red { 
	font : normal normal 105% arial, sans-serif; 
	color : #c00; 
}
h4redsoul { 
	font : normal normal 105% arial, sans-serif; 
	color : #c00; 
	text-decoration : underline; 
} 
a { 
	color : #00c; 
	text-decoration : underline; 
}
a:visited { 
	color : purple; 
	text-decoration : underline; 
} 
a:active { 
	background-color : yellow; 
	color : green; 
	text-decoration : underline; 
} 
a:hover { 
	color : red; 
	text-decoration : underline; 
} 

#table {
	display: table;
	table-layout: fixed;
	text-align : center; 	
}

#table-header { 
	text-align : center; 
}

#table-marge-gauche {
	width: 100px;
	display: table-cell;
}

#table-gauche {

	width: 350px;
	display: table-cell;
	color : red; 
	text-align : center; 	
}

#table-droite {
	width: 300px;
	display: table-cell;
	color : red; 
	text-align : center; 
}