/*Définition du html et du body*/
html, body { border: 0px; padding: 0px; margin: 0px; font-size: 13px; color: #000000; font-family: arial, helvetica, sans-serif; background-color: #B2B2B2; background-image: url(../images/global/fond.jpg); background-repeat: repeat-x; }
img { border: 0px; }
/*Classes communes*/
.displayinline { display: inline; }
.clearboth { clear: both; }
h1 { display: inline; }
.intertitre { color: #dc0404; }
.alignRight { text-align: right; }
.gauche { text-align: left; }
.centre { text-align: center; }
.droite { text-align: right; }
.justifie { text-align: justify; }
/*Container*/
#conteneur { position: relative; width: 760px; left: 50%; margin-left: -380px; z-index: 0; }
/*Global*/
#ssContenu { position: relative; float: left; top: 0; left: 0; padding: 0 0 0 60px; }
#titre { position: absolute; top: 24px; left: 224px; z-index: 2; }
#drapeauFr { position: absolute; top: 37px; left: 0px; z-index: 2; }
#drapeauUk { position: absolute; top: 37px; right: 0px; z-index: 2; }
#languesIndex { position: relative; top: 25px; left: 10px; z-index: 1; font-size: 11px; text-align: center; }
#languesContact{ position: relative; top: 125px; float: right; width: 35px; padding: 0 45px 0 0; z-index: 1; font-size: 11px; text-align: left; }
#langues { position: relative; top: 147px; float: right; width: 43px; padding: 0 45px 0 0; z-index: 1; font-size: 11px; text-align: left; }
#langues > a:link, #languesIndex > a:link, #languesContact > a:link { font-size: 11px; color: #000000; text-decoration: none; }
#langues > a:hover, #languesIndex > a:hover, #languesContact > a:hover { font-size: 11px; color: #000000; text-decoration: underline; }
#langues > a:visited, #languesIndex > a:visited, #languesContact > a:visited { font-size: 11px; color: #000000; text-decoration: none; }
#langues > a:hover, #languesIndex > a:hover, #languesContact > a:hover { font-size: 11px; color: #000000; text-decoration: underline; }
/*Menu*/
.menuEnsemble { position: relative; float: left; bottom: 0; left: 0; padding: 55px 0 0 60px ; }
.Nav { position: relative; float: left; width: 123px; padding: 0; margin: 0; list-style: none; }
.Nav li { margin: 0; height: 30px; padding: 0; }
.Menu { position: absolute; float: left; bottom: 65px; left: 0px; width: 150px; padding: 10px; margin: 0; background: url(../images/global/fond_ssmenu.jpg) repeat-x bottom left; background-color: #a3a3a3; border: #b0b0b0 solid 1px; list-style: none; z-index: 1; display: none; }
.Menu li { height: 20px; width: 100%; padding: 0; margin: 0; }
.Menu a { text-decoration: none; color: #FFFFFF; }
.Menu a:link { text-decoration: none; color: #FFFFFF; }
.Menu a:hover { text-decoration: none; color: #e1e1e1; }
.Menu a :visited { text-decoration: none; color: #FFFFFF; }
.bulleSsmenu { position: absolute; width: 171px; height: 36px; bottom: 30px; left: 9px; background: url(../images/global/bulle_ssmenu.gif) no-repeat top left; z-index: 2; display: none; }
.spacerMenu { position: relative; float: left; width: 5px; }
.spacerMenu2 { position: relative; float: left; width: 15px; }
/*Index*/
#imgOuverture { position: relative; float: left; top: 0px; left: 0px; padding: 102px 0 0 0; }
#imageAccueil { border: 6px solid #333333; }
/*Oeuvres*/
#rubrique { position: relative; float: left; top: 0px; left: 0px; padding: 102px 0 35px 0; }
.imageCadre { position: absolute; top: 1px; left: 1px; }
.cadreL1 { position: relative; float: left; width: 200px; height: 200px; top: 0px; left: 0px; margin: 0 0 25px 0; background: url(../images/global/cadre_l1.gif) no-repeat top left; }
.cadreL2 { position: relative; float: left; width: 200px; height: 200px; top: 0px; left: 0px; margin: 0 0 25px 0; background: url(../images/global/cadre_l2.gif) no-repeat top left; }
.cadreL3 { position: relative; float: left; width: 200px; height: 200px; top: 0px; left: 0px; margin: 0 0 25px 0; background: url(../images/global/cadre_l3.gif) no-repeat top left; }
.spacerCadresX { position: relative; float: left; top: 0; left: 0; width: 30px; height: 1px; }
.spacerCadresY { position: relative; clear: both; height: 25px; }
#ssContenu a { text-transform: capitalize; }
/*ImageBox*/
#lightbox{
background-color:#FFFFFF;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
text-transform: uppercase; font-weight: bold; padding-bottom: 5px; font-size: 12px; color: #3b3b3b;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../images/global/overlay.png); }
* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(../images/vide.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/global/overlay.png", sizingMethod="scale");
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ImageBoxOverlay { background-color: #000000; }
#ImageBoxCaption { background-color: #FFFFFF; color: #3b3b3b; font-size: 11px; }
#ImageBoxContainer { width: 250px; height: 250px; background-color: #FFFFFF; }
#ImageBoxCaptionText { text-transform: uppercase; font-weight: bold; padding-bottom: 5px; font-size: 12px; color: #3b3b3b; }
#ImageBoxCaptionImages { margin: 0; }
#ImageBoxNextImage { background-image: url(../images/vide.gif); background-color: transparent; }
#ImageBoxPrevImage { background-image: url(../images/vide.gif); background-color: transparent; }
#ImageBoxNextImage:hover { background-image: url(../images/global/fleche-droite-navscrolling.gif); background-repeat: no-repeat; background-position: 95% center; }
#ImageBoxPrevImage:hover { background-image: url(../images/global/fleche-gauche-navscrolling.gif); background-repeat: no-repeat; background-position: 5% center; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Pages l'artiste*/
.rubriquesArtiste { position: relative; float: left; top: 0px; left: 0px; padding: 102px 0 20px 0; }
.colonne { position: relative; float: left; width: 208px; text-align: justify; }
.colonne2 { position: relative; float: left; width: 300px; text-align: justify; }
.paragraphe { position: relative; float: left; width: 685px; text-align: justify; }
.spacerColonnesX { position: relative; float: left; top: 0; left: 0; width: 30px; height: 1px; }
.spacerColonnes2X { position: relative; float: left; top: 0; left: 0; width: 45px; height: 1px; }
.spacerTextesY { position: relative; clear: both; height: 60px; }
.spacerTextes2Y { position: relative; clear: both; height: 80px; }
/*Page Contact*/
.colonneContact { position: relative; float: left; width: 400px; text-align: left; }
.colonneContact2 { position: relative; float: left; width: 250px; text-align: left; }
.spacerContactX { position: relative; float: left; top: 0; left: 0; width: 40px; height: 1px; }
#formulaire label { float: left; width: 25%; margin-right: 0.5em; padding-top: 0.2em; text-align: left; }
#formulaire input.texte { background-color: #f7f7f7; border: 1px solid #8b8b8b; width: 280px; }
#formulaire textarea { background-color: #f7f7f7; border: 1px solid #8b8b8b; width: 280px; }
#formulaire input.bouton { background-color: #f7f7f7; border: 1px solid #8b8b8b; padding: 3px; font-weight: bold; color: #dc0404; font-size: 12px; }
/*Page Contact*/
.colonneContact { position: relative; float: left; width: 600px; text-align: left; }
/*Colonnes*/
.column{ padding: 0 0 0 30px; }
.unecolonne, .deuxcolonnes, .troiscolonnes { width: 650px; text-align:justify; clear:both; margin: 0 0 80px 0; }
.first.column { padding: 0; }
.last.column { padding: 0 0 0 30px; }
.imageColumn { position: relative; float: left; width: 186px; height: 186px; padding: 0; margin: 0 5px 5px 0; border: 1px solid #B6B6B6; }
.column > p { display: inline; }