/*  ===================== General ===============*/
body
{ 
   width: 1000px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; 
   margin-bottom: 20px;  
   background-image: url(../images/cloth023.jpg);
}

#en_tete
{
   width: 700px;
   height: 300px;
   background-image: url("../images/clem.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}




a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
    color: green;
}
a /* Lien normal */
{
   text-decoration: none;
   color: blue;
   font-style: bold;
}

.sub
{
   vertical-align:sub;
}

.sup
{
  vertical-align:super;
}

.bordure
{
   border:1px solid black
}

.bordure-orange
{
   border:2px solid #f18a2a;
}


/*================Menu======================*/

#menu
{
   width: 220px;
   background-image: url(images/content.gif);
   background-position: left;
   background-repeat: no-repeat;
}


.element_menu
{
   background-image: url(../images/content.gif);
   background-repeat: repeat-y;
   border: 2px solid #00087c;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}   

.element_menu h3 /* Tous les titres de menus */
{    
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   background: #00087c;
   color: white;
   font-weight: bold;
   padding-right:10px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("../images/yl_ball.gif"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px;
   padding-right:10px; 
   margin-left: 10px; 
   margin-bottom: 5px; 
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: blue;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}

/*============le corps =============*/

#corps
{
   margin-bottom: 20px;
   padding: 20px;
   color: black;
   background-image: url(../images/content.gif);
   background-position: left;
   background-repeat: repeat-y; 
   border: 2px solid  #00087c;
}

#corps h1 /* Tous les titres h1 du corps */
{
     color: #f4a600; 
     background: url(../images/h1.gif) no-repeat bottom left;
     font-size: 1.5em; 
     font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
     padding-left: 20px;
}


#corps h2 { 
	color: #f4a600;
	font-size: 1.2em;
	background: url(../images/h2.gif) no-repeat bottom left;
        padding-left: 20px;
}
#corps h2 a { 
	color: #f4a600;
	font-size: 1em;
}
#corps h3 { 
	color: #817cb6; 
	font-size: 1em;
	background: url(../ges/h3.gif) no-repeat bottom left;
        padding-left: 20px;
}
#corps h3 a { 
	color: #817cb6;
	font-size: 1em; 
}

#corps h4 { 
	color: #817cb6; 
	font-size: 1em;
	background: url(../images/h4.gif) no-repeat bottom left;
        padding-left: 20px;
}
#corps h4 a { 
	color: #817cb6;
	font-size: 1em; 
}
#corps h5 { 
	color: #817cb6; 
	font-size: 1em;
	background: url(../images/h5.gif) no-repeat bottom left;
        padding-left: 20px;
}
#corps h5 a { 
	color: #817cb6;
	font-size: 1em; 
}

/*===========Tables==============*/

/* green-table */
/*-------------*/

.green-table  caption /* Titre du tableau */
{
   margin:auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: white;
   background: #006600;
}

.green-table table
{
   margin:auto;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background:#e8f1d9;
   margin-bottom:20px;
}

.green-table td
{
   border: 1px solid  #006600;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; 
}

/* blue-table */
/*-------------*/

.blue-table  caption /* Titre du tableau */
{
   margin:auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: white;
   background: #00087c;
}

.blue-table table
{
   margin:auto;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background:#c0cbf1;
   margin-bottom:20px;
}

.blue-table td
{
   border: 1px solid #00087c;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; 
}

/* orange-table */
/*-------------*/

.orange-table  caption /* Titre du tableau */
{
   margin:auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: white;
   background: #f18a2a;
   margin-bottom:3px;
}

.orange-table table
{
   margin:auto;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background:#f1c599;
   margin-bottom:20px;
}

.orange-table td
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; 
}

/* table with border */
/*-------------------*/

.table-with-border table
{
   border-collapse: collapse;
}

.table-with-border td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;
}


/*===========Table for authors page=============*/
	
#authors caption /* Titre du tableau */
{
 
   font-weight: bold;
   font-size: 1.2em;
   color: white;
   background:#042ae7;
}

#authors table /* Le tableau en lui-même */
{
   font-family: Arial, Times, "Times New Roman", serif;
   border-collapse: collapse; /* Colle les bordures entre elles */
   background:#bcc3e7;
   margin-bottom:20px;
}




#authors td /* Les cellules normales */
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; 
}

/*==================images================*/

#causality-img p
{
   width: 700px; /* On a indiqué une largeur (obligatoire) */
   border: 2px solid #00087c;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   margin-top:20px; 
   background:#adb0c9;
}

#clem_board-img p

{
   width: 900px; /* On a indiqué une largeur (obligatoire) */
   border: 2px solid #00087c;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px; 
   background:#adb0c9;
}

#observer-img p

{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 2px solid #00087c;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px; 
   background:#adb0c9;
}

/*========Print Code =====*/

.code-print pre
{
   width: 500px;
   padding:10px;
   margin:auto;
   border: 2px solid black;
   background:#d5d5d5;
}

/*==========Colors=======*/

.color-blue
{
  color: #00087c;
}

.color-red
{
  color:#c51906;
}

.color-green
{
  color:#257419;
}

/*============Round box===========*/

/*-------------lavande bg (100%)

/* set millions of background images */
.rbroundbox1 { background: url(../round-images/bnt.gif) repeat; }
.rbtop1 div { background: url(../round-images/btl.gif) no-repeat top left; }
.rbtop1 { background: url(../round-images/btr.gif) no-repeat top right; }
.rbbot1 div { background: url(../round-images/bbl.gif) no-repeat bottom left; }
.rbbot1 { background: url(../round-images/bbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent1 { margin: 0 7px; }
.rbroundbox1 { width: 100%; margin: 1em auto; }

/*-------------pink bg (75%)

/* set millions of background images */
.rbroundbox2 { background: url(../round-images/pnt.gif) repeat; }
.rbtop2 div { background: url(../round-images/ptl.gif) no-repeat top left; }
.rbtop2 { background: url(../round-images/ptr.gif) no-repeat top right; }
.rbbot2 div { background: url(../round-images/pbl.gif) no-repeat bottom left; }
.rbbot2 { background: url(../round-images/pbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 75%; margin: 1em auto; }


/*-----------orange bg (50%)

/* set millions of background images */
.rbroundbox-fifty { background: url(../round-images/nt.gif) repeat; }
.rbtop div { background: url(../round-images/tl.gif) no-repeat top left; }
.rbtop { background: url(../round-images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../round-images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../round-images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-fifty { margin: 0 7px; }
.rbroundbox-fifty { width: 50%; margin: 1em auto; }

/*-----------orange bg (100%)

/* set millions of background images */
.rbroundbox { background: url(../round-images/nt.gif) repeat; }
.rbtop div { background: url(../round-images/tl.gif) no-repeat top left; }
.rbtop { background: url(../round-images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../round-images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../round-images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }