@charset "utf-8";
@import url("../webfonts/stylesheet.css");


/*---- Balises génériques ----*/
* { margin:0; padding:0; border:0;}
body { background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

/*---- Fin Balises génériques ----*/

/*---- Structure du site ----*/
#page {
	width:1000px;
	height:auto;
	margin:auto;
	margin-top:5px;
	background-color:#F4F5EB;}
/*---- Fin Structure du site ----*/

/*--- Header ---*/
#header {
	width:1000px;
	height:130px;
	background-image:url(../images/Fond-Banniere.png);
	background-color:#F4F5EB;
	float:left;}
#headerS {
	width:1000px;
	height:130px;
	background-image:url(../images/Fond-BanniereS.png);
	background-color:#F4F5EB;
	float:left;}
	/* Titre */	
#BasculeSite {
	width:580px;
	height:75px;
	float:left;
    margin: 0 auto;
	padding-left:20px;
	padding-top:10px;}
	
	/*- Bannière 1 -*/
	#banniere1 {
		width:600px;
		height:104px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:500;
		padding-top:0px;
		padding-left:0px;}
	#adresseInternet{
		width:550px;
		height:19px;
		float:left;
		padding-left:50px;}

	/* Titre Design */
	#Titre_D-C_A {
		-webkit-transition: color 0.2s ease-in 0.2s;
		-moz-transition: color 0.2s ease-in 0.2s;
		-ms-transition: color 0.2s ease-in 0.2s;
		-o-transition: color 0.2s ease-in 0.2s;
		transition: color 0.2s ease-in 0.2s;
		color: #840000;
		text-decoration:none;
		line-height:30px;}	
	#Titre_D-C_B {
		font-family: Arial, Helvetica, sans-serif;
		color: #CCC;
		-webkit-transition: color 0.2s ease-out 0.2s;
		-moz-transition: color 0.2s ease-out 0.2s;
		-ms-transition: color 0.2s ease-out 0.2s;
		-o-transition: color 0.2s ease-out 0.2s;
		transition: color 0.2s ease-out 0.2s;
		text-decoration:none;
		font-size:16px;
		margin-left:0px;
		padding-left:0px;}
	#Titre_D-C_B img{
		opacity:0;
		-webkit-transition: color 0.5s ease-out 0.2s;
		-moz-transition: color 0.5s ease-out 0.2s;
		-ms-transition: color 0.5s ease-out 0.2s;
		-o-transition: color 0.5s ease-out 0.2s;
		transition: color 0.5s ease-out 0.2s;}
	#Titre_D-C_A:hover {
		color: #CCC;}
	#Titre_D-C_B:hover {
		color: #003399;
		opacity:1;
		background:url(../images/FlecheBleue.png) 0px -6px no-repeat;}
	/* Fin Titre Design */
	
	/* Titre Services */
	#Titre_C-D_A {
		-webkit-transition: color 0.2s ease-in 0.2s;
		-moz-transition: color 0.2s ease-in 0.2s;
		-ms-transition: color 0.2s ease-in 0.2s;
		-o-transition: color 0.2s ease-in 0.2s;
		transition: color 0.2s ease-in 0.2s;
		color: #003399;
		text-decoration:none;
		line-height:30px;}
	#Titre_C-D_B {
		font-family: Arial, Helvetica, sans-serif;
		color: #CCC;
		-webkit-transition: color 0.2s ease-out 0.2s;
		-moz-transition: color 0.2s ease-out 0.2s;
		-ms-transition: color 0.2s ease-out 0.2s;
		-o-transition: color 0.2s ease-out 0.2s;
		transition: color 0.2s ease-out 0.2s;
		text-decoration:none;
		font-size:16px;
		margin-left:0px;
		padding-left:0px;}
	#Titre_C-D_B img{
		opacity:0;
		-webkit-transition: color 0.5s ease-out 0.2s;
		-moz-transition: color 0.5s ease-out 0.2s;
		-ms-transition: color 0.5s ease-out 0.2s;
		-o-transition: color 0.5s ease-out 0.2s;
		transition: color 0.5s ease-out 0.2s;}
	#Titre_C-D_A:hover {
		color: #CCC;}
	#Titre_C-D_B:hover {
		color: #840000;
		opacity:1;
		background:url(../images/FlecheRouge.png) 0px -6px no-repeat;}
	/* Fin Titre Services */
	/*- Fin de Bannière 1 -*/
	
	/* Bannière 2 */
	#banniere2 {
		width:400px;
		height:104px;
		float:left;}
	#logoPlus {
		width:60px;
		height:25px;
		float:left;
		font-size:24px;
		text-align:left;
		padding-left:185px;
		padding-top:12px;}
	#logoExcellence {
		width: 239px;
		height: 35px;
		float: left;
		line-height:38px;
		font-size:38px;
		text-align:left;
		padding-left:4px;}
	#logoDiamant {
		width:154px;
		height:45px;
		float:right;
		padding-left:1px;
		padding-top:28px;}
	#slogan {
		width:213px;
		height:26px;
		float:left;
		line-height:8px;
		padding-left:187px;
		padding-top:3px;}
	/* Fin de Bannière 2 */
	
	/*- Menu -*/
	/* Menu Design */
	#menu0 { width:1000px; height:25px; float:left; background:url(../images/Sln20.png) no-repeat 49px 1px; padding-left:50px; padding-top:3px;}
	#menu1 { width:1000px; height:25px; float:left;	background:url(../images/Sln90.png) no-repeat 70px 1px; padding-left:50px; padding-top:3px;}
	#menu2 { width:1000px; height:25px; float:left; background:url(../images/Sln90.png) no-repeat 161px 1px; padding-left:50px; padding-top:3px;}
	#menu3 { width:1000px; height:25px; float:left; background:url(../images/Sln120.png) no-repeat 252px 1px; padding-left:50px; padding-top:3px;}
	#menu4 { width:1000px; height:25px; float:left; background:url(../images/Sln190.png) no-repeat 373px 1px; padding-left:50px; padding-top:3px;}
	#menu5 { width:1000px; height:25px; float:left;	background:url(../images/Sln120.png) no-repeat 564px 1px; padding-left:50px; padding-top:3px;}
	#menu6 { width:1000px; height:25px; float:left; background:url(../images/Sln170.png) no-repeat 685px 1px; padding-left:50px; padding-top:3px;}
	#menu7 { width:1000px; height:25px; float:left; background:url(../images/Sln93.png) no-repeat 856px 1px; padding-left:50px; padding-top:3px;}
	/* Fin Menu Design */
	/* Menu Design Thai */
	#menu0T { width:1000px; height:25px; float:left; background:url(../images/Sln20.png) no-repeat 49px 1px; padding-left:50px; padding-top:3px;}
	#menu1T { width:1000px; height:25px; float:left; background:url(../images/Sln60.png) no-repeat 70px 1px; padding-left:50px; padding-top:3px;}
	#menu2T { width:1000px; height:25px; float:left; background:url(../images/Sln78.png) no-repeat 131px 1px; padding-left:50px; padding-top:3px;}
	#menu3T { width:1000px; height:25px; float:left; background:url(../images/Sln180.png) no-repeat 210px 1px; padding-left:50px; padding-top:3px;}
	#menu4T { width:1000px; height:25px; float:left; background:url(../images/Sln230.png) no-repeat 391px 1px; padding-left:50px; padding-top:3px;}
	#menu5T { width:1000px; height:25px; float:left; background:url(../images/Sln150.png) no-repeat 622px 1px; padding-left:50px; padding-top:3px;}
	#menu6T { width:1000px; height:25px; float:left; background:url(../images/Sln115.png) no-repeat 773px 1px; padding-left:50px; padding-top:3px;}
	#menu7T { width:1000px; height:25px; float:left; background:url(../images/Sln60.png) no-repeat 889px 1px; padding-left:50px; padding-top:3px;}
	/* Fin Menu Design Thai */
	
	/* Menu Services */
	#menu0S { width:1000px; height:25px; float:left; background:url(../images/Sln20S.png) no-repeat 49px 1px; padding-left:50px; padding-top:3px;}
	#menu1S { width:1000px; height:25px; float:left; background:url(../images/Sln90S.png) no-repeat 70px 1px; padding-left:50px; padding-top:3px;}
	#menu2S { width:1000px; height:25px; float:left; background:url(../images/Sln90S.png) no-repeat 161px 1px; padding-left:50px; padding-top:3px;}
	#menu3S { width:1000px; height:25px; float:left; background:url(../images/Sln160S.png) no-repeat 252px 1px; padding-left:50px; padding-top:3px;}
	#menu4S { width:1000px; height:25px; float:left; background:url(../images/Sln168S.png) no-repeat 413px 1px; padding-left:50px; padding-top:3px;}
	#menu5S { width:1000px; height:25px; float:left; background:url(../images/Sln165S.png) no-repeat 582px 1px; padding-left:50px; padding-top:3px;}
	#menu6S { width:1000px; height:25px; float:left; background:url(../images/Sln100S.png) no-repeat 748px 1px; padding-left:50px; padding-top:3px;}
	#menu7S { width:1000px; height:25px; float:left; background:url(../images/Sln100S.png) no-repeat 849px 1px; padding-left:50px; padding-top:3px;}
	/* Fin Menu Services */
	/* Menu Services Thai*/
	#menu0ST { width:1000px; height:25px; float:left; background:url(../images/Sln20S.png) no-repeat 49px 1px; padding-left:50px; padding-top:3px;}
	#menu1ST { width:1000px; height:25px; float:left; background:url(../images/Sln40S.png) no-repeat 70px 1px; padding-left:50px; padding-top:3px;}
	#menu2ST { width:1000px; height:25px; float:left; background:url(../images/Sln60S.png) no-repeat 111px 1px; padding-left:50px; padding-top:3px;}
	#menu3ST { width:1000px; height:25px; float:left; background:url(../images/Sln195S.png) no-repeat 172px 1px; padding-left:50px; padding-top:3px;}
	#menu4ST { width:1000px; height:25px; float:left; background:url(../images/Sln235S.png) no-repeat 368px 1px; padding-left:50px; padding-top:3px;}
	#menu5ST { width:1000px; height:25px; float:left; background:url(../images/Sln210S.png) no-repeat 604px 1px; padding-left:50px; padding-top:3px;}
	#menu6ST { width:1000px; height:25px; float:left; background:url(../images/Sln93S.png) no-repeat 815px 1px; padding-left:50px; padding-top:3px;}
	#menu7ST { width:1000px; height:25px; float:left; background:url(../images/Sln40S.png) no-repeat 909px 1px; padding-left:50px; padding-top:3px;}
	/* Fin Menu Services Thai */
	/*- Fin Menu -*/
/*-- Fin du Header --*/

/*-- Contenu --*/
#contenu {
	width:1000px;
	height:auto;
	background-color:#F4F5EB;
	float:left;}

	/* Home Panneaux Photos-Videos */
		/* Videos */
	#PannauVideo {
		width:480px;
		height:330px;
		float:left;
		background:url(../images/Cadre-WhitePanel.png) no-repeat;}
	#PannauVideoCadre {
		width:436px;
		height:190px;
		margin-left:22px;
		margin-top:70px;}
	.PanneauxAccueil {
		width:196px;
		height:186px;
		float:left;
		text-align:justify;
		margin-top:30px;
		margin-left:40px;
		margin-bottom:20px;
		background:#1b1b1b;
		border: 2px solid #1b1b1b;}
	.PanneauxAccueil:hover {
		border: 2px solid #f30;}
	.PanneauxAccueilServices {
		width:196px;
		height:186px;
		float:left;
		text-align:justify;
		margin-top:30px;
		margin-left:40px;
		margin-bottom:20px;
		background:#1b1b1b;
		border: 2px solid #1b1b1b;}
	.PanneauxAccueilServices:hover {
		border: 2px solid #0098ff;}
		
		/* Photos */
	#PanneauPhotos {
		width:520px;
		height:330px;
		float:left;
		background:url(../images/Cadre-PhotoDefil-Final.png) no-repeat;}
	#PanneauPhotosCadre {
		width:500px;
		height:300px;
		padding-left:5px;
		padding-top:15px;}
	.pagination {float:left; list-style:none; height:23px; margin:5px 0 0 200px; display:none}
	.pagination li {float:left; cursor:pointer; height:12px; width:12px; background:#666; border-radius:6px; margin-right:4px}
	.pagination li:hover {background:#777; color:#000}
	li.current {background:#888}
	
	#slideshow {float:left; width:500px; height:300px; background:#fff}
	#slides {position:relative; width:500px; height:300px; list-style:none; overflow:auto}
	#slides li {width:500px; height:300px}
	.fader-slide {opacity:0; position:absolute}
	.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}
		
		/* More Infos */
	.PanneauTitre {
	width: auto;
	height: 20px;
	margin-top: 5px;
	color: #ffcc66;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
	.PanneauTitreThai {
	width: auto;
	height: 20px;
	margin-top: 5px;
	color: #ffcc66;
	font-weight: normal;
	text-align: center;
	font-family: 'Conv_cordia_0';
}
	.PanneauTexte {
		width:auto;
		height:110px;
		margin-top:5px;
		padding:5px;
		color:#FFF;
		font-size:9px;
		text-align:justify;}
	.PanneauTexteThai {
		width:auto;
		height:110px;
		margin-top:5px;
		padding:5px;
		color:#FFF;
		font-family: 'Conv_cordia_0';
		font-size:9px;
		text-align:justify;}
	.BtMoreInfosDesign {
		width:90px;
		height:26px;
		margin-left:53px;
		background:url(../images/Bt-More-Infos-DesignOut.png);}
	.BtMoreInfosDesign:hover {
		background:url(../images/Bt-More-Infos-DesignOver.png);}
	.BtMoreInfosServices {
		width:90px;
		height:26px;
		margin-left:53px;
		background:url(../images/Bt-More-Infos-ServicesOut.png);}
	.BtMoreInfosServices:hover {
		background:url(../images/Bt-More-Infos-ServicesOver.png);}
	.BtMoreInfosDesignThai {
		width:90px;
		height:26px;
		margin-left:53px;
		background:url(../images/Bt-More-Infos-DesignOutT.png);}
	.BtMoreInfosDesignThai:hover {
		background:url(../images/Bt-More-Infos-DesignOverT.png);}
	.BtMoreInfosServicesThai {
		width:90px;
		height:26px;
		margin-left:53px;
		background:url(../images/Bt-More-Infos-ServicesOutT.png);}
	.BtMoreInfosServicesThai:hover {
		background:url(../images/Bt-More-Infos-ServicesOverT.png);}
	/* Fin Home Panneaux Photos-Videos */	

	/* Variateur */	
	#variateur {
		width:910px;
		height:200px;
		margin-left:45px;
		margin-right:45px;
		float:left;
		background:url(../images/degrade.png);}
	#var{
		z-index:10;
		position:relative;
		top:-65px;
		left:0px;}
	.P1 img{
		margin-top:50px;
		margin-left:12px;
		width:100px;
		z-index:0;
		-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
		-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		-o-transition:all .5s cubic-bezier(.6,2,.4,1);
		transition:all .5s cubic-bezier(.6,2,.4,1);}
	.P1:hover img{
		z-index:10;
		-webkit-transform:scale(2);
		-moz-transform:scale(2);
		-ms-transform:scale(2);
		-o-transform:scale(2);
		transform:scale(2);
		box-shadow:0 0 10px black;}
	.P2 img{
		margin-top:10px;
		margin-left:12px;
		width:100px;
		position:relative;
		z-index:0;
		-webkit-transform:scaleY(-1);
		-moz-transform:scaleY(-1);
		-ms-transform:scaleY(-1);
		-o-transform:scaleY(-1);
		transform:scaleY(-1);}
	/* Variateur Fin */	

	/* Texte */
	#fondtexte {
		width:890px;
		height:auto;
		float:left;
		margin-left:45px;
		padding:10px;
		background-color:#333;}
	.texte {
		text-align:justify;
		font-style:normal;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:12px;} 
	/* Fin Texte */

	/* Annonces */
	.seeAd {
		width:350px;
		height:170px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#F00;
		float:left;
		margin-top:15px;
		margin-left:55px;
		padding:5px;
		box-shadow: 5px 5px 20px #FFF;
		border: 1px solid #999;}
	.seeAdLien {
		font-size:16px;
		color:#333;
		font-weight:bold;
		cursor:pointer;}

	.seeAdLien:hover {
		color:#FC0;}
	/* Fin Annonces */

/*-- Fin du Contenu --*/

/*-- Pied de page --*/
#footer {
	width:1000px;
	height:25px;
	background-color:#F4F5EB;
	float:left;
	padding-top:5px;}
/*-- Fin du Pied de page --*/


/* Configuration du Texte */
	.Centrer	{ text-align:center;}
	.Justifier	{ text-align:justify;} 
	.Droit		{ text-align:right;}
	.Gras		{ font-weight:bold;}
	.Blanc		{ color:#FFF;}
	.Rouge		{ color:#F00;}
	.Bleu		{ color:#0098ff;}
	.Taille02	{ font-size:2px;}	
	.Taille06	{ font-size:6px;}
	.Taille09	{ font-size:9px;}
	.Taille10	{ font-size:10px;}
	.taille12	{ font-size:12px;}
	.taille13	{ font-size:13px;}
	.Taille15	{ font-size:15px;}
	.Taille16	{ font-size:16px;}
	.Taille20	{ font-size:20px;}
	.Taille24	{ font-size:24px;}
	.Taille26	{ font-size:26px;}
	.Taille38	{ font-size:38px;}
	.Taille48	{ font-size:48px;}
	.color620000{ color:#620000;}
	.colorCCCCCC{ color:#CCCCCC;}

/* Marges */
.marge1 { margin-left:1px;}
.marge3 { margin-left:3px;}	
.marge6 { margin-left:6px;}
.marge50{ margin-left:50px;}
.marge130{ margin-left:130px;}