/* Mix des pages */ .colonne-gauche { width:636px; float:left;} .colonne-droite { width:311px; float:right; padding:0 16px} .colonne-droite h2 { margin-bottom:46px;} .colonne-droite img {margin-bottom:24px;} .txt { padding:24px 16px;} .txt h2 { font-size:24px; color:#434343; padding:0; background:none; margin-bottom:12px;} .noir input { background-color:#000; width:340px; border:none; height:40px; line-height:40px; color:#FFF; margin-bottom:21px;} .noir select { background-color:#000; width:340px; border:none; height:30px; line-height:30px; color:#FFF; margin-bottom:21px; padding:6px 0;} .noir textarea { background-color:#000; width:340px; border:none; height:160px; line-height:14px; color:#FFF;} .noir .submit { width:100px; cursor:pointer; margin-top:32px;} .noir .label { text-align:right; padding-right:32px; padding-top:12px;} .onglet { position:absolute; top:-17px; left:-9px; background:url(../../images/coin_h3.png) no-repeat left top; height:44px; padding-left:8px; z-index:999} .onglet-big { position:absolute; top:-24px; left:-12px; background:url(../../images/coin_h3_big.png) no-repeat left top; height:56px; padding-left:8px; z-index:999} .onglet h3 {height:34px; line-height:34px; background-color:#000; color:#FFF; font-size:14px; font-weight:normal; padding:0 13px; z-index:999} .onglet-big h3 {height:45px; line-height:45px; background-color:#000; color:#FFF; font-size:24px; font-weight:normal; padding:0 13px; z-index:999} /* Accueil */ .bkgaccueil { width:100%; background:url(../../images/slider/bkg.jpg) center top no-repeat #FFF; } .presentationdgk { color:#676767; padding:35px 22px; margin-bottom:35px;} .presentationdgk h1 { float:left; padding:0; background:url(../../images/dgk_contact.png); width:206px; height:68px; text-indent:-9999999px; margin-top:30px; margin-right:16px;} .presentationdgk p { font-size:19px; line-height:29px; margin-top:16px; text-align:justify;} .separateur {background:url(../../images/separateur.png) 26px top no-repeat; height:31px; width:1px; margin-top:8px; padding:0 34px 0 25px;} a.portfolio-complet { background:url(../../images/btn_fleche_portfolio.jpg); display:block; width:200px; height:46px; line-height:46px; color:#4f981a; font-size:18px; padding-left:17px; font-style:italic;} a.portfolio-complet:hover { color:#000;} .accueil-creations { padding:12px 0; text-align:center; width:300px; position:relative; margin-top:55px;} .accueil-creations h3 a:link, .accueil-creations h3 a:visited, .accueil-creations h3 a:active { color:#FFF;} .accueil-creations h3 a:hover { color:#4f981a;} .accueil-creations h3.plus { background:url(../../images/petit_plus_noir.png) no-repeat left center #000;} .accueil-creations img { border:1px solid #777; margin-bottom:12px;} .accueil-creations a:link, .accueil-creations a:visited, .accueil-creations a:active { color:#676767;} .accueil-creations a:hover { color:#4f981a;} /* Services */ #services .colonne-gauche h1 { margin-bottom:34px;} #services .colonne-gauche p { margin-bottom:43px;} #services .colonne-gauche ul { margin-bottom:24px;} #services .colonne-gauche ul li { display:block; float:none; font-size:14px; padding-left:16px; margin-left:16px; line-height:26px; margin-right:0; background:url(../../images/raquo.png) no-repeat left center;} #services .colonne-gauche ul#trois-colonnes li { display:block; float:left; margin-right:40px; padding-left:0; margin-left:0; background:none;} #services .colonne-gauche ul#trois-colonnes li h2 {margin-bottom:8px; color:#767676; background-image:url(../../images/plus_gris.png); padding-left:24px;} #services .colonne-gauche ul#trois-colonnes li ul li { display:block; float:none; font-size:14px; padding-left:16px; line-height:26px; margin-right:0; background:url(../../images/raquo.png) no-repeat left center; color:#000;} #services .colonne-gauche { width:660px;} #services .colonne-droite { width:311px; float:right; padding:0;} #bande_services .service-cle-en-main .colonne-gauche { width:500px; float:left;} #bande_services .service-cle-en-main .colonne-droite { width:475px; float:right; text-align:left; background:none; padding:0; margin-top:0; border:none;} #bande_services .service-cle-en-main .colonne-gauche p.gros, #bande_services .service-cle-en-main .colonne-gauche p, #bande_services .service-cle-en-main .colonne-gauche a.savoirplus { margin-left:0px;} #bande_services .service-cle-en-main .colonne-gauche h1 { margin-bottom:20px;} #bande_services .dernieres-realisations .nomargin { margin-right:0;} #bande_services .dernieres-realisations h1 { margin-bottom:12px;} /* Services - Hébergement/Impression */ #hebergement .boite {position:relative; margin-bottom:55px; min-height:261px;} #hebergement .boite h3 { font-size:24px; line-height:45px; height:45px;} #hebergement .boite ul { margin:50px 270px 50px 70px;} #hebergement .boite li { color:#030303; font-size:18px; font-weight:bold; line-height:30px; padding-left:18px;} #hebergement .boite .prix { position:absolute; top:0; right:0; width:250px; height:261px; background:url(../../images/hebergement-prix_bkg.png) repeat-x top #8dc63f; z-index:99} #hebergement .boite .prix p { color:#FFF; font-size:84px; font-weight:bold; width:250px; text-align:center; margin-top:85px; line-height:84px;} #hebergement .boite .prix .over { color:#000; font-size:24px; font-weight:bold; width:250px; text-align:center; position:absolute; top:65px; right:0;} #hebergement .boite .prix .under { color:#000; font-size:24px; font-weight:bold; width:250px; text-align:center; position:absolute; top:170px; right:0;} /* Réalisations */ #menu-portfolio { background:url(../../images/menu_portfolio_bkg.jpg) repeat-x top; height:48px; width:640px; padding-left:40px; font-size:18px; color:#000; line-height:48px; margin:32px 0;} #menu-portfolio span { float:left;} .portfolio { width:304px; text-align:center; padding:16px 0 12px 0; font-size:14px; float:left; margin-right:40px; margin-bottom:40px;} #realisations .nomargin { margin-right:0;} .portfolio img { margin-bottom:6px; border:1px solid #999; } /* Mandat global */ #mandatglobal { padding-bottom:40px;} #mandatglobal h1 span { font-size:30px; color:#b1b1b1; font-weight:normal;} #mandatglobal .boite {position:relative; padding:60px 40px 40px 40px; } #mandatglobal .boite h3 { font-size:24px; line-height:45px; height:45px;} #mandatglobal .boite img { margin:20px 0 -40px -40px;} #mandatglobal .boite .retour { position:absolute; top:16px; right:16px; background:url(../../images/back.gif) no-repeat left center; line-height:29px; padding-left:35px;} /* Équipe */ #equipe { position:relative; min-height: 1200px;} .equipe-box { background:url(../../images/equipe_box_bkg.jpg) no-repeat; height:282px; text-align:center; float:left; margin-right:20px; margin-bottom:10px; padding:8px;} .equipe-box a { font-size:32px; color:#FFF; font-weight:bold;} .equipe-box a:hover { color:#8dc63f; } .presentation { clear:both; padding-left:435px; height:530px; display:none;} .presentation h1 { margin-bottom:25px; font-weight:bold;} .presentation p { margin-right:17px;} #alexandre-pepin { background:url(../../images/equipe/alexandre.jpg) left bottom no-repeat; } #joel-frechette { background:url(../../images/equipe/alexandre.jpg) left bottom no-repeat; } #js { background:url(../../images/equipe/alexandre.jpg) left bottom no-repeat; } /* Soumission */ #soumission .noir textarea { width:600px;} /* infolettre */ #infolettre .boite { padding:40px; margin-bottom:50px;} /* Contact */ #contact .boite { padding:20px; margin:50px 0;} #contact .boite p.adresse { font-size:18px; line-height:24px; margin:0; margin-right:50px;} #contact .boite .logo-contact { margin:0 24px 37px 56px;}