body {
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
font-size: 0.8em;
margin: 20px 0 20px 0;
padding: 0;
color:#000;
background:#f3f3f0 url(../images/drapeau-fond.gif) repeat fixed;
text-align:center;
}
a {
	color:#444a94;
	text-decoration:underline;
}
a:hover {
	color:#ff0000;
}
a img {
	border-width : 0px;
}
p {
	text-align:justify;
	margin: 0 0 1em 0;
}
h1 {
	margin:0;
	padding: 0 0 0 22px;
	color:#444a94;
	font-size: 160%;
	font-variant: small-caps;
	background: transparent  url(../images/puce_h1.gif) top left no-repeat;
}
h2 {
	margin:0;
	padding: 0 0 0 15px;
	color:#774a94;
	font-size: 120%;
	font-variant: small-caps;
	background: transparent  url(../images/fleche.gif) top left no-repeat;
}
h2 strong {
	color:#600;
}
ul {
	list-style-type: square;
	margin:0 0 1em 2em;
	padding:0;
}
th {
	font-weight: normal;
}
input {
background:#f1f1ff;
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
font-size: 100%;
width:50%;
margin: 0;
padding: 0;
}
textarea {
background:#f1f1ff;
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
font-size: 100%;
width:90%;
height:15em;
margin: 0;
padding: 0;
}
.radio 	{	
margin-right: 0.5em;
margin-top: 0.7em;
margin-bottom: -0.2em;
width:1.5em;
border:0;
background:transparent;
}
.checkbox 	{	
width:1.5em;
}
.bouton 	{	
width:20%;
}

#textearea {
width: 500px;
background:abc;
margin-left: auto;
margin-right:auto;
text-align:left;
border: 2px solid #336;
font-size: 10px;
font-color:#faa;
}




/*---------------------------- conteneur de la page ----------------------------*/
#conteneur {
width: 785px;
background:#fff;
margin-left: auto;
margin-right:auto;
text-align:left;
border: 1px solid #336;
}
/*---------------------------- haut de la page ---------------------------------*/
#haut_de_page {
height:159px;
padding: 0;
margin: 0;
background:#344a94 url(../images/fond_haut.jpg) no-repeat;
text-align:center;
}
#haut_de_page a {
  position:relative;
  top:85px;
  font-size: 22px;
	font-weight:bold;
	color:#334;
	text-decoration:none;
	text-transform: capitalize;
	font-variant: small-caps;
}
#haut_de_page a:hover {
	color:#660;
	text-decoration:underline;
}
#haut_de_page strong {
  position:relative;
  top:95px;
  font-size: 16px;
	color:#ccf;
}
/*---------------------------- menu horizontal ---------------------------------*/
#menu_haut {
height:31px;
padding: 9px 1px 0 1px;
margin: 0;
background:#344a94 url(../images/fond_menu.jpg) no-repeat;
text-align:center;
}
#menu_haut ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}
#menu_haut li {
  display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#menu_haut li a {
  display: block;
  font-size: 16px;
	color: #444a94;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	font-variant: small-caps;
	width: 110px;
}
#menu_haut li a:hover {
	color: #ff000;
	text-decoration: underline;
}
#menu_haut li a.menu_h_encours {
	color: #f0f00f;
	text-decoration: underline;
}
#menu_haut li a.menu_h_encours:hover {
	text-decoration: none;
}
/*----- conteneur du corps de la page, du menu gauche, du pied de page ---------*/
#page {
font: 100%/1.4 Arial, sans-serif;
padding-bottom:1px;
}
/*------------------- corps de la page -----------------------------------------*/
#corps {
width:520px;
float:right;
padding:1em 20px 1em 20px;
}
#news li {
color:#0055a5;
}
#news li a {
text-decoration:none;
}
#news li a:hover {
text-decoration:underline;
}
ul.faq {
	list-style-type: none;
	margin:0 0 1em 0;
	color:#de0029;
}
.faq li a:visited {
	color:#99c;
}
.faq li a:hover {
	color:#de0029;
}
#encart {
background-color:#f3f3ff;
padding:0.5em;
border:1px solid #336;
text-align:left;
}
#encart p {
text-align:left;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	font-style : normal;
	margin : 0 0 1em 0;
	padding : 0 0 0 1em;
	border-left: 1px solid #336;
	border-bottom: 1px solid #336;
}
.vignette {
float:left;
border:1px solid #336;
}
.highlight {
color:#fff;
background-color:#de0029;
}
.day-date {
text-align: right;
color:#344a94;
border-bottom:1px solid #344a94;
}
.post-info {
  font-size : 85%;
	color:#344a94;
}
.post-info a {
	text-decoration: none;
}
.post-info a:hover {
	text-decoration: underline;
}
.post-info a:before{
	content: url(../images/ico_tb.gif);
	margin-right: 1ex;
}
a.categorie-annuaire {
	font-weight: bold;
}
a.titre {
	font-weight: bold;
}
a.titrenews {
	font-weight: bold;
	text-decoration: none;
}
.journal {
	color:#de0029;
}
/*--------------------- menu gauche --------------------------------------------*/
#menu_gauche {
width: 180px;
padding:1.5em 10px 1em 20px;
}
#menu_gauche h2 {
	border-color:#344a94;
	border-style:solid;
	border-width:0 0 2px 0;
}
#menu_gauche p {
	margin: 0.3em 0 0.3em 0;
	padding: 0 10px 0 10px;
}
#menu_gauche ul {
	list-style-type: none;
	margin:0.3em 0 0.3em 0;
}
#menu_gauche li {
	width: 160px;
}
#menu_gauche li a {
	display: block;
	text-decoration: none;
	width: 160px;
	padding: 2px 10px 2px 10px;
}
#menu_gauche li a:hover {
	background: #f3f3ff;
}
#menu_gauche li a.menu_v_encours {
	background: #f3f3ff;
	color: #de0029;
}
#menu_gauche li a.menu_v_encours:hover {
	text-decoration: underline;
}
#menu_gauche td {
  font-size: 95%;
}
#menu_gauche abbr {
  border-bottom: 1px dotted #000;
}
.active a {
	background: #f3f3ff;
}
/*----------------------- pied de page -----------------------------------------*/
#pied_de_page {
background:#fff;
clear:both;
padding:0.4em 110px 0.6em 110px;
margin:0;
font-size: 85%;
border-top:1px dotted #036;
text-align:center;
}
#pied_de_page a {
color: #000;
text-decoration: none;
}
#pied_de_page a:hover {
color: #fff;
background: #de0029;
}
#pied_de_page span {
float:left;
}
#pied_de_page span.spywords {
float:right;
}
#pied_de_page span a:hover {
background:transparent;
}