/* @override http://cdjc.devsite/c-d-j-c.com/grafix/xstylesII.css */

/*---------------------------------------------------------------------
COMMUN
---------------------------------------------------------------------*/

* {
	margin: 0;
}

html, body {
	background-color: #000000;
	/*margin: 0px;*/
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	width: 100%;
	line-height: 18px;
	/*height: 100%;*/
}

img {
	border: none;
}

#Nav {
	height: 40px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#Navigator {
	margin-right: auto;
	margin-left: auto;
}

a:link, a:visited {
	color: #999;
	text-decoration: none;
}

a:hover {
	color: #999;
}

a:active {
	color: #999;
	text-decoration: none;
}

#Page {
	height: 512px;
	width: 100%;
	/*position:fixed !important;*/
	position: absolute;
	top: 50%;
	margin-top: -256px;
	text-align: center;
}

#Splash {
	height: 490px; /*512px*/
	width: 100%;
	position: relative;
}

#SplashLeft {
	height: 489px; /*511px*/
	width: 50%;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	/*background-image: url(NewBackL.jpg);*/
	visibility: visible;
}

#SplashRight {
	height: 489px; /*511px*/
	width: 50%;
	position: absolute;
	z-index: 3;
	top: 0px;
	right: 0px;
	/*background-image: url(NewBackR.jpg);*/
	visibility: visible;
}

#SplashContent {
	height: 489px; /*511px*/
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 5;
	/*background-image: url(NewBackC.jpg);*/
}

#SplashLogo {
	position: absolute;
	z-index: 10;
	left: 70px;
	top: 70px;
	visibility: visible;
}

#Copyright {
	height: 18px;
	width: 1000px;
	margin: 3px auto 0 auto;
	font-size: 9px;
	text-align: right;
	color: #333; /*666*/
	overflow: hidden;
}

#Copyright a:link, #Copyright a:visited {
	color: #333;
}

#Copyright a:hover {
	text-decoration: underline;
}

#SplashEnter {
	position: absolute;
	left: 280px; /*425*/
	top: 217px;
	visibility: visible;
	z-index: 8;
}

#SplashVideo {
	position: absolute;
	left: 730px;/*130*/
	top: 151px;/*140*/
	visibility: visible;
	z-index: 8;
}

#SplashVideo a img {
	border: none;
}

#Content {
	height: 490px; /*508px*/
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#oneCol {
	position: relative;
	width: 900px;
	margin: 100px auto 0 auto;
	text-align: center;
}

.Filet {
	background-color: #333333;
	position: relative;
	height: 1px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin: 0;
}

#Filetb {
	background-color: #FFFFFF;
	height: 1px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#Filetc {
	background-color: #333333;
	height: 1px;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#SplashImageII {
	position: absolute;
	left: 481px;
	top: 152px;
	visibility: visible;
	z-index: 7;
	text-align: left;
}

#ContentNav {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 400px;
	font-size: 12px;
}

#ContentNav a:link, #ContentNav a:visited {
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	color: #666;
	text-decoration: none;
	float: left;
}

#ContentNav a:hover, #ContentNav a:active {
	color: #fff;
	float: left;
	text-decoration: underline;
}

#ContentNav .selected {
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	color: #fff; /*999*/
	text-decoration: none;
	float: left;
}

#ContentNav .separator {
	background-color: #eee;
	height: 18px;
	width: 1px;
	display: block;
	float: left;
	overflow: hidden;
}

#ContentName {
	position: absolute;
	left: 54px; /*54px*/
	top: 56px;
	z-index: 31;
	visibility: visible;
}

#ContentText {
	overflow: hidden;
	position: absolute;
	width: 378px; /* 541px 408px */
	left: 94px;
	top: 120px;
	text-align: left; /*justify*/
	font-size: 12px;/*16px*/
	line-height: 24px;
	color: #999;
}

#ContentLeft {
	overflow: hidden;
	left: 74px; /*94px*/
	top: 120px;
	position: absolute;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	color: #999;
	width: 378px; /* 408px */
}

#oneCol a, #oneCol a:link, #oneCol a:visited {
	color: #333;
	text-decoration: none;
}

#oneCol a:hover {
	color: #FFF;
	text-decoration: underline;
}

#ContentRight {
	height: 380px;
	overflow: hidden;
	left: 530px;
	top: 70px;
	position: absolute;
	text-align: left;
	width: 408px;
}

#ContentImage {
	height: 490px;
	overflow: hidden;
	left: 530px;
	top: 0;
	position: absolute;
	text-align: left;
	width: 408px;
}

#ContentFull {
	height: 320px;
	overflow: hidden;
	left: 62px;
	top: 70px;
	position: absolute;
	text-align: left;
	width: 816px;
}

#Adresse {
	position: absolute;
	left: 54px;
	bottom: 40px;
	text-align: left;
	color: #999999;
}

#Diaporama {
	height: 490px; /*490px*/
	width: 493px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	z-index: 2;
	right: 0px;
}

#Decouvrez {
	position: absolute;
	right: 40px;
	top: 120px;
	font-size: 16px;
}

#ContentText p, #ContentLeft p {
	padding-bottom: 10px;
}

#Membre {
	position: absolute;
	height: 349px;
	width: 216px;
	left: 54px;
	top: 130px;
	visibility: visible;
	text-align: left;
	z-index: 30;
	color: #999;
}

#Aide {
	position: absolute;
	height: 200px;
	width: 300px;
	left: 85px;
	top: 120px;
	visibility: visible;
	text-align: left;
	z-index: 3;
	color: #999;
}

#Selection {
	height: 20px;
	width: 20px;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 28;
	visibility: hidden;
}

#Marque {
	position: absolute;
	width: 150px;
	top: 54px;
	visibility: visible;
	height: 420px;
	right: 45px;
	text-align: right;
	z-index: 1;
}

#Afrique {
	position: absolute;
	height: 196px;
	width: 177px;
	left: 252px;
	top: 261px;
	z-index: 28;
	; visibility: hidden;
}

#ConstantAbidjan {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 26px;
	top: 294px;
	z-index: 21;
	; visibility: visible;
}

#Carte {
	position: absolute;
	z-index: 2;
	height: 439px;
	width: 563px;
	left: 252px;
	top: 42px;
	visibility: visible;
}

#ArnautouPau {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 260px;
	top: 381px;
	z-index: 27;
	visibility: visible;
}

#BarrierIParis {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 351px;
	top: 98px;
	z-index: 26;
	visibility: visible;
}

#BarrierFParis {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 341px;
	top: 118px;
	z-index: 25;
	visibility: visible;
}

#BarrierLParis {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 361px;
	top: 118px;
	z-index: 24;
	visibility: visible;
}

#BassereauReims {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 408px;
	top: 87px;
	z-index: 23;
	visibility: visible;
}

#PrieurLaval {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 255px;
	top: 158px;
	z-index: 22;
	visibility: visible;
}

#DaelGrauLille {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 376px;
	top: 14px;
	z-index: 20;
	visibility: visible;
}

#DefouillouxClermont {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 377px;
	top: 263px;
	z-index: 19;
	visibility: visible;
}

#FaurToulouse {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 320px;
	top: 367px;
	z-index: 18;
	visibility: visible;
}

#FrojoMarseille {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 455px;
	top: 382px;
	z-index: 17;
	visibility: visible;
}

#FrojoStTropez {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 497px;
	top: 382px;
	z-index: 16;
	visibility: visible;
}

#CharlesJoaillierJuanLesPins {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 523px;
	top: 361px;
	z-index: 29;
	visibility: visible;
}

#KuhnStrasbourg {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 536px;
	top: 122px;
	z-index: 15;
	visibility: visible;
}

#KuhnColmar {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 523px;
	top: 146px;
	z-index: 14;
	visibility: visible;
}

#LombardGrenoble {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 467px;
	top: 291px;
	z-index: 13;
	visibility: visible;
}

#MilliaudLeHavre {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 276px;
	top: 75px;
	z-index: 12;
	visibility: visible;
}

#MilliaudRouen {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 309px;
	top: 77px;
	z-index: 11;
	visibility: visible;
}

#NoelMetz {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 482px;
	top: 93px;
	z-index: 10;
	visibility: visible;
}

#PrieurNantes {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 218px;
	top: 191px;
	z-index: 9;
	visibility: visible;
}

#PrieurLaBaule {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 190px;
	top: 185px;
	z-index: 8;
	visibility: visible;
}

#PrieurRennes {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 214px;
	top: 146px;
	z-index: 7;
	visibility: visible;
}

#PrieurBrest {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 118px;
	top: 132px;
	z-index: 6;
	visibility: visible;
}

#QuintanaNarbonne {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 375px;
	top: 387px;
	z-index: 5;
	visibility: visible;
}

#RoureTours {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 295px;
	top: 183px;
	z-index: 4;
	visibility: visible;
}

#VincentAvignon {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 441px;
	top: 352px;
	z-index: 3;
	visibility: visible;
}

.Nom {
	font-size: 16px;
	padding-top: 4px;
	padding-bottom: 12px;
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
}

.Nom2 {
	font-weight: normal;
	text-transform: none;
}

.Logo {
	display: block;
	padding-bottom: 20px;
}

.Adresse {
	padding-top: 4px;
	padding-bottom: 12px;
	display: block;
}

.Marques {
	padding-top: 4px;
	display: block;
	text-transform: uppercase;
	color: #999999;
}

.Joaillier {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-bottom: 30px;
}

#Site {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#BarrierXParis {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 351px;
	top: 108px;
	z-index: 26;
	visibility: visible;
}

#noscript {
	font-size: 12px;
	position: absolute;
	left: 70px;
	top: 388px;
	text-align: left;
	width: 400px;
}