/* CSS Document */
body {
	font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	line-height: 150%;
	margin: 0;
	padding: 0;
	background-color:#f3f1ec;
}
#p{
margin:0;
padding:0;
}
h1{
font-size:1.6em;
margin:0;
padding:0;
}
/*-------------Zone de contenu globale------------------------*/
#conteneur {
	position: relative;
	width: 800px;
	height: 600px;
	background-color:#fff;
	border: 1px solid #cccccc;
	/*margin: 10px;*/ 
	left: 50%;
	margin-top: 1%; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
}
/*-------------Zone du haut-------------------------*/
#header {
	background-color:#cccccc;
	height:300px;
	width:800px;
	color:#ffffff;
	text-align:center;
}
#header #lien_note {
	position: absolute;
	right: 0;
	font-size: 14px;
	background: #2979B6 url(images/lock.png) no-repeat scroll 0 1px;
	padding: 5px 5px 5px 23px;
	color: #FFF;
}
#header #lien_note:hover {
	text-decoration: underline;
}
#titre {
background-color:#FF9900;
height:40px;
width:800px;
}
/*-------------Zone de texte-------------------------*/
#centre {
	background-color:#FFFFFF;
color:#555555;
height:240px;
margin-left:214px;
position:relative;
top:40px;
width:560px;
}
#centre li {
	display: inline;
	list-style-type:square;
}
/*titre CECOF-------------------------*/
#titre {
background-color:#FF6600;
color:#FFFFFF;
font-family:trebuchet MS;
font-size:1em;
font-weight:normal;
height:30px;
letter-spacing:0.1em;
line-height:2.5em;
position:absolute;
text-align:center;
top:300px;
width:800px;
}
/*-------------menu verticale gauche de l'établissement-------------------------*/
#gauche {
	background-color:#FFFFFF;
	color:#FF9900;
	float:left;
	font-family:arial,helvetic,sans serif;
	height:100px;
	left:0;
	margin:60px 10px 0 20px;
	width:190px;
}
/*------------- Bandeau -----------------*/
#bandeau {
	position:absolute;
	right:0;
	width:152px;
	background-color:#ffffff;
	margin:8px 10px 10px 0px; 
}
/*-------------- actualites---------------*/
#actu {
	width : 800px;
	background-color : #ff9900;
	border: 1px dashed #ccc;
	margin-top :10px;
	right:0;
}
.textactu {
	margin-top:10px;
}
/*----------------rollover-------------*/
a.imagea { /* d&eacute;finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 160px; /* largeur de l'image r&eacute;active */
     height: 144px; /* hauteur de l'image r&eacute;active */
     background-image: url("images/pagegarde/collegien-up.jpg"); /* source de l'image de d&eacute;part */
     background-repeat: no-repeat;
	 margin-left:50px;
	 float: left;
     }
	 
a.imagea:hover { /* d&eacute;finition de la classe "image" de la balise <a> au survol */
     background-image: url("images/pagegarde/collegien.jpg");/* source de l'image d'arriv&eacute;e */
	 border:0px; 
     }
a.imageb { /* d&eacute;finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     float: left;
	 width: 160px; /* largeur de l'image r&eacute;active */
     height: 144px; /* hauteur de l'image r&eacute;active */
     background-image: url("images/pagegarde/salarie-up.jpg"); /* source de l'image de d&eacute;part */
     background-repeat: no-repeat;
     }
	 
a.imageb:hover { /* d&eacute;finition de la classe "image" de la balise <a> au survol */
     background-image: url("images/pagegarde/salarie.jpg"); /* source de l'image d'arriv&eacute;e */
     }
a.imagec { /* d&eacute;finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     float: left;
	 width: 160px; /* largeur de l'image r&eacute;active */
     height: 144px; /* hauteur de l'image r&eacute;active */
     background-image: url("images/pagegarde/entreprise-up.jpg"); /* source de l'image de d&eacute;part */
     background-repeat: no-repeat;
     }
	 
a.imagec:hover { /* d&eacute;finition de la classe "image" de la balise <a> au survol */
     background-image: url("images/pagegarde/entreprise.jpg"); /* source de l'image d'arriv&eacute;e */
     }
a.imagess { /* d&eacute;finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     float: right;
	 width: 112px; /* largeur de l'image r&eacute;active */
     height: 32px; /* hauteur de l'image r&eacute;active */
     background-image: url("images/pagegarde/btssprofil-up.gif"); /* source de l'image de d&eacute;part */
     background-repeat: no-repeat;
	 margin-top:0;
	 margin-right:0;
     }
	 
a.imagess:hover { /* d&eacute;finition de la classe "image" de la balise <a> au survol */
     background-image: url("images/pagegarde/btssprofil.gif"); /* source de l'image d'arriv&eacute;e */
     }
	 .copy{
	 color: #cccccc;
	 text-align: center;
	 }
a#preinscription {
	font-size: 14px;
	background: transparent url(images/bt_preinscription.jpg) no-repeat;
	display:block;
	width:124px;
	height:31px;
	text-decoration: none;
	padding: 7px 0 0 31px;
	color: #000;
	outline: 0;
	margin-top: 20px;
}
a#preinscription:hover {
	background-position: 0 -38px;
}