/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Après cette mise au point point point..., on attaque !! */

.pdfm {clear:both;}
.galactika {position:absolute; left:-10000px;}

body {
	background: #050404 url(../images/background2.jpg) center top no-repeat;
	text-align:center;
	margin:0; padding:0;
	color:#fff;
	font: 11px Tahoma, Arial, Verdana ;
}

#Conteneur {
	position:relative;
	width:1000px;
	margin: 100px auto 0 auto;
	padding:0;
	text-align:left;
}

#PartGauche {
	width:680px;
	float:left;
}

#PartGauche #accordion h3.toggler {
	background: url(../images/Slider.png) no-repeat;
	height: 24px;
	width: 648px;
	display: block;
	padding: 5px 0 0 10px;
	margin: 0;
	cursor: pointer;
	font-size:13px;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#fff;
}
#PartGauche #accordion div.element {
	background: url(../images/contentElement.png) bottom left no-repeat; /* 652 de large*/
}
#PartGauche #accordion div.element div.mpElement {
	padding:12px; /* 632*/
	width:632px;
	
}

#PartGauche #accordion div.element div.mpElement p,h1,h2,h4,h5 {
	padding:4px 0;
}

/* la vidéo */
#PartGauche #accordion div.element div.mpElement #video {
	width:633px;
	height:356px;
}

/* la galerie sur l'index */
#PartGauche #accordion div.element div.galerie ul li {
	display:block;
	float:left;
	width:200px;
	height:150px;
	margin-left:8px;
}
#PartGauche #accordion div.element div.galerie ul li a {
	color:#fff;
	text-decoration:none;
}

#PartGauche #accordion div.element div.galerie ul li a span {
display:block;
	
}
/* la rubrique documentation*/
#PartGauche #accordion div.element div.mpElement .UneCol {
	width:316px;
	float:left;
}
#PartGauche #accordion div.element div.mpElement .UneCol ul {
	padding:8px 20px 20px 20px;
}
#PartGauche #accordion div.element div.mpElement .UneCol ul li {
	list-style-image:url("../images/FlecheH2.png");
	padding-bottom:8px;
	margin:0;
}
#PartGauche #accordion div.element div.mpElement .UneCol ul li p,a {
	color:#fff;
	margin:0;
	padding:0;
}
/* La rubrique technique */
#PartGauche #accordion div.element div.technique h4 {
	font-size:13px;
	border-top:1px dotted #fff;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-left:25px;
}
#PartGauche #accordion div.element div.technique img {
	margin:2px;
	padding:5px;
	background:url(../images/BackVignetteOn.png) top center no-repeat;
}
#PartGauche #accordion div.element div.technique img:hover {
	background-position : bottom center;
}
#PartGauche #accordion div.element div.technique ul {
	margin:2px 30px;
}
#PartGauche #accordion div.element div.technique ul li {
	padding:0 0 5px 15px;
	background:url(../images/Pucepng.png) 2px 2px no-repeat;
}
#PartGauche #accordion div.element div.technique p a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
#PartGauche #accordion div.element div.technique p a:hover {
	border-bottom:1px solid #fff;
}
/* La rubrique à propos de l'hauteur */
#PartGauche #accordion div.element div.auteur img {
	float:left;
	display:block;
}
#PartGauche #accordion div.element div.auteur div {
	float:left;
	display:block;
	padding:0 0 15px 15px;
	width:400px;
}
/* Partie droite*/
#PartDroit {
	color:#fff;
	width:250px;
	float:right;
}

#PartDroit p {
	padding-top:5px;
	line-height:15px;
	letter-spacing:1px;
}
#PartDroit p a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #444;
}
#PartDroit p a:hover {
	border-bottom:1px solid #fff;
}


/* Le formulaire */
#PartDroit .Contact {
	border-top:1px solid #fff; 
	padding-top:5px;
	margin-top:5px;
}
#PartDroit form#contact ul li {
	padding:5px 0;
	height:23px;
}
#PartDroit form#contact ul li label {
	width: 50px;
	padding-top:5px;
	display:block;
	float:left;
}
#PartDroit form#contact ul li input {
	width: 196px;
	height:20px;
	padding:2px;
	background:url(../images/FormNomMail.png) top left no-repeat;
	border:0;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
}
#PartDroit form#contact ul li.mailling label {
	width: 190px;
	padding-top:5px;
	display:block;
	float:left;
}
#PartDroit form#contact dl {
	clear:both;
}
#PartDroit form#contact dl dt label {
	width: 250px;
	display:block;
	margin-bottom:5px;
}
#PartDroit form#contact dl dd input {
	width: 245px;
	height:20px;
	background:url(../images/FormSujet.png) top left no-repeat;
	border:0;
	padding:2px;
	margin-bottom:4px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
}
#PartDroit form#contact dl dd input.SendContact {
	width: 245px;
	height:29px;
	background:url(../images/SendContact.png) top left no-repeat;
	border:0;
	padding:2px;
	margin-bottom:4px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
}
#PartDroit form#contact dl dd textarea {
	width: 245px;
	height:122px;
	background:url(../images/FormMessage.png) top left no-repeat;
	border:0;
	padding:2px;
	margin-bottom:4px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
}
#PartDroit form#contact ul li.err, #PartDroit form#contact dl dd.err {
	color:red;
	width:245;
	text-align:right;
	padding:0;
	margin :0;
}

/* +1 google */
div.social {
	margin:10px 25px 0 3px;
	padding-top:5px;
	border-top:1px solid #fff;
}
.plusgoogle, .folow, .twitter, iframe#facebook {
	margin : 5px 0;
	float:left;
}
.folow {
	width:190px;
}
.twitter {
	width:120px;
}

/* La page galerie*/
#PartDroitGal{
	background:url(../images/contentMenuGalerieHead.png) top left no-repeat;
	width:249px;
	float:right;
}
#PartDroitGal #contentMenuGal {
	background:url(../images/contentElementGal.png) bottom left no-repeat;
	margin-top:28px;
	height:720px;
	padding:10px 0 25px 23px;
}
#PartDroitGal #contentMenuGal ul {
	
}
#PartDroitGal #contentMenuGal ul li {
	display:block;
}
#PartDroitGal #contentMenuGal ul li a#goBack {
	background: url(../images/boutonBlanc.png) top left no-repeat;
	display:block;
	width:200px;
	height:35px;
	margin-bottom:15px;
}

#PartDroitGal ul li a {
	text-decoration:none;
	margin:0;
	padding:0;
}


#PartDroitGal #SlideMenuVerticale {
		overflow:hidden;
		float:left;
		display:block;
		width:200px;
}
#PartDroitGal #contentMenuGal ul li a#chambreRoi {background: url(../images/boutonKingChamber.png) top left no-repeat; display:block; width:200px; height:112px;}
#PartDroitGal #contentMenuGal ul li a#chambreHerse {background: url(../images/boutonHerses.png) top left no-repeat; display:block; width:200px; height:112px;}
#PartDroitGal #contentMenuGal ul li a#chambresDecharge {background: url(../images/boutonDecharges.png) top left no-repeat; display:block; width:200px; height:112px;}
#PartDroitGal #contentMenuGal ul li a#chambreReine {background: url(../images/boutonReine.png) top left no-repeat; display:block; width:200px; height:112px}
#PartDroitGal #contentMenuGal ul li a#couloirHorizontal {background: url(../images/boutonCouloir.png) top left no-repeat; display:block; width:200px; height:112px;}
#PartDroitGal #contentMenuGal ul li a#grandeGalerie {background: url(../images/boutonGGalerie.png) top left no-repeat; display:block; width:200px; height:112px;}
#PartDroitGal #contentMenuGal ul li a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 4px #000;
	}
#PartDroitGal #contentMenuGal ul li a span { display:block; padding : 10px 0 0 14px;}


#PartGauche h3 {
	background: url(../images/Slider.png) bottom left no-repeat;
	height: 24px;
	width: 648px;
	display: block;
	padding: 5px 0 0 10px;
	margin: 0;
	font-size:13px;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#fff;
}
#PartGauche #contentGalerie {
	background: url(../images/contentElement.png) bottom left no-repeat; /* 652 de large*/
}
#PartGauche #contentGalerie p {
	padding:0 50px 0 22px;
	
}
#PartGauche #contentGalerie ul {
	padding:12px;
}
#PartGauche #contentGalerie ul li {
	display:block;
	float:left;
	width:200px;
	height:112px;
	margin:0 0 8px 8px;
}
#PartGauche #contentGalerie ul li a {
	background:url(../images/BackVingetteGalerie.png) top left no-repeat;
	width:200px;
	height:112px;
	display:block;
	text-decoration:none;
}
#PartGauche #contentGalerie ul li a img {
margin:3px;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float:right;
	width: 30px;
	height: 30px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



	

#cropButt,
input[type=submit],
input[type=button] {
	background: #ce0005;
	border: 2px outset #ce0005;
	color: #fff;
}
/*the wrapper is added around the image*/
.cropperWrapper{
	margin:auto;
	padding:0;
}

/*This is the selection box*/
.cropperResize{
	border: 1px dashed #fff;
	background:transparent url('../img/blank.gif') center center repeat;
	cursor:move;
}

/*This is the general handle style*/
.cropperHandle{
	background-repeat:no-repeat;
	background-position:center center;
}

/*Top handle*/
.cropperHandle.top{
	cursor:n-resize;
	background-image:url('../img/handle-ns.gif');
}

/*Bottom handle*/
.cropperHandle.bottom{
	cursor:s-resize;
	background-image:url('../img/handle-ns.gif');
}

/*Right handle*/
.cropperHandle.right{
	cursor:e-resize;
	background-image:url('../img/handle-ew.gif');
}

/*Left handle*/
.cropperHandle.left{
	cursor:w-resize;
	background-image:url('../img/handle-ew.gif');
}

/*Top-left corner handle*/
.cropperHandle.top.left{
	cursor:nw-resize !important;
	background-image:url('../img/handle-nw.gif') !important;
}

/*Bottom-right corner handle*/
.cropperHandle.bottom.right{
	cursor:se-resize !important;
	background-image:url('../img/handle-nw.gif') !important;
}

/*Top-right corner handle*/
.cropperHandle.top.right{
	cursor:ne-resize !important;
	background-image:url('../img/handle-ne.gif') !important;
}

/*Bottom-left corner handle*/
.cropperHandle.bottom.left{
	cursor:sw-resize !important;
	background-image:url('../img/handle-ne.gif') !important;
}

/*Cropping mas*/
.cropperMask{
	background-color:#000;
	cursor:pointer;
}


/*The coordinates box*/
.cropperCoordinates{
	background-color:#eee;
	padding:20px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:auto;
	border:1px solid #888;
}

.cropperCoordinates div.topbar{
	cursor:move;
	text-align:center;
	background-color:#fff;
	color:#ccc;
	border-bottom:1px solid #ccc;
}

/*preview in coordinates box*/
.cropperCoordinates div.preview{
	text-align:left;
	float:left;
	border:1px solid #f00;
}

/*the magic hack for IE*/
.cropperCoordinates.IE div.preview{
	width:1%;
}

/*labels in coordinates box*/
.cropperCoordinates label{
	display:block;
	float:left;
	text-align:right;
	width:20px;
	padding:0 3px;
	color:#f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*inputs in coordinates box*/
.cropperCoordinates input{
	width:20px;
	padding:0;
	height:13px;
	float:left;
	color:#333;
	border:1px solid #f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

/*the paragraph containing the buttons (if any) in the coordinates box*/
.cropperCoordinates p{
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	clear:left;
}

/*save/download buttons in the coordinates box*/
.cropperCoordinates button{
	margin:0 2px;
	outline:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}