/* Page + Shadows calculation */

#site{

/*    width: 900px;*/
    /*width: 100%;*/

    
    margin: auto;
    position: relative;
    overflow: hidden;
}
#global{
        margin: 0 auto;
    position: relative;
}
#footer{
    background: url(data/image/bottom-shadow.png) no-repeat top center;
}

#page{
 /*    padding: 25px;
   width: 850px;*/
    overflow: hidden;
    background: url(data/image/page-bg.png) repeat-x top left;
    padding-top: 25px;
    min-height: 200px;
}

#error{
    background: #fee;
    padding: 10px;
    border-bottom: 1px solid #fdd;
    border-right: 1px solid #fdd;
}
/************************** Form actions ********************************/
div.actions {
    float: left;
    margin-right: 7px;
}
.actions div{
    float: left;
    clear: none;
}
.actions div a{
    padding: 3px;
    display: block;
}
.actions img, .actions-content a{
    cursor: pointer;
    text-decoration: none;
}
/* Actions publication states */
.published{
    border: 1px solid #afa;
    background: #dfd;
}
.created, .saved{
    border: 1px solid #faa;
    background: #fdd;
}
.actions-content{
    display: none;
    position: absolute;
    margin-left: 36px;
    margin-top: -23px;
    background: #ffffff;
    height: 22px;
    font-style: italic;
    border: 1px #ddd solid;
    border-bottom: 1px solid #777;
    border-right: 1px solid #aaa;
}
/* Ajax forms look & feel */
form.edit{
    border: 1px solid #fff;
    border-bottom: 1px solid #999;
    border-right: 1px solid #ccc;
    padding: 10px;
    width: 700px;
}
*{
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
}
ul, li{
    margin-left: 20px;
}
H1{
    font-size: 1.8em;
    margin-bottom: 10px;
    font-weight: normal;
}
H2{
    font-size: 1.6em;
    margin-left: 25px;
    margin-bottom: 10px;
    font-weight: normal;
}
H3{
    font-size: 1.4em;
    margin-bottom: 5px;
    font-weight: normal;
}

H1 a, H2 a, H3 a{
    font-size: 1em;
}
img{
    border: 0px;
    vertical-align: bottom;
}
a:link, a:visited, a{
    text-decoration: none;
    font-weight: normal;
}
a:hover{
    text-decoration: underline;
    font-weight: normal;
}
div.element, div.content{
    clear:left;
    /*overflow: hidden;*/
}
span.error{
    font-weight: bold;
    color: #db141e;
}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }div#banner{
    background: url(data/image/filrouge.png) repeat-x top left;
    height: 189px;
    text-align: left;
}
div#banner H1{ display: none; }
div#banner H2{
    position: absolute;
    color: #db141e;
    font-weight: normal;
    top: 100px;
    left: 300px;
    font-size: 2em;
}
div#page{
    background: url(data/image/cles.png) no-repeat bottom right;
    min-height: 350px;
}
div#page div.element {
    width: 760px;
}
div#page div.element.newsPicture.editview,
div#page div.element.packagePicture.editview,
div#page div.element.projectPicture.editview,
div#page div.element.officePicture.editview,
div#page div.element.descriptionPicture{
    width: 60px;
    clear: none;
    float:left;
}
div#page div.actions, div#page div.preview{
    width: auto;
}
div#pageLogin{
    width: 750px;
}
div#pageLogin fieldset{
    width: 300px;
}
div#footer{
    background: #8cbb15;
    color: #ffffff;
    height: 40px;
    clear: left;
}
div#footer ul.menu li {
    list-style: none;
    padding-top: 12px;
    width: 150px;
    float: right;
    text-align: center;
}
div#footer ul.menu {
    overflow: hidden;
}
div#footer ul.menu li a{
    color: #ffffff;
    font-size: 1.1em;

}

div#news{
    width: 750px;
}
/************************** Standards ********************************/
form{ 
    height: auto;
    z-index: 9;
    position: relative;
    clear: left;
}
form div{ 
    margin-bottom: 10px;
    display: block;
    clear: both;
    text-align: left;
}

fieldset{
    padding-top: 5px;
    width: 100%;
    border: 0px;
}
fieldset.buttons {
    /*margin-top: 25px;*/
}
form input, form textarea, form select{ 
    width: 98%;
}
form div.submit{
    text-align: center;
}
form div.submit input{
    width: auto;
}
legend{
    padding-left: 5px;
    padding-right: 5px;
}
label{
    display: block;
    font-weight: bold;
    clear: right;
    width: 200px;
    margin-bottom: 3px;
}
form textarea{
    height: 200px;
}
/* Upload des images */
form.edit form{
    border: 0px;
    border-top: 1px solid #aaa;
    padding: 0px;
}
form.edit div.content div.content{
    border-bottom: 1px solid #aaa;
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden;
}
form.edit div.submit input {
    clear: left;
}
form div iframe{
    float: left;
    margin-right: 5px;
    background: #fff;
    border: 1px inset #fff;
}
form input.picture{ 
    width: auto;
    margin-top: 30px;
}
.uploadIframe {
    display: none;

}
div.file {
    display: block;
    clear: right;
    min-height: 80px;
}
div.file div {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    width: 70px;
    height: 70px;
    border: 1px dashed #aaa;
    margin-left: 10px;
    position: absolute;
    display: inline;
    text-align: center;
}
div.file div img{
    width: auto;
    height: auto;
    max-width: 70px;
    max-height: 70px;

}
form div.picture{
    float: left;
    clear: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

form div.hidden{ display: none;}

/* Form errors */

form .error{
    clear: left;
}
form span.error {
    display: block;
    margin-bottom: 5px;
}
fieldset div{
    clear: both;
    margin-top: 5px;
}
fieldset label{
    font-weight: bold;
}
fieldset div.submit, form div.button {
    width: auto;
    max-width: 120px;
    clear: none;
    float: left;
    margin-right: 10px;
}
fieldset div.submit input, form div.button input{
    padding-left: 5px;
    padding-right: 5px;
}



span.deleted, span.sent{
    color: #438700;
    font-weight: bold;
    padding-left: 25px;
    line-height: 20px;
    background-image: url(data/image/icon/accept.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
}

div.advancedtextarea, div.simpletextarea {
    clear: both;
    float: left;
    width: 100%;
}
#menu, #menu ul{
z-index: 10;
/*list-style : none;*/
line-height : 30px;
/*text-align : center;*/
/*float: rightpx;*/
}
#menu{
    width: 230px;
    float: left;
    margin-top: 50px;
    margin-right: 50px;
    background: url(data/image/bg_menu.png) no-repeat top left;
    padding-top: 20px;
    height: 300px;
}
#menu a{
display : block;
text-decoration : none;

color: #ffffff;
font-size: 1.3em;
}
#menu .active {
font-weight: bold;
}
#menu a:hover{
color: #000000;
}
#menu li ul a{
width : 200px;
color: #ffffff;
background: #ffffff;
}
#menu li ul a:hover{
color: #000000;
}
#menu li{
float : left;
padding-left: 50px;
height: 32px;
    list-style: none;
}
html>body #menu li { border-right: 0px solid transparent ; }

/* ***** First Submenu Level ***** */
#menu li ul {
position: absolute;
width : 200px;
display: none;
}

html>body #menu li ul li{ border-top : 0px solid transparent; }

/* ***** Second Submenu Level ***** */
#menu li ul ul{
width : 200px;
margin : 30px 0 0 200px ;
}
#menu li:hover ul ul, #menu li.sfhover ul ul{
display: none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
display: block;
min-height: 0;
}
/*** Other Menus ***/

#menu-footer ul{
list-style : none;
line-height : 24px;
text-align : left;
float: left;
}

#menu-footer ul li{
float: right;
width: 130px;
}

#page {
    float: none;
    padding-left: 10px;
}
div.element.office.listview, div.office.list.view div.element.office.view{
    padding: 5px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
div.element.office div.actions{
    margin: 0px;
    margin-right: 10px;
}
div#page div.element.office.view div.description p{
    padding: 10px;
    padding-bottom: 0px;
}
div#page div.element.office.view span.label {
    font-style: italic;
}
div#page div.element.office.view div.content {
    overflow: hidden;
}
div#page div.element.office.view H2,
div#page div.element.project.view H2{
    cursor: pointer;
}
div#page div.element.office.view div.element.officePicture.list.view div.element.officePicture.listview {
    float: left;
    margin-right: 10px;
    clear: none;
    width: auto;
}

div#page div.element.office.view div.description,
div#page div.element.office.view div.surface,
div#page div.element.office.view div.availability {
    clear: left;
    margin-top: 7px;
}

div.element.office.listview tr td.picture,
div.element.project.listview tr td.picture {
    width: 115px;
    text-align: left;
    vertical-align: top;
}
div.element.office.listview tr td.content,
div.element.project.listview tr td.content{
    vertical-align: top;
    padding-left: 15px;
}
div.element.office.listview tr td.picture img,
div.element.project.listview tr td.picture img{
    width: 100px;
}
div.element.office.listview tr td.picture div.actions img,
div.element.project.listview tr td.picture div.actions img{
    width: auto;
}
div.listview div.element.office.actions, div.content div.element.office.view div.actions,
div.listview div.element.project.actions, div.content div.element.project.view div.actions{
    float: right;
}
div.content div.element.office.view div.element.officePicture.actions{
    float: left;
}
div.news.listview {
    margin-top: 10px;
}
#news {
    margin-top: 20px;
}

div.element.package.listview, div.element.package.view {
    margin-bottom: 20px;
    /*padding: 5px;*/
}
div.element.package.listview, div.element.package.view div.price {
    margin-top: 5px;
}
div.element.package.listview span.label {
    font-weight: bold;
    font-style: italic;
}
div.element.project.listview, div.element.project.view {
    margin-bottom: 20px;
    /*padding: 5px;*/
}
div.element.project.listview tr td.picture {
    width: 80px;
    text-align: center;
}

#pageContact div.contactPart, #pageMentions div.description.view p {
    margin-bottom: 20px;
}

div.element div.description {
    overflow: hidden;
}


#news {
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}
#news a.seeAll {
    float: right;
    margin-right: 10px;
}
div.news.listview {
    margin: 10px;
    /*padding: 5px;*/

}
div.news span.date {
    margin-left: 15px;
    font-style: italic;
    padding-left: 15px;
}

div.news p{
    margin-top: 7px;
}

div.news.listview{
    padding-left: 30px;
    padding-top: 0px;
    background: url(data/image/puce.png) no-repeat top left;
}

div#element-news-list-actions{
    clear: both;
    display: block;
}
div.element.news.listview{
    clear: both;
}

#pageWelcome div.description.view {
    /*padding: 5px;*/
    padding-left: 0px;
}
#pagePresentation div.description.view {
    margin-bottom: 20px;
    padding: 7px;
    padding-left: 0px;
}

#pageContact form.contact {
    width: 600px;
}
#pageContact form.contact fieldset.fieldset1 div.text {
    width: 150px;
    margin-right: 46px;
    float: left;
    clear: none;
}
#pageContact form.contact fieldset.fieldset2 div.textarea {
    width: 550px;
}

div.element.preview div.actions,
div.element.editview div.actions,
div#page div.element.officePicture.listview div.actions{
    position: absolute;
}

div.element.editWeight div.content div.element.editWeight {
    border: dashed 1px #999;
    margin-bottom: 10px;
    /*padding: 10px;*/
    background-color: #eee;
    cursor: move;
}
div.element.editWeight table {
    margin: 10px;
}

div.element.editWeight div.content div.element.editWeight td.picture {
    width: 80px;
    text-align: center;
}

div#page div.element {
    /*width: auto;*/
}

div#page div.element.news.listview {
    margin-bottom: 30px;
    width: 710px;
}
.fb_edge_widget_with_comment {
    float: right;
}/* Specifical CSS depending on the final user's configuration */
body{ background-color: #ffffff; }
H1{ color: #000000; }
H2{ color: #db141e; }
H3{ color: #6C9903; }
H1, H1 a:link, H1 a:visited{ color: #000000; }
H2, H2 a:link, H2 a:visited{ color: #db141e; }
H3, H3 a:link, H3 a:visited{ color: #6C9903; }

a:link, a:visited, div#page div.element.office.view span.label, a { color: #6C9903; }
div.element.office.listview, div.office.list.view div.element.office.view { border-bottom: 1px solid #dddddd; }
a:hover{ color: #db141e; }

em{ color: #000000; }
#site{ background-color: #FFFFFF; }
#page{ background-color: #FFFFFF; }

div.news span.date {
    color: #888888;
}