/* v1.0 | 20080212 - Reset All */

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,
 caption {
	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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
: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;
}
/* Reset All -Fin- ********************************************************/

/*Frame*/
html, body, #body2, #body3{height:100%;}

body{
background:#fff url('../images/bg-body.jpg') no-repeat top center;
font:12px/17px Verdana, Geneva, sans-serif;
color:#666;
text-align:justify;
}

#body2, #body3, #body4{min-width:988px;}

#body2{background:url('../images/bg-body2.gif') repeat-x top;}
#body3{background:url('../images/bg-body3.gif') no-repeat top;}
#body4{background:url('../images/bg-body4.gif') repeat-x bottom; height:100%;}
html > body #body4{height:auto; min-height:100%;}

#container{
margin:0 auto;
padding-bottom:100px;
width:988px;
}

	#head{
	height:215px;
	overflow:hidden;
	}
		#head img{
		border:0; padding:0; background:transparent;
		margin-left:9px;
		}

	#retourAccueil{
	margin:0;
	padding:0;
	float:right;
	text-align:right;
	}
		#retourAccueil a{
		padding-left:13px;
		background:url('../images/ico-retourpage.gif') no-repeat left center;
		}
		#retourAccueil a:hover{
		background-image:url('../images/ico-retourpage-over.gif');
		}

	#colRightBlog/*Left*/{
	position:relative;
	float:left;
	width:630px;/*718px*/
	padding:44px;
	margin-right:-14px;
	height:800px;
	background:url('../images/bg-col-left2.png') no-repeat center top;
	}

	html > body #colRightBlog/*Left*/{
	min-height:800px;
	height:auto;
	}
	
		#introBlog{
		padding:20px;
		background:#f1f1da url('../images/bg-commentaire.gif') no-repeat top;
		margin-bottom:40px;
		color:#575757;
		}
			#introBlog .colLeft{
			width:239px;
			float:left;
			}
			#introBlog .colRight{
			width:331px;
			float:right;
			}
				#introBlog h3{margin-top:0;}
		

	#colLeftBlog/*Right*/{
	float:right;
	width:284px;
	margin:20px 0 0 0;
	text-align:left;
	color:#fff;
	}
	
	#colLeftBlogMiddle/*Right*/{
	background:url('../images/bg-col-right.png') repeat-y;
	padding:0 34px 0 20px;
	float:left;
	}
	.imgLeftBlog/*Right*/{
	border:0;
	padding:0;
	background:transparent;
	}
		
		form#searchForm{}
			#colLeftBlog/*Right*/ #searchForm h2{border:0; padding:0; margin-top:0;}
			#searchForm input{width:170px; border-color:#64b116;}
			#colLeftBlog/*Right*/ #searchForm .btn{
			padding:0; margin:0;
			float:right;
			width:auto;
			border:0;
			}
			#colLeftBlog/*Right*/ #searchForm .btn:hover{background-position:bottom;}
		
		#colLeftMarge/*Right*/{}
		
		form#infolettre{}	
			#infolettre input{width:216px; border-color:#64b116;}
			#colLeftBlog/*Right*/ #infolettre .btn{
			padding:0; margin:0;
			width:auto;
			border:0;
			}
			#colLeftBlog/*Right*/ #infolettre .btn:hover{background-position:bottom;}


		
		#colLeftBlog/*Right*/  h2#rss{
		display:block;
		margin:30px 0 0 0;
		padding:0;
		border:0;
		letter-spacing:-1px;
		font-size:21px;
		line-height:45px;
		height:45px;
		}
			h2#rss a{
			display:block;
			padding:0 0 0 45px;
			width:185px;
			background:url('../images/bg-btn-rss.png') no-repeat left top;
			text-decoration:none;
			color:#1d56a7;
			}
			#colLeftBlog/*Right*/ h2#rss a:hover{
			background-position:left bottom;
			text-decoration:underline;
			color:#1d56a7;
			}
			
		#hautPage{
		width:630px;
		padding:0 44px;
		}
			#hautPage p{
			margin:0;
			padding:10px 0;
			text-align:right;
			border-top:1px solid #ddddba;
			}
			#hautPage p#retourPage{
			border-top:0;
			}
				
				#hautPage #retourPage a{
				padding-right:13px;
				background:url('../images/ico-retourpage.gif') no-repeat right center;
				}
				#hautPage #retourPage a:hover{
				background-image:url('../images/ico-retourpage-over.gif');
				}
				#hautPage a{
				padding-right:13px;
				background:url('../images/ico-hautpage.gif') no-repeat right center;
				}
				#hautPage a:hover{
				background-image:url('../images/ico-hautpage-over.gif');
				}		
	
#footer{
height:60px;
margin:-60px auto 0 auto;
width:676px;
padding-right:284px;
text-align:center;
}
	#footer img{border:0; padding:0; background:transparent;}
	#signatureCache{
	position:absolute;
	top:-9999px;
	}

/* Frame -Fin- */

/* Frame index */
.boiteBlogueur{
border-top:1px dotted #ddddba;
padding-top:10px;
margin-top:20px;
}
	
	.boiteBlogueur h2{margin-top:0;}
	
	.boiteBlogueur .colLeft{
	float:left;
	width:160px;
	}
	.boiteBlogueur .colRight{
	float:right;
	width:440px;
	}
	
	.boiteBlogueur h3{margin:0;}
	#colRightBlog .listeBillets{list-style:none none; margin-left:0;}
		#colRightBlog .listeBillets li{padding:0 0 6px 0;}
		#colRightBlog .listeBillets p{text-align:left; margin:3px 0;}

/* Frame index -Fin- */

/* Frame billet */

#commentaires{
margin:60px 0;
list-style:none none;
}

#commentaires li{
background:#f1f1da url('../images/bg-commentaire.gif') no-repeat top;
padding:20px;
margin:20px 0;
color:#575757;
}

#formulaire1{}


#formulaire1 input{
width:291px;
}
#formulaire1 textarea{
width:616px;
height:100px;
}

#formulaire1 .btnContainer{text-align:right;}

/* Frame billet -Fin- */

/* class et ID*/

.blogOption ul{list-style:none none; margin-left:0;}

.icoRSS{
padding:1px 0 1px 22px;
background:url('../images/ico-rss.gif') no-repeat left center;
}
.icoRSS:hover{background-image:url('../images/ico-rss-over.gif')}
	
.icoCourriel{
padding:1px 0 1px 22px;
background:url('../images/ico-courriel.gif') no-repeat left center;
}
.icoCourriel:hover{background-image:url('../images/ico-courriel-over.gif')}

.icoBillet{
padding:1px 0 1px 19px;
background:url('../images/ico-billet2.gif') no-repeat left center;
}
.icoBillet:hover{background-image:url('../images/ico-billet2-over.gif')}

.icoBlog{
padding:1px 0 1px 22px;
background:url('../images/ico-blog.gif') no-repeat left center;
}
.icoBlog:hover{background-image:url('../images/ico-blog-over.gif')}

.flecheDroite{
padding-left:16px;
background:url('../images/fleche-right.gif') no-repeat left center;
}
.flecheDroite:hover{background-image:url('../images/fleche-right-over.gif')}

#colLeftBlog/*Right*/ .flecheDroite{
padding-left:16px;
background:url('../images/fleche-right-blanc.png') no-repeat left center;
}
#colLeftBlog/*Right*/ .flecheDroite:hover{background-image:url('../images/fleche-right-blanc-over.png')}

#btnArchives{
padding:10px;
margin:18px 0 -10px 0;
font-weight:bold;
background:url('../images/bg-btn-archives.png') no-repeat;
}
	#btnArchives a{
	padding:3px 0 3px 22px;
	background:url('../images/ico-archives.png') no-repeat left center;
	}
	#btnArchives a:hover{background-image:url('../images/ico-archives-over.png')}

.clear{clear:both;}
/* Class et ID -Fin- */

/*Balise*/

a{color:#1d56a7;}
#colLeftBlog/*Right*/ a{color:#fff;}

a:hover{text-decoration:none; color:#06f;}
#colLeftBlog/*Right*/ a:hover{color:#fff;}

h1, h2, h3, h4, h5, h6{
font-family:Cambria, serif;
font-weight:normal;
line-height:normal;
text-align:left;
}

h1{
font-size:30px;
font-weight:bold;
line-height:30px;
color:#497220;
text-align:left;
text-transform:uppercase;
margin:0 0 30px 0
}
	h1 span{font-size:25px; text-transform:none;}

h2{
font-size:24px;
line-height: 28px;
color:#497220;
margin:30px 0 20px 0;
}
	h2 a{
	color:#497220;
	text-decoration:none;
	}
	h2 a:hover{
	color:#60a61a;
	text-decoration:none;
	}
	
	h2 span.topSpan{
	font:16px/18px Verdana, Geneva, sans-serif;
	}
	h2 span.sujetTopSpan{
	font:16px/18px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#60a61a;
	}
	
#colLeftBlog/*Right*/ h2{
font-size:22px;
margin:30px 0 10px 0;
border-top:2px solid #64b116;
padding-top:5px;
color:#fff;
}
	#colLeftBlog/*Right*/ h2 a:hover{
	color:#d3f9ac;
	}

h2:first-child, 
h2.first{
margin-top:0; border:0; padding:0;
}

h3{
font-size:20px;
color:#497220;
margin:20px 0 12px 0;
}
	h3 a{
	color:#497220;
	text-decoration:none;
	}
	h3 a:hover{
	color:#60a61a;
	text-decoration:none;
	}
	
	h3 span.topSpan{
	font:14px/18px Verdana, Geneva, sans-serif;
	}
	h3 span.sujetTopSpan{
	font:14px/18px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#60a61a;
	}

h4{
font-size:16px;
font-weight:bold;
color:#497220;
}
	h4 .date{
	font:12px/18px Verdana, Geneva, sans-serif;
	font-weight:normal;
	}

p, ul, ol{margin:10px 0;}

#colRightBlog p{margin-top:16px; margin-bottom:16px;}
#colRightBlog ul, #colRightBlog ol{margin-top:11px; margin-bottom:11px;}

	ol{
	margin-left:28px;
	list-style:outside decimal;
	}
	
	ul{
	margin-left:28px;
	list-style:outside square url('../images/puce.gif');
	}
	
	li{padding:1px 0;}
	
	.listeLiens{list-style:none none; margin-left:0;}
	
	.listeLiens li a{
	padding-left:16px;
	background:url('../images/fleche-right.gif') no-repeat left center;
	border-bottom:0;
	}
	.listeLiens li a:hover{background-image:url('../images/fleche-right-over.gif')}
	
	#colLeftBlog/*Right*/ .listeLiens li a{background-image:url('../images/fleche-right-blanc.png');}
	#colLeftBlog/*Right*/ .listeLiens li a:hover{background-image:url('../images/fleche-right-blanc-over.png')}

img{
border:1px solid #ddddba;
padding:4px;
background:#fff;
}
img.imgNoStyle{
padding:0;
border:0;
background:transparent;
}

.hr{
border-top:1px dotted #ddddba;
margin:30px 0;
}
.hr hr{display:none;}

label{
font-weight:bold;
}

input, textarea{
padding:6px;
color:#666;
border:2px solid #ddddba;
background:#fff url('../images/bg-input.gif') repeat-x top;
font:12px/18px Verdana, Geneva, sans-serif;
}
input:focus, textarea:focus{background-image:url('../images/bg-input-focus.gif');}

a.btn, #colLeftBlog/*Right*/ a.btn{
border:2px solid #1d71a7;
font-size:14px;
line-height:normal;
padding:4px 8px 6px 8px;
height:16px;
background:#23638a url('../images/bg-btn.gif') repeat-x top;
color:#fff;
text-decoration:none;
display:inline-block;
vertical-align:top;
}
	a.btn:hover,  #colLeftBlog/*Right*/ a.btn:hover{
	background-position:bottom;
	padding:5px 8px 5px 8px;
	}

table, th, td{border-collapse:collapse; border:0; padding:0; margin:0;}


table.tableActivites{border:2px solid #ddddba; margin:12px 0;}
.tableActivites th, .tableActivites td{border:1px solid #ddddba; padding:5px;}
.tableActivites th{background-color:#64b116; color:#fff;}


/*Balise -Fin-*/


.ancre{display:none;}