/*********************************************************************************************

Theme Name: WP Pola ML
Theme URI: http://www.macetlinux.com/
Description: Description du thème
Version: 0.1.0
Author: florentparcevaux
Author URI: http://www.florentparcevaux.com
Tags: minimal,white,
Template: 

License: GNU General Public License
License URI: license.txt

**********************************************************************************************

Designed and Built by Florent Parcevaux - florentparcevaux.com

CSS, XHTML and Design Files are all Copyright 2009-2012 ©f3px

CSS Reset : TOUCAN CSS RESET | v0.5 - http://borderleft.com/labs/

**********************************************************************************************

 0.		Le HTML5 (HTML5 Reset)  -----------------------------  All Theme Files
 1.		La pagination    ------------------------------------  All Theme Files
 2.		Les images Wordpress    -----------------------------  All Theme Files
 3.		Le corps de la page (body)   ------------------------  All Theme Files
 4.		La structure de la page (page)   --------------------  All Theme Files
 5. 	Le Header   -----------------------------------------  header.php
 6.		Le menu (nav)   -------------------------------------- header.php
 7.		Le corps (entre header et footer)   -----------------  All Theme Files
 8.		Les sections (section)   ----------------------------  loop.php
 9.		Les articles (article)   ----------------------------  loop.php
 10.	Les sidebars (aside)   ------------------------------  loop.php
 11.	Le pied de page (footer)   --------------------------  footer.php
 12. 	Le fil d'ariane  ------------------------------------  All Theme Files
 13. 	La page d'accueil  ----------------------------------  template-home.php
 14. 	Les commentaires  ----------------------------------   comments.php
 15. 	Un article   ----------------------------------------  single.php
 16. 	Les posts formats  ----------------------------------  .php

/************************************************************************************************ 
*																								*
*       0.		Le HTML5 (HTML5 Reset)  -----------------------------  All Theme Files			*
*																								*
************************************************************************************************/
/* Tell old browsers how to handle HTML5 elements */
header, footer, aside, nav, article {display: block;}



/* TOUCAN CSS RESET | 1.0 */

/* General
---------------------------------------- */
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, font, 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 {
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
	margin-bottom: 1.5em;
}

/* Structure
---------------------------------------- */
html {
	font-size: 100%;
}

body {
	font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif;
	/* font-family: arial, helvetica, sans-serif; */
	font-size: .875em;
	line-height: 1.5;
	background-color: #fff;
}

/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 3em;
	line-height: 1.1;
	margin-bottom: .238em;
}

h2 {
	font-size: 2em;
	line-height: 1.15;
	margin-bottom: .357em;
}

h3 {
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: .476em;
}

h4, h5, h6 {
	font-size: 1em;
	margin-bottom: .715em;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

blockquote, q, cite {
	font-style: italic;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
	content: "";
}

code, kbd, pre, samp, tt {
	font-family: menlo, monaco, consolas, "lucida console", "courier new", courier, monospace;
	line-height: 1.3;
}

pre {
	/* word-wrap: break-word; */
	white-space: pre-wrap;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted;
	cursor: help;
	font-style: normal;
	font-variant: normal;
}

var {
	font-style: normal;
}

center {
	text-align: center;
}

/* Hypertext
---------------------------------------- */
/*
a:link {
}

a:visited {
}

a:hover {
}

a:active {
}
*/

a:focus {
	outline: 1px dotted;
}

/* Image
---------------------------------------- */
img {
	border: 0;
}

/* List
---------------------------------------- */
ul {
	list-style: disc outside none;
}

ol {
	list-style: decimal outside none;
}

li {
	margin-left: 2em;
}

li ul, li ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1em;
}

/* Presentation
---------------------------------------- */
hr {
	border: 0;
	border-bottom: 1px solid;
}

big {
	font-size: 1.25em;
}

small, sub, sup {
	font-size: .85em;
}

sub, sup {
	line-height: 1;
}

sub {
	vertical-align: bottom;
}

sup {
	vertical-align: top;
}

del, s, strike {
	text-decoration: line-through;
}

ins {
	border-bottom: 1px dotted;
	text-decoration: none;
}

bdo {
	border-bottom: 1px dotted;
}

u {
	text-decoration: underline;
}

/* Form
---------------------------------------- */
fieldset {
	padding: 1em;
}

legend {
	font-weight: bold;
	padding: 0 .25em;
}

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
}

input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {
	cursor: pointer;
	line-height: 1;
}

textarea {
	line-height: 1.25;
	text-align: left;
}

/* Table
---------------------------------------- */
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.3;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

th, td {
	border: 1px solid;
	padding: .5em 1em;
}

caption {
	padding-bottom: 1em;
}

th {
	font-weight: bold;
}

/************************************************************************************************ 
*																								*
*       1.		La pagination    ------------------------------------  All Theme Files			*
*																								*
************************************************************************************************/
.page-numbers li{
float:left;
padding:2px;
margin-right:3px;
}

.page-numbers li .current{
padding:2px;
border-bottom:1px solid #000000;
}
/************************************************************************************************ 
*																								*
*       2.		Les images Wordpress    -----------------------------  All Theme Files			*
*																								*
************************************************************************************************/
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 42px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/************************************************************************************************ 
*																								*
*       3.		Le corps de la page (body)   ------------------------  All Theme Files			*
*																								*
************************************************************************************************/
body:before /* petite ombre au début de la page avec le navigateur */
{ 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }


/************************************************************************************************ 
*																								*
*       4.		La structure de la page (page)   --------------------  All Theme Files			*
*																								*
************************************************************************************************/
#page {
	display:block;
	width:960px;
	margin:auto;
}

ul {
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
}

a{
	color: #DD4814;
}

/************************************************************************************************ 
*																								*
*       5. 		Le Header   -----------------------------------------  header.php				*
*																								*
************************************************************************************************/
header {
	width: 960px;
	height: 250px;
	border-bottom: rgba(0,0,0,0.5);
	border-bottom-style: groove;
}
header h1{
	font-family: 'Ubuntu', sans-serif;
	font-weight: bolder;
	font-size: 62px;
	line-height: 0px;
}
header h1 a{
	text-decoration: none;
	color: #000000;
}
header h2{
	font-family: 'Dancing Script', cursive;
	font-size: 35px;
	letter-spacing: 2px;
	color: #750047;	
}

#header1 {
	height: 90px;
	top: 1px;
	padding: 20px 0px 0px 590px;
}
#header2 {
	width: 420px;
	float: left;
	padding: 0px 0px 0px 50px;
	height: 70px;
}
#header3 {
	text-align: center;
}
#socialbar1{width: 350px;}

.twitter-share-button{float: left; width: 115px;height: 30px;}
.fb-like{float: left; width: 115px;height: 30px;}
.g-plusone{float: left; width: 115px;height: 30px;}

/************************************************************************************************ 
*																								*
*       6.		Le menu (nav)   -------------------------------------- header.php				*
*																								*
************************************************************************************************/
nav {
	width: 480px;
	float: left;
	height: 70px;
	font-size: 20px;
	text-align: right;
	word-spacing: 10px;
}

ul nav {
     font: bold;
     list-style-type: none;
}
nav li {
     display: inline;
     margin: 0 5px;
}
nav a {
     text-decoration: none;
     line-height: 25px;
     font-family: 'Ubuntu Condensed', sans-serif;
     padding: 8px 8px 8px 8px;

}
nav a:hover, nav a:focus {
     background-color: #750047; /* alternative violette "dure" pour les anciens navigateurs */
     background-color: rgba(136, 39, 98, 0.3); /* couleur violette semi-transparente */
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}


/************************************************************************************************ 
*																								*
*       7.		Les sections (section)   ----------------------------  loop.php					*
*																								*
************************************************************************************************/
section {
	padding: 40px 0px 0px 0px;
	}
section a{
	text-decoration: none;
	}
	
#contact{
}

#contact h1{
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}
#contact h3{
	font-family: 'Ubuntu', sans-serif;
	color: #750047;
	font-size: 24px;
}
#contact p{
	font-size: 20px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 30px;
	text-align: center;
}
#faq h1{
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}
#faq h3{
	font-family: 'Ubuntu', sans-serif;
	color: #750047;
	font-size: 24px;
}
#faq p{
	font-size: 20px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 30px;
}
#archives{
}

#archives a{
	color: #DD4814;
}

#archives h1{
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}
#archives h3{
	font-family: 'Ubuntu', sans-serif;
	color: #750047;
	font-size: 24px;
}
#archives p{
	font-size: 28px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 40px;
	text-align: center;
}

#archives em{
	color: #750047;
	
}
#archives b{
	color: #2C001E;
	font-weight: bold;
	font-size: 28px;
	font-family: 'Dancing Script', cursive;
}

#tags {
	font-family: 'Ubuntu Mono', sans-serif;
}
#tags a{
	background-color: #DD4814;
	color: white;
	padding: 5px;
	line-height: 35px;
	margin: 3px;
	
}


/************************************************************************************************ 
*																								*
*       8.		Les articles (article)   ----------------------------  loop.php					*
*																								*
************************************************************************************************/
article {
	font-size: 18px;
	line-height: 24px;
	font-family: 'Ubuntu Condensed', sans-serif;

}
article strong {
	font-weight: 700;
	font-family: 'Ubuntu Condensed', sans-serif;
}
article p{
	margin: 13px 50px;
}

article ul {
	font-family: 'Ubuntu mono', sans-serif;
	font-size: 18px;
	margin: 15px 60px;	
}

article img{
	float: left;
	width: 960px;
	height: 540px;
	margin: 25px 0px 25px 0px;
	-moz-box-shadow: 3px 3px 8px 0px #656565;
	-webkit-box-shadow: 3px 3px 8px 0px #656565;
	-o-box-shadow: 3px 3px 8px 0px #656565;
	box-shadow: 3px 3px 8px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=8);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.image2{
	width: 240px;
	margin: auto;
	float: left;
}

article h1{
	font-size: 48px;
	font-weight: bold;
	font-family: 'Ubuntu', sans-serif;
	margin: 2px 0px 2px 0px;
	text-align: center;
}
article h2{
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: 400;
	font-size: 25px;
	margin: 12px 0px 10px 0px;
	}
article h3{
	font-size: 35px;
	font-weight: bolder;
	font-family: 'Ubuntu', sans-serif;	
	color: #750047;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 30px;

}
article h4{
	font-weight: bold;
}
article a{
    text-decoration: none;
    font-size: 20px;
    }
article li{
	list-style: square;
	}
	
blockquote {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 50px;
  padding-left: 15px;
  font-family: 'Open sans', sans-serif;
  font-size: 25px;
  line-height: 40px;
  color: #77216F;
} 



#conclusion{
	background-color: #750047; /* alternative violette "dure" pour les anciens navigateurs */
	background-color: rgba(136, 39, 98, 0.3); /* couleur violette semi-transparente */
	padding: 20px 50px 20px 50px;
	margin: 45px 0px 30px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:8px inset #77216F;
}
#conclusion p{
	line-height: 30px;
	font-family: 'Open sans', sans-serif;
	font-size: 22px;
	color: #5E2750;
}
#conclusion a{
	font-family: 'Open sans', sans-serif;
	font-size: 22px;
}

#socialbar{
	height: 40px;
	padding: 30px 0px 0px 330px;
}
#footer1 {
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 34px;
	color: #750047;
}
#footer1 a{
    text-decoration: none;
    font-weight: bold;
}
.entry{
	padding: 25px 0px 0px 0px;
	
}

.navigation_clear{
	margin-bottom: 80px;
}

.left{
	width: 220px;
	float: left;
	text-align: center;
	background-color: #750047;
	margin-left: 173px;

}
.right{
	width: 220px;
	float: left;
	background-color: #750047;
	text-align: center;
	margin-left: 173px;
}
.left a{
	color: #ffffff;
}
.right a{
	color: #ffffff;
}

/************************************************************************************************ 
*																								*
*       9.		Les sidebars (aside)   ------------------------------  loop.php					*
*																								*
************************************************************************************************/
aside {
}
#aside1 {
}
#aside2 {
}
/************************************************************************************************ 
*																								*
*       10.		Le pied de page (footer)   --------------------------  footer.php				*
*																								*
************************************************************************************************/
footer {
	clear: left;
	text-align: center;
	padding: 40px 0px 40px 0px;
}



#footer2 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 20px;
}
#footer3 {
	
}
#footer4 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 20px;
	color: #a3a3a3;
}

#footer2 a{
    text-decoration: none;
    font-weight: bold;
}
#footer4 a{
	color: #a3a3a3;
    text-decoration: none;
}

/************************************************************************************************ 
*																								*
*       11. 	Le fil d'ariane  ------------------------------------  All Theme Files 			*
*																								*
************************************************************************************************/
.ariane {
	list-style: none;
	display: block;
	margin-left: 30px;
	padding: 10px 0px 20px 0px;
}
/************************************************************************************************ 
*																								*
*       12. 	La page d'accueil  ------------------------------------  template-home.php		*
*																								*
************************************************************************************************/
.pola {
	background-image: url("images/pola.png");
	float: left;
	width: 450px;
	height: 410px;
	margin: 20px 0px 0px 20px;
	position: relative;
}

.pola img{
	margin: 10px 0px 0px 10px;	
}

.pola h2{
	margin: 10px 0px 0px 10px;
	width: 430px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	font-size: 30px;
}
.pola h3{
	float: left;
	width: 264px;
	margin: 10px 0px 0px 10px;
	font-size: 15px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height: 20px;

}
.button{
	position: absolute;
	background-image: url("images/button.png");
	width: 180px;
	height: 52px;
	right: -1%;
}
.pola a{
	position: absolute;
	margin: 20px 0px 0px 20px;
	color: #ffffff;
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 18px;
    text-decoration: none;
    
}


#liste{
	display: inline-block;
	border-bottom: 1px solid #750047;
	margin-top: 20px;	
}
#liste_gauche{
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

#liste_droite{
	display: inline-block;
	float: left;
	width: 660px;
	padding-left: 50px;
}

#liste_droite h2{
	padding-top: 18px;
	
}

#liste_droite h3{
	padding-top: 8px;

}

#liste_droite a.titre{
	font-size: 27px;
	padding-top: 8px;
	
}

#liste_droite a.soustitre{
	font-size: 20px;
	text-align: justify;
	padding-top: 8px;

}



/************************************************************************************************ 
*																								*
*       13. 	Les commentaires  ----------------------------------   comments.php				*
*																								*
************************************************************************************************/
#comment-area{
	margin-left: 40px;
	margin-right: 40px;
}
#commentform{
	width: 640px;
}

#commentform p{
	margin-bottom: 10px;
}

#comment{
	width: 560px;
}
.commentlist li{
	list-style: none;
}

#submit {
    width:157px;
    height:38px;
    /* background:url(images/submit.jpg);
    text-indent:-9999px;
    border:none;*/
    cursor:pointer;
    float: right;
    margin-bottom: 15px;
    margin-right: 70px;
}

	#submit:hover {
	    opacity:0.9;
	}
/************************************************************************************************ 
*																								*
*       14. 	Un article   ----------------------------------------  single.php				*
*																								*
************************************************************************************************/

/************************************************************************************************ 
*																								*
*       15. 	Les posts formats  ----------------------------------  .php						*
*																								*
************************************************************************************************/
/************************************************************************************************ 
*																								*
*       16. 	Archives    ----------------------------------  .php							*
*																								*
************************************************************************************************/

a.titre {
	font-family: 'Ubuntu', sans-serif;
	font-size: 38px;
    text-decoration: none;
}
h3.soustitre {
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 18px;
    text-decoration: none;
}


/********************************************************************************************* 

16.  Définition des polices personnalisées  ---------------------------------------  Home.php

*********************************************************************************************/