/* MAIN */
* {
margin:0;
padding:0;
}
img {
border:0;
}
a {
color:#000;
text-decoration:none;
}
html,
body {
width:100%;
height:100%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
background:#FFF;
text-align:center;
}
#main {
text-align:left;
width:1050px;
margin:0 auto;
position:relative;
}
#head_space {
height:165px;
}
#conteneur {
width:1050px;
border-collapse:collapse;
}
/* FORM */
form label {
display:block;
float:left;
width:150px;
text-align:right;
margin:5px;
}
form input,
form textarea {
display:block;
float:left;
width:250px;
margin:5px;
}
form textarea {
height:80px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
form br {
clear:left;
}
form input#submit {
width:auto;
margin-left:170px;
}
/* MENU GAUCHE */
#menu_3 {
width:265px;
height:450px;
vertical-align:top;
background:url(anneau_G.png) top right repeat-y;
}
#menu_3 img {
margin:10px;
}
#menu_3 h2 {
margin:20px 20px 5px 10px;
font-size:16px;
font-weight:bold;
color:#00019F;
list-style-type:disc;
}
#menu_3 h3 {
margin:5px 20px 5px 20px;
font-size:14px;
font-weight:bold;
color:#00019F;
list-style-type:disc;
}
#menu_3 h3 a {
color:#00019F;
}
#menu_3 h3.focus {
color:#8080CF;
}
#menu_3 h3.focus a {
color:#8080CF;
}
div.spacer {
height:60px;
}
#syndication {
position:absolute;
bottom:15px;
left:0;
}
#menu_3 #syndication img {
margin:0;
}
#syndication li {
list-style-type:none;
margin:5px 10px;
}
#syndication li a {
text-decoration:none
}
/* CONTENU */
#contenu {
width:785px;
height:450px;
vertical-align:top;
background:url(anneau_D.png) top left repeat-y;
}
#contenu #marged {
margin:30px 40px;
}
#marged p {
margin:5px 0;
}
#marged ul {
margin:10px 0 10px 20px;
}
#marged li {
list-style-type:square;
}
#marged li li {
list-style-type:disc;
}
#marged li li li {
list-style-type:none;
}
#marged h1 {
margin:20px;
font-size:18px;
}
#marged h2 {
margin:15px;
font-size:16px;
}
#marged h3 {
margin:10px;
font-size:14px;
}
#marged h1.titre {
margin:0;
color:#8080CF;
}
#marged h2.accroche {
margin:20px 0;
}
#marged h3#url,
#marged h3#doc,
#marged h3#credit {
font-size:12px;
font-weight:normal;
text-align:left;
}
#marged h3#url a,
#marged h3#doc a {
text-decoration:underline;
text-align:left;
}
#marged h3#credit {
text-align:right;
}
#marged img.g {
float:left;
margin-right:10px;
margin-bottom:10px;
}
#marged object.g {
float:left;
}
#marged img.d{
float:right;
margin-left:10px;
margin-bottom:10px;
}
#marged object.d {
float:right;
}
#marged hr.end {
clear:both;
visibility:hidden;
}
/* BANDEAU & MENU */
#head {
position:absolute;
top:0;
left:0;
width:1050px;
height:165px;
background:#04529C url(header.jpg) top left no-repeat;
}
#menu_1 {
position:absolute;
top:125px;
left:265px;
width:785px;
height:40px;
}
#menu_1 li {
list-style-type:none;
position:absolute;
top:0;
left:0;
z-index:10;
}
#menu_1 li a img {
width:140px;
height:40px;
}
#menu_1 #link_1 img,
#menu_1 #link_7 img {
width:125px;
}
#menu_1 #link_2 {
left:98px;
z-index:9;
}
#menu_1 #link_3 {
left:210px;
z-index:8;
}
#menu_1 #link_4 {
left:322px;
z-index:7;
}
#menu_1 #link_5 {
left:434px;
z-index:6;
}
#menu_1 #link_6 {
left:546px;
z-index:5;
}
#menu_1 #link_7 {
left:660px;
z-index:4;
}
#onglet1 #link_1,
#onglet2 #link_2,
#onglet3 #link_3,
#onglet4 #link_4,
#onglet5 #link_5,
#onglet6 #link_6,
#onglet7 #link_7 {
z-index:11;
}
#menu_2 {
position:absolute;
top:65px;
right:10px;
width:410px;
height:100px;
}
#menu_2 li {
list-style-type:none;
position:absolute;
top:0;
left:0;
z-index:1;
}
#menu_2 li a img {
width:130px;
height:100px;
}
#menu_2 #contacts {
left:135px;
}
#menu_2 #privatise {
left:270px;
}
#logo {
position:absolute;
top:30px;
left:0;
z-index:1;
}
#logo img {
width:240px;
height:100px;
}
#foot {
text-align:right;
font-size:10px;
}
/* DIVERS */
#liens dl {
width:620px;
margin:0;
clear:left;
}
#liens dt {
margin:10px 0;
float:left;
width:340px;
text-align:right;
}
#liens hr.clear {
clear:both;
visibility:hidden;
height:1px;
}
#liens h1 {
text-align:center;
margin:15px auto 5px;
}
#liens dt img {
float:right;
margin:0 5px;
}
#liens dd {
margin:10px 0 0 10px;
float:left;
width:250px;
}
/* COULEURS */
#index #menu_3 {
background-color:#EEEEEE;
}
#index #contenu {
background-color:#DAEAD4;
}
#onglet1 #menu_3 {
background-color:#DAEAD4;
}
#onglet1 #contenu {
background-color:#FFEB9A;
}
#onglet2 #menu_3 {
background-color:#FFEB9A;
}
#onglet2 #contenu {
background-color:#B3B4E3;
}
#onglet3 #menu_3 {
background-color:#B3B4E3;
}
#onglet3 #contenu {
background-color:#E7FAFB;
}
#onglet4 #menu_3 {
background-color:#E7FAFB;
}
#onglet4 #contenu {
background-color:#FFCDCD;
}
#onglet5 #menu_3 {
background-color:#FFCDCD;
}
#onglet5 #contenu {
background-color:#DA9AEB;
}
#onglet6 #menu_3 {
background-color:#DA9AEB;
}
#onglet6 #contenu {
background-color:#FFDC4B;
}
#onglet7 #menu_3 {
background-color:#FFDC4B;
}
#onglet7 #contenu {
background-color:#B6D6AA;
}