body {
	margin : 0;
	padding : 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : #000;
	color : #ddd;
	font-size : 10px;
}

	A:active		{ color : #eee; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A:link		{ color : #eee; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A:visited	{ color : #eee; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A:hover		{ color : #eee; text-decoration : none; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}

	A.edit:active		{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.edit:link		{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.edit:visited	{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.edit:hover		{ color : #000; text-decoration : none; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}

	A.gestion:active		{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.gestion:link		{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.gestion:visited	{ color : #000; text-decoration : underline; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}
	A.gestion:hover		{ color : #000; text-decoration : none; font-size : 11px; font-family : verdana,arial,helvetica,sans-serif ;}

	A.thlink:active		{ text-decoration : none;  border : 0; }
	A.thlink:link		{ text-decoration : none; border : 0; }
	A.thlink:visited	{ text-decoration : none; border : 0; }
	A.thlink:hover		{ text-decoration : none; border : 0; }



DIV.MainOpen {
	border : 0px solid #000;
	text-align : center;
	width : 838px;
	float : right;
	margin : 0;
	padding : 0;
}

DIV.MainOpenEdit {
	background : #eee;
	border : 0px solid #000;
	width : 938px;
	margin : 0;
	padding : 0;
}


DIV.MainClose {
	/* border : 1px solid #ddd;	*/
	margin : 30px 30px 0 30px;
}

DIV.NavOpen {
	border : 1px solid #777;	
	margin : 0px 30px 0 30px;
	height : 50px;
}

#content {
	background : #000;
}

.content {
	text-align : left;
	width : 1000px;
	height : 980px;
	min-width: 1000px;
	border : 1px solid #777;	
	vertical-align: middle;
	margin : 0;
	padding : 0;
	background : #000;
}

DIV.NavClose {
/*border : 1px solid #ddd;	
margin : 0px 30px 0 30px;
height : 0px;*/
}


#container {
	
}

div.container {
	line-height : 20px;
	font-weight : bold;
	color : #fff;
	text-align : left;
	border : 1px solid #777;
	position : absolute;
	display : none;
	background : #000;
	padding : 0px 0 0 0px;
	filter: alpha(opacity=70);
	-moz-opacity : 0.7;
	}

	
.menu {
	font-size : 10px;
	border : 1px solid #dd4400;	
	width : 100px;
	padding : 2px 0 0 10px;
	background : #000;
	height : 15px;
}
/*
DIV.menu:hover {
	height : 200px;
	background : #333;
}
*/
DIV.MenuObject {
	display : none;
}
DIV.MenuObject:hover {
	background : #f99;
}

IMG.MyImage {
	border : 1px solid #fdd;	
}

.MyImagesMainOn {
/*	border : 1px solid #999;
	margin : 11px;
	padding : 11px;
*/
margin : 10px 11px 0 11px;

}

.MyImagesMainOff {
	border : 1px solid #000;
	margin : 11px;
	padding : 11px;
}

#MyImagesMain {
	border : 1px solid #999;
	margin : 10px 11px 11px 5px;
	padding : 11px 11px 11px 11px;
/*	
	padding : 0 11px 0 11px;
	margin : 0 11px 0 11px;
*/
}

.ControlBox {
	border-right : 1px solid #777;
	float : left;
	background : #222;
	width : 153px;
	height : 980px;
	margin : 0;
	padding : 0;
}

.thImagestextTitre {
	color : #ff6600;
	border : 1px solid #777;
	background : #444;
	padding : 0 0 0 5px;
	height : 20px;
}

.ImagesFrame {
	border : 1px solid #777;
	margin : 10px;
	width : 60%;
	height : 60%;
}
/*6b7155    bbba8d 6b7155*/
.thImagestext {
	cursor: pointer;
	color : #fff;
	font-weight : bold;	
	border : 1px solid #777;
	background : #6b7155; 
	padding : 0 0 0 5px;

}
.thImages:hover, .thImagestext:hover {
/*	border : 1px solid #999;*/
}

.thImages {

	background : #000;
	border : 1px solid #777;
	width : 30px;
	height : 30px;
	cursor: pointer;
}

.thImagesOn {
	background : #000;
	border : 1px solid #f00;
	width : 30px;
	height : 30px;
	cursor: pointer;
}

DIV.hidden_block {
/*	float : left;*/
/*	display : none;*/
	position : relative;
	top : 0px;
	left : 0px;
	border : 1px solid #f00;
	width : 145px;
	background : #fff;
/*	filter: alpha(opacity=2);
	-moz-opacity : 0.2;*/
}

.MyFileMN{
	margin : 10px 5px 0 5px;
	display : inline;
}

.MyBlocImage {


/*	height : 0px;*/
	margin : 0 0 0 0;
	padding : 0 0 0 0;
/*	z-index: auto;*/
}

DIV.BlockTH {
	position : relative;
	top : 0px;
	left : 0px;
	margin : 0;
	padding : 0;
	height : 0px;
	overflow : hidden;
/*	z-index: auto;*/
}

#MyImagePreview {
	z-index: 300;
	filter: alpha(opacity=100);
	-moz-opacity : 1.0;
} 

.MyPreview {
	border : 1px solid #777;
	position : absolute;
	top : 0px;
	left : 0px;
	display : none;
	padding : 10px;
	background : #000;
/*	filter: alpha(opacity=30);
	-moz-opacity : 0.3;*/
}

.MyPreviewShadow {
	position : absolute;
	top : 0px;
	left : 0px;
	display : none;
	padding : 0px;
	margin : 0px;
	background : #000;
/*	filter: alpha(opacity=60);
	-moz-opacity : 0.6;*/
}

.MyInformation {
	font-size : 12px;
	border : 1px solid #777;
	margin : 5px;
	padding : 5px;
}


/* formulaire */

.FrameForm {
	background : #eee;
	border-top : 1px solid #ddd;;
	border-left : 1px solid #ddd;;
	border-right : 1px solid #999;;
	border-bottom : 1px solid #999;; 
	color : #111;
	padding : 10px;
	margin : 0px;
	width : 888px;
	text-align : left;
}

H1 {
 font-size : 20px;
}

H2 {
 font-size : 12px;
}

td.titre {
	font-weight : bold;
	font-size : 12px;
	text-align : left;
	margin : 5px;
}

div.titre {
	font-weight : bold;
	font-size : 12px;
	text-align : left;
	margin : 5px 0 2px 0;
}


.titreFile{
	color : #000;
	text-align : right;
	font-weight : bold;
	font-size : 12px;
	text-align : left;
	width : 380px;
	margin : 5px;
}

.champ {
	text-align : left;
	width : 360px;
}

.X5{ width : 350px; background : #eee; }
.X4{ width : 200px; background : #eee;}
.X3{ width : 173px; background : #eee;}

INPUT, SELECT{
	border-top : 1px solid #777;
	border-left : 1px solid #777;
	border-right : 1px solid #ddd;
	border-bottom : 1px solid #ddd;
}

DIV.AllMySectionTh {
	border-top : 0px solid #777;
	border-left : 0px solid #777;
	border-right : 0px solid #ddd;
	border-bottom : 0px solid #ddd;
	margin : 2px;
	padding : 5px;
	width : auto;
	height : 35px;
}

IMG.AllMySectionTh {
/*	border-top : 1px solid #777;
	border-left : 1px solid #777;
	border-right : 1px solid #ddd;
	border-bottom : 1px solid #ddd;*/
	margin : 0px;
	padding : 0px;
}

div.AllMySectionDiv {
	border-top : 1px solid #777;
	border-left : 1px solid #777;
	border-right : 1px solid #ddd;
	border-bottom : 1px solid #ddd;
	width : 30px;
	height : 30px;
	float : left;
	text-align : center;
	margin : 0 5px 0 0;
}

FIELDSET {
	border : 1px solid #999;
	color : #000;
	text-align : left;
	margin : 0;
	width:auto;
}
LEGEND {
	border : 1px solid #000;
	padding : 5px;
	font-weight : bold;
	font-size : 14px;
}

.uploadImg {
	border : 1px dotted #000;
}

.exifBox {
	display:none;
	color : #000;
	font-size : 10px;
	font-weight : normal;
	border : 1px dotted #000;
	padding : 10px;
}

.MyTextAreaOff  {
	background : #eee;
	border=top : 2px solid #ddd;
	border-left : 2px solid #ddd;
	border-right : 2px solid #fff;
	border-bottom : 2px solid #fff;
	width : 570px;
	height : 200px;
}

.MyTextAreaOn {
	width : 570px;
	height : 200px;
	border : 2px solid #f88;
	background : #fff;
}


/* *************************************** */

#un {
	position : relative;
	border : 1px solid #f00;
	width : 150px;
}

.deux {
	float : left;
	position : absolute;
	top : 0px;
	left : 0px;
	border : 1px solid #0f0;
	display : inline;
}

.trois {
	display : block;
	border : 1px solid #00f;
}

.exif {
	padding : 0 10px 0 0;
	border-bottom : 1px dotted #ddd;
	padding : 0 3px 0 0;
	width : 160px;
}

.iframeFlic {
/*	border : 1px solid #00f;*/
	margin : 0 0 0 0px;
	height : 280px;
	background : #eee;
}


/* information  note */

.MyNoteDescription {
	display : block;
	background : #ccc;
	color : #222;
	padding : 0px;
	margin : 0;
	width : 130px;
	padding : 0 0 0 10px;
}

.notetd {
	height : 20px;
	padding : 0 0 0 10px;
   	border-bottom : 1px dotted #999;
}

.noteTable {
	margin : 0px;
	margin-top : 10px;
	
}

.Camera {
	color : #eee;
}

/* table liste de la gestion */

.divListe {
	position : relative;
	display:block;
	top:0;
	left:0;
	width : 886px; 
	height : 38px;
	overflow:hidden;
	clear: both;
	border-bottom : 1px dotted #555;
}

.tableListe {
	width:885px;
	overflow:hidden;
	border-bottom : 0px solid #aaa;
}

.tdListe {
	
	padding : 2px;
}

#intro {
	position : relative;
	top : 100px;
	right : 100px;
	width : 400px;
	height : 200px;
	background : #f00;
}

H1.TitrePortefolio {
	margin : 0px;
	font-size : 16px;
	border-bottom : 1px dotted #ddd;
}

H2.TitrePortefolio {
	margin : 0px;
	font-size : 12px;
}

#wait { 
	border : 1px solid #aaa; 
	text-align : center;
	background-color : #222;
	color : #ddd;
	padding : 50px;
	display : none;
	position : absolute;
	top : 0;
	left : 0;
	
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8;	
}

#selection {
	text-align : center;
	background : #111;
	top : 100px;
	left : 400px;	
	position : absolute;
	display : inline;
	border : 1px solid #aaa;
	width : 130px;
}

.MyDivTH {
	text-align : center;
	width : 35px;
	height : 35px;
	float : left;
	display : inline;
	padding : 1px;
}

IMG.image {
	cursor: pointer;
}

DIV.MyImageRow {
	overflow:hidden;
	float : left;
	width:0px;
	height:0px;
	position : relative;
	top:0;
	left:0;
	background-color:#ccc;
}

div.MainMenu {
	display : block;
	text-align : right;
	background : #eee;
	height : 30px;
	width : 888px;
	margin : 10px 0 0px 0;
	padding : 5px 50px 0 0;
}

#inputsave {
border : 2px solid #eee;
margin : 5px;
padding : 5px;
background:#eee;
}

div.MyImageCheck{
	border : none;
	float : left;
	margin : 0px 0 15px 7px;
}

DIV.Publier {
	margin : 5px 5px 0 5px;
	float : left;
	cursor: pointer;
}

.unpublish {
	display : none;
	position : absolute;
	top : 15px;
	left : 10px;
	background : #666;
	width : 50px;
	height : 50px;
	background-image : url(/gallery/images/unpublish.gif);
	opacity : 0.4;
	filter : alpha(opacity=40);
}

.MyFileMN{
	position : relative;
	margin : 10px 5px 0 5px;
	display : inline;
	cursor: pointer;
}

body #content .topmenu {
	color : #ccc;
	font-size : 12px;
	display : block;
	background : #333;
	border : 1px solid #bbb;
	height : 18px;
	position:relative;
	width:auto;
	margin: 0 9px 0 5px;
	overflow:hidden;
}

.MytopMenuLink{
	display : block;
	float : left;
	cursor: pointer;
	margin: 0 5px 0 5px;
}

.MytopMenuTitre {
	display : block;
	float : left;
	margin: 0 5px 0 5px;
}

.DivImgView {
	position : absolute;
	top : 10px;
	left : 10px;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:801;
	cursor: pointer;
}

.DivImgViewShadow {
	background : #000;
	filter: alpha(opacity=20);
	opacity : 0.2;	
	position : absolute;
	top : 20px;
	left : 20px;
	width:1px;
	height:1px;
	z-index:800;
	overflow:hidden;
}

.DivImgViewShadow {
	background : #000;
	filter: alpha(opacity=20);
	opacity : 0.2;	
	position : absolute;
	top : 10px;
	left : 10px;
	width:1px;
	height:1px;
	z-index:800;

}

.DivImgViewShadowB {
	background : #000;
	filter: alpha(opacity=30);
	opacity : 0.3;	
	position : absolute;
	top : 10px;
	left : 10px;
	width:1px;
	height:1px;
	z-index:809;
}


.DivMetaDataContent {
	padding : 20px;
	cursor: pointer;
}

.cross {
	position : absolute;
	top : 10px;
	right : 10px;
	float : right;
}

.DivMetaData {
	border : 1px solid #555;
	color : #000;
	background:#CCCCCC;
	position : absolute;
	top : 10px;
	left : 10px;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:810;
	cursor: pointer;	
}

#MyBulleID {
	background : #fff;
	border: 1px solid #f00;
	position : relative;
	display : inline;
	top: : 0px;
	right : 0px;
	width : 10px;
	height: 10px;
	z-index:300;
	overflow:hidden;
}

#topmenu{




}

img.MyPreviewd {
	margin : 2px 0 5px 0 ;
	cursor: pointer;
}

#target {
	color : #ccc;
	font-size : 12px;
	display : block;
	background : #f00;
	border : 1px solid #000;
	width:820px;
	margin: 0 9px 0 15px;
	overflow:hidden;
}

#ContactForm
{
	padding : 30px;
}

#ContactDiv {
	width : 0;
	height : 0;
}

#Intro {
	text-align : center;
	display:block;	
	background : #000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}

#MainContainer {
/*	display:none;
	filter: alpha(opacity=0);
	opacity : 0.0;*/
}

.ImageIntro {
	/*filter: alpha(opacity=70);
	opacity : 0.7;
	*/
	float : left;
	padding : 0px;
	display : block;
}

#intro table {
	width : 100%;
	height : 100%;
}

.DivImg {
	position:relative;
	display:block;
	border: 1px solid #ccc;
	width : 300px;
	height : 190px;
	overflow:hidden;
	background-position: 0px 50px;
	background-repeat:no-repeat;
}

.Fl {
	float : right;
	margin: 2px 5px 0 0;
}

.BeforeOpenMessage {
	position : absolute;
	top : 40%;
	right : 40%;
	left : 40%;
	padding : 40px;
}

#BeforeOpen {
	text-align : center;
	vertical-align:middle;
	background : #000;
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom:0;
}

#ArLeft {
	position : absolute;
	background : #000;
	height : 100px;
	width : 50px;
	border : 1px solid #ffe;

}

#ArRight {
	position : absolute;
	background : #000;
	height : 100px;
	width : 50px;
	border : 1px solid #ffe;

}