/* CSS Document --------------------------------------------------------------------------------*/ /* Mise en forme du site "Agence antoine événements" --------------------------------------------------------*/ /* www.iris-interactive.fr ---------------------------------------------------------------------*/ * {margin:0;padding:0;} html {padding:0;margin:0;} body {background:#000000;font-size:11px;height:100%;font-family:'Trebuchet MS';line-height:150%;color:#ffffff;} #main {background: url(../images/bg_main.jpg) no-repeat 50% 0 ; margin:0 auto;min-height:950px;} #main.interne {background: url(../images/bg_main.jpg) no-repeat 50% 0 ; margin:0 auto;min-height:850px;} #main1 {margin: 0 auto;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de la position du halo */ /* -------------------------------------------------------------------------------------------- */ #main2 {background:url(../images/bg_main2.png) no-repeat 0 0;position:absolute;z-index:0;} #main2.accueil {top:109px; left:-230px;width:804px;width:804px; min-height:600px;z-index:0;} #main2.basique {display:none;} #main2.nos-metiers {top:340px; left:380px;min-width:630px; min-height:600px;z-index:0; } #main2.ici {top:-150px; left:390px;min-width:630px; min-height:650px;z-index:0;} #main2.orga {top:360px; left:390px;min-width:630px; min-height:650px;z-index:0;} #page {position:relative;margin:0 auto;width:1000px;/*min-height:1200px;*/} #global {position:relative; z-index:6;} #content {width:960px;margin: 0 auto; position:relative; z-index:6;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des classes génériques */ /* -------------------------------------------------------------------------------------------- */ .spacer {width:100%;clear:both;font-size:1px;height:1px;} .img-right {float:right;display:block;margin:0 0 5px 10px;} .img-left {float:left;display:block;margin:0 10px 5px 0;} img {border:0;} /*img:hover {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}*/ .center {text-align:center !important;} .right {text-align:right !important;} .left {text-align:left !important;} .valign {vertical-align:middle;} .mt {margin-top:6px;} .border {border:2px solid #96946B;} .italique {font-style:italic;} .underline {text-decoration:underline;} .fL {float:left;} .fR {float:right;} .v-middle {padding:auto 0;} a {text-decoration:none;color:#d2d94c;} .linked a {color:#4cb5e2;} li {list-style-type:none; padding:0; margin:0; text-decoration:none; list-style:none;} ul {padding:0; margin:0;} .inline {display:inline;} .red {color:#8D090B;} select {margin-bottom:6px;border-top:#acadb3 solid 1px;border-bottom:#dbdfe6 solid 1px;border-left:#dbdfe6 solid 1px;border-right:#dbdfe6 solid 1px;} input[type="radio"] {vertical-align:middle;margin-right:4px;margin-top:-3px;} input[type="checkbox"] {vertical-align:middle;margin-right:4px;margin-top:-3px;} input.alert {border-color:#820E11;border-width:2px;border-style:solid;} fieldset {border:none;} .clear {clear:both;} .hide {font-size:14px;position:absolute;line-height:0px;z-index:-5;color:transparent;} .transparent{ background:0;border:none;color:#ffffff;} .MAJ {text-transform:uppercase; font-weight:bold;} .top {margin-top:24px;} .central {margin: 10px 0;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des classes propriétaires */ /* -------------------------------------------------------------------------------------------- */ .bleu {color:#4cb5e2;} .vert {color:#d2d94c;} .violet {color:#4b2d70;} .noir {color:#000000;} .blanc {color:#ffffff;} .gris {color:#333333} .hover {/*filter:alpha(opacity=100);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; cursor:default;cursor:pointer;*/} .ici {background:url(../images/li-ici.png) no-repeat 0 0; height:27px; overflow:hidden;} .ici:hover { background-position: 0 -27px;} .la {background:/*#3d2f35*/ url(../images/li-la.png) no-repeat right 0; height:27px; overflow:hidden; text-align:right;} .la:hover { background-position: right -27px;} .la a {color:#4cb5e2;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de la classe sélection de textes */ /* -------------------------------------------------------------------------------------------- */ ::-moz-selection {background:transparent; color:#d2d94c; } ::selection {background:transparent; color:#d2d94c; } code::-moz-selection {background:transparent; color:#d2d94c;} code::selection {background:transparent; color:#d2d94c;} .XS {font-size:10px;} .S {font-size:11px;} .normal {font-size:12px;} .M {font-size:13px;} .L {font-size:14px;} .LL {font-size:18px;} .XL {font-size:24px;line-height:normal;} .XXL {font-size:30px; margin: 40px 0 14px 0;line-height:normal;} .XXXL {font-size:30px; margin: 0px 0 14px 0;line-height:normal;} .letter {letter-spacing:-0.4pt;} li.AE {background:url(../images/bg_li_AE.png) no-repeat 0 3px;padding-left:16px;margin-left:20px;margin-bottom:4px;} ul.encart1 {background: url(../images/bg_encart1.png) no-repeat 0 0px; padding: 12px 0 0 100px;margin-bottom:14px;} ul.encart2 {background: url(../images/bg_encart2.png) no-repeat 0 0px; padding: 12px 0 0 100px;margin-bottom:14px;} ul.encart3 {background: url(../images/bg_encart3.png) no-repeat 0 0px; padding: 12px 0 0 100px;margin-bottom:40px;} li.encart1 {background: url(../images/bg_encart1.png) no-repeat 0 0px; padding: 12px 0 0 120px;margin-bottom:14px;} li.encart2 {background: url(../images/bg_encart2.png) no-repeat 0 0px; padding: 12px 0 0 120px;margin-bottom:14px;} li.encart3 {background: url(../images/bg_encart3.png) no-repeat 0 0px; padding: 12px 0 0 120px;margin-bottom:40px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables à l'entête */ /* -------------------------------------------------------------------------------------------- */ #header {width:1000px;min-height:96px;overflow:hidden;margin:0 auto; position:relative;} #header #logo { position:absolute;z-index:25; top:0px;} #header #newsletter {position:absolute;z-index:26;top:0;left:560px;top:7px;} #header #tool_box {position:absolute;z-index:27;top:0;left:716px;width:284px;} #header #tool_box #tool {background:url(../images/bg_tool.png) no-repeat 0 bottom;width:84px;height:26px;} #header #tool_box #tool ul {margin: 0 0 0 12px;} #header #tool_box #tool ul li {margin: 8px 6px 0 0;} #header #tool_box #recherche {background:url(../images/bg_recherche.png) no-repeat 0 bottom;width:150px;height:26px;} #header #tool_box #recherche li#input_recherche {margin: 10px 10px 0 20px;} #header #tool_box #recherche li#btn_ok {margin: 12px 0 0 0;} #header #tool_box #recherche input[type=text] {width:84px;font-size:10px;text-align:left;} #navigation {width:100%;height:96px;position:absolute;z-index:21;top:0;left:0;} #navigation embed {width:100%;height:96px; z-index:21;} #menuOver1, #menuOver2, #menuOver3, #menuOver4, #menuOver5, #menuOver6 {margin:0 auto;position:relative;display:none;z-index:10;width:400px;} #menuOver1 {top:0;left:-20px;} #menuOver2 {top:0;left:90px;} #menuOver3 {top:0;left:190px;} #menuOver4 {} #menuOver5 {} #menuOver6 {} #menuOver1 ul.level1, #menuOver2 ul.level1, #menuOver3 ul.level1, #menuOver4 ul.level1, #menuOver5 ul.level1, #menuOver6 ul.level1 {margin:0 auto;position:absolute;top:0;left:0;background:url(../images/opacity.png);padding-bottom:10px;border-bottom:#aaaaaa 1px solid;} #menuOver1 li.level1, #menuOver2 li.level1, #menuOver3 li.level1, #menuOver4 li.level1, #menuOver5 li.level1, #menuOver6 li.level1 {margin:8px 16px auto 0;height:18px;padding-top:7px;padding-left:34px;font-weight:bold;text-transform:uppercase;font-size:12px; overflow:hidden; letter-spacing:-0.2px;cursor:pointer;} #menuOver1 li.level2, #menuOver2 li.level2, #menuOver3 li.level2, #menuOver4 li.level2, #menuOver5 li.level2, #menuOver6 li.level2 {margin:2px 0;height:21px;padding: 7px 34px 4px 8px;font-weight:bold;text-transform:uppercase;font-size:12px; overflow:hidden; letter-spacing:-0.2px; cursor:pointer;} .more {background: url(../images/bg_li_more.png) no-repeat 0 0;width:28px; height:29px;cursor:pointer;display:block;position:relative;margin:4px 16px auto 0;padding-top:7px;padding-left:34px;font-weight:bold;text-transform:uppercase;font-size:12px; overflow:hidden; letter-spacing:-0.2px;} .more span {width:28px; height:44px;cursor:pointer;position:absolute; top:0; right:0; z-index:1000;} /*.moreLink {display:none;right:0;margin-right:14px;}*/ ul.moreLink {position:absolute;top:31px;left:-999em;margin-right:0px; background:url(../images/opacity.png);} li:hover ul.moreLink, li.sfhover ul.moreLink {left:auto;right:0;min-height: 0; width:300px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables au pied de page */ /* -------------------------------------------------------------------------------------------- */ #foot {position:relative;background:#46531d url(../images/bg_footer.jpg) repeat-x center bottom ;width:100%;bottom:0;height:66px;font-size:10px;color:#ffffff;z-index:100;} #footer_content {width:960px;margin: 0 auto;text-align:center;} #footer_content p {width:960px; line-height:64px;} #footer_content a {color:#FFFFFF;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des structures page d'accueil */ /* -------------------------------------------------------------------------------------------- */ #global {background:url(../images/bg_global.png) no-repeat 50% 30px;} #global .accueil {margin: 311px auto 0 auto; cursor:default;} #global .basique {margin: 196px auto 0 auto;} #global.nos-metiers {margin: 196px auto 0 auto;} #fil-arianne {height:16px; text-transform:uppercase;font-weight:bold; padding-top:4px; margin-left:8px;} #fil-arianne a {color:#d2d94c;} #ligne1 {margin:0 0 16px 0;background:url(../images/bg_organisation_agence-artistique.png) no-repeat 292px -24px;overflow:hidden;} #ligne1 .bloc320 {height:232px;width:320px; margin-top:40px;} #ligne2 .bloc320 {height:204px;width:320px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables aux bloc320 */ /* -------------------------------------------------------------------------------------------- */ .bloc320 {background:url(../images/bg_foot-col_320.png) no-repeat center bottom;height:9px; width:320px;} p.big {font-size:16px; text-transform:uppercase;font-weight:bold;} p.small {font-size:13px; text-transform:uppercase;font-weight:bold;} #ligne1 .bloc320 p { line-height:18px;width:230px;font-size:10px;} #ligne1 #video {heigth:254px; margin-top:16px; overflow:hidden;} #ligne1 .bloc320#video {height:256px;} #ligne1 .bloc320#video .titre {margin-left:12px;} #ligne1 #player {background:#000000;width:288px;margin:0 auto;} #ligne1 #organisation .titre {padding-left:22px;} #ligne1 #organisation p {margin:16px 0 0 48px;} #ligne1 #agence-artistique .titre {padding-left:26px;} #ligne1 #agence-artistique p { margin:16px 0 0 48px;} #ligne2 #carte-de-visite .mid {width:279px;height:152px;margin: 7px auto auto auto;} #ligne2 #demande-de-devis {position:relative;} #ligne2 #demande-de-devis p {letter-spacing:-1px;width:260px;} #ligne2 #demande-de-devis .mid {position:absolute; bottom:0; left:25px;width:270px;} #ligne2 #demande-de-devis .mid img {margin-top:32px;} #ligne2 #reference {position:relative;height:203px;overflow:hidden;} #ligne2 #reference #slide {margin: 24px auto 0 auto; width:280px; height:140px; overflow:hidden; position:relative; bottom:0;} #ligne2 #reference .occurence {position:relative; margin: 10px 3px; width:63px; height:63px; overflow:hidden;} #ligne2 #reference .cache {position:absolute;background: url(../images/cache_logo-ref.png) no-repeat; width:63px; height:63px; z-index:4;} #ligne2 #reference .photo {background:url(../images/bg_logo-ref.png) no-repeat 0 0; width:67px; height:66px; overflow:hidden;} #ligne2 #reference .photo img {width:52px;overflow:hidden;margin:6px;} #ligne2 #reference #slide .items {position:absolute;height:20000em;clear:both;} #ligne2 #reference .vertical {position:relative;overflow:hidden;height: 68px;width:278px;} #ligne2 #reference .items {position:absolute;height:20000em;} #ligne2 #reference .items div {height:66px; overflow:hidden;} #ligne2 #reference .disabled {visibility:hidden;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables à l'animation */ /* -------------------------------------------------------------------------------------------- */ #animation {width:100%;position:absolute;top:96px;height:311px; overflow:hidden;left:0; z-index:2;} #animation embed {width:100%;height:311px; z-index:3;} .basique#animation {background:url(../images/bg_anim-int.png) no-repeat 50% 0;height:196px; display:block;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables au carrousel */ /* -------------------------------------------------------------------------------------------- */ #carrousel-conteneur {position:relative;width:100%;position:absolute;top:96px;height:311px; overflow:hidden;left:0; visibility:hidden;z-index:2;} #carrousel-conteneur .foot {width:100%;height:10px;background: url(../images/cache_carrousel-conteneur-foot.png) no-repeat center 0; bottom:0; position:absolute;z-index:21;left:0;} #carrousel-conteneur .head {width:100%;height:9px;background: url(../images/cache_carrousel-conteneur-head.png) no-repeat center 0;position:absolute;z-index:20; left:0;} #carrousel-conteneur .mid {width:960px;height:311px; background:#000000 center center; margin: 0 auto;filter:alpha(opacity=12);-moz-opacity:0.12;-khtml-opacity: 0.12;opacity: 0.12; position:relative; z-index:5;} #carrousel {width:928px;height:311px; margin: 0 auto; overflow:hidden;} #carrousel .scrollable {position:relative;overflow:hidden;height:311px;width:928px;} #news {width:20000em;position:absolute; clear:both;} #carrousel .objet-carrousel {position:relative;background:#ffffff; border-right:#707173 1px solid;width:231px;height:311px;overflow:hidden; z-index:12;} #carrousel .objet-carrousel .photo {width:221px; height:150px; overflow:hidden; margin: 8px auto 4px auto; background:#000000} #carrousel .objet-carrousel .titre {width:221px; margin: 0 auto; font-size:16px; text-transform:uppercase; font-weight:bold;} #carrousel .objet-carrousel .texte {width:221px; height:46px; margin: 0 auto; overflow:hidden; } #carrousel .objet-carrousel .btn {position:absolute;top:268px;right:8px;width:85px;height:17px;} #nav_carrousel { position:absolute; top:0;width:100%; z-index:8;} #nav_carrousel ul {width:960px; margin: 0 auto; position:relative; z-index:10;} #precedent {background: url(../images/btn_arrow-left.png) no-repeat 0 0;position:absolute;top:154px;left:0; cursor:pointer; width:15px; height:53px;} #suivant {background: url(../images/btn_arrow-right.png) no-repeat;position:absolute;top:154px;right:0; cursor:pointer; width:15 px; height:53px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles applicables à l'extranet */ /* -------------------------------------------------------------------------------------------- */ #extranet {position:relative; margin: 0 auto; z-index:10;width:100%;height:311px;} #extranet_content {background:url(../images/bg_extranet.png) no-repeat 0 0;height:63px;position:relative; z-index:3;width:1004px;height:313px; margin:0 auto;overflow:hidden;} #extranet_content.connected {background:url(../images/bg_extranet-connected.png) no-repeat 0 0;height:63px;position:relative; z-index:3;width:1004px;height:313px; margin:0 auto;overflow:hidden;} #extranet #edito {margin:148px 0 0 394px;} #extranet #edito p {text-transform:uppercase; font-weight:bold; font-size:14px; width:290px;} #extranet #edito p.titre {text-align:center;} #extranet #edito p.big {font-size:16px;} #extranet #edito span.small {font-size:13px;} #extranet #edito p.galerieWORD {margin:16px 0 0 71px;width:40px;} #extranet #edito p.photosWORD {margin: 0 0 0 175px;width:40px;} #extranet #edito p.videosWORD {margin: 0 0 0 118px;width:40px;} #extranet #login {position:relative;width:110px;margin:154px 0 0 48px;} #extranet #login li {margin-bottom:8px;} #extranet #login input.nom {font-weight:bold; width:108px;margin-top:2px;} #extranet #login input.password {width:108px;} input[type="text"].off {background: url(../images/bg_input-password.png) no-repeat 0 0;border:0;} input[type=text].on{background:none;height:18px;border-top:#acadb3 solid 1px;border-bottom:#dbdfe6 solid 1px;border-left:#dbdfe6 solid 1px;border-right:#dbdfe6 solid 1px;} #extranet #login input.btn_entrer { width:49px; height:16px;} #cartouche {position:relative;width:100%;height:63px; background:#ffffff; z-index:2; top:-63px;} .galerie {width:960px; margin:0 auto; min-height:480px;} .galerie .Galerie_top {width:940px; margin:18px auto;} .galerie .Galerie_top li.niv1 {background:#ffffff;width:289px; margin:0 12px;text-align:center;padding-top:12px;} .galerie .Galerie_top li.niv1 img:hover {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;} .galerie .Galerie_top li.niv1 h3 {width:260px;margin:0 auto;text-align:left;} .galerie .Galerie_top li.niv1 ul {width:260px;margin:0 auto;text-align:left;} .galerie .Galerie_top li.niv1 li {text-align:left;height:25px;} .galerie .Galerie_top li.niv1 li.video {margin-left:12px;} .galerie .Galerie_top li.niv1 li span {line-height:12px; vertical-align:text-top;} .galerie .Galerie_top li.niv2 img {text-align:left;} .galerie .Galerie_top p {width:260px;margin:10px auto;} #extranet #messageBienvenue {position:absolute;width:160px;top:2px;left:-26px;} #extranet #messageBienvenue p {float:left;margin-right:2px;} #extranet #retour_extranet {position:absolute;clear:both;top:51px;left:0;} #extranet #retour_extranet img {width:50px;height:20px;} #extranet #deconnexion {position:absolute;top:92px;left:-26px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles Thickbox */ /* -------------------------------------------------------------------------------------------- */ #TB_overlay { position: fixed; z-index:1001; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack { background:url(../images/macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } #TB_window { position: fixed; z-index: 1002; color:#000; display:none; text-align:left; top:50%; left:50%; } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption {display:none;} #TB_closeAjaxWindow a {position:absolute;z-index:1003; top:168px; right:136px; display:block; background:url(../images/btn_close-popup.png) no-repeat; width:17px; height:17px; } #TB_ajaxContent { clear:both; overflow:hidden; text-align:left; } #TB_ajaxContent.TB_modal { padding:15px; } #TB_load { position: fixed; display:none; height:13px; width:208px; z-index:1003; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect { z-index:1000; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles pop-up Newsletter */ /* -------------------------------------------------------------------------------------------- */ #pop-up_newsletter { background:url(../images/bg_pop-up-newsletter.png) no-repeat 0 0; width:720px; height:480px; position:relative; padding: 272px 0 0 276px;} #pop-up_newsletter input[type=text] {color:#000000; width:178px; height:18px; font-weight:bold;padding:6px;} #pop-up_newsletter li#btn_abonner { width:94px; height:30px; margin:0px; background:url(../images/btn_abonner.png) no-repeat 5px 8px;} #pop-up_newsletter li#btn_abonner input {width:94px; height:30px; margin:0px;background:none;border:none;cursor:pointer;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles pop-up Galleries */ /* -------------------------------------------------------------------------------------------- */ /* .apple_overlay {display:none;background: url(../images/opacity.png);width:100%;height:100%;font-size:11px;} */ .apple_overlay {display:none;background:transparent url(../images/opacity2.png) repeat 0 0 !important; width:100%;height:100%;font-size:11px;} .apple_overlay .close {background:url(../images/btn_close-popup.png) no-repeat;position:absolute; right:5px; top:5px;cursor:pointer;height:35px;width:35px;} #overlay {color:#efefef;width:100%;height:100%;top:0px;z-index:20000;} div.contentWrap {margin:0 auto;width:960px;height:600px;} div.contentWrap #pop-up_gallerie { text-align:center;} div.contentWrap #pop-up_gallerie h3 { text-align:left; padding-left:20px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations de styles pop-up Galleries */ /* -------------------------------------------------------------------------------------------- */ div.contentWrap #pop-up_gallerie #uploadList { background-color:#FFFFFF; float:right; height:670px; padding:10px 5px; width:140px } div.contentWrap #pop-up_gallerie #uploadList h4 { font-size:10px; font-weight:normal; text-align:left; } div.contentWrap #pop-up_gallerie #uploadList ul { display:block; height:650px; margin-top:5px; overflow:auto; } div.contentWrap #pop-up_gallerie #uploadList ul li { background-color:#F0F0F0; display:block; float:left; margin:2px 4px 2px 0; } div.contentWrap #pop-up_gallerie #uploadList ul li a { background:url("../images/picture.png") no-repeat scroll 2px -2px #F0F0F0; color:#000000; display:block; font-weight:bold; height:23px; padding:7px 6px 2px 36px; text-align:center; width:15px; } div.contentWrap #pop-up_gallerie #uploadList ul li a:hover { background-color:#D2D94C; color:#FFFFFF; } /* -------------------------------------------------------------------------------------------- */ /* Déclarations des structures page 2 col */ /* -------------------------------------------------------------------------------------------- */ .nos-metiers .col1 {width:464px; margin-top:28px; padding: 0 12px;} .nos-metiers .col1 h1 {margin-bottom:24px;} .nos-metiers .col1 ul {margin-top:14px;} .actu {width:420px; margin: 0 auto;} .nos-metiers .col2 {width:448px; margin-top:28px;} .nos-metiers .col2 .ligne1 {width:344px; margin-left:116px;} .nos-metiers .col2 .ligne2 {width:344px; margin-left:116px;padding-top:50px;} .nos-metiers .col2 #video { background:url(../images/bg_foot-col_320.png) no-repeat 50% 222px;} .nos-metiers .col2 .ouca {min-height:300px;} .nos-metiers .col2 .ligne2 h3 { margin:12px 0 10px 0;} .nos-metiers .col2 .ligne2 #carte { background:url(../images/bg_foot-col_320.png) no-repeat 50% 143px;} .col2 .ligne1 h3, .col2 .ligne2 h3 {font-size:12px;} .nos-metiers ul.col {margin-top:0;} .archive {width:456px; margin-left:12px;} .archive h4 {font-size:11px;} h3.archiveTitre {width:360px;margin: 20px 0 30px 120px;} .archive li {margin-bottom:22px;} .mentionLegales {width:900px;margin:12px auto 60px auto;} .plan-du-site {width:900px;margin:12px auto 60px auto;} .plan-du-site div {margin: 8px 0 12px 14px;} .plan-du-site .sitemap {margin-left:14px;} .plan-du-site h2.ici {padding: 6px 0 0 32px;height:18px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des classes page références */ /* -------------------------------------------------------------------------------------------- */ .REF_top {width:944px;margin:24px auto 0 auto;} .REF_top li {width:210px;overflow:hidden;margin:12px 3px;background:url(../images/bg_logo-refXL.png) no-repeat 0 0;padding: 6px 10px 2px 10px;} .REF_top li p {margin:4px auto 0 auto;height:30px;overflow:hidden;line-height:14px;} .REF_top li img {width:210px;margin-bottom:6px;} .REF_etaussi {width:944px;margin:0 auto;} .RefM {width:100px;61px;overflow:hidden;margin-right:6px;background:url(../images/bg_logo-refM.png) no-repeat 0 0;padding:5px;} .RefM img {width:100px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des classes des étiquettes */ /* -------------------------------------------------------------------------------------------- */ .cestca { background:url(../images/bg_col2_ligne1_agence-artistique.png) no-repeat 0 0;height:112px;min-height:461px;} .ouca { background:url(../images/bg_col2_ligne2_agence-artistique.png) no-repeat 0 0;height:112px;min-height:427px;} .cestici { background:url(../images/bg_col2_ligne2_ici.png) no-repeat 0 0;height:112px;min-height:427px;} .cestca2 { background:url(../images/bg_col2_cetca2.png) no-repeat 0 0;height:115px;min-height:461px;} .etaussi { background:url(../images/bg_col2_ligne2_etaussi.png) no-repeat 0 0;height:115px;min-height:461px;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des styles du formulaire projet /* -------------------------------------------------------------------------------------------- */ #formulaire_projet {width:464px;margin-top:26px; font-size:12px;} #formulaire_projet li{display:block;margin:4px 0 8px 0;width:247px;} #formulaire_projet li.col2{width:214px;} #formulaire_projet li.full {clear:both;margin-bottom:6px;width:462px;} #formulaire_projet li.right{text-align:left !important;} #formulaire_projet li label {display:block;float:left;padding:0 3px;text-align:right;width:95px;} #formulaire_projet li.col2 label{width:62px;} #formulaire_projet input[type="text"] {border:#d2d94c 1px solid; background:#ffffff url(../images/bg_input-text.jpg) repeat-x; height:16px; margin-left:4px;color:#000000; position:relative;} #formulaire_projet select {border:#d2d94c 1px solid; background:#ffffff url(../images/bg_input-text.jpg) repeat-x; height:20px; margin-left:4px;color:#000000; position:relative;font-weight:bold;font-size:12px;} #formulaire_projet select:focus {border:#4cb5e2 1px solid;} #formulaire_projet input[type="text"]:focus {border:#4cb5e2 1px solid;} #formulaire_projet li.fL input[type="text"] {width:138px;float:right;} #formulaire_projet li.col2 input[type="text"] {width:138px;float:right;} #formulaire_projet li.full input[type="text"], #formulaire_projet li.full select, #formulaire_projet li.full textarea {width:353px;margin-bottom:8px;} #formulaire_projet textarea:focus {border:#4cb5e2 1px solid;} #formulaire_projet .nom {width:160px;} #formulaire_projet .prenom {width:139px;} #formulaire_projet .fonction {width:392px;} #formulaire_projet .email {width:168px;} #formulaire_projet .tel {width:187px;} #formulaire_projet .vous {width:385px;} #formulaire_projet .denomination {width:362px;} #formulaire_projet li.message {margin-bottom:0px;} #formulaire_projet textarea {border:#d2d94c 1px solid; background:#ffffff url(../images/bg_textarea.jpg) repeat-x; height:83px;color:#000000;} #formulaire_projet textarea.adresse {height:32px;background:#ffffff url(../images/bg_input-text-2L.jpg) repeat-x; width:399px; margin-left:4px;} #formulaire_projet textarea.message {width:460px !important;} #formulaire_projet .ville {width:159px;} #formulaire_projet .code-postal {width:135px;} #formulaire_projet #btn_envoyer {margin-left:389px;background: url(../images/btn_envoyer.jpg) no-repeat;border:none;width:72px;height:18px;} #formulaire_projet #btn_envoyer .btn_entrer {border:none;width:72px;height:18px;cursor:pointer;background:none;} #formUnsubscribe #btn_envoyer {margin-left:100px; background: url(../images/btn_envoyer.jpg) no-repeat;border:none;width:72px;height:18px;} #formUnsubscribe #btn_envoyer .submit {border:none;width:72px;height:18px;cursor:pointer;background:none;} #formUnsubscribe li { clear:both; margin-bottom:10px !important; width:100%;} .error { height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px; margin-left:-2px; float:left; position:relative; z-index:1000px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; } /* calendrier */ .date {background:url("../images/bg_input-text-2L.jpg") repeat-x scroll 0 0 #FFFFFF;border:1px solid #D2D94C;font-size:18px;height:20px;margin-left:3px;padding:4px;text-align:center;width:448px;} #calroot {margin-top:-31px;border:1px solid #BDC8D2;border-width:1px 1px 0;background:#F5F9FF;} #calbody {clear:both;width:364px;font-size:13px;border:1px solid #BDC8D2;border-width:1px 1px 0;background:#F5F9FF url(http://flowplayer.org/tools/img/gradient/h300.png) 0 37px repeat-x;-moz-box-shadow:0 0 10px 0px #ccc;-webkit-box-shadow:0 0 10px 0px #ccc;} #calhead {padding-left:95px;} #caltitle {color:#d2d94c;font-family:sans-serif;text-align:center;font-size:14px;float:left;width:130px;} #calnext, #calprev {display:block;width:20px;height:20px;background:transparent url(http://flowplayer.org/tools/demos/dateinput/css/prev.gif) no-repeat scroll center center;float:left;cursor:pointer;} #calnext {background-image:url(http://flowplayer.org/tools/demos/dateinput/css/next.gif);float:left;} #calprev.caldisabled, #calnext.caldisabled {visibility:hidden;} #caldays span {display:block;float:left;width:52px;text-align:center;font-weight:bold;padding:4px 0;font-size:11px;color:#7e7e7e;line-height:18px;background:#fff url(http://flowplayer.org/tools/img/gradient/h80.png) repeat-x; } #calweeks {} .calweek {clear:left;height:50px;border-bottom:1px solid #BDC8D2;border-top:1px solid #fff;} .calweek a {display:block;float:left;width:50px;height:50px;text-decoration:none;font-size:15px;text-align:center;line-height:50px;color:#000;border-right:1px solid #fff;border-left:1px solid #BDC8D2;text-shadow:1px 1px 1px #fff;} a.calsunday {border-left:1px solid transparent;color:#900;background-color:#f2f2f2;} .calweek a:hover, .calfocus {background:#fff url(http://flowplayer.org/tools/img/gradient/h80.png) repeat-x;} .calsun {color:red;} a.caloff {color:#999;background:#eee url(http://flowplayer.org/tools/img/gradient/h80.png) repeat-x;} a.caloff.calfocus {background-color:#ddd;} .caldisabled {background-color:#efefef !important;color:#ccc !important;cursor:default;} .caloff:hover {background-color:rgb(245, 245, 250);} #caltitle select {font-size:10px;} #calcurrent {background-color:#498CE2;color:#fff;text-shadow:0 1px 0 #000;border:0;width:52px;background-image:none;-moz-box-shadow:inset 0 0 10px 0px #000;} #caltoday {background-color:#666;color:#fff;text-shadow:0 1px 0 #000;} /* -------------------------------------------------------------------------------------------- */ /* Déclarations des classes du diaporama */ /* -------------------------------------------------------------------------------------------- */ #diaporama {width:306px;height:260px;position:relative;z-index:5;left:21px;margin-top:12px;} #diaporama .spacer_ouca {background:url(../images/bg_ouca.png) no-repeat 0 0; width:96px; height:96px; position:absolute; z-index:50; top:0;left:105px;} #diaporama .cache_diapo {position:absolute;background:url(../images/cache_diapo.png) no-repeat 0 0; width:306px;; height:249px; z-index:20;top:55px; left:0px;} #diaporama .slider {position:relative;width:268px;height:230px;overflow:hidden;z-index:5;left:19px;top:66px;} #diaporama .item {width:20000em;position:absolute;clear:both;background:#000000;} #diaporama .item .pix {width:268px;height:228px;overflow:hidden;float:left;text-align:center;background:#000000;} #diaporama .item .pix img {height:228px;margin: 0 auto;text-align:center;} a.browse {background:url(../images/bg_right-left-diapo.png) no-repeat;display:block;width:52px;height:52px;float:left;cursor:pointer;font-size:1px; position:absolute;} a.right {background-position: 0 -52px;left:272px;top:158px;} a.right:hover {background-position:-52px -52px; } a.right:active {background-position:-104px -52px; } a.left {left:-18px;top:158px; z-index:1;} a.left:hover {background-position:-52px 0;} a.left:active {background-position:-104px 0;} a.up, a.down {background:url(../img/scrollable/arrow/vert_large.png) no-repeat;float:none;margin: 10px 50px;} a.up:hover {background-position: -30px 0;} a.up:active {background-position: -60px 0;} a.down {background-position: 0 -30px;} a.down:hover {background-position: -30px -30px;} a.down:active {background-position: -60px -30px;} a.disabled {visibility:hidden !important;} /****** diapo page actualités */ #diaporama_actu {width:420px;height:260px;position:relative;z-index:5;left:0px;} #diaporama_actu .cache_diapo {position:absolute;background:url(../images/cache_diapo_actu.png) no-repeat 0 0; width:420px;; height:249px; z-index:20;top:0px; left:0px;} #diaporama_actu .slider {position:relative;width:380px;height:228px;overflow:hidden;z-index:5;left:19px;top:11px;} #diaporama_actu .item {width:20000em;position:absolute;clear:both;height:228px;} #diaporama_actu .item .pix {width:380px;height:228px;overflow:hidden;float:left;text-align:center;background:#000000;} #diaporama_actu .item .pix img {height:228px;margin: 0 auto;text-align:center;}