font-family: 'Amatic SC', cursive; font-family: 'Roboto', sans-serif; body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; } p { margin-bottom: 15px; } a { text-decoration: none; color: ; } .content a { color: #000; } td { width:300px; padding: 5px; vertical-align:top; } .table { display: table ; margin-bottom: 30px; margin-right: 20px;} .product-table {margin-top: 20px;} .cell { display: table-cell; vertical-align: top; } .cell2 { display: table-cell; vertical-align: top; float: left; } .actuality-column-wide article { margin-bottom: 50px; height:310px;} .actuality-column-wide a {color: 0;} .actuality-column-wide a:hover{ color:#777; } .actuality-column-wide_acc article { margin-bottom: 40px; height:280px;} .actuality-column-wide_acc a {color: 0;} .actuality-column-wide_acc a:hover{ color:#777; } .actuality-column-wide_acc { width:340px; text-align: center;} .actuality-column-wide2 article { margin-bottom: 40px; height:350px;} actuality-column-wide2 { font-size: 0.1em; color: 0; font-family: "Roboto", Helvetica, Arial, sans-serif;} .actuality-column-wide2 a:hover{ color:#777; } .home-actu-see-more { margin: 10px 0 0 150px; background-image: url(../image/fleche-picto.png); background-repeat: no-repeat;} .home-actu-see-more a { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20px; color: 0; } .actuality-column-wide { width:330px; text-align: center;} .actuality-column-wide2 { width:340px; text-align: center;} .actuality-column-wide2 a {color: 0;} .actuality-column-wide3 { width:330px; text-align: center; margin-bottom: 90px;} .actuality-column-wide3 article { margin-bottom: 40px; height:280px;} .actuality-column-wide3 a {color: 0;} .actuality-column-wide3 a:hover{ color:#777; } .actuality-column-narrow { width:10px; background-repeat:repeat-y; background-image:url(../image/pointilles-vertical.png);} .actuality-column-narrow2 { width:10px; background-repeat:repeat-y; background-image:url(../image/pointilles-vertical.png);} .actuality-title { margin-left: 40px; width: 252px; height: 120px; padding-top: 8px; font-family: "Amatic SC"; color:#000; font-size: 0.35em;} .actuality-title2 { margin-left: 40px; width: 252px; height: 55px; padding-top: 8px; font-family: "Amatic SC"; color:#000; font-size: 0.35em;} .actuality-right-title { background-image: url(../image/cadre-actu-right.png); background-repeat: no-repeat; } .actuality-left-title { background-image: url(../image/cadre-actu-left.png); background-repeat: no-repeat; } .actuality-left-title-small { background-image: url(../image/cadre-actu-left-small.png); background-repeat: no-repeat; } .actuality-article-title { margin: 10px 0 0 20px; font-size: .25em; text-align: left;} .actuality-article-title2 { display : none; margin: 20px 0 0 20px; font-size: .25em; text-align: left;} #page { width: 1177px; margin: 0px auto; position: relative; } .searchinput { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 12px; } #header { position: relative; width: 100%; } #header a { display:block; width:367px; height:120px; overflow:hidden; } #nav_holder_home { display : none ; position: relative; width: 100%; height:60px;} #contact-nav_holder { position: relative; width: 100%; height:700px;} #nav_holder-partenaires { position: relative; width: 100%; height:100px;} #nav_holder { position: relative; width: 100%; height:190px;} #nav_holder-fiche { position: relative; width: 100%; height:50px;} #nav-holder-quisommes-nous { position: relative; width: 100%; height:600px; } #qui-somme-nous-image { position: absolute; top:10px; width: 100%; background-repeat: no-repeat; background-image:url(../image/quisommesnous.jpg); height: 800px;} #topmenu { position:absolute; top:75px; left:660px; width:600px;} #topmenu li{ margin: 2px 10px; font-family: "Amatic SC"; color:#000; font-size: 1.2em; float:left;} #topmenu a { display: block; letter-spacing: 0.15em; color: 0;} #topmenu a:hover{ color:#555; } #topmenu .on a { color:#f54645; } #nav { position:absolute; top:0px; left:0px; width: 100%; background-color: O; background-image:url(../image/menu-background.png); background-repeat:no-repeat; } #nav { height: 50px; } #nav ul{ margin:0 0 0 60px; } #nav li { margin-top: 10px; margin-right: 50px; font-family: "Amatic SC"; float:left; color:#FFF; font-size: 1.7em; font-weight: bold;} #nav a { display: block; margin: 4px 40px; letter-spacing: 0.15em; } #nav a:hover{ color:#DDD; } #nav .on a { color:#f54645; } .tab { position:absolute; top:105px; left:0px; color:#000; } .tab ul{ margin:0 0 0 70px; } .tab li { margin-right: 220px; margin-top: 10px; font-family: "Amatic SC"; float:left; color:#000; font-size: 2.2em; } .tab a {color: 0;} .tab a:hover {color: #333;} .tab .on a {color: #FF0000;} .tabfront { width: 100%; height:56px; background-image:url( ../image/tabfront.png); background-repeat: no-repeat; } .tabback { width: 100%; height:56px; background-image:url( ../image/tabback.png); background-repeat: no-repeat; } .tabback2 { width: 100%; height:56px; background-image:url( ../image/tabback2.png); background-repeat: no-repeat; } .tab2-1 { width: 100%; height:56px; background-image:url( ../image/tab2-1.png); background-repeat: no-repeat; } .tab2-2 { width: 100%; height:56px; background-image:url( ../image/tab2-2.png); background-repeat: no-repeat; } .tab3-1 { width: 100%; height:56px; background-image:url( ../image/tab3-1.png); background-repeat: no-repeat; } .tab3-2 { width: 100%; height:56px; background-image:url( ../image/tab3-2.png); background-repeat: no-repeat; } .tab3-3 { width: 100%; height:56px; background-image:url( ../image/tab3-3.png); background-repeat: no-repeat; } .tab4-1 { width: 100%; height:56px; background-image:url( ../image/tab4-1.png); background-repeat: no-repeat; } .tab4-2 { width: 100%; height:56px; background-image:url( ../image/tab4-2.png); background-repeat: no-repeat; } .tab4-3 { width: 100%; height:56px; background-image:url( ../image/tab4-3.png); background-repeat: no-repeat; } .tab4-4 { width: 100%; height:56px; background-image:url( ../image/tab4-4.png); background-repeat: no-repeat; } #menu-studio .tab ul { margin-left:70px; } #menu-studio .tab li { margin-right:200; } #menu-studio .tab li:last-child { margin-right:200px; } #fiche-title { position: relative; height:150px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 100; line-height: 1.5em; } #page-title { position: relative; height:120px; } #page-title .title .big { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 80; line-height: 1.5em; } #page-title .small { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 37; line-height: 1.5em; } #actuality-title .big { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 80; line-height: 1.5em; } #actuality-title .small { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 37; line-height: 1.5em; } #page-title .picto-holder { position:absolute; top:40px; left:280px; width:100px; height: 150px; background-image: url(../image/selection-du-mois-arrow.jpg); background-repeat: no-repeat; } #selection-du-mois-title { position: relative; height:130px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 70; line-height: 1.5em; } #selection-du-mois-title .title .big { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 70; line-height: 1.5em; } #selection-du-mois-title .small { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 32; line-height: 1.5em; } #selection-du-mois-title .picto-holder { position:absolute; top:20px; left:200px; width:100px; height: 150px; background-image: url(../image/selection-du-mois-arrow.png); background-repeat: no-repeat; } #contact-title { position: relative; margin-bottom: 0px; height:180px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 100; line-height: 1.5em; } #fiche-title { position: relative; height:150px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 70px; line-height: 1.2em; } #contact-title .title .big { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 100; line-height: 1.5em; } #contact-title .small { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 42; line-height: 1.5em; } #contact-title .address-picto-holder { position:absolute; top:35px; left:385px; width:325px; height: 155px; background-image: url(../image/adresse-picto.png); background-repeat: no-repeat; } #contact-title .newletter-picto-holder { position:absolute; top:60px; left:250px; width:325px; height: 155px; background-image: url(../image/enveloppe-picto.png); background-repeat: no-repeat; } #contact-title .nousappeler-picto-holder { position:absolute; top:-5px; left:-40px; width:325px; height: 255px; background-image: url(../image/appeler-picto.png); background-repeat: no-repeat; } #contact-title .ecrire-picto-holder { position:absolute; top:px; left:-48px; width:325px; height: 255px; background-image: url(../image/crayon-picto.png); background-repeat: no-repeat; } .newsletter { height: 100px;} .newsletter ul li { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 28; margin-top: 10px;} #page-title .exo-picto-holder { position:absolute; top:10px; left:0px; width:235px; height: 125px; background-image: url(../image/expo-picto.png); background-repeat: no-repeat; } #page-title .spectacle-picto-holder { position:absolute; top:10px; left:0px; width:235px; height: 125px; background-image: url(../image/spectacles-picto.png); background-repeat: no-repeat; } #page-title .formulepeda-picto-holder { position:absolute; top:0px; left:270px; width:235px; height: 125px; background-image: url(../image/formulepeda-picto.png); background-repeat: no-repeat; } #page-title .les-ateliers-picto-holder { position:absolute; /*! top:-33px; */ /*! left:206px; */ width:235px; height: 125px; background-image: url(../image/les-ateliers-picto.png); background-repeat: no-repeat; } #page-title .studio-picto-holder { position:absolute; top:-30px; left:0px; width:335px; height: 155px; background-image: url(../image/studio-picto.png); background-repeat: no-repeat; } #page-title .la-production-picto-holder { position:absolute; top:-10px; left:0px; width:335px; height: 155px; background-image: url(../image/la-production-picto.png); background-repeat: no-repeat; } #page-title .les-projets-picto-holder { position:absolute; top:0px; left:220px; width:335px; height: 155px; background-image: url(../image/les-projets-picto.png); background-repeat: no-repeat; } #page-title .quisommesnous-picto-holder { position:absolute; top:-40px; left:250px; width:335px; height: 155px; background-image: url(../image/characters.png); background-repeat: no-repeat; } #page-title .drapeauFR { position:absolute; top:-40px; left:750px; width:40px; height: 25px; background-image: url(../image/FRs.jpg); background-repeat: no-repeat; } #page-title .drapeauUK { position:absolute; top:-40px; left:700px; width:40px; height: 25px; background-image: url(../image/UKs.jpg); background-repeat: no-repeat; } #googlemapsholder { position:absolute; top:45px; left:0px;} #page-title .title, #selection-du-mois-title .title { position:absolute; top:0px; left:0px; height:150px; } #content { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 130; margin: 0px 80px 50px 80px; } #selection-du-mois { width: 950px; /*padding-left: 100px;*/ } #selection-du-mois .project { background-repeat:no-repeat; background-image:url(../image/prix-picto.png); font-size: 40; padding-left: 40px; margin-top: 20px; } #selection-du-mois .detail-blocks{ margin-top:10px; margin-left:40px; text-align: left; } .actuality-column-wide .detail-blocks { margin-top:0px; margin-left:12px; text-align: left; } .actuality-column-wide .detail-blocks2 { margin-top:-82px; margin-left:12px; text-align: left; } #selection-du-mois .detail-blocks{ margin-top:10px; margin-left:40px; text-align: left; } .actuality-column-wide_acc .detail-blocks { margin-top:0px; margin-left:12px; text-align: left; } #selection-du-mois .detail-blocks{ margin-top:10px; margin-left:40px; text-align: left; } .actuality-column-wide3 .detail-blocks { margin-top:10px; margin-left:12px; text-align: left; } #selection-du-mois .animation-type .title, .actuality-column-wide .animation-type .title{ font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size:20; margin-right: 10px; } #selection-du-mois .animation-type .title, .actuality-column-wide_acc .animation-type .title{ font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size:20; margin-right: 10px; } #selection-du-mois .animation-type .title, .actuality-column-wide3 .animation-type .title{ font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size:20; margin-right: 10px; } #selection-du-mois .animation-type .type, .actuality-column-wide .animation-type .type{ font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:12;} #selection-du-mois .animation-type .type, .actuality-column-wide_acc .animation-type .type { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:12;} #selection-du-mois .animation-type .type, .actuality-column-wide3 .animation-type .type { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:12;} #selection-du-mois .synopsis .title, .actuality-column-wide .synopsis .title { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20; } #selection-du-mois .synopsis .title, .actuality-column-wide_acc .synopsis .title { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20; } #selection-du-mois .synopsis .description, .actuality-column-wide .synopsis .description { margin-left: 10px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:14; line-height: 17px;} #selection-du-mois .synopsis .description, .actuality-column-wide3 .synopsis .description { margin-left: 10px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:14; line-height: 17px;} #selection-du-mois .synopsis .description, .actuality-column-wide_acc .synopsis .description { margin-left: 10px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:14; line-height: 17px;} #selection-du-mois-video { padding-left: 40px; } .actuality-divider { margin: 10px 0 10px 0; width: 100%; height:20px; background-repeat:repeat-x; background-image:url(../image/pointilles.png);} #actuality-title { position: relative; } .actuality-animees-picto { position:absolute; top:-3px; left:335px; background-repeat:no-repeat; background-image:url(../image/titre-actuanimees.png); width:105px; height:100px; } .address li { margin: 4px 10px 0 0; font-family: "Roboto"; color:#000; font-size: 16; float:left;} .contact-message-inputbutton-holder { text-align: right; height: 40px; padding-top: 10px;} #fillette { width: 1177px; height: 95px; background-color: #f9f9f9; padding-top: 20px; } .article-resume { margin-top: 20px; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:12; } .article-resume a {color: 0; margin-left: 40px; } .article-resume a:hover { color: #333; } .article-resume-title { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 30; margin-bottom: 10px; } .article-resume-description { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:12; margin-top: 10px; letter-spacing: 0.11em; line-height: 20px; width:800px;} .article-resume-see-more{ margin: 10px 0 0 650px; background-image: url(../image/fleche-picto.png); background-repeat: no-repeat; } .article-resume-see-more a { font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20px; } .in-a-few-words, .fiche-text { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:14; letter-spacing: 0em; line-height: 25px;} .in-a-few-words { margin-bottom: 30px; width: 800px;} .contenant { font-size:25; letter-spacing: 0em; line-height: 25px;} .address, .telephonearrows { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size:16; letter-spacing: 0.15em; line-height: 25px;} .telephonearrows { width: 100%; height: 60px; text-align: center; font-size:20; background-image: url(../image/fleche-numeros-telephone.jpg); padding-top: 20px;} .subtitleholder { margin-top: 50px; margin-bottom: 40px; background-color: aqua; background-image: url(../image/cadre-subtitle.png); background-repeat: no-repeat; } .subtitle { margin: 5px 0 0 10px;height width: 422px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 60; } .fiche-subtitleholder { margin: 35px 0 20px 10px;height width: 422px; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 30; } .fiche-text { margin-bottom: 20px; font-size:12;} .fiche-text a { color: orange; } .searchbox {margin-left: 20px;} .searchbar { margin: 30px 0 20px 0; width:100%; height: 30px;} .searchbar-element { float: left; height:20px; margin-right: 5px;} .searchbar-element a {color: 0;} .searchbar-element a:hover {color: #333;} .search-pager .on a {color: #FF0000;} .search-pager { float:right; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 30;} .fillette-column-wide { width:340px; text-align: center;} .fillette-column-wide a { color:0; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20; } .fillettelink { margin-bottom: 8px; } input[type=text]:not(.form) { width: 118px; } input[type=submit] { background: #000; color: #fff; } input[type=submit], input[type=text]:not(.form) { font-family: "Amatic SC", Helvetica, Arial, sans-serif;font-size: 20px; } select{ background: #000; color: #FFF; padding: 9px; font-family: "Amatic SC", Helvetica, Arial, sans-serif;font-size: 20px; line-height: 18px; float: left; border: 0; display: block; margin: 0; } .mentionlegal { float: right; margin: 30px 40px 0 0; color:#FFF; font-family: "Amatic SC", Helvetica, Arial, sans-serif; font-size: 20;} #footer { padding-top: 3px; width: 1177px; background-color: #eeefef; background-image:url(../image/footer-background.png); background-repeat:none; height: 76px; } .foot-content { margin: 8px 20px 0 20px; float: left;} body .widget_wysija_cont .wysija-submit { display: inline-block; margin-top: 0;} .wysija-paragraph { display: inline-block; } b, strong { font-weight: bold; } i, em { font-style: italic; }