html, body {
    height: 100%;
    overflow: auto;
}
body {
    padding: 0;
    margin: 0;
    color: #6e7372;
    font-size: 100%;
}
h1 {
    font-family: 'Orbitron' , Arial, sans-serif;
    color: #ff9600;
    font-size: 2.8em; /*    text-shadow: 1px 1px 4px #3b474e;*/
    letter-spacing: 5px; /*text-indent: 30px;*/
}
h2, h3 {
    font-family: 'Orbitron' , Arial, sans-serif;
    color: #ff9600;
    padding-bottom: 0px;
    padding-top: 0px;
}
p {
    line-height: 1.6em; /*text-indent: 30px; text-align: justify;*/
    font-size: 0.8em;
    margin-top: 5px;
    padding: 5px;
}
ul {
    padding: 0;
}
li {
    line-height: 1.6em; /*text-indent: 30px; text-align: justify;*/
    font-size: 0.8em;
    margin-top: 5px;
}
a {
    color: #444444;
    font-weight: 700;
    text-decoration: none;
}
a:hover {
    color: #444444;
    font-weight: 700;
    text-decoration: underline;
}
.watermark {
    color: #acb1b7;
}
.mceContentBody {
    overflow: auto;
}
#silverlightControlHost {
    background-position: 0px 0px;
    height: 100%;
    text-align: center;
}
#EditPage {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
}
#main {
    margin: 0 auto;
    width: 1024px;
    position: relative;
}
#nav {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/nav.jpg');
    background-position: center top;
    height: 74px;
    background-repeat: no-repeat;
    color: White;
    font-size: 10px;
    font-family: 'Orbitron' , Arial, sans-serif;
    letter-spacing: 2px;
}
#CenterNav {
    position: relative;
    top: 45px;
    left: 240px;
    width: 750px;
}
#nav ul {
    margin: 0 auto;
    padding: 0;
}
#nav li {
    display: inline;
    font-size: 1em;
}
#nav a {
    color: White;
    text-decoration: none;
}
#nav a:hover {
    color: #A0CDE8;
}
#nav a span {
    line-height: 55px;
    height: 55px;
    margin-left: 10px;
    vertical-align: middle;
}
#header {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/header.jpg');
    height: 127px;
    background-repeat: repeat-y;
}
#logo {
    left: 70px;
    position: relative;
    top: -80px;
}
#container {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/fond.png');
    background-position: center top;
    background-repeat: repeat-y;
    position: relative;
}
#fondcontenu {
    position: absolute;
    top: 0;
    left: 0;
}
#contenu {
    margin: 0 30px;
    position: relative;
    margin-left: 45px;
    margin-right: 45px;
}
#footer {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/footer.png');
    background-position: center top;
    background-repeat: no-repeat;
    height: 127px;
    padding-left: 45px;
    padding-top: 80px;
    font-size: 10px;
    font-family: 'Orbitron' , Arial, sans-serif;
    letter-spacing: 2px;
    color: #99cbe4;
    clear: both;
}
#footer a {
    color: #99cbe4;
    text-decoration: none;
}
#footer a:hover {
    color: #99cbe4;
    text-decoration: underline;
}
#minislider {
    height: 250px;
    left: 100px;
    position: relative;
    top: -120px;
    width: 355px;
}
#minislider ul {
    list-style: none;
    width: 60000px;
}
#minislider li {
    display: inline;
    position: absolute;
}
#minislider img {
}
.clear {
    clear: both;
}

#bigslider {
    /*overflow: hidden;*/
    width: 860px;
    margin: 0 auto; /*height: 400px;*/
    position: relative; /*margin-top: -100px;*/
}

#bigslider img {
    /*width: 100%;*/
    height: auto;
    border: 0px solid #FFFFFF;
    display: block;
}
#gauche {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
#droite {
    float: right;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
    top: 2px;
}
.imgPortfolio {
    margin-top: 20px;
}
.col_1_2 {
    float: left;
    width: 465px;
}
.col_1_3 {
    float: left;
    width: 300px;
}
/*boutons*/
a.btn {
    margin: 5px 0px 5px 0px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/Bouton_01.png');
    height: 40px;
    padding-left: 40px;
    text-decoration: none;
    display: block;
    float: left;
    text-indent: 0;
    font-size: 14px;
}
a.btn:hover {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/Boutonh_01.png');
}
a.btn span {
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/Bouton_02.png');
    height: 40px;
    padding-right: 14px;
    margin-right: -14px;
    display: block;
    float: left;
    line-height: 40px;
    cursor: pointer;
}
a.btn span:hover {
    background-image: url('http://d165yn6xq08dj9.cloudfront.net/asset/Boutonh_02.png');
}
.error {
    color: #FFEDAD;
    border: 1px solid #E3A345;
    color: #CD5C0A;
    line-height: 25px;
    margin: 10px 5px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    font-size: 15px;
}
.error span {
    background: transparent url('http://d165yn6xq08dj9.cloudfront.net/asset/messagebox_warning.png') no-repeat center left;
    padding-left: 30px;
}
.ok {
    background-color: #FCF0BA;
    border: 1px solid #E8E1B5;
    color: #363636;
    line-height: 25px;
    margin: 10px 5px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    font-size: 15px;
}
.ok span {
    background: transparent url('http://d165yn6xq08dj9.cloudfront.net/asset/messagebox_info.png') no-repeat center left;
    padding-left: 30px;
}
/*page d'accueil*/
.accueil {
    background: transparent url('http://d165yn6xq08dj9.cloudfront.net/asset/accueil.jpg') no-repeat center left;
    height: 787px;
}
#headeraccueil {
    height: 550px;
}
#logoaccueil {
    margin-left: 415px;
}
#footeraccueil {
    padding-left: 45px;
    padding-top: 80px;
    font-size: 14px;
    font-family: 'Orbitron' , Arial, sans-serif;
    letter-spacing: 2px;
    color: #99cbe4;
}
#footeraccueil a {
    color: #99cbe4;
    text-decoration: none;
}
#footeraccueil a:hover {
    color: #99cbe4;
    text-decoration: underline;
}
.retourclient {
     font-family: 'Dancing Script',serif;
    font-size: 20px;
    letter-spacing: 0.5px;
}
/******** portfolio ******************/
#gallery {
    
    overflow: hidden;
    margin: 75px;
    width:780px;height: 585px;
}
#gallery #cmd {
    position: absolute;
    width: 930px;
    height: 735px;
    display: block;
    z-index:1000;
    top: 185px;
    left:0px;
    cursor:pointer;
}
#gallery #shadow {
    background: url("/css/asset/shadow.png") no-repeat scroll -0px -0px transparent;
    display: block;
    height: 735px;    
    position: absolute;
    top: 185px;
    left:0px;
    width: 930px;
}
#gallery .inner {
    position: relative;
    width: 6000px;
    height: 6000px;
    left:-260px;
    top:0px;
}

#gallery .galleryItem {
    position: absolute;
}
#gallery .galleryItem img{
    width:260px;
    height:195px;
}
#gallery a.mover {
    background: url("/css/asset/movers.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 44px;
    position: absolute;
    opacity: 0.5;
}
#gallery #left {
    background-position: 0px 0px;
    left: 30px;
    top: 345px;    
}
#gallery #right {
    background-position: 0px -44px;
    left: 856px;
    top: 345px;
}
#gallery #down {
    background-position: 0px -88px;
    left: 443px;
    top: 665px;
}
#gallery #up {
    background-position: 0px -132px;
    left: 443px;
    top: 30px;  display:none;  
}
#gallery #info{
    display: block;
   position: absolute;
    top: 173px;
    left:130px;
    z-index: 100;
}