/* BASICS */
body {font-family:Arial, Helvetica, sans-serif;color:#5D5D5D;font-size:14px;margin:0;padding:0;background-color:#eaecec;}
fieldset {padding:10px 6px;font-weight:bold;color:#666666;border:#CCCCCC 1px solid;width:800px}
legend {font-weight:bold;color:#48A3E6;padding:0 7px;}
input {background-color:#F9F9F9;border:#BCBCBC thin solid}
input.button {background-color:#48A3E6;color:#FFFFFF;font-weight:bold;cursor:pointer}
h2 {margin:0px 0}
h3 {margin:0px 0;color:#48A3E6;}
h3 a, h3 a:visited {padding:3px 8px 0;color:#999;text-decoration:none;font-size:12px}
h3 a:hover {text-decoration:underline;color:#333}
h4 {margin:0 0 7px;color:#999999;font-size:12px;font-weight:normal;}

#container {width:980px;margin:0 auto;background-color:#FFFFFF;border:solid #E8E8E8 1px;}
#main {border-left:#EFEFEF 1px solid;padding-left:15px;margin-top:33px;}

#header {background-color:#ffb400;height:94px}
#logo {float:left;border-right:#fff 1px solid;}
#logotext {margin-top:23px;float:left;padding-left:15px}

#menubox {float:right;background-color:#b0c3c6;border-left:#fff 1px solid;padding:23px 40px 0 0}

#header ul.menu {margin:0;padding-left:7px;}
#header ul.menu li{list-style: none;padding-bottom:7px;}
#header .menu a,#header .menu a:visited,#header .menu a:active {padding:2px 4px 1px;color:#FFFFFF;font-weight:bold;text-decoration:none;}
#header .menu a:hover {background-color:#cfdadc;}
#header .menu a.on {background-color:#3d818f;}



.mainphoto {margin-bottom:4px;}
.mainphoto img {border:none}
.mainphoto a, .mainphoto a:visited { }
.port-tag {float:left;position:absolute;z-index:10;background-color:#FFFFFF;opacity : 0.7;filter : alpha(opacity=7);padding:7px;font-weight:bold;color:#000000;text-transform:uppercase;letter-spacing:4px;}


.album_box {width:750px;}
div.img { margin:0; height: auto; width: auto; float: left; text-align: center;}	
div.img img { display: inline; margin: 1px; border:none;}
.prodetail {padding:2px 0 0 5px;float:right;text-align:left;color:#FFF;}


.projet li {margin-bottom:4px;list-style:decimal}
.projet a, .project a:visited{color:#666666;font-weight:bold}
.projet a:hover {text-decoration:none}

.testimonial {background:#e9f2cc; color:#333;width:450px;}
.testheader {background-color:#c9d4a5;padding:6px;color:#FFF}
.testheader IMG {border:3px solid #FFF;}
.testimonial a, .testimonial a:visited {color:#FFF;font-weight:bold;}
.testimonial a:hover {text-decoration:none}


/* ESPACE CLIENT */
#loginbox {border:#CECECE solid 1px;padding:10px;margin-top:30px;width:320px;background:#bdcad1;font-size:16px;font-weight:bold;}
#loggedbox {margin:8px;text-transform:uppercase;color:#48A3E6;font-size:14px;font-weight:bold;text-align:right}
#coor {background-color:#E0E6D5;margin-top:24px;padding:7px;}

.dateadresse {color:#4f4e4e;font-size:14px;font-weight:bold;padding:8px 0;}
.espace-text {color:#878787;margin-top:5px;}
.espace-text a, .espace-text a:visited {color:#00a2ff;font-weight:bold}
.espace-text a:hover {text-decoration:none}
.downbtn {float:left;margin-right:8px;}




.success {margin-top:5px;color:#95E63C;font-weight:bold;}
.smallink a, .smallink a:visited {color:#666666; }
.smallink a:hover {text-decoration:none}
.pagination {text-align:right;margin:30px 60px 0;font-weight:bold;font-size:15px;}
.pagination a, .pagination a:visited {color:#899F55;padding-left:6px;border-left:#666666 5px solid;}
.pagination a:hover {text-decoration:none}


#footer {margin-top:30px;background:#AFBC83 ;height:30px;font-size:12px;text-align:center;color:#FFFFFF}
#footer ul.menu {margin:0;padding:2px 0 0 5px;}
#footer ul.menu li{list-style: none;display:inline;}
#footer .menu a,#footer .menu a:visited,#footer .menu a:active {padding:2px 4px 1px;color:#FFFFFF;text-decoration:none;}
#footer .menu a:hover {background-color:#3d818f;}

#credits {margin:0 auto 10px;color:#8B8B8B;font-size:10px;text-align:center;padding-top:3px;}