body
{
font-family: Arial;
font-size: 14px;
background: url('img/bg.jpg') black top center no-repeat fixed;
margin: 0px;
padding: 0px;
}

#content
{
width: 1000px;
margin: auto;
padding-top: 8px;
}

/* ------------------ HEADER ---------------------- */

#header
{
height: 182px;
background: url('img/header_bg.png') top left repeat-x;
width: 100%;
}

#main_header
{
width: 1000px;
height: 182px;
margin: auto;
position: relative;
left: -60px;
}

#chars
{
width: 460px;
height: 182px;
/* background: url('img/charas.png') top right no-repeat; */
float: left;
padding:0px;
margin: 0px;
}

#chars a, #chars a img
{
border: none;
}

#right
{
width: 540px;
height: 182px;
float: right;
text-align: center;
}

#header #right a img.title
{
border: none;
padding-top: 20px;
}

#header #right a img.link, #header #right img
{
border: none;
margin-right: 1px;
margin-left: 1px;
}

#header #right a:hover img.link
{
background: url('img/menu_over.png');
}

/* ------------------ FOOTER ---------------------- */

#footer
{
color: #a2a2a2;
font-size: 12px;
height: 50px;
padding: 15px 0px 0px 0px;
margin: 10px 0px 0px 0px;
background: url('img/footer_bg.png') top left repeat-x;
text-align: center;
padding-bottom: 0px;
}

#footer p
{
padding: 2px;
margin: 0px;
}

#footer a.spe
{
color: white;
text-decoration: none;
font-size: 10px;
font-weight: bold;
background: #777777;
padding: 2px 3px 2px 3px;
border: solid 1px black;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
top: -2px;
}

#footer a.spe:hover
{
background: #333333;
}

/* ------------------ ITEMS LIST ---------------------- */

#list
{
overflow: auto;
margin: auto;

}

.item
{
border: solid 1px black;
width: 190px;
height: 135px;
float: left;
margin: 2px 4px 2px 4px;
overflow: hidden;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.item:hover{
filter: none;
-webkit-filter: grayscale(0);
}

.itemc
{
border: solid 3px white;
width: 190px;
height: 135px;
float: left;
margin: 0px 2px 0px 2px;
overflow: hidden;
}

.item:hover
{
border: solid 1px #ff8b2d;
cursor: pointer;
}

.itemdesc
{
background: url('img/bgalpha.png');
margin-top: 113px;
width: 185px;
height:17px;
padding: 5px 0px 0px 5px;
}

p.line1
{
color: #ff8b2d;
padding: 0px;
margin: 0px;
font-size: 12px;
font-weight: bold;
text-align: center;
}

p.line2
{
color: white;
padding: 0px;
margin: 0px;
font-size: 12px;
text-align: center;
}

/* ------------------ BLOCKS ---------------------- */

.block
{
text-align: justify;
padding: 20px 40px 10px 40px;
overflow: auto;
}

.block div
{
overflow: auto;
}

.block img.aleft, .block div.aleft
{
float: left;
border: solid 1px black;
margin-right: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-image: url('img/bgalpha.png');
}

.block img.aright, .block div.aright
{
float: right;
border: solid 1px black;
margin-left: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-image: url('img/bgalpha.png');
}

h1
{
padding: 0px;
margin: 0px;
font-size: 22px;
font-weight: bold;
color: #ff8b2d;
}

h3
{
padding: 0px;
margin: 0px;
font-size: 18px;
font-weight: normal;
color: #ff8b2d;
}

.block p
{
padding: 5px 0px 10px 0px;
margin: 0px;
color: white;
}

p img
{
position: relative;
top: 2px;
}

hr
{
border: none;
border-top: solid 1px white;
margin: 20px 0px 20px 0px;
}

.titleblock
{
text-align: center;
font-size: 20px;
color: white;
background: url('img/bgalpha.png');
margin-bottom: 10px;
padding: 3px 0px 3px 0px;
clear: both;
}

.block p a
{
color: #ffbc85;
}

.block p a:hover
{
color: #ff8b2d;
}

.logoindex
{
margin: 5px 5px 5px 5px;
}

#loop_index
{
width: 299px;
height: 212px;
}

strong
{
font-weight: normal;
color: #ff8b2d;
}

/* ------------------ GALERY ---------------------- */

#galery
{
background: url('img/bgalpha.png');
padding: 5px;
margin: 0px;
text-align: center;
}

#galery a img
{
border: solid 1px #ff8b2d;
padding: 0px;
margin: 2px;
}

#galery a img:hover
{
margin: 1px;
border: solid 2px white;
}

#galery h2
{
color: #ff8b2d;
padding: 0px;
margin: 0px 0px 5px 0px;
font-size: 12px;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* +-+-+-+-+-+-+-+-+-+-+-+ FORM +-+-+-+-+-+-+-+-+-+-+-+-+ */

#formDiv
{
width: 500px;
margin: auto;
text-align: left;
}

#formDiv table
{
margin-left: 30px;
}

#formDiv td.titre
{
padding-left: 40px;
width: 100px;
color: #ff8b2d;
}

#formDiv td input
{
width: 300px;
border: solid 1px #ff8b2d;
background-color: white;
padding: 2px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#formDiv td input#sub
{
width: 250px;
margin-left: 40px;
padding: 2px;
border: solid 1px #ff8b2d;
background-color: white;
color: #ff8b2d;
font-weight: bold;
}

#formDiv td input#sub:hover
{
border: solid 1px white;
background-color: #ff8b2d;
cursor:  pointer;
color: white;
}

#formDiv #txta
{
margin-left: 40px;
width: 400px;
height: 200px;
border: solid 1px #ff8b2d;
background-color: white;
padding: 2px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#formDiv .error
{
margin-left: 40px;
padding: 5px 5px 5px 15px;
border: solid 1px #d62806;
background-color: #fbb4a6;
margin-bottom: 10px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#formDiv .error p
{
font-size: 12px;
padding: 0px;
margin: 0px;
color: red;
}

#formDiv .success
{
margin-left: 40px;
padding: 5px 5px 5px 15px;
border: solid 1px #3a9303;
background-color: #d9fac5;
margin-bottom: 10px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#formDiv .success p
{
font-size: 12px;
padding: 0px;
margin: 0px;
color: green;
}