/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:12px Arial, Verdana, Helvetica, sans-serif; color:#5a5a5a; background:#d3dde0; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, li, p { margin:0; padding:0; border:0; font-size:12px; }
ul, li { list-style:none; }
table { border-collapse:collapse; }
a { outline:0 none; color:#D76062; text-decoration:none; }
a:hover { color:#0073ff; text-decoration:underline; }
.clear { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}/*ie7*/
.clearfix {display:block;}
* html .clearfix {height:1%;}
input, select, textarea { font:12px Arial, Verdana, Helvetica, sans-serif; color:#475e78; outline:0 none; }
label { cursor:pointer; }
.hide { display:none; }


/* STRUCTURE */
#main { position:absolute; display:none; }
#container { height:0; overflow:hidden; background:#fff; }
#content { display:none; padding:10px; background:#fff; }
#footer { padding:5px 0 0 0; text-align:center; }


/* COMMON */
h1 { padding:5px; background:#d3dde0; font-size:14px; }
h2 { padding:0 0 15px 0; font-size:18px; color:#ed1e26; }
h3 { font-size:14px; background:#fff; }
.loading { position:absolute; width:66px; height:66px; background:url(../img/loading_body.gif); }
.result { display:none; text-align:center; font-weight:bold; color:#ed1e26; font-size:14px; }


/* HEADER */
#navigation { border-bottom:1px solid #d3dde0; }
#navigation li { float:left; }
#navigation a { display:block; float:left; padding:5px 10px; background:#ed1e26; color:#fff; text-transform:uppercase; }
#navigation a.on, #navigation a:hover { text-decoration:none; background:#8B9294; }
* html #navigation a { height:0.01%; }


/* PROFIL */
#profil li { padding:0 0 10px 0; }


/* CONTACT */
#contact { background:#fff; }
#contact .contactArea { display:none; }
#contact p { padding:0 0 8px 0; }
#contact .openForm { padding:0 0 15px 0; }
#contact label { display:block; float:left; width:100px; }
#contact .inputText { padding:1px 2px; width:200px; border:1px solid #d3dde0; }
#contact textarea { padding:2px; width:600px; height:150px; border:1px solid #d3dde0; }
#contact p.submit { width:706px; text-align:right; }
#contact input.submit { padding:3px; background:#8B9294; color:#fff; border:none; text-transform:uppercase; font-size:11px; cursor:pointer; }
#contact ul { margin:0 0 7px 0; }
#contact ul li { padding:0 0 5px 0; }
#contact .error { border:1px solid #ed1e26; }


/* REALISATIONS */
#realisations { position:relative; }
#realisations ul.list { float:left; margin:0 20px 0 0; width:160px; overflow:hidden; }
#realisations ul.list li.liOthers { padding:20px 0 0 0; }
#realisations ul.list a { color:#5A5A5A; }
#realisations ul.list a:hover { color:#0073ff; }
#realisations .details { position:relative; display:none; float:left; padding:0 20px 0 20px; width:230px; border-left:1px solid #d3dde0; }
#realisations .agency { padding:0 0 15px 0; font-size:10px; }
#realisations .details .ahead { display:none; background:#fff; }
#realisations .details .url { padding:10px 0 0 0; }
#realisations .details .shoots { position:absolute; left:20px; bottom:0; }
#realisations .picture { display:none; float:left; position:relative; padding:0 0 0 20px; width:427px; border-left:1px solid #d3dde0; background:url(../img/loading2.gif) 220px 120px no-repeat; }
#realisations .picture img { display:none; position:relative; border:1px solid #d3dde0; z-index:0; }
#realisations .picture .close { position:absolute; right:1px; top:1px; z-index:1; }
#realisations .picture .close img { display:block; border:none; }
#realisations ul.description { margin:15px 0; }
#realisations ul.description li { padding:0 0 0 10px; background:url(../img/puce.gif) 0px 6px no-repeat; }
#realisations #others { display:none; position:absolute; left:0; bottom:0; padding:5px; background:#fff; border:1px solid #d3dde0; }
#realisations #others .close { position:absolute; right:0; top:0; }
#realisations #others ul.list { margin:0; }


/* PRETTY PHOTO */
div.pictureHolder .top .left { background: url(../img/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(../img/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */

div.pictureHolder .content { background-color: #fff; } /* Content background */
div.pictureHolder .content a.next:hover { background: url(../img/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(../img/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.expand { background: url(../img/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pictureHolder .content a.expand:hover { background: url(../img/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pictureHolder .content a.contract { background: url(../img/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pictureHolder .content a.contract:hover { background: url(../img/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pictureHolder .content a.close { cursor: pointer; } /* Close button */

div.pictureHolder .bottom .left { background: url(../img/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(../img/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

div.pictureHolder .loaderIcon { background: url(../img/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../img/prettyPhoto/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../img/prettyPhoto/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../img/prettyPhoto/ttp.gif) top left repeat-x; }

div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p{float:left;clear:left;margin:0}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../img/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../img/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;width:150px;text-align:right;/*text-indent:-10000px*/}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}