body {
width: 100%;
height: 100%;
font-family: Tahoma;
margin: 0px;
padding: 0px;
background-color: #dddddd;
text-align: center;
}

#container {
position: relative;
width: 1000px;
text-align: left;
margin: auto;
border: 1px solid #aaaaaa;
background-image: url('images/bg_totem.jpg');
background-position: left top;
background-repeat: repeat-y;
background-color: #7f93d4;
}

#cartouche {
position: relative;
float: left;
width: 300px;
height: 275px;
background-image: url('images/cartouche.jpg');
}

#cartouche a:link, #cartouche a:visited {
display: block;
color: #fde100;
font-size: 12px;
font-weight: bold;
text-decoration: none;
position: absolute;
left: 11px;
top: 220px;
}

#cartouche a:hover, #cartouche a:active {
color: #ffffff;
}

#bandeau {
float: left;
height: 115px;
}

#menu {
float: left;
clear: left;
width: 300px;
height: 234px;
background-image: url('images/menu.jpg');
border-bottom: 20px solid #a5b2ed;
}

#menu ul {
list-style-position: outside;
margin: 0px;
padding: 0px;
position: relative;
left: 117px;
top: 20px;
}

#menu li {
list-style-position: outside;
list-style-type: none;
border-left: 3px solid #efa320;
padding-left: 15px;
margin-bottom: 8px;
}

#menu a:link, #menu a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#menu a:hover, #menu a:active {
color: #ffcc00;
}

a.menu_selected:link, a.menu_selected:visited, a.menu_selected:hover, a.menu_selected:active {
color: #ffcc00!important;
}

#totem{
float: left;
clear: left;
width: 300px;
height: 100%;
position: relative;
margin-bottom: 5px;
}

#totem h2 {
color: #ffdc00;
margin: 0px;
margin-bottom: -5px;
padding: 0px;
font-weight: normal;
font-size: 22px;
position: relative;
left: 116px;
}

#totem_content {
background-color: #ffdc00;
float: left;
clear: left;
width: 182px;
position: relative;
left: 118px;
}

#totem_content h3 {
color: #ffffff;
margin: 2px 0px 5px 0px;
padding: 0px;
font-size: 14px;
}

#totem_content p {
padding: 0px 10px 6px 10px;
margin: 0px;
text-align: justify;
font-size: 11px;
color: #616060;
}

#totem_content p a:link,#totem_content p a:visited {
display: block;
text-align: left;
color: #0000ff;
}

#totem_content p a:hover,#totem_content p a:active{
text-decoration: underline;
}

#content {
float: right;
width: 700px;
height: 100%;
background-image: url('images/bg_content.jpg');
background-position: left top;
packground-repeat: repeat-y;
font-size: 12px;
color: #616060;
padding-bottom: 40px
}

#content p {
width: 680px;
margin: 0px;
padding: 10px 5px 0px 10px;
text-align: justify;
}

#footer {
height: 40px;
background-color: #a5b2ed;
width: 100%;
clear: both;
font-size: 10px;
color: #fdfcfc;
text-align: center;
margin-top: 0px;
border-top: 1px solid #8888cc;
}

#copyright {
position: relative;
top: 40%;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #fdfcfc;
text-decoration: none;
}

#popup {
position: absolute;
left: 305px;
top: 364px;
z-index: 1000;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5,Color='#888888', Positive='true');
-moz-opacity: .0;
opacity: .0;
background-image: url('images/ombre.png');
background-position: right bottom;
background-repeat: no-repeat;
}

* html #popup {
background-image: none;
left: 295px;
top: 355px;
}

#pop_content {
position: relative;
right: 10px;
bottom: 10px;
background-color: #7c90d2;
text-align: left;
border: 1px solid #9cb0f2;
}

* html #pop_content {
right: 0px;
bottom: 0px;
}

#pop_content ul {
list-style-position: inside;
margin: 0px;
padding: 20px 10px 20px 10px;
color: #efa320;
}

#pop_content li {
list-style-position: inside;
list-style-type: square;
padding-left: 15px;
margin-bottom: 8px;
}

#pop_content a:link, #pop_content a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 13px;
}

#pop_content a:hover, #pop_content a:active {
color: #ffcc00;
}

/* ---------------------- CONTACTS */

#blc_contact {
width: 100%;
}

#blc_contact form {
width: 100%;
height: 300px;
margin: 0px;
padding: 0px;
position: relative;
top: 70px;
}

#blc_contact input, #blc_contact textarea {
border: 1px solid #888888;
}

#blc_contact label {
width: 150px;
float: left;
text-align: right;
font-weight: bold;
color: #ffffff;
}

#blc_contact input {
margin-bottom: 7px;
}

#blc_contact #submit {
background: #31386f;
font-size: 16px;
font-weight: bold;
color: #ffffff;
margin-top: 10px;
position: relative;
left: 450px;
border: 1px solid #888888;
}