/*BASIC STUFF*/

/*Link styling*/

a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

a:hover, a:active {
	color: black;
	text-decoration: underline;
}

/*Image*/

img {
	border: none;
}

/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/

/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/

.hidden {
	display: none;
}

/*Use this to centerize any image/text*/

.centerize {
	text-align: center;
}

/*MAIN STRUCTURE*/

/*Don't edit if you know what's good for you*/

body, table {
	color: #2C2C2C;
	font: 12px Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
}

body {
	background: #e6e6e6;
	padding: 20px 0 20px 0;
	text-align: center;
}

.hide {
	display: none;
}

#wrapper {
	width: 700px;
	margin: auto;
	background: white url(images/01_bodybgbottom.gif) repeat-y;
	text-align: left;
}

#wrappermain {
	width: 700px;
	margin: auto;
	background: white url(images/01_bodybgmain.gif) no-repeat;
	text-align: left;
}

/*The header image*/

#header {
	position: relative;
	width: 700px;
	height: 235px;
	margin: auto;
	background: white
}

/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/

#container {
	width: 100%;
	float: left;
	margin-right: -57px;
}

#content {
	margin-right: 57px;
	padding: 25px 0;
}

#sidebar {
	width: 57px;
	float: right;
	padding: 25px 0;
	text-align: left;
}

#containermain {
	width: 100%;
	float: left;
	margin-right: -234px;
}

#contentmain {
	margin-right: 234px;
	padding: 25px 0;
}

#sidebarmain {
	width: 234px;
	float: right;
	padding: 25px 0;
	text-align: left;
}

#footer {
	width: 700px;
	margin: auto;
	padding: 20px 0 0 0;
}

/*Credits part is where the copyrights/xhtml/css validation stuff will be*/

#credits {
	font-size: 11px;
	text-align: center;
	color: white;
}

#credits a:link, #credits a:visited {
	color: white;
}

#credits a:hover, #credits a:active {
	color: white;
}

/*Ignore this*/

.clearing {
	height: 0;
	clear: both;
}

/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*/

#header h1 {
	position: absolute;
	top: 40px;
	left: 100px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}

/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/

#navigation {
	font-size: 11px;
	width: 694px;
	height: 22px;
	position: absolute;
	top: 129px;
	left: 3px;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	background: none;
}

/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/

h2 {
	color: #23598C;
	margin: 0 0 3px 0;
	font-size: 20px;
}

h3 {
	color: #3E565F;
	margin: 0 0 8px 0;
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

/*Sub structure - To create the margins of the body (where text will be placed)*/

.contentdiv {
	margin: 0 15px 0 30px;
}

.sidebardiv {
	margin: 0 -1px 0 0px;
}

/*The image styling of your blog*/

.contentbody img {
	border: 0px solid black;
}

/*COMMENTS STYLING*/

.c_commentbody {
	padding: 0 0 5px 0;
	background: url(images/01_hdot.gif) bottom repeat-x;
}

/*User links on comments made*/

.c_userlink {
	margin: 0 0 5px 0;
}

/*Time stamp info in comments made*/

.c_commentinfo {
	font-size: 10px;
	margin: 3px 0 0 0;
	padding: 0 0 0 13px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}

/*THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR*/

.contentbody {
	margin: 0;
	padding: 0 0 30px 43px;
	text-align: justify;
}

.sidebarbody {
	margin: 0;
	padding: 0;
}

/*THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS*/

/*Note that it doesn't have any styling, but it's here in case you want to add some styles*/

.sidebarin {
	padding: 0;
	margin: 0 12px 0 0;
}

*html .sidebarin {
	margin-top: -20px;
}

.sidebarin2 {
	margin: 0 0 12px 12px;
}

*html .sidebarin2 {
	margin-top: -20px;
}

/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/

/*You can create different image on your on, but only if you know what you're doing should you edit this part*/

.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody {
	vertical-align: top;
}

/*A different background for comments made*/

.divcommentsmade .contentbody {
	background: url(images/01_quote1.gif) 0 3px no-repeat;
}

/*A different background for the admin (in the comments made area)*/

.divcommentsmade .id1 {
	background: url(images/01_quote4.gif) 0 3px no-repeat;
}

/*Add comment form's background*/

.divaddcomment .contentbody {
	background: url(images/01_quote3.gif) 0 3px no-repeat;
}

/*MORE DETAILED STUFF - Item details of your blog items*/

.itemdetails {
	text-align: right;
	padding: 5px 0 0 0;
	background: url(images/01_hdot.gif) top repeat-x;
}

/*Posted by*/

.item1 {
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}

/*Category*/

.item2 {
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item2.gif) 0 3px no-repeat;
}

/*Comments*/

.item3 {
	padding: 0 0 0 15px;
	margin: 0 0 0 12px;
	background: url(images/01_item3.gif) 0 3px no-repeat;
}

/*STYLING OF SIDE TITLES*/

/*You can remove all parts here if you do not wish to use images as your side titles*/

.about h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_about.gif) no-repeat;
}

.login h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_login.gif) no-repeat;
}

.categories h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
}

.search h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
}

.links h3 {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
}

/*MAIN TITLES*/

/*You can remove all parts here if you do not wish to use images as your main titles*/

h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage {
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}

h2.weblog {
	background: url(images/blank.gif) no-repeat;
}

h2.comments {
	background: url(images/blank.gif) no-repeat;
}

h2.commentsmade {
	background: url(images/blank.gif) no-repeat;
}

h2.addcomment {
	background: url(images/blank.gif) no-repeat;
}

h2.archives {
	background: url(images/blank.gif) no-repeat;
}

h2.error {
	background: url(images/blank.gif) no-repeat;
}

h2.member {
	background: url(images/blank.gif) no-repeat;
}

h2.sendmessage {
	background: url(images/blank.gif) no-repeat;
}

h2.searchpage
	background: url(images/blank.gif) no-repeat;
}


/*FORM STYLING*/
form {
	margin: 0;
	text-align: left;
}

/*Styling for all form fields*/

.formfield {
	width: 130px;
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 0 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	background-color: #F4F4F4;
}

/*Form fields on focus effect (when user click on that input field)*/

.formfield:focus {
	border: 1px solid black;
}

/*Form's buttons*/

.formbutton {
	cursor: pointer;
	border: outset 1px #ccc;
	background: #999 url(images/search.gif) no-repeat center top;
	color: #666;
	font-weight: bold;
	padding: 1px 2px;
}

/*Don't show textarea scrollbar on IE*/

textarea {
	overflow: hidden;
}

/*Wider formfields for comment and mailform*/

.commentform .formfield, .mailform .formfield {
	width: 340px;
}

/*Add background to comment textarea*/

.commentform textarea {
	background: white url(images/01_txbg.gif) center center no-repeat;
}

/*STYLING OF THE FORMS BACKGROUND, AND THE LITTLE ROUNDED TOPS*/

/*Add comment form and mailform (same size)*/

.divaddcomment form, .divsendmessage form {
	width: 390px;
	background: #E2EDF0 url(images/01_mountaintop.gif) top no-repeat;
}

.commentform, .mailform {
	padding: 10px 20px;
}

/*Login form and search form (same size)*/

.login form, .search form {
	width: 110px;
}

.loginform, .searchform {
	padding: 0 0 35px 0;
	width: 110px;
	float: right;
}

div.searchform br {
	display: none;
}

/*THE LIST STYLES*/

ul {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 10px;
}

li {
	padding: 0 0 0 9px;
	margin: 0 0 2px 0;
	background: url(images/01_arrow.gif) 0 6px no-repeat;
}

/*THE SEARCH HIGHLIGHT*/

.highlight {
	font-weight: bold;
	font-style: oblique;
	background-color: #f3c7d3;
}

.searchresultstitle {
	margin: 30px 20px 0 40px;
}

.searchresults {
	margin: 0 20px 0 40px;
}

/*Comment error*/

div.error {
	color: red;
	font-weight: bold;
}

/*Cadre photo*/

.cadre-photo {
	font-size: 10px;
	line-height: 15px;
	color: #444444;
	text-decoration: none;
	background-color: #e6e6e6;
	text-align: left;
	margin: 15px;
	padding: 25px;
	float: left;
	width: 200px;
	clear: right;
}

/*Sub menu*/

.sub-menu {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #23598C;
	padding: 2px 0px 2px 10px;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.sub-menu a:link, .sub-menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.sub-menu a:hover, .sub-menu a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.lettres {
	margin-left: 100px;
}

/*Tabreau, Footer*/

div.main, div.menu {
	float: left
}

div.main {
	width: 320px;
}

div.menu {
	width: 80px;
	margin-left: 55px;
}

div.tabmain, div.tabmenu {
	float: left
}

div.tabmain {
	width: 500px
}

div.tabmenu {
	margin-right: 0px
}

.bgnormal {
	font-size: 14px;
	padding: 10px;
	margin: 1px;
	color: #2C2C2C;
	background: #e6e6e6;
}

.bgnormal a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

.bgnormal a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.bgplan {
	font-size: 12px;
	padding: 2px;
	margin: 1px;
	color: #2C2C2C;
	background: #ffffff;
}

.bgplan a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

.bgplan a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.bgplantitle {
	font-size: 16px;
	padding: 10px;
	margin: 1px;
	color: #2C2C2C;
	background: #ffffff;
}

.bgplantitle a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

.bgplantitle a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.bgtrans {
	font-size: 12px;
	padding: 10px;
	margin: 1px;
	color: #2C2C2C;
}

.bgtrans a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

.bgtrans a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.bgblanc {
	font-size: 12px;
	padding: 1px 0 1px 0;
	text-align: center;
}

.bgblanc a:link, a:visited {
	color: #23598C;
	text-decoration: none;
}

.bgblanc a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.bgcredits {
	font-size: 11px;
	background: #898989;
	padding: 1px 0 1px 0;
	text-align: center;
	color: #FFFFFF;
}

.bgcredits a:link, .bgcredits a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.bgcredits a:hover, .bgcredits a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/*LatestItem*/

.nplatestitem {
	width: 400px;
	height: 88px;
	position: absolute;
	top: 365px;
	line-height: 14px;
}

.nplatestitem-button {
	width: 400px;
	height: 21px;
	position: absolute;
	top: 457px;
	line-height: 14px;
}

.nplatestitem-li {
	padding: 0 0 0 9px;
	margin: 0 0 2px 0;
	background: url(images/01_arrow.gif) 0 6px no-repeat;
}

*html .nplatestitem-li {
	padding: 0 0 0 9px;
	margin: 0 0 16px 0;
	background: url(images/01_arrow.gif) 0 6px no-repeat;
}

.textetop {
	width: 380px;
	height: 245px;
	position: absolute;
	top: 520px;
}

*html .textetop {
	margin-top: 10px;
}

.toptexte {
	font-size: 12px;
	line-height: 13px;
	color: #FFFFFF;
}

.toptexte a:link, .toptexte a:visited {
	color: #e6e6e6;
	padding: 2px 5px;
	width: 100%;
	margin: 0;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

.toptexte a:hover, .toptexte a:active {
	color: #e6e6e6;
	text-decoration: underline;
}

.toptexte14 {
	font-size: 14px;
	line-height: 15px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	word-spacing: -1px;
}

.toptexte16 {
	font-size: 16px;
	line-height: 17px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	word-spacing: -1px;
}

/*print.css*/

.logo {
	display: none;
}

/*images*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}

.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}

.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}

/*Quoi de neuf*/

.qdn-titre {
	width: 300px;
	height: 30px;
	line-height: 18px;
}

/*lettre*/
.lettre {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}

/*recentitems*/

.recentitems {
	width: 400px;
	line-height: 12px;
	position: absolute;
	top: 357px;
	padding: 0 0 0 20px;
}

*html .recentitems {
	width: 400px;
	line-height: 12px;
	position: absolute;
	top: 365px;
	padding: 0 0 0 20px;
}

.recentitems-button {
	width: 400px;
	height: 21px;
	position: absolute;
	top: 457px;
	line-height: 14px;
}

.recentitems-li {
	padding: 0 0 0 9px;
	margin: 0 0 12px 0;
	background: url(images/01_arrow.gif) 0 4px no-repeat;
	list-style-position: inside;
	list-style-type: none;
}

*html .recentitems-li {
	padding-left: 17px;
	margin-bottom: 8px;
	background: url(images/01_arrow.gif) 18px 3px no-repeat;
	list-style-position: inside;
	list-style-type: none;
}