html,body {
		height : 100%;
	}
	
	body {
		margin : 0;
		padding : 0;
		/*background-image: url("");*/
		background-color : #C5C8D1;
	}
	
	.page {
		position: relative;
		width: 760px;
		margin: auto;
		background-color : #fff;
		border-left : 1px solid #000;
		border-right : 1px solid #000;
		border-bottom : 1px solid #000;
	}
	


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

              TOP-MENU
			  
   ----------------------------------------- */

	#top-menu{
		position:relative;
		height: 60px;
		width: 760px;
		margin: 0px;
	}
	
	#top-menu li a
	{ 
		left: 0px !important; 
		text-indent: -9000px;
		outline: none; 
	}

	#top-menu-accueil, #top-menu-accueil a
	{
		height: 60px;
		width: 72px;
		
		position: absolute;
		left: 0px;
		top: 0px;
		
		display: block;
		background-image: url("../images/top-menu-accueil.jpg");
		background-repeat: no-repeat;
	}
	
	#top-menu-contact, #top-menu-contact a{
		height: 60px;
		width: 100px;
		
		position: absolute;
		left: 72px;
		top: 0px;
		
		display: block;
		background-image: url("../images/top-menu-contact.jpg");
		background-repeat: no-repeat;
	}
	
	#top-menu-partenaires, #top-menu-partenaires a
	{
		height: 60px;
		width: 85px;
		
		position: absolute;
		left: 172px;
		top: 0px;
		
		display: block;
		background-image: url("../images/top-menu-partenaires.jpg");
		background-repeat: no-repeat;
	}
	
	#top-menu-reste{
		height: 60px;
		width: 503px;
		
		position: absolute;
		left: 257px;
		top: 0px;
		
		display: block;
		background-image: url("../images/top-menu-reste.jpg");
		background-repeat: no-repeat;
	}
	
/* -----------------------------------------

              HEADER
			  
   ----------------------------------------- */	
   
   #header {
   		height: 157px;
		width: 760px;
		
		display: block;
		background-image: url("../images/header.jpg");
		background-repeat: no-repeat;
   }

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

              MAIN-MENU
			  
   ----------------------------------------- */
   
  	#main-menu {
		position:relative;
		height: 63px;
		width: 760px;
		margin: 0px;
   	}
	
	#main-menu li a
	{ 
		margin: 0px;
		left: 0px !important;
		top: 0px !important;
		text-indent: -9000px;
		outline: none; 
	}
   
   	#main-menu #main-menu-profil, #main-menu #main-menu-profil a
	{
		position: absolute;
		top: 0px;
		left: 0px;
		
		display: block;
		height: 63px;
		width: 85px;
		background-image: url("../images/main-menu-profil.gif");
		background-repeat: no-repeat;
   	}
	
	#main-menu #main-menu-acteurs, #main-menu #main-menu-acteurs a{
		position: absolute;
		top: 0px;
		left: 85px;
		
   		display: block;
		height: 63px;
		width: 83px;
		background-image: url("../images/main-menu-acteurs.gif");
		background-repeat: no-repeat;
   	}
	
	#main-menu #main-menu-plan-daction, #main-menu #main-menu-plan-daction a{
		position: absolute;
		top: 0px;
		left: 168px;	
	
   		display: block;
		height: 63px;
		width: 106px;
		background-image: url("../images/main-menu-plan_daction.gif");
		background-repeat: no-repeat;
   	}
	
	#main-menu #main-menu-formations, #main-menu #main-menu-formations a
	{
		position: absolute;
		top: 0px;
		left: 274px;
		   		
		display: block;
		height: 63px;
		width: 86px;
		background-image: url("../images/main-menu-formation.gif");
		background-repeat: no-repeat;
   	}
	
	#main-menu #main-menu-media, #main-menu #main-menu-media a{
		position: absolute;
		top: 0px;
		left: 360px;   		
		
		display: block;
		height: 63px;
		width: 105px;
		background-image: url("../images/main-menu-mediatheque.gif");
		background-repeat: no-repeat;
   	}
	
	
	#main-menu #main-menu-service-de-placement, #main-menu #main-menu-service-de-placement a{
   		position: absolute;
		top: 6px;
		left: 465px;
		
		display: block;
		height: 57px;
		width: 194px;
		background-image: url("../images/main-menu-service_de_placement.gif");
		background-repeat: no-repeat;
   	}

	
	#main-menu-spacer{
   		position: absolute;
		top: 217px;
		left: 453px;		
		height: 6px;
		width: 307px;
		background-image: url("../images/main-menu-spacer.gif");
		background-position: top left;
		background-repeat : no-repeat;
		font-size: 6px;
   	}
	
	
	
	#main-menu-reste{
   		position: absolute;
		top: 223px;
		left: 659px;
		
		display: block;
		height: 57px;
		width: 101px;
		background-image: url("../images/main-menu-reste.gif");
		background-repeat: no-repeat;
   	}

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

              CONTENT
			  
   ----------------------------------------- */
   
   	#contenu {
		position: relative;
		width: 758px;
		min-height: 350px;
		
		background-color: #899ddc;
		/*border: 1px #263b87 solid;*/
   	}
	
	* html #contenu {	
		height: 350px;
   	}
	
	#contenu .left{
		position: absolute;
		min-height: 340px;
		width: 190px;
		padding-top: 20px;
		text-align: center;
	}
	
	* html #contenu .left {
		height: 340px;
	}
		
	#contenu .right{
		position: relative;
		left: 190px;
		
		margin: 0px;
		padding: 0px;
		padding-bottom: 25px;

		padding-left : 25px;
		padding-right : 25px;

		width: 519px;
		min-height: 350px;
		
		/*background-color: #e2eefc;*/
		background-color: #fff;
		overflow-x : hidden;
		border-left : 1px solid #666;
	}
	
	* html #contenu .right {
		height: 350px;
	}
		
	#cefmlogo {
		margin-left: 0px;
		margin-right: 25px;
		margin-top: 30px;
		
		height: 50px;
		width: 520px;
		
		background-image: url(../images/cefm-logo.jpg);
		background-repeat: no-repeat;
		background-position: center;
	}

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

              CONTENT - home page
			  
   ----------------------------------------- */

	#contenu .left_home{
		position: absolute;
		min-height: 340px;
		width: 175px;
		padding-top: 20px;
		padding: 20px 5px 5px 5px;
		margin: 0px 5px 5px 5px;
	}
	
	* html #contenu .left_home {
		height: 340px;
	}

	#contenu .left_home hr,
	#contenu .left_home h1, 
	#contenu .left_home h2, 
	#contenu .left_home p {		
		line-height: 100%;
		padding: 0 0 3px 0;
		margin: 0 0 6px 0;
	}
	
	#contenu .left_home h2 {
		font-size: small;
	}
	
	#contenu .left_home p {
		font-size: 9pt;
		line-height:110%;			
	}	
	
	#contenu .back_home{
		position: relative;
		left: 190px;
		width: 570px;
		background-color: #FFFFFF;
	}
	
	#contenu .middle_home{		
		margin: 0px;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 25px;

		width: 383px;
		min-height: 350px;
		
		/*background-color: #e2eefc;*/
		border-left : 1px solid #666;
		
	}
	
	* html #contenu .middle_home {
		height: 350px;
	}	
	
	#contenu .middle_home h1{
		margin: 0px;
		padding: 0px;
		margin-top: 15px;
		margin-left: 25px;
		margin-bottom: 30px;
		color: #002180;
		font-size: 18pt;
		border-bottom: 1px #002180 solid;
		padding-bottom: 4px;
	}

	* html #contenu .middle_home h1{
		margin-top: 20px;
	}	
	
	#contenu .middle_home h2{
		margin: 0px;
		padding: 0px;
		margin-left: 25px;
		margin-top: 25px;
		margin-bottom: 15px;
		color: #002180;
		font-size: 14pt;
	}
	
	#contenu .middle_home p{
		margin-top: 15px;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	#contenu .right_home{
		position: absolute;				
		margin: 0px;
		top: 0px;
		
		padding-top: 20px;
		padding: 20px 5px 5px 5px;
		margin: 0px 5px 5px 5px;
			
		right:0px;

		width: 185px;
		min-height: 350px;
		
		/*background-color: #e2eefc;*/
	}
	
	#contenu .right_home ul{
		padding-left: 0;
		margin-left: 15px;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	* html #contenu .right_home {
		height: 350px;
	}
	
	#contenu .right_home hr,
	#contenu .right_home h1, 
	#contenu .right_home h2, 
	#contenu .right_home p {		
		line-height: 100%;
		padding: 0 0 3px 0;
		margin: 0 0 6px 0;
	}
	
	#contenu .right_home h2 {
		font-size: small;
	}
	
	#cefmlogo_home {
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 30px;
		
		height: 50px;
		width: 310px;
		
		background-image: url(../images/cefm-logo.jpg);
		background-repeat: no-repeat;
		background-position: center;
	}


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

              CONTENT - Médiathèque
			  
   ----------------------------------------- */

#contenu #lignebtn{
	width:100%;
	height:95px;
}

#contenu #btn_photos, 
#contenu #btn_videos,
#contenu #btn_bulletins{
	border: 0px;
}

.tableau-logos img {
	border: 0px;
}

.no-border {
	border: 0px;
}

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

            CALENDRIER
			  
   ----------------------------------------- */
   
	#contenu .right #calendrier h1{
		border: 0px;
		margin-bottom: 10px;
		font-size: 16px;	
	}
	
	#contenu .right #calendrier h2{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 14px;	
	}
	
	#contenu .right #calendrier p{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	#contenu .right #calendrier hr{
		/*width: 545px;*/
		
		width: 520px;
		background-color: #002180;
		margin-bottom: 20px;
		margin-left: 25px;
	}
 
/* -----------------------------------------

              FOOTER
			  
   ----------------------------------------- */  
   	
	#footer { 
   		height: 19px;
		width: 760px;
		
		position: relative;
		
		display: block;
		background-image: url("../images/footer.gif");
		background-repeat: no-repeat;
		
		clear: both;	
	}
	
	#footer-copy {
		position : absolute;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	
	#footer-copy #footer-left {
		float: left;
		width: 350px;		
	}

	#footer-copy a {
		text-decoration : none;
	}

	#footer-copy a:hover {
		text-decoration : underline;
	}

	#footer-copy #footer-right {
		float: right;
		text-align: right;
		
		width: 350px;
		
		background-image:url("../images/nexion50.gif");
		background-position: bottom right;
		background-repeat: no-repeat;
		
		padding-right: 18px;	
	}
	

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

            Formulaire de contact
			  
   ----------------------------------------- */	
	
	
.formulaire .ligne {
	clear : both;
	margin-bottom : 0.5em;
}

.formulaire label {
	display : block;
	float : left;
	margin-right : 10px;
	text-align : left;
	width : 100px;
}

.formulaire .ligneChampTexte input {
	border : 1px solid #666;
	width : 200px;
}

.formulaire .ligneChampTelephone input {
	border : 1px solid #666;
	width : 30px;
}

.formulaire .ligneChampTelephone .derniers_chiffres{
	width : 40px;
}

.formulaire .ligneChampMessage textarea {
	border : 1px solid #666;
	width : 250px;
	height : 100px;
}

.formulaire .ligneChampCaseACocher{
	margin: 0;
}

.formulaire .ligneChampCaseACocher input{
	border-width: 0px;
}

.formulaire .ligneChampCaseACocher label{
	width : 300px;
	display : inline;
	float : none;
	
}

.formulaire .ligneBouton {
	margin-top : 1em;
	margin-bottom : 1em;
}

.formulaire .ligneBouton input {
	margin-left : 110px;

	border : 2px solid #000;
	background-color : #fff;
	color : #000;
	font-family : tahoma,helvetica,sans-serif;
	font-size : 9pt;
	padding : 5px 10px 5px 10px;
	width : 90px;
	font-weight : bold;
}
   

.strong { font-weight: bold; }