/*
Theme Name: WOoOinux
Theme URI: https://www.woinux.fr/
Description: Thème du blog www.woinux.fr
Author: WOoOinux
Author URI: https://www.woinux.fr/
Version: 1.0
Text Domain: woinux
*/

/***** RESET CSS *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***** POLICES D'ÉCRITURE *****/
@font-face {
    font-family: 'OpenSansLight';
    src: url('polices/OpenSans-Light.eot');
    src: url('polices/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Light.woff') format('woff'),
         url('polices/OpenSans-Light.ttf') format('truetype'),
         url('polices/OpenSans-Light.svg#OpenSansLight') format('svg');
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('polices/OpenSans-Regular.eot');
    src: url('polices/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Regular.woff') format('woff'),
         url('polices/OpenSans-Regular.ttf') format('truetype'),
         url('polices/OpenSans-Regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('polices/OpenSans-Semibold.eot');
    src: url('polices/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Semibold.woff') format('woff'),
         url('polices/OpenSans-Semibold.ttf') format('truetype'),
         url('polices/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('polices/OpenSans-Bold.eot');
    src: url('polices/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Bold.woff') format('woff'),
         url('polices/OpenSans-Bold.ttf') format('truetype'),
         url('polices/OpenSans-Bold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('polices/OpenSans-ExtraBold.eot');
    src: url('polices/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-ExtraBold.woff') format('woff'),
         url('polices/OpenSans-ExtraBold.ttf') format('truetype'),
         url('polices/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
}

/***** TYPOGRAPHIE *****/
b, strong {font-weight: bold;}
i, em {font-style: italic;}
u {text-decoration: underline;}
a {font-family: "OpenSansRegular", sans-serif; text-decoration: none; color: #4488BB;}
a:hover {text-decoration: underline;}

ul {display: block; margin: 15px 0 15px 30px; padding: 0; width: auto; height: auto;}
ul li {list-style-type: square; list-style-position: outside; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #333b43; line-height: 24px;}
ol {display: block; margin: 15px 0 15px 30px; padding: 0; width: auto; height: auto;}
ol li {list-style-type: decimal; list-style-position: outside; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #333b43; line-height: 24px;}

pre {margin: 15px 0 0 0 !important;}

.aligncenter {display: block; margin: 30px auto;}
.alignleft {float: left; margin: 15px 15px 15px 0;}
.alignright {float: right; margin: 15px 0 15px 15px;}

/***** STRUCTURE GÉNÉRALE DU SITE *****/
html, body {background-color: #F0F0F0;}
#main {margin: 15px auto; padding: 0; height: auto; width: 1000px;}
#content {display: inline-block; vertical-align: top; margin: 0; padding: 0; height: auto; width: 700px; background: transparent;}
.break {clear: both;}

/***** HEADER *****/
#header {margin: 0; padding: 0; height: auto; width: 1000px; background: transparent;}
#header #logo {vertical-align: top; margin: 0; padding: 0; height: 120px; width: 300px; background: transparent;}
#header #logo a {display: block; margin: 0; padding: 0; height: 120px; width: 300px; text-decoration: none; background-image: url('images/logo.png'); background-repeat: no-repeat; background-position: top left;}
#header #shareus {vertical-align: top; float: right; margin: 56px 0 0 0; padding: 0; height: 64px; width: auto;}
#header #shareus a {display: inline-block; vertical-align: top; margin: 0; padding: 0; height: 64px; width: 64px; text-decoration: none;}

/***** MENU HORIZONTAL *****/
#header #nav {margin: 20px 0; padding: 0; height: 64px; width: 100%; background-color: #444444; background: linear-gradient(to bottom, rgb(55, 55, 55) 0%, rgb(35, 35, 35) 100%) repeat scroll 0% 0% transparent;}
#header #nav ul {margin: 0; padding: 0; height: 64px; width: 100%; background-color: transparent; text-align: center;}
#header #nav ul li {position: relative; display: inline-block; margin: 0; padding: 0; height: 64px; width: auto;}
#header #nav ul li a {display: block; margin: 0 -4px 0 0; padding: 0 25px; height: 64px; width: auto; line-height: 64px; font-family: "OpenSansSemiBold", sans-serif; font-size: 20px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.8); border-left: 1px solid rgba(255,255,255,0.2);}
#header #nav ul li:last-child a {border-right: none;}
#header #nav ul li:first-child a {border-left: none;}
#header #nav ul li a:hover {background-color: #4488BB; color: #FFFFFF;}
#header #nav ul li ul {z-index: 100; position: absolute; top: 64px; left: 50%; margin: 0 0 0 -125px; padding: 0; height: auto; width: 250px; background: rgb(35,35,35);}
#header #nav ul li ul li {display: block; margin: 0; padding: 0; height: auto; width: 250px;}
#header #nav ul li ul li a {display: block; margin: 0; padding: 10px 0; height: auto; width: 250px; text-decoration: none; text-transform: uppercase; font-family: "OpenSansSemiBold", sans-serif; font-size: 14px; line-height: 20px; color: #FFFFFF; background: transparent; text-align: center; border-right: none; border-left: none; border-bottom: 1px solid rgba(0,0,0,0.25); border-top: 1px solid rgba(255,255,255,0.1);}
#header #nav ul li ul li:first-child a {border-top: none;}
#header #nav ul li ul li:last-child a {border-bottom: none;}

#header #nav ul li ul {display: none;}
#header #nav ul li:hover ul {display: block;}

/***** SLIDESHOW *****/
#slideshow-box {position: relative; margin: 0; padding: 10px; height: 360px; width: 980px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#slideshow-box a.prev, #slideshow-box a.next {position: absolute; text-decoration: none; display: block; margin: 0; padding: 0; height: 50px; width: 50px; background-color: #000000; background: rgba(0,0,0,0.6); font-family: "OpenSansSemiBold", sans-serif; font-size: 28px; line-height: 50px; color: #FFFFFF; text-align: center;}
#slideshow-box a.next {top: 150px; right: 10px;}
#slideshow-box a.prev {top: 150px; left: 10px;}
#slideshow-box a.prev:hover, #slideshow-box a.next:hover {background-color: #EC534D;}
#slideshow-box #slideshow {position: absolute; height: 360px; width: 980px;}
#slideshow-box #slideshow #slide {position: relative; margin: 0; padding: 0; height: 360px; width: 980px; background: transparent;}
#slideshow-box #slideshow #slide img {z-index: 1; position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 360px; width: 980px;}
#slideshow-box #slideshow #slide #description {z-index: 2; position: absolute; bottom: 0; left: 0; margin: 0; padding: 15px; height: 65px; width: 820px; background-color: #000000; background: rgba(0,0,0,0.6);}
#slideshow-box #slideshow #slide #description p {font-family: "OpenSansRegular", sans-serif; font-size: 16px; line-height: 1.2em; color: #FFFFFF;}
#slideshow-box #slideshow #slide #description h3 {display: block; margin: 0 0 10px 0; padding: 0; font-family: "OpenSansBold", sans-serif; font-size: 20px;}
#slideshow-box #slideshow #slide #description a {position: absolute; bottom: 0; right: 0; margin: 0; padding: 15px; height: 65px; width: 100px; background-color: #4488BB; text-decoration: none; font-family: "OpenSansBold", sans-serif; font-size: 18px; color: #FFFFFF; text-transform: uppercase; line-height: 32px; text-align: center;}

/***** SIDEBAR *****/
#sidebar {display: inline-block; vertical-align: top; margin: 0 0 0 15px; padding: 0; height: auto; width: 280px; background: transparent;}
#sidebar div {margin: 0 0 20px 0; padding: 20px; height: auto; width: 240px; background-color: #4488BB; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#sidebar div:nth-child(1) {background-color: #4488BB;}
#sidebar div:nth-child(2) {background-color: #222222;}
#sidebar div:nth-child(3) {background-color: #9CBD5A;}
#sidebar div:nth-child(4) {background-color: #EC534D;}
#sidebar div h2 {margin: 0 0 20px 0; padding: 0; font-family: "OpenSansSemiBold", sans-serif; font-size: 18px; color: #FFFFFF; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); text-transform: uppercase;}
#sidebar div p {margin: 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; line-height: 1.2em; color: #FFFFFF;}
#sidebar div ul {display: block; margin: 0; padding: 0; height: auto; width: 240px}
#sidebar div ul li {display: block; margin: 0; padding: 0; height: auto; width: 240px;}
#sidebar div ul li a {display: block; margin: 0; padding: 15px 0; height: auto; width: 240px; text-decoration: none; text-align: left; background: transparent; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #FFFFFF; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.2);}
#sidebar div ul li:first-child a {border-top: none;}
#sidebar div ul li:last-child a {border-bottom: none;}
#sidebar div ul li a:hover {}
#sidebar div div.textwidget {background: transparent !important; border: none !important; box-shadow: none; height: auto; width: 240px !important; margin: 0; padding: 0;}

/***** HOME *****/
#article-excerpt {margin: 0 0 15px 0; padding: 20px; height: auto; width: 660px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#article-excerpt h2 {margin: 0 0 15px 0; padding: 0;}
#article-excerpt h2 a {font-family: "OpenSansBold", sans-serif; font-size: 24px; color: #222222; text-decoration: none;}
#article-excerpt h2 a:hover {color: #4488BB;}
#article-excerpt h3 {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #666666; text-transform: uppercase;}
#article-excerpt h3 span {color: #222222;}
#article-excerpt img {display: block; max-width: 660px; height: auto;}
#article-excerpt p {margin: 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; line-height: 22px; color: #333b43;}
#article-excerpt a.readmore {display: block; float: right; margin: 0; padding: 0 15px; height: 35px; width: auto; text-decoration: none; background-color: #4488BB; font-family: "OpenSansSemiBold", sans-serif; font-size: 14px; line-height: 35px; color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -o-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); text-shadow: 0px 1px 1px rgba(0,0,0,0.4);}
#article-excerpt a.readmore:hover {background-color: #444444;}

/***** SINGLE / PAGE *****/
#article {margin: 0 0 15px 0; padding: 20px; height: auto; width: 660px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#article h1 {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansBold", sans-serif; font-size: 24px; color: #222222; text-decoration: none;}
#article h3.publishdate {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #666666; text-transform: uppercase;}
#article h3.publishdate span {color: #222222;}
#article h3.publishdate, #article h3.publishdate span {text-decoration: none;}
#article h2 {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansBold", sans-serif; font-size: 24px; color: #222222; text-decoration: none;}
#article h3 {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #222222; text-transform: uppercase; text-decoration: underline;}
#article img {display: block; margin-top: 0; margin-bottom: 15px;}
#article p {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; line-height: 22px; color: #333b43;}
#article #shareus {float: right; margin: 20px 0 0 ; padding: 0; height: 48px; width: auto;}
#article #shareus a {display: inline-block; margin: 0; padding: 0; height: 48px; width: 48px; text-decoration: none;}
#article #shareus a img {display: block; height: 48px; width: 48px;}

/***** ARCHIVE *****/
#article-archive {vertical-align: top; display: inline-block; margin: 0 5px 15px 5px; padding: 20px; height: 410px; width: 446px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#article-archive h2 {margin: 0 0 15px 0; padding: 0;}
#article-archive h2 a {font-family: "OpenSansBold", sans-serif; font-size: 24px; color: #222222; text-decoration: none;}
#article-archive h2 a:hover {color: #4488BB;}
#article-archive h3 {margin: 0 0 15px 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; color: #666666; text-transform: uppercase;}
#article-archive h3 span {color: #222222;}
#article-archive img {display: block; width: 446px;}
#article-archive p {margin: 15px 0 0 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; line-height: 1.4em; color: #666666;}
#article-archive a.readmore {display: block; float: right; margin: 0; padding: 0 15px; height: 35px; width: auto; text-decoration: none; background-color: #4488BB; font-family: "OpenSansSemiBold", sans-serif; font-size: 14px; line-height: 35px; color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -o-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); text-shadow: 0px 1px 1px rgba(0,0,0,0.4);}
#article-archive a.readmore:hover {background-color: #444444;}

/***** PAGE CONTACT *****/
#article-contact {display: block; margin: 0; padding: 30px 20px; height: auto; width: 960px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#article-contact form {margin: 0; padding: 0; height: auto; width: 960px;}
#article-contact form label {display: block; margin: 0 0 15px 0; padding: 0; font-family: "OpenSansBold", sans-serif; font-size: 16px; color: #444444;}
#article-contact form input {display: block; margin: 0 0 15px 0; padding: 0 10px; height: 40px; width: 600px; border: 1px solid rgb(229, 229, 229); background-color: #F9F9F9; font-family: "OpenSansLight", sans-serif; font-size: 14px; color: #666666;}
#article-contact form textarea {display: block; margin: 0 0 15px 0; padding: 10px; height: 150px; width: 940px; border: 1px solid rgb(229, 229, 229); background-color: #F9F9F9; font-family: "OpenSansLight", sans-serif; font-size: 14px; color: #666666;}
#article-contact form input[type=submit] {cursor: pointer; display: block; margin: 20px 0; padding: 0 20px; height: 40px; width: auto; background-color: #4488BB; font-family: "OpenSansSemiBold", sans-serif; font-size: 18px; line-height: 40px; color: #FFFFFF; text-transform: uppercase; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -o-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0.4); text-shadow: 0px 1px 1px rgba(0,0,0,0.4);}
#article-contact form input[type=submit]:hover {background-color: #444444;}

/***** PAGE 404 *****/
#article-404 {display: block; margin: 0; padding: 50px 20px; height: auto; width: 960px; background-color: #FFFFFF; border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
#article-404 p {margin: 0; padding: 0; font-family: "OpenSansExtraBold", sans-serif; font-size: 24px; line-height: 1.4em; color: #666666;}
#article-404 p span {margin: 0 10px 0 0; color: #4488BB;}

/***** PAGINATION *****/
div.wp-pagenavi {display: block; margin: 20px auto; padding: 0; height: auto; width: auto; text-align: center;}
div.wp-pagenavi span.pages, div.wp-pagenavi span.current, div.wp-pagenavi a {display: inline-block; margin: 0 10px 0 0; padding: 0 10px; height: 35px; width: auto; background: #FFFFFF; text-decoration: none; font-family: "OpenSansSemiBold", sans-serif; font-size: 14px; line-height: 35px; color: #666666;  border-top: 1px solid rgb(230,230,230); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
div.wp-pagenavi a:hover, div.wp-pagenavi span.current {background: #444444; color: #FFFFFF;}

/***** PIED DE PAGE *****/
#footer {margin: 30px 0 0 0; padding: 20px 0; height: auto; width: 1000px; border-top: 1px solid rgba(0,0,0,0.15); background: transparent;}
#footer p {margin: 0; padding: 0; font-family: "OpenSansRegular", sans-serif; font-size: 14px; line-height: 1.2em; color: #666666; text-shadow: 0px 1px 1px rgba(255,255,255,0.8); text-align: center;}
#footer p a {display: inline-block; text-decoration: none; margin: 0; padding: 0; height: 64px; width: 64px;}