/* CSS Document */

/* -- CLASSES GLOBALES -- */

body {
background-color:#fff;
font-family:Verdana, sans-serif;
font-size:13px;
}

.even {clear:left;float:left;}
.odd {float:right;}
.clear {clear:both;}
.scroll {overflow:auto;}
.no-overflow {overflow:hidden;}

/*scroll*/
span.arrowUp {display:none; height:58px;width:26px;position:absolute;right:0;top:0;cursor:pointer;}
span.arrowDown {display:none; height:58px;width:26px;position:absolute;right:0;bottom:0;cursor:pointer;}
div.jury span.arrowUp {background:url(img/scrollbar_top_black.jpg) top left no-repeat;top:43px;}
div.jury span.arrowDown {background:url(img/scrollbar_bottom_black.jpg) top left no-repeat;bottom:87px;}
div.reglement span.arrowUp {background:url(img/scrollbar_top_white.jpg) top left no-repeat; }
div.reglement span.arrowDown {background:url(img/scrollbar_bottom_white.jpg) top left no-repeat;}

div#wrapper { 
height:800px;
width:1000px;
margin:0 auto;
}

ul#sidebarLeftNav a,
ul#sidebarLeftNav span, 
ul#headerNav li, 
h1#logoCiteStyle a,
h1#logoCiteStyleSmall a,
div#proposeTaCollection a,
ul#headerNav li a {
height:100%;
width:100%;
display:block;
text-indent:-9999px;
}

/* --- HEADER --- */

div#header{
height:68px;
width:100%;
position:relative;
}

/* NAV HEADER */

ul#headerNav {
position:absolute;
left:18px;
top:18px;
}

ul#headerNav li {
float:left;
height: 50px;
}

ul#headerNav li.header-nav-1 {
background:url(img/bershka-btn.jpg) no-repeat top left ;
width: 150px;
}

ul#headerNav li.header-nav-2 {
background:url(img/randstad-btn.jpg) no-repeat top left ;
width: 231px;
}

ul#headerNav li.header-nav-3 {
background:url(img/esmod-btn.jpg) no-repeat top left ;
width: 148px;
}

ul#headerNav li.header-nav-4 {
background:url(img/decaux-btn.jpg) no-repeat top left ;
width: 159px;
}

ul#headerNav li.header-nav-5 {
background:url(img/collectif-btn.jpg) no-repeat top left ;
width: 165px;
}

ul#headerNav li.header-nav-6 {
background:url(img/capdigital-btn.gif) no-repeat top left ;
width: 111px;
}

/* --- CONTENT --- */

div#content {
width:100%;
height:732px;
position:relative;
}


.invisible
{
 display: none;
}

.manquant
{
 color: red;
}


div.home div#content { background:url(img/home-bg.jpg) no-repeat top left ;}
div.reglement div#content { background:url(img/reglement-bg.jpg) no-repeat top left ;}
div.jury div#content { background:url(img/jury-bg.jpg) no-repeat top left ;}
div.inscription div#content { background:url(img/inscription-bg.jpg) no-repeat top left ;}


/* LOGO */

h1#logoCiteStyle {
width:483px;
height:144px;
background:url(img/logo-home.jpg) no-repeat top left ;
position:absolute;
left:17px;
top: 10px;
}

h1#logoCiteStyleSmall {
width:381px;
height:120px;
background:url(img/logo-btn.jpg) no-repeat top left ;
position:absolute;
left:17px;
top:48px;
}

/* ---- SIDEBAR ---- */

ul#sidebarLeftNav {
position:absolute;
top:196px;
left:55px;
}

/* HOME */

div.home ul#sidebarLeftNav {
top:197px;
}

div#boxAgagner {
background:url(img/box_agagner.jpg) no-repeat left top;
height:223px;
left:55px;
position:absolute;
top:296px;
width:302px;
text-indent:-9999px;
}

div#boxAgagner ul {
height:210px;
position:relative;
}

div#boxAgagner ul a {
bottom:38px;
height:22px;
position:absolute;
right:0;
width:105px;
}

div#boxMetal {
background:url(img/box_metal.jpg) no-repeat left top;
width:215px;
height:132px;
left:142px;
position:absolute;
top:517px;
text-indent:-9999px;
}

/* AUTRES PAGES */

/* MENU */

ul#sidebarLeftNav li.sidebar-nav-1 {width:191px; height:47px;}

ul#sidebarLeftNav li.sidebar-nav-1 a { background:url(img/reglement-btn.jpg) no-repeat top left; }
ul#sidebarLeftNav li.sidebar-nav-1 a:hover { background:url(img/reglement-btn-hover.jpg) no-repeat top left;}
div.home ul#sidebarLeftNav li.sidebar-nav-1 a { background:url(img/reglement-btn-home.jpg) no-repeat top left; }
div.home ul#sidebarLeftNav li.sidebar-nav-1 a:hover { background:url(img/reglement-btn-home-hover.jpg) no-repeat top left;}
div.reglement ul#sidebarLeftNav li.sidebar-nav-1 { background:url(img/reglement-btn-on.jpg) no-repeat top left; }

ul#sidebarLeftNav li.sidebar-nav-2 {width:142px;height:47px;margin:9px 0 0 0px;}

ul#sidebarLeftNav li.sidebar-nav-2 a{background:url(img/jury-btn.jpg) no-repeat top left;}
ul#sidebarLeftNav li.sidebar-nav-2 a:hover {background:url(img/jury-btn-hover.jpg) no-repeat top left;}
div.home ul#sidebarLeftNav li.sidebar-nav-2 a{background:url(img/jury-btn-home.jpg) no-repeat top left;}
div.home ul#sidebarLeftNav li.sidebar-nav-2 a:hover{background:url(img/jury-btn-home-hover.jpg) no-repeat top left;}
div.jury ul#sidebarLeftNav li.sidebar-nav-2 span{background:url(img/jury-btn-on.jpg) no-repeat top left;}


/* ---- CENTER ---- */

/* PAGE HOME */

div#textBoxHome {
color:white;
left:482px;
line-height:1.38em;
position:absolute;
top:405px;
width:470px;
font-size:11px;
}

div#proposeTaCollection {
width:424px;
height:67px;
left:418px;
position:absolute;
top:597px;
}

div#proposeTaCollection a {background:url(img/propose-btn.jpg) no-repeat left top;}
div#proposeTaCollection a:hover {background:url(img/propose-btn-hover.jpg) no-repeat left top;}

/* PAGE REGLEMENT */

#boxReglement {
height:480px;
left:448px;
position:absolute;
top:120px;
width:460px;
font-size:0.87em;
line-height:1.42em;
text-align:justify;
overflow:auto;
}


div#boxReglement div#scrollContent {
height:auto;
width:430px;
}
div#boxReglement div#scrollContent p {
font-size:10px;
line-height:14px;
margin:5px 0;
}

div#boxReglement h2 { font-size:1.1em; }
div#boxReglement h3 { margin-top:15px; }
div#boxReglement .margin { margin-top:15px; }

/* PAGE JURY */

div#boxJury {
height:590px;
width:500px;
left:416px;
position:absolute;
top:99px;
font-size:0.8em;
line-height:1.13em;
}

div#boxJury ul li {color:#000;height:210px;}
div#boxJury ul li h2 {height:0px;text-indent:-9999px;}
div#boxJury ul li.even p {padding:20px 0 0 265px; text-align:left; width:235px; margin:0}

/*
div#boxJury ul li.jury1 {background:url(img/jury1.jpg) no-repeat top left;}
*/
div#boxJury p { text-align:center; color:#000; margin:5px 45px 15px 80px; }


/* PAGE INSCRIPTION */

div#boxInscription {
height:490px;
left:448px;
position:absolute;
top:81px;
width:470px;
font-size:0.87em;
line-height:1.42em;
}

div#boxInscription h2 {margin-left:74px;color:white;font-weight:normal;font-size:1.1em;letter-spacing:1px;}
div#boxInscription h2 span {color:#ffe533; font-weight: bold;}

div#boxInscription form {padding-top:45px;font-size:0.9em; position:relative;}
div#boxInscription .error { left:0; position:absolute; top:18px; color:red; font-size:12px; font-weight:bold; left:0; position:absolute; top:15px;}

div#boxInscription p { float:left; margin-bottom:7px; width:470px;}
div#boxInscription #topForm label {font-weight:bold; float:left; width:89px; height:19px; padding-top:3px;}

div#boxInscription #topForm input { float:left;width:125px;background:url(img/field1.jpg) no-repeat top left;border:none;height:20px; font-size:11px; padding:1px 5px; margin-right:15px;}
div#boxInscription form select#birthdateDay {width:30px;}
div#boxInscription form select#birthdateMonth {width:48px;}
div#boxInscription form select#birthdateYear {width:48px;}
div#boxInscription form select { font-size:11px; }

div#boxInscription form input#prenom,
div#boxInscription form input#telephone,
div#boxInscription form input#cp { margin:0}
div#boxInscription form input#adresse { width:363px; background: url(img/field3.jpg) no-repeat 0 0; margin:0}

div#boxInscription #centerForm label { width:174px; float:left; font-weight:bold; margin-top:10px}
div#boxInscription #centerForm textarea {width:290px;background:url(img/textarea.jpg) no-repeat top left;border:none;height:55px;}
div#boxInscription form label.raisons {margin-top:17px;}
div#boxInscription form label.raisons {top:50px;}

div#boxInscription form p.verifs { float:left; width:89px; font-weight:bold;}
div#boxInscription form fieldset.verifs input,
div#boxInscription form fieldset.verifs label { margin:0; vertical-align:middle;font-size:9px;}
div#boxInscription form fieldset.verifs input { margin-right:5px;}

div#boxInscription form fieldset#bottomForm { color:white; padding-top:60px;}
div#boxInscription form fieldset#bottomForm label { width:175px; float:left; vertical-align:middle; font-size:11px;}
div#boxInscription form fieldset#bottomForm input { vertical-align:middle;}
div#boxInscription form p.conditions { font-size:11px; line-height:14px; margin-top:5px; width:420px;}
div#boxInscription form p.conditions a { color:#00fff3;}

div#boxInscription form p.explication {font-size:15px; text-align:center;}
div#boxInscription form p.explication a { color:#FFF; text-decoration:underline;}

div#boxInscription form input#submitInscription {margin-left:175px;}

/* FOOTER CAP DIGITAL */

div#capDigital {
right:28px;
top:633px;
position:absolute;
width:242px;
height:27px;
color:#E3001B;
vertical-align:middle;
}

div#capDigital p {
display:block;
width:100%;
height:100%;
position:relative;
}

div#capDigital a {
background:url(img/logo_capdigital.jpg) no-repeat top left;
display:block;
width:96px;
height:34px;
text-indent:-9999px;
position:absolute;
right:0px;
bottom:7px;
}

div#contactMail {
/*display: none;*/
right:308px;
top:708px;
position:absolute;
height:27px;
vertical-align:middle;
}

div#contactMail a {
text-decoration:none;
color:#000;
font-weight:bold;
}

div#facebook {
/*display: none;*/
right:270px;
top:700px;
position:absolute;
vertical-align:middle;
}

div#facebook a {
display:block;
background:url(img/facebook.gif) no-repeat 0 0;
width:30px; 
height:31px;
text-indent:-99999px;
}