body	    { 	color: white; 
				font-size: 9pt; 
				font-family: Arial, Helvetica, Geneva, sans-serif; 
				line-height: 13pt; 
				background-color: #039; 
				background-image: url("../Frames/elementforframe.gif"); 
				background-repeat: repeat; 
				background-attachment: scroll 
			}
			

p			{
				font-size: 12px; 
				line-height: 15px;
				
			}
			
.bold		{	font-weight: bold;
				color: white;
				
			}	
			
.bold a		{	font-weight: bold;
				color: white;
				text-decoration: underline;
			}	
			
.bold a:hover		{	text-decoration: none;
					color: white;
			}		
			
img 		{ 	border: none; 
			}


/*<agl.folder "pagesprincipales">*/
.ul 		{ 	margin-top: -15px 
			}

.li   		{ 	background-repeat: no-repeat; 
				list-style-position: inside; 
				margin-left: -40px 
			}

h1   		{	color: white; 
				font-size: 12px; 
				line-height: 8px; 
				margin-top: -1px;
				margin-bottom: -8px; 
			}

.panneau 	{ 	visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 113px; 
				left: 0px; 
				width: 402px; 
				height: 403px 
			}
				
.logo 		{ 	background-image: url(../images/image_menu/elements_de_page/page-type-2_logo.jpg); 
				background-repeat: no-repeat; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 0px; 
				left: 521px; 
				width: 233px; 
				height: 199px 
			}

.milieuok 	{ 	background-image: url(../images/image_menu/elements_de_page/page-type_05.jpg); 
				background-repeat: no-repeat; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 113px; 
				left: 402px; 
				width: 120px; 
				height: 86px 
			}
			
.droite 	{ 	background-image: url(../images/image_menu/elements_de_page/page-type_droit_-08.jpg); 
				background-repeat: no-repeat; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 199px; 
				left: 645px; 
				width: 109px; 
				height: 317px; 
				border: none; 
			}
			
.hautgauche { 	background-image: url(../images/image_menu/elements_de_page/page-type_haut_1.jpg); 
				background-repeat: no-repeat; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 0px; 
				left: 0px; 
				width: 521px;
				height: 113px; 
				border: none; 
				}
				
.bas 		{ 	background-image: url(../images/image_menu/elements_de_page/site_indigo_09.jpg); 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 516px; 
				left: 0px; 
				width: 754px; 
				height: 74px; 
				}
				
				
.fondnoir  	{ 	background-color: #000; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 199px; 
				left: 453px; 
				width: 192px; 
				height: 18px; 
				border: none; 
				}
				
.texte   	{ 	font-size: 12px; 
				line-height: 15px; 
				background-color: #000; 
				text-align: left; 
				visibility: visible; 
				position: absolute; 
				z-index: 2; 
				top: 219px; 
				left: 453px; 
				width: 192px; 
				height: 299px; 
				border: none;
				}

.texte a 	{	color: white;
			}
			
.texte a:hover 
			{ 	color: #003399 
			}
			
			
.textelong 	{ 	font-size: 11px; 
				line-height: 15px; 
				background-color: #000; 
				text-align: justify; 
				visibility: visible; 
				padding-right: 6px; 
				position: absolute; 
				z-index: 2; 
				top: 199px; 
				left: 270px; 
				width: 375px; 
				height: 318px;
				border: none; 
			}
			
.titre 		{ 	visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 199px; 
				left: 402px; 
				width: 51px; 
				height: 319px;
				border: none; 
			}

.fondnoir 	{ 	background-color: #000; 
				visibility: visible; 
				position: absolute; 
				z-index: 1; 
				top: 199px; 
				left: 453px; 
				width: 192px; 
				height: 304px; 
				border: none; 
			}

.fermer   	{ 	text-align: center; 
				position: absolute; 
				top: 370px 
				}

.fermer a  { 	color: white; 
				text-decoration: none; 
				text-align: center 
			}

.fermer a:hover 
			{ 	color: black; 
			}

.navprincipale 
			{ visibility: visible; 
			position: absolute; 
			z-index: 2; 
			top: 95px; 
			left: 110px; 
			width: 396px; 
			height: 7px; 
			border: 0; 
			}

.navprincipale a  { color: black; font-size: 11px; text-decoration: none; background-image: url("../images/carre.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; padding-right: 10px; padding-left: 15px }

.navprincipale a:hover { color: #003399; background-image: url("../images/carreBlanc.gif") }

.navportraitbas  { visibility: visible; position: absolute; z-index: 2; top: 461px; left: 110px; width: 220px; height: 27px }

.navportraitbas a  { color: white; font-size: 11px; text-decoration: none; background-image: url("../images/carre.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; padding-right: 10px; padding-left: 15px }

.navportraitbas a:hover { color: #003399; background-image: url("../images/carreBlanc.gif") }


/*</agl.folder>*/

/*<agl.folder "Porfolio">*/
.texteporfolio { font-size: 11px; line-height: 15px; visibility: visible; position: absolute; top: 195px; left: 115px; width: 135px; height: 200px; }

.texteporfolio a	{ color: white; }

.texteporfolio a:hover { color: #039; }

.texteporfoliobas { font-size: 11px; line-height: 15px; visibility: visible; position: absolute; top: 373px; left: 115px; width: 135px; height: 52px }
	
.navportfolio { visibility: visible; position: absolute; z-index: 2; top: 113px; left: 115px; width: 396px; height: 7px; border: none; }

.navportfolio a  { color: white; font-size: 11px; text-decoration: none; background-image: url("../images/carre.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; padding-right: 10px; padding-left: 15px }

.navportfolio a:hover { color: #003399; background-image: url("../images/carreBlanc.gif") }

.navporfoliobas { 
					visibility: visible; 
					position: absolute; 
					z-index: 2; 
					top: 442px; 
					left: 115px; 
					width: 50px; 
					height: 27px 
				}

.navporfoliobas a { 
					color: white; 
					font-size: 11px; 
					text-decoration: none 
				}

.navporfoliobas a:hover { 
					color: #003399 
				}
				
.page { 
					visibility: visible; 
					position: absolute; 
					z-index: 2; 
					top: 425px; 
					left: 114px; 
					width: 50px; 
					height: 27px; 
					font-size: 11px;
				}

.page a { 
					color: white; 
					font-size: 11px; 
					 
				}

.page a:hover { 
					color: #003399 
				}

.guillemet  { color: white; z-index: 4;text-align: right; visibility: visible; position: absolute; z-index: 1; top: 443px; left: 183px; width: 16px; height: 17px }

.guillemet a { color: white; text-decoration: none }

.guillemet a:hover { color: #003399 }

.guillemet1 { color: white; text-decoration: none; z-index: 4; text-align: right; visibility: visible; position: absolute; z-index: 1; top: 443px; left: 206px; width: 18px; height: 18px }

.guillemet1 a { color: white; text-decoration: none }

.guillemet1 a:hover { color: #003399 }
	
	
	
/*images portfolio*/
	.portfolio { visibility: visible; position: absolute; z-index: 1; top: 163px; left: 256px; width: 402px; height: 308px }
	.portfoliohaut { visibility: visible; position: absolute; z-index: 1; top: 0px; left: 0px; width: 756px; height: 119px; border: none; }
	.portfoliogauche { visibility: visible; position: absolute; z-index: 1; top: 119px; left: 0px; width: 114px; height: 471px; border: none; }
	.portfolioatelier { visibility: visible; position: absolute; z-index: 2; top: 163px; left: 256px; width: 402px; height: 308px; border: none; }
	.portfoliofondNoir { background-color: #000; visibility: visible; position: absolute; z-index: 0; top: 119px; left: 114px; width: 544px; height: 352px; border: none; }
	.portfoliobas { visibility: visible; position: absolute; z-index: 1; top: 471px; left: 114px; width: 640px; height: 119px; border: none; }
	.portfoliodroite { visibility: visible; position: absolute; z-index: 1; top: 119px; left: 658px; width: 96px; height: 352px; border: none; }
	.vignettes6 { visibility: visible; position: absolute; z-index: 3; top: 163px; left: 256px; width: 20px; height: 191px; border: none; }
	.vignettes8 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 276px; width: 65px; height: 45px; border: none; }
	.vignettes9 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 341px; width: 70px; height: 45px; border: none }
	.vignettes10 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 411px; width: 70px; height: 45px; border: none; }
	.vignettes11 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 481px; width: 70px; height: 45px; border: none; }
	.vignettes12 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 551px; width: 61px; height: 45px; border: none; }
	.vignettes14 { visibility: visible; position: absolute; z-index: 3; top: 291px; left: 276px; width: 65px; height: 40px; border: none }
	.vignettes15 { visibility: visible; position: absolute; z-index: 3; top: 291px; left: 341px; width: 70px; height: 40px; border: none; }
	.vignettes16 { visibility: visible; position: absolute; z-index: 3; top: 291px; left: 411px; width: 70px; height: 40px; border: none }
	.vignettes17 { visibility: visible; position: absolute; z-index: 3; top: 291px; left: 481px; width: 70px; height: 40px; border: none; }
	.vignettes18 { visibility: visible; position: absolute; z-index: 3; top: 291px; left: 551px; width: 61px; height: 40px; border: none; }
	.vignettes13 { visibility: visible; position: absolute; z-index: 3; top: 246px; left: 612px; width: 46px; height: 136px; border: none; }
	
	.vignettes19  { position: absolute; z-index: 3; top: 331px; left: 276px; width: 70px; height: 51px; border: none }
	.vignettes20  {position: absolute; z-index: 3; top: 331px; left: 341px; width: 70px; height: 51px; border: none }
	.vignettes21  { position: absolute; z-index: 3; top: 331px; left: 411px; width: 70px; height: 51px; border: none }
	.vignettes22  { position: absolute; z-index: 3; top: 331px; left: 481px; width: 70px; height: 51px; border: none }
	.vignettes23  { position: absolute; z-index: 3; top: 331px; left: 551px; width: 61px; height: 51px; border: none; }
	.vignettes24  { position: absolute; z-index: 3; top: 382px; left: 256px; width: 402px; height: 22px; border: none }
/*</agl.folder>*/
/*<agl.folder "accueil">*/
	.fr, .de, .en  { text-align: left; visibility: visible; position: absolute; z-index: 2; top: 517px; width: 80px; height: 120px }
	.fr { left: 199px }
	.de { text-align: center; left: 335px }
	.en { text-align: right; left: 471px }
	.fr a, .de a, .en a { color: white; font-size: 13px; text-decoration: none }
	.fr a:hover, .de a:hover, .en a:hover 
				{ 	
					color: black; 
					background-image: url(../images/accueil/g.jpg); 
					background-repeat: no-repeat;
				 }
	
.accueilhaut   { 	background-image: url("../images/accueil/accueil_haut.jpg"); 
					visibility: visible; 
					position: absolute; 
					z-index: 1; 
					top: 0px; 
					left: 0px; 
					width: 756px; 
					height: 113px 
				}

.accueilgauche   { 	background-image: url("../images/accueil/accueil_gauche.jpg"); 
					visibility: visible; 
					position: absolute; 
					z-index: 1; 
					top: 113px; 
					left: 0px; 
					width: 198px; 
					height: 354px 
				}

.accueillogo    { 	color: white; 
					visibility: visible; 
					position: absolute; 
					z-index: 2; 
					top: 113px; 
					left: 198px; 
					width: 354px; 
					height: 354px; 
					text-decoration: none; 
				}

.accueillogo a  { 	color: white; 
					text-decoration: none;
				}

.accueillogo a:hover
				{ 	text-decoration: none
				}

.accueildroite  { 	background-image: url("../images/accueil/accueil_droite.jpg"); 
					visibility: visible; 
					position: absolute; 
					z-index: 1; 
					top: 113px; 
					left: 552px;
					width: 202px; 
					height: 354px 
				}

.accueilbas     { 	
					background-image: url("../images/accueil/accueil_bas.jpg"); 
					visibility: visible; 
					position: absolute; 
					z-index: 1; 
					top: 467px; 
					left: 0; 
					width: 754px; 
					height: 123px;
				 }

.adresse     	{ 	
					font-size: 10px; 
					line-height: 13px; 
					text-align: center; 
					visibility: visible; 
					position: absolute; 
					z-index: 2; 
					top: 528px; 
					left: 198px; 
					width: 358px; 
					height: 125px;
				 }

.adresse a   	{ 	color: white 
				}

.adresse a:hover { 	color: black;
					}

/*</agl.folder>*/
button { color: #039; background-color: white }
button:hover { color: white; background-color: #039; cursor:pointer }

#container  { 	
					margin: auto; 
					position: relative; 
					top: 0px; 
					width: 754px; 
					height: 590px;
			 }
			 
.clef		{		font-size: 3px;
					line-heignt: 4px;
					z-index: 0;
					color: white;
					position: absolute;
					top: 130px; 
					left: 215px; 
					width: 100px; 
					height: 354px; 
					text-decoration: none;
					visibility: hidden;}
					
.blanc a		{		color: white;}

.blanc a:hover		{	text-decoration: none;}