body {
	  
	background:#0298D5 url(images/arriere_plan02.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

*{margin:0;padding:0;}

h1{height: 61px;}

a img{
	border: 0 !important;
}

.centre{
	width: 600px;
	margin:0 auto 0 auto;
}

#global {
	background: url(images/fond_ombre.png) 0px 114px repeat-y;
	position: relative;
	width: 983px;
	margin: 0 auto;
	padding-left: 8px;
	zoom:1;
}
#header {
	background:url(images/bandeau.jpg) no-repeat;
	width: 690px;
	height:251px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	
	
	
}
#debut_ombre {
	background:url(images/debut-ombre02.png) repeat-y;
	position: absolute;
	left: 0;
	top: 0;
	width: 972px;
	height: 107px;
	z-index: 0;
}
#header, #colonne_gauche, #colonne_droite {
	position: relative;
	z-index: 1;
}
#colonne_gauche {
	float: left;
	background-color: white;
	width:690px;
	padding: 0 18px;
	background-image:url(images/fond_ombre.png);

}
#colonne_droite {
	float: right;

	width:209px;
	margin-right: -1px;
	

	
}

	
#image_bas_droite {
	position: absolute;
	right: 0;
	bottom: 0;
}



#retour{
	background:url(images/retour-haut-page.jpg) no-repeat;
	
	width:600px;
	height:36px;
	position: relative;
	margin-top: 16px;
	

	
	
	
	
}

#retour a{
	display:block;
	height:100%;
}

h1{
	background:url(images/roue.png) no-repeat ;
	font-size:25px;
	color:#F90;
	padding-left:90px;
	padding-top:10px;
	position:relative;
	left:-23px;
	margin-bottom: 15px;
	margin-top: 15px;


	
	
}

h2{
	color:#FFF;
	font-size: 30px;
	background-color:#006b97;
	padding: 7px 0px 7px 20px;

	
}

h3 {
	font-size:20px;
	color:#2e3538;
	padding-top:20px;
	padding-bottom: 20px;
	padding-left:10px;
	
}
#programme{
	width:600px;
	margin:20px auto 20px auto;
	
	background-color:#FFF;
	padding-bottom: 10px;
	
	
	
	}
	
#programme p, #programme div {
	
	margin-bottom:20px;	
	margin-left:10px;
	/*clear:both;*/
}


.sous_titre{
	font-size:18px;
	color:#000;
	left: -15px;
	position:relative;
	
	
	

	
}

#cadre_haut{
	background-color:#06F;
	background:#006B97 url(images/cadre_haut.jpg) repeat-x;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom: 13px;
	padding-top: 20px;
	
	
	
	
	}
	

	
#texte_gauche{
	color:#FFF;
	font-size: 16px;
	
	
	float:left;
	
	width: 50%;
	
	
	
}
#texte_droit{
	 color:#FFF;
	 font-size:16px;
	 
	 float:left;
	 
	
	 width: 50%;
	
}
	 
.heure{
	color:#3098aa;
	font-style:italic;
	font-size:20px;
	float:left;
	
	
	}
	
.tableau{
	
	border-bottom:#056b97;
	border-top:#056b97;
	
}
#contact {
	background:url(images/cadre_contact.png) no-repeat;
	color:#FFF;
	font-size:0.95em;
	display:block;
	text-align:center;
	height: 40px;
	padding-top: 18px;
	font-weight:bold;
	
	
	
	
	
	
	
	
}
#cadre_haut ul{
	margin-left: 30px;
	
	
	
	
	
	}
	
.tableau{
	border: solid #056b97;
	border-width:1px 0 1px 0; 
	padding: 5px 0 5px ;
	margin-left: 300px;
	margin-right: 15px;
	display:block;
	
	
	
	
	}
	


#debouches{
	color:#FFF;
	font-size: 24px;
	padding-left: 250px;
	line-height:1em;
	
}

.texte1{
	font-size: 15px;
	display:block;
	margin-top:30px;
	

	
	}
	
	#contenu{
	padding:53px 20px 0 20px;
	background-color:#F0ECEB;
	/*height:1300px;*/
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
}
		
h4{
	font-size:18px;
	color:#20282b;
	background:url(images/roue.png) no-repeat;
	position:relative;
	left:-23px;
	padding:20px 0 20px 90px;
	
	
	
	}
	
.logo_cite img{
	
	padding-right:25px;
	border-right: 1px solid #056b97;
	margin-right: 15px;

	padding-left:27px;
	padding-top:10px;
	margin-top:10px;
	width:160px;
	height:35px;
	
	

	
	
	
	
}
	
.logo_cite span{
	position: relative;
	bottom: 15px;
	font-size: 12px;

	
	
	
	}
	
#colonne_droite{
	background:#FFF url(images/logo.png) center top no-repeat;
	width: 211px;
	height:247px;
	/*padding-right:10px;*/

	margin-top:0px;
	margin-right:22px;
	display: inline;
}


	
	

#flash{
	background-color:#FFF;
	width: 200px;
	margin: 240px auto 0 auto;
	padding-top: 25px;
	text-align: center;
	color:#00649f;
	font-size:0.8em;
	line-height:1.2em;
	
}

#flash .handicap{
	margin-bottom:20px;	
}

#flash p{
	margin-bottom:15px;	
	padding:0 3px 0 3px;
}


.interneflash{
	margin-bottom:15px;	
}




a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
}
a:visited {
	color: #f39801;
}
a:hover {
	color: #333;
}

dl, dt,  {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position:absolute;
	top: 0; /* Position par rapport au bord haut */
	left: 0; /* Position par rapport au bord gauche */
	z-index:100;
	font: 12px Arial, Helvetica, sans-serif;
	width: 700px;
	text-align: left;
}
#menu dl {
float: left;
/* Largeur de chaque bouton */
height: 47px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:url(images/menu.gif) repeat-x; /* Vert - couleur de fond des boutons */
 										/* Couleur et taille des bordures des boutons */
margin: 1px;
height:47px;/* Espace entre les boutons */

}
 /* Arrière plan des sous-menu balise dd */

#menu li {
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	border: #CCFF00;
}
#menu li a, #menu dt a {
	padding-top:7px;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	text-align: center;
	text-indent: 5px; /* Décalage du texte des menu et sous-menu */
}
#menu li a:hover, #menu dt a:hover, #menu dt a:active, #menu dt a.active {
background: url(images/menu-on.png) repeat-x; /* Vert - couleur du fond du roll-over */
color: #FFF; /* Vert foncé - couleur du texte roll-over */



}

#bt1{
	
	width:162px;
	
}

#bt2{
	width:113px;
	
	}
	
#bt3{
	width: 155px;
	
	
	}
	
#bt4{
	width:180px;
	
}

#bt5{
	width: 81px;
	
	
	}
	
.picto{
	
	display:block;
	float:left;
	width:40px;
	position:relative;
	top:-5px;
	
	

	
}
	
ul{
	
	list-style-type:none;
		
		
}
.liste_haut li{
	
	clear:left;
	margin-bottom:15px;
	
	
	
	
	
	
	}
	
	
	#lightbox { position:absolute; width:761px; height:456px; background:url(images/lightbox.png); left:-120px;top:-50px;}

#lightbox2 { position:absolute; width:762px; height:525px; background:url(images/lightbox2.png); left:-120px;top:-50px;}

#containerLightbox { position:absolute; left:-120px;top:-50px;}

#containerLightbox div a{color:white;text-transform:uppercase;text-decoration:none}

#containerLightbox div a:hover{text-decoration:underline}

.headLightbox { padding-top:56px; margin-left:46px;}

.logoquestion { background:url(images/question.png); width:67px; height:83px; float:left; margin-top:-21px; margin-right:8px;}

.logosendmail { background:url(images/sendmail.jpg); width:288px; height:52px; float:left; margin-top:-21px; margin-right:8px;}

.poserQuestion { font-size:25px;font-weight:bold; float:left; text-transform:uppercase; color:#FFFFFF; float:left; margin-top:13px;}

.prevention { width:270px; color:#FFFFFF;font-size:12px; float:left; margin-bottom:15px;}

.prevention a { color:#FFFFFF; border-bottom:1px solid #c7d4d9;}

.contentLightbox { margin-left:46px; width:659px;}

.condition { font-size:10px;  color:#FFFFFF; float:left; margin-top:-30px ; margin-left:10px;}

.textareaQuestion { width:350px; height:271px; border:1px solid #827e75; float:right; padding-top:20px; padding-left:15px; font-size:14px;  color:#6d7071;}

.infoPerso { color:#575a5b; height:22px; width:246.5px; margin-bottom:15px;  font-size:14px; padding-left:22px; background:url(images/input.gif); border:none;}

.comboTheme { float:right; margin-right:20px;font-size:14px; color:#575a5b; background:#cad3db; border:1px solid white;}

.btnEnvoyer { float:right; margin-top:6px; margin-bottom: 2px; background:url(images/envoyer.gif); font-size:14px;  color:#FFFFFF; border:none; width:109px; height:24px;}

.fermerLightbox { position:absolute; width:69px; height:24px; left:680px; top:15px;}

/* PAGE 2 - Filières de formation */


.p2 #cadre_blanc{
	background-color:#FFF;
	width:570px;
	padding-top: 30px;
	padding-left:10px;
	padding-bottom: 20px;
	
	padding-right:5px;
	margin-top:-20px;
	
}



h5 {
	background:url("images/roue.png") no-repeat scroll 0 0 transparent;
	color:#20282B;
	font-size:18px;
	left:-23px;
	padding:20px 0 20px 90px;
	position:relative;
}


.p2 #cadre-bas{
	background-color:#06F;
	background:url(images/cadre_bas.jpg) repeat-x;
	padding-left: 17px;
	
	
	height: 184px;
	font-size: 15px;
	color:#FFF;

	
}


.p2 #cadre-bas h2{
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	padding-bottom: 12px;
	padding-top:12px;
	background: none;
}

.p2 #cadre-bas h3 {
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	padding-top:19px;
}

.p2 #logos_bas{
	background:url("images/logo_bas.png") no-repeat scroll center center #FFFFFF;
	height:80px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;
}

.p2 .logo_cite img{
	padding-left: 50px;
}


.p2 .diplome{
	padding-left:300px;
	padding-top:5px;
	color:#f39801;
	font-size:16px;
	font-weight:bold;
		
}


.p2 .tableau  {
	border-bottom:medium none #056B97;
	border-top:medium none #056B97;
	border-color:#056B97;
	border-style:solid;
	border-width:1px 0;
	display:block;
	margin-left:300px;
	margin-right:15px;
	padding:5px 0;
}


.heure{
	color:#3098aa;
	font-style:italic;
	font-size:20px;
	float:left;
	
	
	}
.tableau{
	border: solid #056b97;
	border-width:1px 0 1px 0;
	padding: 5px 0 5px ;
	margin: 0 15px 20px 300px;
	display:block;
	
}
.tableau{
	
	border-bottom:#056b97;
	border-top:#056b97;
	
}
	

.titre1{
	background:url(images/produc.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
	
	
}

.titre2{
	background:url(images/chaudronnerie.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
	
	
}
.titre3{
	background:url(images/maintenance.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre4{
	background:url(images/electro-tech.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre5{
	background:url(images/informatique.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre6{
	background:url(images/ressources-humaines.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre7{
	background:url(images/technico-comm.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre8{
	background:url(images/supplychain.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre9{
	background:url(images/qse.png) no-repeat;
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:30px;
	padding-top:8px;
}
.titre10{
	
	color:#3098aa;
	font-weight:bold;
	font-size:16px;
	margin-left:5px;
	padding-left:5px;
	padding-top:8px;
}


/* /PAGE 2 */



/* PAGE 3 - Coup de projecteurs sur les métiers */


.p3 #cadre_blanc {
background-color:#FFFFFF;
margin-bottom:20px;
margin-top:-20px;
padding:20px;
width:560px;
}



.titrebleu1{
	background:url(images/produc.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu2{
	background:url(images/maintenance.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu3{
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	display:block;
}
.titrebleu4{
	background:url(images/informatique.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu5{
	background:url(images/technico-comm.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu6{
	background:;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu7{
	background:url(images/supplychain.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu8{
	background:url(images/ressources-humaines.png) no-repeat;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu9{
	background:url(images/qse.png) no-repeat ;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}
.titrebleu10{
	background:url(images/electro-tech.png) no-repeat ;
	color:#006b96;
	font-size: 18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:35px;
	padding-bottom:5px;
	display:block;
	
}





.p3 .texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:10px;
}

	
	
	


/* /PAGE3 */


/* PAGE 4 */


.p4 .photo span{
font-size:14px;
font-weight:bold;
}


.p4 #photo1{
	background:url(images/benjamin.jpg) no-repeat;
	padding-left:170px;
	padding-bottom:20px;
	height:116px;
	
}

.p4 #photo2{
	background:url(images/virginie.jpg) no-repeat;
	padding-left:170px;
	padding-bottom:20px;
	margin-top:20px;

	height: 116px;
	
	
}

.p4 #photo3{
	background:url(images/jeremy.jpg) no-repeat;
	padding-left:170px;
	padding-bottom:20px;
	margin-top:20px;
	
	height:114px;
	
}

.p4 #photo4{
	background:url(images/sylvain.jpg) no-repeat;
	padding-left:170px;
	padding-bottom:20px;
	margin-top:20px;

	height:117px;
	
	
}

.p4 #photo5{
	background:url(images/ivan.jpg) no-repeat;
	padding-left:170px;
	padding-bottom:40px;
	margin-top:20px;

	height:116px;
	
	
}

.p4 #titre_orange {
color:#F09323;
font-weight:bold;
padding-bottom:20px;
}

.p4 #titre_orange p{
color:#000;
font-weight:normal;
}

.p4 h4{zoom:1;}

.p4 .logo_cite img{padding-left: 0;}

#logohandicap {
	background:url("images/handi.png") no-repeat scroll 0 0 transparent;
	height:247px;
	margin-left:25px;
	padding-right:10px;
	width:200px;
	margin-top: 20px;
}


/* /PAGE4 */