/* Par Philippe Phan pour la Cité Scolaire Internationale de Lyon - Mars 2006*/

/*-------------------------------------------------------*

 * Mise en forme générale de la page Web CSI

 *-------------------------------------------------------*/

body {
	margin : 0;
	padding : 0;
	text-align : center; /* pour centrer le tableau sous IE */
}

#page { 
	text-align : left; /* pour compenser le centrage du tableau sous IE */
	margin : 0 auto;
	background : #fff; /* couleur de fond derrière le logo */
}



#logo { 
	text-align : left; /* pour compenser le centrage du tableau sous IE */
	background : #f2f8fb url(../files/logo.jpg) top center no-repeat; /* logo et couleur de fond derrière le logo */
	width : 886px;
	padding: 181px 0 6px 75px; /* agrandissement hauteur - 0 - retrecissement hauteur - positionnement barre langue horizontalement  */
}

td {
	padding : 0;
	margin : 0;
	background : #fff; /* couleur de fond derrière liens web */
}

/**

 * Bordures

 */

td.bv { width : 2px; background : #fff; } /* taille et couleur de la bordure barre verticale */

/**

 * Dimensions

 */

#page { width : 886px; }

#langues { height : 40px; } /* hauteur ligne barre de langue */

#menu { width : 160px; } /* largeur block menu */

#content { width : 726px; } /* largeur block main */

#footer { height : 80px; } /* hauteur du footer */

/**

 * Styles

 */

#langues {
	background : #f2f8fb; /* couleur fond barre langage */
}


#menu {
	background : #f2f8fb; /* couleur fond menu gauche */
}

/*-------------------------------------------------------*
 * Style de la page Web CSI
 *-------------------------------------------------------*/
 
/* Couleur de fond - Taille de la police et couleur de la police pour le bloc main  */
body, td {
	background : #c6cbd3;
	font-family : Tahoma, sans-serif;
	font-size : 11px;
	color : #141414;
}

/* Tailles des titres  */
h2, h3 { font-size : 11px; margin : 11px 0; }

h2 {
	margin : 0;
	padding-left : 15px;
	
	line-height : 15px;
	padding-bottom : 1px;
	
	/* Fond et couleurs police titres dans barres grises  entre header et main */
	background : #8c8c8c;
	border-bottom : 2px solid #fff;
	color : #fff;
}

h3 {
	margin : 0;
	padding-left : 10px;
	
	line-height : 15px;
	padding-bottom : 1px;

	/* Fond et couleurs police titres dans barre grise entre main et footer */
	background : #bebebe;
	border-bottom : 2px solid #fff;
	color : #fff;
}

/* Border des images */
img { border : 0; }

/* Les liens Web */
a { text-decoration : underline; color : #1d4b9e; }
a:hover { text-decoration : none; }
a.noir { color : #141414; text-decoration : none; }
a.noir:hover { color : #1d4b9e; }

/* Footer */
#footer { background : #f2f8fb } /* couleur de fond footer */
.footer { padding : 0 15px; }

/* Textes */
.text ul li span {
	float : right;
	color : #ccc;
}

.text ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.text ul li {
	border-bottom : 2px solid #fff;
	background : #f2f8fb; /* couleur de fond milieu : main et menu */

	line-height : 15px;
	padding-bottom : 1px;
	
	padding-left : 10px;
	padding-right : 5px;
}