/* CSS Document */

*{
margin:0;
padding:0;
}

body{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#f7f7f7;
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:#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 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{
margin:15px 0;
}

h1#title1 span{
position:absolute;
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 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.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 28px;
}

.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: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 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;
}


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

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


/************************************************************
===> 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:justify;
}

#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;
}

/************************************************************
===> 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: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 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{
position:absolute;
bottom:0;
display:block;
background:url(../img/visit.jpg) top left no-repeat;
width:285px;
height:30px;
text-indent:-9999px;
}

#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{
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;
height:48px;
}

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

/*#main-content #ecom,
#main-content #relo,
#main-content #mobi,
#main-content #cms,
#main-content #flas{

}

#main-content #ecom{
background:url(../img/icons2/caddie.png) top left no-repeat;
}

#main-content #relo{
background:url(../img/icons2/pen.png) top left no-repeat;
}

#main-content #mobi{
background:url(../img/icons2/iphone.png) top left no-repeat;
}

#main-content #cms{
background:url(../img/icons2/cms.png) top left no-repeat;
}

#main-content #flas{
background:url(../img/icons2/flash.png) top left no-repeat;
}*/
/************************************************************
===> 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 ul{
list-style-type:none;
margin:12px 0 0 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{
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: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
}

#main-content .col2{
float:right;
width:215px;
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:215px;
}

#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{
position:relative;
background:url(../img/background-rub.jpg) top left no-repeat;
float:left;
width:232px;
height:196px;
padding:20px;
}

#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;
}

#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
*************************************************************/

#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 15px 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;
}

/* Mobile */

@media only screen and (max-device-width:640px), only screen and (max-width:640px) {

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

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%; 
}

/*
p {
width: 287px; 
padding: 20px; 
background: green; 
color: #fff; 
font-size: 11px;
word-wrap: break-word;
}*/

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

#global{
float:none;
width:auto;
min-height:360px;
margin:auto;
}

#glow{
display:none;
background:url(../img/glow.png) top left no-repeat;
position:absolute;
top:0;
left:-300px;
max-width:100%;
height:435px;
z-index:-1;
}

a#facebook:hover{
display:none;
background-position:0 -61px;
}

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 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{
margin:15px 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 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 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:15px;
float:right;
color:#3c3a3d;
margin:20px 1px 0 0;
overflow:hidden;
}


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

div#menu-content{

clear:both;
background:url(../img/pattern-menu.png) top left repeat-x;
height:100%;
max-width:100%;
padding:0 0 0 10px;
}

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

ul#menu-1 li, ul#menu-2 li{
}

/* Menu 1 */

ul#menu-1{
clear:both;
max-width:100%;
margin:12px 0 0 0;
padding:0;
}

ul#menu-1 li{
position:relative;
margin:0 8px 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{
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 28px;
}

.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: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 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;
}


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

#flash-content{
visibility:hidden;
}


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

#news-content{
display:block;
margin:auto;
width:100%;
/*float:none;
overflow:hidden;
margin:0 0 15px 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;
padding:0 4px;
}

#news-content h2{
padding:0 4px 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 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{
position:absolute;
bottom:0;
display:block;
background:url(../img/visit.jpg) top left no-repeat;
width:285px;
height:30px;
text-indent:-9999px;
}

#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:none;
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;
height:48px;
}

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

/*#main-content #ecom,
#main-content #relo,
#main-content #mobi,
#main-content #cms,
#main-content #flas{

}

#main-content #ecom{
background:url(../img/icons2/caddie.png) top left no-repeat;
}

#main-content #relo{
background:url(../img/icons2/pen.png) top left no-repeat;
}

#main-content #mobi{
background:url(../img/icons2/iphone.png) top left no-repeat;
}

#main-content #cms{
background:url(../img/icons2/cms.png) top left no-repeat;
}

#main-content #flas{
background:url(../img/icons2/flash.png) top left no-repeat;
}*/
/************************************************************
===> CONTENT
*************************************************************/

#main-content{
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;
padding:20px 10px 0 10px;
float:none;
width:100%;
}

#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 ul{
list-style-type:none;
margin:12px 0 0 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{
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;
padding:0 0 0 3px;
}

#main-content .col1{
position:relative;
float:none;
width:70%;
overflow:visible;
padding:0 0 0 3px
}

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

#main-content .col2{
float:right;
width:30%;
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:215px;
}

#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{
position:relative;
background:url(../img/background-rub.jpg) top left no-repeat;
float:left;
width:232px;
height:196px;
padding:20px;
}

#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;
}

#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{
position:relative;
background:none;
height:100%;
padding:30px 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 #menu-footer{
display:block;
margin:auto;
width:287px;
/*width:100%;
margin:auto;
height:auto;
*/}

#footer .col-foo{
width:135px;
height:auto;
margin:4px 0 10px 0;
border-right:none;
}

#footer .col-foo-last{
width:135px;
height:auto;
margin:4px 0 10px 0;
border-right:none;
/*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{
display:none;
position:relative;
border-top:none;
padding:0;
width:287px;
margin:auto;
}

#copy{
display:block;
width:135px;
overflow:auto;
margin:0;
}

#footer #etic, #footer #partners{
float:none;
}

#partners{
top:100px;
display:block;
float:right;
width:135px;
}

#footer #etic a{
color:#66CC33;
}	
/*end media queries*/
}