body {

font-size: 1em; /* Resets 1em to 10px */
line-height: 0.9em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color:#efefef;
background-image:url(images/wrap.gif);
background-position:center;
background-repeat:repeat-y;
color:#697C83;
text-align: center;
margin:0;
padding:0;
}

#page {
background: white url(images/page_bg.jpg) repeat-y top;
text-align: left;
background-color: white;
margin: 1px auto;
padding: 0;
width: 800px;
}

#header {
position: relative;
background-image:url(images/bandeau.gif);
background-repeat: no-repeat;
padding: 0;
margin: 0 auto;  
height: 234px;
width: 100%;
}

#content {
font-size: 0.7em;
line-height: 1.2em;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 5px 0;
text-align: center;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 1.4em;
 color: #06c;
}

h2 {
font-size: 1.3em;
line-height: 1.3em;
}

/* rajout carre violet DB */
#content h2 {
background-image: url(images/carre_violet.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left: 18px;
}

#sidebar h2 {
font-size: 1em;
color: #006c2d;
}

/*.csc-mailform-field label {
width: 60px;
}*/

fieldset.csc-mailform {
border:none;

}

.csc-mailform-field {
margin-bottom:1em;
}

.csc-mailform-field label {
display:block;
}


h3 {
font-size: 1em;
}

h4 {
font-size: 0.8em;
color: #006C2C;
line-height: 0.5em;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #7c7c7c	;
}

h3.label-bbc {
font-size: 1.4em;
color: #f5aa06;
text-transform: uppercase;
}

.detail {
color: #006c2d;
}
.important {
color: #cb1d15;
}
.name-of-person{
color: #f5aa06;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

#sidebar ul ul li, #sidebar ul ol li, blockquote, strike {
color: #777;
}

acronym, abbr {
font-size: 0.9em;
letter-spacing: .07em;
}

a,h3 a:hover {
color: #06c;
text-decoration: none;
}

a:hover  {
color: #424242;
}

h2 a:hover {
color: #fff;
text-decoration: underline;
}

/* End Typography & Colors */
cite {
color: #91B337;
}

.narrowcolumn {
float: left;
padding: 0 0 20px 10px;
margin: 0;
width: 530px;
position: relative;
}

/* Begin Headers */
h1 {
padding-bottom: 0.1em;
margin: 1em 0 0.5em 0;
border-bottom: 1px solid #CECECE;
line-height: 1.1em;
}

h2 {
margin: 0.8em 0 0 0;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 1em 0 0.4em 0;
padding: 0;
}

h3 {
padding: 0;
margin: 5px 0 0;
}
/* End Headers */

/* Begin Lists */
#sidebar ul {
padding: 0;
margin: 0.2em 0 0.8em 1.2em;
list-style: none;
list-style-image: url(images/puce-ronde-violet.gif);  
}

#sidebar ul li {	
margin-bottom: 15px;
margin: 3px 0 0 5px;
font-size: 0.7em;
}

#sidebar ul a {
color: #92278F;
text-decoration: none;
}	

#sidebar {
padding: 2.8em 0 1em 0;
margin-left: 565px;
width: 220px;
/*position: relative;*/
}

#sidebar a:hover {
text-decoration: none;
background-color: #7c7c7c;
color: #fff;
}

#sidebar h2.act {
background-color: #DFECB7;
}

#sidebar h2 a:active {
color: #fff;
}
#sidebar h2.act a:hover{
background-color: #f5aa06;
color: #fff;
}

#sidebar li.act {
/*background-color: #9ad2cf ;*/
color: #F5AA06;
font-weight: bolder;
font-size: 0.7em;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

hr {
display: none;
}

a img {
border: none;
}

#lang {
/*position: absolute;
right: 0;
top: 0.6em;*/
padding-left: 140px !important;
}

#lang li {
display: inline;
background: none !important;
}

.csc-textpic-imagewrap {
color: #999;
}

#homelink {
position: absolute;
left: 540px;
top: 0px;
width: 90px;
height: 90px;
}

#homelink1 {
position: absolute;
left: 630px;
top: 0px;
width: 110px;
height: 90px;
}

#homelink2 {
position: absolute;
left: 740px;
top: 0px;
width: 60px;
height: 90px;
}

#message {
margin-bottom : 1em;  
border: 1px solid #ccc;
/*color: red;*/
padding: 0.5em 0.5em 0.5em 35px;
}

#message.error {
background : #FFEFF7 url(images/btn_error.png) 0.5em 0.5em no-repeat;
color: red;
}
#message.valid {
background : #F5FDE8 url(images/btn_valid.png) 0.5em 0.5em no-repeat;
}

#message.warning {
background : #F5FDE8 url(images/btn_information.png) 0.5em 0.5em no-repeat;
}

#message p {
 margin: 0;
}

/******************FAQ***********************/
td.sous-categorie {
font-weight:bold;
font-size: 1em;
line-height:1.4em;
background : #EEF5DA;
}

a.sous-categorie {
text-decoration: none;
}

td.theme{
font-size: 1em;
line-height:1.4em;
background : #EFEFEF;
background-image: url(images/puce-ronde-violet.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left: 18px;
}

a.theme {
text-decoration: none;
}


td.categorie{
background : #9ad2cf;
}

a.categorie {
color: white;
font-weight:bold;
}

.xsl h4 {
background-color: #cfe9e7;
color:#0066cc;
line-height:1.2em;
}

.xsl li {
background-color:  transparent;
}

a.categorie:hover {
color: #06c;
text-decoration: none;
}

/******************FAQ***********************/
#overmenu a:hover {
display:inline;
background-color: transparent;
/* font-size: 1em;*/
}

.sitecstb {
font-size: 0.6em;
color: #999999;
}

/* les encadres */
.encadre-1 {
background-color: #EEF5DA;
border: 1px dotted #006C2D;
padding: 5px 8px;
margin-top : 10px;
}

.encadre-2 {
background-color: #DDDDDD;
border: 1px dotted #006C2D;
padding: 5px 8px;
margin-top : 10px;
}

.encadre-3 {
background-color: #ECE0F5;
border: 1px dotted #A56CD2;
padding: 5px 8px;
margin-top : 10px;
}
