/*
Theme Name: Cocoarchi 2019
Author: Julien Appert, Emilien Schneider, Olivier Guilleux
Description:
Version: 2.0
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);
@import "css/base.css";
@import "css/menu.css";
@import "css/widgets.css";
@import "css/content.css";
@import "css/comment.css";
@import "css/responsive.css";
@import "css/reprise.css";

@font-face {
    font-family: 'Faune';
    src:    url('fonts/faune/eot/Faune-Text_Regular.eot');
    src:    url('fonts/faune/eot/Faune-Text_Regular.eot?#iefix') format('embedded-opentype'),
            url('fonts/faune/woff/Faune-Text_Regular.woff') format('woff'),
            url('fonts/faune/woff2/Faune-Text_Regular.woff2') format('woff2'),
            url('fonts/faune/ttf/Faune-Text_Regular.ttf') format('truetype'),
            url('fonts/faune/svg/Faune-Text_Regular.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* structure
-------------------------------------------------------------- */

#wrapper { width:1200px; margin:0 auto; }
	/*background:url(images/coco.png) no-repeat left top;*/

body.iPad #wrapper{ width:98%;}

#container {
	overflow:hidden;
}
body.page-template-projets-php #content,
body.single-projet #content
{ float:none; width:100%;}

#content { position:relative; }
#primary{
	float: right;
	overflow: hidden;
	width: 220px;
	padding-top:18px;
}

/* =Header
-------------------------------------------------------------- */
header {
    padding: 15px 0px 30px;
    position: relative;
  
}

/*ajout*/
.typoFaune{
	font-family: 'Faune';
}
.screen-reader-only {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
header .logo {
    width: 40%;
    height: 81px;
    float: left;

}
header .logo a {
    display: block;
    text-decoration: none;
    position: relative;
    height: 100%;
}

.imgDesktop{
	display: block;


    width: 100%;
    position: absolute;
    bottom: 0px;
    max-width: 354px;
    max-height: 63px;
}
.imgMobile{
	display: none;

    width: 100%;
    position: absolute;
    bottom: 0px;
    max-width: 237px;
    max-height: 63px;
}
header .logo a img {
/*    width: 100%;
    position: absolute;
    bottom: 0px;
    max-width: 354px;
    max-height: 63px;
*/}

header .links {
    width: 60%;
    float: right;
    text-align: right;
}
header .links ul.langs {
    float: right;
    list-style: none; 
    margin-top: 0px;
}
header .links ul.langs li {
    float: left;
}
header .links ul.langs li a {
    margin-left: 11px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #636363;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
}
header .links ul.langs li a.active {
    color: #e4221f;
}
header .links nav {
    display: inline-block;
}

/*
#langs{
	overflow:hidden;
	list-style:none; 
	margin:0;
	position:absolute;
	right:0;
	top:5px;
}

#langs li{ float:left; margin-left:11px;}


#langs a{ 
	color:#565656;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
#langs a.active, #langs a:hover{ color:#e2001a;}*/

/* footer */
footer { 
    margin: 20px 0px 25px 0px;
    padding-top: 80px;
    border-top: 1px solid #DDDDDD;
}
footer div#shops { border-bottom: 1px solid #DDDDDD; padding-bottom: 50px; }
footer div#shops div.item { float: left; width: 20%; text-align: center; line-height: 1.8em; }
footer div#shops div h3, footer div#shops div p { 
    font-family: 'Faune', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #e4221f;
}
footer div#shops div h3 { font-size: 24px; }
footer div#shops div p {
    font-weight: 300;
    color: #636363;
}
footer #copy { 
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #636363;
    font-size: 14px;
    line-height: 45px;
}
footer #footer-menu {
    float:right;
}
footer #footer-menu li {
    padding: 0px 0px 0px 25px;
}
footer #footer-menu a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #636363;
    font-size: 14px;
    line-height: 45px;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.page-template-accueil-php .sticky {
		border: none;
	}
}