/* CSS Auradelia - v6.8 */

body
{
 font-family: "Times New Roman", times, serif;
 width: 960px;
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 border: 2px solid #f37d7d;
 background: white;
 padding: 0px;
}

#logo
{
 float: left;
 width: 200px;
 height: 130px;
 background-image: url("logo_w200.gif");
 background-repeat: no-repeat;
}

#header
{
 height: 100px;
 margin-left: 200px;
 padding: 15px;
 background-image: url("degrade_header3.gif");
 background-position:top right;
 background-repeat:repeat-y;
 text-align: center;
 background-color: #f3c1c1;
}

#header p
{
 margin: 0px;
 padding: 0px;
}

#header img
{
 width: 150px;
 height: 100px;
 margin-left: 10px;
 margin-right: 10px;
}

#menu
{
 float: left;
 width: 200px;
 height: 420px;
 background-color: #f37d7d;
 font-size: 0.95em;
 background-image: url("degrade_menu2.gif");
 background-position:top right;
 background-repeat:repeat-y;
}

.items
{
 padding: 0px;
 margin-top: 35px;
 margin-left: 45px;
}

.items ul,.items li
{
 list-style-type: none;
 line-height: 30px;
 width: 140px;
 margin-top: 5px;
 text-align: right;
 padding-right: 15px;
}

.items a
{
 font-weight: bold;
 color: white;
 text-decoration: none;
}

.items a:hover
{
 font-weight: bold;
 color: black;
 text-decoration: none;
}

.active
{
 background-color: white;
 font-weight: bold;
} 

#contact
{
 font-size: 1.2em;
 width: 150px;
 margin-top: 60px;
 margin-left: 25px;
}

#contact p
{
 color: white;
 font-size: 0.8em;
 text-align: center;
}

#contact a
{
 color: white;
 text-decoration: none;
}

#contact a:hover
{
 color: white;
 text-decoration: underline;
}

#content
{
 font-size: 0.9em;
 height: 370px;
 margin-top: 10px;
 padding: 20px;
 padding-top: 20px;
 overflow: auto;
 background-repeat:no-repeat;
 text-align: justify;
}

.colored
{
 color: #f37d7d;
}

#content h1
{
 font-size: 1.8em;
 font-weight: bold;
 margin-bottom: 30px;
 margin-top: 10px;
 text-align: center;
}

#content h2
{
 font-size: 1.2em;
 font-weight: bold;
 text-indent: 30px;
 border: 1px solid #f37d7d;
 background-color: white;
 color: #f37d7d;
 margin-top: 60px;
 text-align: center;
}

#content h3
{
 color: #f37d7d;
 font-size: 1.0em;
 margin-bottom: 0px;
}

#content h4
{
 color: white;
 font-size: 1.0em;
 margin-top: 5px;
}

#content h5
{
 color: black;
 font-size: 1em;
 margin-top: 80px;
}

#content p
{
 margin-top: 0px;
}

#content ul
{
 margin-bottom: 30px;
}

#content a
{
 color: #f37d7d;
 text-decoration: none;
}

#content a:hover
{
 color: #f37d7d;
 text-decoration: underline;
}

#content .norm a
{
 color: black;
}

.centered
{
 text-align: center;
 clear: both;
}

.questions
{
 text-align: center;
 font-size: 1.1em;
}

em
{
 font-style: normal;
 text-decoration: underline;
}

#content .left img
{
 display: block;
 float: left;
}

#content .right img
{
 display: block;
 float: right;
}

#content .allwidth
{
 clear: both;
}

.cadre
{
 float: left;
 width: 310px;
 margin: 5px;
 border: 1px solid #f37d7d;
 background: #ffb6b6;
 padding: 10px;
}

#titrecadre a
{
 font-weight: bold;
 color: white;
 font-size: 1.0em;
 margin-top: 5px;
 text-decoration: none;
}

#titrecadre a:hover
{
 font-weight: bold;
 text-indent: 30px;
 color: white;
 font-size: 1.0em;
 margin-top: 5px;
 text-decoration: underline;
}

.cadre2
{
 width: 280px;
 margin: 5px;
 border: 1px solid #f37d7d;
 background: white;
 padding: 10px;
}

.cadre3
{
 float: left;
 width: 200px;
 margin: 5px;
 border: 1px solid #f37d7d;
 background: white;
 padding: 5px;
}

#gallery {
    position: relative;
    width: 700px;
}

#thumbs {
    width: 310px;
    float: left;
}

#thumbs a {
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 40px;
    height: 40px;
    border: 0px solid #000;
}

#thumbs a img {
    width: 40px;
    height: 40px;
    border: 0;
}

#thumbs a:hover {
    border-color: #ddd;
}

#thumbs a:hover img {
    position: absolute;
    width: auto;
    height: auto;
    left: 315px;
    top: 0;
    border: 1px solid #333;