/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#f7f7f7 url(../img/bg-pattern.jpg) top left repeat;
	color:#615f62;
	font-size:11px;
}
/************************************************************
===> GLOBAL
*************************************************************/

#global {
	position:relative;
	width:955px;
	min-height:450px;
	margin:auto;
}
#glow {
	background:url(../img/glow.png) top left no-repeat;
	position:absolute;
	top:0;
	left:-300px;
	width:845px;
	height:435px;
	z-index:-1;
}
a#facebook:hover {
	background-position:0 -61px;
}
a {
	outline:none;
	/*color:#859194;*/
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
.hidden {
	display:none;
}
.center {
	display:block;
	margin:auto;
	text-align:center;
}
.clear {
	clear:both;
}
a.fondu {
	color:#615f62;
	text-decoration:none;
}
.ali-left {
	float:left;
	margin:0 6px 3px 0;
}
#sidebar {
	margin-top:220px;
	position:fixed;
	float:left;
}
#sidebar a {
	display:block;
	background:url(../img/sidebar.png) top left no-repeat;
	width:38px;
	height:178px;
	text-indent:-9999px;
}
.f-left {
	float:left;
	margin:0 8px 8px 0;
}
.f-right {
	float:right;
	margin:0 0 8px 8px;
}

div#main-content a.facebook{
	display:block;
	background:url(../img/facebook.png) 0 2px no-repeat;
	padding:0 0 0 20px;
	height:18px;
	color:#3B5998;
	text-decoration:underline;
}

.anysurfer{
	position:relative;
	top:5px;
}
/************************************************************
===> TITLE
*************************************************************/

div#main-content h1, div#main-content h1 a.fondu {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ff6600;
	margin:0 0 8px 0;
	text-decoration:none;
	font-style: italic;
}
h1#title1 {
	margin:15px 0;
}
h1#title1 span {
	position:absolute;
	display:block;
	text-indent:-9999px;
}
/* 
#main-content h2 {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ff6600;
	margin:0 0 8px 0;
	font-style: italic;
} */
#main-content .col2 h2 {
	font-size:18px;
	color:#859194;
}
div#main-content h2, div#main-content h2 a.fondu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#ff6600;
	color:#859194;
	color:#535154;
	margin:16px 0 2px 0;
}	
div#main-content h3, div#main-content h3 a.fondu {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#ff6600;
	color:#859194;
	color:#535154;
	margin:16px 0 2px 0;
}
/************************************************************
===> HEADER
*************************************************************/

h1#logo a {
	display:block;
	background:url(../img/logo.png) top left no-repeat;
	width:158px;
	height:95px;
	float:left;
	text-indent:-9999px;
	margin:20px 0 15px 4px;
}
h1#logo2 a {
	display:block;
	background:url(../img/logo2.jpg) top left no-repeat;
	width:218px;
	height:134px;
	float:left;
	text-indent:-9999px;
	margin:0 0 0 0;
}
h1#logo3 a {
	display:block;
	background:url(../img/logo3.jpg) top left no-repeat;
	width:218px;
	height:134px;
	float:left;
	text-indent:-9999px;
	margin:0 0 0 0;
}
span#pixel {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	float:right;
	color:#3c3a3d;
	margin:90px 0 0 0;
	overflow:hidden;
}
/************************************************************
===> MENU
*************************************************************/

div#menu-content {
	clear:both;
	background:url(../img/pattern-menu.png) top left repeat-x;
	height:42px;
	max-width:100%;
}
ul#menu-1, ul#menu-2 {
	list-style-type:none;
}
ul#menu-1 li, ul#menu-2 li {
	float:left;
}
/* Menu 1 */

ul#menu-1 {
	float:left;
	margin:12px 0 0 0;
	padding:0 0 0 3px;
}
ul#menu-1 li {
	position:relative;
	margin:0 35px 0 0;
}
ul#menu-1 li a {
	display:block;
	height:19px;
	text-indent:-9999px;
}
ul#menu-1 li a.men-home {
	background:url(../img/menu/home.png) top left no-repeat;
	width:52px;
}
ul#menu-1 li a.men-about {
	background:url(../img/menu/about.png) top left no-repeat;
	width:60px;
}
ul#menu-1 li a.men-services {
	background:url(../img/menu/services.png) top left no-repeat;
	width:83px;
}
ul#menu-1 li a.men-work {
	background:url(../img/menu/work.png) top left no-repeat;
	width:53px;
}
ul#menu-1 li a.men-contact {
	background:url(../img/menu/contact.png) top left no-repeat;
	width:79px;
}
ul#menu-1 li a:hover, ul#menu-1 li a#men1-active {
	background-position:0 -19px;
}
/* ssmenu */


ul#menu-1 li ul {
	background:#fff url(../img/pattern2.jpg) top left repeat;
	margin: 24px 0 0 0;
	padding:0;
	filter:alpha(opacity=95);
	opacity:0.95;
	position:absolute;
	left:-10px;
	z-index:99;
	width:130px;
	list-style-type:none;
	-moz-box-shadow:0 0 4px #ccc;
	-webkit-box-shadow : 0 0 4px #ccc;
	height:270px;
}
ul#menu-1 li ul li {
	float: none;
	display: inline;
	margin:0;
	padding:0;
	width:100%;
}
ul#menu-1 li ul li a {
	text-indent:0;
	width: auto;
	color: #3c3a3d;
	padding:12px 12px 10px 12px;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
}
ul#menu-1 li ul li a:hover, ul#menu-1 li ul li a#superfish-active:hover {
	background:#ff6600;
	color:#fff;
}
ul#menu-1 li ul li a#superfish-active {
	color:#ff6600;
}
/* Menu 2 */

ul#menu-2 {
	float:right;
	margin:14px 0 0 0;
}
ul#menu-2 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#859194;
	margin:0 0 0 35px;
}
ul#menu-2 li a:hover, ul#menu-2 li a#men2-active {
	color:#ff6600;
}
/************************************************************
===> MENU SEC
*************************************************************/

.col2 #menu-sec-content {
}
.col2 #menu-sec-content span#menu-title {
}
.col2 div#menu-sec-content ul {
	list-style-type:none;
}
.col2 div#menu-sec-content ul li {
	background:none;
	display:block;
	overflow:hidden;
	text-align:left;
	padding:0;
}
.col2 div#menu-sec-content ul li ul {
	margin:0 0 0 16px;
}
.col2 div#menu-sec-content ul li ul li {
	background:url(../img/puce1.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
}
.col2 div#menu-sec-content ul li ul li, .col2 div#menu-sec-content ul li ul li a {
	margin:0;
	color:#615f62;
}
.col2 div#menu-sec-content ul li ul li a#ss-ssmenu-active {
	color:#ff6600;
}
.col2 div#menu-sec-content ul li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	height:26px;
	text-decoration:none;
}

.col2 div#menu-sec-content ul li a:hover{
	text-decoration:underline;
}

.col2 div#menu-sec-content ul li a span {
	font-family:Arial, Helvetica, sans-serif;
	float:none;
	font-size:14px;
	text-transform:uppercase;
	color:#615f62;
	margin:0;
	padding-left:26px;
}
div#menu-sec-content ul li a#ssmenu-active span, div#menu-sec-content ul li a:hover span {
	color:#ff6600;
}
/* icons */

a span.menu-web {
	background:url(../img/icons/globe_3_16.png) 0 0 no-repeat;
}
a span.menu-movie {
	background:url(../img/icons/movie_16.png) 0 0 no-repeat;
}
a span.menu-emarketing {
	background:url(../img/icons/chart_bar_16.png) 0 0 no-repeat;
}
a span.menu-identity {
	background:url(../img/icons/pencil_16.png) 0 0 no-repeat;
}
a span.menu-print {
	background:url(../img/icons/print_16.png) 0 0 no-repeat;
}
a span.menu-mobile {
	background:url(../img/icons/iphone_16.png) 0 0 no-repeat;
}
a span.menu-flash {
	background:url(../img/icons/flash_16.png) 0 0 no-repeat;
}
/* icons active */

a#ssmenu-active span.menu-web {
	background:url(../img/icons/globe_3_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-movie {
	background:url(../img/icons/movie_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-emarketing {
	background:url(../img/icons/chart_bar_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-identity {
	background:url(../img/icons/pencil_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-print {
	background:url(../img/icons/print_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-mobile {
	background:url(../img/icons/iphone_16_h.png) 0 0 no-repeat;
}
a#ssmenu-active span.menu-flash {
	background:url(../img/icons/flash_16_h.png) 0 0 no-repeat;
}
/************************************************************
===> MENU CATEGORIES REF
*************************************************************/

div#select-cat-ref {
	float:left;
	clear:both;
	margin:0 0 5px 16px;
}
div#select-cat-ref span {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	font-size:12px;
	color:#859194;
}
div#select-cat-ref ul {
	float:left;
	margin:0;
}
div#select-cat-ref ul li {
	background:none;
	padding:0 0 0 12px;
	display:block;
	float:left;
}
div#select-cat-ref ul li a {
	text-decoration:none;
}
div#select-cat-ref ul li a span {
	text-decoration:none;
	display:block;
	color:#615f62;
	font-size:12px;
}
div#select-cat-ref ul li a span {
	padding-left:20px;
	height:16px;
}
div#select-cat-ref ul li a:hover span {
	color:#ff6600;
}
div#select-cat-ref ul li a#ref-active span {
	color:#ff6600;
}
/* icons active */

a#ref-active span.menu-web {
	background:url(../img/icons/globe_3_16_h.png) 0 0 no-repeat;
}
a#ref-active span.menu-movie {
	background:url(../img/icons/movie_16_h.png) 0 0 no-repeat;
}
a#ref-active span.menu-print {
	background:url(../img/icons/print_16_h.png) 0 0 no-repeat;
}
a#ref-active span.menu-identity {
	background:url(../img/icons/pencil_16_h.png) 0 0 no-repeat;
}
a#ref-active span.menu-mobile {
	background:url(../img/icons/iphone_16_h.png) 0 0 no-repeat;
}
a#ref-active span.menu-flash {
	background:url(../img/icons/flash_16_h.png) 0 0 no-repeat;
}
/************************************************************
===> FLASH
*************************************************************/

#flash-content {
	background:url(../img/ajax-loader.gif) center center no-repeat;
	margin:15px 0;
	width:955px;
	height:350px;
}

#slides{
	margin:15px 0;
	height:280px;
}
/************************************************************
===> NEWS HOMEPAGE
*************************************************************/

#news-content {
	overflow:hidden;
	margin:0 0 15px 0;
}
#news-content .news, #news-content .news-last {
	float:left;
	width:287px;
	overflow:hidden;
}
#news-content .news {
	margin:0 47px 0 0;
	text-align:left;
}
#news-content .news-last {
	margin:0;
}
#news-content span {
	display:block;
	color:#615f62;
	margin:0 0 12px 0;
	padding:0 4px;
}
#news-content h2 {
	padding:0 4px;
}
#news-content h2 {
	font-size:11px;
	font-weight:normal;
	margin:15px 0 0 0;
	line-height:18px;
}

/************************************************************
===> BOUTON DEVIS
*************************************************************/
.slide-out-div {
    padding: 15px;
    width: 150px;
    height: 180px;
    background: url(../img/bg_bouton_devis.png) no-repeat right top ;
    color: #fff;
    z-index: 2000;
}
.slide-out-div p{
font-size: 14px;
font-weight: bold;
padding-bottom: 20px;
line-height: 20px;
}

.slide-out-div ul{
list-style: none;
font-size: 14px;
line-height: 24px;
}
.slide-out-div ul a{
 color: #fff;
}
.handle {
        background:url(../img/bouton_devis.png) no-repeat ;
        height: 69px;
        width: 22px;
        margin-top: 17px;
}
.handle:hover, .handle:active, .handle:focus, .handle:target  {
        background:url(../img/bouton_devis_hover.png) no-repeat ;
       }
       
/************************************************************
===> SLIDER
*************************************************************/

/* homepage */

div#main-content #slider, div#main-content #slider div.panel, div#main-content #slider div.panel-wrapper {
	position:relative;
	background:none;
	padding:0;
	margin:0;
	height:150px;
	overflow:hidden;
}
div#main-content #slider div {
	margin:0;
	padding:0;
}
/* clients */

div#main-content #slider-col2, div#main-content #slider-col2 div.pannel {
	position:relative;
	background:none;
	padding:0;
	margin:0;
	height:125px;
	width:215px;
	overflow:hidden;
}
/************************************************************
===> CONTACT
*************************************************************/

#main-content .col-contact a#mail {
	position:absolute;
	top:165px;
	left:0;
	width:215px;
	height:25px;
	text-indent:-9999px;
}
/************************************************************
===> DEVIS
*************************************************************/

#main-content .col1 a#mail {
	position:absolute;
	top:168px;
	left:0;
	width:215px;
	height:25px;
	text-indent:-9999px;
}

/************************************************************
===> WORK
*************************************************************/

#main-content div.work div.col-work h2 {
	margin:12px 0 8px 0;
}
#main-content div.work span.work-img {
	position:relative;
	background:url(../img/background-work.png) top left no-repeat;
	display:block;
	width:620px;
	height:230px;
	margin:0;
	padding:0;
}
#main-content div.work span.work-img img {
	position:absolute;
	top:19px;
	left:19px;
}
#main-content div.work a.work-img {
	position:relative;
	background:url(../img/background-work.png) top left no-repeat;
	display:block;
	width:620px;
	height:230px;
}
#main-content div.work a.work-img img {
	position:absolute;
	top:19px;
	left:19px;
}
#main-content div.work a.work-img span.fullsize {
	background:url(../img/fullsize.png) top left no-repeat;
	position:absolute;
	top:7px;
	left:19px;
	display:none;
	width:579px;
	height:196px;
}
#main-content div.work a.work-img span.play-movie {
	background:url(../img/play.png) top left no-repeat;
	position:absolute;
	top:7px;
	left:19px;
	display:none;
	width:579px;
	height:196px;
}
#main-content div.col-work span.datum {
	font-size:10px;
	letter-spacing:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:none;
	display:block;
	font-weight:normal;
	font-style:normal;
	color:#859194;
	margin:3px 0 15px 0;
}
#main-content div.col-work a.visit, #main-content div.col-work a.visit-projet {
	position:absolute;
	bottom:0;
	display:block;
	width:285px;
	height:30px;
	text-indent:-9999px;
}
#main-content div.col-work a.visit {
	background:url(../img/visit.jpg) top left no-repeat;
}
#main-content div.col-work a.visit-projet {
	background:url(../img/visit-projet.jpg) top left no-repeat;
}
#main-content div.line {
	background:url(../img/pattern.jpg) top left repeat-x;
	margin:15px 0;
	clear:both;
	height:6px;
}
#main-content div.line span.top {
	background:url(../img/top.jpg) top left no-repeat;
	float:right;
	width:34px;
	height:6px;
	text-indent:-9999px;
	cursor:pointer;
	margin:0;
}
/************************************************************
===> WEB
*************************************************************/

#main-content ul.ss-ser {
	float:left;
	margin:0 70px 0 0;
	width:270px;
}
#main-content ul.ss-ser li {
	background:none;
	border-bottom:1px solid #dddddd;
	margin:0 0 24px 0;
	padding:0 0 12px 0;
}

#main-content ul.last{
	margin:0;
}

#main-content ul.ss-ser li h3{
	/*padding-left:28px;	*/
}

#main-content ul.ss-ser li h3 a {
	color:#3c3a3d;
}

#main-content ul.ss-ser a:hover{
	text-decoration:underline;
}

#main-content ul.ss-ser li a.read-more{
	position:relative;
	top:6px;
	float:right;
	background:url(../img/read-more.jpg) top left;
	width:77px;
	height:12px;
	text-indent:-999999px;
}

#main-content ul.ss-ser li a.read-more:hover{
	background-position:0 -12px;
}
/************************************************************
===> CONTENT
*************************************************************/

#main-content {
	overflow:hidden;
	margin:20px 0 55px 0;
}
#content-index {
	background:url(../img/guillemet.jpg) 320px 55px no-repeat;
	overflow:hidden;
}
#main-content .content, #main-content .content-last {
	position:relative;
	background:url(../img/pattern.jpg) top left repeat-x;
	padding:20px 0 0 0;
	float:left;
	width:285px;
}
#main-content .content {
	position:relative;
	margin:0 49px 0 0;
	text-align:justify;
}
#main-content #comment li {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
}
#main-content .content-last {
	position:relative;
	margin:0;
}
#main-content .content-last img {
	position:absolute;
	top:35px;
	left:150px;
	z-index:-1;
}
#main-content h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-weight:normal;
	color:#ff6600;
	margin:0 0 15px 0;
}
#main-content p {
	margin:0 0 8px 0;
	line-height:18px;
}
#main-content span {
	font-family:"Times New Roman", Times, serif;
	display:block;
	font-size:12px;
	float:right;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	margin:12px 0 0 0;
}
#main-content ol {
	margin:12px 0;
	list-style-type:decimal;
}
#main-content ol li {
	list-style-type:decimal;
	margin:0 0 4px 0;
	line-height:18px;
}
#main-content ul {
	list-style-type:none;
	margin:12px 0;
}
#main-content ul li {
	background:url(../img/puce1.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 4px 0;
	line-height:18px;
}
#main-content .col2 ul li {
	background:url(../img/puce2.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 6px 0;
}
#main-content ul.left {
	float:left;
	margin:12px 45px 0 0;
}
a#facebook {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:62px;
	height:61px;
	background:url(../img/facebook.jpg);
	text-indent:-9999px;
}
#main-content .col h3, #main-content .col-last h3, #main-content .colbis2 h3, #main-content .colbis2-last h3, #main-content .colbis h3, #main-content .colbis-last h3 {
	margin:12px auto;
	font-size:16px;
}

#main-content .col2 p.citation {
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:24px;
	color:#859194;
	text-align:justify;
}
#main-content a.visit-portfolio, #main-content a.visit-flexedit, #main-content a.jouer {
	display:block;
	width:213px;
	height:28px;
	margin:30px 0 0 0;
	text-indent:-9999px;
}
#main-content a.visit-portfolio {
	background:url(../img/visit-portfolio.jpg) top left no-repeat;
}
#main-content a.visit-flexedit {
	background:url(../img/visit-flexEdit.jpg) top left no-repeat;
}
#main-content a.jouer {
	background:url(../img/jouer.jpg) top left no-repeat;
	width:85px;
	float:left;
	margin:30px 0 0 0
}
/* COLS */

#main-content .colTot {
	float:left;
	width:952px;
	overflow:hidden;
	padding:0 0 0 3px;
}
#main-content .col1 {
	position:relative;
	float:left;
	width:617px;
	overflow:hidden;
	padding:0 0 0 3px
}

#main-content .col-testimonials {
	position:relative;
	float:left;
	width:945px;
	overflow:hidden;
	padding:0 0 0 3px
}

.col-testimonials .testimonial-txt{
	width:617px;
	float:left; 
	margin:0 70px 18px 0;
}

.col-testimonials .testimonial-ima{
	float:right;
	background:#fff;
	padding:10px;
	border:1px solid #ccc;
}

#main-content .col2 {
	background:url(../img/men-sha.jpg) top left no-repeat;
	float:right;
	width:185px;
	padding:0 0 0 30px;
	min-height:325px;
	overflow:hidden;
	color:#859194;
	position:relative;
}

#main-content .col2 a.logo{
	position:absolute;
	width:87px;
	height:56px;
	float:left;
	margin:0 5px 20px 0;
	text-indent:-999999px;
}

#main-content .col2 a.eticBE{top:53px;left:30px;}
#main-content .col2 a.eticFR{top:53px;right:-4px;}

#main-content .sha2 {
	background:url(../img/men-sha2.jpg) top left no-repeat;
	min-height:425px;
}
#main-content .col-work {
	position:relative;
	float:right;
	width:285px;
	height:215px;
	overflow:hidden;
}
#main-content .col-contact {
	position:relative;
	float:left;
	width:215px;
	margin:0 0 0 10px;
}
#main-content .col-map {
	float:right;
	width:700px;
}
#main-content .work {
	position:relative;
	overflow:hidden;
}
#main-content .col, #main-content .col-last {
	float:left;
	width:170px;
	min-height:200px;
	padding-right:20px;
	border-right:1px solid #ccc;
	color:#3c3a3d;
	text-align:justify;
}
#main-content .col {
	margin:20px 20px 20px 0;
}
#main-content .col-last {
	margin:20px 0;
	padding:0;
	border:none
}
/*** BIS ***/


#main-content .colbis, #main-content .colbis-last {
	background:url(../img/background-rub.jpg) top left no-repeat;
	position:relative;
	float:left;
	width:232px;
	height:170px;
	padding:20px;
}


#main-content .colbis-bg-hover{
	background:url(../img/background-rub-h.jpg) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:272px;
	height:210px;
	z-index:10;
	display:none;
}

#main-content .colbis {
	margin:0 68px 40px 0;
}
#main-content .colbis-last {
	margin:0;
}
#main-content .colbis a, #main-content .colbis-last a {
	position:absolute;
	bottom:5px;
	left:110px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#615f62;
	z-index:30;
}
#main-content .colbis a:hover, #main-content .colbis-last a:hover {
	color:#41adde;
}
#main-content .colbis img, #main-content .colbis p, #main-content .colbis h3,
#main-content .colbis-last img, #main-content .colbis-last p, #main-content .colbis-last h3{
	position:relative;
	z-index:20;
}
#main-content .colbis h3, #main-content .colbis-last h3 {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ff6600;
	text-align:center;
}
#main-content .colbis a.ser-link, #main-content .colbis-last a.ser-link {
	position:absolute;
	top:0;
	left:0;
	width:272px;
	height:216px;
}


/************************************************************
===> FOOTER
*************************************************************/

#footer {
	position:relative;
	background:url(../img/footer.jpg) top left no-repeat;
	height:190px;
	padding:30px 0 0 0;
}
#footer h2 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#615f62;
	margin:0 0 12px 0;
}
#footer #menu-footer {
	width:770px;
	margin:auto;
	height:130px;
}
#footer .col-foo {
	float:left;
	width:135px;
	height:155px;
	margin:0 25px 0 0;
	border-right:1px solid #ccc;
}
#footer .col-foo-last {
	margin:0;
	border:none;
}
#footer ul {
	list-style-type:none;
}
#footer ul li {
	margin:0 0 6px 0;
}
#footer ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#859194;
	text-decoration:none;
}
#footer ul li a:hover, #footer ul li a#footer-active {
	text-decoration:underline;
}
#footer #bot-foo {
	font-size:10px;
	width:900px;
	margin:25px auto 0;
	padding:10px 0 0 0;
	border-top:1px solid #ccc;
}
#footer #copy {
}
#footer #etic, #footer #partners {
	float:right;
}
#footer #partners {
	position:relative;
	top:-4px;
	margin:0 0 0 6px;
}
#footer #etic a {
	color:#66CC33;
}

/* CSS 600px, iPhone and mobiles */

@media handheld and (max-width:480px), screen and (max-device-widht: 480 px), screen and (max-width:600px) {

/************************************************************

img,table,td,blockquote,object,embed,video,input,code,pre,textarea {
width:100% !important;
}
*************************************************************/

* {
margin:0;
padding:0;
}
 body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#f7f7f7;
color:#615f62;
font-size:11px;
width:100%;
}

/************************************************************
===> GLOBAL
*************************************************************/

#global {
float:none;
width:auto;
min-height:360px;
margin:auto;
}
 #glow, a#facebook:hover {
display:none;
}
 a {
outline:none;
color:#41adde;
}
 a img {
border:none;
}
 .hidden {
display:none;
}
 .center {
display:block;
margin:auto;
text-align:center;
}
 .clear {
clear:both;
}
 a.fondu {
color:#615f62;
text-decoration:none;
}
 .ali-left {
float:left;
margin:0 6px 3px 0;
}


/************************************************************
===> TITLE
*************************************************************/
div#main-content .col1 {
position:relative;
float:left;
overflow:hidden;
margin:10px 10px;
}
 div#main-content .col1 img {
max-width:287px;
height:auto;
}
 div#main-content .col1 a.jouer {
float:right;
margin:0 25px 0 0;
}
 div#main-content h1, div#main-content h1 a.fondu {
font-size:20px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#ff6600;
margin:0 0 15px 0;
text-decoration:none;
}
 h1#title1 img {
max-width: 100%;
height: auto;
padding: 10px 0;
}
 h1#title1 span {
display:block;
text-indent:-9999px;
}
 #main-content h2 {
font-size:20px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#ff6600;
margin:0 0 15px 0;
}
 #main-content .col2 h2 {
font-size:18px;
color:#859194;
}
 div#main-content .col2 {
float:left;
margin:10px 10px;
}
 div#main-content h3, div#main-content h3 a.fondu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
color:#859194;
}

/************************************************************
===> HEADER
*************************************************************/

h1#logo a {
display:block;
background:url(../img/logo-mobile.png) top left no-repeat;
width:80px;
height:48px;
float:left;
text-indent:-9999px;
margin:5px 0 15px 10px;
}
 h1#logo2 a {
display:block;
background:url(../img/logo2.jpg) top left no-repeat;
width:218px;
height:134px;
float:left;
text-indent:-9999px;
margin:0 0 0 0;
}
 h1#logo3 a {
display:block;
background:url(../img/logo3.jpg) top left no-repeat;
width:218px;
height:134px;
float:left;
text-indent:-9999px;
margin:0 0 0 0;
}
 span#pixel {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
float:right;
color:#3c3a3d;
margin:20px 1px 0 0;
overflow:hidden;
}


/************************************************************
===> MENU
*************************************************************/


ul#menu-1, ul#menu-2 {
list-style-type:none;
}


/* Menu 1 */

ul#menu-1 {
clear:both;
margin:10px 0 10px 10px;
}
 ul#menu-1 li {
position:relative;
margin:5px 5px 0 0;
}
 ul#menu-1 li a {
display:block;
height:16px;
text-indent:-9999px;
}
 ul#menu-1 li a.men-home {
background:url(../img/menu/home-mobile.png) top left no-repeat;
width:45px;
}
 ul#menu-1 li a.men-about {
background:url(../img/menu/about-mobile.png) top left no-repeat;
width:50px;
}
 ul#menu-1 li a.men-services {
background:url(../img/menu/services-mobile.png) top left no-repeat;
width:70px;
}
 ul#menu-1 li a.men-work {
background:url(../img/menu/work-mobile.png) top left no-repeat;
width:45px;
}
 ul#menu-1 li a.men-contact {
background:url(../img/menu/contact-mobile.png) top left no-repeat;
width:70px;
}
 ul#menu-1 li a:hover, ul#menu-1 li a#men1-active {
background-position:0 -16px;
}

/* Menu 2 */

ul#menu-2 {
display:none;
}

/************************************************************
===> MENU SEC
*************************************************************/

.col2 #menu-sec-content {
}
 .col2 #menu-sec-content span#menu-title {
}
 .col2 div#menu-sec-content ul {
list-style-type:none;
}
 .col2 div#menu-sec-content ul li {
background:none;
display:block;
overflow:hidden;
text-align:left;
padding:0;
}
 .col2 div#menu-sec-content ul li ul {
margin:0 0 0 15px;
}
 .col2 div#menu-sec-content ul li ul li, .col2 div#menu-sec-content ul li ul li a {
margin:0;
color:#615f62;
}
 .col2 div#menu-sec-content ul li ul li a#ss-ssmenu-active {
text-decoration:underline;
color:#ff6600;
}
 .col2 div#menu-sec-content ul li a {
display:block;
font-family:Arial, Helvetica, sans-serif;
height:26px;
text-decoration:none;
}
 .col2 div#menu-sec-content ul li a span {
font-family:Arial, Helvetica, sans-serif;
float:none;
font-size:14px;
text-transform:uppercase;
color:#615f62;
margin:0;
padding-left:26px;
}
 div#menu-sec-content ul li a#ssmenu-active span, div#menu-sec-content ul li a:hover span {
color:#ff6600;
}

/* icons */

a span.menu-web {
background:url(../img/icons/globe_3_16.png) 0 0 no-repeat;
}
 a span.menu-movie {
background:url(../img/icons/movie_16.png) 0 0 no-repeat;
}
 a span.menu-emarketing {
background:url(../img/icons/chart_bar_16.png) 0 0 no-repeat;
}
 a span.menu-identity {
background:url(../img/icons/pencil_16.png) 0 0 no-repeat;
}
 a span.menu-print {
background:url(../img/icons/print_16.png) 0 0 no-repeat;
}
 a span.menu-mobile {
background:url(../img/icons/iphone_16.png) 0 0 no-repeat;
}

/* icons active */

a#ssmenu-active span.menu-web {
background:url(../img/icons/globe_3_16_h.png) 0 0 no-repeat;
}
 a#ssmenu-active span.menu-movie {
background:url(../img/icons/movie_16_h.png) 0 0 no-repeat;
}
 a#ssmenu-active span.menu-emarketing {
background:url(../img/icons/chart_bar_16_h.png) 0 0 no-repeat;
}
 a#ssmenu-active span.menu-identity {
background:url(../img/icons/pencil_16_h.png) 0 0 no-repeat;
}
 a#ssmenu-active span.menu-print {
background:url(../img/icons/print_16_h.png) 0 0 no-repeat;
}
 a#ssmenu-active span.menu-mobile {
background:url(../img/icons/iphone_16_h.png) 0 0 no-repeat;
}

/************************************************************
===> MENU CATEGORIES REF
*************************************************************/

div#select-cat-ref {
float:left;
clear:both;
margin:10px 0 10px 10px;
}
 div#select-cat-ref span {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0;
font-size:12px;
color:#859194;
}
 div#select-cat-ref ul {
float:left;
margin:10px 0 0 0;
}
 div#select-cat-ref ul li {
background:none;
padding:0 5px 0 0;
display:block;
float:left;
}
 div#select-cat-ref ul li a span {
display:block;
color:#615f62;
font-size:12px;
padding-left:20px;
height:16px;
}
 div#select-cat-ref ul li a:hover span {
color:#ff6600;
}
 div#select-cat-ref ul li a#ref-active span {
color:#ff6600;
}

/* icons active */

a#ref-active span.menu-web {
background:url(../img/icons/globe_3_16_h.png) 0 0 no-repeat;
}
 a#ref-active span.menu-movie {
background:url(../img/icons/movie_16_h.png) 0 0 no-repeat;
}
 a#ref-active span.menu-print {
background:url(../img/icons/print_16_h.png) 0 0 no-repeat;
}
 a#ref-active span.menu-identity {
background:url(../img/icons/pencil_16_h.png) 0 0 no-repeat;
}


/************************************************************
===> FLASH
*************************************************************/

#flash-content {
display:none;
}


#slides{
	margin:15px 5px 0 0;
	height: 100px;
}

/************************************************************
===> NEWS HOMEPAGE
*************************************************************/

#news-content {
display:block;
width:100%;
float:left;
overflow:hidden;
margin:0 10px 50px 0;
}
 #news-content .news, #news-content .news-last {
float:none;
width:100%;
overflow:hidden;
}
 #news-content .news {
margin:0 47px 0 0;
text-align:justify;
}
 #news-content img {
display:block;
margin-left:10px;
}
 #news-content .news-last {
margin:0;
}
 #news-content span {
display:block;
color:#615f62;
margin:0 0 12px 10px;
}
 #news-content h2 {
padding:0 15px 0 10px;
}
 #news-content h2 {
font-size:11px;
font-weight:normal;
margin:15px 0 0 0;
line-height:18px;
}

/************************************************************
===> SLIDER
*************************************************************/

/* homepage */

div#main-content #slider, div#main-content #slider div.panel, div#main-content #slider div.panel-wrapper {
position:relative;
background:none;
padding:0;
margin:0;
height:150px;
overflow:hidden;
}
 div#main-content #slider div {
margin:0;
padding:0;
}

/* clients */

div#main-content #slider-col2, div#main-content #slider-col2 div.pannel {
position:relative;
background:none;
padding:0;
margin:0;
height:125px;
width:100%;
overflow:hidden;
}

/************************************************************
===> CONTACT
*************************************************************/

#main-content .col-contact a#mail {
position:absolute;
top:150px;
left:0;
width:215px;
height:25px;
text-indent:-9999px;
}

/************************************************************
===> DEVIS
*************************************************************/

#main-content .col1 a#mail {
position:absolute;
top:168px;
left:0;
width:215px;
height:25px;
text-indent:-9999px;
}

/************************************************************
===> WORK
*************************************************************/

#main-content div.work div.col-work {
float:none;
padding:0 0 0 10px;
width:100%;
height:auto;
}
 #main-content div.work span.work-img {
background:none;
display:inline;
top:0;
left:0;
width:100%;
height:auto;
}
 #main-content div.work span.work-img img {
postion:relative;
top:0;
left:0;
position:relative;
width:287px;
height:auto;
}
 #main-content div.work a.work-img {
background:none;
display:inline;
top:0;
left:0;
width:100%;
height:auto;
}
 #main-content div.work a.work-img img {
postion:relative;
top:0;
left:0;
position:relative;
width:287px;
height:auto;
}
 #main-content div.work a.work-img span.fullsize {
background:none;
}
 #main-content div.work a.work-img span.play-movie {
background:none;
}
 #main-content div.col-work span.datum {
font-size:10px;
letter-spacing:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:none;
display:block;
font-weight:normal;
font-style:normal;
color:#859194;
margin:3px 0 15px 0;
}
 #main-content div.col-work a.visit, #main-content div.col-work a.visit-projet {
position:relative;
bottom:0;
display:block;
text-indent:-9999px;
margin:10px 0 0 0;
}
 #main-content div.col-work a.visit {
background:url(../img/visit.jpg) top left no-repeat;
}
 #main-content div.col-work a.visit-projet {
background:url(../img/visit-projet.jpg) top left no-repeat;
}
 #main-content div.line {
background:url(../img/pattern.jpg) top left repeat-x;
clear:both;
height:6px;
}
 #main-content div.line span.top {
background:url(../img/top.jpg) top left no-repeat;
float:right;
width:34px;
height:6px;
text-indent:-9999px;
cursor:pointer;
margin:0;
}




/************************************************************
===> WEB
*************************************************************/

#main-content ul.ss-ser {
margin:18px 0;
}
 #main-content ul.ss-ser li {
padding-left:35px;
background:url(../img/icons/round_checkmark.png) top left no-repeat;
display:block;
margin:0 0 26px 0;
padding:0 0 12px 35px;
}
 #main-content ul.ss-ser li h3 a {
color:#3c3a3d;
}


/************************************************************
===> CONTENT
*************************************************************/

#main-content {
float:left;
display:block;
margin:auto;
width:100%;
/*overflow:hidden;
margin:20px 0 55px 0;*/
}
 #content-index {
background:none;
overflow:hidden;
}
 #main-content .content, #main-content .content-last {
position:relative;
background:url(../img/pattern.jpg) top left repeat-x;
float:none;
width:100%;
text-align:justify;
padding:20px 0 0 10px;
}
 #main-content #comment li {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:13px;
}
 #main-content .content-last img {
position:absolute;
top:35px;
left:150px;
z-index:-1;
}
 #main-content h1 {
 font-family:"Times New Roman", Times, serif;
 font-size:21px;
 font-weight:normal;
 color:#ff6600;
 margin:0 0 15px 0;
 padding: 0 10px 0 0;
}
 #main-content p {
margin:0 20px 8px 0;
line-height:18px;
}
 #main-content span {
font-family:"Times New Roman", Times, serif;
display:block;
font-size:12px;
float:right;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
margin:12px 0 0 0;
}
 #main-content ul {
list-style-type:none;
margin:12px 0 0 0;
}
 #main-content ul li {
background:url(../img/puce1.gif) 0 6px no-repeat;
margin:0 0 4px 0;
line-height:18px;
}
 #main-content .col2 ul li {
background:url(../img/puce2.gif) 0 6px no-repeat;
margin:0 0 6px 0;
}
 #main-content ul.left {
float:left;
margin:12px 45px 0 0;
}
 a#facebook {
display:none;
}
 #main-content .col h3, #main-content .col-last h3, #main-content .colbis2 h3, #main-content .colbis2-last h3, #main-content .colbis h3, #main-content .colbis-last h3 {
margin:12px auto;
font-size:16px;
}
 #main-content .col2 p.citation {
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:14px;
line-height:24px;
color:#859194;
text-align:justify;
}
 #main-content a.visit-portfolio, #main-content a.visit-flexedit {
display:block;
width:213px;
height:28px;
margin:30px 0 0 0;
text-indent:-9999px;
}
 #main-content a.visit-portfolio {
background:url(../img/visit-portfolio.jpg) top left no-repeat;
}
#main-content a.visit-flexedit {
background:url(../img/visit-flexEdit.jpg) top left no-repeat;
}


/* COLS */

#main-content .colTot {
float:none;
width:100%;
overflow:hidden;
}
 #main-content .col1 {
position:relative;
float:none;
width:100%;
overflow:visible;
}
 #main-content .col1 img {
widht:235px;
height:auto;
}
 #main-content .col-testimonials {
position:relative;
float:left;
width:945px;
overflow:hidden;
padding:0 0 0 3px
}
 #main-content .col2 {
float:left;
max-width:100%;
overflow:hidden;
color:#859194;
}
 #main-content .col-work {
position:relative;
float:right;
width:285px;
height:215px;
overflow:hidden;
}
 #main-content .col-contact {
position:relative;
float:left;
width:100%;
margin:0 0 10px 10px;
}
 #main-content .col-map {
display:none;
}
 #main-content .work {
position:relative;
overflow:hidden;
}
 #main-content .col, #main-content .col-last {
float:left;
width:170px;
min-height:200px;
padding-right:20px;
border-right:1px solid #ccc;
color:#3c3a3d;
text-align:justify;
}
 #main-content .col {
margin:20px 20px 20px 0;
}
 #main-content .col-last {
margin:20px 0;
padding:0;
border:none
}


/*** BIS ***/


#main-content .colbis, #main-content .colbis-last {
position:relative;
background:url(../img/background-rub.jpg) top left no-repeat;
float:left;
width:232px;
height:196px;
}
 #main-content .colbis {
margin:0 0 0 10px;
}
 #main-content .colbis-last {
margin:0 0 0 10px;
}
 #main-content .colbis a, #main-content .colbis-last a {
position:absolute;
bottom:30px;
left:110px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
color:#615f62;
}
 #main-content .colbis a:hover, #main-content .colbis-last a:hover {
color:#41adde;
}
 #main-content .colbis h3, #main-content .colbis-last h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ff6600;
text-align:center;
}
 #main-content .colbis a.ser-link, #main-content .colbis-last a.ser-link {
position:absolute;
top:0;
left:0;
width:272px;
height:216px;
}


/************************************************************
===> FOOTER
display:none;
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*************************************************************/

#footer {
overflow:auto;
padding:0 15px 0 15px;
background:none;
height:auto;
}
 #footer #menu-footer {
width:100%;
margin:25px 0 0 0;
}
 #footer h2 {
font-size:12px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
color:#615f62;
margin:0 0 5px 0;
}
 #footer .col-foo {
overflow:hidden;
width:135px;
height:auto;
margin:4px 10px 10px 0;
border-right:none;
height:155px
}
 #footer .col-foo-last {
float:left;
width:135px;
height:auto;
margin:4px 0 10px 0;
border-right:none;
height:155px;
}
 #footer ul {
list-style-type:none;
}
 #footer ul li {
margin:0 0 6px 0;
}
 #footer ul li a {
font-family:Arial, Helvetica, sans-serif;
color:#859194;
text-decoration:none;
}
 #footer ul li a:hover, #footer ul li a#footer-active {
text-decoration:underline;
}
 #bot-foo {
display:none;
}
/*end media queries*/
}