/* Reset all margins and paddings for browsers */

* {
	padding: 0;
	margin: 0;
}

/******* GENERAL **********/

body {
	background-color: #A4BEDF;
	margin: 0px;
}

td#index   {
	background-repeat: no-repeat;
	background-position: center center;
	background: #A4BEDF;
}

p, a, body {
	font-size: 9pt;
	font-family: "Gill Sans MT", "Lucida Sans";
	text-decoration: none;
}

p {
	font-size: 13px;
	font-family: "Gill Sans MT", "Lucida Sans";
	color: #000;
	line-height: 17px;
}

div.menu_haut {
	float: right;
	width: 240px;
	height: 143px;
	background-image: url('../images/deg_haut.gif');
	vertical-align: top;
	margin: 0px;
}

div.menu_gauche {
	float: left;
	height: 457px;
	width: 241px;
	vertical-align: top;
}

td.menu_date {
	background-image: url('../images/menu/fond_date.gif');
	height: 30px;
}

div.corps {
	float: right;
	height: 457px;
	width: 759px;
	background-color: #FFF;
}

/******* MENU *********/

ul#menu {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 241px;
	list-style-type: none;
	height:376px;
}

ul#menu li.menu {
	width: 241px;
	height: 24px;
	cursor: pointer;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #516D8C;
	/*border-bottom: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;*/
}

ul#menu li.menu a.menu {
	height: 24px;
}

ul#menu li ul.srubrique {
	width: 241px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: auto;
}

ul#menu li ul li.srubriquemenu {
	margin: 0px;
	padding: 0px;
	width: 241px;
	height: 24px;
	background-color: #fff;
	border-bottom: 1px;
	border-bottom-color: #A4BEDF;
	border-bottom-style: solid;
	float: left;
	vertical-align: middle;
}

ul#menu li ul li a.srubriquemenu_gauche {
	font-size: 13px;
	font-family: "Gill Sans MT", "Lucida Sans";
	text-transform: lowercase;
	color: #385370;
	width: 241px;
	line-height: 24px;
	height: 24px;
	float: left;
	padding-left: 10px;
}

ul#menu li ul li a.srubriquemenu_gauche:hover {
	font-size: 13px;
	font-family: "Gill Sans MT", "Lucida Sans";
	text-transform: lowercase;
	color: #fff;
	width: 241px;
	line-height: 24px;
	height: 24px;
	float: left;
	padding-left: 10px;
}

/****** bienvenue au college *******/

div.accueil_princ {
	float: left;
	width: 465px;
	height: 457px;
}

div.accueil_titre {
	float: left;
	width: 465px;
	height: 30px;
}

div.accueil_texte {
	float: left;
	width: 355px;
	height: 427px;
}

div.accueil_diaporama {
	float: left;
	width: 294px;
	height: 457px;
}

div#diaporama {
	text-align: center;
	float: left;
	width: 294px;
	height: 457px;
}

img.accueil_img {
	margin-top: 15px
}

/******** menu actualite *****/

div.menu_actualite_princ {
	float: left;
	width: 240px;
	height: 457px;
	background-image: url('../images/ag_fond.gif');
}

div.menu_actualite_agenda {
	float: left;
	width: 185px;
	height: 248px;
	overflow: auto;
}

div.menu_actualite_agenda_texte {
	float: left;
	width: 155px;
	padding-left: 5px
}

div.preinscription_princ {
	float: left;
	width: 759px;
	height: 457px;
	overflow: auto;
}

div.preinscription_titre {
	float: left;
	width: 750px;
	height: 30px;
}

/******* rubrique ********/

div.rubrique_princ {
	float: left;
	width: 759px;
	height: 457px;
	overflow: auto;
}

div.rubrique_article {
	float: left;
	width: 739px;
	height: 86px;
	vertical-align: top;
	margin-bottom: 10px;
}

div.rubrique_article_focus {
	float: left;
	width: 117px;
	height: 86px;
}

div.rubrique_article_texte {
	float: left;
	width: 617px;
	height: 86px;
	vertical-align: top;
	padding-left: 5px;
}

/******* revue de presse ********/

div.presse_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.presse_revue {
	float: left;
	width: 499px;
	height: 86px;
	vertical-align: top;
}

div.presse_revue_focus {
	float: left;
	width: 117px;
	height: 86px;
}

div.presse_revue_texte {
	float: left;
	width: 377px;
	height: 86px;
	vertical-align: top;
	padding-left: 5px;
}

/******* magazine ********/

div.magazine_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.magazine_mag {
	float: left;
	width: 499px;
	height: 86px;
	vertical-align: top;
}

div.magazine_mag_focus {
	float: left;
	width: 117px;
	height: 86px;
}

div.magazine_mag_texte {
	float: left;
	width: 377px;
	height: 86px;
	vertical-align: top;
	padding-left: 5px;
}

/******* article *********/

div.article_princ {
	float: left;
	width: 759px;
	height: 457px;
	overflow: auto;
}

div.article_texte {
	float: left;
	width: 719px;
	height: 457px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	font-family: "Gill Sans MT", "Lucida Sans";
	color: #000;
	line-height: 17px;
}

/******* actualites archives *********/

div.archives_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.archives_actu {
	float: left;
	width: 499px;
	height: 86px;
	vertical-align: top;
}

div.archives_actu_focus {
	float: left;
	width: 117px;
	height: 86px;
}

div.archives_actu_texte {
	float: left;
	width: 377px;
	height: 86px;
	vertical-align: top;
	padding-left: 5px;
}

/******* actualites *********/

div.actualites_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.actualites_actu {
	float: left;
	width: 499px;
	height: 86px;
	vertical-align: top;
	margin-bottom: 10px;
}

div.actualites_actu_focus {
	float: left;
	width: 117px;
	height: 86px;
}

div.actualites_actu_texte {
	float: left;
	width: 377px;
	height: 86px;
	vertical-align: top;
	padding-left: 5px;
}

/******* actualite *******/

div.actualite_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.actualite_retour {
	float: left;
	width: 478px;
}

div.actualite_entete {
	float: left;
	width: 478px;
	padding-left: 5px;
	margin-bottom: 10px;
}

div.actualite_contenu {
	float: left;
	width: 478px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

img.actualite_image {
	float: left;
	border: 1px solid black;
	margin-right: 10px;
	margin-bottom: 10px;
}

/****** agenda annuel ******/

div.agenda_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.agenda_choix {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 478px;
}

div.agenda_date {
	float: left;
	width: 478px;
	padding-left: 10px;
}

div.agenda_retour {
	float: left;
	width: 478px;
	margin-bottom: 20px;
}

div.agenda_titre {
	float: left;
	width: 478px;
	padding-left: 5px;
	margin-bottom: 10px;
}

div.agenda_texte {
	float: left;
	width: 478px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

select.agenda {
	color: #000000;
	font-family: "Gill Sans MT", "Lucida Sans";
	font-size: 12px;
	font-weight: bolder;
	line-height: 13px;
	width: 150px;
}

/******* vacances scolaires ********/

div.vacances_princ {
	float: left;
	width: 519px;
	height: 457px;
	overflow: auto;
}

div.vacances_vac {
	float: left;
	width: 478px;
	padding-top: 10px;
	padding-left: 10px;
}

div.vacances_retour {
	float: left;
	width: 478px;
	margin-bottom: 20px;
}

div.vacances_entete {
	float: left;
	width: 478px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.vacances_contenu {
	float: left;
	width: 478px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

input.zone_form {
	font-size: 14px;
	font-family: "Gill Sans MT", "Lucida Sans";
	color: gray;
	margin-top: 0px;
	margin-right: 15px;
	border-color: #385370;
	border-style: solid;
	border-width: 1px;
}

textarea.zone_form {
	font-size: 14px;
	font-family: "Gill Sans MT", "Lucida Sans";
	color: gray;
	margin-top: 0px;
	margin-right: 15px;
	border-color: #385370;
	border-style: solid;
	border-width: 1px;
}

img.lettre_directeur_bouton:hover {
	background-image:url(../images/envoyer_on.jpg);
}
img.lettre_directeur_bouton {
	background-image:url(../images/envoyer_off.jpg);
	background-repeat:no-repeat;
	height:46px;
	width:90px;
}