body { 
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

* { 
  font-family: arial, helvetica, verdana, serif;
}

a:link,a:active,a:visited {
  text-decoration: none;
  color: #6785A3;
}

a:hover{
  text-decoration: underline;
  cursor: pointer;
}

hr.spacer { 
  clear: both;
  visibility: hidden;
}

img { 
  border: 0;
}

/*** bandeau ****/
div#logo { 
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  height: 62px;
  background-color: #3C5597;
  background-repeat: no-repeat;
  background-image: url(./imgs/bandeau.jpg);
  background-position: right center;
}

#baseline { 
  position: absolute;
  z-index: 2;
  top: 62px;
  left: 0;
  font-size: 70%;
  font-weight: bold;
  text-align: center;
  background-color: #D6DEF1;  
  color: #003088;
  width: 130px;
  margin: 0;
  padding: 0;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: normal;
}

#date { 
  position: absolute;
  right: 30px;
  top: 62px;
  color: #FFFFFF;
  z-index: 10;
  font-size: 70%;
  font-weight: bold;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

#textWriter { 
  position: absolute;
  font-size: 0.7em;
  line-height: 2em;
  top: 62px;
  left: 550px;
  height: 2em;
  padding: 0;
  margin: 0;
  color: #FFFFFF;
}

/**** footer ****/
div#footer { 
  border-top: 1px solid #003088;  
  padding: 0 1em 0 1em;
  font-size: 0.8em;
  text-align: center;
}

div#footer div#copyright { 
  text-align: center;
  color: #003088;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/**** pages produits ****/
#contenu {  
  font-size: 0.8em;
 /* margin-top: 1em;*/
  padding-right: 1em;
  margin-right: 0;
  padding-left: 2em;
  min-width: 300px;
  min-height: 13em;
}

body#news #contenu, body#partners #contenu { 
  padding-right: 0;
  width: 643px;
  float: left;
}

body#partners #page { 
  margin-top: 5em;
}

div#promo { 
  position: absolute;
  top: 200px;
  left: 820px;
  text-align: center;
  width: 140px;
  font-size: 0.8em;
}

#page { 
  margin-top: 3.5em;
}

#page h1 { 
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 130px;
  border-bottom: 1px dotted #003088;      
  color: #003088;
  border-spacing: 0;
  font-weight: bold;
  font-size: 1.1em;
  width: 80%;
}

div.titre-page { 
  margin-top: 2em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 130px;
  border-bottom: 1px solid #003088;      
  color: #003088;
  border-spacing: 0;
  font-weight: bold;
  font-size: 1.2em;
}

#contenu h1, h3, h4 { 
  color: #003088;
  font-weight: bold;
}

#contenu h1 { 
  font-size: 1.8em;  
}

#contenu span.barre { 
  color: #FF9900;
}

#contenu ul.barre { 
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#contenu ul.barre li { 
  margin: 0.5em;
}

#contenu ul.barre li span { 
  color: #000066;
}

#contenu ul.b-links { 
  margin-top: 2em;
  list-style-type: none;
  text-align: center;
}

#contenu ul.b-links li { 
  display: inline;
}

#contenu ul.b-links li span { 
  color: #FF9900;
}

body h2 { 
  font-size: 1.3em;  
  color: #FF7A1F;
  font-weight: bold;
}

#contenu h3 { 
  font-size: 1.2em;  
}

#contenu h4 { 
  font-size: 1.1em;  
}

div.contact-form p { 
  color: #003088;
  font-weight: bold;
}

#menu-produit { 
  float: left;
  font-size: 1em;
  width: 70%;
  voice-family: "\"}\"";
voice-family: inherit;
width: 65%;
}

html>body #menu-produit {
  width: 70%;
}

#menu-produit div.row {
  padding-top: 1em;
  clear: both;
}

#menu-produit div.row span.titre {
  float: left;
  font-size: 1.2em;
  text-align: left;
  width: 35%;
}

#menu-produit div.row span.titre a {
  font-size: 1.2em;
  text-decoration: none;
  color: #003088;
}

#menu-produit div.row span.titre span.chevron {
  font-size: 1.2em;
}

#menu-produit div.row span.link {
  float: left;
  width: 35%;
  text-align: left;
}

#menu-produit div.row span.comment {
  float: right;
  width: 60%;
  text-align: left;
}

p.important { 
  color: #990099;
  font-weight: bold;
}

p.note { 
  font-size: 0.8em;
}

/***********************************/
ul.media { 
  list-style-type: none;  
  padding: 0;
  margin: 0;
}

ul.media li { 
  font-weight: bold;
}

ul.media li ul {  
  margin-bottom: 1em;
}

ul.media li ul li { 
  display: inline;
  margin:0;
  margin-right: 0.2em;
  padding: 0;
}

ul.links { 
  float: right;
  list-style-type: none;  
  padding: 0;
  margin-left: 1em;
  margin-bottom: 1em;
}

#contenu h2.sitemap { 
  color: #003088;
  margin: 0;
  padding: 0;
}

ul.sitemap { 
  border: 2px solid #000000;
  background-color: #EEF2EB;
  padding: 1em;
  margin: 0 0 2em 0;
}

ul.sitemap li { 
  font-weight: bold;
  margin-left: 2em;
}

ul.pdf { 
  list-style-image: url(./imgs/acrobatfile.jpg);
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

ul.pdf li { 
  margin: 1em;
  padding: 0 0 0 0.5em;
}

ul.triangle { 
  list-style-image: url(./imgs/puce_2.gif);
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

/***********************************/
table.news { 
  background-color: #FFFFFF;
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: collapse;

}

table tr td.date { 
  width: 25%;
  text-align: right;
  vertical-align: top;
  padding-right: 1em;
}

table tr td.titre { 
  text-align: left;
  vertical-align: top;
}

ul.right { 
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -2em;
}

ul.right li { 
  display: block;
}

/**** afp dans le monde ****/
img.carte { 
  float: left;
  background-color: #EEF2EB;
  padding: 0;
  margin: 0;
  border: 0;
}

div.textRegion { 
  margin-right: 1em;
  margin-left: 480px;
}

ul.ville { 
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.ville li { 
  display: inline;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

/**** filiales ****/
table.filiales { 
  border-collapse: collapse;
  font-size: 1em;
}

table.filiales tr td { 
  padding-right: 1em;
}

table.filiales img { 
  border: 0;
}

table.filiales tr.pair { 
  background-color: #EEF2EB;
}

table.filiales tr.impair { 
  background-color: #FFFFFF;
}

table.filiales tr td[headers=logo] { 
  width: 100px;
}

table.filiales tr td[headers=intitule] { 
  padding-left: 1em;
}
table.filiales tr td[headers=url] { 
  text-align: right;
}

table.picture {
  border-collapse: collapse;
  border: 0;
  margin: auto;
}

table.picture thead tr td {
  text-align: right;
}

table.picture tbody tr td {
  padding: 1em;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: 0.7em;
  text-align: right;
}

table.picture tfoot tr td {
  font-size: 0.7em;
  text-align: justify;
  font-style: italic;
  border-bottom: 1px solid #000000;
}

div.colonne2 { 
  float: left;
  width: 49%;
}

div.bloc-photo { 
  clear: left;
  border-width: 1em;
  border-bottom: 2px solid #000000;
}

div.bloc-photo img { 
  float: right;
}

div.bloc-fond-bleu { 
  width: 20em;
  padding: 0.6em 1em;
  color: #FFFFFF;
  background-color: #003088;
  margin: 2em 0 2em 6em;
}

div.bloc-fond-bleu h3 { 
  color: #FF7A1F;
  padding: 0;
  margin: 0;
}

a.special { 
  color: #FFFFFF;
  background-color: #003088;
  padding: 0.5em;
  display: block;
  width: 10em;
  background-repeat: no-repeat;
  background-image: url(./imgs/fleche.gif);
  background-position: right;
  border-bottom: 2px solid #000000;
}

/**** images inline ****/
div.colonne-photo { 
  float: right;
}

div.colonne-photo img { 
  display: block;
  margin-top: 2em;
  margin-bottom: 1em;
  border: 1px solid #000000;
}

body#news div.colonne-photo { 
  margin-left: 1.3em;
}

p.right, p.right-no-border { 
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
  clear: both;
}

p.right img { 
  border: 1px solid #000000;
}

p.left, p.left-no-border { 
  float: left;
  margin-right: 3em;
  margin-bottom: 1em;
  clear: both;
}

div.right-no-border { 
  float: right;
}

div.right-no-border img { 
  display: block;
  border: none;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}

img.fright {
  float: right;
  margin: 0 0 1em 1em;
}

img.fleft {
  float: left;
  margin: 0 1em 1em 0;
}

p span.legend { 
  float: left;
  clear: both;
}

span.legend { 
  font-size: 0.8em;
}

p.border img { 
  border: double #000000;
}

table.infos-direct tr td { 
  border: 2px double #000000;
  padding: 1em 1em 1em 1em;
}

/***********************************/
div.form { 
  width: 85%;
  font-size: 0.9em;
}

body #page #contenu div.form h2 { 
  background-color: #003088;  
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

div.form fieldset { 
  background-color: #F2F4FB;
  border: none;
  margin-bottom: 1em;
}

div.form p strong.rouge { 
  color: #FF0000;
  font-weight: bold;
}

div.form div.error { 
  color: #CC0000;
  font-weight: bold;
}

div.form div.note { 
  border-top: 1px solid #003088;
  border-bottom: 1px solid #003088;
  padding: 1em;
  margin-bottom: 1em;
}

div.form div.button { 
  text-align: center;
}

div.form div.button input { 
  margin: 0 10%;
}

div.form .div-text, div.form .div-select, div.form .div-radio, div.form .div-textarea { 
  clear: both;
}

div.form .div-text label, div.form .div-select label, div.form .div-textarea label, 
   div.form .div-radio span, div.form p.label { 
  font-weight: bold;
  width: 48%;
  float: left;
  text-align: right;
  margin-right: 2%;
}

div.form .div-radio label, div.form span { 
  font-weight: bold;
}

div.form .div-radio { 
  margin-bottom: 1em;
}

div.form .div-text input { 
  width: 30%;
  margin-bottom: 1em;
}

div.form .div-textarea textarea { 
  margin-bottom: 1em;
}

div.form select { 
  margin-bottom: 1em;
  max-width: 40%;
  font-size: 0.8em;
}

label.high {
  color: red;
}

label.low {
  color: black;
}

div.form label em { 
  font-weight: normal;
}

div.boutons { 
  text-align: center;
}

div.boutons input { 
  margin: 0 1em;
}

div.date-photo p.label { 
  float: left;
  width: 48%;
  border: solid red;
}

div.date-photo div.div-select {
  float: left;
  width: 10%;
  border: solid green;
}



/**** menu de gauche ****/
#menu-fixe { 
  position: absolute;
  z-index: 100;
  font-size: 90%;
  text-align: left;
  left:0;
  width: 8em;
  padding: 0;
  margin: 0;
  margin-top: -1px;
  margin-left: 5px;
  border-bottom: 1px dotted; 
}

#menu-fixe ul { 
  padding: 0;
  margin: 0;
}

#menu-fixe li { 
  list-style-type: none; 
  border-top: 1px dotted; 
  padding: 3px;
}

#menu-fixe li.submenu { 
  padding-top: 20px;
  color: #003088;
  font-weight: bold;
  font-size: 1em;
}

#calendar { 
  position: absolute;
  top: 110px;
  left: 400px;
  width: 28em;
}

#calendar a { 
  display: block;
  background: #708ABC;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  width: 3em;
  padding: 0.2em;
  margin: 1px;
  float: left;
}

#calendar a:hover {
  background-color: #7FC322;
  color: #000000;
}

#calendar a.selected {
  background-color: #003088;
}

/**** news ****/
/*** bw ***/
#contenu div.article { 
  margin: 1em 0;
  padding: 1em;
  border: 2px outset #003088;
}

#contenu div.article h3 {
  font-size: 0.9em;
  font-weight: normal;
  margin: 0;
  color: #000000;
}

#contenu pre { 
  font-family: "Courrier New", monospace;
}

#slug, #societe, #disclaimer, #contact { 
  font-weight: bold;
}

div#contact { 
  padding-top: 1em;
  border-top: 1px solid #000000;
}

/***/
table#stories { 
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

table#stories tbody tr td.photo { 
  background-color: #E6E6E6;
  vertical-align: middle;
  text-align: center;
  width: 120px;
  border-right: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}

table#stories tbody tr td.content { 
  background-color: #F5F5F5;
  vertical-align: top;
  border-bottom: 5px solid #FFFFFF;
}

table#stories tbody tr td.content p { 
  margin: 0.3em 0 0.5em 0;
  padding: 0;
}

table#stories tbody tr td.content h3, body#news h2 { 
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 1em;
}

table#stories tbody tr td.content h4, body#news h3 { 
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

body#news h2 { 
  color: #000000;
  font-size: 1.1em;
}

body#news h3 { 
  font-weight: normal;
}

body#partners h2 { 
  color: #003088;
  margin: 0;
}

body#partners p.subtitle, body#partners p.date { 
  margin: 0;
} 

div.fright { 
  float: right;
  margin: 1em 0 1em 1em;
  clear: both;
}

div.fright img, div.fleft img { 
  border: 1px solid #000000;
}

div.fleft { 
  float: left;
  margin: 1em 1em 1em 0;
  clear: both;
}

div.legende { 
  font-size: 0.8em;
}

img.fright, img.fleft { 
  float: right;
  margin: 0 0 1em 1em;
}

ul#navigation { 
  clear: both;
  list-style: none;
  padding: 0;
  margin: 2em 0 0 0;
}

ul#navigation li { 
  color: #000000;
  font-weight: bold;
}

div#video { 
  float: left;
  margin-right: 1em;
}

div#format-video { 
  width: 350px;
}

div#windows { 
  float: left;
  background-repeat: no-repeat;
  background-image: url(./imgs/windows.gif);
  background-position: top center;
  padding-top: 40px;
  height: 42px;
}

div#quicktime { 
  float: right;
  background-repeat: no-repeat;
  background-image: url(./imgs/quick.gif);
  background-position: top center;
  padding-top: 40px;
  height: 42px;
}

/**** rss ****/
body#news div#contenu div.colonne-left { 
  float: left;
  width: 55%;
  margin-right: 2%;
}

body#news div#contenu div.colonne-right { 
  float: left;
  width: 39%;
  font-size: 0.9em;
  padding: 1%;
}

body#news div#contenu div.colonne-right ul, body#news div#contenu div.colonne-left ul { 
  list-style: none;
  padding: 0;
  margin: 0;
}

body#news div#contenu div.colonne-left h3 { 
  color: #003088;
  font-size: 1.2em;
  font-weight: bold;
}

body#news div#contenu div.colonne-right h3 { 
  background-color: #D6DEF1;  
  color: #003088;
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

body#news div#contenu div.colonne-right div.readers { 
  background-color: #D6DEF1;  
  padding: 0 1em 0 0;
}

/*** flash content ***/
div#afpDiv { 
  background-color: #FFFFFF;
  width: 410px;
  height: 250px;
}

#flashcontent {
  height: 100%;
  min-height: 100%;
}

/**** divers ****/
acronym, abbr{
  cursor: help;
  border-bottom: #000000 1px dotted;
}