/* merci à http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout pour etre tranquile */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*Ici commence le template de Jean staune*/

#c2 {
padding-bottom:20px
}

#cnav {
background-color:#fff;
background-repeat:repeat-x;
height:3em;
left:0;
padding:0;
position:absolute;
top:0;
width:100%
}

#cnav a strong {
font-size:100%;
margin-top:0;
padding:0
}

#cnav a,#cnav strong {
border-width:0;
color:#888;
display:block;
float:left;
font-size:85%;
margin-top:3px;
padding:.25em 8px
}

#cnav li {
background-image:none;
display:inline;
line-height:1em;
margin:0;
padding:0;
text-indent:0
}

#cnav strong,#cnav a:hover {
color:#333
}

#cnav ul {
list-style:none;
margin:0;
padding:1em 12px 0
}

#content,#c2,#c3 {
float:left;
width:750px
}

#footer {
border-bottom:1px solid #fff;
clear:both;
font-size:85%;
padding-top:0
}

#footer a,#footer a:visited {
border-color:#68a;
color:#68a
}

#footer a:hover {
border-color:#933;
color:#933
}

#footer p {
background-color:#fff;
background-position:0 -4px;
background-repeat:repeat-x;
border-top:1px solid #ccc;
color:#777;
line-height:1.6em;
margin:0;
padding:10px 20px;
text-align:center
}

#header {
background-color:#fff;
background-image:url("logo25.gif");
background-position:15px 26px;
background-repeat:no-repeat;
float:left;
height:80px;
margin-top:3em;
width:100%
}

#maincol {
float:left;
width:485px
}

#maincol .entrylist li a {
font:125%/1.4em Georgia,Serif
}

#maincol .entrylist li.hascomments {
background:url("icon_comment.gif") no-repeat 0 50%
}

#maincol .entrylist li.opencomments {
background:url("icon_comment_open.gif") no-repeat 0 50%
}

#maincol h2 {
font-size:119%;
line-height:1.5em
}

#maincol li em {
color:#777;
font-size:85%;
font-style:normal;
font-weight:400;
line-height:1.6em
}

#maincol ul.entrylist li {
padding-left:15px;
text-indent:0
}

#maincol,#subcol,#xcol {
margin-top:-8px
}

#mc2 {
padding-right:0
}

#mc2,#sc2,#xc2 {
padding:0 20px
}

#nav {
background-color:#fff;
background-repeat:no-repeat;
border:solid #ddd;
border-width:0;
float:left;
width:100%
}

#nav #current strong,#nav #current a,#nav a:hover {
background-repeat:no-repeat
}

#nav #h {
border-left-width:0 px
}

#nav a strong,#nav #current a strong {
background:none;
border:none;
padding:0
}

#nav a,#nav strong {
border:solid #ddd;
border-width:0;
color:#68a;
display:block;
padding:5px 10px 6px;
text-decoration:none;
white-space:nowrap
}

#nav a:hover,#nav #current a:hover strong,#nav #current strong {
color:#000
}

#nav li {
background-image:none;
float:left;
line-height:normal;
margin:0;
padding:0;
text-indent:0
}

#nav ul {
font-size:85%;
list-style:none;
margin:0;
padding:0 20px
}

#subcol {
color:#777;
float:right;
width:244px
}

#subcol .more a,#subcol a.more {
white-space:normal
}

#subcol,#xcol {
font-size:85%;
line-height:1.6em
}

* html #content,* html #c2,* html #c3 {
margin-right:-3px
}

* html #footer p {
height:1%
}

* html #nav a {
width:1%
}

.container {
background:#fff;
border:solid #fff;
border-width:0 1px;
color:#333;
margin:0 auto;
position:relative;
text-align:left;
width:750px
}

.cs3 #c-form,.cs3 #comments dt,.cs3 #comments dd {
background:#eeeee4
}

.cs3 #cnav a,.cs3 #footer p,.cs3 h1 a,.cs3 h1 #parentlink,.cs3 h1 a:visited {
color:#58a
}

.cs3 #cnav a:hover {
color:#9cf
}

.cs3 #cnav,.cs3 #footer p {
background-color:#246;
background-image:url("cnavfooterbleu.gif")
}

.cs3 #comments dt.alt,.cs3 #comments dd.alt {
background:#D8E3D8
}

.cs3 #footer a,.cs2 #footer a:visited {
border-color:#479;
color:#69a
}

.cs3 #footer a:hover {
border-color:#479;
color:#8bc
}

.cs3 #footer,.cs3 #footer p {
border-color:#124
}

.cs3 #header {
background-image:url("header.gif");
background-position:0 0
}

.cs3 #nav {
background-image:url("cnav.gif");
border-color:#124
}

.cs3 #nav a,.cs3 #nav strong {
border-color:#124;
color:#9cf
}

.cs3 #nav a:hover,.cs3 #nav #current a:hover strong,.cs3 #nav #current strong {
color:#fff
}

.cs3 #subcol {
color:#554
}

.cs3 .container {
background:#fff url("degradebleu.gif") repeat-y 0 0;
border-color:#214265
}

.cs3 .ghost {
color:#ccb
}

.cs3 h1 {
background-color:transparent;
background-image:url("h1.jpg");
border-bottom-width:0;
color:#245
}

.cs3 h2,.cs3 h2 a,.cs3 h2 a:visited {
color:#244062
}

.cs3 h3 {
color:#467
}

.cs3 ul.offsite li,.cs3 cite.offsite {
background-image:url("flecheliens.gif")
}

.entry {
margin:0 0 1.75em
}

.entry h3,.home #c-smx #maincol h2,.home #c-smx #latest h2,.home #c-xms #maincol h2,.home #c-xms #latest h2 {
color:#245;
font:175%/1.3em Georgia,Serif;
line-height:1.3em;
margin:1em 0 .2em
}

.entry ul {
margin-left:20px;
margin-right:20px
}

.home #c-smx #latest h2 {
margin-top:0;
padding-top:.6em
}

.home #nav {
background-position:0 -70px
}

.home h2,.home #c-smx #maincol h2,.home #c-smx #latest h2,.home #c-xms #maincol h2,.home #c-xms #latest h2 {
margin-top:0;
padding-top:.5em
}

.log h2.date {
border-bottom:1px dotted #ccc;
margin-bottom:.5em;
padding-bottom:.3em
}

.log h3 {
border-bottom:1px dotted #ccc;
font-size:140%;
line-height:1.5em;
margin:.75em 0 .5em;
padding:0 0 .2em
}

a,.subnav a:visited {
border-bottom:1px dotted #469;
color:#358;
text-decoration:none
}

a:hover,.subnav a:hover {
border-bottom-style:solid;
border-color:#b55;
color:#933
}

a:visited {
border-color:#899;
color:#677
}

body {
background:#fff;
color:#333;
font:small Verdana,Sans-serif;
line-height:1.6em;
margin:0;
padding:0;
text-align:center
}

body.cs3 {
background-color:#214265;
background-image:url("texture.jpg")
}

h1 a,#section a,h3 a {
border-width:0
}

h1,#section {
background:#fff;
border-bottom:1px solid #ddd;
color:#776;
font:135%/1.4em Georgia,Serif;
margin:0;
padding:20px 20px 8px
}

h2 a:hover {
color:#974;
text-decoration:none
}

h2,#c-smx #maincol h2,#c-xms #maincol h2 {
font:140%/1.5em Georgia,Serif;
margin:1.25em 0 .25em
}

h2,h2 a,h2 a:visited {
border-width:0;
color:#685
}

h3 {
font:110%/1.5em Georgia,Serif;
margin:1em 0 .25em
}

h4 {
color:#575;
font:125% Georgia,Serif;
margin:1em 0 .25em
}

hr {
display:none
}

p {
margin:0 0 .75em
}

ul li {
margin:0 0 2px;
padding:0 0 0 18px;
text-indent:-18px
}

ul,dl {
list-style:none;
margin:.5em 0 1em;
padding:0
}

ul.offsite {
margin-bottom:.75em
}

ul.offsite li {
background:url("icon_offsite.gif") no-repeat 1px .5em;
text-indent:0
}

pre, code{
	
}

pre{
	width: 100%;
	overflow: auto;
	
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	
}



.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

.spip_surligne { background-color: #FFF; }

/* Le contenu du forum */

.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}

.post-title{
	color: #F90;
	background: transparent;
	margin-bottom: 0;
}

.post-title a{
	color: #F90;
	background: transparent;
	text-decoration: none;
}

.post-info{
	margin-top: 0;
	color: #467;
	background: transparent;
	padding-bottom: 1ex;
	/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
	color: #467;
	background: transparent;
	text-decoration: none;
}

.post-content{
	text-align: justify;

}

.post-content blockquote{
	
	font-style: italic;
}

.post-info-co{
	text-align: right;
}



.commentbox{
background-color: #ececec;
 width: 33em;
padding: 10px;
}

.commentfooter{
background:transparent; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-top: 2em;
width: 14em;
}


.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

/*Ariane*/

#ariane{
margin: 10px;
}

/* Tableaux pour les images pas de bordure */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 0px solid;
	border-collapse: collapse; 
	}
	
p.fonction{
display:inline;
color: #335588;
font-size: 0.7em;
}