@charset "utf-8";
/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

@font-face {
	font-family: FrutigerLTStd;
	src: url("../fonts/FrutigerLTStd-Roman.otf") format("opentype");
}

@font-face {
	font-family: FrutigerLTStd;
	src: url("../fonts/FrutigerLTStd-Bold.otf") format("opentype");
	font-weight:bold;
}

/* MISE EN PAGE GENERALE */
html {font-size:16px;}
body {margin:0; padding:0; font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-size:0.9em;}
p {}
.pointer {cursor:pointer;}
/*
img {display:block; max-width: 100%; height: auto;}
#travaux img {height:100%;}
*/

/* POPIN */
#fancybox-wrap {max-width:870px !important;width: calc(100% - 50px) !important; }
#fancybox-content {width:calc(100% - 20px) !important;}

/* INDEX */
#global {margin:0 auto;}
#global-contenu {}
#global.page #logo a {background:url(../images/logo-page.jpg) top left no-repeat; width:32px; height:36px; display:block; float:right;}
#global.page #logo span {display:none;}

#global #langues {float:right; line-height:10px;}
#global #langues a, #global #langues a:visited {color:#000000; text-decoration:none; text-transform:uppercase; font-size:0.70em;}
#global #langues a:hover {text-decoration:underline;}

#menu-icone {float:right; width:21px; height:21px;}

#menu {list-style:none; margin:0px; padding:0px; }
.menu-element {float:left; position:relative; margin-right:33px; line-height:10px;}
.menu-element:last-child {margin-right:0px;}
.menu-element a, .menu-element a:visited {color:#999999; text-decoration:none; text-transform:uppercase; font-size:0.70em;}
.menu-element > a:hover {color:#000000;}
.selected a, .selected a:visited {color:#000000;}

.index #menu {padding-top:33px;}

#global #centre {clear:left; min-height:600px;}

#contenu {}
#contenu h1 {font-family: FrutigerLTStd, "Trebuchet MS", Arial; text-transform:uppercase;}
#contenu a, #contenu a:visited {color:#000000; text-decoration:none;}
#contenu a:hover {text-decoration:underline;}

.flex-control-nav {}
.flex-control-nav a span {display:none;}

/* BANDEAU ACCUEIL */
#global.index {width:100%; max-width:1110px;}
#global.index #menu {list-style:none; margin:0px 0px 0px 160px; padding:5px 0 0 0; }
#global.index #bandeau {height:70px; padding-top:20px;}
#global.index #langues {}
#global.index #logo {width:116px; height:21px; display:block; float:left;}
#global.index #logo a {background:url(../images/logo-index.jpg) top left no-repeat; width:116px; height:21px; display:block;}
#global.index #logo span {display:none;}
#global.index #menu-icone {display:none;}
#global.index .menu-element {line-height:13px;}
#global.index #langues {line-height:23px;}

/* WIDE */
#wide {margin:0 auto; padding-top:15px; max-width:1690px;}
#wide-content {padding-right:20px;}

#wide #droite { float: right; text-align:right;}
#wide #droite a.retour, #wide #droite a.retour:visited {color: #000000; font-size: 0.7em; text-align: right; text-decoration: none; text-transform: uppercase; display:block; width:34px; height:36px; background:url(../images/wide-close.jpg) top left no-repeat;}
#wide #droite a.retour span {display:none;}

#wide #gauche {height:52px;}
#wide #logo {width:120px; height:36px; display:none; float:left;}
#wide #logo a {background:url(../images/logo-page.jpg) top left no-repeat; width:32px; height:36px; display:block; float:right;}
#wide #logo span {display:none;}

#wide #centre {clear:both;}

/* OEUVRES */
#wide .templateOeuvres .oeuvres {position:relative; min-width:1110px;}
#wide .templateOeuvres .oeuvres .current {position:relative; min-width:1110px;}
#wide .templateOeuvres .oeuvres .current .photoconteneur {padding:0 72px; height:568px;}
#wide .templateOeuvres .oeuvres .current a.photo {/*display:block; margin:0 auto; cursor:default; */cursor:default;}
#wide .templateOeuvres .oeuvres .current a.photo > img {display:block; max-width: 100%; height: auto; margin:0 auto;}
#wide .templateOeuvres .oeuvres .infos {margin-top:50px; float:left; padding-left:20px; padding-bottom: 50px;}
#wide .templateOeuvres .oeuvres #position {font-size:0.7em; position:absolute; height:20px; line-height:20px; right:0px; z-index:20; width:30px; text-align:right;}
#wide .templateOeuvres .oeuvres .prec, #wide .oeuvres .suiv {width:62px; height:89px; position:absolute; z-index:10;}
#wide .templateOeuvres .oeuvres .prec {top:0px; left:0px;}
#wide .templateOeuvres .oeuvres .suiv {top:0px; right:10px;}
#wide .templateOeuvres .oeuvres .prec a, #wide .oeuvres .suiv a {width:62px; height:89px; display:block;}
#wide .templateOeuvres .oeuvres .prec a {background:url(../images/oeuvre-precedente.png) center center no-repeat;}
#wide .templateOeuvres .oeuvres .suiv a {background:url(../images/oeuvre-suivante.png) center center no-repeat;}
#wide .templateOeuvres .actions { margin-top:50px;}
#wide .templateOeuvres .actions .lien:first-child {margin-top:0px; text-align:right;}
#wide .templateOeuvres .actions .lien {text-transform:uppercase; font-size:0.70em; margin:10px 0;}
#wide .templateOeuvres .actions .lien a, #biographie .actions .lien a:visited {text-decoration:none; color:#000000; font-size:0.9em;}
#wide .templateOeuvres .actions .lien a:hover {text-decoration:underline;}
#wide .templateOeuvres .actions .social {text-align:right;}
#wide .templateOeuvres .actions .social img {display:inline;}
#wide .templateOeuvres .actions .social a {margin:0 4px;}
#wide .templateOeuvres .oeuvres .artiste {text-transform:uppercase; font-weight:bold; font-size:0.9em; margin-bottom:0px;}
#wide .templateOeuvres .oeuvres .artiste a, #wide .templateOeuvres .oeuvres .artiste a:visited {text-decoration:none; color:#000000;}
#wide .templateOeuvres .oeuvres .artiste a:hover {text-decoration:underline;}
#wide .templateOeuvres .oeuvres .travaux {text-transform:uppercase; font-size:0.9em; margin:3px 0; color:#999999;}
#wide .templateOeuvres .oeuvres .travaux a, #wide .templateOeuvres .oeuvres .travaux a:visited {color:#999999; text-decoration:none;}
#wide .templateOeuvres .oeuvres .travaux a:hover {text-decoration:underline;}
#wide .templateOeuvres .oeuvres .legende {font-size:0.7em; line-height:19px;}
#wide .templateOeuvres .oeuvres .type {font-size:0.7em; line-height:19px;}
#wide .templateOeuvres .oeuvres .prix {font-size:0.7em; line-height:19px;}
#wide .templateOeuvres .oeuvres .contact {font-size:0.7em; line-height:19px;}
#wide .templateOeuvres .oeuvres .contact a, #wide .templateOeuvres .oeuvres .contact a:visited {text-decoration:none; color:#000000;}
#wide .templateOeuvres .oeuvres .contact a:hover {text-decoration:underline;}

/* Foire */
#wide #detail {position:absolute; top:30px; left:50px; z-index:100; width:200px; text-transform:uppercase; }
#wide #detail h1 {color:#999999; font-size:1.15em; margin:0px;}
#wide #detail #date {color:#999999; font-size:1.15em; margin:0px; font-weight:bold;}
#wide #detail #stand {color:#666666; margin:15px 0 30px 0; font-weight:bold; font-size:1.15em;}
#wide .liens {}
#wide .liens .lien {text-transform:uppercase; font-size:0.9em; margin:3px 0;}
#wide .liens .lien a, #wide .liens .lien a:visited {text-decoration:none; color:#000000; font-size:0.9em;}
#wide .liens .lien a:hover {text-decoration:underline;}


/* DIAPORAMA */
#wide .diaporama {}
#wide .diaporama ul {list-style:none; margin:0px; padding:0px; width:1640px; height:675px;}
#wide .diaporama li {width:1640px; height:675px; overflow:hidden;}
#wide .diaporama .photo {margin-bottom:20px;}
/*#wide .diaporama .photo img {display:block;}*/
#wide .diaporama .artiste {text-transform:uppercase; font-weight:bold; font-size:0.95em; margin-top:25px; margin-bottom:5px;}
#wide .diaporama .legende {font-size:0.8em;}
#wide #controls {width:400px; height:41px; margin:0 auto;}
#wide #nextBtn a {width:40px; height:41px; display:block; background:url(../images/diaporama-next.jpg) top left no-repeat; float:right; cursor:pointer;}
#wide #prevBtn a {width:40px; height:41px; display:block; background:url(../images/diaporama-prev.jpg) top left no-repeat; float:left; cursor:pointer;}
#wide #pauseBtn a {width:40px; height:41px; display:block; background:url(../images/diaporama-stop.jpg) top left no-repeat; cursor:pointer; margin: 0 auto;}
#wide #nextBtn a, #wide #prevBtn a {}

#widepied {clear:both; margin-top:45px; padding-bottom:40px; color:#000000; text-align:right;}
#widepied a, #widepied a:visited {text-transform:uppercase; text-decoration:none;}
#widepied a:hover {}
#widepied a span {color:#000000; font-size:0.7em; margin-right:5px;}
#widepied a img {vertical-align:middle;}

.actions .social {visibility:hidden;}
.actions .visible {visibility:visible}
.actions .partage {cursor:pointer;}

/* Messages de retour */
.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

/* Fil d'ariane */
#ariane {}
.ariane-vous-etes-ici {}
.ariane-accueil {}
.ariane-fleche {}
a.ariane-element {}
span.ariane-element {}
.ariane-element-final {}

/* Pied */
#global #pied {padding-bottom:40px; /*padding-top:130px;*/ margin-top:130px;}
#wide #pied {padding-bottom:40px; padding-top:70px; margin-left:85px; display:none;}
#pied  .nav a.mentionslegales, #pied .nav a.mentionslegales:visited  {color:#999999;}
#pied .social {float:right; text-align:right; text-transform:uppercase; font-size:0.7em;}
#pied .social a, #pied .social a:visited {color:#000000; text-decoration:none;}
#pied .social .partagez, #pied .social .suivez {float:right;}
#pied .social .partagez {position:relative;}
#pied .social .partagez a {}
#pied .social .partagez a img {vertical-align:bottom;}
#pied .social .partagez a span {margin-right:5px; font-weight:normal;}

#pied .partagez .calque {width:125px; height:146px; background:url(../images/calque-social.png) top left no-repeat; position:absolute; top:-149px; right:0px; display:none;}
#pied img {display:inline;}
#pied .partagez .icones {padding:15px 0px 0px 25px; text-align:left;}
#pied .partagez .icone {margin-bottom:7px;}
#pied .partagez .icone a, #pied .partagez .icone a:visited {color:#FFFFFF; text-transform:uppercase; display:block;}
#pied .partagez .icone a img {vertical-align:top;}
#pied .partagez .icone a span {margin-left:5px; margin-right:0px; vertical-align:bottom;}

#pied .social .suivez {}
#pied .social .suivez span {margin-right:5px; font-weight:normal;}
#pied .social .suivez a {margin:0 3px;}
#pied .social .suivez a img {vertical-align:top;}

#pied .nav {font-size:0.7em;}
#pied .nav div {display:inline;}
#pied .nav span {color:#828282; margin-right:15px;}
#pied .nav a, #pied .nav a:visited {color:#000000; text-decoration:none;}
#pied .nav a:hover {}
#pied .nav a.mentions {color:#828282; margin-left:0px;}

/* Languettes */
#languette-container {height:279px; width:81px; position : absolute; right:0px; top:250px;}
#languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; position:absolute; top:0px; right:0px;}
#languette-admin:hover { width: 198px; height: 93px; background: url(../images/lang-interface-gestion-depliee.png);}
#languette-page { height:93px; width:81px; background: url(../images/lang-gestion-page.png); cursor:pointer; position:absolute; top:98px; right:0px;}
#languette-page:hover {width: 198px; height: 93px; background: url(../images/lang-gestion-page-depliee.png);}
#languette-deconnexion {height:93px; width:81px; background : url(../images/lang-deconnexion.png); cursor:pointer; position:absolute; top:196px; right:0px; }

/* Contact */
#contact {margin-left:165px;}
#contact .header {height:55px; background:url(../images/logo-contact.jpg) top left no-repeat;}
#contact .gauche {float:left; width:300px; font-size:0.75em;}
#contact .gauche .acces {height:380px;}
#contact .gauche .equipe {width:245px;}
#contact .gauche p:first-child {margin-top:0px; margin-bottom:18px;}
#contact .gauche p {margin:5px 0; text-align:justify;}
#contact .gauche h2 {text-transform:uppercase; font-weight:bold; font-size:1.05em; margin:21px 0 5px 0;}
#contact .gauche .equipe h2:first-child {margin-top:30px;}
#contact .gauche h3 {text-transform:uppercase; font-weight:normal; font-size:1.05em; margin:40px 0 5px 0;}
#contact .gauche h3:first-child {margin-top:21px;}
#contact .contenu {margin-left:330px; width:610px; overflow:hidden; }
#contact .contenu .slider-conteneur {margin-bottom:60px; position:relative;}
#contact .contenu .slider {}
#contact .contenu ul {width:610px; height:410px; margin:0px; padding:0px; list-style:none;}
#contact .contenu ul li {width:610px; height:410px; overflow:hidden; background-color:#FFFFFF;}
/*#contact .contenu ul li {width:610px; height:410px; float:left;}*/
#contact .contenu .vue {margin-top:10px; visibility:hidden;}
#contact .contenu .vue a, #contact .contenu .vue a:visited {text-transform:uppercase; font-size:0.7em;}
#contact #googlemap {margin-bottom:77px;}

#contact .contenu .flex-control-nav {list-style:none; position:absolute; right:0px; bottom:-32px; padding:0px; margin:0px; top:inherit;}
#contact .slides li img {display:block; float:right;/*display:block; max-width: 100%; height: auto;*/}
/*
#contact .contenu .flex-control-nav li {display:block; float:left; width:7px; height:7px;  margin-left:6px;}
#contact .contenu .flex-control-nav li a {display:block; width:7px; height:7px; background-color:#b2b2b2; cursor:pointer;}
#contact .contenu .flex-control-nav li.current a {background-color:#000000;}
#contact .contenu .flex-control-nav li a span {display:none;}
*/
#contact .lienrecrutement {margin-top:25px;}
#contact .lienrecrutement a, #contact .lienrecrutement a:visited {text-decoration:underline;}
#contact .lienrecrutement a:hover {text-decoration:none;}

#recrutement {margin-left:165px;}
#recrutement h1 {text-transform:uppercase; font-size:1.2em; font-weight:bold; margin:40px 0 50px 0;}
#recrutement h2 {text-transform:uppercase; font-weight:normal; font-size:1em; margin:30px 0;}
#recrutement p {font-size:0.9em; line-height:20px;}
#recrutement hr {height:1px; background-color:#000000; border:none; margin:45px 0;}
#recrutement .retour {text-align:right;}
#recrutement .retour a, #recrutement .retour a:visited {font-size:0.8em; text-transform:uppercase;}

/* Plan du site */
.plansite-ul {}
.plansite-li {}
.plansite-a {text-decoration:none;}
.plansite-a:hover {text-decoration:underline;}
.plansite-span {}

/* Module Accueil */
#accueil {}
#accueil .highlight {font-weight:normal;}
#accueil .slider-conteneur {height:750px; width:1110px; overflow:hidden; position:relative; margin-left:0px; padding-left:0x; }
#accueil .border {border-color:#000000;}
#accueil .slider {height:750px; width:1110px;}
#accueil .slider ul {list-style:none; margin:0px; padding:0px;}
#accueil .slide {height:750px; width:1110px; overflow:hidden;}
#accueil .slide .photo {height:530px; overflow:hidden;}
#accueil .slide .texte h1 {margin:30px 0 20px 0; font-size:1.3em; text-transform:uppercase;}
#accueil .slide .texte p {text-transform:uppercase; color: #999999; margin:0px; font-size:0.9em; line-height:22px;}
#accueil .flex-control-nav {top:570px;}

#accueil #controls {list-style:none; position:absolute; right:0px; top:660px; margin:0px; padding:0px;}
#accueil #controls li {width:7px; height:11px; background:url(../images/control.jpg) top left no-repeat; margin-left:5px; float:left; cursor:pointer;}
#accueil #controls li.current {background:url(../images/control-selected.jpg) top left no-repeat;}
#accueil #controls li a, #accueil #controls li a:visited {display:none;}

#accueil #messages {float:left; width:215px; padding-right:20px;}
#accueil #messages h1 {text-transform:uppercase; color:#000000; font-weight:bold; font-size:1.1em; margin:0px;}
#accueil #messages h2 {text-transform:uppercase; font-weight:normal; font-size:1.0em; margin:0px 0px 30px 0px;}
#accueil #messages p {color:#000000; font-size:0.8em; text-align:justify; margin:15px 0;}

/* Module Artistes */
#artistes h1 {font-size:0.91em; margin-top:0px;}
#artistes .liste {margin-top:35px; margin-bottom:106px;}
#artistes .apercu {width:330px; float:right; display:none;}
#artistes .apercu #apercu {display:block; float:right;}
#artistes .apercu .legende {text-align:right; margin-top:15px; font-size:0.70em;}
#artistes .element {width:205px; float:left; min-height:30px;}
#artistes .element .photo {margin:20px 0; display:none;}
#artistes .element .nom { padding:0 10px 0 0px; line-height:14px;}
#artistes .element .nom a, #artistes .element .nom a:visited {font-family: FrutigerLTStd, "Trebuchet MS", Arial; color: #000000; text-decoration:none; font-size:0.7em; text-transform:uppercase;}
#artistes .element .nom a:hover {text-decoration:underline;}

#artistes .travaux-disponible {margin-top:35px; margin-bottom:0px; min-height:285px;}
#artistes .travaux-disponible .element {height:inherit;}
#artistes .travaux-disponible .element .nom {margin-left:0px; padding:0px;}

/* Navigation Artiste */
#artiste-navigation {float:left; width:125px; padding-right:40px; text-transform:uppercase; text-align:right; padding-top:3px;}
#artiste-navigation .element {margin-bottom:17px; line-height:10px;/*19px*/}
#artiste-navigation .element .travaux {display:none;}
#artiste-navigation .element ul {border-right: 1px solid #999999; padding:0px 15px 0px 0px; margin:0px; text-align:right; list-style:none;}
#artiste-navigation .element ul li {margin:15px 0;}
#artiste-navigation .element ul li a, #artiste-navigation .element ul li a:visited {color:#999999; font-size:0.7em;}
#artiste-navigation .element ul li a.selected, #artiste-navigation .element ul li a.selected:visited {color:#000000;}
#artiste-navigation .element a, #artiste-navigation .element a:visited, #artiste-navigation .element span {font-size:0.70em; cursor:pointer;}
#artiste-navigation .element > a.selected {font-weight:bold;}
#artiste-navigation .element a:hover {text-decoration:none;}
.f-nav{ z-index: 900; position: fixed; top: 35px;}

/* Mosaique */
.mosaique {width:940px;}
.mosaique .element {margin:0px 16px 55px 17px; float:left; width:210px;}
.mosaique .element img {margin:0px; padding:0px;}
.mosaique .first {margin-left:0px;}
.mosaique .last {margin-right:0px;}
.mosaique .element .numero {font-size:0.9em; margin-top:15px;}
.mosaique .element .diaporama {font-size:0.8em; margin-top:15px;}
.mosaique .element .diaporama a, .mosaique .element .diaporama a:visited {}
.mosaique .element .diaporama a:hover {}
.mosaique .video {position:relative; display:block; width:210px; height:170px;}
.mosaique .video .calque {position:absolute; top:0px; left:0px; display:block; width:210px; height:170px; z-index:20; background:url(../images/diaporama-play.png) top left no-repeat;}

/* Module Biographie */
#biographie {font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#biographie .centre-contenu {overflow:hidden;}
#biographie .gauche {width:650px; overflow:hidden; display:inline-block; vertical-align:top;}
#biographie .droite {width:426px; padding-left:34px; /*float:right;*/ margin-top:82px; margin-bottom:25px; display:inline-block; vertical-align:top;}
#biographie .header {margin-left:165px; width:375px;}
#biographie .centre {}
#biographie .contenu {margin-left:165px;}
#biographie h1 {font-weight:bold; font-size:0.91em; margin:0px; }
#biographie .naissance {font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-weight:bold; font-size:0.88em; margin:2px 0 40px 0;}
#biographie .retour {text-align:right;}
#biographie .retour a, #biographie .retour a:visited {font-size:0.8em; text-transform:uppercase;}
#biographie .retour a:hover {}
#biographie .droite .photo {/*width:715px; height:560px; overflow:hidden;*/ margin-bottom:15px; overflow:hidden;}
#biographie .droite .photo img {/*float:right;*/ max-width:100%; height:auto; display:block;}
#biographie .legende {font-size:0.70em; line-height:20px; text-align:right;}
#biographie .legende p {margin:0px;}
#biographie .actions {}
#biographie .actions .lien:first-child {}
#biographie .actions .lien {text-transform:uppercase; font-size:0.8em; margin:5px 0;}
#biographie .actions .lien a, #biographie .actions .lien a:visited {text-decoration:none; color:#000000; font-size:0.85em; font-weight:bold; padding-left:9px;}
#biographie .actions .lien a:hover {text-decoration:underline;}
#biographie .actions .social {}
#biographie .actions .social a {margin:0 4px;}
#biographie .actions .social img {display:inline;}
#biographie .download {}
#biographie .download a, #biographie .download a:visited {color:#000000; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.70em; line-height:13px; background:url(../images/file.jpg) left center no-repeat; padding-left:18px;}
#biographie .download a:hover {text-decoration:underline;}
#biographie .texte {margin:35px 0 0 0; text-align:justify; font-size:0.75em; line-height:19px; min-height:266px; max-width:475px;}
#biographie .texte span.suite {font-weight:bold; font-style:italic; padding-left:5px; cursor:pointer;}
#biographie .texte p {}
#biographie .textesuite {display:none; background:url(../images/travaux-texte-suite-bg.jpg) left bottom no-repeat; margin-bottom:30px;}
#biographie .texte .reduire {width:41px; height:17px; background:url(../images/travaux-fleche-haut.jpg) top left no-repeat; cursor:pointer; float:right; margin-top:10px;}

#biographie .supplements {clear:both; margin:45px 0 0 0; overflow:hidden; }
#biographie .supplements .colg {display:inline-block; vertical-align:top;}
#biographie .supplements .colg .colg-contenu {margin-left:165px; width:475px;}
#biographie .supplements .cold {width:426px; display:inline-block; vertical-align:top; margin-left:34px; /*float:right;*/}
#biographie .supplement {/*margin-top:35px;*/}
#biographie .first {margin-top:0px;}
#biographie .supplement h2 {text-transform:uppercase; font-size:0.8em; margin:0px 0px 18px 0px; border-bottom:1px solid #999999; color: #999999; padding-bottom:8px; font-weight:normal;}
#biographie .supplement .photo {width:136px; height:108px;}
#biographie .supplement .photo img {}
#biographie .supplement h3 {text-transform:uppercase; font-size:0.70em; margin:11px 0 0 0; line-height:12px;}
#biographie .supplement h3.titre { margin:40px 0 5px 0;}
#biographie .supplement .detail, #biographie .supplement .nom {text-transform:uppercase; font-size:0.70em;}
#biographie .supplement .nom {color:#999999; margin:8px 0;}
#biographie .supplement {}
#biographie .supplement .row {clear:left; height:247px;}
#biographie .supplement .item {float:left; width:135px; height:247px;}
#biographie .supplement .impaire {margin:0 35px;}
#biographie .supplement .nom {color:#999999; margin:6px 0;}

#biographie .publications {margin-top:35px}
#biographie .selections {}
#biographie .selections .selection {margin-bottom:30px;}
#biographie .selections h3.titre {text-transform:inherit; font-size:0.78em; margin:0 0 5px 0; font-weight:bold;}
#biographie .selections .detail {color:#999999; text-transform:inherit; font-size:0.8em;}

#biographie .presse {}
#biographie .presse h3.titre {text-transform:inherit; font-size:0.78em; margin:0 0 5px 0; font-weight:bold;}
#biographie .presse .detail {color:#999999; text-transform:inherit; font-size:0.8em; margin-bottom:30px;}

/* Module Travaux */
#travaux {font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#travaux .gauche {}
#travaux .droite {width:340px; float:right;}
#travaux .header {margin-left:165px;}
#travaux .centre {}
#travaux .contenu { margin-left:165px;}
#travaux h1 {font-weight:bold; font-size:0.91em; margin:0px; }
#travaux .naissance {font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-weight:bold; font-size:0.88em; margin:2px 0 40px 0;}
#travaux .nom {font-size:0.85em; color:#999999; text-transform:uppercase; margin:3px 0 40px 0;}
#travaux .mosaique .nom {margin-bottom:25px;}
#travaux .retour {text-align:right;}
#travaux .mosaique .retour {margin-bottom:40px;}
#travaux .retour a, #biographie .retour a:visited {font-size:0.8em; text-transform:uppercase;}
#travaux .retour a:hover {}
#travaux .droite .photo {/*width:715px; height:560px; overflow:hidden;*/ margin-bottom:45px; overflow:hidden;}
#travaux .droite .voir {text-align:right; margin-top:25px;}
#travaux .droite .voir a, #travaux .droite .voir a:visited {color:#FFFFFF; background-color:#999999; padding:5px 9px; font-size:0.7em; text-transform:uppercase;}
#travaux .droite .voir a:hover {}
#travaux .legende {font-size:0.75em; line-height:20px; text-align:right;}
#travaux .legende p {margin:0px;}
#travaux .photo {width:715px; overflow:hidden; margin-bottom:45px;}
#travaux .texte {margin:35px 0 20px 0; text-align:justify; font-size:0.75em; line-height:19px; width:100%; max-width:485px; overflow:hidden;}
#travaux .texte p {}
#travaux .texte p:first-child {margin-top:0px;}
#travaux .texte span.suite {font-weight:bold; font-style:italic; padding-left:5px; cursor:pointer;}
#travaux .texte .textesuite {display:none; background:url(../images/travaux-texte-suite-bg.jpg) left bottom no-repeat; margin-bottom:21px;}
#travaux .texte .reduire {width:41px; height:17px; background:url(../images/travaux-fleche-haut.jpg) top left no-repeat; cursor:pointer; float:right; margin-top:10px;}
#travaux .detailtravail .oeuvres {margin-top:42px; clear:right; }
#travaux .detailtravail .noContent {margin-top:0px;}
#travaux .detailtravail .oeuvres .row {height:318px; margin:12px 0 0 0;}
#travaux .detailtravail .oeuvres .oeuvre {float:left; margin-left:19px; width:222px;}
#travaux .detailtravail .oeuvres .oeuvre a, #travaux .detailtravail .oeuvres .oeuvre a:visited {display:block;}
#travaux .detailtravail .oeuvres .oeuvre a.picture, #travaux .detailtravail .oeuvres .oeuvre a.picture:visited {height:170px;} 
#travaux .detailtravail .oeuvres .first {margin-left:0px;}
#travaux .detailtravail .oeuvres .numero {margin-top:16px; line-height:10px;}
#travaux .detailtravail .oeuvres .numero span {font-size:0.70em;}
#travaux .detailtravail .oeuvres .legende {text-align:left; font-weight:bold; font-size:0.7em; line-height:11px; margin:10px 0; height:85px;}
#travaux .detailtravail .oeuvres .lieu {font-size:0.70em; line-height:10px;}
#travaux .detailtravail .oeuvres .final {text-transform:uppercase; font-size:0.75em; height:170px;}
#travaux .detailtravail .oeuvres .final a {padding-left:13px; display:inline;}

#travaux .droitecol {float:right; width:240px; text-align:right;}
#travaux .actions {text-align:left; margin-bottom:20px;}
#travaux .actions .lien {text-transform:uppercase; margin:0 0 10px 0; line-height:10px;}
#travaux .actions .lien a, #biographie .actions .lien a:visited {color:#000000; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.70em;}
#travaux .actions .lien a:hover {text-decoration:underline;}
#travaux .actions .social {}
#travaux .actions .social a {margin:0 4px;}
#travaux .actions .social img {display:inline;}
#travaux .droitecol .actions {text-align:right;}
#travaux .download {}
#travaux .download a, #travaux .download a:visited {color:#000000; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.75em; line-height:13px; background:url(../images/file.jpg) left center no-repeat; padding-left:18px;}
#travaux .download a:hover {text-decoration:underline;}
#travaux .headerActions {margin:22px 0 0 0; text-align:right; float:right;}

#travaux .liste {border-top:1px solid #CCCCCC; padding:10px 0 0 0;}
#travaux .travail {padding:0 0 56px 0; margin:14px 0 0 0; border-bottom:1px solid #cccccc;}
#travaux .workFirst {}
#travaux .workSecond {}
#travaux .workThird {}
#travaux .travail .lien {text-align:right;}
#travaux .travail .lien a, #travaux .travail .lien a:visited {color:#999999; text-transform:uppercase; font-size:0.8em;}
#travaux .travail .previews {height:170px; margin:22px 0 0 0; position:relative; font-size:0px;}
#travaux .travail .overview {width:35px; height:35px; position:absolute; bottom:0px; right:0px; background:url(../images/fleche-droite-travaux.jpg) top left no-repeat; cursor:pointer;}
#travaux .travail .previews .oeuvre {float:left; /*width:222px;*/ width:236px; height:170px; position:relative;}
#travaux .travail .previews .oeuvre a img {display:block; height: auto; max-width:100%; max-height:100%;}
#travaux .travail .previews .oeuvre .calque,
#travaux .travail .previews .oeuvre .calque2 {position:absolute; width:100%; height:100%; background:#FFFFFF; opacity:0.6; z-index:10; cursor:pointer;}
#travaux .travail .previews .oeuvre .calque2 {background:none;}
#travaux .travail .previews .milieu {/*margin:0px 19px;*/}
#travaux .travail .previews .previewimg,
#travaux .travail .previews .previewimg2 {cursor:pointer;}
#travaux .travail .titre {font-size:0.8em;}
#travaux .travail .titre span {padding-left:5px;}
#travaux .travail .titre a, #travaux .travail .titre a:visited {text-transform:uppercase; font-weight:bold;}
#travaux .travail .oeuvres {display:none;}
#travaux .travail .oeuvres .row {height:170px; margin:25px 0 0 0;}
#travaux .travail .oeuvres .oeuvre {float:left; /*margin-left:19px;*/ /*width:222px;*/width:236px; height:170px; margin-top:18px;}
#travaux .travail .oeuvres .first {margin-left:0px;}
#travaux .diaporama {text-align:right; margin-top:28px;}
#travaux .diaporama a, #travaux .diaporama a:visited {color:#999999; text-transform:uppercase; font-size:0.8em;}

#travaux .detail {width:715px;}

/* Module Artistes Expositions */
#expositions {font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#expositions .header {margin-left:200px;}
#expositions .centre {}
#expositions .contenu {width:715px; margin-left:200px; overflow:hidden;}
#expositions h1 {font-weight:normal; font-size:1.6em; margin:0px;}
#expositions .expo {font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-weight:bold; font-size:1em; margin:10px 0 55px 0; color:#4c4c4c; text-transform:uppercase;}
#expositions .retour {text-align:right;}
#expositions .retour a, #biographie .retour a:visited {font-size:0.8em; text-transform:uppercase;}
#expositions .retour a:hover {}
#expositions .exposition {clear:left; height:200px; margin-bottom:35px;}
#expositions .exposition .photo {width:245px; height:200px; float:left;}
#expositions .exposition .detail {margin-left:320px; text-transform:uppercase;}
#expositions .exposition .nom {font-size:1.1em;}
#expositions .exposition .date {font-size:0.9em; height:35px;}
#expositions .exposition .lieu {font-size:0.9em;}
#expositions .exposition .dateExpo {font-size:0.9em;}

/* Module Foires */
#foires-navigation {float:left; width:125px; padding-right:40px; text-transform:uppercase; text-align:right; padding-top:3px;}
#foires-navigation {margin-top:10px;}
#foires-navigation .element {margin-bottom:17px; line-height:10px;}
#foires-navigation .element .travaux {display:none;}
#foires-navigation .element ul {border-right: 1px solid #999999; padding:0px 15px 0px 0px; margin:0px; text-align:right; list-style:none; display:none;}
#foires-navigation .element ul li {margin:15px 0;}
#foires-navigation .element ul li a, #exposition-navigation .element ul li a:visited {color:#999999; font-size:0.70em; font-weight:normal;}
#foires-navigation .element ul li a.selected {color:#000000;}
#foires-navigation .element a, #exposition-navigation .element a:visited, #exposition-navigation .element span {font-size:0.70em; cursor:pointer;}
#foires-navigation .element a.selected {font-weight:bold;}
#foires-navigation .element a:hover {text-decoration:none;}
#foires-navigation.f-nav {margin-top:0px;}

#foires {overflow:hidden;}
#foires img { max-width:100%; height:auto; display:block;}
#foires {margin-left:165px; font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#foires .annee {margin:45px 0 24px 0; font-size:0.8em; font-weight:bold;}
#foires .foire {margin:22px 0; clear:both;}
#foires .first {margin-top:0px;}

#foires .foire .logo {float:left; width:195px; height:59px;}

#foires .foire h1 {font-size:0.80em; text-transform:uppercase; margin:0px; line-height:20px; margin-bottom:2px;}
#foires .foire h1 a, #foires .foire h1 a:visited {}
#foires .foire h1 a:hover {text-decoration:underline;}

#foires .foire .infos {float:left; width:232px; min-height:59px;}
#foires .foire .infos .date {font-weight:normal; display:block; font-size:0.80em;}

#foires .foire .intro {margin-left:427px; min-height:59px;}
#foires .foire .intro p {margin:0px; font-size:0.80em; line-height:20px; text-align:justify;}


/* Module Expositions */
#expos {}
#exposition-navigation {float:left; width:125px; padding-right:40px; text-transform:uppercase; text-align:right; padding-top:3px;}
#exposition-navigation .element {margin-bottom:17px; line-height:10px;}
#exposition-navigation .element .travaux {display:none;}
#exposition-navigation .element ul {border-right: 1px solid #999999; padding:0px 15px 0px 0px; margin:0px; text-align:right; list-style:none; display:none;}
#exposition-navigation .element ul li {margin:15px 0;}
#exposition-navigation .element ul li a, #exposition-navigation .element ul li a:visited {color:#999999; font-size:0.70em; font-weight:normal;}
#exposition-navigation .element ul li a.selected {color:#000000;}
#exposition-navigation .element a, #exposition-navigation .element a:visited, #exposition-navigation .element span {font-size:0.70em; cursor:pointer;}
#exposition-navigation .element a,
#exposition-navigation .element a:visited {text-decoration:underline;}
#exposition-navigation .element a.selected {font-weight:bold; text-decoration:none;}
#exposition-navigation .element a:hover {text-decoration:none;}
#exposition-navigation.f-nav {margin-top:0px;}

#expos .contenu {margin-left:165px; overflow:hidden;}
#expos h1 {border-bottom:1px solid #000000; padding-bottom:8px; margin:0 0 20px 0; font-size:0.85em; }
#expos .exposition-contenu {}
#expos .exposition {float:left; width:247px; height:300px;}
#expos .exposition .photo {width:247px; height:190px;}
#expos .exposition .detail {text-transform:uppercase; margin-top:15px;}
#expos .exposition .nom {font-size:0.7em; font-weight:bold; color:#000000;}
#expos .exposition .nom a, #expos .exposition .nom a:visited {}
#expos .exposition .nom a:hover {text-decoration:none;}
#expos .exposition .nomExpo {font-size:0.7em; color:#999999; font-weight:bold; margin-bottom:5px;}
#expos .exposition .dateExpo {font-size:0.7em;}

#expos .expositionlarge {margin-bottom:66px;}
#expos .expositionlarge .photo {width:945px; height:258px;}
#expos .expositionlarge .detail {text-transform:uppercase; margin-top:16px;}
#expos .expositionlarge .nom {font-size:1.24em; font-weight:bold; color:#000000;}
#expos .expositionlarge .nom a, #expos .exposition .nom a:visited {}
#expos .expositionlarge .nom a:hover {text-decoration:none;}
#expos .expositionlarge .nomExpo { color:#999999; margin-left:7px;}
#expos .expositionlarge .dateExpo {font-size:1.24em; font-weight:normal;}
#expos .expositionlarge .lieuExpo {font-size:1.05em;}
#expos .expositionlarge .nom, #expos .expositionlarge .dateExpo, #expos .expositionlarge .lieuExpo {margin:3px 0;}

/* Module Expo */
#expo {font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#expo .centre-contenu {overflow:hidden; margin-left: 165px;}
#expo .gauche {width:485px; overflow:hidden; display:inline-block; vertical-align:top;}
#expo .droite {width:426px; padding-left:34px; display:inline-block; vertical-align:top;}
#expo .header {margin-left:165px; height:77px;}
#expo .header .details {float:right; text-align:right;}
#expo .nom {font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-size:0.91em; margin:0px 0 25px 0; text-transform:uppercase; color:#999999; font-weight:normal;}
#expo .date {text-transform:uppercase; font-size:0.70em; font-weight:normal; color:#000000; line-height:10px; margin-bottom:6px;}
#expo .lieu {text-transform:uppercase; font-size:0.70em; font-weight:normal; color:#000000; line-height:10px;}

#expo .flexslider-conteneur {/*height:535px;*/ background-color:#f7f7f7; margin-left:165px; width: calc(100% - 297px); margin-bottom:40px; padding:0 66px; position:relative;}
#expo .flexslider-conteneur .flex-direction-nav a {opacity:1;}
#expo .flexslider-conteneur .flexslider:hover .flex-prev, #expo .flexslider-conteneur .flexslider:hover .flex-next {opacity:1;}
#expo .flexslider-conteneur  .flex-prev, #expo .flexslider-conteneur .flex-next {width:66px; height:535px; position:absolute; top:0px;}
#expo .flexslider-conteneur  .flex-prev {left:0px; background:url(../images/expo-fleche-gauche.png) center center no-repeat; margin:0px;}
#expo .flexslider-conteneur  .flex-next {right:0px; background:url(../images/expo-fleche-droite.png) center center no-repeat; margin:0px;}
#expo .flexslider-conteneur .slides .slide .slidevue {margin:0 auto;}

#expo .flexslider .slides img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

#expo .centre {}
#expo .contenu {}
#expo h1 {font-size:0.91em; margin:0px; font-weight:bold;}
#expo .retour {text-align:right;}
#expo .retour a, #expo .retour a:visited {font-size:0.8em; text-transform:uppercase;}
#expo .retour a:hover {}
#expo .droite .photo {/*width:715px; height:560px; overflow:hidden;*/ margin-bottom:18px; overflow:hidden;}
#expo .gauche .photo img,
#expo .droite .photo img {max-width:100%; height:auto;}
#expo .droite .voir {text-align:right;}
#expo .droite .voir a, #expo .droite .voir a:visited {color:#FFFFFF; background-color:#999999; padding:5px 9px; font-size:0.7em; text-transform:uppercase;}
#expo .droite .voir a:hover {}
#expo .legende {font-size:0.75em; line-height:20px; text-align:right;}
#expo .legende p {margin:0px;}
#expo .legende {font-size:0.75em; line-height:20px; margin-bottom:25px;}
#expo .actions {text-align:right; margin-bottom:20px;}
#expo .actions .lien {text-transform:uppercase; font-size:0.8em; margin:10px 0;}
#expo .actions .lien a, #expo .actions .lien a:visited {text-decoration:none; color:#000000; font-size:0.9em;}
#expo .actions .lien a:hover {text-decoration:underline;}
#expo .actions .social {}
#expo .actions .social a {margin:0 4px;}
#expo .download {}
#expo .download a, #expo .download a:visited {color:#000000; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.75em; line-height:13px; background:url(../images/file.jpg) left center no-repeat; padding-left:18px;}
#expo .download a:hover {text-decoration:underline;}
#expo .texte {margin:0px 0 20px 0; text-align:justify; font-size:0.75em; line-height:19px;}
#expo .texte p {}
#expo .texte p:first-child {margin-top:0px;}

#expo .vue {margin:30px 0; width:695px;}
#expo .firstVue {margin-top:0px;}

#expo .mosaique {margin-left:165px; width:inherit;}
#expo .oeuvres {margin-top:0px;}
#expo .oeuvres .row {height:318px; margin:25px 0 0 0;}
#expo .oeuvres .firstRow {margin-top:0px;}
#expo .oeuvres .oeuvre {float:left; margin-left:19px; width:222px;}
#expo .oeuvres .first {margin-left:0px;}
#expo .oeuvres .numero {margin-top:16px; line-height:10px;}
#expo .oeuvres .numero span {font-size:0.7em;}
#expo .oeuvres .legende {text-align:left; font-weight:bold; line-height:12px; margin:10px 0;}
#expo .oeuvres .lieu {font-size:0.75em; text-transform:none;}

/* Module Foire */
#foire {font-family: FrutigerLTStd, "Trebuchet MS", Arial;}
#foire .header {margin-left:200px;}
#foire .centre {}
#foire .contenu { margin-left:200px;}
#foire h1 {font-weight:normal; font-size:1.6em; margin:0px; color:#999999;}
#foire .date {font-family: FrutigerLTStd, "Trebuchet MS", Arial; font-weight:bold; font-size:1em; margin:0; color:#999999; text-transform:uppercase;}
#foire .stand {margin:15px 0 40px 0; color:#666666; text-transform:uppercase; font-weight:bold;}
#foire .retour {text-align:right;}
#foire .retour a, #biographie .retour a:visited {font-size:0.8em; text-transform:uppercase;}
#foire .retour a:hover {}

/* Actualites */
#actualites {margin-top:30px;}
#actualites .navigation {display:none;}
#actualites .search {margin-bottom:50px; margin-left:165px; margin-top:25px; border-bottom:1px solid #888888;}
#actualites .search label {text-transform:uppercase; font-size:0.9em; background-color:#FFFFFF; position:relative; top:5px; padding-bottom:3px; padding-right:3px;}
#actualites .search #q {border:1px solid #FFFFFF; width:500px; vertical-align:top;}
#actualites .liste {width:945px; margin-left:165px;}
#actualites .liste .gauche, #actualites .liste .droite {width:455px; float:left;} 
#actualites .liste .gauche {}
#actualites .liste .droite {float:right;}
#actualites .news {padding-bottom:40px; border-bottom:1px solid #888888; margin-top:40px;}
#actualites .gauche .news:first-child, #actualites .droite .news:first-child {margin-top:0px;}
#actualites .photo {}
#actualites .update {margin:18px 0; font-size:0.8em; font-style:italic;}
#actualites h2.artiste {text-transform:uppercase; font-weight:bold; margin:20px 0 0 0; font-size:0.95em;}
#actualites .date {text-transform:uppercase; margin:5px 0 25px 0; font-size:0.95em;}
#actualites .date p {margin:0px;}
#actualites .extrait {font-size:0.8em; line-height:19px; text-align:justify;}
#actualites .extrait a.lirelasuite, #actualites .extrait a.lirelasuite:visited {text-decoration:none; font-style:italic; font-weight:bold; margin-left:5px;}
#actualites .partager {margin-top:30px; font-size:0.8em; text-transform:uppercase;}
#actualites .partager span {margin-right:10px;}
#actualites .partager .lien {margin:0 5px; visibility:visible;}
#actualites .partager .labelpartager {display:none;}
#actualites .partager .lien img {display:inline; height:inherit;}
#actualites .loading {}
#actualites .loading img {/*display:block;*/ width:32px; height:32px; margin:80px auto 50px auto;}

#actualites .flexslider {width:945px; height:450px; position:relative; margin-left:165px;}
#actualites .flexslider .slides {margin:0px; padding:0px;}
#actualites .flexslider .slide {width:945px; height:400px; overflow:hidden;}
#actualites .flexslider .slide .slideg {display:inline-block; vertical-align:top; width:355px;}
#actualites .flexslider .slide .slided {display:inline-block; vertical-align:top; width:555px;  padding-left:35px;}
#actualites .flexslider .slide .slideg h1 {font-size:1.06em; margin:0 0 19px 0; text-align:left; line-height:17px;}
#actualites .flexslider .slide .slideg h2 {text-transform:uppercase; font-size:0.96em; font-weight:normal; line-height:17px; margin:20px 0 39px 0; text-align:justify;}
#actualites .flexslider .slide .slideg h2 p {margin:0px;}
#actualites .flexslider .slide .slideg .texte p {font-size:0.8em; line-height:19px; text-align:justify;}
#actualites .flexslider .slide .slideg .suite {line-height:14px; margin-top:22px;}
#actualites .flexslider .slide .slideg .suite a, #actualites .flexslider .slide .slideg .suite a:visited {font-weight:bold; font-style:italic; font-size:0.8em;}
#actualites .flexslider .partager {margin-top:20px;}
#actualites .flex-control-nav {top:inherit; left:90px; bottom:0px; height:49px; line-height:49px;}
#actualites .flex-control-nav a {background:none; height:inherit; width:inherit; display:inline; float:none; margin:0 25px; font-size:0.9em;}
#actualites .flex-control-nav a:first-child {margin-left:0px;}
#actualites .flex-control-nav a span {display:inline;}
#actualites .flex-control-nav a.flex-active {font-weight:bold;}
#actualites .flexcontrols {height:49px; position:absolute; bottom:0px; left:0px; width:945px;}
#actualites .flexcontrols .flex-direction-nav {}
#actualites .flexcontrols .flex-direction-nav a {}
#actualites .flexcontrols .flex-direction-nav .flex-prev,
#actualites .flexcontrols .flex-direction-nav .flex-next {width:33px; height:49px; bottom:0px; opacity:1;}
#actualites .flexcontrols .flex-direction-nav .flex-prev {background:url(../images/actualites-fleche-gauche.jpg) top left no-repeat; left:0px;}
#actualites .flexcontrols .flex-direction-nav .flex-next {background:url(../images/actualites-fleche-droite.jpg) top left no-repeat; right:0px;}

#actualites .navigation {width:125px; float:left; padding-right:40px;}
#actualites .navigation .selected {font-weight:bold;}
#actualites .navigation .element.first {margin-top:0px;}
#actualites .navigation .element {text-align:right; margin:13px 0; line-height:12px;}
#actualites .navigation .element a, #actualites .navigation .element a:visited {text-transform:uppercase; color:#000000; font-size:0.70em;}
#actualites .navigation .element a:hover {text-decoration:none;}

/* Twitter */
#actualites .twitter {margin-left:165px; overflow:hidden;}
#actualites .twitter .row {clear:left; margin:63px 0;}
#actualites .twitter .first {margin-top:0px;}
#actualites .twitter .row .element {float:left; width:270px;}
#actualites .twitter .row .middle {margin:0 63px;}
#actualites .twitter .row .element .header {height:67px;}
#actualites .twitter .row .element .header .icone {background:url(../images/twitter-icone.jpg) top left no-repeat; float:left; width:49px; height:48px;}
#actualites .twitter .row .element .header .utilisateur {padding-top:12px; text-align:right;}
#actualites .twitter .row .element .header .utilisateur .name {font-size:0.83em; font-weight:bold;}
#actualites .twitter .row .element .header .utilisateur .screen_name {font-size:0.83em;}
#actualites .twitter .row .element .contenu {font-size:0.83em; margin-bottom:18px;}
#actualites .twitter .row .element .footer {}
#actualites .twitter .row .element .footer .time {font-size:0.83em; font-style:italic;}

/* Template Actualité */
#actualite {margin-top:25px;}
#actualite .navigation {width:125px; float:left; padding-right:40px;}
#actualite .navigation .selected {font-weight:bold;}
#actualite .navigation .element.first {margin-top:0px;}
#actualite .navigation .element {text-align:right; margin:17px 0; line-height:12px;}
#actualite .navigation .element a, #actualite .navigation .element a:visited {text-transform:uppercase; color:#000000; font-size:0.75em; }
#actualite .navigation .element a:hover {text-decoration:none;}
#actualite .gauche {width:352px; margin-left:165px; text-align:justify;}
#actualite .gauche h1 {font-size:1.10em; margin:0 0 19px 0; text-align:left; line-height:17px;}
#actualite .gauche h2 {text-transform:uppercase; font-size:1.0em; font-weight:normal; line-height:17px; margin:20px 0 39px 0;}
#actualite .gauche p { font-size:0.8em; line-height:19px; text-align:justify;}
#actualite .actions {margin-top:35px;}
#actualite .actions .lien {text-transform:uppercase; font-size:0.85em; display:inline-block; vertical-align:top; padding-top:1px; margin-right:15px; display:none;}
#actualite .actions .social {display:inline-block;}
#actualite .actions .partage {display:none;}
#actualite .actions .social {visibility:visible;}
#actualite .actions .social a, #actualite .actions .social a:visited { margin:0 3px;}
#actualite .actions .social a img {display:inline; height:inherit;}
#actualite .actions .social a:hover {}
#actualite .actions .social a:first-child {margin-left:0px;}

#actualite .droite {float:right; width:555px;}
#actualite .droite .legende {margin-top:45px;}
#actualite .droite .legende p {margin:0px; padding:0px; line-height:20px; font-size:0.80em;}

#actualite .actualites {margin-top:130px; margin-left:165px; clear:both;}
#actualite .actualites h2 {margin:0 0 40px 0; text-transform:uppercase; border-bottom:1px solid #999999; padding-bottom:6px; font-size:1.0em; color:#999999; font-weight:normal;}
#actualite .actualite {width:249px; overflow:hidden; float:left;}
#actualite .actualites .row {clear:left; margin:40px 0;}
#actualite .middle {margin:0 99px;}
#actualite .actualite .photo {margin-bottom:33px;}
#actualite .actualite .nom {font-weight:bold; text-transform:uppercase; line-height:25px;}
#actualite .actualite .nom a, #actualite .actualite .nom a:visited {color:#999999; font-size:1.0em; font-weight:bold;}
#actualite .actualite .detail {text-transform:uppercase; }
#actualite .actualite .detail p {margin:0px; padding:0px; color:#999999; font-size:1.0em; font-weight:normal;}
#actualite .actualite .lire {margin-top:20px; font-weight:bold; font-style:italic;}
#actualite .actualite .lire a, #actualite .actualite .lire a:visited {color:#999999;font-size:0.80em;}

/* Qui sommes nous */
#quisommesnous {width:475px; margin-left:165px; margin-top:20px;}
#quisommesnous .photo {margin-bottom:50px;}
#quisommesnous p {text-align:justify; font-size:0.8em; line-height:20px;}

/* Presse */
#presse {margin-left:165px; margin-top:50px;}
#presse p {text-align:justify; font-size:0.8em; line-height:18px;}

#defaut {width:475px; margin-left:165px; margin-top:20px;}
#defaut h1 {text-transform:uppercase; font-weight:normal; font-size:0.91em;}
#defaut p {text-align:justify; font-size:0.8em; line-height:18px;}

/* Newsletter */
#newsletter {margin-left:165px; width:718px;}
#newsletter h1 {text-transform:uppercase; font-weight:normal; font-size:0.91em; margin:20px 0 62px 0;}
#newsletter .form {margin:15px 0;}
#newsletter .text {border:1px solid #c2c2c2; background-color:#eaeaea; height:29px; width:639px;}
#newsletter select {border:1px solid #c2c2c2; background-color:#FFFFFF;}
#newsletter .form label {float:left; display:block; width:75px; font-size:0.80em; color:#000000; line-height:29px;}
#newsletter label span.right {float:right; padding-right:4px;}
#newsletter .pays {margin-top:20px;}
#newsletter .civilite label,
#newsletter .pays label {line-height:20px;}

#newsletter .obligatoire {float:right; font-size:0.70em; margin-top:6px;}
#newsletter .checkbox {font-size:0.77em; margin:35px 0 45px 75px;}
#newsletter .checkbox input {margin-left:10px; vertical-align:bottom;}
#newsletter .submit {margin-left:75px;}
#newsletter .submit input {border:none; background-color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-family: FrutigerLTStd, "Trebuchet MS", Arial; margin:0px; padding:0px; text-align:left; font-size:0.90em; cursor:pointer;}
#newsletter .droits {font-size:0.67em; margin-left:75px; margin-top:50px;}

#newsletter .reponse {font-size:0.82em; margin:20px 0;}
#newsletter .retour a, #newsletter .retour a:visited {text-transform:uppercase; font-size:0.80em;}

/* Template par défaut */
#default {margin-left:200px;}
#default h1 {text-transform:uppercase; font-size:1.0em; font-weight:bold; margin:40px 0 50px 0;}
#default h2 {text-transform:uppercase; font-weight:normal; font-size:0.9em; margin:30px 0;}
#default p {font-size:0.9em; line-height:20px;}
#default hr {height:1px; background-color:#000000; border:none; margin:45px 0;}
#default .retour {text-align:right;}
#default .retour a, #default .retour a:visited {font-size:0.8em; text-transform:uppercase;}

.t1110, .t958, .t760, .t385, .t320 {display:none;}



	body {background-color:#FFFFFF;}
	.t1110 {display:block;}
	span.t1110 {display:inline;}
	
	#global.page {width: 100%; max-width:1110px;}
	#global.page #bandeau {height:50px; padding:35px 0 0 0;}
	#global.page #logo {width:125px; padding-right:40px; height:36px; display:block; float:left;}
	#global.page #menu {display:block;}
	#global.page #menu-icone {display:none;}
	
	#global #pied {margin-left:165px;}
	#pied .suivez span {}
	#pied .social {width:270px;}
	#pied .social .partagez {margin-left:60px; position:relative;}
	#pied .nav a.mentions {margin-right:40px;}
	#pied .nav a, #pied .nav a:visited {margin:0 6px;}
	
	#artistes {margin-left:165px;}
	#artistes .artistes {/*width:615px;*/ max-width:615px; width:100%;}
	
	/* MODULE EXPOS */
	.expoSecond {margin:0 102px;}
	
	/* WIDE */
	#wide .templateOeuvres .actions .social a {margin:0 0 0 8px;}
	
	#exposition-navigation {margin-top:45px;}
	#expo #exposition-navigation {margin-top:0px;}
	
#cssprofiler {display:none; position:absolute; bottom:0px; left:0px; width:60px; height:25px; line-height:25px; background:#DDDDDD;}