html
{
background-color:#ddc44c;
}
body {font-size:76%;
font-family:"trebuchet MS", verdana, arial, sans-serif; 
word-wrap:break-word;
background-color:#9b8106;
background-repeat:no-repeat;
padding-top:10px;
padding-bottom:10px;
}

#en_tete
{
width:950px;
margin:auto;
}
#en_tete_gauche
{
float:left;
height:117px;
}
#en_tete_centre
{
float:left;
height:126px;
width:630px;
}
#en_tete_centredroit
{
float:right;
}


.colonne1 {float:left; width:30%; min-height:270px; border:double #694610; background-color:#ddc44c;}
.colonne1 a, .colonne2 a, .colonne3 a {color:black;}
.colonne2 {float:left; width:30%; min-height:270px; border:double #694610; background-color:#ddc44c; margin-left:3%;}
.colonne3 {float:right; width:30%; min-height:270px; border:double #694610; background-color:#ddc44c; margin-right:3%;}
/*.colonne1, .colonne2, .colonne3 {padding-bottom:32767px; margin-bottom:-32767px;}*/
.colonne_centre{clear:both;border:double #694610; background-color:#ddc44c; padding:10px;margin-bottom:20px;margin-right:3%; text-align:justify;}

#general {overflow:hidden; width:100%; margin-top:10px;}
#colonne_menu{float:left;width:20%;padding-top:10px;padding-bottom:10px;}
#corps{float:right;width:80%; margin:auto; font-family:"Comic Sans MS",Verdana,Arial;}



h1 {font-size:20px; margin:0; padding:10px 0; color:#660E20; padding-left:10px; font-variant:small-caps; font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:18px; margin:0; padding:8px 0;font-family:Arial, Helvetica, sans-serif;}
.contenu {padding:10px;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}

.voirtout
{
font-size:10px;
color:#660E20;
margin-left:12%;
position:absolute;
top:390px;
}
.voirtout a
{
text-decoration:none;
color:#660E20;
}

hr
{
visibility:hidden;
clear:both;
}
#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

/* Pour le menu */

.menu { width:132px; position:relative;float:left;z-index:25; margin:auto; }
#menu1{/*background-color:#556a33;/*border: double #694610;*/ width:80%; margin:auto; }
#menu2{background-color:#556a33;border: double #694610; width:80%; margin:auto; padding-top:10px;padding-bottom:10px; margin-top:10px;}
#menu2 li a{color:#fffad1;}
#menu3{border: double #694610; width:80%; margin:auto; padding:3px; margin-top:10px;}
#menu4{border: double #694610; width:80%; margin:auto; padding:3px; margin-top:10px;}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }

.menu li {margin:0; padding:0; list-style:none; }
.menu li {display:inline;}

.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      color: #fff; 
      width: 200px; 
      font: 1.2em "Trebuchet MS", sans-serif; 
      } 
   .navigation a{ 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: url(menu-item.png) left bottom no-repeat; 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu a{ 
      font-size: .8em; 
	  background-image:none;
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul{ 
   	  list-style-type: none;
      background: none; 
      padding: 3px 10px; 
	  }
	  .navigation li{
	  margin-bottom:3px;}
.menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/* Les pages contenant les articles*/
.article
{
background-color:#ddc44c;
width:90%;
margin:auto;
margin-bottom:20px;
padding:10px;
border: double #694610;
min-height:500px;
}
/*les pages contenant la liste des articles et de leur 'résumé' (i.e. A-la-Une.php,...)*/
.article_mini
{
background-color:#ddc44c;
width:90%;
margin:auto;
margin-bottom:10px;
padding:10px;
border: double #694610;
}
.article_mini a
{
text-decoration:none;
}
.article_mini  h2 a
{
text-decoration:none;
color:#660E20;
font-variant:small-caps;
}
.article_mini:hover
{
background-color:#f8dd5a;
}

.suite a
{
font-size:10px;
color:white;
text-decoration:none;
}
.note
{
font-size:10px;
font-variant:normal;
}


/* Pour l'accueil de la galerie photos */
#vignette {
	width:100%;
    margin: auto ;
	margin-left:5%; 
    padding: 0 ; 
    list-style-type: none ; 
}

#vignette li {
   float: left ; 
    width: 150px ; 
    border: double #694610;
    margin-right: 5% ; 
    margin-bottom:10px;
	font-size:18px;
	font-variant:small-caps;
   }
#vignette li a {
    display: block ; 
   	line-height: 1em ; 
    padding: 4px 0 ; 
    text-align: center ; 
	font-size:18px;
	font-variant:small-caps;

}
#vignette li img {
	margin-left:22%;
	padding-bottom:10px;
}
/* Pour les galeries */


#global_galerie h3 {
text-align:center;
color:#fff;
margin-top:0;
padding:15px 10px 0 10px;
}

#galerie_mini {
text-align:center;
list-style-type:none;
margin-left:0;
padding-left:0;
}
#galerie_mini li {
display:inline;
}

#serie_nav {
clear:both;
font-size:.9em;
color:#fff;
margin-left:-10px;
margin-bottom:0;
padding:15px 0 20px 20px;
background:url(images/left_bottom_vignette_gris.png) no-repeat left bottom;
}
#serie_nav a {
color:#fff;
}
/* Pour la liste des membres du comité */
.fonction
{
font-size:20px; 
margin:0; 
padding-left:10px; 
padding-bottom:0px;
color:#660E20; 
font-variant:small-caps;
font-weight:bold;
}
.capitales
{
font-variant:small-caps;
font-size:18px;
}
.trombinoscope
{
font-size:14px;
}
.trombinoscope .fonction
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}

/* Pour le formulaire de contact */
.message
{
width:600px;
margin:auto;
}
.en-tete_message
{
margin-top:20px;
border:double #694610;
padding:10px;
}
.message_complet
{
border:double #694610;
margin-top:10px;
padding:10px;
}
.message .medium input
{width:300px;}
.message .large input
{
width:400px;
}
.texte
{
width:98%;
}

/*Pour l'annuaire */
.etablissement h2
{
margin-bottom:0;
}
.etablissement .image
{
float:left;
width:120px;
border: double #694610;
}
.etablissement .contenu_centre
{
float:left;
width:55%;
min-height:200px;
margin-top:-25px;/*Remonte le titre au niveau du sommet de l'image*/
text-align:justify;
padding:5px;
}
.etablissement .contenu_droit
{
float:right;
width:25%;
}
.etablissement h2
{
color:#660E20;
font-variant:small-caps;
}
.picto
{
border:1px solid #660E20;
margin-right:2px;
}
/* Pour le pied de page */

#footer {clear:both; background-color:#556a33;border: double #694610;width:95%; margin:auto; padding-top:10px;padding-bottom:10px; margin-top:10px; }
.pages_footer
{
width:100%; 
margin:auto;
}