/*CONCERNE : LE CSS POUR L'ENSEMBLE DES PAGES*/
body
{
overflow:auto;
text-align:center;
font-family:arial,times,verdana,sans-serif;

color:black;
background-color: #E3DDBB;
background-image: url("image/kaki.gif")
}

html {font-size: 100%;} 
body {font-size: .9em;}

div#contenu
{
position:relative;
top:20px;
margin-left:5%;margin-right:5%;
padding: 20px;
text-align:center;
border: 5px solid #800040;
}

.spacer
{
clear: both;
}

div#cadre	
{ 	
border-style : solid;
border-width : 10px;
border-color : red black black red;
padding : 2px;
margin-right : 10% ;
margin-left : 10%;
margin-top: 10px;
margin-bottom: 10px;
}

.flgauche 
{
float:left;
width:8%;
}

.fldroite 
{
float:right;
width:8%;
}

.vershome
{
margin-left: 45%;
margin-right: 45%;
}

div#pied
{
position:relative;
margin-left:auto;margin-right:auto;
text-align:center;
padding-top : 15px;
}

img
{
border : 0 ;
}

p
{
font-family : arial, times, verdana, sans-serif; 
margin-right : 8%;
margin-left : 8%;
text-align : justify;
}

h1	
{ 	
font-family : arial, times, verdana, sans-serif;
text-align : center;
background-color : transparent;
color:#800041;
}

h2	
{ 	
font-family : arial, times, verdana, sans-serif;
text-align : center;
}

h3	
{ 	
font-family : arial, times, verdana, sans-serif;
text-align : center;
}

h4	
{ 	
font-family : arial, times, verdana, sans-serif;
text-align : center;
}

h5
{
font-family : arial, times, verdana, sans-serif; 
font-size:1em;
font-style : italic;
margin-right : 8%;
margin-left : 8%;
text-align : justify;
}

h6	
{ 	
font-family : arial, times, verdana, sans-serif;
font-size:1em;
font-weight: 300;
text-align : center;
margin-right : 15%;
margin-left : 15%;
}



/*CONCERNE : LA PAGE D'INTRO ET MENU*/

div#fondtitre /*Fond rectangulaire de couleur pour GM-NEWS*/
{
position:relative;
width:60%;height :100%;
margin-top : 15px;
margin-left:auto;margin-right:auto;
text-align :center;
background:#800040;
}

.boutonmenu a
{
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold;
  text-align: center;
  padding:1px;
  border: 7px outset #c0c0c0;
  display: block;
  width:100%;
}
.boutonmenu a:hover
{
  background-color: #800040;
  border: 7px inset #c0c0c0;
}

div#vignetteecu
{
position:relative;
width:130px;height :130px;
margin-left:auto;margin-right:auto;
text-align :center;
}

div#colonnea 
{
float: left;
width: 30%;
}

div#colonneb 
{
float: right;
width: 70%;
}

/*CONCERNE : LA PAGE ECUSSONS*/

div#corps1 
{float:left;width:20%;}
div#corps2 
{float:left;width:20%;}
div#corps3 
{float:left;width:20%;}
div#corps4 
{float:left;width:20%;}
div#corps5 
{float:right;width:20%;}














div#colonnex 
{
float: left;
width: 33%;
}

div#colonney 
{
float: right;
width: 33%;
}

div#centre 
{

margin-left: 10px;
margin-right: 10px;
}