body,td,th {
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
color: #347ca3;
}
html, body {
background-color: #FFFFFF;
margin: 0 auto;
height: 100%;
width: 100%;
background: #FFF url("images/Design_01.jpg") repeat-y center;
text-align: center;
}
.conteneur {
position: relative;
width: 933px;
text-align: left;
padding: 0 33px 0 33px;
margin: auto;
height: 100%;
}
a img
{
border: none;
}
p
{
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
}
/*
Debut - Formulaire
*/
input {
border: 1px solid #bae036;
margin-left: 5px;
background-color: #FFFFFF;
color: #347ca3;
font-size: 14px;
}
select {
border: 1px solid #bae036;
background-color: #FFFFFF;
color: #347ca3;
font-size: 14px;
}
textarea {
border: 1px solid #bae036;
background-color: #FFFFFF;
color: #347ca3;
font-size: 14px;
}
input.submit:hover {
color: #ff9600;
}
.login {
position: absolute;
right: 20px;
top: 15px;
font-size: 11px;
font-weight: bold;
color: #347ca3;
}
.erreurconnexion {
position: absolute;
right: 0px;
font-size: 11px;
font-weight: bold;
color: #347ca3;
text-decoration: none;
}
.erreurconnexion a {
color: #347ca3;
text-decoration: none;
cursor : pointer;
}
.erreurconnexion a:hover {
color: #ff9600;
text-decoration: none;
}
/*
Fin - Formulaire
*/
/*
Debut - Divers
*/
.bienvenu {
font-size: 16px;
font-weight: bold;
color: #ffa526;
}
.petit {
font-size: 10px;
color: #e61919;
}
.petit2 {
font-size: 10px;
}
.erreur {
color: #e61919;
}
.semierreur {
color: #e5a713;
}
.accepter {
color: #6ea809;
}
.loadingencour {
color: #6ea809;
}
.loadingencourerreur {
color: #e61919;
}
.LayerPlusOptions {
border: 1px solid #c4e5f7;
}
.fondtexte {
background-color: #f5fbfe;
}
.fondtexte2 {
background-color: #fff;
border: 1px solid #9aafe5;
color: #105cb6;
margin: 1px;
padding: 2px 5px;
text-decoration: none
}
.fondtexte3 {
background-color: #fff;
border: 1px solid #105cb6;
color: #e61919;
margin: 1px;
padding: 2px 5px;
text-decoration: none
}
/*
Fin - Divers
*/
/*
Debut - Langue
*/
.langue {
position: absolute;
left: 20px;
top: 120px;
}
/*
Fin - Langue
*/
/*
Debut - Header
*/
.header_fr {
width: 933px;
height: 150px;
position: relative;
margin: auto;
background: transparent url("images/Design_02.jpg") no-repeat;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
color: #347ca3;
}
.header_fr .menu {
position: absolute;
right: 20px;
top: 120px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}
.header_fr .menu a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.header_fr .menu a:hover {
color: #ff9600;
}
.header_en {
width: 933px;
height: 150px;
position: relative;
margin: auto;
background: transparent url("images/Design_02_en.jpg") no-repeat;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
color: #347ca3;
}
.header_en .menu {
position: absolute;
right: 20px;
top: 120px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}
.header_en .menu a {
color: #FFFFFF;
text-decoration: none;
cursor : pointer;
}
.header_en .menu a:hover {
color: #ff9600;
}
/*
Fin - Header
*/
/*
Debut - Centre
*/
.centre {
width: 933px;
position: relative;
margin: auto;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
color: #347ca3;
}
.centre .block_principale {
width: 902px;
position: relative;
background-color: #FFFFFF;
margin-top: 16px;
margin-left: 16px;
margin-bottom: 16px;
}
.centre .block_principale .top {
position: relative;
height: 26px;
background: url("images/Design_03.jpg") no-repeat;
font-size: 21px;
font-weight: bold;
color: #ffffff;
}
.centre .block_principale .content {
position: relative;
padding: 12px;
background: #FFF url("images/Design_04.jpg") repeat-y;
overflow: hidden;
height:1%;
}
.centre .block_principale .bottom {
position: relative;
height: 9px;
background: url("images/Design_05.jpg") no-repeat;
}
.centre .block_principale a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .block_principale a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .accueil .block_gauche {
position: relative;
width: 430px;
float: left;
background-color: #FFFFFF;
margin: 0 auto;
}
.centre .accueil .block_gauche .top {
height: 20px;
background: url("images/Design_08.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .accueil .block_gauche .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_09.jpg") repeat-y;
overflow: hidden;
}
.centre .accueil .block_gauche .bottom {
height: 10px;
background: url("images/Design_10.jpg") no-repeat;
}
.centre .accueil .block_gauche a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .accueil .block_gauche a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .accueil .block_gauche2 {
position: relative;
width: 430px;
float: left;
background-color: #FFFFFF;
margin: 0 auto;
margin-top: 16px;
}
.centre .accueil .block_gauche2 .top {
height: 20px;
background: url("images/Design_08.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .accueil .block_gauche2 .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_09.jpg") repeat-y;
overflow: hidden;
}
.centre .accueil .block_gauche2 .bottom {
height: 10px;
background: url("images/Design_10.jpg") no-repeat;
}
.centre .accueil .block_gauche2 a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .accueil .block_gauche2 a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .accueil .block_droite {
position: relative;
width: 430px;
float: right;
background-color: #FFFFFF;
margin: 0 auto;
}
.centre .accueil .block_droite .top {
height: 20px;
background: url("images/Design_08.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .accueil .block_droite .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_09.jpg") repeat-y;
overflow: hidden;
}
.centre .accueil .block_droite .bottom {
height: 10px;
background: url("images/Design_10.jpg") no-repeat;
}
.centre .accueil .block_droite a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .accueil .block_droite a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .rechercher .block {
position: relative;
width: 730px;
float: center;
background-color: #FFFFFF;
margin: 0 auto;
}
.centre .rechercher .block .top {
height: 20px;
background: url("images/Design_11.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .rechercher .block .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_12.jpg") repeat-y;
overflow: hidden;
}
.centre .rechercher .block .bottom {
height: 10px;
background: url("images/Design_13.jpg") no-repeat;
}
.centre .rechercher .block a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .rechercher .block a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .imageview .block_gauche {
position: relative;
width: 730px;
float: left;
background-color: #FFFFFF;
margin: 0 auto;
}
.centre .imageview .block_gauche .top {
height: 20px;
background: url("images/Design_11.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .imageview .block_gauche .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_12.jpg") repeat-y;
overflow: hidden;
}
.centre .imageview .block_gauche .bottom {
height: 10px;
background: url("images/Design_13.jpg") no-repeat;
}
.centre .imageview .block_gauche a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .imageview .block_gauche a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .imageview .block_droite {
position: relative;
width: 130px;
float: right;
background-color: #FFFFFF;
margin: 0 auto;
}
.centre .imageview .block_droite .top {
height: 20px;
background: url("images/Design_14.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .imageview .block_droite .content {
padding-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
background: #FFF url("images/Design_15.jpg") repeat-y;
overflow: hidden;
}
.centre .imageview .block_droite .bottom {
height: 10px;
background: url("images/Design_16.jpg") no-repeat;
}
.centre .imageview .block_droite a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .imageview .block_droite a:hover {
color: #ff9600;
}
/* ****************************** */
.centre .imageview .block_bas {
position: relative;
width: 730px;
float: left;
background-color: #FFFFFF;
margin: 0 auto;
margin-top: 16px;
}
.centre .imageview .block_bas .top {
height: 20px;
background: url("images/Design_11.jpg") no-repeat;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}
.centre .imageview .block_bas .content {
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
padding-top: 8px;
background: #FFF url("images/Design_12.jpg") repeat-y;
overflow: hidden;
}
.centre .imageview .block_bas .bottom {
height: 10px;
background: url("images/Design_13.jpg") no-repeat;
}
.centre .imageview .block_bas a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.centre .imageview .block_bas a:hover {
color: #ff9600;
}
/*
Fin - Centre
*/
/*
Debut - Footer
*/
.footer {
width: 933px;
position: relative;
height: 40px;
clear:both;
margin: auto;
background: url("images/Design_07.jpg") no-repeat;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
color: #347ca3;
}
.footer .separateur {
position: relative;
margin-left: 216px;
height: 1px;
background: url("images/Design_06.jpg") no-repeat;
}
.footer .menu {
position: relative;
margin-top: 10px;
font-size: 13px;
color: #6ea809;
}
.footer .menu a {
color: #6ea809;
text-decoration: none;
cursor : pointer;
}
.footer .menu a:hover {
color: #ff9600;
}
/*
Fin - Footer
*/
/*
Debut - Lightbox
*/
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
/*
Fin - Lightbox
*/
/*
Debut - Mini Popup
*/
a.info {
position:relative;
text-decoration: none;
}
a.info:hover {
background: none;
z-index: 500;
}
a.info span {
display: none;
}
a.info:hover span {
display: inline;
position: absolute;
white-space: nowrap;
font-size:12px;
font-weight:bold;
width:118px;
top: 10px;
left: 15px;
background: white;
padding: 2px;
border: 1px solid #bae036;
border-top: 4px solid #bae036;
}
a.info2 {
position:relative;
text-decoration: none;
}
a.info2:hover {
background: none;
z-index: 500;
}
a.info2 span {
display: none;
}
a.info2:hover span {
display: inline;
position: absolute;
white-space: nowrap;
font-size:12px;
font-weight:bold;
width:102px;
top: 10px;
left: 15px;
background: white;
padding: 2px;
border: 1px solid #bae036;
border-top: 4px solid #bae036;
}
/*
Fin - Mini Popup
*/
/*
Debut - Pagination
*/
div.pagination {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 3px;
margin: 3px
}
div.pagination a {
background-color: #fff;
border: 1px solid #9aafe5;
color: #105cb6;
margin: 1px;
padding: 2px 5px;
text-decoration: none
}
div.pagination a:hover,active {
background-color: #e8f1f6;
border: 1px solid #9aafe5;
color: #fff;
margin: 1px;
padding: 2px 5px
}
div.pagination span.courante {
background-color: #90cc12;
border: 1px solid #90cc12;
color: #fff;
font-weight: bold;
margin: 1px;
padding: 2px 5px
}
div.pagination span.desactive {
background-color: #fff;
border: 1px solid #eee;
color: #ddd;
margin: 1px;
padding: 2px 5px
}
/*
Fin - Pagination
*/
/*
Debut - Tableau
*/
.tableau td {
border-style: solid;
border-width: 1px;
border-color: #d0dbf7;
}
/*
Fin - Tableau
*/