/*
** GLOBAL
*/

	/**, *::before, *::after{box-sizing:border-box;}*/

	/* overlay bleu */
	*{outline:none; color:inherit;}

	body{font-family:'Arial', 'Verdana', sans-serif; font-size:1em;}

	p{font-size:1em; line-height:1.3em; margin-bottom:15px;color:#4C4B49}
	a{color:inherit; text-decoration:none;}

	h2{
		font-family:'Georgia', 'Arial', 'Verdana', sans-serif;
		font-size:2em;
		font-style:italic;
		margin-bottom:20px;
	}
	h3{
		font-family:'Georgia', 'Arial', 'Verdana', sans-serif;
		font-size:1.5em;
		font-style:italic;
		margin-bottom:15px;
	}

	b,strong{
		font-weight:bold;
	}
	i, em{font-style: italic;}

/*
** CLASSES
*/

	.ghost{clear:both;}

	.large-content, .content{position:relative; width:100%; margin:0 auto;}
	.large-content{max-width:1280px;}
	.content{max-width:960px;}
	.content-inside{position:relative; width:65.6%; max-width:630px; padding-top:30px;}

	.table-middle{display:table; height:100%; width:100%;}
	.cell-middle{display:table-cell; vertical-align:middle;}

	.left{float:left;}
	.right{float:right;}
	.full-width{width:100%;}
	.two-column{width:56%;}
	.three-column{width:32%;}
	.one-third{width:32.3%;}
	.two-third{width:65.6%;}
	.column-left{margin-right:1%;}
	.column-right{margin-left:1%;}
	.column-middle{margin-left:1%; margin-right:1%;}

	.transition, .transition *{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

	.border{border:solid 1px black;}
	.active{cursor:default;}

	.bg-cover{
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
		.bg-cover > img{width:100%;}

	.shadow{text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);}
	.shadow *{filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);}
	.shadow-top{background:url(../img/article/shadow-top.png) top center no-repeat; padding-top:35px; margin-top: 35px;}
	.bold{font-weight:bold;}

	.date{
		font-family:'Georgia', 'Arial', 'Verdana', sans-serif;
		width:80px; height:30px;
		padding:24px 13px;
		text-align:center;
		font-style:italic;
	}
	.list-tags li{display:inline-block; line-height:1.4em;}
		.list-tags li a:hover{text-decoration:underline;}

	.btn-more{display:inline-block; padding:9px 15px;margin-top:10px;}

	.nav-pages{padding:15px 0; text-align:center;}
		.nav-pages a:hover{text-decoration:underline;}
		.nav-pages > a, .nav-pages ul, .nav-pages ul li{display:inline-block;}
		.nav-pages > a:first-child{margin-right:4px;}
		.nav-pages > a:first-child:after{content:' <<'; margin-right:9px;}
		.nav-pages > a:last-child{margin-left:4px;}
		.nav-pages > a:last-child:before{content:'>>'; margin-left:9px;}
		.nav-pages ul li{margin:0 4px;}

	.nav-nextprev{margin-top:40px;width:100%; text-align:center; margin-bottom:30px;}
		.nav-nextprev li{display:inline-block; margin:0 15px;}


/*
** CLASSES
*/

	.black{color:black;}
	.blue{color:#0192d1;}
	.blue-light{color:#e5f4fa;}
	.grey-dark{color:#3b3b3b;}
	.yellow{color:#f6c331;}
	.white{color:white;}

	.bg-black{background-color:black;}
	.bg-blue{background-color:#0192d1;}
	.bg-blue-light{background-color:#e5f4fa;}
	.bg-grey-dark{background-color:#3b3b3b;}
	.bg-yellow{background-color:#f6c331;}
	.bg-white{background-color:white;}



/*
** HEADER
*/

	.header{position:relative; height:400px; padding-top:25px; left:0;}
	#index .header{background-image:url(../img/index/banniere.jpg);}
	#article .header{background-image:url(../img/article/banniere.jpg);}
	#isabelle-bouvier-chappaz .header{background-image:url(../img/qui/banniere.jpg);}

		.header #menu> ul> li{display:inline-block; margin-left:10px;}
			.header #menu > ul > li > a{
				display:block;
				width:107px; height:25px;
				padding-top:82px;
				background-position:top left;
				background-repeat:no-repeat;
				text-align:center;
				text-transform:uppercase;
				font-size:0.75em;
				font-weight:bold;
			}
			.header #menu > ul > li:nth-child(1) > a{background-image:url(../img/global/menu-partager.png);}
			.header #menu > ul > li:nth-child(2) > a{background-image:url(../img/global/menu-articles.png);}
			.header #menu > ul > li:nth-child(3) > a{background-image:url(../img/global/menu-qui.png);}
			.header #menu > ul > li:nth-child(4) > a{background-image:url(../img/global/menu-rechercher.png);}
			
			.header #menu > ul > li > ul{
				
				position:absolute;
				background:#fff;
				display:block;
				margin-left:1px;
				z-index:99;
				-moz-box-shadow: 1px 1px 2px 0px #656565;
				-webkit-box-shadow: 1px 1px 2px 0px #656565;
				-o-box-shadow: 1px 1px 2px 0px #656565;
				box-shadow: 1px 1px 2px 0px #656565;
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5);
				padding:7px 0 7px;
				display:none;
			}
				.header #menu > ul > li > ul li{ margin:11px;float:left; }
				.header #menu > ul > li > ul li a{ display:block; overflow:hidden;height:22px; width:30px; }	
				.header #menu > ul ul>li:first-child {border-right: 1px solid #2D8196;margin-right: 3px;padding-right: 7px;}
			.header #langues nav{
				position:absolute;
				top:-107px; right:0;
				padding:25px 10px;
			}
				
				.header #langues ul li{display:inline-block;}
					.header #langues ul li a.active{color:#0192d1;}

		.header-content{height:250px; margin-top:30px;}
		#index .header .header-content{color:white;}
		.header .header-align{position: absolute;bottom: 0;margin: 0 auto;width: 550px;font-size: 1em;}
	
		.header #recherche{	position:absolute;display:none;}
			.header #recherche form{
				padding:12px;
				
				-moz-box-shadow: 1px 1px 2px 0px #656565;
				-webkit-box-shadow: 1px 1px 2px 0px #656565;
				-o-box-shadow: 1px 1px 2px 0px #656565;
				box-shadow: 1px 1px 2px 0px #656565;
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5);
				margin-left: -116px;
				width: 196px;
				}
			.header #recherche input[type="text"]{line-height:1.4em;width:150px;padding:3px;margin-left:2px;border:0;margin-top:7px;}
			
			.header #recherche input[type="text"]::-webkit-input-placeholder { font-style:italic; color:#000; } /* ie */
			.header #recherche input[type="text"]::-moz-placeholder { font-style:italic; color:#000; } /* ie */
			.header #recherche input[type="text"]:-ms-input-placeholder { font-style:italic; color:#000; } /* ie */
			

			.header #recherche input[type="submit"]{border:0;background:#fff;color:#000;padding:5px 3px;cursor:pointer;font-weight:bold;}
		
/*
** ASIDE
*/

	aside{width:31.25%; max-width:300px; padding:30px 0;}
		aside .aside-content{padding:0 20px 10px; margin-bottom:20px;}
		aside .aside-content:not(:last-child){border-bottom:solid 1px #0192d1;}
			aside .aside-content h2{text-align:center;}
			aside .aside-content ul li{margin-bottom:10px;}
			aside .aside-content ul li:before{content:'>'; margin-right:5px;}
				aside .aside-content ul li a:hover{text-decoration:underline;}


/*
** INDEX
*/

	
		article.article-home header{margin-bottom:30px;}
			article.article-home header .date{width:10%;}
			article.article-home header .right{width:83%;}
				article.article-home header .right h2{font-size: 1.5em;line-height: 1.2em;margin-bottom: 6px;}
			article.article-home > .left{margin-right:10px; overflow:hidden;}
				article.article-home > .left img{display:block; width:100%; height:auto; }
			article.article-home > div{position:relative; padding-bottom:15px;}
		
		article .excerpt{margin-top:90px;}
		article >img+.date+h3+.excerpt{margin-top:0px;}
		article .excerpt p{font-weight:bold;}

/*
** ARTICLE
*/
	
	.header .content-inside{padding:0;}
		.header .date{margin-right:15px;padding: 23px 5px 9px;}
		
		#article .list-tags{margin-bottom:25px;}

		.article-mini{position:relative; width:48%;}
			.article-mini img{width:100%;height:auto}
			.article-mini .date, .article-mini h3{position:absolute; top:0; z-index:2;}
			.article-mini .date{left:0; width:20%;}
			.article-mini h3{padding-top:5px; right:0; width:68%;}
			#article .article-mini .list-tags, #isabelle-bouvier-chappaz .article-mini .list-tags{font-size:0.8em; margin:10px 0;}


	
/*
** COMMENTS
*/
	#comment-form input[type=text],#comment-form input[type=email], #comment-form textarea{border:solid 1px #ececec;}
	#comment-form form{width: 100%;}
	#comment-form input[type=email].two-column, #comment-form input[type=text].two-column{width:44%;}
	#comment-form textarea{margin-bottom:15px;}
	#comment-form input[type=submit]{font-weight:bold;text-decoration:none;cursor:pointer;}
	#comment-form input[type=submit]:hover {text-decoration:underline;}
	
	#comment-form input[type=url], #comment-form input[type=text], #comment-form input[type=email]{
		width:95%; height:50px;
		padding-left:5%;
		margin-bottom:10px;
		border:none;
		color:black;
	}
	#comment-form input[type=url], #comment-form input[type=text],#comment-form input[type=email], #comment-form textarea{border:solid 1px #ececec;}	
	#comment-form textarea{
		width: 95%;
		height: 250px;
		padding-left: 5%;
		padding-top: 5%;
		color: black;
		font-family: 'Arial', 'Verdana', sans-serif;
	
	}	
	#comment-form input[type=submit],.comment-reply-link{
		display: inline-block;
		padding: 9px 15px;
		margin-top: 10px;
		color: white;
		background-color: #0192d1;
		border:none;
		text-decoration: none;
		font-weight:normal;
		font-size:1em;
		
		
	}
	#comment-form input[type=submit]:hover{text-decoration: none;}
	
	.comment-reply-link{background:#4C4B49;padding: 4px 8px;border-radius: 7px;}
	
	.comment-list{
		margin-bottom:20px;
	}
	.comment-list li img{
		float: left;
		margin-right: 5px;
	}
	.comment-list li{
		margin-top:10px;
		background: #f2f2f2;
		padding: 10px;
		line-height: 1.2em;
		border-radius: 10px;
		border: 1px solid #ccc;
		color:#4C4B49

	}
		.comment-list li ol{
			margin-left:20px;
			margin-top:5px;
			width: 400px;
			float: left;
		}
	#comment{ width:100% }
/*
** QUI
*/

	img.full-width{margin-bottom:20px;}

/*
** FOOTER
*/
	
	#footer{padding:10px 0; text-align:center;}
		#footer ul li{display:inline-block; margin:0 5px; vertical-align:middle;}
			#footer ul li:nth-child(1) a{padding-right:10px;}

	footer #up{
		position:fixed;
		bottom:50px;
		right:0px;
		display:none;
	}
	
	
/*
** WIDGET
*/
.blue a, .blue span{color:#0192d1}
.blue h2{color:#000}

.widget ul li a,.widget ul li span{ font-weight:bold;font-size:.9em; }