/*     Document   : gabarits    Created on : 25 sept. 2009, 18:48:03    Author     : Elvio    Description:        Purpose of the stylesheet follows.*//*div parent*/		body {			background-color: #333333;			width: 909PX;			margin:0 auto;			padding : 0;			text-align:center;		}				.page{			width: 909PX;			max-height: 1100px;			margin:0 auto;			padding : 0;		}		/*1er enfants*/		.bordgauche {			float: left;			background-color: transparent;			background-image:url(../images/bord-gauche.jpg);			width:30px;			height: 1100px;						padding:0;			margin:0;						-height: 1141px;					}		.corps {			float: left;			width : 691px; 			height: 1100px;			padding:0;			margin:0;		}				.borddroit {			float: left;			background-color:transparent;			background-image:url(../images/bord-droit.jpg);			width: 188px;			height: 1100px;			padding:0;			margin:0;						-height: 1141px;		}				/* elemtns de corps */				.entete {			background-color:transparent;			background-image:url(../images/entete.jpg);			background-repeat: no-repeat;			height:164px;			width : 691px; 			}				.pieddepage {			background-color:transparent;			height:69px;			width:691px;					}				.contenu {			background-color:#ffffff;			float: left;			width:691px;				height:867px;				padding:0;			margin:0;				-height:908px;		}										/*	elements de contenu */				.corpsPrincipal{			float: left;			width: 450px;			margin: auto;			padding:0;			text-align:center;			-width: 465px;						-margin-left: 20px;		}				.illustrations-bas{			float: left;			width: 635px;			margin: auto;			padding:0;			text-align:center;			margin-top:25px;			margin-left:25px;			-width: 670px;						-margin-left: 20px;		}				.menu {						width:185px;			vertical-align:top;			float: left;			margin-left:20px;			margin-right:20px;			font-family:Georgia;			padding:0;				-width:205px;			-margin-left:0px;			-margin-right:0px;					}				/*	elements de menu */				.menuItems{			text-align:center;			width:155px;			margin-left:25px;			margin-top:45px;			padding:0;				-margin-left:45px;					}				.menuImage {						width:185px;			vertical-align:top;			margin-left:10px;			margin-top:10px;		}				.menuIllustration{			width:185px;			margin-bottom:15px;			margin-top:15px;			cursor:pointer;			-margin-left:20px;		}						a.selection{			text-decoration: none;			color: orange;						font-size:16px;			font-weight: bold; 		}				a.non-selection{			text-decoration: none;			color: black;						font-size:13px;			font-weight: bold; 		}				a.non-selection:hover{			color: orange;					}				hr {			color: orange;			margin-bottom:10px;		}				/*	elements titre de corps principal	*/				.titre {			float: left;			width:450px;			vertical-align:top;			text-align:center;			margin-bottom: 25px;			padding:0;						-width:370px;					}				.titrePage{			margin-bottom: 25px;						padding:0;			}				.titreIllustrations{			width:450px;			-width:400px;			padding:0;			margin-left: 15px;					}				.titreIllustration{			height: 130px;			float: left;			margin-left:25px;			padding:0;				cursor:pointer;				-margin-left: 15px;		}				/*	Elements texte de corps principals	*/				.texte {			float: left;			text-align:justify;			width:400px;			vertical-align:top;			font-family:century gothic;			font-size:13px;			margin-left: 25px;			margin-right: 25px;			padding:0;									-margin-left: 15px;			-margin-right: 15px;		}				.texteIllustration{			width:400px;			margin-top: 25px;						margin-bottom: 25px;			padding:0;					cursor:pointer;		}				.texteIllustration-min{			height:225px;			margin-top: 5px;						margin-bottom: 5px;			margin-left: 35px;			padding:0;					cursor:pointer;		}				.texteSelection{			float: left;			width:180px;				margin-top:100px;			padding:0;				cursor:pointer;					}				.texte_important {			text-align:center;			min-width:400px;			max-width:400px;			vertical-align:top;			font-family:century gothic;			font-size:15px;			font-weight:bold;			margin-left: 25px;			margin-right: 25px;			padding:0;									-width:400px;			-margin-left: 15px;			-margin-right: 15px;		}					/*	Conteneurs du diaporama	*/				.diaporama{			float: left;			width:640px;				height:300px;			padding:0;			margin-left:45px;			margin-top:20px;						-margin-left:20px;		}		#diaporamaConteneur{			float: left;			padding:0;			margin-left:45px;			margin-top:20px;			height: 300px;			overflow:hidden;			position:relative;						border:1px solid orange;						-margin-left:20px;					}				#diaporamaSlide{			height:300px;			position:relative;			width:8000px;		}						/*conteneur de la taille des images, centr? dans la page avec un overflow hidden pour cacher les images qui d?passe et en position relative pour effectivement cacher les image sous IE*/		#conteneur1{			float:left;			height: 300px;			overflow:hidden;			position:relative;		}		/*slidebox en position relative pour que le slide fonctionne avec une taille tr?s large pour que les images plac?es dedans restent align?es horizontalements*/		#slidebox1{			height:300px;			position:relative;			width:8000px;		}		#conteneur2	{			float:left;			height: 300px;			overflow:hidden;			position:relative;		}		/*slidebox en position relative pour que le slide fonctionne avec une taille tr?s large pour que les images plac?es dedans restent align?es horizontalements*/		#slidebox2{			height:300px;			position:relative;			width:8000px;		}					/*	Elements du diaporama (enfant de contenu)	*/				.ul-diap{			float:left;						padding:0;			text-align:center;			margin-left:8%;						width:80%;			margin-top:10px;			cursor:pointer;			-margin-left:4%;		}		li{			display:inline;			background:#ffffff;					}						.imageDiapSelle{			vertical-align:middle;			width:150px;			cursor:pointer;		}				.imageDiapSalon{			vertical-align:middle;			width:300px;			cursor:pointer;		}		.imageBoutonDiap{			width:50px;			height:50px;			cursor:pointer;			filter:alpha(opacity=100);  			opacity:1;		}				/*  OVERLAYS  */						.simple_overlay {						/* must be initially hidden */			display:none;						/* place overlay on top of other elements */			z-index:10000;						/* styling */			background-color:#333;						width:700px;						border:1px solid #666;						/* CSS3 styling for latest browsers */			-moz-box-shadow:0 0 90px 5px #000;			-webkit-box-shadow: 0 0 90px #000;			}		/* close button positioned on upper right corner */		.simple_overlay .close {			background-color:transparent;			background-image:url(../images/closeOverlay.png);			-background-image:url(../images/closeOverlay.gif);			position:absolute;			right:-15px;			top:-15px;			cursor:pointer;			height:35px;			width:35px;		}		.simple_overlay .image_overlay {			position:absolute;									right:50px;			top:50px;			width:600px;		}		/* styling for elements inside overlay */		.details {			float:left;				padding:15px;												font-size:20px;			color:#ddd;			width:665px;			height:50px;			text-align:center;		}				.espace {			float:left;						top:15px;			right:15px;			font-size:20px;			color:#ddd;			width:700px;			height:50px;		}