p{
margin: 0;
padding: 0;
}


body{
background: #FFFFFF none;
font-size: 12px;
}

#site {
margin:auto;
height:auto;
width:1000px;
color: #515151;
}

#header{
background: url(../img/header.png) no-repeat 0 0;
height: 158px;
position: relative;
}

#header a{
text-decoration: none;
cursor: pointer;
padding-left: 100px;

position: absolute;
top: 0;
height: 158px;
width: 720px;
}

#webBody{
min-height: 450px;
_height: 450px;
background: transparent url(../img/bodyBackground.png) repeat-y scroll 0%;
}

#content {
padding: 20px 25px;
}

#footer {
height:90px;
margin:0 auto;
background: url(../img/footer.png) repeat-x bottom;
padding: 0px 40px;
font-family : Times New Roman, Times, serif;
font-size:1em;
text-align:center;
}

#footer *{
padding-top: 13px;
}

p {
line-height: 1.2em;
text-align:justify;
/*text-indent: 2em;*/
}





/*-----------------------------------------------------------------------------------------------------------------------------------------------
 *--------------------------------------------------------MENU--------------------------------------------------------------------------------
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

#menu {
background: url(../img/menu.jpg);
height:32px;
border-top: 1px solid white;
text-align:center;
margin: 0px 11px  0px 12px;
}

#links {
display:table ! important;
padding:0;
margin:0 auto;
list-style:none;
white-space:nowrap;
display:inline;
//zoom:1;
}

#links li {
display:table-cell;
margin:0;
padding:0;
float:left;
}

#links li a {
float:left;
font-family:arial;
font-size:0.8em;
line-height:2.4em;
letter-spacing:1px;
padding:0 1em;
text-decoration:none;
color:#ffffff;
color:#ffffff;
}

#links li.normalLink a{
border-right: 1px solid transparent;
border-left:  1px solid transparent;
}

#links li.normalLink a:hover, #links li.currentLink a{
border-right: 1px solid white;
border-left:  1px solid white;
border-bottom:  1px solid transparent;
background: white url(../img/menuHover.jpg) repeat-x center top;
}

.footerLeft {
float: left;
}

.footerCenter {
text-align: center;
}

.footerRight {
float: right;
}

.coloredText {
color:red;
font-weight:bold;
}

.label {
vertical-align: top;
display:block;
float:left;
width: 220px;
}

.submit {
margin-left:220px;
}

label.error {
background:transparent url(../img/error.gif) no-repeat scroll 0 50%;
display:inline;
margin-left:10px;
width:auto;
color:red;
padding-left:16px;
}

.submit
{
margin-top: 20px;
}

.floatRight {
float:right;
margin-left: 15px;
}

.center {
text-align: center;
}

.imgLien{
border: 0px;
cursor: pointer;
margin: 5px;
}

.italic {
font-style: italic;
}

#content a
{
color: #286b98;
text-decoration: none;
}

#content a:hover {
color:#FF9900;
}

#content h3
{
color: #515151;
border-bottom: 1px solid #FFDA75;
margin-bottom: 20px;
margin-top: 30px;
text-align: left;
font-size: 1.1em;
}

#Navigator p
{
text-align: justify;
margin-bottom: 15px;
}

div.notify, div.error {
    border: 1px solid #E2DFCA;
    color:#FF6600;
    font-weight:bold;
    padding:0.5em 0.5em 0.5em 40px;
    margin: 20px 0px;
	text-align:left;
}

div.notify {
    background: transparent url('../img/msg-notify.png') no-repeat scroll 5px 2px;
}

div.error {
    background: transparent url('../img/msg-error.png') no-repeat scroll 5px 50%;
}

span.error {
    background: transparent url('../img/msg-error.png') no-repeat scroll 5px 50%;
    color:#FF6600;
    padding:0.5em 0.5em 0.5em 40px;
	display: block;
}

.errorDetail {
    display:block;
    margin-left:50px;
    color:#000;
    font-style:italic;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------
 *--------------------------------------------------------STRUCTURE--------------------------------------------------------------------------------
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

#TitleBar {
border-bottom:1px solid #D9D9D9;
margin-bottom:25px;
}

#TitleBar .title {
font-size:1.6em;
font-weight:bold;
padding: 0px 5px;
}

#TitleBar img {
vertical-align:middle;
}

.valign {
vertical-align:middle;
}


.albumButtom {
height: 20px;
text-align: center;
width: 180px;
}

.tips {
background: transparent url('../img/tips.gif') no-repeat scroll 50% 0px;
width: 12px;
height: 12px;
display:block;
float:right;
margin : 10px;
}

.addPhoto {
padding: 10px;
vertical-align:top;
}

.addPhoto fieldset {
background-color: #F1F1F1;
border-color: #666666;
padding: 10px 10px;
}

.addPhoto legend {
color: #666666;
font-size:9pt;
font-weight:bold;
}

table.myPhotos {
width: 100%;
}

.myPhoto {
width: 530px;
border-right: 1px solid #DDDDDD;
vertical-align: top;
}

.myPhoto img {
margin: 1px;
}

.draggable {
cursor:move;
}

.dragBox{
position:absolute;
cursor:move;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
z-index: 10;
}

.galleria_wrapper .dragBox{
width: 100px;
height: 80px;
border: 2px solid #FF9900;
}

.toolsBox {
background-image:url(../img/toolbox.gif);
width:236px;
margin: 60px auto;
}

.toolsBoxContent {
color:#333333;
font-size:8pt;
overflow:auto;
padding:5px;
position:relative;
}


.toolsBoxContent .toolsActionEdit {
background-image:url(../img/editMedia.gif);
}

.toolsBoxContent .toolsActionDelete {
background-image:url(../img/deleteMedia.gif);
}

.toolsBoxContent .toolsAction {
background-position:left top;
background-repeat:no-repeat;
display:block;
float:left;
height:154px;
margin:3px 4px 3px 3px;
width:106px;
}

.toolsBoxContent .toolsActionHover {
background-position:right top;
}

.toolsBoxContent .toolsAction span {
color:#666666;
display:block;
font-size:9pt;
font-weight:bold;
padding-top:115px;
text-align:center;
}

#commentBackground, #loader {
display:none;
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 500;
background-image: url('../img/transparent.png');
}

#loader {
display:block;
}
#commentBox {
background-color: #EBEBEB;
z-index: 1000;
width: 440px;
margin-left: auto;
margin-right: auto;
margin-top: 20%;
padding: 10px;
}

#commentBox img {
vertical-align: top;
}

.closeButton {
background-image:url('../img/closeButton.gif');
background-position:left top;
border:0 none;
cursor:pointer;
height:15px;
margin-right:4px;
right:1px;
top:3px;
width:16px;
float: right;
}

.closeButton:hover {
background-position:right top;
}

#commentBoxHeader {
font-size:1.75em;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;
}

#commentBoxBody {
background-color: #FFF;
border: 1px solid #515151;
padding: 10px;
text-align:center;
}

.galleria{list-style:none;width:660px; margin-left: 60px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{/*position:absolute;*/display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.galleria_wrapper {height: 560px; width: 740px; }
.galleria_container .caption {
background:#FFFFFF url(../img/comment.png) no-repeat;
display:block;
height:35px;
margin-left:20px;
padding-left:40px;
padding-top: 8px;
}

.author {
color: #FF9900;
font-weight: bold;
margin-right: 10px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------
 *--------------------------------------------------------BOX------------------------------------------------------------------------------------
 *---------------------------------------------------------------------------------------------------------------------------------------------*/

div.box {
background:#FFFFFF url('../img/boxBg.gif') repeat-y scroll 0 0;
overflow:hidden;
padding:0 14px 1px;
position:relative;
width:158px;
margin-bottom: 30px;
}

div.box h2 img {
margin-top: 0px;
}

div.box .cap.top {
background:transparent url('../img/boxTop.png') no-repeat scroll 0 0;
top:0;
}

div.box .cap {
font-size:1px;
height:6px;
margin:0 -14px;
position:absolute;
width:186px;
}

div.box h2 {
background:#DFDFDF url('../img/boxHeader.gif') repeat-x scroll 0 0;
border-bottom:1px solid #D9D9D9;
color:#4D4D4D;
font-size:14px;
font-weight:normal;
margin:0 -12px;
padding:6px 12px 4px;
line-height:18px;
margin-bottom:10px;
}

div.box .cap.bottom {
background:transparent url('../img/boxBottom.png') no-repeat scroll 0 100%;
bottom:0;
}

.downloadList {
margin-bottom:14px;
padding:2px;
text-align:center;
}

.downloadAll {
border-top: 1px solid #D9D9D9;
margin-bottom: 10px;
}

.imgBlock {
display:block;
width:72px;
margin: 5px auto;
}

div.box .toolsActionHover {
color: #FF9900; 
border: 1px dashed #FF9900;
}

.imgToDownload {
width: 40px;
margin-right: 6px;
}

.notice {
margin: 15px 0px;
font-style: italic;
}


.commentsDiv.scroll-pane {
height: 280px;
width: 168px;
margin-bottom:10px;
text-align: center;
position: relative;
}

#miniature.scroll-pane {
width: 740px;
height: 90px;
}

.scroll-pane p.comment {
border-bottom: 1px dotted #FF9900;
margin-top: 5px;
padding-bottom: 5px;
}

.comment .auteur {
color: #FF9900;
font-style: italic;
display:block;
}

/* Bubble pop-up */
* {
margin: 0;
padding: 0;
}


.bubbleInfo {
position: relative;
width: 200px;
}

.bubbleInfo2  {
width: 100%;
}

.bubbleInfo2 .popup-contents td {
padding-bottom: 10px;
}

.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
width: 220px;
}

.popup td.corner {
height: 15px;
width: 17px;
}

.popup td#topleft { background: url('../img/bubble-1.png') no-repeat 0; 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-1.png');}
.popup td.top { background: transparent url('../img/bubble-2.png') ; 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-2.png');}
.popup td#topright { background: transparent url('../img/bubble-3.png'); 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-3.png');}
.popup td.left { background: transparent url('../img/bubble-4.png'); 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-4.png');}
.popup td.right { background: transparent url('../img/bubble-5.png'); 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-5.png');}
.popup td#bottomleft { background: transparent url('../img/bubble-6.png'); 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-6.png');}
.popup td.bottom { background: transparent url('../img/bubble-7.png'); text-align: center;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-7.png');}
.popup td#bottomright { background: transparent url('../img/bubble-8.png'); 
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bubble-8.png');}

.popup td.bottom img { 
display: block; 
margin: 0 auto; 
}

.popup table.popup-contents {
line-height: 1.2em;
background-color: #fff;
color: #666;
font-size: 0.9em;
}

table.popup-contents th {
text-align: left;
padding: 2px;
vertical-align: top;
}

table.popup-contents td {
text-align: left;
}

.redirect {
display:block;
margin-left:40px;
margin-top:10px;
}

.redirect img {
vertical-align: middle;
}

.listAlbum {
width: 900px;
margin: 5px auto;

}

.albumBox {
height: 120px;
}

.selectPhotograph {
width: 150px;
}

.block {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin:10px 0;
padding:0;
}

.block .plus {
cursor:pointer;
float:right;
margin:5px;
}

.block h2 {
background-color:#F1F1F1;
border-bottom:1px dotted #CCCCCC;
font-size:1.3em;
margin:0;
padding:10px;
text-align:left;
}

.block .content {
display:none;
padding:5px 15px;
}