html, body {
	font-family:      	Arial;
	height: 100%;
	color: #FFF;
	margin-top: 		0px;
	margin-right: 		0px;
	margin-bottom: 		0px;
	margin-left: 		0px;
	background-color:#111;
	
	/* IE10 */ 
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #27292B 0%, #000000 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #27292B 0%, #000000 100%);
	
	/* Opera */ 
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #27292B 0%, #000000 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 510, color-stop(0, #27292B), color-stop(1, #000000));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #27292B 0%, #000000 100%);
	
	/* Proposed W3C Markup */ 
	background-image: radial-gradient(center, ellipse farthest-corner, #27292B 0%, #000000 100%);
    background-repeat: no-repeat;
	background-attachment:fixed;
}

@font-face {
    font-family: 'Maiandra GD';
    src: url('MaiandraGD-Regular.eot');
    src: url('MaiandraGD-Regular.eot?#iefix') format('embedded-opentype'),
         url('MaiandraGD-Regular.woff') format('woff'),
         url('MaiandraGD-Regular.ttf') format('truetype'),
         url('MaiandraGD-Regular.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}



.hide{ display:none; }

#chargementpage {
	position: absolute;
	width: 200px;
	height:	80px;
	color: #FFFFFF;
	--text-shadow: 	0 1px 1px rgba(0,0,0,0.5);
	background: 	#3b3b3c; /* old browsers */
	background: 	-moz-linear-gradient(top, #3b3b3c 0%, #2b2a2b 50%, #000000 100%); /* firefox */
	background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3c), color-stop(50%,#2b2a2b), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3c', endColorstr='#000000',GradientType=0 ); /* ie */
	
	
	
	
	border:	#FFF solid 1px;
     	left: 50%; 
     	top: 50%;
     	margin-top: -100px;
     	margin-left: -110px;
 	align: center;
	z-index: 99900;
	padding: 20px;
	font-size: 1.1em;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#header{
	position: absolute;
	top: 0;
	left: 0;
    font-size:		0.9em;
    font-weight:    bold;
    height:        50px;
	border-bottom: solid #333 1px;
    float:	      	right; 
    width: 	      	100%; 
    margin-top: 	0px; 
    margin-right: 	0px; 
    margin-bottom: 	0px; 
    margin-left: 	0px;
    --text-shadow: 	0 1px 1px rgba(0,0,0,0.5);
	background: 	#3b3b3c; /* old browsers */
	background: 	-moz-linear-gradient(top, #3b3b3c 0%, #2b2a2b 50%, #000000 100%); /* firefox */
	background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3c), color-stop(50%,#2b2a2b), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3c', endColorstr='#000000',GradientType=0 ); /* ie */
}

#LogOut
{
	color: 	 #3d75aa;
	float:left;
	font-size:0.9em;
	margin-left:10px;
	margin-top:15px;
}

#LogOut a {
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
	text-decoration:none;
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
}
#LogOut a:hover { color:#ffffff;}


#Menu {
	text-align:right;	
}

#Menu a {
    margin-right: 	20px; 
	text-decoration: none;
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
}

#Menu a:hover{
	color: #3d75aa;
}


#contenu{
    font-size:  100%;
	margin-left: 		auto; 
	margin-right: 		auto; 
	margin-top: 100px;
}




#footer
{
	position: absolute;
    float: right;
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
	margin : 0px;
	bottom: 0;
	left: 0;
    text-align:right;
    font-size:0.7em;
	width: 100%;
	height: 40px;
	
	
    --text-shadow: 	0 1px 1px rgba(0,0,0,0.5);
	background: 	#3b3b3c; /* old browsers */
	background: 	-moz-linear-gradient(top, #000000 0%, #2b2a2b 50%, #3b3b3c 100%); /* firefox */
	background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#2b2a2b), color-stop(100%,#3b3b3c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3b3b3c',GradientType=0 ); /* ie */
	
	
}


#footer a
{
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
}
#footer a:hover
{
    color: white;
}


@media screen{
	body>div#footer{
		position: fixed;
	}
	body>div#header{
		position: fixed;
	}
	
}





.BlocContenu
{
	border:#666 solid 1px;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #1A1E1F 0%, #040505 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #1A1E1F 0%, #040505 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #1A1E1F 0%, #040505 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A1E1F), color-stop(1, #040505));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #1A1E1F 0%, #040505 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #1A1E1F 0%, #040505 100%);	
}

.PagesTitre {
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-size:1.2em;
	width:500px;
	height:25px;
	padding:7px;
	border: 1px solid #FFF;
	color:#FFF;
}




#DialogBOXType1 {
	display:none;
	z-index:10000;
	padding:15px;	
	border:1px solid #666;
	
	background: 	#27292B; /* old browsers */
	
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	
    background-image:url(../img/Empty.png);
    width:420px;
	
}

#DialogBOXType1 .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.NewsBloc
{ 
	border:#666 solid 1px;
	background: 	#3b3b3c; /* old browsers */
	background: 	-moz-linear-gradient(top, #3b3b3c 0%, #2b2a2b 50%, #000000 100%); /* firefox */
	background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3c), color-stop(50%,#2b2a2b), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3c', endColorstr='#000000',GradientType=0 ); /* ie */
}


#SortableNews, #SortableNewsPoubelle { list-style-type: none; margin: 0; padding: 0; padding-bottom:300px; }
#SortableNews li , #SortableNewsPoubelle li { margin: 7px 7px 7px 0; padding: 1px;  width: 350px; height: 105px; font-size: 0.8em; text-align: center; }


.AdminNews, .AdminNews a
{
	font-size:0.85em;	
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
	text-decoration:none;
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
}
.AdminNews a:hover { color:#ffffff;}

.NewsInfosTitre { font-size:0.8em; font-weight:bold ; font-variant:small-caps; text-decoration:underline; }







.AdminImages, .AdminImages a
{
	font-size:0.85em;	
    color: 	      			gray;
    color: 					rgba(255,255,255,0.7);
	text-decoration:none;
    -webkit-transition: 	all 0.15s ease-in-out;
    -moz-transition: 		all 0.15s ease-in-out;
    transition: 			all 0.15s ease-in-out;
}
.AdminImages a:hover { color:#ffffff;}





#SortableImagesInactives, #SortableImagesPub, #SortableImagesInt,  #SortableImagesExt,  #SortableImagesTech, #SortableImagesMedicales  { list-style-type: none; margin: 0; padding: 0; padding-bottom:300px; }
#SortableImagesInactives li , #SortableImagesPub li, #SortableImagesInt li, #SortableImagesExt li, #SortableImagesTech li, #SortableImagesMedicales li { margin: 7px 7px 7px 0; padding: 1px;  width: 150px; height: 105px; font-size: 0.8em; text-align: center; }


input.error{
	background-color:#FF9797;
}  













































#Identification{
    color: #FFFFFF; 
	vertical-align: middle;
	border:				#FFF solid 1px;
	text-align:			center;
	padding: 			7px;
	width: 				300px;
	margin-left: 		auto; 
  	margin-right: 		auto;
 	align:				center;
 }
 
#identificationTitre{
    color: #FFFFFF; 	
	background-color: 	#2b96b6;
 }
#Identification_erreur{
    color: #FF0000;
	font-weight:bold;
    font-size:0.8em;
}



	

.iconmodif {
	display: block;
	float:right;
	background-position: 0px 0px;
	background-image: url(../img/ModifierOff.png);
	height:16px;
	width:16px;
	-webkit-transition: 	background 0.5s ease-in-out;
    -moz-transition: 		background 0.5s ease-in-out;
	-o-transition: 			background 0.5s ease-in-out;
    transition: 			background 0.5s ease-in-out;
}

.iconmodif:hover {
	float:right;
	display: block;
	background-position: 0px 0px;
	background-image: url(../img/ModifierOn.png);
	height:16px;
	width:16px;
}

.iconsupp {
	display: block;
	float:right;
	background-position: 0px 0px;
	background-image: url(../img/SuppOff.png);
	height:16px;
	width:16px;
	-webkit-transition: 	background 0.5s ease-in-out;
    -moz-transition: 		background 0.5s ease-in-out;
	-o-transition: 			background 0.5s ease-in-out;
    transition: 			background 0.5s ease-in-out;
}

.iconsupp:hover {
	background-image: url(../img/SuppOn.png);
	background-position: 0px 0px;
	float:right;
	display: block;
	height:16px;
	width:16px;
}







	

.icon2supp {
	display:block;
	float:right;
	background-position: 0px 0px;
	background-image: url(../img/SuppOff.png);
	height:16px;
	width:16px;
	-webkit-transition: 	background 0.5s ease-in-out;
    -moz-transition: 		background 0.5s ease-in-out;
	-o-transition: 			background 0.5s ease-in-out;
    transition: 			background 0.5s ease-in-out;
}

.icon2supp:hover {
	background-image: url(../img/SuppOn.png);
	background-position: 0px 0px;
	height:16px;
	width:16px;
}

.icon2modif {
	display:block;
	float:right;
	background-position: 0px 0px;
	background-image: url(../img/ModifierOff.png);
	height:16px;
	width:16px;
	-webkit-transition: 	background 0.5s ease-in-out;
    -moz-transition: 		background 0.5s ease-in-out;
	-o-transition: 			background 0.5s ease-in-out;
    transition: 			background 0.5s ease-in-out;
}

.icon2modif:hover {
	background-position: 0px 0px;
	background-image: url(../img/ModifierOn.png);
	height:16px;
	width:16px;
}


.icon2resa {
	display:block;
	float:right;
	background-position: 0px 0px;
	background-image: url(../img/FicheResaOff.png);
	height:16px;
	width:16px;
	-webkit-transition: 	background 0.5s ease-in-out;
    -moz-transition: 		background 0.5s ease-in-out;
	-o-transition: 			background 0.5s ease-in-out;
    transition: 			background 0.5s ease-in-out;
}

.icon2resa:hover {
	background-position: 0px 0px;
	background-image: url(../img/FicheResaOn.png);
	height:16px;
	width:16px;
}












input[type=select] {
	background-color: #2b96b6;
	font-weight: bold; 
    border-color:#FFFFFF;
 }
 
 


.FondBeigeFonceContenu table{
border: 1px solid;
}
.FondBeigeFonceContenu tr, .FondBeigeFonceContenu td, .FondBeigeFonceContenu th, td, th, tr{
border: none;
}
 
 
 
 
.ImagesTexteBas{
	font-size:0.7em;
	font-weight: bold; 
    border-color:#FFFFFF;
}
 
 
 
.AdminPiecesTitre {
	font-size:0.9em;
	padding-left:10px;
	font-weight: bold; 
    color:#FFFFFF;
} 

.AdminPiecesDate{
	font-size:0.7em;
	font-weight: bold;
	text-align:left;
    color:#FFFFFF;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 


.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	position: relative;
	z-index: 99;
	font-size: 1.1em;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.custom-checkbox label {
	background: url(images/checkbox.png) no-repeat; 
}

.custom-radio label { 
	background: url(images/radiobutton.gif) no-repeat; 
}


.custom-checkbox label, .custom-radio label {
	background-position: -15px -18px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -15px -118px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -15px -218px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -15px -318px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}






#SortablePhotosPoubelle, #SortablePhotos1, #SortablePhotos2, #SortableVideos, #SortableAudio { list-style-type: none; margin: 0; padding: 0; padding-bottom:300px;  }
#SortablePhotosPoubelle li, #SortablePhotos1 li, #SortablePhotos2 li, #SortableVideos li, #SortableAudio li { margin: 3px 3px 3px 0; padding: 1px;width: 140px; height: 120px; font-size: 0.7em; text-align: center; }
.GalPhoto { background-color:#36C}
.suppimg{ position:relatif; left:-50px; top:0px; background-color:#CF3}
	

/* ORDRE DES PIECES */


#SortablePiece, #SortablePiecePoubelle, #SortablePiece2431 { list-style-type: none; margin: 0; padding: 0; padding-bottom:300px; }
#SortablePiece li , #SortablePiecePoubelle li , #SortablePiece2431 li{ margin: 7px 7px 7px 0; padding: 1px;  width: 350px; height: 90px; font-size: 0.8em; text-align: center; }



#SortableTemoignages { list-style-type: none; margin: 0; padding: 0; }
#SortableTemoignages li { float: left; font-size: 0.8em; width:360px; height:150px; text-align: center; }



#TemoignagesDBOX {
	display:none;
	z-index:10000;
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
    background-image:url(../img/Empty.png);
    width:500px;
	height:225px;
	
}
	
	
#TemoignagesDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}












#GererDatesDBOX {
	display:none;
	z-index:10000;
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
    background-image:url(../img/Empty.png);
    width:1000px;
	height:375px;
	
}
	
	
#GererDatesDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
















.textsinfotiny {
	font-weight:bold;
	font-size:0.7em;
	background-color:#c0d900;
	padding:2px
}



#ModifierPhotosDBOX {
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	

 
    /* growing background image */
    background-image:url(../img/Empty.png);
 
    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:375px;
	
}
	
	
#ModifierPhotosDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}













#AjouterPhotosDBOX {
	display:none;
	z-index:10000;
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
    background-image:url(../img/Empty.png);
    width:375px;
}
	
	
#AjouterPhotosDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



#AjouterVideoDBOX {
	display:none;
	z-index:10000;
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
    background-image:url(../img/Empty.png);
    width:375px;
}
	
	
#AjouterVideoDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}





#AjouterAudioDBOX {
	display:none;
	z-index:10000;
	background-color:#eae4d5;
	padding:15px;	
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
    background-image:url(../img/Empty.png);
    width:375px;
}
	
	
#AjouterAudioDBOX .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.DBOXTitres {
	background:url(../img/BandeauIdentification.png) center;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-size:1.2em;
	width:320px;
	height:24px;
	border: 1px solid #FFF;
	color:#FFF;
}

.DBOXMiniTitres {
	font-weight:bold;
	font-size:0.7em;
	background-color:#c0d900;
	padding:2px
}



.PHOTOSIntitules {
	font-size:1.2em;
	border: 1px solid #FFF;
	color:#FFF;
}






.DATESIntitules {
	font-size:0.9em;
	border: 1px solid #FFF;
	color:#FFF;
}

.BoutonsGestionPieces{
	font-size:0.7em;
    -webkit-transition: 	all 0.2s ease-in-out;
    -moz-transition: 		all 0.2s ease-in-out;
    transition: 		all 0.2s ease-in-out; 
    font-weight: bold; 
}

.BoutonsGestionPieces a:hover{
    color: #fe6000;
}




.TexteListeDates {
	font-size:0.8em;
    -webkit-transition: 	all 0.2s ease-in-out;
    -moz-transition: 		all 0.2s ease-in-out;
    transition: 		all 0.2s ease-in-out; 
    font-weight: bold; 
}

.TexteListeDates:hover{
    color: #FFFFFF;
    background: #b3cc00;
}



.TexteAccueil a{
	font-size:0.9em;
	color:#000;
	-webkit-transition: 	all 0.2s ease-in-out;
    -moz-transition: 		all 0.2s ease-in-out;
    transition: 		all 0.2s ease-in-out; 
    font-weight: bold; 
}

.TexteAccueil a:hover{
    color: #fe6000;
}


.TexteInfoAccueil table{
	font-size:0.7em;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	background-color:#b3cc00;	
}