@charset "utf-8";
/* CSS Document */

body
{
width:900px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-color:#ED9900;
}

#banniere1
{
width:250px;
height:100px;
background-image: url(Images/banniere1.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:left;
}

#banniereaccueil
{
width:900px;
height:176px;
background-image: url(Images/logo.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:left;
}

#banniere2
{
width:640px;
height:100px;
background-image: url(Images/banniere2.jpg);
background-repeat:no-repeat;
float:right;
}

#banniere3
{
width:640px;
height:100px;
background-image: url(Images/banniere3.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#banniere4
{
width:640px;
height:100px;
background-image: url(Images/banniere4.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#banniere5
{
width:640px;
height:100px;
background-image: url(Images/banniere5.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#banniere6
{
width:640px;
height:100px;
background-image: url(Images/banniere6.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#banniere7
{
width:640px;
height:100px;
background-image: url(Images/banniere7.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#banniere8
{
width:640px;
height:100px;
background-image: url(Images/banniere8.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
float:right;
}

#corps
{
float:left;
width:888px;
background-color: #ffcf6e;
border:1px solid #000;
padding:5px;
}

.drapeau1
{
padding:5px;
}

.drapeau2
{
float:left;
}

.menu
{
float:left;
width:150px;
}

#pied
{
   width:898px;
   float:left;
   bottom:50px;
   background-image:url(button1.gif);
   background-repeat:repeat-x;
   	border:1px solid #000;
border-width:thin; 
border-bottom:1px solid #444;
color:#FFFFFF;
}

a
{
   text-decoration: none;
   color: #4B5C76;
   font-weight:600;
}

a img { border: 0px; }
 
.imagegauche
{
margin-left:15px;
float:right;
}

.imagegauche2
{
padding-right:20px;
padding-left:10px;
float:right;
}

.imagedroite
{
margin-right:15px;
float:left;
}

.imageaccueil
{
margin-right:15px;
padding-left:75px;
}


.texte
{
width:700px;
float:right;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
border: 1px solid #CC6600;
}

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 150px;
      font: 0.9em "Trebuchet MS", sans-serif;
	  float:left;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(menu-item.png) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(menu-item-deroule.png);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #CC611A url(subMenu.png) 0 0 repeat-x;
      font-size: .8em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid  #000000;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;  
	   } 
ul {
list-style-type: none;
}

.texteaccueil
{
border:1px solid #000000;
}

.texteaccueilbis
{
border:1px solid #000000;
float:right;
width:375px;
}

.texteactivites
{
border:1px solid #000000;
padding:5px;
text-align:center;
font-variant:small-caps;
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
background-color:#FFFF99;
}

.texteactivitesbis
{
width:375px;
border:1px solid #000000;
padding:5px;
text-align:center;
font-variant:small-caps;
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
background-color:#FFFF99;
float:right;
}

.texteactivites2
{
border:1px solid #000000;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color:#FFFF99;
}

.texteactivites4
{
border:1px solid #000000;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color: #FFFFCC;
}

.texteactivites4bis
{
border:1px solid #000000;
width:400px;
margin-left:100px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color: #CCCCCC;
}

.texteactivites3
{
border:1px solid #000000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
background-color: #D76B00;
}

.texteactivites3bis
{
width:375px;
border:1px solid #000000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
background-color: #D76B00;
float:right;
}

.texteactivites3ter
{
width:375px;
border:1px solid #000000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
background-color: #ffcf6e;
float:right;
}


.texteactivites3ter
{
width:365px;
border:1px solid #000000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: medium;
background-color: #D76B00;
float:right;
}

.don
{
border:1px solid #000000;
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: small;
background-color: #FFFF99;
}

.don2
{
border: dotted; 
padding:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: small;
}

.imagebibliotheque
{
float:left;
padding-left:10px;
padding-right:10px;
}

.imagebibliotheque2
{
float:right;
padding-left:10px;
padding-right:10px;
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #CC6600; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-family:Arial, Helvetica, sans-serif;
   font-size:small;
   
}

th /* Les cellules d'en-tête */
{
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid #993300;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.td /* Les cellules normales */
{
   border: 1px solid #993300;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.imagelangue
{
padding:15px;
margin-left:5px;
margin-right:5px;
}