/*  
Theme Name: Theme Voix Du Dodo
Theme URI: http://www.ethyde.fr
Description: Theme pour la voix du dodo.
Version: 1.0
Author: Ethyde
Author URI: http://www.ethyde.fr/

*/

/**
 *	Feuille de style gerant la structure du site
 *	
 *	@project	Site pro
 *	@site			Wordpress voixdudodo
 *	@cssdoc		0.2.22
 *	
 */

/**
 * Reset CSS
 *	@section reset
 *	@see 		Eric Meyer http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */

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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* Penser a dfinir les style de focus si necessaire ! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * Typographie
 *	@section Typographie
 *	@see 		http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
 *	@see		http://www.alistapart.com/articles/howtosizetextincss
 *
 *	La taille de base sera de 10px avec les valeurs par dfaut de police du navigateur : soit 16px
 *					formule : 10px/16 = 0.625em 11px/16 = 0.6875em   12px/16 = 0.75em
 *	Pour fixer une hauteur de ligne par dfaut de 18px (valeur par dfaut sur la plus part des navigateurs)
 *  il faut modifier la hauteur de ligne par défaut en fonction de la taille de police par defaut
 *					          18/10  = 1.8em    18/11 = 1.6363em   18/12 = 1.5em
 */


html{
    font-size: 100%;    
}

body{
	 font: 0.625em Verdana, Arial, Georgia, sans-serif;
	 /*line-height:1.125em;*/
	 line-height:1.2;
}

input, select, textarea{
    font-size: 100%;
}

/**
 * 	Ainsi pour afficher une taille par dfaut de 20 px pour les titres H1 si la taille de police est de 10 px
 *	la formule est : 20/ 10 = 2em
 *  l'attribut de font se lit ainsi font: taille-du-titre / hauteur-de-ligne-du-titre Liste des police et ordre d'application;
 */

h1{
	 font: 2em/1.125 Verdana, Arial, Georgia, sans-serif;
}

h2{
    font: 1.8em/1.125 Verdana, Arial, Georgia, sans-serif;
}

h3{
    font: 1.6em/1.125 Verdana, Arial, Georgia, sans-serif;
}

h4{
    font: 1.4em/1.125 Verdana, Arial, Georgia, sans-serif;
}

h5{
    font: 1.2em/1.125 Verdana, Arial, Georgia, sans-serif;
}

h6{
    font: 1.1em/1.125 Verdana, Arial, Georgia, sans-serif;
}

/**
 * 	Mise en forme par defaut des elements html et ajout des format correcte pour les apostrophe des citations en 
 *	en fonction de la langue du navigateur.
 *  source tripoli css : http://devkick.com/lab/tripoli/
 *
 */

cite,em,dfn
{
	font-style:italic;
}

code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea
{
	font-size:100%;
	font-family:mono-space,monospace;
}

pre
{
	white-space:pre;
}

pre *
{
	font-size:100%;
	white-space:pre;
}

del
{
	text-decoration:line-through;
}

ins,dfn
{
	border-bottom:1px solid black;
}

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

big
{
	font-size:125%;
	line-height:80%;
}

abbr,acronym
{
	text-transform:uppercase;
	font-size:85%;
	letter-spacing:.1em;
}

abbr[title],acronym[title],dfn[title]
{
	cursor:help;
	border-bottom:1px dotted black;
}

sup
{
	vertical-align:super;
}

sub
{
	vertical-align:sub;
}

blockquote
{
	padding-left:2.2em;
}

:lang(af),:lang(nl),:lang(pl)
{
	quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro)
{
	quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da),:lang(hr)
{
	quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el),:lang(es),:lang(sq),:lang(tr)
{
	quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB)
{
	quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi),:lang(sv)
{
	quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr)
{
	quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before
{
	content:'\201C';
}

*[lang|='en'] q:after
{
	content:'\201D';
}

*[lang|='en'] q q:before
{
	content:'\2018';
}

*[lang|='en'] q q:after
{
	content:'\2019';
}

input,select,button
{
	cursor:pointer;
}

input[type='text'],input[type='password']
{
	cursor:text;
}

input[type='hidden']
{
	display:none;
}
 
 /**
 * Zone Site
 * @section Conteneur
 */
body {
	background: #adafb3 url(images/fond.jpg) repeat-x;
}
#site{
	position :relative;
	margin :0 auto;
	padding-top:2em;
	width :905px;
}

	/**
	 * Zone d'en tete
	 * @subsection en tete
	 */
	
	#head {
		height :202px;
		background: url(images/fondEnTete.png) no-repeat top;
	}
	#head h1, #head a#retourAccueil {
    top:54px;
    left:60px;
    position: relative;
    background: url(images/laVoixDuDodo.png) no-repeat;
    height:83px;
    width:270px;
    text-indent: -9999px;
    border-bottom: 3px solid #000000; 
  }
	#head a#retourAccueil {
    text-decoration:none;
    display:block;      	
  }
  #head blockquote {
  	font-family: Georgia;
  	font-size:1.4em;
  	font-style: italic;
  	font-weight: 500;
  	letter-spacing: 0.07em;
  	line-height: 1.8em;
  	position: relative;
  	top:55px;
  	left:60px;
  }
  
  /**
	 * Zone de contenue 
	 * @subsection Contenue
	 */
	 
	 #conteneur {
	 	background:#fff;
	 	padding-top:1.5em;
	 	overflow:hidden;
	 }
	
		/**
	 	* Zone de contenue 
	 	* @subsection Contenue
	 	*/
	
		.contenu {
			width:56%;
			padding:0 6% 0 3%;
		}
		.post {
			width:40em;
			max-width:42em;
			font-size:1.2em;
			padding:0 0 1em 0;
			margin: 0 0 1em 0;
			border-bottom:2px dotted #d3d5d9;
		}
		.vignetteArticle {
			float:left;
			padding:6px 10px 5px 0;
		}
		.post h2,
		.post h1 {
    	margin-bottom:0.5em;
  	}
		.post h2 a,
		.post h1 a {
			text-decoration:none;
    	color:#ff5b0a;
		}
		.post h2 a:hover
		.post h1 a:hover {
    	color:#e14d04;
		}
		.post p {
    	margin:0 0 0.5em 0;
  	}
  	.post .introduction,
  	.post .contenuArticle {
  		color:#5c6b7e;
  		line-height: 1.5em;
  		padding-bottom: 2em;
  	}
  	.post blockquote {
    	padding:1em 1.2em;
    	font-size:0.95em;
  	}
  	.post .contenuArticle img.alignleft {float:left; padding:6px 10px 5px 0;}
  	.post .contenuArticle img.alignright {float:right;padding:6px 0 5px 10px;}
		a.more-link {
    	line-height:2em;
    	text-decoration :none;
    	color:#ff5b0a;
    	float:right;
  	}
  	a.more-link:hover {
    	text-decoration :underline;
  	}
		.publierPar,
		.postmetadata {
			font-size:0.833em;
			margin:0.5em; 0;
		}
		.publierPar a,
		.postmetadata a {
			color:#ff5b0a;
		}
		#enrelationAvec {
    	margin:10px 0;
  	}
		#enrelationAvec>span {
			line-height:1.8em;
			font-weight: bold;
		}
		#enrelationAvec li>a {
			color:#5C6B7E;
			text-decoration: none;
			line-height: 1.5em;
		}
		#enrelationAvec li>a:hover {
			text-decoration: underline;
		}
		.previousNextPagesLinks {
			margin:0 0 25px 0;
			overflow:hidden;
		}
		.previousNextPagesLinks a{
			color:#FF5B0A;			
		}
		.previousNextPagesLinks span{
			width:20em;
			float:left;
			padding:0 1em;
			display:block;
		}
		.previousNextPagesLinks span+span{
			text-align:right;
			float:right;
			padding:0 1em;
			display:block;
		}
		.ddsg-wrapper {
    	margin:10px 0 5px 0;
  	}
  	.ddsg-wrapper h2{
    	font-size: 1.2em;
    	line-height :1.5em;
    	margin-bottom:3px;
  	}
  	.ddsg-wrapper ul ul{
    	margin-left:10px;
  	}
  	.ddsg-wrapper li{
    	line-height :1.5em;
  	}
	
		/**
	 	* Mise en forme des commentaires
	 	* @subsubsection commentaires
	 	*/
	 
	  	.comments-template{
				margin: 10px 0 0;
				border-top: 1px solid #ccc;
				padding: 5px 0 0;
			}

	  	.comments-template ol{
				margin: 0;
				padding: 0 0 15px;
				list-style: none;
			}

	  	.comments-template ol li{
				margin: 10px 0 0;
				line-height: 18px;
				padding: 0 0 10px;
				border-bottom: 1px solid #ccc;
			}

			.comments-template h2, .comments-template h3{
				font-family: Georgia, Sans-serif;
				font-size: 16px;
			}

	  	.commentmetadata{
		  	font-size: 12px;
	  	}
	  
	  	.comments-template p#respond{
		  	line-height:1.5em;
	  	}
	  
	  	.comments-template form p{
		  	margin:3px 0;
	  	}

	  	.comments-template p.nocomments{
		  	padding: 0;
	  	}

	  	.comments-template textarea{
		  	font-family: Arial, Helvetica, Georgia, Sans-serif;
		  	font-size: 12px;
	  	}

	/**
 	* Mise en forme de la structure de contenue droite 
 	* @subsubsection Droite
 	*/

		.navigation {
			float:right;
			width:29%;
			margin:0 3%;
			font-family:arial;
			font-size:1.2em;
			
		}
		#rssTwitter {
			line-height:45px;
			overflow:hidden;
		}
		#abonnementRss {
			background:url(images/orangerss.jpg) no-repeat left;
			padding-left: 65px;
			color:#ee8b4a;
			margin-left:30px;
			float:left;
			display:block;
		}
		#followTwitter {
			height:38px;
			display:block;
			float:right;
			margin-right:35px;
			margin-top:3px;
		}
		.navigation li.widget {
			margin:0 0 1.2em 0;
		}
		.navigation .widgettitle {
			line-height:1.8em;
			font-size:1.2em;
			text-transform:uppercase;
			font-weight: bold;
		}
	
		.navigation ul{
			padding:0 7px;
			background:#d3d5d9;
		}
	
		.navigation li{
			line-height:1.5em;
		}
	
		.navigation li a{
			text-decoration:none;
			color:#5C6B7E;
		}
	
		.navigation li a:hover{
			text-decoration:underline;
		}
			
	/**
	 * Mise en forme de la structure de contenue du pied de page 
	 * @subsection Pied de page
	 */
	 
	.foot {
    clear:right;
    background:#fff;
    padding:2em;
	}
	
	.foot p {
		text-align:right;
		line-height: 1.8em;
		color:#5C6B7E;
	}
	.foot p a{
		text-decoration:none;
		color:#5C6B7E;
	}
	.foot p a:hover{
		text-decoration:underline;
	}