/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#130d2d;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

#global{
	width:995px;
	margin:auto;
	padding:0;
	background-color:#008dcd;
	position: relative;
	z-index: 10;
}

#superGlobal{
	background-color:#008dcd;
	border: 1px solid #737f67;
	position: absolute;
	width:995px;
	z-index: 100;
	left: 0;
	top: 0;
}

.clear {
	clear:both;
	height:0;
}

#repere{
	position:absolute;
	z-index:99;
	right:0;
	bottom:0;
	width:1px;
	height:1px;
}


* { outline: none; }

/***********************	INDEX	************************/

#gauche-index{
	float:left;
	width:805px;
	height:594px;
	margin:0;
	padding:0;
	background-image:url(images/fond-index2.jpg);
	background-repeat:no-repeat;
	position: relative
}

#teleAccueil{
	bottom: 40px;
	left: 235px;
	position: absolute;
}

#entete{
	width:805px;
	float:left;
	height:132px;
	margin:0;
	padding:0;
}

#logo{
	float:left;
	width:438px;
	height:106px;
	margin:20px 0 0 30px;
	padding:0;
	display:inline;
}

#logo img{
	border:0;
	text-decoration:none;
}

#bouton-entree{
	float:left;
	width:420px;
	margin:35px 0 0 95px;
	padding:0;
	display:inline;
}

#bouton-entree img{
	padding:5px;
	border:none;
	width:126px;
	height:126px;
}

#bouton-entree img:hover{
	 filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

#droite-index{
	float:right;
	width:190px;
	height:594px;
	margin:0;
	padding:0;
	background-image:url(images/fond-index-droite.jpg);
	background-repeat:no-repeat;
}

#coordonnees{
	margin:20px 0 30px 15px;
	padding:0;
}

#actus{
	float:left;
	margin:20px 0 0 15px;
	display: inline;
	padding:0 0 0 20px;
	width:150px;
	height:160px;
	background-image:url(images/fond-actus.png);
	background-repeat:no-repeat;
	background-position:top left;
}

#actus p{
	font-family:arial;
	font-size:85%;
	color:#FFF;
	margin:0;
	padding:0;
}

#actus h2{
	font-family:arial;
	font-size:90%;
	color:#FFF;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
}

#blocBas{
	width:800px;
	margin:auto;
	padding:280px 0 0 0;
	color:#CCCCCC;
	font-size:80%;
}

#blocBas h1{
	color:#CCCCCC;
	font-size:90%;
	text-align:center;
}

#blocBas p{
	color:#CCCCCC;
	font-size:80%;
}

#blocBas a{
	color:#CCCCCC;
	text-decoration:none;
}


/***********************	INDEX	************************/

#gauche{
	float:left;
	width:805px;
	min-height:594px;
	margin:0;
	padding:0;
}

#entete2{
	width:805px;
	float:left;
	height:200px;
	margin:0;
	padding:0;
	background-image:url(images/fond-entete2.jpg);
	background-repeat:no-repeat;
}

#logo{
	float:left;
	width:438px;
	height:106px;
	margin:20px 0 0 30px;
	padding:0;
	display:inline;
}

#menu ul{
	width:785px;
	display:inline;
	float:left;
	margin:25px 0 0 20px;
	padding:0;	
}

#menu li{
	width:160px;
	display:inline;
	float:left;
	margin:0 35px 0 0;
	padding:0;
	list-style:none;
}

#menu li img:hover{
	 filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

#menu #menuContact{
	width:160px;
	display:inline;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
	list-style:none;
}

#droite{
	float:left;
	width:190px;
	min-height:843px;
	margin:0;
	padding:0;
	background-image:url(images/fond-droite.jpg);
	background-repeat:no-repeat;
}

#contenuGauche{
	float:left;
	margin:0;
	padding:0;
	background-image:url(images/fond-colonnegauche2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:163px;
	min-height:495px;
}

#contenuGauche #imgGauche{
	margin:10px 0 0 30px;
}

#contenuDroite{
	float:left;
	margin:0;
	padding:50px 5px 0 25px;
	background-image:url(images/fond-colonnedroite.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:612px;
	min-height:495px;

}

/*sous menu*/


#listePages{
	float:left;
	width:123px;
	margin:25px 0 0 20px;
	padding:0;
	background-repeat:none;
	display:inline;
}

#listePages.listeCampus ul{
	background:url(images/fond-campus-centre.png) repeat-y top left;
}

/*#listePages.listeCampus{
	padding:0 0 10px 0;
	background:url(images/fond-campus-bas.png) no-repeat bottom left;
}*/

#listePages .fondBasCampus{
	background:url(images/fond-campus-bas.png) no-repeat bottom left;
	height:19px;
	margin:-3px 0 0 0;
}

#listePages.listeEntreprises ul{
	background:url(images/fond-entreprise-centre.png) repeat-y top left;
}

/*#listePages.listeEntreprises{
	padding:0 0 10px 0;
	background:url(images/fond-entreprise-bas.png) no-repeat bottom left;
}*/

#listePages .fondBasEntreprises{
	background:url(images/fond-entreprise-bas.png) no-repeat bottom left;
	height:19px;
	margin:-3px 0 0 0;
}

#listePages.listeEtudiants ul{
	background:url(images/fond-etudiant-centre.png) repeat-y top left;
}

/*#listePages.listeEtudiants{
	padding:0 0 10px 0;
	background:url(images/fond-etudiant-bas.png) no-repeat bottom left;
}*/

#listePages .fondBasEtudiant{
	background:url(images/fond-etudiant-bas.png) no-repeat bottom left;
	height:19px;
	margin:-3px 0 0 0;
}

.listeContact{
	background-image:url(images/fond-liste-contact.png);
	background-repeat:no-repeat;
	height:64px;
}

.listeContact img{
	margin:20px 0 0 25px;
}

#listePages{
	color:#FFFFFF;
	font-size:80%;
}

#listePages ul{
	margin:-3px 0 0 0;
	padding:0;
	list-style:none;
}

#listePages li{
	margin:0 0 3px 10px;
	padding:0;
}

#listePages li a{
	color:#FFFFFF;
	padding:0 0 0 9px;
	text-decoration:none;
}

#listePages li a:hover,#listePages li a.actif {
	color:#ffec00;
	background:url(images/puce-sousmenu.png) no-repeat left 4px;
	text-decoration:none;
}

#listePages li a:active{
	color:#ffec00;
	text-decoration:none;
}



/*h1*/

#contenuDroite h1{
	font-size:135%;
	color:#FFFFFF;
	margin:0;
	padding:0 0 0 20px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left;
}

hr{
	color:#FFFFFF;
	margin:10px 0 20px 0;
}

/*page Campus*/

#contenuDroite.pageCampus h1{
	background-image:url(images/puce-orange.png);
	background-position:left;
	width:540px;
}

#contenuDroite.pageEtudiant h1{
	background-image:url(images/puce-vert.png);
	background-position:left;
	width:540px;
}

#contenuDroite.pageEntreprise h1{
	background-image:url(images/puce-rouge.png);
	background-position:left;
	width:540px;
}

#contenuDroite.pageContact h1{
	background-image:url(images/puce-blanc.png);
	background-position:left;
	width:540px;
}

#page{
	/*float:left;*/
	width:612px;
	font-size:85%;
	color:#FFFFFF;
	padding: 5px 0 10px 0;
	margin:0;
}

#page h2{
	font-size:120%;
	padding-left:4px;
}

#page h3{
	font-size:120%;
	padding-left:4px;
}

#page a{
	color:#FFF;
	text-decoration:none;
}

#page p{
	padding-left:5px;
	margin-bottom:15px;
}

#page ul{
	/*list-style:none;*/
	margin:10px 0 0 0;
	padding:0 0 10px 15px;
	
}

.imageCampus{
	float:right;
	margin:0;
	padding:0 0 0 15px;
}
	
.jaune{
	color:#ffec00;
	font-size:120%;
	font-weight:bold;
}

#contenuDroite.pageCampus h2, #contenuDroite.pageEtudiant h2, #contenuDroite.pageEntreprise h2{
	color:#ffec00;
	font-size:120%;
	font-weight:bold;
	border-top:2px solid #ffec00;
	border-right:2px solid #ffec00;
	border-bottom:2px solid #ffec00;
	margin:0;
	padding:5px;
	display: inline;
	/*clear: both;*/
}

/*modele tableau*/
	.tableauMission{
		width:100%;
		margin:10px 0 5px 0;
		font-size:90%;
		color:#FFF;
	}
	
	.tableauMission th{
		/*background-image:url(images/fond-entete-tableau.gif);
		background-repeat:repeat-x;
		background-position:left bottom;*/
		background:#fff;
		padding:4px;
		font-size:110%;
		color:#0b72b5;
		text-transform:uppercase;
		text-align:left;
	}
	
	.tableauMission td{
		padding:6px;
		background-color:#21aae3;
		text-align:left;
	}
	
	.tableauMission td.premiereCellule{
		text-align:left;
	}
	
.tableauFormations td.bord{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

.tableauFormations h3{
	font-size:13px;
	font-weight:bold;
	border-left:4px solid #FFFFFF;
	margin:0;
	padding:0;
}

.tableauFormations h3 em{
	display:block;
	color:#ffec00;
	font-style:italic;
}

.tableauFormations h3 span{
	font-size:13px;
}

#page p.savoir-plus{
	text-align:right;
}

#page p.savoir-plus a{
	color:#ffec00;
}

#page p.savoir-plus a:hover{
	text-decoration:underline;
	color:#ffec00;
	
}

/*plan google*/

#plan{
	width:600px;
	height:213px;
	margin:25px 0 0 10px;
	padding:0;
}

#coordonnees-plan{
	width:125px;
	height:198px;
	background-color:#202f6c;
	margin:0;
	padding:15px 0 0 0;
	float:left;

}

#googleMap{
	width:475px;
	height:213px;
	margin:0;
	padding:0;
	float:left;
}

/***********************	PIED	************************/

#pied-index{
	width:995px;
	margin:auto;
	padding:0;
}

#pied-index p{
	padding:5px 0 5px 0;
	margin:0;
	text-align:right;
	color:#FFF;
	font-size:85%;
}

#pied-index a{
	color:#FFF;
	text-decoration:none;
}

#pied{
	width:995px;
	margin:0;
	padding:15px 0 5px 0;
}

#pied p{
	margin:0 0 0 230px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:85%;
}

#pied a{
	color:#FFF;
	text-decoration:none;
}
#pied span{
	color:#a7c500;
	font-weight:bold;
}

#adresse-pied{
	width:800px;
	margin:0;
	padding:0;
	float:left;
}

#hr-pied{
	background: none;
	border: 0;
	border-top: 1px dotted #fff;
	height: 0;
	margin:0;
	padding:0;
}

#contact{
	float:right;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
}

#contact p{
	margin:0;
	padding:5px 0 5px 0;
	text-align:center;
	color:#FFF;
	font-size:85%;

}
/***********************	PIED	************************/


/* ================================ FORMULAIRE */
	#formulaire{
		margin:0 0 0 35px;
	}
	
	.asterisque{
		color:#d9d9d9;
	}
	
	#formulaire label{
		float:left;
		display:block;
		width:110px;
		padding:3px 0 0 0;
		color:#FFF;
	}
	
	#formulaire h3{
		margin:5px 0 4px 0;
		font-size:100%;
		font-weight:bold;
		color:#ffec00;
	}
	
	#formulaire ul{
		margin:0 0 0 5px;
		padding:0 0 7px 0;
		list-style:none;
	}
	
	#formulaire ul li{
		margin:0 0 3px 0;
		padding:0;
		background-image:none;
	}
	
	#formulaire label.label2{
		float:none;
		display:inline;
		color:#FFF;
	}
	
	.moyenChamp, .grandChamp, .petitChamp, .tresPetitChamp, .zoneAdresse, .zoneMessage{
		float:left;
		display:block;
		margin:0 0 6px 0;
		border:1px solid #b2b2b1;
		font-family:verdana;
		font-size:12px;
		color:#000;
		padding:2px 3px 2px 3px;
	}
	
	.moyenChamp{
		width:150px;
	}
	
	.petitChamp{
		width:100px;
	}
	
	.tresPetitChamp{
		width:42px;
	}
	
	.grandChamp{
		width:250px;
	}
	
	.zoneAdresse{
		width:200px;
		height:45px;
	}
	
	.zoneMessage{
		width:350px;
		height:120px;
	}
	
	#envoyerFormulaire{
		margin:1px 0 0 225px;
	}
/* ================================ FORMULAIRE */