/***** CSS Patrick Hamy - kit-site-web-simple-color-a-1.0 *****/
/* 
kit-site-web-simple-color-a-1.0 développé et proposé par : Patrick HAMY - 08-12-2008 -
Site: http://www.patrickhamy.net/
Licence : (Creative Commons) http://creativecommons.org/licenses/by-nc/2.0/fr/
Le script peut être modifié et proposé, à condition de ne pas enlever 
les mentions et liens correspondant à son origine, afin que d'autres Internautes puissent en bénéficier ! 
Le script est gratuit et doit impérativement le rester !
kit-site-web-simple-color-a-1.0, est proposé à télécharger, Valide W3C xhtml 1.0 strict | CSS 3
*/
/*
Copyright (C) HAMY Patrick

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 
*/
body /*fond de page global*/
{
	 font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	 font-size:0.8em;
	 margin:0;
	 color: black;
	 background:url('../images/bg3.png') repeat-x;
	 background-color: #F5FFE6;
}

#banniere
{
	 text-align:center;
	 margin-top:0px;
	 margin-bottom:15px;
}

a img
{
     Border:none;
}

label /* Alignement des champs du formulaire de contact */
{ 
     display:block;
     width:200px; //150px;
     float:left;
     font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
    // background-color: #ECF1F4; sert a mettre une sorte de surlignage
     font-size:1em;
     color: #2C485C;
     font-weight: bold;
}

textarea
{corp
     color: black;
	 background-color: #F1F5F8;
}

input
{
     color: black;
	 background-color: #F1F5F8;
}

.nbr
{
     color: red;
	 background-color: #CCCCCC;
}

.quest
{
     color: red;
	 background-color: #CCCCCC;
}

#menu
{
	 float: left;
	 width: 13%;
	 margin-left:0.5%;
	 margin-right:0.5%;
	 max-width: 168px;
	 margin-top: 15px;
		
}

#menu .corpsmenu 
{
	 background-color:#ECF1F4;
	 color: #000000; // #0B7DAE; correspond au puce
	 padding: 0;
	 margin: 0px;
	 margin-bottom:10px;
	 border: 1px solid #848686;
}

#menu h5
{
	 line-height: 20px;
	 margin: 0;
	 padding-top: 6px;
	 padding-bottom:4px;
	 vertical-align: bottom;
	 color:#2C485C;
	 background-color:#D6E3EA;
	 background: url('../images/haut_menu.png') no-repeat;
	 border-right:0px solid rgb(150,153,154);
}

h5  
{
     text-align: center;
     background-color:#35769E;
     color:#2C485C;
}

#news /* Emplacement du bloc news ou autre (position centrée) */
{
     text-align: center;
     background-color: #ECF1F4;
	 font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	 font-size: 1em;
     color: #000000;
}

#menu ul
{
	 list-style-type: circle;
	 list-style-position: inside;
	 padding: 0;
	 margin-left: 5px;
}

#menu ul ul
{
	 padding: 0;
	 margin-left: 20px;	
}

#menu a 
{
    text-decoration: none;
    background-color:#ECF1F4;
    color: #000000 ; //#0B7DAE; correspond a l'ecrture menu gauche
    font-style: normal;
}

#menu a:hover 
{
    text-decoration: underline; 
    color: #E34405;
    background-color:#ECF1F4; 
}

#corps
{
	width: 83%;
	max-width: 83%;
	background-color: #edfba2; //valeur dorigine ECF1F4
	color: black;
	padding: 5px;
	padding-bottom:25px;
	overflow:hidden;
	float: right;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	
}

#corps2 
{
	width: 99%;
	max-width: 99%;
	background-color: #edfba2; //valeur dorigine ECF1F4
	color: black;
	padding: 5px;
	padding-bottom:25px;
	overflow:hidden;
	float: center;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	
}
#corps a 
{
    text-decoration: none;
    background-color:#ECF1F4;
    color: #0B7DAE;
    font-style: normal;
}

#corps a:hover 
{
    text-decoration: underline; 
    color: #E34405;
    background-color:#ECF1F4; 
}

html>body #corps
{
	width:84%;
}
 
h3 /* la barre de fond du haut des pages */
{
    color: #2C485C;
    text-align: center; //left;
    background: silver;
    background: url(../images/h_corps.png) repeat-x; /*no-repeat;*/
	font-size: 16px;
}
h7 /* la barre de fond du haut des pages */
{
    color: #2C485C;
    text-align: center; 
    background: silver;
    background: url(../images/h_corps.png) repeat-x; /*no-repeat;*/
    font-size: 20px;
}

/* Pied de page */
#pied_de_page1
{
	background:url('../images/pied2.png') repeat-x;
	background-color: #024979;
	padding: 5px;
	margin: 0px 5px 8px;
	width:100%;
	max-width: 100%;
	float: right;

}
#pied_de_page
{
	clear: both;
	background:url('../images/pied2.png') repeat-x;
	background-color: #024979;
	padding: 5px;
	margin: 0px 5px 8px;
	width:100%;
	max-width: 100%;
	float: right;
	text-align: center;
	color : black;
}

#pied_de_page a 
{
    text-decoration: none;
    background: transparent;
    color: #B2B2B2;
    font-style: normal;
}

#pied_de_page a:hover 
{
    text-decoration: underline; 
    color: #B2B2B2;
    background-color:transparent; 
}

.footerm /* Licence contitions d'utilisation par l'auteur du script ( Liens à ne pas enlever ) */
{
    text-align: right; 
    font-family: verdana, Georgia, "Times New Roman", serif;
    color: gray;
    background-color: transparent; /* #024979 */
    font-size: 80%;
    text-decoration: none;
}


.w3c /* Validation W3C */
{
	color: gray;
	background-color: #F4F9FD;
	font-size: 0.9em;
	margin: 0px;
	float: left;
}

.statsxiti /* Statistique XITI ( http://www.xiti.com/ ) */
{
	padding-left: 265px; /* Pour centrer l'image-lien du code XITI vous augmentez ou diminuez le nombre de pixels */
	float: left;
}

/***** CSS Patrick Hamy - Web agency - Menus Horizontal *****/

div#menu_horizontal {
    list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	color: #000000;
	height: 25px;
	background-color: #D6E3EA; /* rgb(244, 249, 253) */
	border: 1px solid rgb(158,160,161);
}

div#menu_horizontal ul {
    list-style-type : none;
    margin : 0;
    padding : 0;
}

div#menu_horizontal li {
    padding : 0 0.5em; 
    line-height : 25px;
}

div#menu_horizontal li.lien_left {
    float: left;
    border-right : 1px solid rgb(158,160,161);
}

div#menu_horizontal li.lien_right {
  	float : right;
	border-left : 1px solid rgb(158,160,161);
}

div#menu_horizontal a {
    color : black;
    background-color: #D6E3EA; /* rgb(244, 249, 253) */
    text-decoration : none;
    padding : 0 0.5em;
    font :  0.9em "Trebuchet MS", serif;
}

div#menu_horizontal a:hover {
    text-decoration : underline;
}

div#menu_horizontal a img {
    border : none;
    padding :  0 0.3em;
}