/* Page */
html {
    font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
    margin: 0;
    padding: 10px 20px; /* Note -> 2 */
    font-family: "Trebuchet MS",Arial, verdana; /* 3 */
    font-size: .8em; /* -> 4 */
    line-height: 1.25em; /* -> 5 */
    color: #565656;
    background: white;
    scrollbar-3dlight-color:#411306;
    scrollbar-arrow-color:#FFF;
    scrollbar-base-color:#D4CCCA;
    scrollbar-darkshadow-color:#D4CCCA;
    scrollbar-face-color:#411306;
    scrollbar-highlight-color:#D4CCCA;
    scrollbar-shadow-color:#411306;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* -> 6 */
    color:#442d27;
}
h1, h2, h3 {
    font-weight: normal; /* -> 7 */
    line-height: 2em;
}
h1 {
    font-size: 2em; /* -> 8 */
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1em;border:0;}

h1.titrePage{
    margin:15px 0 0 0;
    padding:5px 0 5px 0;
    font-size:1.8em;
    font-style:normal;
    border-bottom:1px solid #442d27;
    line-height: 1.2em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 14px;
    padding: 0; /* -> 9 */
}
ul {
    list-style: none;
}
li {
    margin: 0;
    padding: 0;
}

/* Paragraphes */
p {
    margin: 1.1em 0;
    /*text-align: justify;*/
}
.avecFond{
    background-color: #b0c3ca;
    padding: 5px;
}
li p, blockquote p {
    margin: .5em 0;
}

/* Citations */
blockquote, q {
    font-size: 1.1em;
    font-style: italic;
    font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
    margin: .75em 0 .75em 24px;
}
cite {
    font-style: italic;
}

/* Liens */
a, a:visited {
    color: #3b190f;
    text-decoration: none;
}
a:hover, a:focus {
    color: #3b190f;
    text-decoration: underline;
}
a img {
    border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
    font-size:16px;
}

/*table */
table {border-collapse:collapse; border:0;margin:0;padding:0;}
table tr{padding:0;border:0;}
table td {background:#FFF;margin:0;padding:0;border:0;color:#000;font-size: 11px;}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
    font-size: 100%;
    font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
    width: 90%;
    overflow: auto;
    overflow-y: hidden;
    margin: .75em 0;
    padding: 12px;
    background: #eee;
    color: #555;
}
pre strong {
    font-weight: normal;
    color: black;
}

a, a:visited {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}


/* FORMULAIRE */
label br{clear:left}
form.f-wrap-1 {padding: .5em 0;width:590px;}
form.f-wrap-1 label {clear:left;float:left;border-top: 1px solid #fff;text-align:right;}

/* hide from IE mac \*/
form.f-wrap-1 label {float:none}
/* end hiding from IE5 mac */

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:20em;float:left;margin-left:10px;border :1px solid #000;}

form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
form.f-wrap-1 label b .req {color:#0083E1;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
form.f-wrap-1 div.req {color:#0083E1;font-size:96%;font-weight:normal;width:13em;text-align:right}
form.f-wrap-1 div.req b {color:#0083E1;font-size:140%}
form.f-wrap-1 label select {width: 16em}
form.f-wrap-1 label textarea.f-comments {width: 20em}
form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;}
form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}


/* Page */
#global {
    width: 980px;
    overflow: hidden; /* -> 2 */
    margin:0;
    margin-left: auto;
    margin-right: auto; /* -> 4 */
    padding:0;
    border:0;
}

/* Publicité */
#publicite {
    width: 179px;
    float: right;
    text-align:right;
    overflow:hidden;
    border:0;
}

/* En-tête */
#entete {
    width: 980px;
    margin:0px;
    padding:0px;
    border:0;
}
#entete ul {
    margin:0px;
    padding:0px;
    background-color: #401107;
    height:20px;
}
#entete li{
    margin:0px 20px 0px 20px;
    padding:0px 45px 0px 45px;
    list-style:none;
    line-height:20px;
    float:left;
    color:#FFF;
    font-weight: bold;
    font-size: 12px;
}

/* Slogan du haut */
#slogan{
    text-align: right;
    height:18px;
    line-height: 22px;
    color:#3A180F;
    text-transform:uppercase;
    font-size: 10px;
    font-weight: bold;
    margin-right:172px;
}

/* Menu de navigation */
#menu {
    width: 200px;
    float: left; /* -> 5 */
    margin:0;
    padding:0;
    font-size:12px;
}
/* Contenu */
#contenu {
    margin: 0 0 0 200px; /* -> 7 */
    padding: 0px;
    width:600px;
}
#contenu > :first-child {
    /*margin-top: 10px;*/
}
#contenu p, #contenu li {
    line-height: 1.5em;
}
#contenu ul li{
    margin: .75em 0;
    /*text-align: justify;*/
}
/* Liens */
#contenu a,#contenu  a:visited {
    color: #4BB5C1;
    text-decoration: none;
    font-weight:normal;
}
#contenu a:hover,#contenu  a:focus {
    color: #4BB5C1;
    text-decoration: none;
}
#conteneur{
    margin-top:18px;
}

/* MENU 2 */
#menu2{
    margin:-3px 0 0px 0;
    padding:0px;
    width:600px;
    background-color:#FFF;
    height:31px;

}
#menu2 ul {
    margin:0;
    padding:0;
    float:right;
}
#menu2 li{
    margin:0;
    padding:5px 0px 0px 20px;
    list-style:none;
    line-height:20px;
    float:left;
    color: #FFF;
    font-weight:normal;
    font-size:10px;
}
/* Liens */
#menu2 a,#menu2  a:visited,#menu2 a:hover {
    color:#401107;
    font-weight:bold;
    text-decoration: none;
}


.navigationHome {
    margin: 0 0 0 12px;
    padding: 0;
    list-style: none;
    color: #fff;
    font-weight:normal;
}
.navigationHome a{
    display: block;
    margin: 0;
    padding: 0;
    font-size:11px;
    text-decoration: none;
    /*background: #FFF url(../img/fond_autodesk.gif) left bottom repeat-y;*/
}
.navigationHome a:hover, .navigationHome a:focus, .navigationHome  a:active, .navigationHome a:visited {
    text-decoration: none;
}

#navigation {
    margin: 11px 0 0 10px;
    padding: 0px;
    list-style: none;
    background: #FFF;
    color: #442d27;
    width: 145px;
    font-size:11px;
    font-weight:bold;
}
#navigation li {
    margin: 0px;
    padding: 4px 0px;
}
#navigation .toggleSubMenu {
    border-bottom: 1px solid #442d27;
}
#navigation a, #navigation span {
    display: block;
    margin: 0;
    padding: 0;
    color: #442d27;
    text-decoration: none;
    /*background: #FFF url(../img/fond_autodesk.gif) left bottom repeat-y;*/
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
    /*background-image: url(../img/fond_autodesk.gif);*/
    margin: 0px;
    padding:0px;
}
#navigation .open a, #navigation .open span {
    /*background-image: url(../img/fond_autodesk.gif);*/
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
    text-decoration: none;
}
#navigation a.selected {
    font-weight: bold;
    font-size:12px;
}
#navigation .subMenu {
    margin: 0;
    padding: 0;
}
#navigation li ul li{
    margin: 0 0 0 10px;
    padding: 0;
    font-weight:normal;
}
#navigation li ul li a{
    border-bottom: 0px dotted #442d27;
    border-top: 0px dotted #442d27;
}
#navigation li ul li:last-child{
    border-bottom: 0;
}
#navigation ul.subMenu a {
    background: none;
    padding: 2px 0px;
    margin: 0;
}
#navigation ul ul{
    margin:0 0 0 0px;
    padding:0;
    border:0;
}
#navigation li ul li ul li{
    margin: 0 0 0 10px;
    padding: 0;
    border-bottom: 1px dotted #4BB5C1;
}
#navigation li ul li ul li a{
    border: 0;
}
#navigation ul ul a {
    background: none;
    padding: 0px 0px;
    margin: 0;
    color:#4BB5C1;
    border:0;
}




#pageColMenu{
    width:130px;
    float:left;
    padding:5px 0 0 4px;
    margin:25px 0 0 0;
}
#pageColMenu ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
#pageColMenu ul li{
    margin:0;
    padding:0;
    line-height: 1.6em;
}
#pageColMenu a,#pageColMenu a:hover,#pageColMenu a:visited{

}
#pageColMenu a.selected{
    font-weight: bold;
}
#pageColContenu{
    width:440px;
    float:right;
    border-right:1px solid black;
    border-left:1px solid black;
    padding:0px 8px 0 8px;
    margin:20px 0 0 0;
    min-height: 400px;
}

/******************************************************************************
* AGRANDISSEMNT IMAGES
******************************************************************************/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

/******************************************************************************
* NEWS DEROULANTS
******************************************************************************/
#cadreNews { width:195px; height:330px; margin:0 auto; border:0; overflow:hidden;}
#news { position:relative; width:185px; height:300px; overflow:hidden;}
#defile { position:absolute; margin:0px 0 0 5px; padding-right:10px;font-size:11px; background-color:transparent;}

/******************************************************************************
* TABLEAU NOIR
******************************************************************************/
#carrousel{
    border:0;
    width:600px;
    height:412px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    background-color: #000;
    color:#FFF;
}

.slide{
    position: absolute;
    top:0;
    left:0;
    width:600px;
    height:412px;
}

.title{
    position: absolute;
    padding-left:12px;
    width:600px;
    line-height: 35px;
    height:35px;
    bottom:0;
    left:0;
    background-color:#fff;
    color:#000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.navigation{
    position: absolute;
    bottom:15px;
    right:5px;
}

.navigation span{
    background: #000;
    color:#FFF;
    padding:2px 4px;
    cursor:pointer;
}

.navigation span:hover, .navigation span.active{
    background: #FFF;
    color:#000;
}