/*
** SeeZat.com ©
** Feuille de style principale
**
**/

* {
margin: 0;
padding: 0;
}

img {
border: 0;
}

body {
font-family:Trebuchet MS,Arial,DejaVu;
background-image:url("gfx/bg.jpg");
background-repeat:repeat-x;
font-size:13px;
color:#666666;
}

a {
color:#ff0037;
}

a:hover {
color:#88bd4c;
}

.container {
width:987px;
margin:auto;
}

h1 {
font-family:Trebuchet MS;
font-weight:normal;
font-size:25px;
margin-bottom:10px;
}

input, select, textarea {
border:2px solid #717171;
padding:3px;
font-size:16px;
font-family:Trebuchet MS;
font-variant:small-caps; 
color:#a0a0a0;   
margin:5px;
width:300px;
}

.checkbox {
width:15px;
}

input:focus, select:focus, textarea:focus {
color:red;
}

.menu_login {
float:right;
margin-top:2px;
margin-right:10px;
}
.menu input {
width:100px;
border:0;
}

.block {
float:left;
}

/* Heading */

.header {
width:987px;
float:left;
background-image:url("gfx/logo.jpg");
background-repeat:no-repeat;
}
.studio {
float:right;
}

/* Menu */

.menu {
width:967px;
float:left;
height:52px;
background-image:url("gfx/menubar.jpg");
color:white;
padding-left:20px;
}

.menu_item {
float:left;
padding:10px;
height:32px;
}

.menu_item:hover, .menu_selected {
background-image:url("gfx/menu_selected.jpg");
background-position:center;
background-repeat:no-repeat;
}

.menu a {
color:white;
text-decoration:none;
font-variant:small-caps;
font-size:20px;
font-weight:bold;
}

.menu_sep {
width:7px;
height:52px;
float:left;
background-image:url("gfx/menu_sep.jpg");
}

/* Footing */

.footer {
margin-top:20px;
padding-top:10px;
width:100%;
height:300px;
background-image:url("gfx/footer.jpg");
color:#b6b6b6;
float:left;
}

.footer_col {
float:left;
width:150px;
}

.footer_copyright {
float:right;
width:400px;
text-align:right;
font-size:12px;
}
.footer_content {
padding-left:15px;
width:987px;
margin:auto;
}

.footer h1 {
font-size:17px;
color:#b6b6b6;
}
.footer a {
color:#b6b6b6;
text-decoration:none;
font-size:12px;
}


/* Contenus */
.content {
float:left;
width:967px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
}

.greybox {
width:340px;
float:left;
background-color:#f2f2f2;
border:5px solid #e8e8e8;
padding:5px;
text-align:justify;
}
.greybox h1 {
color:#686868;
text-align:center;
font-size:25px;
font-family:Trebuchet MS;
font-weight:normal;
margin-bottom:10px;
}


.leftbox {
background-image:url("gfx/box.jpg");
background-repeat:no-repeat;
float:left;
padding-left:60px;
margin-top:10px;
height:64px;
}

.greenbox {
float:left;
width:350px;
background-color:#9bd25d;
border:5px solid #88bd4c;
margin-left:10px;
padding:5px;
color:white;
font-size:15px;
font-weight:bold;
background-image:url("gfx/tools.jpg");
background-repeat:no-repeat;
background-position:right;
padding-right:220px;
}
.greenbox p {
margin-bottom:15px;
}

.greenbox h1 {
font-size:25px;
font-family:Trebuchet MS;
font-weight:normal;
margin-bottom:10px;
}

.btnbox {
float:left;
width:580px;
margin-top:10px;
margin-left:10px;
}

.btnbox a {
text-decoration:none;
border:0;
}

.btnbox button, .red_btn {
width:179px;
height:56px;
background-image:url("gfx/red_btn.jpg");
border:0px;
margin-right:10px;
color:white;
font-family:Impact;
font-size:28px;
cursor:pointer;
}

.chronobox {
margin-top:10px;
margin-left:10px;
font-size:19px;
float:left;
height:65px;
width:520px;
background-image:url("gfx/chrono.jpg");
background-repeat:no-repeat;
padding-left:60px;
text-align:justify;
}

.register {
float:left;
width:987px;
}
.register_left {
width:360px;
height:322px;
float:left;
background-image:url("gfx/register_left.jpg");
background-repeat:no-repeat;
background-position:0px 10px;
}
.register_right {
float:left;
background-color:#f2f2f2;
border:5px solid #e8e8e8;
padding:5px;
width:580px;
}

form ul {
list-style:none;
}

form .prefix {
float:left;
width:140px;
font-size:15px;
font-variant:small-caps;
margin-right:10px;
}

form li {
clear:both;
margin-bottom:10px;
}

.register_valid {
float:left;
height:390px;
}
.register_valid p {
margin-bottom:15px;
font-size:14px;
text-align:justify;
}

.captcha {
width:120px;
}

.submit {
color:white;
background-color:#ff0037;
border:0px;
font-family:Impact;
font-size:22px;
cursor:pointer;
-moz-border-radius:5px;
}

.submit:focus {
color:white;
}

.valid {
color:#6ba22e;
margin:10px;
}
.error {
color:#ff0037;
margin:10px;
}
.error h2, .valid h2 {
font-family:Trebuchet MS;
font-weight:normal;
font-size:18px;
margin-bottom:10px;
}
.error ul {
list-style: circle;
padding-left:20px;
}
.error li {
margin:0px;
}

.notFound {
float:left;
height:250px;
}

.loginbox {
background-color:#F2F2F2;
border:5px solid #E8E8E8;
padding:5px;
width:500px;
margin:auto;
}
.pictures_explain {
margin-top:10px;
float:left;
width:199px;
color:#908a8a;
height:253px;
background-image:url("gfx/left_help.jpg");
padding-top:65px;
padding-left:10px;
padding-right:10px;
text-align:justify;
font-size:12px;
}
.pictures_explain p, .pictures p {
margin-bottom:10px;
}
.pictures {
background-color:#F2F2F2;
border:5px solid #E8E8E8;
padding:5px;
float:left;
width:710px;
min-height:500px;
}
.result_pic {
margin:10px;
border:2px solid #E8E8E8;
}
.pic {
float:left;
width:150px;
height:175px;
border:1px solid #E8E8E8;
margin:2px;
text-align:center;
background-color:#ff0037;
}
.pic a {
color:white;
text-decoration:none;
font-family:Impact;
}
.pic_content {
float:left;
width:150px;
height:150px;
background-color:white;
padding:1px;
}

#uploader {
width:300px;
float:right;
height:30px;
margin-top:-40px;
}

.infos {
width:987px;
float:left;
margin-bottom:10px;
font-variant:small-caps;
font-size:15px;
}

.infos .prefix {
float:left;
width:150px;
}

.menu_infos {
float:right;
font-variant:small-caps;
margin-right:20px;
font-size:20px;
margin-top:10px;
color:#adadad;
}

.lasts {
float:left;
width:987px;
height:133px;
padding-top:20px;
overflow:hidden;
position:relative;
background-image:url("gfx/pellicule.jpg");
margin-top:15px;
}
.last_m {
float:left;
width:110px;
margin-right:15px;
}
.last_content {
width:2000em;
position:absolute;
clear:both;
}

.help_header {
width:987px;
height:56px;
float:left;
background-image:url("gfx/help.jpg");
background-repeat:no-repeat;
background-position:center;
margin-bottom:10px;
}

.help_greybox {
background-color:#f2f2f2;
border:5px solid #e8e8e8;
padding:5px;
float:left;
width:453px;
margin-right:10px;
height:210px;
text-align:justify;
}

.help_greybox h2, .help_content h2 {
font-family:Trebuchet MS;
margin-bottom:10px;
font-weight:normal;
}
.help_greybox p, .help_content p {
margin-bottom:10px;
}
.help_content {
border:5px solid #e8e8e8;
float:left;
width:937px;
margin-top:10px;
padding:5px;
text-align:justify;
}

.help_intro {
width:100%;
float:left;
margin-bottom:10px;
}
.tool {
float:left;
width:300px;
font-size:11px;
color:#c1c1c1;
color:#7d7d7d;
height:120px;
}
.tool img {
float:left;
margin:5px;
border:1px solid #DDDDDD;
}
.tool .text {
float:left;
width:200px;
}
.tool img {
float:left;
}


.cgu {
border:5px solid #DDD;
padding:6px;
text-align:justify;
}
.cgu p {
margin-bottom:15px;
}
.cgu h2 {
margin-bottom:10px;
}

.waiter {
display:none;
left:0px;
top:0px;
text-align:center;
position:absolute;
font-size:25px;
width:100%;
height:100%;
padding-top:250px;
background-image:url("/gfx/60.png");
}

.ad {
position:absolute;
margin-left:300px;
margin-top:5px;
}

.bottomad {
width:728px;
margin:auto;
}

.bottomad_ad {
width:728px;
margin-top:10px;
float:left;
}