html {
font-size:100%;
}
body {
color:#333;
background-color:#e9e4d5;
width:957px;
font-size:.8em;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #c5b68f;
margin:10px auto 5px;
}
#page {
width:957px;
overflow:auto;
margin-bottom:0;
background-color:#fff;
padding:0;
}
#en_tete {
width:957px;
height:150px;
margin-bottom:5px;
border:0 solid #7a5d3a;
padding:0;
}
#main {
margin-bottom:5px;
}
#header1 {
float:left;
}
#header2 {
float:left;
}
#header3 {
height:90px;
background-color:#c5b68f;
text-align:right;
padding-right:10px;
padding-top:10px;
}

#celluled {
float:left;
width:160px;
margin-top:0;
margin-bottom:0;
margin-left:5px;
}
#corps {
float:left;
border:0 solid #7a5d3a;
padding-left:0;
padding-right:0;
background-color:#fff;
vertical-align:top;
width:770px;
margin:0;
}

#pied_de_page {
float:left;
width:100%;
text-align:center;
color:#333;
background-color:#fff;
margin-top:5px;
margin-bottom:0;
font-size:1em;
border-top:10px solid #a75544;
}
.center {
display:block;
margin-left:auto;
margin-right:auto;
}
p {
text-decoration:none;
color:#1f1f1f;
margin-top:5px;
margin-bottom:10px;
padding:0;
}
.pcenter {
text-align:center;
font-style:italic;
}
h1 {
color:#333;
text-decoration:none;
margin-top:15px;
margin-bottom:15px;
font-size:1.5em;
}
h2 {
color:#838383;
text-decoration:none;
margin-top:8px;
margin-bottom:12px;
font-size:1.3em;
}
h3 {
color:#333;
text-decoration:none;
margin-top:0;
margin-bottom:5px;
font-size:1em;
}
h4 {
color:#333;
text-decoration:none;
margin-top:0;
margin-bottom:0;
font-size:1.1em;
}
a {
text-decoration:none;
color:#7a5d3a;
}
a:link {
color:#7a5d3a;
}
a:hover {
color:#7a5d3a;
text-decoration:underline;
}
a:active {
color:#7a5d3a;
text-decoration:underline;
}

.image {
border:0;
margin-bottom:0;
}
.imageflottante {
float:left;
margin-right:10px;
margin-top:3px;
margin-bottom:0;
border:0;
}
.icone-nouveau {
float:left;
border:0;
margin:9px 8px 0 0;
}
.menudroite3 {
text-align:left;
padding-left:0;
border:0;
border-left:5px solid #c5b68f;
margin:15px 0 20px;
}
.cellule {
color:#333;
background-color:#fff;
border:0;
margin-top:0;
margin-bottom:0;
padding-left:20px;
padding-right:0;
margin-right:25px;
}
.minicellule {
color:#333;
background-color:#fff;
border-top:1px solid #c5b68f;
padding-top:10px;
padding-bottom:5px;
margin:0 20px 5px;
}
.minicelluleune {
color:#333;
background-repeat:no-repeat;
border-top:1px solid #c5b68f;
background:#e9e4d5 url('http://www.sunsetbld.com/habillage/a-la-une.gif') top right no-repeat;
margin:0 20px;
padding:10px 25px 5px 10px;
}
.celluletitre {
background-color:#e9e4d6;
text-align:left;
color:#333;
padding-left:5px;
font-size:.9em;
width:94%;
margin:14px 20px 10px;
}
.tableauclimat {
border-collapse:collapse;
border:1px solid #333;
}
.m {
border:1px solid #333;
background-color:#e9e4d6;
}
.c {
border:1px solid #333;
}
.element_menu,.element_menu2 {
margin-top:0;
margin-bottom:0;
}
.element_menu ul,.element_menu2 ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}
.element_menu a,.element_menu2 a {
text-decoration:none;
display:block;
height:21px;
color:#333;
border-bottom:1px solid #e9e4d6;
padding:0 0 0 5px;
}
.element_menu a:hover,.element_menu2 a:hover {
color:#333;
text-decoration:none;
background-color:#e9e4d6;
}
#en-cours a {
background-color:#c5b68f;
color:#fff;
}
#en-cours-2 a {
background-color:#804033;
color:#fff;
}
.titrecellule {
border-bottom:2px solid #e9e4d6;
margin-bottom:10px;
font-variant:small-caps;
letter-spacing:1px;
padding-left:5px;
}
.tableausg {
background-color:#e9e4d6;
padding:10px;
}
#footer {
padding:10px;
}
.menu {
border:0;
font-family:Arial, Helvetica, serif;
font-size:15px;
margin:2px 0 0;
padding:0;
}
.menu ul {
background:#e9e4d5;
height:30px;
list-style:none;
margin:0;
padding:0;
}
.menu li {
float:left;
padding:0;
}
.menu li a {
background:#e9e4d5 url('http://www.sunsetbld.com/habillage/separator.gif') bottom right no-repeat;
color:#333;
display:block;
font-weight:400;
line-height:30px;
text-align:center;
text-decoration:none;
margin:0;
padding:0 1.5em;
}
.menu li a:hover,.menu ul li:hover a {
background:#c5b68f url('http://www.sunsetbld.com/habillage/separator.gif') bottom right no-repeat;
color:#fff;
text-decoration:none;
}
.menu li li {
background:url('http://www.sunsetbld.com/habillage/separator.gif') top left no-repeat;
display:block;
float:none;
width:225px;
margin:0;
padding:0;
}
.menu li ul a {
display:block;
height:28px;
font-size:12px;
font-style:normal;
text-align:left;
margin:0;
padding:0 10px 0 15px;
}
.menu li ul a:hover,.menu li ul li:hover a {
background:#B6B9BC url('http://www.sunsetbld.com/habillage/separator.gif') top left no-repeat;
border:0;
color:#000;
text-decoration:none;
}
.menu2 {
border:0;
font-family:Arial, Helvetica, serif;
font-size:12px;
margin:0;
padding:0;
}
.menu2 ul {
background:#a75443;
height:20px;
list-style:none;
margin:0;
padding:0 20px 0 0;
}
.menu2 li {
float:right;
padding:0;
}
.menu2 li a {
background:#a75544;
color:#fff;
display:block;
line-height:20px;
text-align:center;
text-decoration:none;
margin:0;
padding:0 10px;
}
.menu2 li a:hover,.menu2 ul li:hover a {
background:#804033;
color:#FFF;
text-decoration:none;
}
.menu2 li li {
display:block;
float:none;
width:225px;
margin:0;
padding:0;
}
.menu2 li ul a {
display:block;
height:20px;
font-size:12px;
font-style:normal;
text-align:left;
margin:0;
padding:0 10px 0 15px;
}
.menu2 li ul a:hover,.menu2 li ul li:hover a {
background:#E2E9EE;
border:0;
color:#FFF;
text-decoration:none;
}
.activ {
width:640px;
height:110px;
background:#e9e4d5;
font-size:1.3em;
text-align:left;
padding:10px;
}
.iti {
border-left:3px solid #c5b68f;
}
a.infobulle {
position:relative;
z-index:24;
color:#7a5d3a;
text-decoration:none;
}
a.infobulle:hover {
z-index:25;
text-decoration:underline;
}
a.infobulle:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:22em;
border:none;
background-color:#a75443;
color:#fff;
text-align:left;
padding:5px;
}
.interview {
border:2px solid #e9e4d5;
padding:5px;
}
.icon {
float:left;
height:70px;
margin-right:10px;
padding-top:5px;
}
.current {
float:left;
width:240px;
background-color:#e9e4d6;
padding-left:10px;
margin-right:20px;
}
.menu li ul,.menu2 li ul {
background:#2580a2;
display:none;
height:auto;
border:0;
position:absolute;
width:225px;
z-index:200;
margin:0;
padding:0;
}
.menu li:hover ul,.menu2 li:hover ul {
display:block;
}
.menu li:hover li a,.menu2 li:hover li a {
background:none;
}
.menu p,.menu2 p {
clear:left;
}
.print,a.infobulle span {
display:none;
}
label {
color:#333;
display:block;
width:210px;
float:left;
text-align:right;
margin-right:10px;
}
legend /* On met un peu plus en valeur les titres des fieldset */ {
font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color:#a75443;
font-weight:700;
}
fieldset {
margin-bottom:15px;
background-color:#e9e4d5;
}