/* CSS Document */
html {
background-image: url(../images/degradevert2.jpg);
background-repeat: no-repeat;
background-position: center top;
}
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 20px 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 75%;
text-transform: none;
}
#isHome {
display:none;
}
img.imgRight {
padding:0 0 10px 0;
float:right;
}
img.imgLeft {
padding: 0 10px 10px 0;
}
.placeable {
position:absolute;
z-index:100;
left: 581px;
top: 126px;
width: 190px;
}
.clear {
clear:both;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#container {
position: relative;
left: auto;
right: auto;
bottom: auto;
margin-left: 10px;
margin-top: 10px;
margin-bottom:10px;
width: 999px;
clear: both;
background-repeat: no-repeat;
background-position: 100% 0;
border: 1px none #FFFFFF;
top: auto;
}
#container #linkList {
position: absolute;
top: 149px;
right: 34px;
width: 260px;
background-repeat: repeat-x;
background-position: 0 0;
padding: 0px;
background-image: url(../images/degradenoiropaque.png);
border: 1px solid #CCCCCC;
height: 220px;
z-index: 1;
}
#container #linkList2 {
padding-top: 5px;
padding-right: 35px;
padding-bottom: 0;
padding-left: 23px;
}
#container #linkList3 {
padding-top: 5px;
padding-right: 35px;
padding-bottom: 0;
padding-left: 5px;
}
#container #linkList h3 {
margin: 10px 0 0 10px;
padding: 0;
width: 180px;
height: 19px;
text-indent: -2000px;
}
#container #linkList ul {
margin: 10px 0 20px 20px;
padding: 0;
list-style: none;
}
#container #linkList ul li {
margin: 0 0 9px 0;
padding: 0 0 0 12px;
font-size: 10px;
color: #009966;
text-align: center;
}
#container #linkList ul li a {
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
color: #CCCCCC;
text-align:left;
font-weight: bolder;
}
#container #linkList ul li a:hover {
color: #00CC66;
font-weight: bolder;
}
#container #linkList #lselect ul li a { display: block; }
#container #linkList #lselect ul li a.c {
display: inline;
text-transform: none;
text-decoration: underline;
color: #CCCC33;
font-weight: normal;
font-size: 10px;
}
#container #linkList #lselect ul li a.c:hover { text-decoration: none; }
/*START: Header Nav Styles*/
ul#headerNav {
margin:0;
float:left;
padding-top: 1px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 1px;
}
ul#headerNav li {
position:relative;
float:left;
margin:0;
height:45px;
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding-top: 10px;
padding-right: 12px;
}
ul#headerNav li a {
color:#666666;
font-size:1em;
text-decoration:none;
padding:0;
margin:0;
}
ul#headerNav li a:link {
color:#666666;
text-decoration:none;
font-style: normal;
}
ul#headerNav li a:visited {
color:#666666;
text-decoration:none;
}
ul#headerNav li a:visited:hover {
color:#333333;
text-decoration:underline;
}
ul#headerNav li a:hover {
color:#333333;
text-decoration:underline;
}
ul#headerNav li a:active {
color:#333333;
text-decoration:none;
}
#headerContainer {
width: 999px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#headLeft{width:70%}
#headRight{width:30%}
#bodyContainer {
position:relative;
width: 999px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#debugInfo {
z-index:999;
position:absolute;
left:200px;
top:300px;
width:500px;
overflow:visible;
background:#ffffff;
border:1px solid #000000;
color:#ff0000;
padding:10px;
display:none;
}
#container {
width: 999px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding: 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
width:999px;
margin:0;
/*_margin-left:1px;*/
}
#header.dark {
background: #262626;
}
#topNavArea {
margin:0;
/*_margin-left:1px;*/
width:959px;
overflow:hidden;
background:#ffffff;
padding-top: 514px;
padding-right: 20px;
padding-bottom: 14px;
padding-left: 20px;
}
#topNavHolder {
float:left;
margin:0;
width:790px;
overflow:hidden;
padding:15px 0 0 30px;
}
#logoArea {
float:left;
width:138px;
height:60px;
cursor:pointer;
}
#banner {
z-index:1;
height:400px;
width:100%;
overflow:hidden;
}
#homeNavArea li div + div {
line-height:33px;
vertical-align:middle;
}
#mainContent {
padding-left:20px;
padding-right:20px;
width:959px;
overflow:hidden;
margin:0;
/*_margin-left:1px;*/
/*min-height: 570px*/
}
#footer {
background:#ffffff url(/strucimages/footerBg.gif) no-repeat top center;
text-align:center;
width:950px;
overflow:hidden;
font-size:0.92em;
color:#333333;
padding-top: 20px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
margin-left: 35px;
margin-right: 35px;
}
#footer p {
margin: 0;
padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
color:#333333;
text-align:left;
font-size: 14px;
}
#titre {
background:#ffffff url(/strucimages/footerBg.gif) no-repeat top center;
text-align:left;
width:620px;
overflow:hidden;
font-size:0.92em;
color:#333333;
clip: rect(auto,auto,auto,auto);
margin-left: 35px;
padding-top: 20px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
border-bottom-color: #333333;
}
#titre p {
margin: 0;
padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
color:#333333;
text-align:left;
font-size: 18px;
clip: rect(auto,auto,auto,10px);
text-transform: uppercase;
}
#header #menu #lselect {
top: 69px;
right: 45px;
width: 260px;
background-repeat: repeat-x;
background-position: 0 0;
padding: 0px;
border: 1px solid #CCCCCC;
}
#menu {
position:absolute;
width:906px;
height:141px;
z-index:1;
left: 20px;
top: 429px;
background-image: url(../images/degradenoiropaque.png);
}
.bandeauposition {
vertical-align: top;
left: 7px;
top: 7px;
right: 0px;
bottom: 7px;
width: 500px;
}
.bandeau titre {font-size: 12px;
text-align: left;
color: #333333;
font-weight: bold;}
.bandeau td {padding: 8px 0; vertical-align:top}
.bandeauimage {
width:170px;
height:115px;
left: 2px;
float:left;
background-image: url(../images/ombreportee154113.gif);
background-repeat: no-repeat;
background-position: left top;
}
.bandeau texte {
left: 2px;
float:left;
vertical-align: top;}
.bandeautitre {
float:left;
width: 400px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
text-align: left;
margin-left: 35px;
}
.bandeautitre a {text-decoration:underline; color:#000000}
.bandeautitre a:hover {text-decoration: underline}
.textebandeau {
text-align: left;
word-spacing: 2em;
}
.textechargement {
text-align: left;
color: #333333;
}
#encart {
left: 2px;
float:left;
vertical-align: top;
width: 620px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #999999;
height: 120px;
margin-top: 10px;
}
#encartliste{
left: 2px;
float:left;
vertical-align: top;
width: 620px;
height: 350px;
margin-top: 10px;
text-align: left;
font-size: 12px;
}
#pieddrapeau {
background:#ffffff url(/strucimages/footerBg.gif) no-repeat top center;
text-align:center;
width:999px;
overflow:hidden;
font-size:2em;
color:#333333;
padding-top: 20px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
margin: 0px;
border-top-width: thin;
border-top-style: dotted;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
#pieddrapeau p {
margin: 0;
padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
color:#333333;
text-align:left;
font-size: 14px;
}
#piedpage {
background:#ffffff ;
text-align:center;
width:650px;
overflow:hidden;
font-size:0.92em;
color:#333333;
padding-top: 20px;
padding-right: 0;
padding-bottom: 40px;
padding-left: 0;
margin: 0px;
}
ul#headerlogoot {
margin:0;
float:left;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 20px;
}
ul#headerlogoot li {
position:relative;
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding: 0;
font-size: 25px;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}
ul#headerlogoot li a {
color:#666666;
font-size:1em;
text-decoration:none;
padding:0;
margin:0;
}
ul#headerlogoot li a:link {
color:#666666;
text-decoration:none;
font-style: normal;
}
ul#headerlogoot li a:visited {
color:#666666;
text-decoration:none;
}
ul#headerlogoot li a:visited:hover {
color:#333333;
text-decoration:underline;
}
ul#headerlogoot li a:hover {
color:#333333;
text-decoration:underline;
}
ul#headerlogoot li a:active {
color:#333333;
text-decoration:none;
}
ul#headerlogoot tr {
float:left;
list-style:none;
background-position: center center;
padding: 0;
font-size: 12px;
margin: 0px;
clip: rect(auto,auto,10px,auto);
}
.align_image img {
vertical-align: middle;
display: inline-block;
width: 40px;
}
.align_image span {
vertical-align: middle;
display: inline-block;
width: 100px;
}
/* quatre div pour le fond de page couleur*/
#piedavant {
clear:both;
height: 200px;
width: 950px;
background-color:#CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#333333;
}
#unavant {
float: left;
width: 176px;
height:80px;
padding: 10px 4px 0px 14px;
}
#deuxavant {
float:left;
width: 176px;
height: 80px;
padding: 10px 4px 0px 4px;
}
#troisavant {
float:left;
width: 176px;
height: 80px;
padding: 10px 4px 0px 0px;
}
#quatreavant {
float:right;
width: 176px;
height: 80px;
padding: 10px 30px 0px 0px;
}
.texteintro {
font-weight: bold;
font-size: 13px;
text-align: left;
}
.textebandeau {
font-weight: bold;
font-size: 13px;
text-align: left;
word-spacing: 2em;
}
a:link {
color: #666666;
}
a:visited {
color: #006699;
}
.titre {
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 20px;
line-height: 70px;
color: #003399;
text-align: left;
}
.textenavigation {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
}
.textecorps {
font-size: 13px;
font-family: "Trebuchet MS";
text-align: left;
}
.titrebonplans {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 14px;
line-height: 10px;
padding-top: 10px;
padding-left: 8px;
color: #9C9C78;
text-align: left;
font-style: italic;
}
.textebonplans {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
padding-top: 10px;
padding-left: 8px;
color: #9C9C78;
text-align: left;
font-style: italic;
}
.textecentre {
font-size: 13px;
font-family: "Trebuchet MS";
text-align: center;
}
.Style5 {
font-size: 9px;
font-family: "Trebuchet MS";
text-align: center;
line-height: 2px;
}
.textechargement {
font-size: 12px;
font-family: "Trebuchet MS";
text-align: left;
color: #666666;
font-weight: bold;
}
.textenewsletter {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
border-top-width: 1px;
border-top-style: solid;
background-color: #FFFFFF;
border-top-color: #CCCCCC;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
.texteencartnewsletter {
font-size: 10px;
font-family: "Trebuchet MS";
color: #000000;
font-weight: bolder;
text-align: left;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
background-color: #FFFFFF;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 5px;
}
/* quatre div pour le pied de page*/
#un {
float: left;
width: 166px;
}
#deux {
float:left;
width: 206px;
height: 80px;
padding: 40px 4px 0px 4px;
}
#trois {
float:left;
width: 206px;
height: 80px;
padding: 40px 4px 0px 0px;
}
#quatre {
float:right;
width: 230px;
height: 80px;
padding: 40px 30px 0px 0px;
}
#pied {
clear:both;
height: 160px;
}
#pied2 {
padding-top: 10px;
}
#piedavant {
clear:both;
height: 100%;
width: 100%;
background-color:#E0E0E0;
border-top-width: 1px;
border-top-style: solid;
border-top-color:#333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#333333;
}
ul#menudroite
{
margin: 0;
padding: 0;
font: 14px Trebuchet MS;
list-style-type: none;
text-align:left;
}
#droite {
float:right;
width: 166px;
height: 100%;
border-top: 1px solid gray;
}
#centre {
margin-left: 0px;
margin-right: 166px;
padding: 15px;
border-top: 1px solid gray;
}
#Layer1 {
position:absolute;
width:173px;
height:30px;
z-index:2;
left: 666px;
top: -47px;
}
#logoot {
position:absolute;
width:188px;
height:103px;
z-index:2;
left: 31px;
top: 15px;
}
#logoot li {
color: #333333;
}
#logoot li a{
color: #000000;
text-decoration: underline;
}
#Layer2 {
position:absolute;
width:999px;
height:115px;
z-index:1;
left: 314px;
top: 1335px;
}
#Layer3 {
position:absolute;
width:260px;
height:310px;
z-index:1;
left: 677px;
top: 424px;
}
#Layer4 {
position:absolute;
width:443px;
height:52px;
z-index:1;
left: 51px;
top: 328px;
}
#Layer5 {
position:absolute;
width:299px;
height:233px;
z-index:1;
left: 680px;
top: 741px;
}
.encartvideo {
background-color: #FFFFFF;
border: 1px solid #83ACD6;
padding: 4px;
}
.Style6 {font-style: italic}
#Layer6 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 836px;
top: -117px;
}
#Layer7 {
position:absolute;
width:182px;
height:60px;
z-index:1;
left: 795px;
top: 1228px;
}