/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:arial;
		color:#fff;
		font-size:10px;
		background-color:#000;
	}
	
	a img{
		border:0;
	}
	
	a { outline: none; }
	
	.clear{
		clear:both;
		height:1px;
	}
	
	form{
		margin:0;
	}
	
	#repere{
		position:absolute;
		z-index:50;
		bottom:0;
		right:0;
		width:1px;
		height:1px;
	}
	
	#globalCentre{
		position:relative;
		margin:auto;
		width:993px;
		height:588px;
		background-image:url(images/fond-page.jpg);
		background-repeat:no-repeat;
		border:1px solid #363c3e;
	}
	
	#preview{
		position:relative;
		margin:auto;
		width:1024px;
		height:768px;
		vertical-align:middle;
	}
	
	#plus{
		position:absolute;
		top:95px;
		left:218px;
		z-index:62;
		width:29px;
		height:29px;
	}
	
	#plus2{
		position:absolute;
		top:160px;
		left:480px;
		z-index:74;
		width:15px;
		height:15px;
	}
	
	#bordureFlash{
		position:absolute;
		z-index:73;
		top:141px;
		left:568px;
		width:17px;
		height:377px;
		background-color:#5d5353
	}
	
	#gauche{
		float:left;
		width:201px;
		margin:152px 29px 0 0;
	}
	
	#menuDiaporama{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#menuDiaporama li{
		width:201px;
		border-bottom:1px solid #353535;
	}
	
	#menuDiaporama li a.lienDiaporama{
		display:block;
		width:147px;
		height:19px;
		padding:4px 0 0 54px;
		text-decoration:none;
		font-size:120%;
		color:#fff;
		background-image:url(images/plus.gif);
		background-repeat:no-repeat;
		background-position:40px 8px;
		/*filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;*/
	}
	
	#menuDiaporama li a.lienDiaporama:hover{
		/*filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;*/
		background-color:#312e2e;
	}
	
	#menuDiaporama li a.diaporamaActif{
		display:block;
		width:147px;
		height:19px;
		padding:4px 0 0 54px;
		text-decoration:none;
		font-size:120%;
		color:#d348a1;
		background-image:url(images/plus.gif);
		background-repeat:no-repeat;
		background-position:40px 8px;
	}

	#realisation{
		margin:119px 0 0 14px;
	}
	
	#realisation a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#realisation a:hover img{
		filter:alpha(opacity=60); 
        -moz-opacity:0.6; 
        opacity:0.6;
	}
	
	#droite{
		float:left;
		width:725px;
	}
	
	#entete{
		width:725px;
		height:109px;
	}
	
	#enteteGauche{
		float:left;
		width:398px;
	}
	
	#logo{
		width:94px;
		height:67px;
		padding:14px 122px 0 182px;
	}
	
	#baseLine{
		width:398px;
		padding-top:6px;
		padding-left:88px;
		font-size:120%;
		color:#89807d;
	}
	
	#enteteDroite{
		float:left;
		width:327px;
	}
	#plusBonus{
		width:7px;
		height:7px;
		padding:0px 0px 0 0;
		font-size:14px;
		color:#89807d;
	}
	#homeContact{
		width:322px;
		height:71px;
		padding:13px 5px 0 0;
		text-align:right;
		font-size:110%;
		color:#89807d;
	}
	
	#homeContact a{
		text-decoration:none;
		color:#89807d;
	}
	
	#homeContact a:hover{
		text-decoration:underline;
	}
	#menuHaut{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#menuHaut li{
		float:left;
	}
	
	#menuHaut li#menuReperes{
		width:79px;
		margin:0 2px 0 0;
	}
	#menuHaut li#menuPhilosophie{
		width:122px;
		margin:0 2px 0 0;
	}
	#menuHaut li#menuInterlocuteurs{
		width:122px;
	}
	
	#menuHaut li a{
		display:block;
		height:18px;
		padding:6px 0 0 0;
		text-decoration:none;
		text-align:center;
		font-size:120%;
		font-weight:bold;
		color:#fff;
		background-position:0 0;
		
	}
	
	#menuHaut li a:hover{
		background-position:0 -24px;
	}
	
	#menuHaut li#menuReperes a{
		width:79px;
		background-image:url(images/onglet-1.gif);
		background-repeat:no-repeat;
		
	}
	
	#menuHaut li#menuPhilosophie a{
		width:122px;
		background-image:url(images/onglet-2.gif);
		background-repeat:no-repeat;
	}
	
	#menuHaut li#menuInterlocuteurs a{
		width:122px;
		background-image:url(images/onglet-3.gif);
		background-repeat:no-repeat;
	}
	
	#zoneContenu{
		width:762px;
		height:443px;
		margin:-1px 0 0 0;
		background-image:url(images/fond-zone-contenu.gif);
		background-repeat:no-repeat;
	}
	
	#voeux2009{
		padding:16px 17px;
	}
	
	#zoneContenuBonus{
		width:762px;
		height:443px;
		margin:-1px 0px 0px 0px;
		background-image:url(images/fond-zone-contenu-bonus.gif);
		background-repeat:no-repeat;
		border:5;
		border-color:#FFFFFF;
	}

	#contenuDiaporama{
		float:left;
		width:305px;
		height:377px;
		margin:33px 0 0 0;
		border-left:33px solid #43404b;
		background-color:#5d5353;
	}
	
	#precedent{
		float:left;
		width:14px;
		padding:3px 0 0 133px;
	}
	
	#precedent a img, #suivant a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#precedent a:hover img, #suivant a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#point{
		float:left;
		width:4px;
		padding:6px 0 0 10px;
	}
	
	#suivant{
		float:left;
		width:13px;
		padding:3px 0 0 11px;
	}
	
	#diaporama{
		width:288px;
		height:342px;
		margin:4px 0 0 17px;
		background-color:#fff;
	}
	
	#diaporama table{
		width:288px;
		height:342px;
	}
	
	#diaporama table td{
		width:288px;
		height:342px;
		text-align:center;
	}
	
	#diaporamaTexte{
		width:288px;
		margin:0 0 0 17px;
		text-align:center;
		font-size:110%;
	}
	
	#diaporamaTexte p{
		margin:1px 0 0 0;
	}
	
	#diaporamaTexte a{
		display:block;
		width:120px;
		height:16px;
		margin:auto;
		padding:1px 0 0 0;
		color:#fff;
		text-decoration:none;
		text-align:center;
		background-image:url(images/fond-lien-site.gif);
		background-repeat:no-repeat;
	}
	
	#contenuMenuFlash{
		float:left;
		width:424px;
		margin:33px 0 0 0;
	}
	
	#titreMenuDiaporama{
		height:176px;
	}
	
	#contenuMenuFlash h2{
		margin:0;
		padding:0 0 0 37px;
		font-size:150%;
	}
	
	#sousMenuDiaporama{
	height:138px;
	width:297px;
	margin-top:19px;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px;
	border-color:#5d5353;
	border-style:solid;
	border-right:none;
	border-left:none;
	}
	#sousMenuDiaporama ul{
		margin:0 0 0 17px;
		padding:0;
		list-style:none;
		width:287px;
	}
	
	#sousMenuDiaporama li{
		width:287px;
		border-bottom:1px solid #585359;
	}
	
	#sousMenuDiaporama li a.lienDiaporama2{
		display:block;
		width:254px;
		height:18px;
		padding:4px 0 0 33px;
		text-decoration:none;
		font-size:120%;
		color:#fff;
		background-image:url(images/plus-2.gif);
		background-repeat:no-repeat;
		background-position:20px 8px;
		/*filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;*/
	}
	
	#sousMenuDiaporama li a.lienDiaporama2:hover{
		/*filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;*/
		background-color:#504e57;
	}
	
	#sousMenuDiaporama li a.diaporamaActif2{
		display:block;
		width:220px;
		height:18px;
		padding:4px 0 0 33px;
		text-decoration:none;
		font-size:120%;
		color:#d348a1;
		background-image:url(images/plus-2.gif);
		background-repeat:no-repeat;
		background-position:20px 8px;
	}
	
	#pied{
		margin:8px 0 0 0;
		text-align:center;
		font-size:110%;
		color:#89807d;
	}

	#pied a{
		color:#89807d;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	#liensEntree{
		margin:0 0 0 628px;
	}
	
	#contenuEntree{
		height:551px;
	}
	
	#entreeAnime{
		float:left;
		width:180px;
		margin:-14px 0 0 0;
	}
	
	#piedEntree{
		width:725px;
		margin:0 0 0 230px;
	}
	
	#entreeDroite{
		float:left;
		width:810px;
	}
	
	#entreeDroite h1{
		margin:170px 0 0 332px;
		font-size:380%;
		font-weight:normal;
	}
	
	#entreeDroite h2{
		margin:4px 0 0 332px;
		font-size:180%;
		font-weight:normal;
	}
	
	#entree{
		margin:13px 0 0 449px;
	}
	
	#accueilGauche{
		float:left;
		width:421px;
		margin:0 7px 0 0;
		padding:22px 0 0 33px;
	}
	
	#accueilGauche h1{
		margin:0 0 12px 0;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	.blocAffiche{
		width:421px;
		height:176px;
		margin:0 0 6px 0;
		background-image:url(images/fond-bloc-affiche.gif);
		background-repeat:repeat-y;
	}
	
	.blocAfficheVisuel{
		float:left;
		width:149px;
		padding:7px 0 0 0;
		text-align:center;
	}
	
	.blocAfficheVisuel a img{
		border:2px solid #5d5353;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.blocAfficheVisuel a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.blocAfficheTexte{
		float:left;
		width:252px;
		height:168px;
		padding:7px 10px 0 10px;
	}
	
	.blocAfficheTexte h2{
		margin:0 0 2px 0;
		font-size:150%;
		font-weight:normal;
		color:#fff;
	}
	
	.blocAfficheTexte h2 a{
		color:#fff;
		text-decoration:underline;
	}
	
	.blocAfficheTexte a{
		color:#fff;
		text-decoration:none;
	}
	
	.blocAfficheTexte a:hover{
		text-decoration:underline;
	}
	
	.blocAfficheTexte p{
		margin:0 0 6px 0;
		font-size:110%;
	}
	
	.afficheCouleur{
		color:#c7b299;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	#accueilDroite{
		float:left;
		width:231px;
		padding:22px 0 0 0;
	}
	
	#accueilDroite h1{
		margin:0 0 12px 0;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	#accueilDroite h1 span{
		color:#c7b299;
	}
	
	#blocAvant{
		width:231px;
		height:351px;
		padding:7px 0 0 0;
		background-color:#7aa0a3;
	}
	
	.blocAvantVisuel{
		margin:0 0 0 11px;
		height:172px;
	}
	
	.blocAvantVisuel a img{
		border:2px solid #5d5353;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.blocAvantVisuel a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.81;
	}
	
	.blocAvantTexte{
		margin:0 0 0 11px;
	}
	
	.blocAvantTexte h2{
		margin:0 0 2px 0;
		font-size:150%;
		font-weight:normal;
		color:#fff;
	}
	
	.blocAvantTexte h2 a{
		color:#fff;
		text-decoration:underline;
	}
	
	.blocAvantTexte p{
		margin:0 0 6px 0;
		font-size:110%;
	}
	
	.avantCouleur{
		color:#3b5052;
	}
	
	#presentationGauche{
		float:left;
		width:210px;
		margin:0 8px 0 0;
		padding:30px 0 0 32px;
	}
	
	#presentationGauche h1{
		margin:0 0 14px 0;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	#presentationGaucheBonus{
		float:left;
		width:220px;
		margin:0 10px 0 0;
		padding:25px 0 0 58px;
	}
	
	#presentationGaucheBonus h1{
		margin:0 0 14px 0;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	#presentationDroiteBonus{
		/*position:absolute;
		left:260px;
		top: 120px;*/
		float:left;
		width:696px;
		height:370px;
		margin:0px 0px 0 30px;
		padding:12px 0 12px 0;
		
		/*background-image:url(images/fond-presentation.gif);
		background-repeat:repeat-y;*/
	}
	
	#presentationDroiteContenuBonus{
		float:left;
		width:664px;
		height:350px;
		padding:10px 0 0 0;
		overflow:auto;
		scrollbar-face-color:#eaeaea;
		scrollbar-track-color:#e1e1e1;
		scrollbar-highlight-color:#f6f6f7;
		scrollbar-shadow-color:#333;
		scrollbar-arrow-color:#5d5353;
		scrollbar-3dlight-color:#b5b5b5;
		scrollbar-darkshadow-color:#b3b3b3;
		background-image:url(images/fond-presentation-bonus.gif);
		background-repeat:repeat-y;
		border:1px;
		border-color:#999999;
		border-style:solid;
	}
	
	#fondsEcran{
		margin-left:27px;
		width:180px;
		height:175px;
		float:left;
		border:none;
		border-color:#FFFFFF;
		border-style:none;
	}
	#barre{
		padding-top:5px;
		float:left;
		width:1px;
	}
	
	#resolutions{
		text-align:center;
		width: 89px;
		float:left;
		padding-top:5px;
	}
	
	#resolutions a{
		font-size:11px;
		color:#fff;
		text-decoration:none;
	}
	
	#resolutions a:hover{
		text-decoration:underline;
	}
	
	#presentationGauche h1 span{
		font-size:80%;
		font-weight:bold;
	}
	
	#presentationGauche p{
		margin:0 0 16px 0;
		padding:0;
		font-size:120%;
		font-weight:bold;
	}
	
	#presentationGauche p a{
		color:#fff;
		text-decoration:none;
	}
	
	#presentationGauche p a:hover{
		text-decoration:underline;
	}
	
	#presentationGauche ul{
		margin:0;
		padding:0;
		font-size:120%;
		list-style:none;
	}
	
	#presentationGauche ul li a{
		color:#fff;
		text-decoration:none;
	}
	
	#presentationGauche ul li a:hover{
		text-decoration:underline;
	}
	
	#presentationGauche ul li{
		margin:0 0 20px 0;
		padding:0 0 0 7px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}

	#presentationDroite{
		float:left;
		width:446px;
		height:352px;
		margin:32px 0 0 0;
		padding:12px 0 12px 0;
		background-image:url(images/fond-presentation.gif);
		background-repeat:repeat-y;
	}
	
	
	
	#presentationDroiteContenu{
		float:left;
		width:446px;
		height:344px;
		padding:10px 0 0 0;
		overflow:auto;
		scrollbar-face-color:#eaeaea;
		scrollbar-track-color:#e1e1e1;
		scrollbar-highlight-color:#f6f6f7;
		scrollbar-shadow-color:#333;
		scrollbar-arrow-color:#5d5353;
		scrollbar-3dlight-color:#b5b5b5;
		scrollbar-darkshadow-color:#b3b3b3;
		background-image:url(images/fond-presentation.gif);
		background-repeat:repeat-y;
	}
	
	#presentationDroite h1{
		margin:0 0 14px 0;
		padding:0 0 0 36px;
		font-size:140%;
		font-weight:bold;
		background-image:url(images/petit-plus.gif);
		background-repeat:no-repeat;
	}
	
	#presentationDroite h1 span{
		font-size:90%;
		font-style:italic;
		font-weight:normal;
	}
	
	#presentationDroite h2{
		margin:0 10px 2px 36px;
		font-size:120%;
		font-weight:bold;
	}
	
	#presentationDroite p{
		margin:0 10px 14px 36px;
		font-size:120%;
	}
	
	#presentationDroite p a{
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	
	#presentationDroite p a:hover{
		text-decoration:underline;
	}
	
	#presentationDroite ul{
		margin:0;
		padding:0;
		font-size:120%;
		list-style:none;
	}
	
	#presentationDroite ul li{
		margin:0 0 5px 36px;
		padding:0 0 0 7px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	
	#presentationDroite table{
		margin:0 0 6px 6px;
		width:420px;
	}
	
	#presentationDroite table td{
		vertical-align:top;
		font-size:120%;
	}
	
	#presentationDroite table td.interlocuteurMarge{
		width:30px;
		border-top:1px solid #5d5353;
		border-bottom:1px solid #5d5353;
		padding:3px 0 3px 0;
	}
	
	#presentationDroite table td.interlocuteurNom{
		width:174x;
		padding:3px 0 3px 12px;
		border-top:1px solid #6c6261;
		border-bottom:1px solid #6c6261;
	}
	
	#presentationDroite table td.interlocuteurCoordonnees{
		width:204px;
		padding:3px 0 3px 0;
		border-top:1px solid #6c6261;
		border-bottom:1px solid #6c6261;
	}
	
	#presentationDroite table a{
		color:#fff;
		text-decoration:none;
	}
	
	#presentationDroite table a:hover{
		text-decoration:underline;
	}
	
	.interlocuteursSeparateur{
		height:20px;
	}
	
	#interlocuteursVideo{
		padding:41px 0 0 0;
	}
	
	#decoshowVideo{
		padding:87px 0 0 0;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	.plusPetit{
		font-size:80%;
	}
	
	#vignetteDecoshow{
		display:block;
		width:211px;
		height:157px;
		margin:104px 0 0 0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#vignetteDecoshow:hover{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#lienDecoshow{
		display:block;
		width:120px;
		height:16px;
		margin:10px 0 0 44px;
		padding:1px 0 0 0;
		background-image:url(images/fond-lien-decoshow.gif);
		background-repeat:no-repeat;
		text-align:center;
		font-size:110%;
		color:#fff;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienDecoshow:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#accesGauche{
		float:left;
		width:185px;
		margin:0 13px 0 0;
		padding:0 0 0 30px;
		background-image:url(images/petit-plus.gif);
		background-repeat:no-repeat;
		text-align:center;
	}
	
	#accesDroite{
		float:left;
		width:194px;
		padding:0;
		text-align:center;
	}
	
	#accesGauche h3, #accesDroite h3{
		margin:0 0 10px 0;
		font-size:120%;
		font-weight:normal;
		text-align:center;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#000;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=80); 
        -moz-opacity:0.80; 
        opacity:0.80;
	}
	
	#zoom{
		width:550px;
		height:570px;
		position:absolute;
		z-index:90;
		display:none;
		left:0;
		top:0;
		background-color:#605252;
	}
	
	#fermerZoom{
		width:540px;
		height:16px;
		padding:4px 10px 0 0;
		text-align:right;
	}
	
	#fermerZoom a{
		color:#fff;
		font-size:110%;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#fermerZoom a:hover{
		text-decoration:none;
	}
	
	#zoom table{
		width:550px;
		height:550px;
	}
	
	#zoom table td{
		width:550px;
		height:550px;
		text-align:center;
	}