/* CSS WEBMARKETING */

body {
	background-image: url("background.png");
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	margin-top:15px;}

a:focus { outline:none; }

#div_container  {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#div_header {
	width:960px;
	height:190px;
}
	
#div_logo {
	float: left;
	width: 89px;
	height: 82px;
	margin-left:6px;	
}

#div_titre1 {
	float: left;
	width: 483px;
	height: 52px;
	padding-top:10px;
	padding-left:20px;	
}

#div_menu {
	float: left;
	top: 100px;
	left: 5px;
	width: 948px;
	height: 58px;
	margin-top:10px;
}

#div_bouton1 {
	float: left;
	top:0px;
	width:154px;
	height:58px;	
}

#div_bouton2 {
	float: left;
	left:154px;
	width:160px;
	height:58px;	
}

#div_bouton3 {
	float: left;
	left:314px;
	width:160px;
	height:58px;	
}

#div_bouton4 {
	float: left;
	left:474px;
	width:160px;
	height:58px;	
}

#div_bouton5 {
	float: left;
	left:634px;
	width:160px;
	height:58px;	
}

#div_bouton6 {
	float: left;
	left:794px;
	width:154px;
	height:58px;	
}

#div_backgroundCentre {
	margin-top: -50px;
	width:948px;
	height:371px;
	background-image:url("images/homePage/background/background-centre.png");
}

#div_blocGaucheTexte {
	float: left;
	width: 255px;
	height: 65px;
	margin-top: 35px;
	margin-left: 15px;
}

#div_blocGaucheTexte1 {
	float: left;
	width: 250px;
	height: 200px;
	margin-top: 120px;
	margin-left: -250px;
}

#div_bProgramme {
	float: left;
	width: 159px;
	height: 40px;
	margin-top: 195px;
	margin-left: -280px;
}

#div_bPatch {
	float: left;
	width: 120px;
	height: 120px;
	margin-top: 215px;
	margin-left: -260px;
}

#div_blocDroit {
	float: right;
	width: 296px;
	height: 334px;
	background-image:url('images/homePage/Blocs/blocDroit/bloc-droit.png');
	margin-right: 10px;	
	margin-top: 25px;

}

#div_blocDroitPhoto {
	float: right;
	width: 163px;
	height: 166px;
	margin-top: 10px;
	margin-right: 120px;
}

#div_blocDroitPhotoTexte {
	float: right;
	width: 110px;
	height: 166px;
	margin-top: -170px;
	margin-right: 5px;
}

#div_blocDroitTexte {
	float: right;
	width: 280px;
	height: 150px;
	margin-top: 15px;
	margin-right: 5px;
	
}

#div_blocs {
	position: relative;
	width:948px;
	height:220px;
	margin-top:5px
}

#div_bloc1 {
	float: left;
	position: absolute;
	top: 5px;
	left: 8px;
	width:308px;
	height:212px;
	background-image:url("images/homePage/Blocs/bloc1.png");
}

#div_bloc1Titre {
	float: left;
	position: relative;
	top: 8px;
	left: 15px;
	width: 280px;
	height: 15px;
	margin-top:5px
}

#div_bloc1Titre1 {
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	width: 280px;
	height: 20px;
	margin-top:5px
}

#div_bloc1Texte {
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	width: 280px;
	height: 80px;
	margin-top:5px
}

#div_bloc1Bouton {
	float: right;
	position: relative;
	top: 28px;
	right: 10px;
	width: 140px;
	height: 40px;
}

#div_bloc2 {
	float: left;
	position: absolute;
	top: 5px;
	left: 320px;
	width:308px;
	height:212px;
	background-image:url("images/homePage/Blocs/bloc2.png");
}

#div_bloc2Titre {
	float: left;
	position: relative;
	top: 8px;
	left: 12px;
	width: 280px;
	height: 15px;
	margin-top:5px
}

#div_bloc2Titre1 {
	float: left;
	position: relative;
	top: 20px;
	left: 12px;
	width: 280px;
	height: 20px;
	margin-top:5px
}

#div_bloc2Texte {
	float: left;
	position: relative;
	top: 22px;
	left: 12px;
	width: 280px;
	height: 80px;
	margin-top:5px
}

#div_bloc2Bouton {
	float: right;
	position: relative;
	top: 28px;
	right: 10px;
	width: 140px;
	height: 40px;
}

#div_bloc3 {
	float: right;
	position: absolute;
	top: 5px;
	right: 8px;
	width:308px;
	height:212px;
	background-image:url("images/homePage/Blocs/bloc3.png");
}

#div_bloc3Titre {
	float: left;
	position: relative;
	top: 8px;
	left: 12px;
	width: 280px;
	height: 15px;
	margin-top:5px
}

#div_bloc3Titre1 {
	float: left;
	position: relative;
	top: 20px;
	left: 12px;
	width: 280px;
	height: 20px;
	margin-top:5px
}

#div_bloc3Texte {
	float: left;
	position: relative;
	top: 22px;
	left: 12px;
	width: 280px;
	height: 80px;
	margin-top:5px
}

#div_bloc3Bouton {
	float: right;
	position: relative;
	top: 28px;
	right: 10px;
	width: 140px;
	height: 40px;
}


#div_footer {
	width:948px;
	height:38px;
	background-image:url("images/footer.png");
}
#div_footerTexteGauche {
	float: left;
	width: 120px;
	height: 10px;
	margin-top: 10px;
	margin-left: 10px;
	
}

#div_footerTexteDroite {
	float: right;
	width: 120px;
	height: 10px;
	margin-top: 10px;
}


/* style page contenu */


#div_backgroundCentrePage {
	margin-top: -30px;
	width:948px;
	height:572px;
	background-image:url("images/Pages/background/background-centre-page.png");	
}

#div_blocGaucheTextePage {
	float: left;
	width: 600px;
	height: 540px;
	margin-left: 15px;
}

#div_blocDroitPage {
	float: right;
	top: 30px;
	right: 8px;
	width: 310px;
	height: 540px;
}

#div_bloc1Page {
	float: right;
	right: 8px;
	width:308px;
	height:212px;
	background-image:url("images/homePage/Blocs/bloc1.png");
	margin-top: 20px;
	margin-right: 10px;
}

#div_bloc1TitrePage {
	float: left;
	position: relative;
	top: 8px;
	left: 15px;
	width: 280px;
	height: 15px;
	margin-top:5px
}

#div_bloc1Titre1Page {
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	width: 280px;
	height: 20px;
	margin-top:5px
}

#div_bloc1TextePage {
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	width: 280px;
	height: 80px;
	margin-top:5px
}

#div_bloc1BoutonPage {
	float: right;
	position: relative;
	top: 28px;
	right: 10px;
	width: 140px;
	height: 40px;
}

#div_bloc2Page {
	float: right;
	right: 10px;
	width:308px;
	height:212px;
	background-image:url("images/homePage/Blocs/bloc2.png");
	margin-top: 20px;
	margin-right: 10px;

}

#div_bloc2TitrePage {
	float: left;
	position: relative;
	top: 8px;
	left: 12px;
	width: 280px;
	height: 15px;
	margin-top:5px
}

#div_bloc2Titre1Page {
	float: left;
	position: relative;
	top: 20px;
	left: 12px;
	width: 280px;
	height: 20px;
	margin-top:5px
}

#div_bloc2TextePage {
	float: left;
	position: relative;
	top: 22px;
	left: 12px;
	width: 280px;
	height: 80px;
	margin-top:5px
}

#div_bloc2BoutonPage {
	float: right;
	position: relative;
	top: 28px;
	right: 10px;
	width: 140px;
	height: 40px;
}

/* style page contenu extensible */


#div_bandeauCentreHaut {
	width:948px;
	height:20px;
	background-image:url("images/Pages/background/bandeau-centre-haut.png");
	margin-top:-30px;	
}

#div_bandeauCentreMilieu {
	width:947px;
	height:auto;
	background-color: #fefefe;
}

#div_bandeauCentreBas {
	width:948px;
	height:20px;
	background-image:url("images/Pages/background/bandeau-centre-bas.png");	
}

#div_blocProgramme {
	float: left;
	width:450px;
	height:400px;
	background-image:url('images/bloc-programme.png');
	margin-left: 10px;
}

#div_blocTexteProgramme {
	float: left;
	width: 450px;
	height: 400px;
	margin-top: 20px;
	margin-left: 10px;
}

#div_bloc1Programme {
	float: left;
	width:450px;
	height:400px;
	background-image:url('images/bloc-programme.png');
	margin-left: 10px;
}

#div_bloc1TexteProgramme {
	float: left;
	width: 450px;
	height: 400px;
	margin-top: 20px;
	margin-left: 10px;
}

#div_blocTemoignage {
	float: left;
	width: 180px;
	height: 123px;
	background-image:url('images/elementsGraphiques/bloc-temoignage.png');
	margin-top: -30px;
	margin-left: 10px;
}

#div_blocTitre1Temoignage {
	float: left;
	width: 170px;
	height: 105px;
	margin-top: 20px;
	margin-left: 5px;
}

#div_blocTitreTemoignage {
	float: left;
	width: 170px;
	height: 20px;
	margin-top: 5px;
}

#div_blocTexteTemoignage {
	float: left;
	width: 700px;
	height: 483px;
	background-image:url('images/elementsGraphiques/bloc-texte-temoignage.png');
	margin-top:120px;
	margin-left: -50px;
}
#div_blocTexte1Temoignage {
	float: left;
	width: 690px;
	height: 450px;
	margin-top:20px;
	margin-left: 20px;
}

#div_blocMetiers {
	float: left;
	width:446px;
	height:244px;
	background-image:url('images/elementsGraphiques/bloc-metiers.png');
	margin-left: 10px;
}

#div_blocTexteMetier {
	float: left;
	width:446px;
	height:244px;
	margin-top: 20px;
	margin-left: 20px;
}

#div_bloc1Metier {
	float: left;
	width:446px;
	height:244px;
	background-image:url('images/elementsGraphiques/bloc-metiers.png');
	margin-left: 10px;
}

#div_bloc1TexteMetiers {
	float: left;
	width:446px;
	height:244px;
	margin-top: 20px;
	margin-left: 20px;
}



/* faire un nouveau div bouton */

.bouton {
	float: left;
	width:154px;
	height:58px;	
}