/* ------------- styles stagephotoparisien.fr ------------- */


* {
margin: 0;
padding: 0;
border: 0;
}

body, html {
height: 100%;
width: 100%;
font: normal 90%/150% helvetica, arial, sans-serif;
color: #fff;
text-align: center;
background: #000 url(sba_imports/sba_workshops_fond.gif) 0 0 repeat-x;
}

#global {
position: relative;
margin: 0 auto;
width: 950px;
background-color: transparent;
}

#header {
position: relative;
width: 950px;
height: 80px;
background-color: #000;
}

#footer {
position: relative;
width: 950px;
height: 120px;
background: transparent url(sba_imports/sba_workshops_foot.gif) 0 0 no-repeat;
}



/* ------------- styles stagephotoparisien.fr // menu ------------- */



#menu {
position: relative;
width: 950px;
height: 50px;
font-size: 12px;
}

#menu ul {
margin: 0 auto;
width: 882px;
height: 50px
}

#menu li {
display: inline;
float: left;
padding: 0 1px;
list-style-type: none;
}

#menu li a {
display: block;
width: 124px;
height: 50px;
color: #fff;
font-weight: bold;
line-height: 25px;
text-decoration: none;
text-transform: uppercase;
background: #000 url(sba_imports/sba_workshops_btn.jpg) 0 0 no-repeat;
}

#menu li a:hover {
color: #fc3;
background: #000 url(sba_imports/sba_workshops_btn.jpg) 0 -50px no-repeat;
}

#menu li a.active {
color: #fc3;
background: #000 url(sba_imports/sba_workshops_btn.jpg) 0 -50px no-repeat;
}



/* ------------- styles stagephotoparisien.fr // contenu ------------- */


#contenu, #inscription {
position: relative;
width: 950px;
top: 35px;
margin-bottom: 50px;
background-color: transparent;
}

#inscription p {
width: 750px;
text-align: left;
}

img {
margin-bottom: 15px;
}

#details img {
margin: 5px 0;
}

h1 {
color: #fc3;
text-transform: uppercase;
font-size: 130%;
}

h1.big {
font-size: 200%;
}


h2 {
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
font-size: 120%;
}

h2 a {
margin-bottom: 10px;
color: #fc3;
text-transform: uppercase;
font-size: 120%;
}

h3 {
width: 250px;
padding: 2px;
margin: 0 auto;
margin-bottom: 5px;
color: #000;
text-transform: uppercase;
font-size: 110%;
background-color: #fc3;
}

h4 {
color: #fc3;
}

h4 a {
color: #fff;
text-decoration: underline;
}

h4 a:hover {
color: #ccc;
text-decoration: none;
}

p {
font-size: 110%;
width: 750px;
margin: 0 auto 15px auto;
}

p.small {
font-size: 80%;
color: #666;
}

p.small a {
color: #999;
}

p.short {
width: 500px;
}

blockquote {
margin: 0 auto;
margin-bottom: 10px;
width: 650px;
color: #fc3;
font-size: 150%;
font-style: oblique;
line-height: 130%;
}

hr {
width: 800px;
border: 0; /* enleve toute bordure */
border-bottom: #ccc 1px solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
margin: 15px auto;
clear: both;
}

hr.jaune {
width: 750px;
border: 0; /* enleve toute bordure */
border-bottom: #fc3 1px solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
margin: 15px auto;
clear: both;
}

#stages {
width: 750px;
margin: 0 auto;
margin-bottom: 50px;
text-align: left;
}

#stages img {
float: left;
margin-right: 10px;
border: 1px #000 solid;
}

#details img {
border: 1px #000 solid;
}

#stages p, #stages h1 {
float: left;
width: 500px;
}

#stages p.long {
width: 750px;
}

#stages p.fondgris {
margin-top: 0;
margin-bottom: 0;
padding: 12px 8px;
width: 750px;
color: #fff;
background-color: #333;
}

#stages p.fondgris2 {
margin-top: 0;
margin-bottom: 0;
padding: 12px 8px;
width: 750px;
color: #fff;
background-color: #222;
}

#stages p.fondnoir {
margin-top: 0;
margin-bottom: 0;
padding: 12px 8px;
width: 750px;
color: #fff;
background-color: #000;
}

#stages span.jaune {
color: #fc3;
}

#stages a:hover img, #details a:hover img {
border: 1px #fc3 solid;
}

#stages p a, p a {
color: #fc3;
text-decoration: none;
}

#stages p a:hover, p a:hover {
color: #fff;
text-decoration: underline;
}

#details h1, #details p {
color: #fff;
width: 700px;
}

strong {
font-weight: bold;
color: #fd4;
}

.inv {
visibility: hidden;
}

input {
padding: 1px;
background-color: #000;
border-left: #666 1px solid;
border-top: #666 1px solid;
border-right: #eee 1px solid;
border-bottom: #eee 1px solid;
color: #ccc;
}

input.noborder {
background-color: transparent;
border: 0;
}

input.validation {
cursor: pointer;
padding: 5px;
font-size: 110%;
font-weight: bold;
color: #f00;
background-color: #fff;
border: 0;
}

input.yellow {
width: 40px;
font-size: 100%;
font-weight: bold;
color: #fc3;
background-color: #000;
border: 0;
}

select {
width: 100px;
font-size: 70%;
color: #000;
background-color: #ccc;
}

p span.yellow {
font-size: 100%;
font-weight: bold;
color: #fc3;
}

p.center input {
margin-left: -25px;
width: 800px;
text-align: center;
}

table td {
font-size: 90%;
height: 20px;
text-align: center;
line-height: 20px;
border: 1px #333 solid;
}

table th {
color: #fc3;
font-size: 90%;
font-weight: bold;
text-align: center;
border: 1px #333 solid;
}

th.red, td.red {
color: #000;
background-color: #f30;
}

th.red2, td.red2 {
color: #000;
background-color: #f30;
height: 40px;
}

th.yel, td.yel {
color: #000;
background-color: #fc3;
}

th.yel2, td.yel2 {
color: #000;
background-color: #fc3;
height: 40px;
}

th.black2, td.black2 {
color: #fff;
background-color: #000;
height: 40px;
}

th.gris, td.gris {
color: #000;
background-color: #444;
}

th.gris2, td.gris2 {
color: #000;
background-color: #777;
}

th.black, td.black {
border: 0;
height: 20px;
}

table tr.gris1 {
background-color: #111;
}

table tr.gris2 {
background-color: #222;
}

table tr.selection {
background-color: #666;
}


/* --- tableau ++ ----- */

table.tabtab {
margin: 0 auto;
padding: 0;
text-align: center;
}

table.tabtab td {
text-align: center;
}

p.tab {
font-size: 110%;
line-height: 100%;
width: 300px;
padding-top: 12px;
text-align: left;
}

a.tabdates {
font-weight: bold;
text-decoration: none;
color: #c00;
}

a.tabdates:hover {
text-decoration: underline;
}

table.calend {
text-align: center;
}

table.calend td {
padding: 0px;
border: 1px #fff solid;
text-align: center;
}

table.jour td {
padding: 0px;
border: 0px;
}

table.mois td {
padding: 0px;
border: 0px;
font-size: 130%;
}

.row {
font-size: 130%;
font-weight: bold;
}

.tdcalend {
padding-left: 35px;
}