/* Template Ada Loumani Design : Frantz - www.vds-communication.com */ /* GENERALITEES */ *{margin:0; padding:0;} body{font-family:Verdana, Arial, Helvetica, sans-serif;} fieldset{border:none;} .black{font-weight:bold; color:#000;} .hide{display:none;} .clear{clear:both;} /* PAGE Conteneur */ #page{width:100%; margin-top:5px;} /* HEADER */ #header{width:948px; margin:0 auto 10px auto;} #logo{text-align:right;} #logo img{border:none;} /* BLOCK HEADER LEFT */ #blocheader_left{float:left; width:50%;} /* MENU DE LANGUES */ #language{float:right; font-size:12px; color:#878787;width:118px;} #language a, #language a:visited{color:#878787; text-decoration:none;} #language a:hover, #language a.selected{color:#000;} #language ul{list-style-type:none;} #language ul li{float:left} /* TITRE DES SECTIONS */ #title_page{color:#b8b8ba;} #title_page h2{font-size:18px; text-align:right; margin-top:10px;} /* INDEX */ #logo_index{text-align:center; margin:20px 0 40px 0;} #logo_index img{border:none;} #intro{width:100%; height:400px; margin-bottom:20px; background:transparent URL(../img_accueil/bg_index.jpg) no-repeat top center;} #content_intro{width:100%;/*width:780px; */margin:0 auto;} #flash_part{float:left; width:534px; height:400px; margin:0 auto;} #menu_langue_accueil{float:left; width:200px; height:400px; line-height:400px;} #menu_langue_accueil ul{list-style-type:none; width:172px; margin:0 auto;} #menu_langue_accueil ul li{float:left; width:85px;} #menu_langue_accueil a, #menu_langue_accueil a:visited{text-decoration:none; color:#666;} #menu_langue_accueil a:hover{color:#000;} /* MENU FR/EN */ /* FR */ #menu_fr img{border:none;} #menu_fr ul{list-style-type:none;} #menu_fr ul li a, #menu_fr ul li a:visited{background:transparent URL(../images/menu_fr.png) no-repeat top left;} /* UK */ #menu_en img{border:none;} #menu_en ul{list-style-type:none;} #menu_en ul li a, #menu_en ul li a:visited{background:transparent URL(../images/menu_en.png) no-repeat top left;} /* Action bouton */ .menu{width:135px; float:left;} .menu ul li#home a, .menu ul li#home a:visited{display:block; width:124px; height:18px; } .menu ul li#biography a, .menu ul li#biography a:visited{display:block; width:124px; height:18px; background-position:0 -18px;} .menu ul li#technic a, .menu ul li#technic a:visited{display:block; width:124px; height:19px; background-position:0 -36px;} .menu ul li#gallery a, .menu ul li#gallery a:visited{display:block; width:124px; height:21px; background-position:0 -55px;} .menu ul li#events a, .menu ul li#events a:visited{display:block; width:124px; height:18px; background-position:0 -76px;} .menu ul li#contact a, .menu ul li#contact a:visited{display:block; width:124px; height:16px; background-position:0 -94px;} .menu ul li#home a:hover, .menu ul li#home a.selected{background-position:-124px 0;} .menu ul li#biography a:hover, .menu ul li#biography a.selected{background-position:-124px -18px;} .menu ul li#technic a:hover, .menu ul li#technic a.selected{background-position:-124px -36px;} .menu ul li#gallery a:hover, .menu ul li#gallery a.selected{background-position:-124px -55px;} .menu ul li#events a:hover, .menu ul li#events a.selected{background-position:-124px -76px;} .menu ul li#contact a:hover, .menu ul li#contact a.selected{background-position:-124px -94px;} /* SOUS MENU GALERIE */ #submenu_fr, #submenu_en{float:left; margin-left:20px; /*margin-top:40px;*/} #submenu_fr img, #submenu_en img{border:none;} #submenu_fr ul, #submenu_en ul{list-style-type:none;} #submenu_fr ul li a, #submenu_fr ul li a:visited{background:transparent URL(../images/submenu_galerie_fr.png) no-repeat top left;} #submenu_en ul li a, #submenu_en ul li a:visited{background:transparent URL(../images/submenu_galerie_en.png) no-repeat top left;} #submenu_fr .submenu #creation a, #submenu_fr .submenu #creation a:visited, #submenu_en .submenu #creation a, #submenu_en .submenu #creation a:visited{display:block; width:210px; height:21px; background-position:0 0;} #submenu_fr .submenu #collaboration a, #submenu_fr .submenu #collaboration a:visited, #submenu_en .submenu #collaboration a, #submenu_en .submenu #collaboration a:visited{display:block; width:210px; height:21px; background-position:0 -21px;} #submenu_fr .submenu #creation a:hover, #submenu_fr .submenu #creation a.selected, #submenu_en .submenu #creation a:hover, #submenu_en .submenu #creation a.selected{background-position:-210px 0;} #submenu_fr .submenu #collaboration a:hover, #submenu_fr .submenu #collaboration a.selected, #submenu_en .submenu #collaboration a:hover, #submenu_en .submenu #collaboration a.selected{background-position:-210px -21px;} /* SOUS MENU EVENEMENTS */ #submenu_events_fr, #submenu_events_en {float:left; margin-left:20px; /*margin-top:50px;*/} #submenu_events_fr img, #submenu_events_en img{border:none;} #submenu_events_fr ul, #submenu_events_en ul{list-style-type:none;} #submenu_events_fr ul li a, #submenu_events_fr ul li a:visited{background:transparent URL(../images/submenu_events_fr.png) no-repeat top left;} #submenu_events_en ul li a, #submenu_events_en ul li a:visited{background:transparent URL(../images/submenu_events_en.png) no-repeat top left;} #submenu_events_fr .submenu #presse a, #submenu_events_fr .submenu #presse a:visited, #submenu_events_en .submenu #presse a, #submenu_events_en .submenu #presse a:visited{display:block; width:210px; height:20px; background-position:0 0;} #submenu_events_fr .submenu #expositions a, #submenu_events_fr .submenu #expositions a:visited, #submenu_events_en .submenu #expositions a, #submenu_events_en .submenu #expositions a:visited{display:block; width:210px; height:21px; background-position:0 -21px;} #submenu_events_fr .submenu #galeries_adresses a, #submenu_events_fr .submenu #galeries_adresses a:visited, #submenu_events_en .submenu #galeries_adresses a, #submenu_events_en .submenu #galeries_adresses a:visited{display:block; width:210px; height:23px; background-position:0 -41px;} #submenu_events_fr .submenu #presse a:hover, #submenu_events_fr .submenu #presse a.selected, #submenu_events_en .submenu #presse a:hover, #submenu_events_en .submenu #presse a.selected{background-position:-210px 0;} #submenu_events_fr .submenu #expositions a:hover, #submenu_events_fr .submenu #expositions a.selected, #submenu_events_en .submenu #expositions a:hover, #submenu_events_en .submenu #expositions a.selected{background-position:-210px -21px;} #submenu_events_fr .submenu #galeries_adresses a:hover, #submenu_events_fr .submenu #galeries_adresses a.selected, #submenu_events_en .submenu #galeries_adresses a:hover, #submenu_events_en .submenu #galeries_adresses a.selected{background-position:-210px -41px;} /* PRESSE AFFICHAGE DES VIGNETTES */ #content_evenements #content_text #img_press{list-style-type:none; height:420px; overflow:hidden;} #content_evenements #content_text #img_press li{float:left; margin:11px; width:200px; height:145px; text-align:center; background:transparent URL(../images/bg_press_vignette.jpg) no-repeat top left; border:1px solid #CCC;} #content_evenements #content_text #img_press li:hover{border:1px solid #fff;} #content_evenements #content_text #img_press li a img{border:none; margin-top:10px;} /* EXPOSITIONS / GALERIES */ #expos{/*height:450px;*/ height:410px; overflow:hidden;} #expos a, #expos a:visited{text-decoration:none; color:#000;} #expos a:hover{text-decoration:underline;} #expos dt{font-size:14px; font-weight:bold; padding:10px 0; text-align:center; margin-bottom:10px; /*border-bottom:1px dotted #666;*/} #expos dt .title_year{display:block; width:80px; height:30px; margin:0 auto; background-color:#EDEDED; line-height:30px;} #expos dd{margin:5px 0;} #expos h3{font-size:12px;} /* CROLL CONTENT BIO */ #content_bio{height:420px; overflow:hidden;} #content_bio p.epv img{float:left; margin:0 5px 0 0} #content_bio a, #content_bio a:visited{text-decoration:none; color:#000;} #content_bio a:hover{text-decoration:underline;} .btn_top{background:transparent URL(../images/btn_fleche_top.png) no-repeat top center; height:20px; background-position:center 0;} .btn_bottom{background:transparent URL(../images/btn_fleche_bottom.png) no-repeat top center; height:20px; background-position:bottom 0;} .btn_top:hover, .btn_bottom:hover{cursor:pointer; background-position: center -20px;} /* SECTION : Collections Particulières */ #content_collaboration ul.menu_left{list-style-type:none; margin:0; padding:0;} #content_collaboration ul.menu_left li{margin:0; padding:0;} #paco a, #paco a:visited{text-decoration:none; color:#000;} #paco a:hover{text-decoration:underline; color:#666;} /* FORMULAIRE DE CONTACT */ #bloc_left form{margin-top:20px;} #bloc_left form dt{float:left; width:165px; margin-bottom:10px;} #bloc_left form dd{float:left; width:100px; margin-bottom:10px;} #bloc_left form dd textarea{width:220px; border:1px solid #EDEDED;} #bloc_left form .required_field{width:220px; border:1px solid #000;} #bloc_left form .none_required_field{width:220px; border:1px solid #EDEDED;} #bloc_left form .empty_field{width:220px; border:1px solid red;} #bloc_left form #btn_submmit{width:158px; } #contact_error{padding:5px; background-color:#999; color:#FFF; margin-bottom:10px;} #contact_error ul{list-style-type:none; padding-left:15px;} /* BLOCK HEADER RIGHT */ #blocheader_right{float:right; width:50%;} /* FOOTER */ #footer{width:948px; margin:0 auto; font-size:10px; text-align:right; padding:10px 0; color:#797979;} #footer a, #footer a:visited{text-decoration:none; color:#797979;} #footer a:hover{color:#000;} /* CONTENT */ #content{width:100%; height:512px; background-color:#ededed;} #content #content_text{font-size:11px; width:675px; margin:0 auto; padding-top:20px; color:#686868;} #content #content_biography #content_text #bloc_right, #content #content_technique #content_text #bloc_right, #content #content_contact #content_text #bloc_right{float:left; width:222px; text-align:right;} #content #content_collaboration #bloc_right{float:left; width:150px; text-align:right;} #content #content_text #bloc_right img{margin-bottom:5px;} #content #content_text #bloc_left{float:left; width:425px; text-align:justify; margin-left:20px;} #content #content_text #bloc_left p{margin-bottom:10px;} #content #content_text #bloc_left img{border:none; margin-bottom:5px;} /* CONTENT PAGES */ #content_home{width:100%; height:512px;} #content_biography{width:100%; height:512px; background:transparent URL(../img_accueil/fond_bio.jpg) no-repeat top center;} #content_technique{width:100%; height:512px; background:transparent URL(../img_accueil/fond_tech.jpg) no-repeat top center;} #content_expositions{width:100%; height:512px; background:transparent URL(../img_accueil/fond_expo.jpg) no-repeat top center;} #content_galeries{width:100%; height:512px; background:transparent URL(../img_accueil/fond_galerie.jpg) no-repeat top center;} #content_collaboration{width:100%; height:512px; background:transparent URL(../img_accueil/fond_collaboration.jpg) no-repeat top center;} #content_evenements{width:100%; height:512px; background:transparent URL(../img_accueil/fond_press.jpg) no-repeat top center;} #content_contact{width:100%; height:512px; background:transparent URL(../img_accueil/fond_contact.jpg) no-repeat top center;}/* Template Ada Loumani Design : Frantz - www.vds-communication.com */ /* GENERALITEES */ *{margin:0; padding:0;} body{font-family:Verdana, Arial, Helvetica, sans-serif;} fieldset{border:none;} .black{font-weight:bold; color:#000;} .hide{display:none;} .clear{clear:both;} /* PAGE Conteneur */ #page{width:100%; margin-top:5px;} /* HEADER */ #header{width:948px; margin:0 auto 10px auto;} #logo{text-align:right;} #logo img{border:none;} /* BLOCK HEADER LEFT */ #blocheader_left{float:left; width:50%;} /* MENU DE LANGUES */ #language{float:right; font-size:12px; color:#878787;width:118px;} #language a, #language a:visited{color:#878787; text-decoration:none;} #language a:hover, #language a.selected{color:#000;} #language ul{list-style-type:none;} #language ul li{float:left} /* TITRE DES SECTIONS */ #title_page{color:#b8b8ba;} #title_page h2{font-size:18px; text-align:right; margin-top:10px;} /* MENU FR/EN */ /* FR */ #menu_fr img{border:none;} #menu_fr ul{list-style-type:none;} #menu_fr ul li a, #menu_fr ul li a:visited{background:transparent URL(../images/menu_fr.png) no-repeat top left;} /* UK */ #menu_en img{border:none;} #menu_en ul{list-style-type:none;} #menu_en ul li a, #menu_en ul li a:visited{background:transparent URL(../images/menu_en.png) no-repeat top left;} /* Action bouton */ .menu{width:135px; float:left;} .menu ul li#home a, .menu ul li#home a:visited{display:block; width:124px; height:18px; } .menu ul li#biography a, .menu ul li#biography a:visited{display:block; width:124px; height:18px; background-position:0 -18px;} .menu ul li#technic a, .menu ul li#technic a:visited{display:block; width:124px; height:19px; background-position:0 -36px;} .menu ul li#gallery a, .menu ul li#gallery a:visited{display:block; width:124px; height:21px; background-position:0 -55px;} .menu ul li#events a, .menu ul li#events a:visited{display:block; width:124px; height:18px; background-position:0 -76px;} .menu ul li#contact a, .menu ul li#contact a:visited{display:block; width:124px; height:16px; background-position:0 -94px;} .menu ul li#home a:hover, .menu ul li#home a.selected{background-position:-124px 0;} .menu ul li#biography a:hover, .menu ul li#biography a.selected{background-position:-124px -18px;} .menu ul li#technic a:hover, .menu ul li#technic a.selected{background-position:-124px -36px;} .menu ul li#gallery a:hover, .menu ul li#gallery a.selected{background-position:-124px -55px;} .menu ul li#events a:hover, .menu ul li#events a.selected{background-position:-124px -76px;} .menu ul li#contact a:hover, .menu ul li#contact a.selected{background-position:-124px -94px;} /* SOUS MENU GALERIE */ #submenu_fr, #submenu_en{float:left; margin-left:20px; /*margin-top:40px;*/} #submenu_fr img, #submenu_en img{border:none;} #submenu_fr ul, #submenu_en ul{list-style-type:none;} #submenu_fr ul li a, #submenu_fr ul li a:visited{background:transparent URL(../images/submenu_galerie_fr.png) no-repeat top left;} #submenu_en ul li a, #submenu_en ul li a:visited{background:transparent URL(../images/submenu_galerie_en.png) no-repeat top left;} #submenu_fr .submenu #creation a, #submenu_fr .submenu #creation a:visited, #submenu_en .submenu #creation a, #submenu_en .submenu #creation a:visited{display:block; width:210px; height:21px; background-position:0 0;} #submenu_fr .submenu #collaboration a, #submenu_fr .submenu #collaboration a:visited, #submenu_en .submenu #collaboration a, #submenu_en .submenu #collaboration a:visited{display:block; width:210px; height:21px; background-position:0 -21px;} #submenu_fr .submenu #creation a:hover, #submenu_fr .submenu #creation a.selected, #submenu_en .submenu #creation a:hover, #submenu_en .submenu #creation a.selected{background-position:-210px 0;} #submenu_fr .submenu #collaboration a:hover, #submenu_fr .submenu #collaboration a.selected, #submenu_en .submenu #collaboration a:hover, #submenu_en .submenu #collaboration a.selected{background-position:-210px -21px;} /* SOUS MENU EVENEMENTS */ #submenu_events_fr, #submenu_events_en {float:left; margin-left:20px; /*margin-top:50px;*/} #submenu_events_fr img, #submenu_events_en img{border:none;} #submenu_events_fr ul, #submenu_events_en ul{list-style-type:none;} #submenu_events_fr ul li a, #submenu_events_fr ul li a:visited{background:transparent URL(../images/submenu_events_fr.png) no-repeat top left;} #submenu_events_en ul li a, #submenu_events_en ul li a:visited{background:transparent URL(../images/submenu_events_en.png) no-repeat top left;} #submenu_events_fr .submenu #presse a, #submenu_events_fr .submenu #presse a:visited, #submenu_events_en .submenu #presse a, #submenu_events_en .submenu #presse a:visited{display:block; width:210px; height:20px; background-position:0 0;} #submenu_events_fr .submenu #expositions a, #submenu_events_fr .submenu #expositions a:visited, #submenu_events_en .submenu #expositions a, #submenu_events_en .submenu #expositions a:visited{display:block; width:210px; height:21px; background-position:0 -21px;} #submenu_events_fr .submenu #galeries_adresses a, #submenu_events_fr .submenu #galeries_adresses a:visited, #submenu_events_en .submenu #galeries_adresses a, #submenu_events_en .submenu #galeries_adresses a:visited{display:block; width:210px; height:23px; background-position:0 -41px;} #submenu_events_fr .submenu #presse a:hover, #submenu_events_fr .submenu #presse a.selected, #submenu_events_en .submenu #presse a:hover, #submenu_events_en .submenu #presse a.selected{background-position:-210px 0;} #submenu_events_fr .submenu #expositions a:hover, #submenu_events_fr .submenu #expositions a.selected, #submenu_events_en .submenu #expositions a:hover, #submenu_events_en .submenu #expositions a.selected{background-position:-210px -21px;} #submenu_events_fr .submenu #galeries_adresses a:hover, #submenu_events_fr .submenu #galeries_adresses a.selected, #submenu_events_en .submenu #galeries_adresses a:hover, #submenu_events_en .submenu #galeries_adresses a.selected{background-position:-210px -41px;} /* PRESSE AFFICHAGE DES VIGNETTES */ #content_evenements #content_text #img_press{list-style-type:none; height:420px; overflow:hidden;} #content_evenements #content_text #img_press li{float:left; margin:11px; width:200px; height:145px; text-align:center; background:transparent URL(../images/bg_press_vignette.jpg) no-repeat top left; border:1px solid #CCC;} #content_evenements #content_text #img_press li:hover{border:1px solid #fff;} #content_evenements #content_text #img_press li a img{border:none; margin-top:10px;} /* EXPOSITIONS / GALERIES */ #expos{/*height:450px;*/ height:410px; overflow:hidden;} #expos a, #expos a:visited{text-decoration:none; color:#000;} #expos a:hover{text-decoration:underline;} #expos dt{font-size:14px; font-weight:bold; padding:10px 0; text-align:center; margin-bottom:10px; /*border-bottom:1px dotted #666;*/} #expos dt .title_year{display:block; width:80px; height:30px; margin:0 auto; background-color:#EDEDED; line-height:30px;} #expos dd{margin:5px 0;} #expos h3{font-size:12px;} /* CROLL CONTENT BIO */ #content_bio{height:420px; overflow:hidden;} #content_bio p.epv img{float:left; margin:0 5px 0 0} #content_bio a, #content_bio a:visited{text-decoration:none; color:#000;} #content_bio a:hover{text-decoration:underline;} .btn_top{background:transparent URL(../images/btn_fleche_top.png) no-repeat top center; height:20px; background-position:center 0;} .btn_bottom{background:transparent URL(../images/btn_fleche_bottom.png) no-repeat top center; height:20px; background-position:bottom 0;} .btn_top:hover, .btn_bottom:hover{cursor:pointer; background-position: center -20px;} /* SECTION : Collections Particulières */ #content_collaboration ul.menu_left{list-style-type:none; margin:0; padding:0;} #content_collaboration ul.menu_left li{margin:0; padding:0;} /* FORMULAIRE DE CONTACT */ #bloc_left form{margin-top:20px;} #bloc_left form dt{float:left; width:165px; margin-bottom:10px;} #bloc_left form dd{float:left; width:100px; margin-bottom:10px;} #bloc_left form dd textarea{width:220px; border:1px solid #EDEDED;} #bloc_left form .required_field{width:220px; border:1px solid #000;} #bloc_left form .none_required_field{width:220px; border:1px solid #EDEDED;} #bloc_left form .empty_field{width:220px; border:1px solid red;} #bloc_left form #btn_submmit{width:158px; } #contact_error{padding:5px; background-color:#999; color:#FFF; margin-bottom:10px;} #contact_error ul{list-style-type:none; padding-left:15px;} /* BLOCK HEADER RIGHT */ #blocheader_right{float:right; width:50%;} /* FOOTER */ #footer{width:948px; margin:0 auto; font-size:10px; text-align:right; padding:10px 0; color:#797979;} #footer a, #footer a:visited{text-decoration:none; color:#797979;} #footer a:hover{color:#000;} /* CONTENT */ #content{width:100%; height:512px; background-color:#ededed;} #content #content_text{font-size:11px; width:675px; margin:0 auto; padding-top:20px; color:#686868;} #content #content_biography #content_text #bloc_right, #content #content_technique #content_text #bloc_right, #content #content_contact #content_text #bloc_right{float:left; width:222px; text-align:right;} #content #content_collaboration #bloc_right{float:left; width:150px; text-align:right;} #content #content_text #bloc_right img{margin-bottom:5px;} #content #content_text #bloc_left{float:left; width:425px; text-align:justify; margin-left:20px;} #content #content_text #bloc_left p{margin-bottom:10px;} #content #content_text #bloc_left img{border:none; margin-bottom:5px;} /* CONTENT PAGES */ #content_home{width:100%; height:512px;} #content_biography{width:100%; height:512px; background:transparent URL(../img_accueil/fond_bio.jpg) no-repeat top center;} #content_technique{width:100%; height:512px; background:transparent URL(../img_accueil/fond_tech.jpg) no-repeat top center;} #content_expositions{width:100%; height:512px; background:transparent URL(../img_accueil/fond_expo.jpg) no-repeat top center;} #content_galeries{width:100%; height:512px; background:transparent URL(../img_accueil/fond_galerie.jpg) no-repeat top center;} #content_collaboration{width:100%; height:512px; background:transparent URL(../img_accueil/fond_collaboration.jpg) no-repeat top center;} #content_evenements{width:100%; height:512px; background:transparent URL(../img_accueil/fond_press.jpg) no-repeat top center;} #content_contact{width:100%; height:512px; background:transparent URL(../img_accueil/fond_contact.jpg) no-repeat top center;}