/* Copyright (c) InitiativeWeb */ 
/* html {background: url(../img/copyright.gif) no-repeat 100% 100% fixed #fff} */
/* body {margin:0; padding:0; text-align:center; color:#b72020; font-size:100%; font-family:Arial, Helvetica, sans-serif; background-image:url(../img/back2.gif)} /**/
/* body { background: url(../img/oratoire.gif) no-repeat 100% 0 fixed #fff; background-color:#FDFDFD } /**/
/* General styling  */
* { margin:0; padding:0 }
body {margin:0; padding:0; text-align:center; color:#66F; font-size:0.9em; font-family:Tahoma, Helvetica, sans-serif; background-image:url(../img/background.gif); background-repeat:repeat-x; background-color:#CAE1AD; }
p, h1, h2, h3, h4, h5, h6, ul, #header {font-family:Tahoma, Helvetica, sans-serif; text-align:left}
h1, h2, h3 { margin: 5px 0 0 0; color:navy}
h1 {font-size:1.2em}
h2 {font-size:1.1em}
h3 {font-size:1.0em}
img { border:0; } /**/

/* Main blocs styling  */
#main { width:750px; text-align:left; padding:5px 0 0 5px; margin:0 auto; background-image:none}
.date	{font-size: 75%; font-weight: normal; line-height: 20px; letter-spacing: 0px; color: Gray } /* same line-height as sroller.swf ! */ 
#header { width:740px; font-size:100%; text-align:right; margin:0px 2px 0 0; padding:1px 0 1px 0}  /* recall width: for compatibility with IE6 ! */ 
#header a:link,#header a:visited {color:#1E90FF;  text-decoration:none }
#header a:hover,#header a:active {color:#009FFF; border-bottom:#005FFF 1px dashed } 
#banner { height:150px; font-size:85%; text-align:left; color:white; margin:0; padding:0 0 5px 0; clip: rect(10px, 10px, 10px, 10px); overflow:auto}  /* div for compatibility with IE6 ! */ 

#sidebar { width:185px; float:left; padding:0; margin:0; text-align:center}
#sidebar form { margin:-4px 0 0 0; padding:0; border-right:1px solid #6666ff; border-left:1px solid #6666ff;	font-size:small} /**/
#sidebar input { color:#cc3300;	background-color:#dae9f8 } 
#sidebar input:focus {background-color:#fff}label {font-size:90%}
#sidebar p { padding:0px 1px}
.mybutton { color:#fff;	font-weight:600; background-color:#CCC}

.subtitle	{ color: #5AA49C; font-size:100%; font-weight: bold }
.cadre { width:175px; margin:2px 0 0 2px; border:1px solid #CCC; background-image:none }
#navlink p {margin: 0; padding: 0 0 0 5px; font: 14px Tahoma, arial, sans-serif; font-weight: bold; letter-spacing: 0px; }
#navlink a,#navlink a:link, #navlink a:visited { color:#666; padding-left:5px; line-height:1.6em; display:block; text-align:left;	margin:1px 4px 1px 1px; text-decoration:none; border-left:10px solid #ccc}
#navlink a:hover { border-left:0; text-align:right; padding-right:5px; font-weight:600; color:#f40;border-right:10px solid #f40}
#navlink #link a,#navlink1 #link1,#navlink2 #link2,#navlink3 #link3,#navlink4 #link4,#navlink5 #link5,#navlink6 #link6,#navlink7 #link7,#navlink8 #link8,#navlink9 #link9 {margin:1px 4px 1px 1px; cursor:default; text-align:right; padding-right:5px; color:#f40; font-weight:600; border-right:10px solid #f40} 

#content { float:right; width:520px; margin: 0 0 0 0; padding:0 5px 0 0 }
#content h1 { font-size: 1.3em; font-weight:normal; margin: 1em 0 0; color: #265e15 }
#content h2 { font-size: 1.2em; margin: 1em 0 0 0 }
#content h3 { font-size: 1.1em; margin: 1em 0 }
#content p {margin:4px 4px 4px 4px }
#content p img.right { float: right; vertical-align: middle; border: 0 }
#content p img.left { float: left; vertical-align: middle; border: 0 }
#content ul { list-style-type: square; margin: 1em; padding: 0 1em }
#content a:link,#content a:visited {font-weight:bold; border-bottom:#005FFF 1px dotted }
#content a:hover,#content a:active {color: #009FFF }  
#content .post-info {background:url(../img/underline1.jpg) no-repeat left bottom; padding-bottom:12px; color: #006600 }
#content.tooltip1 { color : #638222; border-bottom: 1px dotted #638222;  font-weight: bold; cursor: help } 

#footer { clear: both; padding: 0; margin: 2px 0 0 10px; color: Gray; line-height: 20px; font-size: 75%; text-align: center; }
#footer a:link,#footer a:visited {color: #1E90FF; text-decoration: none}
#footer a:hover,#footer a:active {color: #009FFF; border-bottom:#005FFF 1px dashed }

#header, #sidebar, #content, #footer { overflow: hidden }
a.noUnderline {	text-decoration: none } /* Ex. : <a href="#" class="noUnderline">Lorem Ipsum</a> */

/* For tooltip use  */
.smartag { color:#60F; font-weight:bold; border-bottom : 1px dotted #60F; cursor:help } /* use with <span class="smartag" title="commentaire">texte</span> */ 
.tooltip_content{ font-size:90%; color:#069; font-weight:bold; text-decoration:none; overflow:hidden; margin:2px 2px 2px 2px; padding:0 }
acronym { cursor:help; color : #638222; border-bottom : 1px dotted #638222 }
/* legend {position:absolute; top:-10px; left:50px} */

/* Other basic styling  */
.hideme {margin: 10px; color:#fff}
.outlink { padding-right:15px;	background-image:url(../img/outlink.gif);	background-position:right; background-repeat:no-repeat; }
#printheader {display:none}
#copyright{display:none}

.italic {font-size: 100%; font-style: italic; color: #09C }
.lettrine {font-size: 150%; color: #09C }

/* drop shadows images */
#shadeLeft {float:left; background:#dadada; margin:8px; padding:0; position:relative;}
#shadeRight {float:right; background:#dadada; margin:8px; padding:0; position:relative;}
.shadeDrop {background:#FFF; border:1px solid #bababa; position:relative; margin:0; padding: 4px; left:-4px; top:-3px;} 

/* haut de page*/
.ztop{background:url(../img/ztop.jpg) no-repeat 0 0; width:35px; height:58px; display:block; _display:none;
			position:fixed; z-index:9999; text-indent:-9999px; overflow:hidden; outline:none; right:15px; bottom:30px; }

/* formulaire */
.shadeform {font-size: 90%; padding:4px; margin-top:0px; border: 1px solid #999; background:#fafafa url(../img/shadeform.gif) }
textarea { font-size:90%; padding:4px; line-height:1em; border: 1px solid #999; background:#fafafa url(../img/shadeform.gif) }
/* fieldset {width:350px; position:relative; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; background:#FFC url(../img/q_M.png) 50% 0} */
/* form { margin:-4px 0 0 0; padding:0; border-right:1px solid #6666ff; border-left:1px solid #6666ff; font-size:small} */
/* input {border : 1px solid #666; border-left : 2px solid #666 } */

/* bloc div avec ascenseur on attribue la class "scrolbloc" au div  */
.scrolbloc { OVERFLOW: auto; WIDTH: 300px; PADDING-TOP: 2px; HEIGHT: 140px; FONT-SIZE: 100%; MARGIN-BOTTOM: 3px; COLOR: black; 
scrollbar-face-color: #F7F7EA ; scrollbar-shadow-color: #B0AE33; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #B0AE33; 
scrollbar-darkshadow-color: #B0AE33; scrollbar-track-color: #f6f6f0; scrollbar-arrow-color: #B0AE33 }

/* Couleurs & fonds */
.blanc { color: #fff}
.bleu { color: #3333FF}
.jaune { color: #FFFF00}
.orange { color: #FF4400}
.rouge { color: #FF0000}
.vert { color: #006600}
.gris_clair { color: #9c9c9c}
.gris { color: #7e7e7e}
.gris_fonce { color: #3a3a3a}
.rose { color: #FF66FF}

.fond_blanc { background: #fff}
.fond_gris { background: #e9e9e9}
.fond_rose { background: #64C90C}