.clear { clear:left; } img { border:0; margin:0; padding:0; } a { border:0; margin:0; padding:0; color:#000000; text-decoration:underline; } html { width:100%; height:100%; margin:0; padding:0; background:#ffffff url(../imgs/motif-noir.png) repeat top left; } body { width:100%; height:100%; min-width:960px; font-family :'Ubuntu', sans-serif; font-weight:400; font-size:0.8em; margin:0 auto; } .wrap { width:100%; min-width:960px; z-index:10; position:relative; margin:0 auto; padding:0; } #realisations { margin:0 auto; width:100%; min-width:960px; } #realisations .ombreWrapTop { position:fixed; top:51px; left:0; width:100%; height:10px; background:url(../imgs/ombre_section-top.png) repeat-x top left; z-index:99; } #blocNAVrealisations { position:absolute; top:52px; left:0; width:100%; height:52px; overflow:hidden; } #blocNAVrealisations .contNAVrealisations { margin:0 auto; width:960px; overflow:hidden; text-align:center; } #blocNAVrealisations .contNAVrealisations .lien { display:inline-block; padding:20px 0 0 0; text-decoration:none; color:#303030; font-size:14px; font-family :'Ubuntu', sans-serif; font-weight:400; } #blocNAVrealisations .contNAVrealisations .lien:hover { color:#c8d400; } #blocNAVrealisations .contNAVrealisations .lienActiv { display:inline-block; padding:20px 0 0 0; text-decoration:underline; color:#c8d400; font-size:14px; font-family :'Ubuntu', sans-serif; font-weight:400; } #blocNAVrealisations .contNAVrealisations .puce { margin: 0 3px 0 3px; } #bread { margin:0 auto; width:960px; font-size:12px; color:#303030; font-weight:normal; font-style:italic; } #bread div { float:left; } #bread div a { text-decoration:none; font-size:12px; color:#303030; font-weight:normal; font-style:italic; text-transform:lowercase; } #bread .trieALL { float:right; overflow:hidden; text-transform:uppercase; text-decoration:none; color:#000000; font-size:14px; } #bread .trieALL:hover { color:#c8d400; } #bread .trieALLactive { float:right; overflow:hidden; text-transform:uppercase; text-decoration:underline; color:#c8d400; font-size:14px; } #listing { float:left; width:100%; height:auto; margin-top:104px; padding-bottom:60px; background:#eeeeee; } #listing .lisContainer { margin:0 auto; max-width:2000px; min-width:960px; height:100%; padding-top:10px; text-align:center; } #listing .lisContainer .blocTXTrub { position:relative; margin:0 auto; width:1000px; height:auto; overflow:hidden; } #listing .lisContainer .blocTXTrub .logoTrophee { position:absolute; top:0; left:0; width:135px; height:135px; overflow:hidden; margin-bottom:10px; } #listing .lisContainer .blocTXTrub .itemTXTrub { margin:0 auto; display:inline-block; width:600px; overflow:hidden; text-align:left; color:#000000; font-size:14px; line-height:18px; font-family :'Ubuntu', sans-serif; font-weight:300; } #listing .lisContainer .blocTXTrub .itemTXTrub h1 { display:inline; color:#c9d207; font-size:26px; line-height:32px; font-family :'Ubuntu', sans-serif; font-weight:300; text-transform:uppercase; } #listing .lisContainer .itemArtList { position:relative; display:inline-block; width:312px; height:200px; overflow:hidden; margin:4px 4px 16px 4px; } #listing .lisContainer .itemArtList .cadre { width:312px; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; padding:none; margin:none; } #listing .lisContainer .itemArtList .cadre img { margin:0 auto; display:inline-block; min-width:312px; height:200px; overflow:hidden; z-index:1; } #listing .lisContainer .itemArtList span { position:absolute; top:0; left:0; width:282px; height:145px; display:block; display:none; margin:0; padding:45px 15px 10px 15px; } #listing .lisContainer .itemArtList:hover span { display:block; } #listing .lisContainer .itemArtList span h2 { display:inline; font-size:20px; font-family :'Ubuntu', sans-serif; font-weight:300; text-transform:uppercase; } #detail { float:left; width:100%; height:auto; margin-top:104px; padding-bottom:60px; background:#eeeeee; } #detail #detailContainer { margin:0 auto; width:960px; overflow:hidden; padding-top:10px; } #detail #detailContainer .blocTitre { margin:0 auto; width:960px; overflow:hidden; text-align:center; } #detail #detailContainer .blocTitre h1 { display:inline; color:#2c2c2c; font-size:20px; font-family :'Ubuntu', sans-serif; font-weight:300; text-transform:uppercase; } #detail #detailContainer .cadrePhoto { float:right; width:660px; overflow:hidden; } #detail #detailContainer .cadrePhoto img { display:inline-block; overflow:hidden; } #detail #detailContainer .cadrePhoto .realBtnPrev { float:left; width:181px; height:35px; overflow:hidden; background:url(../imgs/real_btn_precedent.png) no-repeat 0px 0px; } #detail #detailContainer .cadrePhoto .realBtnPrev:hover { float:left; width:181px; height:35px; overflow:hidden; background:url(../imgs/real_btn_precedent.png) no-repeat -181px 0px; } #detail #detailContainer .cadrePhoto .realBtnNext { float:right; width:156px; height:35px; overflow:hidden; background:url(../imgs/real_btn_suivant.png) no-repeat 0px 0px; } #detail #detailContainer .cadrePhoto .realBtnNext:hover { float:right; width:156px; height:35px; overflow:hidden; background:url(../imgs/real_btn_suivant.png) no-repeat -156px 0px; } #detail #detailContainer .cadrePhoto .blocNav { float:left; width:323px; height:28px; overflow:hidden; margin-top:7px; text-align:center; } #detail #detailContainer .cadrePhoto .blocNav .share { display:inline-block; height:35px; overflow:hidden; color:#303030; font-size:16px; font-family :'Ubuntu', sans-serif; font-weight:300; } #detail #detailContainer .cadrePhoto .blocNav .logo { display:inline-block; height:35px; overflow:hidden; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Facebook { display:inline-block; width:20px; height:20px; overflow:hidden; background:url(../imgs/reseaux_news-facebook.png) no-repeat top left; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Facebook:hover { background:url(../imgs/reseaux_news-facebook-activ.png) no-repeat top left; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Twitter { display:inline-block; width:20px; height:20px; overflow:hidden; background:url(../imgs/reseaux_news-twitter.png) no-repeat top left; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Twitter:hover { background:url(../imgs/reseaux_news-twitter-activ.png) no-repeat top left; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Google { display:inline-block; width:20px; height:20px; overflow:hidden; margin-left:7px; background:url(../imgs/reseaux_news-google.png) no-repeat top left; } #detail #detailContainer .cadrePhoto .blocNav .logo .blocNav-Google:hover { background:url(../imgs/reseaux_news-google-activ.png) no-repeat top left; margin-left:7px; } #detail #detailContainer .cadreTxt { float:left; width:300px; overflow:hidden; margin-top:25px; } #detail #detailContainer .cadreTxt .realSepar1 { float:left; width:270px; height:30px; overflow:hidden; background:url(../imgs/real_separ.png) no-repeat top center; } #detail #detailContainer .cadreTxt .realClient { float:left; width:210px; overflow:hidden; min-width:60px; min-height:60px; padding:0 0 0 60px; overflow:hidden; background:url(../imgs/real_client.png) no-repeat top left; } #detail #detailContainer .cadreTxt .realClient .titre { float:left; padding-top:3px; margin-bottom:8px; color:#303030; font-size:16px; font-family :'Ubuntu', sans-serif; font-weight:300; font-weight:bold; text-transform:uppercase; } #detail #detailContainer .cadreTxt .realClient .desc { float:left; color:#676767; font-size:14px; font-family :'Ubuntu', sans-serif; font-weight:300; } #detail #detailContainer .cadreTxt .realTravaux { float:left; width:210px; overflow:hidden; min-width:60px; min-height:60px; padding:0 0 0 60px; overflow:hidden; background:url(../imgs/real_travaux.png) no-repeat top left; } #detail #detailContainer .cadreTxt .realTravaux .titre { float:left; padding-top:3px; margin-bottom:8px; color:#303030; font-size:16px; font-family :'Ubuntu', sans-serif; font-weight:300; font-weight:bold; text-transform:uppercase; } #detail #detailContainer .cadreTxt .realTravaux .desc { float:left; color:#676767; font-size:14px; font-family :'Ubuntu', sans-serif; font-weight:300; } #detail #detailContainer .cadreTxt .texte { float:left; width:270px; color:#303030; font-size:14px; line-height:18px; font-family :'Ubuntu', sans-serif; font-weight:300; text-align:justify; } #detail #detailContainer .lastProjets { float:left; width:960px; overflow:hidden; margin-top:30px; padding-bottom:10px; color:#cad022; font-size:20px; font-family :'Ubuntu', sans-serif; font-weight:300; text-transform:uppercase; border-bottom:solid 2px #cad022; } #detail #detailContainer .blocLastProjet1 { float:left; width:300px; overflow:hidden; margin:30px 0 0 0; } #detail #detailContainer .blocLastProjet1 .cadre { float:left; width:300px; height:160px; overflow:hidden; margin-bottom:10px; } #detail #detailContainer .blocLastProjet1 .cadre img { float:left; width:300px; min-height:160px; margin-bottom:10px; oveflow:hidden; } #detail #detailContainer .blocLastProjet1 h2 { display:inline; font-size:16px; font-family :'Ubuntu', sans-serif; font-weight:300; } #detail #detailContainer .blocLastProjet1 a { text-decoration:none; } #detail #detailContainer .blocLastProjet2 { float:left; width:300px; overflow:hidden; margin:30px 30px 0 30px; } #detail #detailContainer .blocLastProjet2 .cadre { float:left; width:300px; height:160px; overflow:hidden; margin-bottom:10px; } #detail #detailContainer .blocLastProjet2 .cadre img { float:left; width:300px; min-height:160px; margin-bottom:10px; oveflow:hidden; } #detail #detailContainer .blocLastProjet2 h2 { display:inline; font-size:16px; font-family :'Ubuntu', sans-serif; font-weight:300; } #detail #detailContainer .blocLastProjet2 a { text-decoration:none; } /* SLIDES */ .rslides{position:relative;list-style:none;overflow:hidden;width:660px;padding:0;margin:0} .rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:660px;left:0;top:0;text-align:right; color:#555555; font-style:italic; font-size:12px; font-family :'Ubuntu', sans-serif; font-weight:300; } .rslides li:first-child{position:relative;display:block;float:left} .rslides img{display:block;margin:auto;width:660px;border:0} .centered-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:transparent;top:50%;left:0;opacity:.7;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:url(../imgs/themes.gif) no-repeat left top;margin-top:-45px} .centered-btns_nav:active{opacity:1}.centered-btns_nav.next{left:auto;background-position:right top;right:0} .transparent-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:transparent;top:0;left:0;display:block;background:#fff;opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%} .transparent-btns_nav.next{left:auto;right:0}.large-btns_nav{z-index:3;position:absolute;-webkit-tap-highlight-color:transparent;opacity:.6;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;background:#000 url(../imgs/themes.gif) no-repeat left 50%;width:38px}.large-btns_nav:active{opacity:1}.large-btns_nav.next{left:auto;background-position:right 50%;right:0}.centered-btns_nav:focus,.large-btns_nav:focus,.transparent-btns_nav:focus{outline:0}.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{margin-top:10px;text-align:center}.centered-btns_tabs li,.large-btns_tabs li,.transparent-btns_tabs li{display:inline;float:none;margin-right:5px}.centered-btns_tabs a,.large-btns_tabs a,.transparent-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#ccc;background:rgba(0,0,0,.2);display:inline-block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:9px;height:9px}.centered-btns_here a,.large-btns_here a,.transparent-btns_here a{background:#222;background:rgba(0,0,0,.8)}