/*
Theme Name: Blog Fondation Chirac
Theme URI: http://blog.fondationchirac.eu
Description: Le thème du blog de la Fondation Chirac.
Version: 1.0
Author: Kinoa
*/



/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* evite un bug d'IE 6-7. */
}
body {
    margin: 0 auto;
    padding: 0; 
    font-family: Arial, Helvetica, FreeSans, sans-serif; 
    font-size: 62.5%; 
    line-height: 1.4; 
    color: black;
    background: white;
max-width:1050px;
min-width:800px;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte.  */
    line-height: 1.2;
    font-weight: bold; /* Valeur par defaut.  */
    font-style: normal;
}

h1 {
    font-size: 2em;
	margin: 1em 0 0 0;
}

h1, h1 a {
	color: #0f427a;
}

h2 {
	font-size: 1.4em;
	/* margin: 15px 0 0 0; */
}

h2, h2 a {
	/* color:#666; */
	color: #0f427a;
}

h3 {
    font-size: 1.4em;
}

h3, h3 a {
	color: #0f427a;
}

h4 {
    font-size: 1.4em;
    margin: .5em 0 .5em 0; /* Rapproche le titre du texte.  */

}

/* Listes */
ul {
    margin: 0;
    padding: 0;
list-style-type:none;
}

ol {
    margin: 0;
    margin: 0 0 0 15px;
}



/* Paragraphes */
p {
    margin: 12px 0 0 0;
font-size:1.3em;
color:#666;
}



address {
    margin: 0;
    font-style: normal;
}

/* Liens */

a {
text-decoration:none;
}

p a {
color:#0071bc;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


a img {
    border: none;
}

/* Divers �l�ments de type en-ligne  */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. */
}

.clear {
clear:both;
height:1px;
margin:0;
padding:0;
visibility:hidden;
}



/* Header Layout
--------------------------------------------------------------------------------------- */

body {
background:url(images/bg_body.png) repeat-x top;
}

#header {
width:990px; /* Ne pas d�passer sinon barre de scrolling horizontale */
height:33px;
background:url(images/header.png) no-repeat;
}

#content img.logo {
padding:35px 0 0 0;
}




/* Contenu Layout
--------------------------------------------------------------------------------------- */


/*Conteneur principal du site*/

#wrapper {

min-width:820px;
overflow:hidden;
position:relative;
width:100%;
}


#main_content {
background:url(images/bg_content.png) repeat-y scroll 100% 0 ;
padding:0 430px 0 0;
overflow:hidden;
}

#content {
width:90%;
float:left;
padding: 0 10px 20px 15px;
}

.contenu_post {
overflow:hidden;
}

.contenu_post img {
 max-width: 570px;
}

.contenu_post ul, .contenu_post ol, .bloc_commentaire ul, .bloc_commentaire ol {
padding:15px 0 15px 15px;
}

.contenu_post ul li, .bloc_commentaire ul li {
font-size:1.3em;
color:#666;
background:url(images/puce_menu_ul.png) no-repeat 0 6px;
padding: 0 0 0 10px;
}

.contenu_post ol li, .bloc_commentaire ol li {
font-size:1.3em;
color:#666;
padding: 0;
}

.contenu_post ul li a, .contenu_post ol li a, .bloc_commentaire ul li a, .bloc_commentaire ol li a  {
color:#0071BC;
text-decoration:none;
}

span.texte_date, span.texte_date_commentaire {
margin:4px 0 0 0;
font-size:1.2em;
color:#666;
display:block;
}

span.date, span.date_commentaire  {
color:#00427a;
}

#content p.suite a {
color:#F15A24;
padding:10px 0 0 0;
display:block;
text-decoration:underline;
}

p.nb_commentaires a {
background:url(images/bulle_commentaire.png) no-repeat;
color:#F15A24;
padding: 0 0 0 18px;
} 



#content img {
padding:15px 0 0 0;
}

.trait_separation {
clear:both;
}

/*colonne de droite*/


#sidebar_right {
display:inline;
float:right;
margin:0 -430px 0 0;
position:relative;
width:430px;
padding:20px 0 0 0;

}




* html #sidebar_right {
width:429px; 
}

.enveloppe_petit_blocs {
clear:both;
/*height:66px;
*/overflow: hidden;
}

.enveloppe_moyen_blocs {
clear:both;
height:175px;
overflow: hidden;
}

.enveloppe {
clear:both;
height:190px;
overflow: hidden;
}


/*Bloc A propos 
*/


#sidebar_right .bloc_bleu {
background:url(images/bg_bloc_bleu.png) no-repeat;
width:188px;
padding: 0 8px 15px 8px;
float:left;
height:157px;
}

.reduit {
height:112px !important;
background:url(images/petit_bloc_bleu.png) no-repeat !important;
float:left;

}

#sidebar_right .bloc_bleu h3 {
font-size:1.8em;
padding: 5px 0 15px 18px;
margin:0;
}

#sidebar_right .bloc_bleu p {
margin:0;
padding:0 0 2px 0;
font-size:1.2em;
}

#sidebar_right .bloc_bleu p a {
color:#F15A24;
background:url(images/puces_orange.png) no-repeat 0 4px;
padding: 0 0 0 11px;
}

/*Bloc image non definie
*/

.logo_fondation img {
margin:0;
padding:0 0 0 15px;
float:left
}



/*Bloc Flux RSS
*/

#sidebar_right form {
background:url(images/bg_rss.png) no-repeat;
width:196px;
height:48px;
padding: 0 0px 15px 8px;
/*float:left;
*/}

* html #sidebar_right form {
padding: 0 0px 3px 8px;
}

#sidebar_right label {
font-size:12px;
color:#fff;
display:block;
padding:1px 0 0 0;
}


/*Bloc don
*/

.bloc_don {
background:url(images/bg_don.png) no-repeat;
width:204px;
height:47px;
padding: 0 0 16px 0;
/*margin:0 0 0 15px;
*/border: none;
/*float:left;
*/}

.bloc_don h3 {
color:#fff;
font-size:2em;
padding:11px 0 0 15px;
margin: 0; 
font-weight:normal;
letter-spacing:1px;
height:36px;
}

.bloc_don h3 a {
color:#fff;
}


/*Bloc programme
*/

.bloc_information {
height:190px;
float:left;
width:204px;
font-size:0.9em;
}

.bloc_information_droite {
height:190px;
float:left;
width:204px;
font-size:0.9em;
padding: 0 0 0 15px;

}

 h4.titre_acces_eau a, h4.titre_medicaments a, h4.titre_desertification a, h4.titre_sorosoro a, h4.titre_info a {
height:190px;
float:left;
width:190px;
padding: 0 0 0 13px;
font-size:0.9em;
}


* html h4.titre_acces_eau a {
width:190px;
}

* html h4.titre_medicaments a {
width:190px;
}

* html h4.titre_desertification a {
width:190px;
}

* html h4.titre_sorosoro a {
width:190px;
}

* html h4.titre_info a {
width:190px;
}

h4.titre_acces_eau a {
background:url(images/puce_verte.png) no-repeat 0 3px;
color:#14A597;
}

h4.titre_medicaments a {
background:url(images/puce_violette.png) no-repeat 0 3px;
color:#6D76BF;
}

h4.titre_desertification a {
background:url(images/puce_khaki.png) no-repeat 0 3px;
color:#475636;
}

h4.titre_sorosoro a {
background:url(images/puce_rouge.png) no-repeat 0 3px;
color:#720522;
}

h4.titre_info a {
background:url(images/puce_bleue.png) no-repeat 0 3px;
color:#0f427a;
}

/*Bloc menu colonne de droite
*/

.enveloppe_blocs_inferieurs {
clear:both;
overflow: hidden;
padding:15px 0 0 0;
}

.enveloppe_blocs_inferieurs h3 {
background:url(images/haut_bloc_bleu.png) no-repeat;
width:186px;
height:13px;
margin:0;
font-size:1.8em;
padding:5px 0 15px 18px;
}

.menu_categories, .menu_articles {
width: 204px;
float:left;
}

.menu_articles {
padding: 0 0 0 17px;
}

.menu_categories ul, .menu_articles ul {
list-style: none;
margin: 0;
padding: 0;
border:1px solid #ebf2ff;
border-bottom: 7px solid #ebf2ff;
}

.menu_categories ul li, .menu_articles ul li {
margin: 0;
padding: 4px 0 4px 0;
border-bottom: 1px solid #ebf2ff;
background:url(images/bg_item_menu_cat.png) no-repeat;
}

.menu_articles ul li {
margin: 0;
padding: 4px 0 4px 0;
border-bottom: 1px solid #ebf2ff;
background:none;
}

#sidebar_right .enveloppe_blocs_inferieurs .sans_puces ul li{
}

* html .menu_categories ul li, * html .menu_articles ul li  {
margin: 0;
padding: 4px 0 0 0;
height:24px;
border-bottom: none;

}

.menu_categories ul li a, .menu_articles ul li a {
text-decoration: none;
font-size:1.2em;
}

.menu_categories ul li a, .menu_articles ul li a {
color: #8B8B8B;
display: block;
margin:0;
padding: 0px 0 0 19px;
}

.menu_categories li a:hover, .menu_articles li a:hover {
text-decoration:underline;
}

/*Bloc Recherche
*/

#sidebar_right .enveloppe_blocs_inferieurs .moteur_recherche {
background:url(images/bg_recherche.png) no-repeat;
width:204px;
height:91px;
float:left;
padding:0;
margin:0 0 0 17px;
}

#sidebar_right .enveloppe_blocs_inferieurs .moteur_recherche label {
padding: 3px 0 21px 8px;
display:block;
}

#sidebar_right .enveloppe_blocs_inferieurs form {
margin: 0 0 0 10px;
padding:0;
background:none;
}

* html #sidebar_right .enveloppe_blocs_inferieurs form {
margin: 0 0 0 5px;
}

.champ_texte {
border:1px solid #ccc;
}

.champ_texte_recherche {
margin:5pxx 0 0 0;
}

#sidebar_right .enveloppe_blocs_inferieurs label {
font-size:1.8em;
font-weight:bold;
color:#0f427a;
}

.enveloppe_blocs_inferieurs img {
padding: 8px 0 0 17px;}

.bloc_images_medias_sociaux {
clear:both;
}

#sidebar_right .enveloppe_blocs_inferieurs a:hover {
color:#F15A24;
}

/*Bloc numerotation des pages*/

.wp-pagenavi span.current {
background-color:#FFFFFF;
border:1px solid #666;
color:#666;
font-weight:bold;
margin:2px;
padding:2px 4px;
font-size:12px;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
background-color:#FFFFFF;
border:1px solid #F15A24;
color:#F15A24;
margin:2px;
padding:2px 4px;
text-decoration:none;
font-size:12px;

}

.wp-pagenavi a:hover {
text-decoration:underline;
}

/*Partie commentaire
*/

.presentation_commentaires{
overflow:hidden;
}

h3.titre_reponse {
height:36px;
width:514px;
background:url(images/bloc_titre_commentaire.png) no-repeat;
font-size:1.8em;
padding:5px 0 0 10px
}

.haut_bloc_commentaire {
width:514px;
height:36px;
background: url(images/haut_bloc_commentaire.png) no-repeat;
padding:0;
margin:15px 0 0 0;
}

span.texte_date_commentaire  {
display:block;
padding: 10px 0 0 10px;
}

.bloc_commentaire {
background:url(images/bg_bloc_commentaire.png) bottom left;
width:514px;
padding: 0 0 20px 0;
}

.bloc_commentaire p {
margin:0;
padding:5px 0 0 15px ;
width:480px;
}

/*formulaire*/

.bloc_form_commentaire {
background-color:#e5efff;
width:514px;
margin: 20px 0 0 0;
}

.bloc_form_commentaire form {
padding: 0 0 0 20px;
}

.bloc_form_commentaire form label {
font-size:1.2em;
display:block;
padding:0 0 4px 0;
}

.valider {
padding:10px 0 0 0;
}

.rollover_rss a, .rollover_twitter a, .rollover_facebook a, .rollover_fc a, .rollover_wikio a {
float:left;
width: 58px;
height:55px;
display:block;
margin: 0 0 20px 15px;
} 

.titre_rs {
float:left;
padding: 20px 0 0 0;
color:#000000;
}

/* Footer Layout
--------------------------------------------------------------------------------------- */


#footer {
width:990px; /* Ne pas d�passer sinon barre de scrolling horizontale */
height:50px;
background:url(images/bg_footer_fin.png) repeat-x top;
clear:both;
margin:0 auto 0 auto;
padding:0;
}

#bg_footer {
width:100%;
clear:both;
}

#footer p {
float:left;
margin:0;
padding:20px 0 15px 0;
}

#footer p a {
color:#666;
}

#footer p.editeurs {
float:right;
margin:0;
padding:20px 0 0 15px;
}



/* Begin Images */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */