@charset "utf-8";
/* CSS Document */





/* ---------------------------------------------------------------------- */
/* Imported Stylesheets (Their order is important.)
/* ---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Metrophobic); 
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic,400italic,600italic,700italic,300,600,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Tinos:400,700,400italic,700italic);

@import url('html5-reset.css');

@import url('polyglot-language-switcher.css');
@import url('flexslider.css');
@import url('jquery.fancybox.css');
@import url('mediaelementplayer.css');

@import url('shortcodes.css');


/* ---------------------------------------------------------------------- */
/* Pansu Styles
/* ----------------------------------------------------------------------
TABLE OF CONTENTS

-Generic
-Containers
-Headings
-Links
-Text & Content Blocks
-Header
	-Logo & Tagline
	-Contact Info
-Navigation Bar
-Forms
-Homepage
-Icon Boxes
-Carousel
-Portfolio & Blog
-Catalogue
-Blog
-Columns
-Footer
-Widgets
-Scroll to Top
-Error Page
-Search Results
-Pagination
-Tables
-About Us
-Clients
-Media Queries
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em; /* 18px */
	color: #FFFFFF;
	background-color: #202427;
	background-image: url(../images/background-patterns/boxed/pansu_fabric.png);
	background-repeat: repeat;
	background-position: left top;
	/* Fix for webkit rendering */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
a { cursor:pointer; }
iframe, img, video, audio {
	display: block;	
}

/*img,*/ embed, object, video { /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. */
	max-width: 100%;
}

video {
	width: 100%;
    height: auto;
}

ul {
	list-style: none;	
}

/* Clearfix */

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden; 
	visibility: hidden;
	width: 0;
}

/* ---------------------------------------------------------------------- */
/* Containers
/* ---------------------------------------------------------------------- */
#wrap {
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	/*overflow: hidden;*/
	background-image: url(../images/background-patterns/boxed/transparent.png);
	background-repeat: repeat;
}

.container {
	width: 940px;
	margin: 0 auto;
}
.topcontainer {
	width: 1020px;
	margin: 0 auto;
	position:relative;
	overflow:visible;
}
#navleft{
	background-image: url(../images/background-patterns/boxed/navleft.png);
	width:21px;height:57px;
	position:absolute;
	top:0;
	left:-21px;

}
#navright{
	background-image: url(../images/background-patterns/boxed/navright.png);
	width:21px;height:57px;
	position:absolute;
	top:0;
	right:-21px;

}
@media screen and (max-width: 769px) {
	#navleft{ display:none; }
	#navright{ display:none; }
	#wrap { overflow:hidden; }
}
@media screen and (max-width: 1024px) {

	#wrap { overflow:hidden; }
}
/* ---------------------------------------------------------------------- */
/* Headings
/* ---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
}

h1#page-title {
    padding: 25px 0;	
	border-bottom: 1px solid #e5e5e5;
}

 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.75em; /* 34px/29px */
	text-transform: uppercase;
	color: #686361;
	text-align: center;
	letter-spacing: 0.25em;
	font-weight: normal;
	line-height: 1.15em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em; /* 34px/26px */
	text-transform: uppercase;
	color: #686361;
	text-align: center;
	letter-spacing: 0.25em;
	font-weight: normal;
	margin-top: 0px;
	line-height: 1.3em;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; /* 34px/26px */
	text-transform: uppercase;
	color: #1d2627;
	letter-spacing: 0.10em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; /* 34px/26px */
	text-transform: uppercase;
	color: #e95b2b;
	letter-spacing: 0.15em;
	font-weight: normal;
	text-align: left;
}



h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; /* 34px/26px */
	text-transform: uppercase;
	color: #1d2627;
	letter-spacing: normal;
	text-align: center;
	margin-bottom: 5px;
	font-weight: normal;
}

h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1em; /* 12px */	
	line-height: 1.5em; /* 18px */		
}

/* ---------------------------------------------------------------------- */
/* Links
/* ---------------------------------------------------------------------- */
a, a > * {
	text-decoration: none;
}

a, a > *,
.button,


a:hover, a > * {
	color: #383838;	
}


/* ---------------------------------------------------------------------- */
/* Text & Content Blocks
/* ---------------------------------------------------------------------- */
p {
	margin-bottom: 20px;
}

section,
#page-header{
	margin-bottom: 10px;
	text-align: center;
}

.float-left {
	float: left;	
}

.float-right {
	float: right;	
}

.tip, caption, .caption {
	color: #999;
	font-size: 0.916em; /* 11px */
	font-style: italic;	
}
.greybkgd {
	background-color: #CCC;
}

.grey-text {
	color: #999;	
}

.invisible {
	display: none !important;	
}

hr {
	background-color: #686361;
	color: #686361;
	border: none;
	height: 2px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

mark {
	font-style: normal;
    font-weight: normal;	
}

.intro {
	font-weight: 600;
	font-size: 1.083em; /* 13px */
}

.note {
	color: #e95b2b;
	display: inline;
}

/* ---------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------- */
#header-top {
	margin-bottom: 20px;
	margin-right: 30px;
	margin-left: 30px;
}


/* Logo & Tagline */

#logo {
	float: left;
	margin-bottom: 0;
}

#logo a {
	display: block;
	color: #383838;
}

#tagline {
	float: left;
	margin-top: 11px;
	margin-bottom: 0;
	color: #888;
}

/* Languages */

#languages {
	margin-top: 48px;
	display: block;
}
.blog a{
	color: #e95b2b !important;
}

#languages p {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: right;
	letter-spacing: 0.07em;
}



#languages .en {
	padding-right: 10px;
}
#languages a{
	color: #1f2326;
}
#languages .current{
	color: #e95b2b;
}




/* ---------------------------------------------------------------------- */
/* Navigation Bar
/* ---------------------------------------------------------------------- */
#navbar {
	background-image: url(../images/background-patterns/boxed/nav.png);
	background-repeat: repeat-x;
	max-width:100%;
}

/* Navigation */

#nav {
	float: left;
	height: 4.582em; /* 55px */
	position: relative;
	top: -1px;
	left: -1px;
}

/* Navigation List */

ul#navlist li {
	float: left;
	min-width: 8.666em; /* 104px */
}

ul#navlist li a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding-top: 16px;
	padding-right: 40px;
	padding-bottom: 12px;
	padding-left: 40px;
}


ul#navlist li.current a, .no-touch ul#navlist li a:hover, ul#navlist li a.selected {
	color: #35393e;
}


/* Drop-Down Menus */

.ddsubmenustyle, .ddsubmenustyle div {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 100;
}

.ddsubmenustyle > ul {
	top: -1px !important;
}

.ddsubmenustyle ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 198px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #90897f;
	border-bottom-color: #90897f;
	border-left-color: #90897f;
	margin-top: 3px;
}

.ddsubmenustyle li a {
	display: block;
	color: #000;
	background-color: #fff;
	font-size: 12px;
	letter-spacing: 0.08em;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-transform: uppercase;
	text-align: left;
}

.ddsubmenustyle > ul > li:first-child a {	
	border-top: none;
}

/* Neutral CSS */

.ddiframeshim {
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* Tiny Nav */

.tinynav {
	display: none;
	height: 2.333em; /* 5px 14px */
	background-color: #e5e5e5;
	border: none;
	margin-top: 0.816em;
	margin-right: 14px;
	margin-bottom: 0.416em;
	margin-left: 14px;
	padding-top: 0.416em;
	padding-right: 10px;
	padding-bottom: 0.416em;
	padding-left: 10px;
}

.tinynav option {
	padding: 5px 10px;
}
/* Content Form */

.content-form {
	background-color: #FFF;
	border: 1px solid #000;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 0px;
}


.content-form p {
    margin-bottom: 10px;
}

.content-form input, .content-form textarea, .content-form select {
	background-color: #c6cdd0;	
	border: 1px solid #c6cdd0;
	padding: 6px 10px;
	border-radius: 0;
}

.content-form input:hover, .content-form textarea:hover, .content-form select:hover {
	border-color: #e95b2b;
}

.content-form input:focus, .content-form textarea:focus, .content-form select:focus {
	border-color: #000;
}

.content-form input {
	width: 94%;
}

.content-form label, .content-form input, .content-form textarea, .content-form select {
    margin-bottom: 5px;
}

.content-form label {
	display: block;
	clear: both;
	font-weight: bold;
}

.content-form .error {
	color: #f25824;
}

.content-form textarea, .content-form select {
	width: 94%;
	height: 100px;
}

.content-form input[type="file"] {
    padding: 0;
    border: none;
}
.content-form input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 2px;
}







/* ---------------------------------------------------------------------- */
/* Box
/* ---------------------------------------------------------------------- */
.boxwrap{
	width: 100%;
	float: left;
	position: relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c6c7c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c7c8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c7c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#c6c7c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#c6c7c8 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#c6c7c8 100%); /* W3C */



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c7c8',GradientType=0 );
}
.boximage{
	width: 50%;
	float: left;
	padding: 0px;
}
.boximagepage{
	width: 40%;
	float: left;
	padding: 0px;
}

.boximage img, .boximagepage img, .mainbox img{
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.boxtext{
	width: 46%;
	float: right;
	padding-right: 2%;
	padding-left: 2%;
	margin-top: 58px;
}
.boxtextpage{
	width: 60%;
	float: left;

}
.mainbox{
	margin-left: 19px;
	margin-right: 19px;
}

.boxtext p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em; /* 26px */
	line-height: 1.4em; /* 34px/28px */
	text-transform: uppercase;
	color: #4c4747;
	text-align: center;
	letter-spacing: 0.2em;
	vertical-align: middle;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.mainbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 12px */
	color: #1d2627;
	text-align: center;
	letter-spacing: 0.08em;
	margin-bottom: 12px;
	margin-top: 12px;
	line-height: 1.3em;
}
.conteneur {
	background-color: #919ba2;
	width: 100%; /* espace interne du conteneur */
	text-align: center;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bloc{
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	text-align: left; /* on rétablit l'alignement du texte */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.bloc p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em; /* 34px/26px */
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.4em;
	font-weight: bold;
	text-align: center;
	line-height: 3em;
	margin-bottom: 0px;
}
#title img{
	display: block;
}

.blocnav {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

/* ---------------------------------------------------------------------- */
/* Icon Boxes
/* ---------------------------------------------------------------------- */
.iconbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-indent: 109px;
}

.iconbox02 p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.iconbox03 p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent: 43px;
}
.iconbox-icon, .iconbox03-icon {
	display: block;
	height: 99px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 0px;
}
.iconbox02-icon {
	display: block;
	height: 99px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}

.iconbox.contact .iconbox-icon {
	background-image: url(../images/background-patterns/boxed/button01.png);
	width: 222px;
}

.iconbox03.catalogue .iconbox03-icon {
	background-image: url(../images/background-patterns/boxed/button03.png);
	width: 222px;
}
.iconbox02.tissage .iconbox02-icon {
	background-image: url(../images/background-patterns/boxed/button02.png);
	width: 222px;
}

/* ---------------------------------------------------------------------- */
/* Portfolio & Blog
/* ---------------------------------------------------------------------- */

.entry-image > a,
.entry-slider > ul > li > a {
	display: block;	
	position: relative; /* sets the initial position for the overlay */
}


.entry-slider > ul > li {
	background-color: #fff;
}

.entry-image {
	display: inline-block;

}

.entry-image,
.entry-image img,
.entry-slider,
.entry-slider img {
	max-width: 100%;

}

.entry-title a {
   color: #383838; 
}




/* ---------------------------------------------------------------------- */
/* Columns
/* ---------------------------------------------------------------------- */
.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
	display: inline;
	float: left;
    margin-right: 2%;
}
.one-full {
	display: inline;
	float: left;
	width: 100%;	
	max-width: 940px;
}
.one-half {
	width: 49%;	
	max-width: 460px;
}

.one-third {
	width: 32%;	
	max-width: 300px;
}

.one-fourth {
	width: 23.5%;	
	max-width: 220px;
}

.two-thirds {
	width: 66%;	
	max-width: 620px;	
}

.three-fourths {
	width: 74.5%;	
	max-width: 700px;	
}

.column-last { 
	margin-right: 0 !important;
}
/* ---------------------------------------------------------------------- */
/* Catalogue
/* ---------------------------------------------------------------------- */


/* Portfolio Gallery */

ul.portfolio-grid {
	margin-right: -85px;
	margin-top: 60px;
	margin-left: 25px;
}

ul.portfolio-grid > li {
	margin-bottom: 20px;
	text-align: center;
}

ul.portfolio-grid > li.one-fourth {
	float: left;
	width: 114px;
	height: 165px;
	margin-right: 85px;
}
/* ---------------------------------------------------------------------- */
/* Distributeurs
/* ---------------------------------------------------------------------- */
.normal {
	margin-top: 10px;
}
.normal p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* 12px */
	color: #1d2627;
	margin-bottom: 10px;
	text-align: justify;
	letter-spacing: normal;
}

.distri-member {
	text-align: left;
	margin-bottom: 15px;
}





.distri-member .boutique {
	margin-bottom: 5px;	
}

.distri-member span.nom {
	display: block;
	font-weight: bold;
	color: #1d2627;
	text-align: left;
}
.distri-member p {
	display: block;
	color: #1d2627;
	text-align: left;
}












/* ---------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------- */
#footer {
	color: #999;
	margin-top: 15px;
}

#footer h2,
#footer h3 {
	color: #e5e5e5;	
}

#footer h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #4c4c4c;	
	margin-bottom: 25px;
}

#footer-top {
	overflow: hidden;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#footer-top a:hover {
	color: #e5e5e5;
}

#footer-bottom {
	overflow: hidden;
	padding: 25px 0;
	border-top: 1px solid #4c4c4c;
	font-size: 0.916em; /* 11px */
	font-family: Arial, Helvetica, sans-serif;
}

#footer-bottom a {
	color: #bfbfbf;
}

#footer-bottom p {
	margin: 0;
}

#footer-nav ul {
	text-align: right;
}

#footer-nav ul li a {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #1f2326;
	border-top: 2px solid #1f2326;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}




#footer-nav > ul > li:first-child a {	
	border-top: none;
}





/* Contact Info */

.contact-info p {
    background-repeat: no-repeat;
    padding-left: 23px;
	margin-bottom: 15px;
}

.contact-info .address {
	background-image: url(../images/contact/home.png);
	background-position: left 0.083em; /* 1px */
}

#footer .contact-info .address {
	background-image: url(../images/footer/contact/home-footer.png);
}

.contact-info .phone {
	background-image: url(../images/contact/phone.png);
	background-position: left 0.083em; /* 1px */
}

#footer .contact-info .phone {
	background-image: url(../images/footer/contact/phone-footer.png);
}

.contact-info .email {
	background-image: url(../images/contact/mail.png);
	background-position: left 0.25em; /* 3px */
}

#footer .contact-info .email {
	background-image: url(../images/footer/contact/mail-footer.png);
}

.contact-info .business-hours {
	background-image: url(../images/contact/clock.png);
	background-position: left 1px; 
}

.contact-info {
	margin-top: 20px;
}
/* Social Links */

.social-links {
	margin-top: 10px;
}
.social-links ul {
	overflow: hidden;
	margin-right: -6px;
	float: right;
}

.social-links li {
	float: left;
	margin: 0 6px 6px 0;
}

.social-links a {
	display: block;
	width: 34px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;	
	text-indent: -10000em;
}

.social-links li.twitter a {
	background-image: url(../images/social-media/twitter-circular.png);
}

.social-links li.facebook a {
	background-image: url(../images/social-media/facebook-circular.png);
}

.social-links li.google a {
	background-image: url(../images/social-media/google-circular.png);
}

.social-links li.youtube a {
	background-image: url(../images/social-media/youtube-circular.png);
}



.social-links li.rss a {
	background-image: url(../images/social-media/rss-circular.png);
}




/* ---------------------------------------------------------------------- */
/* Scroll to Top
/* ---------------------------------------------------------------------- */
#toTop, #toTopHover {
	background-image: url(../images/scroll-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	bottom: 30px;
	right: 20px;
	text-indent: -10000em;
	position: fixed;
}

#toTop {
	display: none;
	background-color: #999;
}

#toTopHover {
	display: block;
	opacity: 0;
}

#toTop:active, #toTop:focus {
	outline: none;
}

/* ---------------------------------------------------------------------- */
/* Error Page
/* ---------------------------------------------------------------------- */
.error-page #page-title {
	background: url(../images/alert-56.png) no-repeat left center;
	padding-left: 66px;	
}


/* ---------------------------------------------------------------------- */
/* Pagination
/* ---------------------------------------------------------------------- */
.page-nav {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}



.page-nav ul, .page-nav li{
	display: inline-block;
}

.page-nav li {
	vertical-align: middle;
}

.page-nav li {
	margin-right: 5px;
	line-height: normal;
}

.page-nav a {
	display: block;
	background-color: #FFFFFF;
}

.page-nav a, .page-nav li.current {
	border: 1px solid #919ba2;
	height: 10px;
	width: 10px;
}

.page-nav a:hover, .page-nav a.current {
	background-color: #000;
	border: 1px solid #000;
}



/* ---------------------------------------------------------------------- */
/* Media Queries 
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 768px) {
	.mainbox{
		min-height:400px;
		line-height:400px;
	
	}
	.mainbox .centerbloc{
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
	width: 100%;	
	}
}

/* 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 */ 
	
	.container {
		width: 748px;	
	}
	

	
	/* Portfolio Grid */
	
		ul.portfolio-grid > li.one-fourth {
		margin-left: 43px;
		margin-right: 45px;
	}

	

.boxtext {
		float: none;
		display: block;
		margin-right: 0;
		margin-top: 30px;
		width: 100%;
		max-width: none;
	}

.bloc{
	width: 600px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.mainbox{
	margin-left: 19px;
}
 h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 0.10em;
	line-height: 1.15em;
}
.content-form {

	margin-bottom: 10px;

}

}

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

    .js .tinynav { 
		display: block; 
	}
	
    .js #navlist { 
		display: none; 
	}
	
	/* Slider */

    .flex-caption {
		display: none;	
	}
	
	/* Columns */
	
	.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths, .boximage, .boxtext {
		float: none;
		display: block;
		margin-right: 0;
		margin-top: 0px;
		width: 100%;
		max-width: none;
	}

	
	/* Floats */
	
	.float-left, .float-right {
		float: none;	
	}
	
	/* Header */
	
	#header-top .one-half:first-child {
		text-align: center;
	}
	
	#header-top .one-half.column-last:after {
		content: ""; 
		display: block; 
		height: 0; 
		overflow: hidden;	
		clear: both;
	}
	
	#header-top .one-half.column-last {
		margin-top: 20px;
	}
	  	
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	#logo, #logo a, #logo img {
		display: inline;	
	}
	
	#tagline {
		float: none;
		margin-top: 5px;
	}
	
	#polyglotLanguageSwitcher {
		margin-top: 0;
	}
	
	#header .contact-info {
		float: left;
		margin-top: 0;
	}
	
	#header .contact-info p {
		float: none;
		margin-top: 5px;
		margin-left: 0;
	}
	
	#header .contact-info p:first-child {
		margin-top: 0;
	}
	
	/* Footer */
	
	#footer-nav ul {
		text-align: left;
	}
	
	#footer-top > .one-half, #footer-top > .one-fourth, #footer-top > .two-thirds, #footer-top > .three-fourths {
		margin-top: 40px;
	}
	
	#footer-top > .one-third, #footer-top > .one-third column-last, {
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
	
	
	
	#footer-top > .one-half:first-child, #footer-top > .one-third:first-child, #footer-top > .one-fourth:first-child, #footer-top > .two-thirds:first-child, #footer-top > .three-fourths:first-child {
		margin-top: 0;
	}
	
	/* Pagination */
	
	.page-nav li, .page-nav > span {
		margin-bottom: 10px;	
	}
	


	/* Images */
	
	.entry-image.float-left, .float-left.caption,
	.entry-image.float-right, .float-right.caption {
		margin: 20px 0;	
	}
	
	/* Comment Form and Contact Form */
	
	#comment-form input, .content-form input {
		width: 80%;
	}
	
	#comment-form textarea, .content-form textarea, .content-form select {
		width: 90%;
	}
.boximage, .boximagepage{width:100%;}
.boxtext, .boxtextpage{
	width: 96%;
	margin-top: 0px;
}
	ul.portfolio-grid {
	margin-left: 2%;
	}
.content-form {

	margin-bottom: 10px;

}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Container */
	
	.container {
		width: 420px;
	}
#languages {
	margin-top: 11px;
}	
	/* Tiny Nav */
	
	.tinynav {
	width: 420px;
	}
#navbar {
	background-image: none;
	padding-left: 18px;
}	
	/* Carousel */
	
	.iconbox-carousel > li,
	.project-carousel > li,
	.post-carousel > li {
		width: 200px;
	}
	
	/* Portfolio Grid */
	ul.portfolio-grid > li.one-fourth {
		margin-left: 43px;
		margin-right: 45px;
	}
	

.boximage, .boxtext, .boxtextpage{
	width: 100%;
	margin-top: 0px;
}
	.boximagepage{
		display: none;
	}

.bloc{
	width: 280px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}



.bloc p{
	font-size: 1.3em; /* 34px/26px */
	letter-spacing: 0.2em;
	line-height: 1.3em;
}
.mainbox{
	margin-left: 15px;
	margin-right: 0px;
}

.normal {
	margin-right: 15px;
}
.conteneur {
	padding-top: 8px;
	padding-bottom: 8px;
}
#footer-nav ul {
	text-align: right;
}
	#page-header{
	margin-top: 35px;
	text-align: center;
	}
 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em; /* 34px/29px */
	text-align: center;
	letter-spacing: 0.10em;
	line-height: 1.25em;
}	
.content-form {

	margin-bottom: 10px;

}	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Container */
	
	.container {
		width: 300px;	
	}
	
	/* Tiny Nav */
	
	.tinynav {
	width: 300px;
	}
#navbar {
	background-image: none;
}
	

	
	/* Portfolio Grid */
	


	
	ul.portfolio-grid > li.one-fourth {
		margin-left: 85px;
		margin-right: 0px;
	}
	

	
	/* Infobox */
	
	.infobox div.with-button {
		display: block;	
	}
	
	.infobox .button {
		display: none;
	}

	.infobox .mobile-button {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-top: 20px;
	}
	
.boximage, .boxtext, .boxtextpage{
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.mainbox{
	margin-left: 10px;
	margin-right: 0px;
}
 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em; /* 34px/29px */
	text-align: center;
	letter-spacing: 0.10em;
	line-height: 1.15em;
}
	#logo img{
		width: 216px;
	}
	#page-header{
	margin-top: 35px;
	text-align: center;
	}
#languages {
	margin-top: 11px;
}
	#footer-top > .one-third, #footer-top > .one-third column-last, {
	margin-top: 0px;
	margin-bottom: 0px;
	}
	.boximagepage{
		display: none;
	}
#footer-nav ul {
	text-align: right;
}
.bloc p{
	font-size: 1.3em; /* 34px/26px */
	letter-spacing: 0.2em;
	line-height: 1.3em;
}
.bloc{
	width: 160px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.conteneur {
	padding-top: 8px;
	padding-bottom: 8px;
}
.content-form {

	margin-bottom: 10px;

}
}

.boximagepage.cat { background-color: #686f6f; }