html, body{
margin:0;
font-family: arial, helvetica, sans-serif;
font-size:x-small;
color:#666666;
background:transparent url(images/background_01.gif) fixed center top no-repeat ;
/*background: url(images/fondvert2.jpg) bottom left repeat-x;*/
height:100%;
height:auto;
}
p{
line-height: 1.2em;
margin:0 0 10px 0;
}
i{
margin:0 0 5px 0;
font-size:small;
line-height: 1.3em;
}
ul{
margin:0;
}
li{
margin:0 0 5px 0;
}
form{
margin: 0;
}
h1{
margin:0 0 0 0;
font-family:arial,verdana;
font-size:large;
color:#666666;
font-weight:bold;
}
.lighter
{
margin:0 0 20px 0;
font-family:arial,verdana;
font-size:large;
color:#999999;
font-weight:lighter;
}
.encan
{
float:right;
}
h2{
margin:20px 0 0 0;
font-family:arial,verdana;
font-size:medium;
color:#666666;
font-weight:bold;
}
h3{
font-family: Arial;
font-size: xx-small;
margin:0 0 0px 0;
color: #F7891A;
}
h4{
font-family: Arial;
font-size: small;
margin:0 0 5px 0;
color:#666666;
font-weight:bold;
}
.petit{
font-family: Arial;
font-size: 80%;
vertical-align:top;
font-weight:bold;
color:#FF9900;
margin:0 0 0 0;
}
h5{
font-family: Arial;
font-size: 80%;
vertical-align:top;
font-weight:bold;
color:#FF9900;
margin:0 0 0 0;
}
/*-------------------------------------CONTENANT GLOBAL DU SITE------------------------------ */
#wrap {
margin-top:10px;
margin-left: auto;
margin-right: auto;
width:800px;
background:#fff;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /*For IE */
}
#header{
clear: both;
display:block;
height:90px;
width:770px;
padding:5px 5px 5px 5px;
margin:10px 10px 5px 10px;
border-bottom:10px solid #E1ECB0;
/*border-top:1px solid #B9CAB6;*/
background: url(images/logo_artefact_petit.jpg) #EDF3CF top left no-repeat;
}
#header dt{
font-family: Verdana,Arial, Helvetica, sans-serif;
padding:6px 0px 5px 0px;
top:0px;
height:20px;
float:right;
}
#header dd{
font-family: Verdana,Arial, Helvetica, sans-serif;
padding:6px 0px 5px 0px;
margin-top:40px;
height:20px;
float:right;
clear:both;
}
#whitecorner_tl{
margin:0;
float:left;
width:800px;
background: url(images/whitecorner_tl.jpg) top left no-repeat;
}
#whitecorner_tr{
margin:0 ;
float:right;
width:800px;
background: url(images/whitecorner_tr.jpg) top right no-repeat;
}
#whitecorner_bl{
margin:0;
float:left;
width:800px;
background: url(images/whitecorner_bl.jpg) bottom left no-repeat;
}
#whitecorner_br{
margin:0;
float:right;
width:800px;
background: url(images/whitecorner_br.jpg) bottom right no-repeat;
}
#container {
/* le container fixe principalement les propriétés de largeur et de centrage dans la page
A noter que tous le contenu est à nouveau aligné, mais à gauche cette fois-ci*/
width: 800px;
text-align: left;
margin-top:0px;
margin-left: auto;
margin-right: auto;
/*border-left:1px solid #B9CAB6;
border-right:1px solid #B9CAB6;*/
}
#content{
/*clear:inherit;*/
margin:10px 5px 10px 5px;
width:780px;
min-height:100%;
}
.cols {
/* Ces deux déclarations permettent d'obtenir une élégant effet de colonnage pour le texte.
La suppression de ces deux lignes affiche l'ensemble du texte dans une colonnne unique, tout simplement */
float: left;
}
.intro {
height:100%;
padding:5px 5px 5px 5px;
margin:0 10px 10px 10px;
width: 770px;
min-height:500px;
font-family: Verdana,Arial;
font-size:small;
text-align:justify;
/*background:url(images/rouille3.jpg) top left no-repeat;*/
/*background:#F6F9E7;*/
/*background-color:#F7F7F7;*/
}
.plainText {
top:0;
font-family: Verdana,Arial;
font-size:small;
font-weight:bold;
height:100%;
padding:5px 10px 5px 20px;
float:right;
text-align: right;
/*line-height: 1.75em;*/
}
#artefact{
float:left;
width:770px;
padding:0px 0;
/*border:2px solid #C8CDD2;*/
}
#artefact dl{
float:left;
width:770px;
margin:10px 0px;
padding:0;
display:inline;
}
#artefact dt{
float:right;
width:770px;
margin:0;
padding:0;
font-family:arial,verdana;
font-size:medium;
font-weight:bold;
color:#666666;
}
#artefact dd{
margin:0 0px;
padding:0;
font-size:85;
line-height:1.2em;
}
#artefact dl dd.img{
margin:0;
}
#artefact dd.img img{
float:left;
margin:0 10px 10px;;
padding:4px;
border:1px solid #D9E0E6;
border-bottom-color:#CCCCCC;
border-right-color:#CCCCCC;
background:#fff;
}
#artefact .alt dt{
float:left;
}
#artefact .alt dd{
margin:0 0px 10px 0;
}
#artefact .alt dd.img img{
float:right;
margin:0 0 0 10px;
}
#center {
text-align:center;
vertical-align:middle;
height:100%;
}
#footer {
margin:10px;
height: 30px;
text-align:center;
padding:10px;
font-size:small;
/* Cette déclaration nous assure que le footer se trouvera bien en bas de la page.*/
clear: both;
}
#container-foot {
width: 800px;
height:50px;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
clear:both;
background: url(images/footer.jpg) top center no-repeat;
/*border-top:1px solid #CCCCCC;*/
}
.note{
font-size:80%;
font-family: arial, helvetica, sans-serif;
margin:0 0 0 0;
}
.comment{
font-size:85%;
color:#74956D;
}
/*-----------------------------------------------LINKS----------------------------------------------*/
#header dd a:link, a:active { color: #74956D; font-weight: bold; text-decoration: none; }
#header dd a:visited { color: #74956D; font-weight: bold; text-decoration: none; }
#header dd a:hover { color: #FF9900; font-weight: bold ; }
#header dt a:link, a:active { color:#999999; font-weight: bold; text-decoration: none; }
#header dt a:visited { color: #999999; font-weight: bold; text-decoration: none; }
#header dt a:hover { color: #74956D; font-weight: bold ; border-bottom: 4px #B0D136 solid; }
#enligne dd.lien a:link { color: #74956D; text-decoration:underline; }
#enligne dd.lien a:active { color: #74956D; text-decoration:underline; }
#enligne dd.lien a:visited { color: #74956D; text-decoration:underline; }
#enligne dd.lien a:hover { color: #F7891A; text-decoration:underline; }
a:link { color:#74956D; text-decoration:underline; }
a:active { color: #74956D; text-decoration:underline; }
a:visited { color: #74956D; text-decoration:underline; }
a:hover { color: #F7891A;text-decoration:underline; }