/* This file is part of DotClear. DotClear is free software
 * See the GNU General Public License for more details
 * http://www.dotclear.com/
*/


/* Adaptation infos.fncv.com - PJ - 09:31 23/06/2008 -
 * Les images du thème du blog sont dans : http://mon-blog.com/public/custom_theme/...
 *
 * Code couleur :
 * Fond : blanc #FFFFFF
 * Texte defaut : noir #000000
 * Liens defaut : orange #E57734
 * Liens survol : orange clair #FEDE62
 * Titre principaux : orange #E57734
 * Item Menus - Titre secondaire - Date : vert #83AD58
 * Note - Date : Gris foncé #888888
 * Filet verical : gris clair #CCCCCC
 * Filet horizontal : #933522
 * Police billet - commentaire - menu :   font-family: Arial, Helvetica, sans-serif;
 * Police titre - catégorie - notev   :   font-family: Georgia, "Times New Roman", Times, serif;
*/



@import "custom.css";

body {
	margin : 0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 82%;
	color:#000000;
	background: #fff url(http://infos.fncv.com/public/custom_theme/bg-body-sidebarg.png) repeat-y;
}

p { margin : 1em 0; }
img { margin:0; }

a img {border: 2px solid #E57734; }
a:hover img {border: 2px solid #FFCC00; }

form { display : block; margin : 0; padding : 0; }

/* Ombre shadow sur H1 - PJ 26/01/2015 */
/* h1 { font-size : 2.25em; margin : 0.67em 0; font-style:italic; } */
h1 { font-size : 2.25em; margin : 0.67em 0; font-style:italic; text-shadow: 1px 1px 2px #999; }

h2 { font-size : 1.5em; margin : 0.83em 0; }
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }
h1, h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight : bold; }
h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight : bold; color : #000000; margin-top : 2em; }


code, pre { 
	font-family : "Courier New",monospace; 
	font-size : 1.1em; 
	background : #f7f7f7;
 }

pre { 
	margin : 0 auto; 
	margin-bottom : 1em; 
	padding : 0.5em; 
	text-align:left;
	white-space:normal;
		/* caché pour IE 5 Mac qui sait pas faire \*/
		white-space:pre;
		width: 90%; 
		overflow : auto;
		/* End hack */
}

q {  /* citations */
    font-style : italic; 
    background : #f1f1f1;
    padding : 0 4px;
}
cite {
	font-style : italic;
}
blockquote {
    background : #f1f1f1;
    margin : 1em 1em 1em 2em;
    padding : 1em 2em 0.33em 1em;
    border-left : 3px solid #ddd;
}
/* liens en général */
a { color : #000000; text-decoration : none; }
a:hover { color : #E57734; text-decoration : underline; }

#main a:link, #main a:visited {
	color : #E57734;
}

#main .post-info a, #main .post-tags a, #main .post-info-co a {
	color : #000000;
	}
#main a:hover {
	color : #000000;
}
#main a:active {
	/*font-weight:bold;*/
	font-style:italic;
}

#main a:focus {
	text-decoration:underline;
}
#top a {
	color : #E57734;
	background : transparent;
	text-decoration : none;
	font-weight:normal;
}
#top a:hover, #main .post-title a:hover {
	color : #FEDE62;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color:#CED6D9; 
	background : transparent;
}

acronym, abbr {
	border-bottom: 1px dotted #999;
	cursor:help;
}

.footnotes {
	font-size:0.9em; color:#666;
	border-top:1px dashed #999;
	border-bottom:1px dashed #999;
}
.footnotes h4 {
	margin: 0.5em 0;
}
ul {
	position : relative;
} /* pour eviter la disparition d'image aleatoire au survol des liens */

/* Structure
-------------------------------------------------------- */
#page {
	width : 100%;
}


/* Prelude
-------------------------------------------------------- */
#prelude {
	position : absolute;
	top : 0;
	left : 17em;
	padding : 0;
	font-size : 0.85em;
}

/* Les trois lignes suivantes à supprimer si vous souhaitez voir s'afficher le prelude*/
#prelude, #prelude a {
	color:#fff;
}

/* Titre - Bandeau Haut - logo_blog.jpg avec calage latéral
-------------------------------------------------------- */
#top {
	background:transparent url(http://infos.fncv.com/public/custom_theme/logo_blog.jpg) no-repeat 95px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight : bold;
	padding-left: 19em;
	/*calage Title*/
	text-align : light;
	height: 120px;
}
#top h1 {
	margin : 0;
	padding : 1em 1px;
	line-height : 2em;
}

/* conteneur global des trois colonnes
------------------------------------------------------------------------ */
#wrapper {
	margin:0;
	margin-top:-54px;
	padding : 0;
}


/* Centre (partie des billets)
-------------------------------------------------------- */
#main {
	display : inline;
	float : left;
	width : 100%;
	margin : 0;
	padding : 0;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	line-height : 140%;
	border-left : 1px dashed #CCCCCC; /* Filet gauche de la colonne centrale */
	margin : 0 16em;
	padding : 0 2em;
}

/* Calage des sidebar
-------------------------------------------------------- */

#sidebar {
	font-size:0.86em;
	color : #000000; /* couleur widgets zone texte*/
	width : 15em;
	float:left;
	margin : 0 0 0 -16em;
}
#sidebar div {
	margin : 0;
	padding:0;
}


/* Colonne de droite - Menu de navigation
-------------------------------------------------------------- */	
#blognav {
	margin-top : 2em;

        /* #################  BLEU  BLANC  ROUGE  ##################### */
       /*  background-color : #FA5858; */

	}

/* Colonne de gauche des Extras
-------------------------------------------------------------- */	

#blogextra {
	width : 15em;
	position : absolute;
	top : 120px; /*mettre même valeur que hauteur du bandeau haut*/
	left : 1em;
	text-align : justify; /*calage du texte - Pour les titres voir #sidebar h2 plus bas*/

        /* #################  BLEU  BLANC  ROUGE  ##################### */
        /* background-color : #2E9AFE; */

	}

/* content - Titre pages ouvertes à partir des colonnes D et G
-------------------------------------------------------------- */

/* Titre pages ouvertes à partir des colonnes D et G */
#content-info, #content-info h2 {
	color : #83AD58;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin : 2em 0 0 0;
	padding : 0;
}

#content-info {
	font-size : 0.84em;
}
.day-date {
	padding-bottom : 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
	text-align : right;
	color : #888888;
	border-top : 1px solid #933522;
	margin-top : 0;
	text-transform : lowercase;
}

.post {
	margin-top:2em;
	padding-bottom : 1.5em;
}

.post-title {
	font-weight:normal;
	font-size:1.4em;
	background : transparent url(http://infos.fncv.com/public/custom_theme/ico_entry.png) no-repeat 0 40%;
	padding-left : 12px;
	margin:0;
	color : #E57734;
}

.post-chapo {
	margin-top:1.33em;
}

.post-content {
	text-align:justify;
	margin-top:1.33em;
	font-style : normal;
}

.post-content p {
	margin-top:0.66em;
	line-height:120%;
	font-style : normal;	
}

.post-info {
	margin-bottom: 0;
	margin-top : .5em;
	color:#888888;
	font-family: Arial, Helvetica, sans-serif;
	font-style : italic; 


}

.comment_count, .ping_count {
	background : transparent url(http://infos.fncv.com/public/custom_theme/ico_comments.png) no-repeat 0 40%;
	margin-top:0;
	padding : 0 13px;
	font-family: Arial, Helvetica, sans-serif;
    font-style : italic; 

}


.post blockquote {
	font-family: Arial, Helvetica, sans-serif;
    background: #f5f5f5 url(http://infos.fncv.com/public/custom_theme/quote.gif) no-repeat 4px 4px;
	margin:2em;
	padding:3px 2em;
}
.post blockquote p {
	margin-top:1em;
}

/* Icone Lire la suite...  Modif PJ - 23/06/2008 */

.read-it {
	background : transparent url(http://infos.fncv.com/public/custom_theme/fleche.png) no-repeat 0 40%;
	margin-top:0;
	padding : 0 13px;

	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
    font-style : italic; 
}


.post-info-co span {
	background : transparent url(http://infos.fncv.com/public/custom_theme/ico_tb.png) no-repeat 100% 40%;
	padding : 0 15px 0 0;
	font-family: Arial, Helvetica, sans-serif;
    font-style : italic; 

}

.post ul, .post ul li, .content-inner ul, .content-inner ul li {
	list-style:none;
	padding-left: 1em;
	margin: 0 0 0 0;
}
.post ul li {
	display:block;
	background : transparent url(http://infos.fncv.com/public/custom_theme/ul.gif) no-repeat 0 4px;
	padding-left:14px;
}
.post ul ul li {
	display:block;
	background : transparent url(http://infos.fncv.com/public/custom_theme/ulul.png) no-repeat 0 4px;
	padding-left:9px;
}
ul.post-tags {
	padding-left : 0;
	color : #888888;
}
ul.post-tags li {
	display : inline;
	background : transparent url(http://infos.fncv.com/public/custom_theme/ulul.png) no-repeat 0 4px;
	padding-left : 9px;
	padding-right : 14px;
}

/* --------------------------------------------------------------------
	COMMENTAIRES
----------------------------------------------------------------------- */

#pings, #comments, #pr, #comment-form {
	margin : 0 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#comments .me {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
}
#comments dd.me {
	font-size : 1.1em;
}

#comments h3, #comment-form h3 {
	border-top : 1px solid #933522;
	font-size : 1.25em;
	color : #83AD58; 
	margin : 2em 0 1em 0;
}

#pings h3, #pr h3, #comments-feed {
	border-top : 1px solid #933522;
	font-size : 1em; 
	margin : 2em 0 1em 0;
}
#pings dd, #comments dd, #pr dd {
	margin : 0 0 1em 2em;
	padding : 1px 1em;
	font-style : normal;
	color : #000000;
}
#pings dt, #comments dt {
	margin : 0;
	padding : 0 0 0 18px;
}
#pings dt {
	background-image : url(http://infos.fncv.com/public/custom_theme/ico_tb.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
#comments dt {
	background-image : url(http://infos.fncv.com/public/custom_theme/ico_comments.png);
	background-position : 4px 60%;
	background-repeat : no-repeat;
}
.comment-number {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.8em;
}
.comment-number a {
	text-decoration : none;
}
/* Bas de page des commentaires et billets */
#comments-feed {
	margin : 2em 0 1em 0;
	text-align : left;
	/*background : #933522; couleur de fond*/
	background: transparent url(http://infos.fncv.com/public/custom_theme/rss_10x10.gif) no-repeat 0px 50%;
	padding : 2px;
}
#comments-feed a:link {
	color : #000000;
	font-weight : bold;
	padding : 15px;
	text-decoration : underline;
}



/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}

/* -------------------------------------------------------
	COLONNES LATERALES
---------------------------------------------------------- */

#sidebar a { 
	text-decoration : none;
}

/* Titre des colonnes gauche (Extras) et droite (menus)*/
#sidebar h2 {
	font-weight : normal;
	color : #83AD58;
	padding : 10px 0 0 0;
	text-align : left; /*calage titre colonne G et D */
}

#blognav h3 { /*Météo, Liens: Sites amis... */
	font-size : 1em;
	color : #888888;
	font-family: Arial, Helvetica, sans-serif;
	/*font-style : italic;*/
	/*margin-bottom : 0.5em;*/
	margin-bottom : 0;
	margin-top : 0.5em;
}

#blogextra h3 { 
	/*font-size : 1.15em;*/
	color : #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	margin-bottom : 0;
	margin-top : 0.25em;
}

/* Menu gauche
----------------------------------------------------------------- */

#blogextra h2 {
	padding : 10px 0 0 0;
}

#blogextra ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}
#blogextra li {
	display : block;
	margin-top : 0.15em;
	padding-right : 15px;
	color : #e2d6ad;
	/* Puce de la colonne des Extras*/
	background : transparent url(http://infos.fncv.com/public/custom_theme/fleche.png) no-repeat right 0.25em; 
}

/* Menu droit
-------------------------------------------------------- */

/* Titre du Menu Droit*/
#blognav h2 {
	font-size:1.25em;
	font-weight : bold;
	background-color : transparent;
	background-image : url(http://infos.fncv.com/public/custom_theme/bg-title-sidebar.png);
	background-repeat : no-repeat;
	background-position : 100% 100%;
}


#blognav ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#blognav li {
	display : block;
	margin-top : 0.15em;
	padding-left : 15px;
	color : #e2d6ad;
	/* Puce de la colonne Menu*/
	background : transparent url(http://infos.fncv.com/public/custom_theme/fleche.png) no-repeat 0 0.25em;
}

#topnav {
	font-size : 1.15em;
	font-weight : bold;
	}
#topnav span {
	display : none;
}

/* Search form */
#sidebar #search {
	margin-top : 0.25em;
	margin-bottom : 1em;
}
#q {
}

#sidebar .syndicate li {
	margin: 0 4px 0 0;
	background: transparent url(http://infos.fncv.com/public/custom_theme/rss_10x10.gif) no-repeat 0px 50%;
	padding-left : 15px;
	/*padding: 5px 4px 5px 22px; decalage spécial de l'icone rss*/
	}

#sidebar .weather {
	margin : 0 0 0 0;
	/*margin-bottom : 1em;
	/*margin: 0 4px 0 5px;
	background: transparent url(http://infos.fncv.com/public/custom_theme/rss_10x10.gif) no-repeat 0px 50%;
	padding-left : 15px;
	padding: 5px 4px 5px 22px; decalage spécial de l'icone rss*/
	}



/* Footer
-------------------------------------------------------- */
#footer {
	clear : both;
	font-size:0.7em;
	border-top : 1px solid #999;
	margin : 0 0 1em 0;
	padding: 0 2em;
	color: #000000;
	text-align: right;
	line-height: 100%;
}


/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f1f0ed;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}

textarea {
	width : 95%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* ---------------------------------------------------
    PAGES SPECIFIQUES
--------------------------------------------------- */

.dc-archive-month .day-date {
	text-align : left;
	margin : 1em 0 0 0;
}
.dc-archive-month .post-title {
	margin : .5em 0 0 0;
	}
.dc-tags #main {
	margin-right :-1em;
	}
.content-inner {
	padding : 3em;
	margin:0;
	}
ul.tags { 
	font-size : 1.2em;
	line-height : 200%;
	margin : 0;
	padding : 0;
	text-align : left;
}
ul.tags li { margin : 0; padding : 0; display:inline;}
ul.tags .tag0 { font-size: 90%; }
ul.tags .tag10 { font-size: 95%; }
ul.tags .tag30 { font-size: 105%; }
ul.tags .tag40 { font-size: 110%; }
ul.tags .tag50 { font-size: 120%; }
ul.tags .tag60 { font-size: 125%; }
ul.tags .tag70 { font-size: 130%; }
ul.tags .tag80 { font-size: 135%; }
ul.tags .tag90 { font-size: 140%; }
ul.tags .tag100 { font-size: 150%; }

/* ---------------------------------------------------
    NE PAS OUBLIER
--------------------------------------------------- */
/* les clearers */
.post, .post-content, .footnotes, .attachments, .post-info-co, #comments {
    clear:both;
    }
/* un peu de ménage */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
* html #wrapper
	{
	height: 1%;
	}
#wrapper
	{
	display: block;
	}
/* */