@charset "UTF-8"; .rouge {color: #900; } .jaune-vert {color: #9F0; } /* CSS Document */ * {margin:0px; padding:0px; } br{margin:0px;padding:0px;height:0px; } 
body {background-color: #CCC; font-family: 'Raleway',Arial, sans-serif; background-image: url(../images/classy_fabric.png); background-repeat: repeat; background-attachment: fixed; } 
img { border: 0; display:block;} 
h1{font-size: 36px;font-style:italic; color: #AAA; text-align: center; font-family: "Times New Roman", Times, serif; font-weight:lighter;padding-bottom: 0.5em;margin-bottom:0.5em;text-shadow: 0 0 0.2em black;} /************* HEADER ******************/ #menu {background-color: #000; height: 80px; font-size: 0.8em; position: fixed; z-index: 10; width: 100%; top: 0px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #menu .logo {margin: 15px; } #menu #tools {margin: 10px; } #menu #tools p a {color: #900; } #menu #search {height:18px; width:175px; margin:10px 10px 0px 0px; float:right; } #menu #search input.text {float:left; font-size:0.75em;	color:#666666; height: 16px; width: 150px; border: 1px solid #CDCDCD; } #menu ul { float:right;height:80px;}
#menu li{list-style:none;font-size:14px;float:left;border-left:1px solid #333;cursor:pointer;padding:0px 20px;
	width:80px;height:100%;display: block;position: relative;line-height: 100px;}
#menu li.share_tw{padding:0px 20px;width:30px;}
#menu li.share_fb{padding:0px 20px;width:90px;cursor:default !important;}
#menu li a{ 
	background-color:#000;display:block;width:100%;height:100%;
	margin-top: -5px;
	color:#999;
	font-weight:lighter;position: absolute;}
#menu li.share_fb div{ 
	background-color:#000;display:block;width:100%;height:100%;
	margin-top: 0px;
	color:#999;
	font-weight:lighter;position: absolute;}

#menu li a img{position:absolute;top:50%;}
#menu li a.active{border-bottom:2px #FFF solid;} 
#menu #search img{float:left; /*vertical-align:middle; */} /***********/ #categories{height:10px;margin-top:90px;font-size: 0.85em; color: #CCC;padding: 0px 10px 0px 10px;} #categories ul li{float: left;display: block;margin-left: 20px;} /************* FOOTER ******************/ #footer {background-color: #242424; height: 26px; font-size: 0.7em; position: fixed; bottom: 0px; left:0px; z-index: 9999; width: 100%; color: #FFF; } #footer  a {color: #900; } footer ul {padding: 0; margin: 0; float: left; width: 100%; list-style: none; /*--Gives the bevel feel on the panel--*/ font-size: 1.1em; border-top-width: 1px; border-top-style: solid; border-top-color: #373737; } #footer ul li{padding: 0; margin: 0; float: left; position: relative; } #footer ul li a{padding: 0px; float: left; text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/	height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; } html #footer ul li a:hover{background-color: #CBCBCB; } html #footer ul li a.active {/*--Active state when sub-panel is open--*/ background-color: #fff; height: 17px; margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/ border: 1px solid #555; border-top: none; z-index: 200; /*--Keeps the active link on top of the sub-panel--*/ position: relative; } #footer #mainpanel li .facebook {background-image: url(../images/facebook.jpg); background-repeat: no-repeat; width: 66px;height:25px; } /************* NEWS ******************/ #une {width: 250px; float: left; margin-top: 34px; margin-right: 30px; margin-left: 10px; } .unit {margin-bottom: 15px; background-color: #FFF; padding-bottom: 20px; border: 4px solid #FFF; color: #666; } #une  #desc {font-size: 0.75em; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #E4E7F2; padding-bottom: 5px; } #une #client, .client {background-color: #393939; color: #FFFFFF; padding: 3px 10px 2px 10px !important;  text-transform: uppercase; font-size: 0.8em; line-height:1.2em; } #une #baseline, .baseline {font-size: 0.8em; padding: 10px 10px 0px 10px !important; padding: 0px; font-weight: bold; } /************* BOXES ******************/ 
#mix {font-size: 0.9em; color: #666; margin: 5px ;/*margin-top:100px*/;position:relative; } 
.module {width: 260px; float: left; padding-top:0px; margin: 10px 15px 10px 15px; background-color: #FFF; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;} #content, .content {margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; } #visuel, .visuel {margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px !important; padding:0px 0px 0px 0px;display: block; } #date, .date {font-size: 0.85em; color: #FFFFFF; margin: 10px 10px 0px 10px !important; margin:0px; font-weight: bold; } #mix #client, #mix .client, .client {background-color: #444477; color: #FFF; margin:0px 0px 0px 0px; padding: 0.2em 10px 0px 10px !important; padding: 0px 0px 0px 0px; text-transform: uppercase; display: inline-block; font-size: 0.85em; font-weight: normal; line-height: 1.2em; } #taf, .taf {font-size: 0.85em; color: #FFF; margin: 0px 0px 0px 0px; padding:0.2em 10px 0px 10px; font-weight: normal; text-transform: uppercase; background-color: #AAAFC5; display: inline-block; line-height:1.2em; } #boxDesc, .boxDesc h4{font-size: 0.85em;font-weight: lighter; margin: 10px 10px 0px 10px; padding:0px 0px 5px 0px; color: #666666; display: block; line-height: 1.2em; } .tags {width: 100%; text-align: left; font-size: 0.6em; text-transform:uppercase; float: left; margin-top: 20px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; padding:0px 0px 1em 0px; } .tags p {background-color: #AAA; padding: 2px 5px 2px 5px !important; padding:0px; display: inline-block; color: #FFFFFF; } .link {text-align:right; float: right; } a {color: #FFF; text-decoration: none; outline:none; } #une img {margin-right: 5px; } #siteTitle {font-family: 'Raleway';color: #FFF; float: left; height: 40px; width: 200px; font-size: 3em; margin-left: 20px; margin-top: 20px; font-weight: lighter; } #visuelSWF {padding:0px !important; padding:0px 0px 0px 0px; height: 200px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #content ul {font-size: 0.9em; margin-left: 1em; } #content a {font-size: 1em; color: #333; } #socialTools {background-color: #242424; padding: 10px; height: 20px; font-size: 1.2em; display: block; margin-top: 60px; } #socialFBConnect {} #twitter{float:right;padding:5px 15px 0px 0px;bottom:15px;} .clients p,.clients li, .clients h1,.clients h2 {color:#CCC;font-weight:lighter} .clients #mix {margin:150px 40px;} .clients #mix ul{padding:25px 40px;} .clients #mix li{padding:0em 0px;float:left;list-style: none;margin:2px;}
.clearfix{clear:both;display:block;height:1px;}
.boxDesc a{color:#CCCCCC;}
@media screen and (max-width: 785px) {
  #menu ul {
    display:none;
  }
}
.infosDiv{/*display: none;*/}

ul#clients li{width:150px;height:150px;}
ul#clients li.last{width:150px;height:150px;background:#FFF;cursor: pointer;}
ul#clients li img{position: absolute;}
ul#clients li img.over{display: none;z-index: 100;}

.fb_iframe_widget span {
display: inline-block;
position: relative;
text-align: justify;
float: left;
margin-top: 35px;