@charset "iso-8859-1";
/* CSS Document pour la page CARAUS (index)*/

/*
=========================
   Mise en page globale 
========================= */

* {
margin: 0;
padding: 0;
}

body {
    background: white;
    font-size: .9em;
    font-family: sans-serif;
    color: #5b5b5b;
    text-align: center;
    margin: 0;
}
#wrapper {
    width: 920px;
    margin: auto;
    text-align: left;
}

/* titres, sous-titres */

h1 {
min-width: 248px !important;
padding-top:20px;
padding-bottom: 20px;
padding-left: 4px;
padding-right: 7px;
text-align: center;
font-size: 2.3em;
font-weight: bold;
color: #17364b;
}
h2 {
margin-top: 0;
margin-bottom: 7px;
text-align: left;
text-decoration: bold;
text-transform: uppercase;
font-size: 1.5em;
color: #17364b;
}
h2.bande {
background-color: #17364b;
margin-bottom: 20px;
padding: 0.1em;
text-align: center;
font-weight: bold;
color: white;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
text-decoration: none;
font-weight: bold;
font-size: 1.5em;
color: #17364b;
}
h3.centre {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
font-size: 1.5em;
}

/* paragraphes */

p {
margin: 0 0;
text-align: justify;
font-size: 1em;
line-height: 1.4em;
}
div.center {
text-align: center;
}

/* liens, images */

a, a img {
text-decoration: none;
border: 0;
color: #136499;
}
a:hover, a:focus {
text-decoration: underline;
}
a#right {
float: right;
}
img {
border-style: none;
}


/* listes ul et ol */

ul {
text-align: left;
}


/* flottement */

div#apres-float {
clear: left;
clear: right;
margin: 0;
}

/* 
=====================
   1. En-tete
===================== */

img#en-tete {
width: 920px;
border-bottom: 1px solid gray;
}
img#left {
float: left;
margin-right: 5px;
}

/* 
=====================
   2. Pied de page
===================== */

div#webmaster {
margin-top: 10px;
padding: 5px;
background-color: #17364b;
color: white;
}
div#webmaster a {
color: white;
}
p.superpose-left {
margin: 0;
float: left;
}
p.superpose-right {
margin: 0;
float: right;
}

/* 
=====================
   3. Menus
===================== */

ul.menu {
list-style-type: none;
text-align: left;
}
ul.menu li a {
font-size: 1.2em;
font-weight: normal;
color: #17364b;
}
 
/* Menu en-tete */

#topmenu {
clear: both;
}
#topmenu a {
text-decoration: none;
}

/* Menu rapide (haut) */

#nav {
margin-top: 7px;
float: left;
border: 3px solid #17364b; !important (relief en-tete);
}
#nav.right {
float: right;
border: none;

}
ul.menu#rapide li {
display: inline;
text-align: center;
font-size: 1em;
}

ul.menu#rapide a {
color: #17364b;
}
ul.menu#rapide li a#page-actuelle {
background: #558fbf;
color: white;
border: 2px solid #17364b;
}

ul.menu#rapide a:hover, ul.menu#rapide a:focus {
background: #558fbf;
color: white;
text-decoration: none;
}


/*Menu Skip */

ul#menu-skip {
clear: left;
float: left;
position: relative;
margin: 0;
padding: 0 0 0 0.8em;
}
ul#menu-skip li {
margin: 0;
padding: 1em 0 0 0;
/* font-weight: bold;*/
}
 
 
/* Menu liste */

ul.menu#liste {
clear: left;
float: left;
position: relative;
top: 20px;
width: 250px;
}
ul.menu#liste li a {
display: block;
width: 200px;
height: 20px;
margin: 0px 5px 1px 5px;
border: 5px solid #558fbf;
background: #558fbf;
text-align: left;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
ul.menu#liste li a:hover {
background: white;
border: 5px solid #17364b;
text-decoration: none;
color: #17364b;
font-weight: bold;
}
ul.menu#liste li a:focus {
text-decoration: none;
color: #17364b;
background: white;
border-color: #17364b;
}
ul.menu#liste li a:active {
color: #17364b;
background: white;
border-color: #17364b;
}


 
 /* 
=====================
   4. Contenu
===================== */

div#content {
width: 100%;
text-align: center;
}	
#content a, #content a p {
text-decoration: underline;
}
p.centre {
width:620px;
margin:auto;
}
p.retour {
text-align: right;
}
p.legende1 {
font-weight: bold;
font-size: 0.8em;
}
p.legende {
text-align: center;
font-weight: bold;
}

/* Logo */

img#logo1 {
float: left;
margin-top: 15px;
margin-left: 20px;
}

/* Rubriques */

#rubrique {
width:735px;
margin: 0 auto;
margin-top: 0px;
padding: 0px;
background: white;
color: #17364b;
}
#rubrique.premier-right {
margin: 0;
padding: 0;
width:650px;
float: right;
}
#rubrique.centre, #rubrique.large, #rubrique.soutiens {
border-top: 1px solid #17364b;
}
#rubrique.centre {
width:735px;
}
#rubrique.large {
width:100%;
margin-top: 30px;
}
#rubrique div {
margin: 1em 0;
}
#rubrique.soutiens div {
margin: 5px 0 0 0;
}


/* Colonnes */

div#colonnes {
width: 80%;
margin: 2em auto;
color: #17364b;
}
div#colonne1, div#colonne2 {
background: white;
width: 47%;
}
div#colonne1 {
float:left;
}
div#colonne2 {
float: right;
}
div#colonnes a img {
margin-top: 10px;
width: 98%;
padding: 0.3em;
background-color: #17364b;
border: none;
}
#cadre-contact div#colonne1 {
width: 60%;
}
#cadre-contact div#colonne2 {
width: 40%;
}
#rubrique.soutiens {
width: 100%;
}
#rubrique.soutiens div#colonne1 {
width: 40%;
}
#rubrique.soutiens div#colonne2 {
width: 60%;
}


/* Images */

div#img-droite {
float: right;
}
div#img-droite img {
margin-left: 6px;
margin-bottom: 6px;
width: 300px;
}
#rubrique.soutiens div#colonne2 img {
float: right;
width: 95%;
}
img#fig1, img#fig2, img#fig3, img#organigramme, img#SNO-IR  {
width: 100%;
}



/*
=================
=================
=================

/* IE 7 */
#header_right {

}
.menubox {
*position: relative !important;
}
#tagline {
*padding: 1px !important;
*margin-bottom: 0px !important;
}
.niveau1 li, .menubox li {
*list-style-image: none !important;
*list-style: none !important;
}
#header_right #rightbox {
*top: 24px;
}
#header_right #search_wrapper {
*width: 182px;
*height: 36px;
/**height: 25px;*/
}
#header_right #lang {
    /**height: 20px;*/
    *width: 171px;
}
#header_right #tools {
    *text-align: left;
}
#header_right #search_wrapper input[type='text'] {
    *width:150px;
}
#header_right #searchbutton {
font-size:11px;
}
#topmenu {
    *padding-top: 0px;
}
.greyback .gright td {
    *padding-left: 10px;
}

/*#content {*/
/*}*/

/*#rightmenu, #leftmenu {*/
/*    display: none;*/
/*}*/
.content-question .block label {
	display: block;
}

.sitemap ul {
    *margin-left: 0;
    *margin-top: 0;
}
.browse .article {
    *padding-bottom: 5px;
}
.title_wrapper {
    *height: 32px;
}

.browse .title_wrapper  {
*height: 42px;
}

/* Safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0){
                #header_right #rightbox {top: 25px;}
		#header_right #search {width: 171px; height: 35px;}
		#topmenu {padding-top: 0px;}
		#tools {text-align: left;}
		#search input[type='text'] {width: 135px;}
		#tagline {margin-top: 0px !important;}
}

/*
 * Blockquote (custom tag : citation)
 *
 */

div.object-right blockquote
{
  background-color:#f7f7f7;
  padding:0.5em;
  font-style:italic;
}

div.object-right blockquote p
{
  display:inline;
  padding-left:19px;
}

div.quote-design
{
  padding-bottom:19px;
}

div.quote-begin
{ 
    background-image: url(../images/quote-up.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 0 0.2em 0.2em 0;
    width: 16px;
    height: 16px;
}

div.quote-end
{ 
    background-image: url(../images/quote-down.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0.2em 0 0 0.2em;
    float: right;
    width: 16px;
    height: 16px;
}

#rightmenu .menubox li {
    margin-bottom:0.5em;
}

#allnews {
  display:block;
  position:absolute;
  top:15px;
  right:0;
  z-index:200;

}