/*
Theme Name: Fullscreen Theme
Theme URI: http://colorz.fr/
Description: Theme original  de Fullscreen
Version: 1.0
Author: Colorz
Author URI: http://colorz.fr/
*/
a{text-decoration:none;color:#999999}
a:hover{color:#BE2C2C;}
*{padding:0;margin:0;list-style-type:none;font-family:'trebuchet','arial','sans-serif'}
#layus p{margin:11px 0;}
body{background:#d9d9d9;}
#header h1 a span{display:none;}
#header h1{float:left;}
#header h1 a{float:left;display:block;width:189px;height:96px;background: url(images/logo.jpg) no-repeat 0 0;}
#page{width:880px;margin:auto;background:white;padding:0 40px 0 40px;}

#nav li a span{display:none;}
#nav li{float:left;}
#nav{float:right;margin:70px 15px 90px 0;}
#nav li a{height:25px;display:block;float:left;}

#nav li#news a{width:95px;background:url(images/nav_news.jpg) no-repeat 0 -25px;margin:0 11px 0 0;}
#nav li#news a:hover, #nav li#news a.current{background:url(images/nav_news.jpg) no-repeat 0 0;}
#nav li#work a{width:101px;background:url(images/nav_work.jpg) no-repeat 0 -25px;margin:0 11px 0 0;}
#nav li#work a:hover, #nav li#work a.current{background:url(images/nav_work.jpg) no-repeat 0 0;}
#nav li#reels a{width:93px;background:url(images/nav_reels.jpg) no-repeat 0 -25px;margin:0 11px 0 0;}
#nav li#reels a:hover,#nav li#reels a.current{background:url(images/nav_reels.jpg) no-repeat 0 0;}
#nav li#about a{width:99px;background:url(images/nav_about.jpg) no-repeat 0 -25px;margin:0 11px 0 0;}
#nav li#about a:hover, #nav li#about a.current{background:url(images/nav_about.jpg) no-repeat 0 0;}
#nav li#contact a{width:100px;background:url(images/nav_contact.jpg) no-repeat 0 -25px;}
#nav li#contact a:hover, #nav li#contact a.current{background:url(images/nav_contact.jpg) no-repeat 0 0;}



/*News*/
.news{padding:0 0 60px 0;}
.news h2 span{display:none;}
.news h2{width:113px;height:28px;background:url(images/titre_news.jpg) no-repeat 0 0;margin:0 0 0 15px;}
.news #more span{display:none;}
.news #more{display:block;float:right;width:102px;height:8px;background:url(images/titre_morework.jpg) no-repeat 0 -8px;margin:15px 15px 0 0;}
.news #more:hover{background:url(images/titre_morework.jpg) no-repeat 0 0;}
.news #lastNews{border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd;padding:12px 0 12px 0;margin:10px 15px 70px 15px;}
.news h3#feat span{display:none;}
.news h3#feat{height:14px;width:161px;display:block;background:url(images/titre_featured.jpg) no-repeat 0 0;margin:0 0 10px 15px;}
.news #featured{border-top:solid 1px #dddddd;padding:20px 0 0 0;float:left;margin:0 0 0 15px;width:850px;}
.news #featured li{cursor:pointer;width:420px;height:235px;float:left;overflow:hidden;}
.news #featured li.right{float:right !important;background:white;}
.news #featured li a.link{display:block;background:white url(images/titre_viewproject.jpg) no-repeat 10px 35px;color:#be2c2c;padding:10px 0 0 10px;text-decoration:none;font-weight:bold;height:50px;width:300px;margin:-150px 0 0 0;position:relative;}
.news #lastNews li{background:#efefef;display:block;height:42px;margin:4px 0 4px 0;}
.news #lastNews li span{display:block;font-size:11px;color:#999999;float:left;padding:15px 0 0 10px;}
.news #lastNews li p{display:block;font-size:16px;font-weight:bold;color:#222222;float:left;padding:10px 0 0 10px;}

#content #navi{float:right;margin:17px 15px 0;}
#content #navi a{float:left;margin:0;text-indent:-5000px;display:block;height:15px;width:15px;}
#content #navi a.prev{background:url(images/btn_prev.gif) no-repeat;}
#content #navi a.next{background:url(images/next.gif) no-repeat;margin:0 0 0 1px;}
#content #navi a.back{background:url(images/btn_back.gif) no-repeat;width:35px;margin:0 0 0 6px;}
#content #navi a:hover{background-position:0 -15px;}
/*Work*/
.work h2 span{display:none;}
.work h2{width:127px;height:28px;background:url(images/titre_work.jpg) no-repeat 0 0;margin:0 0 0 15px;}
.work #tri{border-top:solid 1px #dddddd;margin:10px 0 0 15px;padding:30px 0 0 0;width:850px;}
.work #tri{float:left;}
.work #tri li{margin:0 2px 0 0;}
.work #tri li, .work #tri li a{height:18px;float:left;}
.work #tri li a span{display:none;}
.work #tri li#all a{background:url(images/tri_all.jpg) no-repeat 0 0;width:40px;display:block;}
.work #tri li#motion a{background:url(images/tri_motion.jpg) no-repeat 0 0;width:108px;display:block;}
.work #tri li#commercial a{background:url(images/tri_commercial.jpg) no-repeat 0 0;width:89px;display:block;}
.work #tri li#clip a{background:url(images/tri_clip.jpg) no-repeat 0 0;width:43px;display:block;}
.work #tri li#other a{background:url(images/tri_other.jpg) no-repeat 0 0;width:54px;display:block;}
.work #thumbs{width:850px;float:left;margin:25px 0 0 15px;padding:0 0 40px 0;border-bottom:solid 1px #dddddd;}
.work #thumbs li{float:left;width:165px;height:95px;overflow:hidden;}
.work #thumbs li.default{background:url(images/default/thumb.jpg) no-repeat;}
.work #thumbs li div{background:url(images/bg_thumb.png) no-repeat 0 0;height:80px;margin-top:-53px;float:left;width:165px;}
.work #thumbs li div p{font-size:15px;color:#be2c2c;font-weight:bold;padding:10px 0 0 10px;}
.work #thumbs li div span{font-size:11px;color:white;padding:5px 0 0 10px;}
.work #thumbs li.left{margin:0 6px 6px 0;}
.work #thumbs li.right{margin:0 0 6px 0;}
.work #thumbs li a img{border:none;float:left}
.work #backTop{background:url(images/btn_backTop.jpg) no-repeat 0 -8px;width:77px;height:8px;display:block;float:right;margin:27px 15px 65px 0;}
.work #backTop:hover{background:url(images/btn_backTop.jpg) no-repeat 0 0px;}
.work #backTop span{display:none;}
.work #tri li a:hover, .work #tri li a.active{background-position:0 -18px !important;}	

/*About*/
.about h2 span{display:none;}
.about h2{width:132px;height:28px;background:url(images/titre_about.jpg) no-repeat 0 0;margin:0 0 0 15px;}
.about #layus{border-top:solid 1px #dddddd;font-size:11px;margin:10px 15px 150px 15px;padding:40px 0 0 0;}
.about #layus br{line-height:20px;}


/*workSingle*/
.workSingle h2 span{display:none;}
.workSingle h2{width:127px;height:28px;background:url(images/titre_work.jpg) no-repeat 0 0;display:block;float:left;margin:0 0 0 15px;}
.workSingle h3,.workSingle h3 a{float:left;font-weight:bold;font-style:italic;color:#cccccc;margin:10px 0 0 10px;}
.workSingle h3 a{float:none;margin:0;text-decoration:none;}
.attachment a img{max-width:850px;border:none;margin:auto;display:block;}
.attachment .navigation{width:284px;margin:15px auto;}

.attachment .navigation a img{border:2px solid #dddddd;}
.attachment .navigation a:hover img{border:2px solid #BE2C2C}
.attachment .navigation div{float:left;width:132px;margin:0 5px}
.workSingle #block{float:left;margin:10px 15px 0 15px;width:850px;border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd;padding:45px 0 45px 0;}
.workSingle #backTop{background:url(images/btn_backTop.jpg) no-repeat 0 -8px;width:77px;height:8px;display:block;float:right;margin:27px 15px 65px 0;}
.workSingle #backTop:hover{background:url(images/btn_backTop.jpg) no-repeat 0 0px;}
.workSingle #backTop span{display:none;}
.workSingle .video{width:515px;height:300px;display:block;float:left;background:gray;}
.workSingle #block .infos .titre{color:#be2c2c;font-weight:bold;font-size:16px;margin:0 0 15px 0;padding-bottom:15px;background:url(images/tik.gif) no-repeat left bottom;}
.workSingle #block .infos{width:300px;margin:0 0 0 30px;font-size:11px;float:left;}
.workSingle #block .infos .date{margin:0 0 15px 0;padding-bottom:15px;background:url(images/tik.gif) no-repeat left bottom;}
.workSingle #block .infos .date a{font-family:'trebuchet MS'; color:#999999;text-decoration:none;}
.workSingle #block .infos .date a:hover{color:#BE2C2C}
.workSingle #block .infos .layus{color:#222222;margin:0 0 15px 0;padding-bottom:15px;background:url(images/tik.gif) no-repeat left bottom;}
.workSingle #block .infos .tags{color:#999999;margin:0 0 35px 0;}
.workSingle #block .infos .down span{display:none;}
.workSingle #block .infos .down{background:url(images/btn_quicktime.jpg) no-repeat 0 0;display:block;width:128px;height:8px;}
.workSingle #block .infos .down:hover{background:url(images/btn_quicktime.jpg) no-repeat 0 -8px;}
.workSingle #imgs{float:left;width:515px;}
.workSingle .photos{float:left;margin:35px 0 0 0;}
.workSingle .photos .left{margin:0 10px 0 0;}
/*Reels*/
.reels h2 span{display:none;}
.reels h2{width:106px;height:28px;background:url(images/titre_reels.jpg) no-repeat 0 0;margin:0 0 0 15px;}
.reels #block{margin:10px 15px 30px 15px;border-top:solid 1px #dddddd;border-bottom:solid 1px #dddddd;float:left;}
.reels #block .reel{margin:40px 0 40px 0;float:left;}
.reels #block .video{width:510px;height:300px;background:gray;float:left;}
.reels #block .infos{width:310px;margin:0 0 0 30px;font-size:11px;float:left;}
.reels #block .infos .titre{color:#be2c2c;font-weight:bold;font-size:16px;margin:0 0 15px 0;padding-bottom:15px;background:url(images/tik.gif) no-repeat left bottom;}
.reels #block .infos .layus{color:#222222;margin:0 0 15px 0;padding-bottom:15px;background:url(images/tik.gif) no-repeat left bottom;}
.reels #block .infos .down span{display:none;}
.reels #block .infos .down{background:url(images/btn_quicktime.jpg) no-repeat 0 0;display:block;width:128px;height:8px;}
.reels #block .infos .down:hover{background:url(images/btn_quicktime.jpg) no-repeat 0 -8px;}
.reels #backTop{background:url(images/btn_backTop.jpg) no-repeat 0 -8px;width:77px;height:8px;display:block;float:right;margin:27px 15px 65px 0;}
.reels #backTop:hover{background:url(images/btn_backTop.jpg) no-repeat 0 0px;}
.reels #backTop span{display:none;}

/*Contact*/
.contact h2 span{display:none;}
.contact h2{width:167px;height:28px;background:url(images/titre_contact.jpg) no-repeat 0 0;margin:0 0 0 15px;}
.contact #block{border-top:solid 1px #dddddd;margin:10px 15px 0 15px;padding:40px 0 255px 0;}
.contact #map{width:450px;height:250px;border:solid 6px #222222;float:left;margin:0 20px 0 0;}
.contact #infos{float:left;}
.contact #infos h3 span{display:none;}
.contact #infos h3{display:block;width:99px;height:14px;background:url(images/titre_fullscreen.jpg) no-repeat 0 0;margin:0 0 15px 0;}
.contact #infos p{font-size:11px;}
.contact #infos p a{color:#999999;}
.contact #infos #gmapLink span{display:none;}
.contact #infos #gmapLink{display:block;width:79px;height:10px;background:url(images/btn_gmap.jpg) no-repeat 0 0;margin:25px 0 0 0;}
.contact #infos #gmapLink:hover{background:url(images/btn_gmap.jpg) no-repeat 0 -10px;}

/*Footer*/
#footer{clear:left;background:#222222;width:960px;margin:0 -40px 0 -40px;color:#6f6f6f;font-size:11px;}
#footer .bloc1 a span{display:none;}
#footer .bloc1 a{display:block;width:103px;height:12px;background:url(images/logo_rss.jpg) no-repeat 0 0;margin:0 0 5px 0;}
#footer .bloc1{float:left;padding:60px 0 60px 50px;}
#footer .bloc2{float:left;padding:63px 0 60px 50px;}
#footer .bloc3{float:left;padding:63px 0 60px 50px;}
#footer .bloc4{float:right;padding:75px 50px 60px 0;}
#footer .bloc3 a,#footer .bloc4 a{text-decoration:none;color:#6f6f6f}

#content.notfound h2{display:block;background:url(images/404_animated.gif) no-repeat;width:880px;height:500px;text-indent:-5000px;margin:0 0 75px}
#content.about #layus img{margin: 20px 6px 40px 0pt; float: left;}