body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 11px;
  background: #d2d2d3;
}

img {
  border: 0;
}

a {
   color: #0e528f;
}

li {
  list-style-type: square;
}

div#layout {
  text-align: left;
  margin: 20px auto;
  padding: 10px;
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

h3, h4, h5, h6 {
  clear: both;
  color: #3a6ea5;
}

/* Header */

h1 {
  display: inline;
}

#ccfi {
  margin-top: 5px;
  color: #0075c3;
  font-size: 9px;
  text-align: center;
}

h2#maintitle {
  clear: both;
  background: #00538e;
  padding: 5px 10px;
  margin: 0 0 5px 0;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
}


h3 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 1px solid #3a6ea5;
}

h4 {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #3a6ea5;
  display: list-item;
  list-style-type: square;
  margin-left: 10px;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-left: 60px;
}

h6 {
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  margin-left: 60px;
}

div#sidebar > object {
  margin: 10px 0;
}


div.animation {
  height:182px;
/*  width:200px; */
}    

object.animation {
  margin-top: 0;
}


#home-sidebar .box,
#sidebar .box {
  margin: 2px 0 20px 0;
  padding: 0;
}

#home-sidebar .box .body,
#sidebar .box .body {
  padding: 2px;
}

#sidebar .box p.topic {
  margin: 0;
}


#home-sidebar .box h2,
#sidebar .box h2 {
  background: #0e2732;
  margin: 0;
  padding: 2px 5px;;
  color: #eee;
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
}

#sidebar .box h3 {
  font-weight: normal;
  color: #0e2732;
  border: 0 !important;
  margin: 2px !important;
}

div#last-articles {
  border: 1px solid #00538d !important;
  background: #dce7ff !important;
}

div#last-articles h2 {
  border-bottom: 1px solid #00538d !important;
  background: #00538d !important;
  color: #fff !important;
}

div#home-sidebar a,
div#sidebar a {
  color: #3a6ea5;
}

#copyright {
   clear: both;
   background: #0e2732;
   padding: 2px 2px;
   font-size: 11px;
   height: 35px;
   text-align: center;
   color: #fff;
}

#copyright ul {
  padding: 0;
  margin: 0;
  list-style-type: none;  
}

#copyright li {
  margin: 0;
  padding: 0;
  display: inline;
}

#copyright a {
  text-decoration: none;
  color: #fff;
  padding: 5px;
}

#copyright a:hover {
  text-decoration: underline;
}

#navigation {
   margin: 5px 0;
   font-size: 14px;
   height: 35px;
   text-align: center;
   background: #00538d;
}

#navigation ul {
  padding: 0;
  margin: 0;
  list-style-type: none;  
}

#navigation li {
  margin: 0;
  padding: 0;
  display: block;
  height: 100%;
  float: left;
}

#navigation a {
  display: block;
  background: #5e5e5e;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  height: 25px;
}

#navigation a:hover {
   background: #0e2732;
}

#navigation li.ccfi a {
  padding: 5px 13px;
  background: #00538d;
}

#navigation li.ccfi a:hover {
   background: #a1191c;
}



a.yayel {
  color: #c79bb9 !important;
  text-decoration: underline !important;
}

abbr,
acronym,
dfn {
  background-color: transparent;
  color: #3a6ea5;
  cursor: help;
  border-bottom: 1px dashed #3a6ea5;
}

p#print {
  clear: left;
  font-size: 10px;
  margin-top: 30px; 
}

.small, .petit {
  font-size: 10px;
}

.left {
  float: left;
  margin: 0 20px 10px 0;
}

.right {
  float: right;
  margin: 0 0 10px 20px;
}


.center {
  text-align: center;
  margin: auto;
}

.droite {
   text-align: right;
}

fieldset {
  margin: 10px;
  padding: 20px;
  border: 1px solid #3a6ea5;
}

legend {
  font-weight: bold;  
}

input[type=text], input[type=password], input[type=file], textarea {
  background: #fff;
  border: 1px solid #3a6ea5;
}

blockquote.cartouche {
  float: right;
  margin: 10px 0 10px 10px;
  padding: 5px;
  background: #dce7ff;
  border: 1px solid #3a6ea5;
}


img.icone, img.icon {
  vertical-align: middle;
}

div.error {
  padding: 2px 2px 5px 20px;
  font-weight: bold;
  background: url(/images/icons/exclamation.png) #ffe4e1 left no-repeat;
  color: #660000;
}

input.error {
  border: 1px solid red;
  background: #ffe4e1;
  color: #000;
}


ul.error li {
  margin-left: 20px;
}

fieldset th {
  width: 200px;
  text-align: right;
  padding-right: 10px;
  font-weight: normal;
  vertical-align: top;
}

strong.required {
  color: #f00;
}

ul#gallery {
  list-style: none;
  position: relative;
}

ul#gallery li {
  display: block;
  float: left;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

ul#gallery li img {
  margin: auto;
  background: #fff;
  padding: 2px;
  border: 1px solid #555;
}

div.article {
  margin-bottom: 20px;
}

div#text {
   margin: 0;
   padding: 0;
}

span.u {
   text-decoration: underline;
}

img.star:hover {
   cursor: pointer;
}

div.blog,
div.headline {
  margin: 5px 0;
  font-size: 12px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #3a6ea5; 
}

div.article {
  margin: 5px 0;
  font-size: 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid #3a6ea5; 
}

div.blog hr,
div.headline hr {
  margin: 0;
  padding: 0;
  clear: both;
  visibility:hidden;
}

div.edito-content,
div.blog-content,
div.headline-content {
  background: url(/images/degrade.gif) no-repeat top left;
  padding: 10px;
}

div.edito h3,
div.blog h3,
div.article h3,
div.headline h3 {
  margin: 0 0 2px 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  font-weight: bolder;
  color: #3a6ea5;
  border-left: 15px solid #3a6ea5;
  border-bottom: 0;
}

p.topic {
  margin: 0;
  font-size: 10px;
  color: #666;
}

dl#article-headers {
  margin: 5px 0;
  padding: 3px 5px;
  font-size: 10px;
  background-color: #eee;
  color: #666;
}

dl#article-headers dt {
  clear: left;
  float: left;
  width: 55px;
  text-align: right;
}

dl#article-headers dd {
  margin-left: 65px;
}

p.date {
  margin: 0;
  font-size:10px;
  color:#bbb;
}

span.feuille-calendrier {
  color: #BDBDBD;
  font-size: 10px;
  text-shadow: #fff 1px 1px 1px;
  display: block;
  background: url(/images/feuille_calendrier1.gif) 0 0 no-repeat;
  float: left;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  margin: 5px 10px 5px 5px;
  width: 35px;
  padding-top: 5px;
}

span.feuille-calendrier span {
  display: block;
  font-weight: bold;
  font-size: 20px;
  text-indent: -3px;
  letter-spacing: -2px;
  color: #c00;
  text-shadow: #bbb 2px 2px 0;
  background: url(/images/feuille_calendrier2.gif) bottom left no-repeat;
  padding-bottom: 5px;
}

.goto-link {
  margin: 10px;
  font-size: 10px;
  padding-left: 20px;
  height: 15px;
  background: url(/images/icons/control_play_blue.png) left no-repeat;
}

div#home-sidebar p.goto-link,
div#sidebar p.goto-link {
  margin-left: 10px;
}

img.gallery-image,
img.blog-image,
img.headline-image {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #b2b2b2;
  padding: 4px;
  background: #F4F4F4;
}

div#abstract {
  clear: both;
  padding: 5px;
  font-style: italic;
  background: #dce7ff;
}

div.description {
  clear: both;
  margin-top: 2px;
  padding: 2px 5px;
  font-style: italic;
/*  background: #dce7ff; */
}

div.headline-content blockquote,
div.blog-content blockquote,
div.edito-content blockquote,
div#article-body blockquote {
  background: #eee url(/images/quote.gif) left top no-repeat;
  padding: 4px 4px 4px 30px;
}

div.headline-content h3,
div.blog-content h3,
div.edito-content h3,
div#article-body h3 {
  background: transparent url(/images/puce.png) left top no-repeat;
  color: #3a6ea5;
  padding-left: 20px;
  height: 17px;
  border: 0;
  font-size: 15px;
}

div.headline-content h4,
div.blog-content h4,
div.edito-content h4,
div#article-body h4 {
  font-size: 13px;
  color: #3a6ea5;
  border-bottom: 2px solid #3a6ea5;
}

div.headline-content h5,
div.blog-content h5,
div.edito-content h5,
div#article-body h5 {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #3a6ea5;
  display: list-item;
   list-style-type: square;
   margin-left: 10px;
}

div.edito-content,
div#article-body {
  font-size: 12px;
}

/* 
div#article-body > p::first-child::first-letter {
  font-size: 60px;
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 5px 2px 0;
  color: silver;
}
*/

div.link {
  margin: 10px 0 20px 0;
}

th {
  background-color: #e8f3ff;
}

td {
  background-color: #eee;
}

div#portal-edito {
  margin-top: 10px;
  padding: 1px 5px;
  background: #dce7ff;
}

div#headlines-list div.headline-content h4,
div#portal-news div.headline-content h4 {
  clear: none !important;
}

div#headlines-list div.headline-content h4 a,
div#portal-news div.headline-content h4 a {
  text-decoration: none;
}

div#headlines-list div.headline-content h4 a:hover,
div#portal-news div.headline-content h4 a:hover {
  text-decoration: underline;
}

div#portal-news h3 {
  background: #00538e;
  padding: 2px 10px;
  margin: 5px 0;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

div#portal-news h3 a {
  color: #fff;
  text-transform: none;
}

div#headlines-list div.headline,
div#portal-news div.headline {
  margin: 0;
  font-size: 11px;
  border: 0; 
}

div#headlines-list div.headline h4,
div#portal-news div.headline h4 {
  display: block;
  margin: 0 0 2px 0;
  padding: 0 0 0 5px;
  font-size: 11px;
  font-weight: bolder;
  color: #3a6ea5;
  border: 0;
}

div#headlines-list div.headline p,
div#portal-news div.headline p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

div#headlines-list div.headline p.topic,
div#portal-news div.headline p.topic {
  font-size: 10px;
}

.headline p > img {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #b2b2b2;
  padding: 2px;
  background: #fff;
}


/*div.portal-partners {
  border-top: 1px dotted #3a6ea5;
}
*/
a#rss span {
  display: none;
}

a#rss:link, a.rss:visited {
  margin: 0 0 0 10px;
  height: 16px;
  width: 53px;
  color: #fff;
  border: 0;
  padding: 0;
  float: left;
  display: block;
  background: #ff950b url(/images/rss20.gif) bottom right no-repeat;
}

a#rss:hover, a.rss:active, a.rss:focus {
  color: #ff950b;
  border: 0;
  padding: 0;
  background-position: top right;
}

#sidebar h3 {
  padding-bottom: 5px;
}

#sidebar li {
  list-style: square;
}

#sidebar ul.list-articles li {
  list-style: url(/images/goto-article.png)
}

img.bordure {
  margin: 5px;
  border: 1px solid #b2b2b2;
  padding: 2px;
  background: #fff;
}

body#recherche ol li {
  margin-bottom: 6px;
}

form#search {
  margin: 0 0 10px 0;
}

form#search p {
  margin: 0;
}

input.search {
  border: 1px solid #999;
  font-size: 11px;
}

input.search:focus {
  border-color: #000;
  background: #dce7ff;
}

input.submit {
  vertical-align: middle;
  padding-bottom: 3px;
}

span.quote-up {
  color: #088152;
}

span.quote-down {
  color: #660000;
}

pre {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#motd {
  background: #fffde0;
  border-bottom: 2px solid #ffec52;
  padding: 5px 5px 5px 25px;
  margin: 0 0 10px 0;
  font-size: 12px;
}

.pagination {
  font-size: 11px;
  text-align: center;
  margin: 20px 0;
  color: #00538d;
}

.pagination a {
  padding: 0 2px;
  margin: 0 1px;
  border: 1px solid #00538d;
  text-decoration: none;
  color: #00538d;
}
  
.pagination a.prev_page, .pagination a.next_page {
  border: 0;
  padding: 0 10px;
}

.pagination .prev_page.disabled, .pagination .next_page.disabled {
  display: none;
}

.pagination a:hover {
  background: #00538d;
  color: white;
}

.pagination a.prev_page:hover, .pagination a.next_page:hover {
  background: none;
  color: white;
}

.pagination .current {
  border: 1px solid #00538d;
  padding: 0 2px;
  margin: 0 1px;
  background: #00538d;
  color: white;
}

.map_canvas {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #aaa;
  width: 350px;
  height: 270px;
}

.group_address {
  background: #eee;
  padding: 10px;  
  border: 1px solid #aaa;
}

.group_about {
  background: #dde7fd;
  padding: 10px;
  margin: 10px 0;
}

.with_map {
  margin-left: 360px;
  min-height: 250px;
}

.people {
  clear: left;
}

ul.results {
  margin: 10px 0;
  padding: 0;
}

ul.results li {
  list-style: none;
  margin-bottom: 10px;
}

ul.results li a.result {
  font-size: 13px;
}

ul.results li span {
  color: green;
}