/*							 */
				/*    Le fond de la page 	 */
				/*							 */
	/*Caractéristiques générales de la page*/
body {
	background-image: url("design/fonddegrade.gif");
   	background-repeat: repeat-x; /* Le fond ne se répètera que sur la première colonne,horizontalement */
	/*font: normal 80%/1em  Verdana, "Trebuchet MS",Arial, sans-serif;*/
	font-size: 11px;
	font-family:Verdana;
	/*color: black;*/
	color:#666666;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
	scroll:yes;
}
#centrage{
	position:relative;
	top:0px;
	left:0px;
	width:1024px;
	heigth:0px;
	height: 20px;


}
				/*	                         */
				/*		Les liens			 */
				/*							 */
a {
	color: #496FB3;
	text-decoration: none;
}
/* les liens deja visités par l'utilisateur*/
a:visited {
	text-decoration: none;
}
/*caracteristique du lien quand on le survol*/
 a:hover{
	color:#B1A8A9;
}

a img {
	border: 0 none; /*on en met pas de bordures aux liens images*/
}
					/*						*/
					/*  	le Header		*/
					/*						*/
	
#header {
	position:absolute;
	top: 20px;
	/*right: 30px;*/
	left:65px;
	width: 889px;
	height: 158px;
	margin: 0 auto;
	text-align: left;
	background-image: url("design/header.gif") ;
	background-repeat:no;
	}
	#lienaccueil {
	position:absolute;
	top: 50px;
	/*right: 30px;*/
	left:20px;
	width: 175px;
	height:80px;
	}
	
	/* Emplacement du bandeau*/
#bandeauwebdesign {
	position:absolute;
	top:33px;
	/*right:3px;*/
	left:206px;
}
#bandeauwebdesign img{
width:679px;
}
	/* Emplacement du sous menu*/
#sousmenu {
	position:absolute;
	font-size: 10px;
	top: 183px;
	right: 30px;
		left:270px;
	width: 683px;
	height:20px;
	text-align: left;
	font-family:Verdana;
	color:#A8ACB1;
	/*background-color:#000000;*/
}
	/* Les ">" du sous menu seront tous bleu*/
.bleu{
	color:#496FB3;
}
.rose{
color:#AB4CA8;
	font-size:12px;
	font-family:Verdana;
	text-align:left;
	font-weight:bold;
}

	/* les liens ectifs de arborescence du sous menu seront en bleu*/
#sousmenu a {
	color:#496FB3;
}
#sousmenu a:hover{
	color:#B1A8A9;
}
	/* Emplacement de la rubrique contact en haut a droite*/
#contact {
	position:absolute;
	top:15px;
	right:10px;
}
					/*							*/
					/*   Le cadre de la page	*/
					/*							*/
#corpsstudio{
	position:absolute;
	background-image: url("design/fondcorps.gif");
	background-repeat: repeat-y;
	top: 178px;
	/*right: 30px;*/
	left:65px;
	width: 889px;
	height: 372px;
}

#corps{
	position:absolute;
	background-image: url("design/fondcorps.gif");
 	background-repeat: repeat-y;
	top: 178px;
	/*right: 31px;*/
		left:65px;
	width: 889px;
	height: 650px;
}
#corpscartes{
	position:absolute;
	background-image: url("design/fondcorps.gif");
 	background-repeat: repeat-y;
	top: 178px;
	/*right: 31px;*/
		left:65px;
	width: 889px;
	height: 525px;
}
#corpspochettes{
	position:absolute;
	background-image: url("design/fondcorps.gif");
 	background-repeat: repeat-y;
	top: 178px;
	/*right: 31px;*/
		left:65px;
	width: 889px;
	height: 515px;
}

#menu{
	position:absolute;
	top:209px;
	/*right:735px;*/
	left:90px;
	width:160px;
	height:260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/3filets.gif");
	background-repeat: no-repeat;
}
#menu a:hover{
	color:#B1A8A9;
}

#menustudio{
	position:absolute;
	top:209px;
	/*	right: 735px;*/
	left:90px;
	width: 160px;
	height: 250px;
	text-align:right;
	text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menustudio.gif");
	background-repeat: no-repeat;
}

#menustudio a{
	color:#496FB3;
}
#menustudio a:hover{
	color:#B1A8A9;
}

#menustudio p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
#menugrandpublic{
	position:absolute;
	top:209px;
/*	right: 735px;*/
		left:90px;
	width: 160px;
	height: 250px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menugrandpublic.gif");
	background-repeat: no-repeat;
	/*	background:black;*/
}

#menugrandpublic a{
	color:#496FB3;
}
#menugrandpublic a:hover{
	color:#B1A8A9;
}


#menugrandpublic p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
#menucontact{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
}

#menucontact a{
	color:#496FB3;
}
#menucontact a:hover{
	color:#B1A8A9;
}

#menucontact p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}


#menuedition{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuedition.gif");
	background-repeat: no-repeat;
}

#menuedition a{
	color:#496FB3;
}
#menuedition a:hover{
	color:#B1A8A9;
}

#menuedition p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menueditionlogos{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menueditionlogos.gif");
	background-repeat: no-repeat;
}

#menueditionlogos a{
	color:#496FB3;
}
#menueditionlogos a:hover{
	color:#B1A8A9;
}
#menueditionlogos p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menueditioncartes{
	position:absolute;
	top:209px;
	/*right: 735px;*/
	width: 160px;
	left:90px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menueditioncartes.gif");
	background-repeat: no-repeat;
}

#menueditioncartes a{
	color:#496FB3;
}
#menueditioncartes a:hover{
	color:#B1A8A9;
}
#menueditioncartes p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menueditionetc{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menueditionetc.gif");
	background-repeat: no-repeat;
}

#menueditionetc a{
	color:#496FB3;
}
#menueditionetc a:hover{
	color:#B1A8A9;
}
#menueditionetc p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menuparodies{
	position:absolute;
	top:209px;
	/*right: 735px;*/
	
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuparodies.gif");
	background-repeat: no-repeat;
}

#menuparodies a{
	color:#496FB3;
}
#menuparodies a:hover{
	color:#B1A8A9;
}

#menuparodies p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menuparodiespochettes{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuparodiespochettes.gif");
	background-repeat: no-repeat;
}

#menuparodiespochettes a{
	color:#496FB3;
}
#menuparodiespochettes a:hover{
	color:#B1A8A9;
}
#menuparodiespochettes p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menuparodiesphotomontage{
	position:absolute;
	top:209px;
/*	right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuparodiesphotomontage.gif");
	background-repeat: no-repeat;
}

#menuparodiesphotomontage a{
	color:#496FB3;
}
#menuparodiesphotomontage a:hover{
	color:#B1A8A9;
}

#menuparodiesphotomontage p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menusavoirfaire{
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menusavoirfaire.gif");
	background-repeat: no-repeat;
}

#menusavoirfaire a{
	color:#496FB3;
}
#menusavoirfaire a:hover{
	color:#B1A8A9;
}
#menusavoirfaire p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menusavoirfaireDA {
	position:absolute;
	top:209px;
	/*right: 735px;*/
		left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menusavoirfaireDA.gif");
	background-repeat: no-repeat;
}

#menusavoirfaireDA a{
	color:#496FB3;
}
#menusavoirfaireDA a:hover{
	color:#B1A8A9;
}
#menusavoirfaireDA p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menucdroms{
	position:absolute;
	top:209px;
	/*right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menucdroms.gif");
	background-repeat: no-repeat;
}

#menucdroms a{
	color:#496FB3;
}
#menucdroms a:hover{
	color:#B1A8A9;
}
#menucdroms p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menuscenarisation{
	position:absolute;
	top:209px;
	/*right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuscenraisation.gif");
	background-repeat: no-repeat;
}

#menuscenarisation a{
	color:#496FB3;
}
#menuscenarisation  a:hover{
	color:#B1A8A9;
}
#menuergonomie{
	position:absolute;
	top:209px;
	/*right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuergonomie.gif");
	background-repeat: no-repeat;
}

#menuergonomie a{
	color:#496FB3;
}
#menuergonomie  a:hover{
	color:#B1A8A9;
}
#menuergonomie p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
#menuscenarisation p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
#menuelearning{
	position:absolute;
	top:209px;
/*	right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuelearning.gif");
	background-repeat: no-repeat;
}

#menuelearning a{
	color:#496FB3;
}
#menuelearning a:hover{
	color:#B1A8A9;
}
#menuelearning p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}

#menuemarketing{
	position:absolute;
	top:209px;
/*	right: 735px;*/
	left:90px;
	width: 160px;
	height: 260px;
	text-align:right;
		text-valign:top;
	vertical-valign:top;
	line-height:195%;
	font-size:13px;
	color:#A8ACB1;
	background-image: url("design/menuemarketing.gif");
	background-repeat: no-repeat;
}
#menuemarketing a{
	color:#496FB3;
}
#menuemarketing a:hover{
	color:#B1A8A9;
}
#menuemarketing p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
/* les liens du menu seront bleu*/
#menu a{
	color:#496FB3;
}
menu a:hover{
	color:#B1A8A9;
}
	/* Les rubriques non actives sont grises*/
#menu p{
	line-height:200%;
	font-size:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#A8ACB1;
}
	/* Emplacement de la premiere colonne (rubrique contact et studio) */
#colonne1{
	position:absolute;
	top:207px;
	left:269px;
	width: 313px;
	height: 300px;
	text-align:justify;
	font-family:  Verdana;
	line-height:130%;
	font-size:11px;
	/*background:black;*/
}
	/*caracteristiques du titre de la colonne 1 pour le studio*/
#colonne1 h1{
	color:#AB4CA8;
	font-size:12px;
	font-family:Verdana;
	text-align:left;
	font-weight:bold;
}
#colonne1 a{
	font-weight:bold;
}
#colonne2 h1{
	color:#AB4CA8;
	font-size:12px;
	font-family:Verdana;
	text-align:left;
	font-weight:bold;
}
	/* Emplacement de la 2eme colonne (rubrique contact et studio) */
#colonne2{
	position:absolute;
	top:207px;
	/*right:60px;*/
	left:600px;
	width: 320px;
	height: 300px;
	font-size:11px;
	font-family: Verdana;
	text-align:justify;
	line-height:130%;
}
	/* Caractéristiques des images de la colonne 2*/
#colonne2 img{
	width:150px;
}
#colonne2 a{
font-weight:bold;
}
	/* Caractéristiques de la legende de l'image de la colonne 2*/
#colonne2 h3 {
	text-align:center;
	font-weight:normal;
	font-size:10px;
	line-height:10%;
}
#colonne2 h2 {
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#AB4CA8;
	line-height:15%;
}
	/*caracteristiques du titre de la colonne 1 pour la rubrique contact*/
#colonne1 h2{
/*background:black;*/
	font-size:12px;
	font-family:Verdana;
	text-align:left;
	color:#000000;
}

#contenu{
	position:absolute;
	top: 212px;
	/*right: 50px;*/
	left:267px;
	width: 662px;
	height: 510px;
}
#contenu a{
font-weight:bold;
}
				/*							*/
				/*		Le Footer			*/
				/*							*/
	/* emplacement du pied de page */
#footer{
	position:absolute;
	top: 550px;
	/*right: 30px;*/
		left:65px;
	width: 889px;
	height: 60px;
	margin: 0 auto;
	background-image: url("design/footer.gif");
		background-repeat: no-repeat;
	background-position:top;
}
	/* emplacement du pied de page pour la rubrique "sites" */
#footersite{
	position:absolute;
	top: 828px;
	/*right: 30px;*/
		left:65px;
	width: 889px;
	height: 60px;
	margin: 0 auto;
	background-image: url("design/footer.gif");
	background-repeat: no-repeat;
	background-position:top;
}
		/* emplacement du pied de page pour la rubrique "cartes de voeux" */
#footercartes{
	position:absolute;
	top: 675px;
	/*right: 30px;*/
		left:65px;
	width: 889px;
	height: 60px;
	margin: 0 auto;
	background-image: url("design/footer.gif");
		background-repeat: no-repeat;
	background-position:top;
}
#footerpochettes{
	position:absolute;
	top: 692px;
	/*right: 30px;*/
		left:65px;
	width: 889px;
	height: 60px;
	margin: 0 auto;
	background-image: url("design/footer.gif");
		background-repeat: no-repeat;
	background-position:top;
}
	/*							*/
	/*Mise en place de la fleur*/
	/*							*/
#fleur{
	position:absolute;
	top:425px;
	/*right:872px;*/
	left:15px;
	width: 100px;
	height: 180px;
}