body {
	margin-top: 0;
	margin-bottom: 0;
font-family: Arial, Tahoma, "Trebuchet ms", Helvetica, sans-serif;
	font-size: 77%;
	background-color: #CC3300;


	
}

#contenu {
	margin: 10px 4% 10px 4%;
	/*border: 1px solid #cc6600;*/
	padding: 0 0 3em 0;
	background-color: #FFFFF6;
background-image: url(images/taches_trans.gif);
background-repeat: no-repeat;
background-position: top left;


	
}



#bandeau {
	background-image: url(images/Girzoo29-montage.jpg);
	background-repeat: no-repeat;
	background-position: top right;
margin-bottom:0;
	
}

#search {margin-left: 0.5em; margin-bottom: 0.5em;}

#search form, #search select {margin:0; padding: 0;}
#search select {margin: 0;}

#navpages {
border: 0.1em solid #fce0c0; 
border-bottom: none; 
margin-left: 22%;
margin-top:-1em;
}

#navpages ul {
list-style-type:none; 
display: inline; 
margin:0; 
padding:0;}

#navpages ul li {float: left; margin:0; padding:0.5em;}

#navpages ul li a {border-top :none; font-size: 1em; border-right: 0.1em solid #fce0c0; padding:0.5em;}

#navpages ul li a:hover, #navpages ul li a:visited {color: #db8400; font-weight:bold; text-decoration:none;} 

#navpages ul li a ul li {display: list-item; float:none; list-style-type:disc; }

#navpages ul li a.rss {
background-image: url(images/rss.gif);
background-repeat: no-repeat;
background-position: top left;
height:35px;
/*margin-left: 1em;*/
padding-left: 30px;
}


#nomdusite {
height: 80px; 
padding: 20px 0 0 70px; 
font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 3em;
font-weight: bold;
letter-spacing: 1px;
margin: 0 15px 0 70px;
background: top left url(images/taches-petit.gif) no-repeat;
	
}



#nomdusite a, #nomdusite a:visited{
	text-decoration: none;
	color: #902400;
	font-weight: bold;
}

#nomdusite a:hover {color: Gray;}

.adresse {letter-spacing: 2px; font-size: 22px;}

#sidebar {position: absolute; right: 8%; top: 150px; 
width: 17%; background:#fffff6;}


#stats {display : none;}


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

/******* Sidebar pour page d'accueil ****************/

.accueil #sidebar {position:relative; top :1em; left: 0; width: 100%;}

.accueil #sidebar div {float:left;  width: 45%; }

.accueil #sidebar #archives {display:none;}
.accueil #sidebar #recent-posts {margin-right: 15%;}
.accueil #sidebar #categories-1 {width: 35%;}

.accueil #sidebar ul, #sidebar ul {list-style-type : none; margin: 0; padding: 0; border-bottom: 0.1em solid #fce0c0;}

.accueil #sidebar ul li, #sidebar ul li {margin: 0.5em 0; padding:0; 
border-top: 0.1em solid #fce0c0;}



#sidebar h2 {font-size: 0.9em;}
.accueil #sidebar h2 {font-size: 1em;}

#sidebar p>select.postform {
border-color: 0.1em solid #fce0c0;
}

#footer {text-align:center; color:white; padding:1em; background:#CC3300; clear:both; margin-top:4em; /*height: 3em;*/}

#footer a:visited, #footer a, #footer a:hover {color:white; text-decoration:none;}

#navigation{height: 50px;		
}

.previous {float:left;}
.next {float:right;}

.post {margin-top: 1em;}


#article {
	margin: 7% 25% 5% 14%;
	background-color:white;
	padding: 0 1.5em; 
border:1px solid #fce0c0; 
}

/*                          *****                      ***/


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

/** Styles pour page d'accueil seulement **/


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



#article.accueil {margin: 7% 5% 5% 5%; background-color:white; padding: 0 1.5em; 
border:1px solid #fce0c0; 
}

#presentation{width:50%; margin-bottom: 3em;}

#journal {position: absolute; right: 12%; top: 180px; 
width: 33%; padding-left: 2em; 
/*border-left: 0.1em solid  #fce0c0;*/}




#article p {
	text-align: justify;
	margin-left: 0; margin-top:0;
	margin-bottom: 1em;
	text-indent: 2em;
line-height: 140%;
font-size: 1.1em;
	
}

#article #journal p, #article #presentation p {font-size: 1em; line-height:1.3em; text-indent:0; margin:0;}


.datemarge {float: left; border: 0.1em solid #fce0c0; padding: 0.5em; position:absolute; left: 5%; width:15%; }

#article p.biblio 
	{
	text-indent: -2em; margin-left: 2em;
}


h1 {
	font-size: 1.7em;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	text-transform: uppercase;
	font-family : Georgia, "Century Schoolbook", "Times new roman", Times, serif;
	color:#902400;
}


.accueil h1 {font-size: 1.7em; text-transform: none;}


h2 {
	font-size: 1.5em;
	letter-spacing: 0.1em;

	font-weight: bold;
	margin-bottom: 2em;
font-family : Georgia, "Century Schoolbook", "Times new roman", Times, serif;
padding-top: 0.5em; margin-top:1.5em;
color:#902400;
	

}

h2 a, h2 a:hover, h2 a:visited {color: #902400; font-weight: bold;}

h2 a:hover {text-decoration: none;}

#sidebar h2 {font-size: 0.9em; font-weight: normal: text-transform : lowercase; margin-bottom:0.5em; margin-top: 1.5em;}

.accueil h2 {margin:0; text-transform:none; color: #902400;
letter-spacing: normal; margin-bottom:0.4em;}



h3 { 
	font-size: 1.2em; 
	font-weight: bold;
	margin: 1.5em 0 0.6em 1.5em;
text-indent:0;
		}





p.accueil {font-weight: bold; font-size:14px; letter-spacing:1px;}

#article p.incipit {text-indent: 0;}




#visuelpage {
	margin: 15px 10px 0 20px;
	float: right;
}

#annexes {
	margin: 15px 10px 0 5px;
	float: right;
	width: 200px;
	overflow: auto;
	height: 350px;
	padding: 0 5px 15px 5px;
}

#annexes p{
	font-size: 11px;
	text-align: left;
	line-height: normal;
	margin-bottom: 8px;
}





	
.image {
	float: left;
	width: auto;
	margin-left: 10px;
	margin-top: 25px;
}

img {border:0; margin:0; padding:0;}


div.wp-caption.alignright {float:right; padding:0.3em 0.1em; border:1px solid #fce0c0; margin-left:1em; text-align:center;background:#fffff6;}

#article p.wp-caption-text {font-size:0.9em; text-align:center; color:#db8400; text-indent:0; margin:0;}

#article .legende {text-indent:0; display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height:1.2em;
	text-align: center; margin-top:0;

}


.droite {float:right; display:block; margin-left: 1em;}
.gauche {float:left; display:block; margin-right: 1em;}
.centre {margin-left:auto; display:block;
	margin-right:auto;
	width:auto;
	text-align: center;
	margin-top: 0.6em;
	margin-bottom: 0.6em;}




.erreur {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	color: Black; 
}

.backtop { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	text-align: center; 
	padding: 25px;
	font-weight: bold;
	}
	


a:link {
	color: #DB8400;
	text-decoration: none;
	
	}
	
a:hover {
	color: #DB8400;
	text-decoration: underline;
		}

a:visited {
		color: Gray;
		text-decoration: none;
		
	}


#journal a {color:#000;}
#journal a:hover {color:black; text-decoration:hover;}
#journal a:visited {color:black; text-decoration:none;}

#journal h2 a:visited {color:#902400;}
#journal h2 a {color:#902400;}
#journal h2 a:hover {color:#000;}

.nomauteur, .siecle {font-variant: small-caps;}

#article ul {list-style-type:circle; margin-bottom: 20px; margin-top: 10px;}

#article ul ul {list-style-type:disc;}

#article ul ul ul {list-style-type:square;}

#article li {margin-bottom: 5px; line-height: 16px;}

sup {
	font-size: smaller;  line-height: 90%;
}
#visites {visibility:hidden;}


.postfoot {margin-bottom: 3em; padding-bottom: 100px; 
background: bottom center url(images/taches-petit-trans.png) no-repeat; clear:both;}

#article p.postmetadata {margin-top: 3em; border-top: 0.1em dashed #fce0c0; font-size: 0.9em; text-indent: 0; padding-top: 0.6em; margin-bottom: 3em;} 

.suite {display: block; text-align:right; margin-top:0;}

.nocomments {display:none;}

#article blockquote p {text-indent: 0; font-size: 1em; font-family: Georgia, Times, serif; font-style:italic;}


.horodateur {text-align:right; font-size: 1.2em; font-family: Georgia, Times, serif; font-style:italic; margin:0.5em 0 0 0.5em; float:right; color:#f27e00; }

.accueil .horodateur { font-size: 0.9em; font-family: arial, helvita, sans-serif; float:none; text-align: left; margin:0;}

span.lettrine{display:block; 
background-image: url(images/fondlettrine.gif);
background-repeat: no-repeat;
background-position: top left; 
float:left; 
margin:-5px 0 0 0; 
height:35px; 
width: 35px; 
color: white;
font-size: 2em; text-align:center; font-weight:bold; padding-top: 0.3em; font-family: Georgia, Times, Verdana; 
}

input {
border: 0.1em solid #f27e00;}

input[type=submit] {
    background : #f27e00;
    color : #fff;
font-weight:bold; font-size:0.9em;
}

span.field:hover input {background: #FAFAFA; border: 0.1em solid #a15708;}

.bringdown {clear:both; visibility:hidden; height: 150px;}

#content {width:100%; height:auto;}



/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 410px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:1em; 
	border:0.1em solid #fce0c0;
}

.cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:0;
	padding: 0 ; 
	font-size:1.2em; 
	color: #902400;
font-weight:bold;
}

ol.cf-ol { 
	margin:0; 
	padding:0; 
}
ol.cf-ol li	{ 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:3px 0; 
	text-align:center;
	font-size:0.9em;
	color:#888;
}


/*                                                    */
/* global definitions for field labels                */
/*         
                                        */


.cform {margin-bottom:2em;}   

.cform label {
	width:75px; 
	margin:2px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	color: #000;
	font:1em Trebuchet MS,sans-serif;
font-weight:bold;
}
.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:0 10px 0 0; 
}

label.cf-after 	{
	margin:0 0 0 6px;
	width:200px;
	text-align:left;
}

label.cf-after span {
	width:200px;
	display:block;
}

label.cf-group-after {
	margin:0 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
	margin-top:3px;
	line-height:1.1em;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:1px 3px;
	border: 1px solid #aaa; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#000;
	background:#ffffff url(../images/field-bg-top.gif) repeat-x top left;

}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border: 1px solid #FFCC00;
	background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#666;
	background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform textarea,
.cform input {
	width:250px; 
}
.cform select {
	width:258px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 98px;
	display: block; 
	vertical-align:top;
	color: #000;
	font-size:0.7em;
	line-height:1.2em;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	padding-left:100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:1px 0 0 0; 
	width:16px; 
	border:none!important;
	background:none!important;
}

input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 100px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	margin: 0;
	text-align:left;
}
.cform input.sendbutton	{ 
	width:100px;  
	padding:2px; 
	margin: 0 0 0 100px;
	font-size:1em;
	 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
margin: 2em; background: #fce0c0;
color: black;
}


/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .error 		{ color:red!important; border:1px solid #FF0000!important; padding:1px 3px; }
.cform .errortxt,
.mailerr	    	{ color:red!important; }


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}
label.secq,
label.secq span {
	margin-top: 2px;
	width:174px;
}
input.secinput {
	width:45px;
	margin: 3px 0 0 0;
	vertical-align:top;
}

#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	background:	url(../images/captcha_reset_white.jpg) no-repeat;
	margin-left:3px;
	width:21px;
	height:21px;
}

img.imgcalendar {
	position:relative;
	top:4px;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.info 		{
	margin:10px 0;
	text-align:center;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	margin:10px 0 10px 50px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;
}
* html .cform fieldset.cf_hidden { 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -8px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-top:1px!important;
}
*+html input.cf-box-a,
*+html input.cf-box-b {
	margin-top:0px;
	background:none;
}
* html input.cf-box-a,
* html input.cf-box-b { 
	height:1.2em;
	margin-top:0px;
	background:none;
}
*+html label.cf-after 	{
	margin-top:2px;
}
.linklove {display:none;}