@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
/*h1#logo a { background:url(../images/Logo-CMB-event.png) no-repeat; background-size:216px 59px; }*/

.linkedin {background:url(../images/bg-linkedin@2x.png) center no-repeat; background-size:50px 50px; }
.googleplus {background:url(../images/bg-googleplus@2x.png) center no-repeat; background-size:50px 50px; }
.twitter {background:url(../images/bg-twitter@2x.png) center no-repeat; background-size:50px 51px; } 
.facebook {background:url(../images/bg-facebook@2x.png) center no-repeat; background-size:50px 51px; }
.behance {background:url(../images/bg-behance@2x.png) center no-repeat; background-size:50px 50px; }
.skype {background:url(../images/bg-skype@2x.png) center no-repeat; background-size:50px 51px; }
.link {background:url(../images/bg-link@2x.png) center no-repeat; background-size:25px 25px; }
.video {background:url(../images/bg-video@2x.png) center no-repeat; background-size:48px 48px; }
.zoom {background:url(../images/bg-zoom@2x.png) center no-repeat; background-size:24px 24px; }
.quote {background:url(../images/bg-quote@2x.png) center no-repeat; background-size:48px 48px; }
.profile {background:url(../images/bg-profile@2x.png) center no-repeat; background-size:48px 48px; }
.tags {background:url(../images/bg-tags@2x.png) center no-repeat; background-size:48px 48px; }
.more {background:url(../images/bg-more@2x.png) center no-repeat; background-size:48px 48px; }
.detail {background:url(../images/bg-detail@2x.png) center no-repeat; background-size:25px 25px; }
.email {background:url(../images/bg-email@2x.png) center no-repeat; background-size:48px 48px; }

#backtotop ul li a { background:url(../images/bg-up@2x.png) center top no-repeat; background-size:48px 48px; }

.flex-direction-nav .flex-next {background:url(../images/bg-nextb@2x.png) rgba(0,0,0,O.20) center no-repeat; background-size:48px 48px; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prevb@2x.png) center no-repeat; background-size:48px 48px; }

.fancybox-close {background: url(../images/bg-close@2x.png) rgba(0,0,0,0.50) center no-repeat; background-size:48px 48px;}
.fancybox-prev span {background: url(../images/bg-prevb@2x.png) center no-repeat; background-size:48px 48px;}
.fancybox-next span {background: url(../images/bg-nextb@2x.png) center no-repeat; background-size:48px 48px;}
}


@media only screen and (min-width: 1600px) {
/*.container { padding:0px; width:1600px; position:relative; margin:0 auto; }*/
}

@media only screen and (min-width: 1280px) {
/*.container { padding:0px; width:1280px; position:relative; margin:0 auto; }*/
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#container { padding:0px; width:640px; position:relative; padding-left:10px; }
.col1-1, .col3-3, #wrapper {width:620px; height:auto; left:0; }

#container-left { width:620px; /*margin-right:30px;*/ }
#container-left article { width:620px; margin:0 0 20px 0; }
a.button-action { width:620px; background:url(../images/arrow-action.svg) 560px center no-repeat, rgba(0, 48, 80, 0.25); }
a.button-action:hover { background:url(../images/arrow-action.svg) 550px center no-repeat, rgba(0, 48, 80, 0.50); }

#container-right article { float:left; margin:0 10px 14px 0px !important; }
#container-right article:first-child { margin:0 14px 14px 0px !important; }
#container-right .col2-2 { width:412px; height:384px; }
/*#container-right .col1-2 { width:220px; }*/

.container .slideright {  width: 100% !important; }

/*#wrap { background:url(../images/background/fond-graphik.jpg) center -80px no-repeat; }*/
.hidden { display: none !important; height:0 !important; padding:0; margin:0 !important; }
#logo { left:50%; margin-left:-108px; }

#nav-button {display:block; background:none; float:none; padding:12px; width:100px; margin:0 auto; cursor:pointer; position:relative; }
/*#nav-button:hover {padding:14px; }*/
.nav-bar {background-color:#fff; border-radius:1px; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.3); display:block; width:30px; height:4px; margin:5px auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#nav-button:hover .nav-bar {width:38px; }
#options { display:none; background:rgba(0, 0, 0, 0.3); border:10px solid rgba(0, 0, 0, 0.4); width:100%; z-index:300; margin:0; position:relative; top:0px; left:0px; }
#options li { text-align:center; border-top:1px solid rgba(0, 0, 0, 0.4); }
#options li.alignleft, #options li.alignright { float:none; margin:0 }
#options li.first { border-top:none; }
#options li a { display:block; padding:15px; }
#options li a:hover { background:rgba(0, 0, 0, 0.3); }
.menu-line {display:none !important }
#options2 { display:none !important; }

#wrap, footer { padding-top:0px; }

.fancybox-tmp { width: 100%; height: 100%; max-width: 550px; max-height: 550px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
#container { padding:0px; width:320px; position:relative; padding-left:10px; }
.col2-3, .col2-3.half, .col1-1, .col3-3, #wrapper { width:300px; height:auto; left:0; }

#container-left { width:300px; /*margin-right:30px;*/ }
#container-left article { width:300px; margin:0 0 20px 0; }
#container-left article .visuel, .profil-visuel { margin: 18px 50px 15px 50px !important; }
a.button-action { width:300px; background:url(../images/arrow-action.svg) 240px center no-repeat, rgba(0, 48, 80, 0.25); }
a.button-action:hover { background:url(../images/arrow-action.svg) 250px center no-repeat, rgba(0, 48, 80, 0.50); }

#container-right article { float:left; margin:0 10px 14px 0px !important; }
#container-right article:first-child { margin:0 35px 14px 0px !important; }
#container-right .col1-2 { width:300px; }
#container-right .col2-2 { width:300px; height:300px; }

.container .slideright {  width: 290px !important; }
.container .slideright img { height: auto !important; }
 
.prix { width: 150px; margin: 10px 0 30px 0 !important; }
.prix img { float: left; margin: -5px 0px !important; }

#nom, #email, #com { width:250px !important;   margin: 10px 0 0 0 !important; }

.hidden { display: none !important; height:0 !important; padding:0; margin:0 !important; }
#logo { left:50%; margin-left:-108px; }

#nav-button {display:block; background:none; float:none; padding:12px; width:100px; margin:0 auto; cursor:pointer; position:relative; }
/*#nav-button:hover {padding:14px; }*/
.nav-bar {background-color:#fff; border-radius:1px; box-shadow:1px 1px 0px rgba(0, 0, 0, 0.3); display:block; width:30px; height:4px; margin:5px auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#nav-button:hover .nav-bar {width:38px; }
#options { display:none; background:rgba(0, 0, 0, 0.3); border:10px solid rgba(0, 0, 0, 0.4); width:100%; z-index:300; margin:0; position:relative; top:0px; left:0px; }
#options li { text-align:center; border-top:1px solid rgba(0, 0, 0, 0.4); }
#options li.alignleft, #options li.alignright { float:none; margin:0 }
#options li.first { border-top:none; }
#options li a { display:block; padding:15px; }
#options li a:hover { background:rgba(0, 0, 0, 0.3); }
.menu-line, #backtotop {display:none !important }
#options2 { display:none !important; }

#themes { display:none !important; }

#wrap, footer { border:0; height:120px; padding-top:0px; }

p.floated {float:none; width:auto; }
.floated.first, .floated.second { padding:13px 40px 0 40px; }

.fancybox-tmp { max-width: 300px; max-height: 300px; }
.slidecontent .project-title h3{
	width:250px;
}
}