@charset "utf-8";
body  {
font:1em Verdana, Arial, Helvetica, sans-serif;
background:url(img/fondBody.png) repeat top;
margin:0;
padding:0;
text-align:center;
color:#000000;
}
a img {
border:none;
}
a {
color:#3885A6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.themeDefaut #container { 
width:62em;
background:#FFFFFF;
margin:2px auto 20px auto;
text-align:left;
border-left:solid 1px #3885A6;
border-right:solid 1px #3885A6;
border-top:solid 1px #3885A6;
background-image:url(img/fondContainer.jpg);
background-repeat:no-repeat;
background-position:bottom left;
} 
.themeDefaut #containerIndex { 
width:62em;
background:#FFFFFF;
margin:2px auto 20px auto;
text-align:left;
border-left:solid 1px #3885A6;
border-right:solid 1px #3885A6;
border-top:solid 1px #3885A6;
background-image:url(img/fondContainerIndex.png);
background-repeat:no-repeat;
background-position:bottom left;
} 
.themeDefaut #header { 
padding:0.5px 10px;
background:url(img/bandeau.png) no-repeat right;
} 
.themeDefaut #header h1 {
margin:0;
padding:10px 0;
display:none;
}
.themeDefaut #mainContent { 
margin:0 50px 0 50px;
font-size:0.8em;
} 
.themeDefaut #mainContent .minimumHeight {
height:500px;
}
.themeDefaut #mainContent h1 { 
display:none;
}
.themeDefaut #mainContent h2 { 
color:#3885A6;
font-size:1.2em;
text-align:center;
padding-top:20px;
font-variant:small-caps;
}
.themeDefaut #mainContent h3 {
color:#FF6600;
font-size:1em;
margin-left:75px;
}
.themeDefaut #mainContent h3 a {
color:#FF6600;
font-size:1em;
}
.themeDefaut #mainContent h3 a:hover {
text-decoration:underline;
}

.themeDefaut #mainContent h4 {
font-size:1em;
}

.themeDefaut #mainContent span.titre {
font-size:1.1em;
font-weight:bold;
font-variant:small-caps;
}
.themeDefaut #mainContent table td.libelle {
width:40%;
}
.themeDefaut #mainContent ul.presentation {
text-align:left;
margin-left:3em;
}
.themeDefaut #mainContent ul.presentation li {
padding-left:15px;
background:url(img/puceOrange.png) no-repeat left top;
}
.themeDefaut #mainContent ul.presentation li a {
color:#000000;
text-decoration:none;
}
.themeDefaut #mainContent ul.presentation li a:hover {
text-decoration:underline;
}
.themeDefaut #mainContent p.information {
font-size:0.8em;
color:#3885A6;
}
.themeDefaut #footer { 
text-align:right;
font-size:0.7em;
color:#FFFFFF;
background:url(img/menuPiedPage.png) repeat bottom;
} 
.themeDefaut #footer p {
margin:0;
padding:2px 20px;
}
.themeDefaut #footer a {
color:#FFFFFF;
text-decoration:none;
}
.themeDefaut #footer a:hover {
text-decoration:underline;
}
div.partner {
text-align:center;
}
div.partner a img {
vertical-align:middle;
}

.floatRight {
float:right;
margin-left:8px;
}
.floatLeft {
float:left;
margin-right:8px;
}
.clearFloat {
clear:both;
height:0;
font-size:1px;
line-height:0px;
}
.infos{
text-align:center;
font-size:0.8em;
}
.infos a img {
vertical-align:middle;
}

.right{
text-align:right;
}
.left {
text-align:left;
}
.center{
text-align:center;
}
.bold{
font-weight:bold;
}
.top {
vertical-align:top;
}
.exemple {
border-bottom:1px solid #FF6600;
}
.messageInformation {
border:1px solid #009900;
color:#009900;
font-weight:bold;
}
.messageError {
border:1px solid #FF0000;
color:#FF0000;
font-weight:bold;
}
.commentaireImage {
color:#FF6600;
font-style:italic;
font-size:9px;
}
div.fifty{
width:50%;
}
.example {
color:#999999;
}
.small {
font-size:9px;
}

/* DEBUT - Formulaire */
.fieldsRequired, #formContact label span.fieldsRequired {
font-style:italic;
color:#FF0000;
}
#formContact {
padding:0 0 0 150px;
width:800px;
margin:0 auto;
text-align:left;
}
#formContact label{
display: block;
color: #797979;
font-weight: 700;
line-height: 1.4em;
}
#formContact input{
width: 220px;
padding: 6px;
color: #949494;
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #cecece;
}
#formContact input.error{
background: #f8dbdb;
border-color: #e77776;
}
#formContact input.radioBtn {
width:50px;
}
#formContact textarea{
width: 550px;
height: 200px;
padding: 6px;
color: #adaeae;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 12px;
border: 1px solid #cecece;
}
#formContact textarea.error{
background: #f8dbdb;
border-color: #e77776;
}
#formContact div{
margin-bottom: 15px;
}
#formContact div span{
margin-left: 10px;
color: #b1b1b1;
font-size: 11px;
font-style: italic;
}
#formContact div span.error{
background:url(img/failed.png) no-repeat left;
padding-left:15px;
color: #e46c6e;
}
#formContact input[type=submit], #formContact input[type=reset] {
background:url(img/backgroundButton.gif) no-repeat;
border:none;
color:#FFFFFF;
width:200px;
height:30px;
cursor:pointer;
}

#formContact input[type=submit]:hover,#formContact  input[type=reset]:hover {
background:url(img/backgroundButtonHover.gif) no-repeat;
border:none;
color:#000000;
width:200px;
height:30px;
}

#formContact input[type=submit]:active, #formContact input[type=reset]:active {
background:url(img/backgroundButtonActive.gif) no-repeat;
border:none;
color:#000000;
width:200px;
height:30px;
}
/* FIN - FORMULAIRE */

/* DEBUT - NEWS */
.themeDefaut #mainContent div.news{
margin-top:20px;
background:url(img/news.png) no-repeat top left;
padding-left:55px;
padding-bottom:30px;
padding-top:1em;
text-align:left;
min-height:120px;
}
.themeDefaut #mainContent div.news p.date {
text-align:right;
font-style:italic;
}

.themeDefaut #mainContent ul.news li {
text-align:center;
background:none;
color:#999999;
}

.themeDefaut #mainContent ul li img {
vertical-align:-250%;
}

.themeDefaut #mainContent ul li span.title {
color:#3885A6;
font-weight:bold;
}

#tooltip {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding:5px;
border:1px solid #000;
background:#F60;
color:#FFF;
}
/* FIN - NEWS */

/* Tools bar */
.tools {
width:62em; 
margin:0 auto; 
padding-right:10px;
padding-top:2px;
}

/* DEBUT - Carousels */
div#carousel {
margin: 0 auto;
width: 500px;
height: 213px;
padding: 0;
overflow: scroll;
border: 2px solid #AAA;
}
.textholder {
color:#FFF;
text-align: center;
font-size: small;
padding: 6px;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
}

div#partnerCarouselContainer {
float:right;
margin: 0 auto;
padding: 0;
width:158px;
height:264px;
position:relative;
top:7em;
left:-57em;
background:url(img/fondPartner.png) no-repeat;
}
div#partnerCarousel {
margin: 0 auto;
padding: 17px 0 0 0;
width: 150px;
height:264px;
overflow: scroll;
}
/* FIN - Carousels */

/* DEBUT - ModalPopup */
#modal-overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
#modal-window {
position: fixed;
z-index: 102;
display:none;
top:50%;
left:50%;
}
#modal-window img 
{
display: block;
border: 3px solid #FF6600;
}
#modal-load{
position: fixed;
height:31px;
width:31px;
background: url(img/ajax-loader.gif) no-repeat;
z-index:103;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px; /* -height/2 0 0 -width/2 */
}
/* FIN - ModalPopup */