/* Design du Site de Kizellan  largeur adaptable
Réalisé par Claude Le Flao postmaster@kizellan.fr
<lien url="http://www.kizellan.fr">
*/
body

{width: 90%;
font-family: sans-serif;
font-size:small ;
margin:  0 auto; /*centage du bloc*/
padding: 0;
color: #362;
}
/* En-tête */
 
#en_tete img
{width: 100%;
}
#en_tete h1
{/*masquage de l'entete qui doublonne avec le bandeau*/
text-indent: -50000px;
line-height: 0;
margin: 0;
}
/* menu */
ul#menu
{
margin: 0 auto; /*centage du bloc*/
padding: 0.5em 0 0;
text-align: center;
}
ul#menu li
 {display: inline;
}
ul#menu a
 {display: table-cell;
display: inline-block;
margin: 0 0.2em 0.5em;
width: 10%;
padding: 0.5em 0;
color: #63c144;
text-decoration: none;
background: #362;
vertical-align: bottom;
}
ul#menu a:hover ,ul#menu a:focus
 {background: #63c144;
color: #362;
}
ul#menu a:active
 {background: #a144c1;
color: black;
}
ul#menu a:visited
 {background: #4c9532;
font-style: italic;
color: #362;
}
/*corps*/
#corps
{margin-top: 0 ;
margin-bottom: 1em;
padding-top: 0.5em;
}
#corps a
{color: #362;
font-weight: bold;
}
#corps a:hover
{color:black;
}
#corps a:visited
{font-style: italic;
}

/*centre*/
#centre
{text-align: center;
padding-bottom: 20px;
width:  50%;
margin: 0 auto;

}
#centre h2
{padding-top: 50px;
}
#centre table
{margin: 0 auto;
}
#centre img
{border: 0 none;
}
#centre h3 
{text-align: left;
}
/*centre 2*/
#centre2
{text-align: center;
width:  100%;
}
#centre2 table
{border: 0 none;
margin: 0 auto;
}
#centre2 table td
{padding: 0 2%;
}
#centre2 img
{border: 0 none;
}
/*centre3*/
#centre3
{text-align: Justify;
padding-bottom: 20px;
width:  50%;
margin: 0 auto;

}
#centre3 h2
{padding-top: 50px;
text-align: center
}
#centre3 table
{margin: 0 auto;
}
#centre3 img
{border: 0 none;
}
#centre3 h3 
{text-align: Center;
}


/*gauche*/
#gauche
{width :54%; 
padding: 1em 1em 1em 3em;
}
#gauche h2
{text-align: center;
margin-bottom: 2em;
}
 #gauche p , #gauche h3, #gauche h4
 { text-align: justify;
 text-indent: 2em
}
#gauche h5
{text-align: center;
}
.icone
{border:0px;
text-decoration: none}

/*droite*/
#droite
{float : right;
width : 35%;
padding-top:10em;
text-align: center;
}

/*cadre*/
#cadre
{padding:1em ;
text-align: justify;
 text-indent: 2em;
 border: 1px solid #362;
}

/*barre basse*/
#barre-basse
{clear: both;
font-size: x-small ;
text-align: center;
padding:0 3em 0;
}
#barre-basse img
{border: 0 none;
}
#barre-basse table
{margin: auto;
width: 80%;
}
#barre-basse tr
{height: 35px;
}

/*pied de page */
#pied_de_page
{clear: both;
margin:5em 20em 0;
font-size: x-small ;
text-align: center;
border: 1px solid #362;
}
#pied_de_page a
{text-decoration: none;
color: #362;
}
#pied_de_page table
{margin: auto;
width: 80%;
}

/*class*/
.liste 
{text-align: center;
line-height: 2em
}
.sousligne
{text-decoration: underline;
}
.separation
{Width: 300px;
height:4px;
border: 0;
color: #362;
background-color: #362;
margin-top: 40px;
margin-bottom: 30px;
}
.separation-courte
{Width: 50px;
height:4px;
border: 0;
color: #362;
background-color: #362;
margin-top: 30px;
margin-bottom: 20px;
}
.centre
{text-align: center;
}