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_site_v5.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;
}

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	;
}


.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;
}

/*.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
}*/



/*	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: #A2C541;*/
   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;
	/*background-image: url(images/carre_violet.gif);
/*	background-image: url(images/glinks2.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 18px;*/
}

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-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top : 0;
}

.encadre-2
{
	background-color: #DDDDDD;
	border: 1px dotted #006C2D;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top : 0;
}

