body , html{
	/*  Les margin, les scrolls, et la hauteur sont les seuls propriétés a redefinir dans le body   */
	font: 11px/20px arial; 
	color: #555753; 
	margin : 0px 0px 0px 0px;
	height:100%;
	scrollbar-base-color:#767676;
	background-color:#767676;
}
td{
	font: 11px/20px arial; 
	color: #767676;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.07em;
}
*html td{
	letter-spacing: 0.05em;
}
#container{	
	width:100%;
	height:100%;
	text-align:center;
}
#table_charte{
	/*  Définir ici ce que vous mettiez auparavant dans la balise table */
	/*  Dans la page HTML, quand vous voulez vous servir de ce style pour votre tableau faites comme ceci : */
	/*  <table id="table_charte">   */
	height:100%;
	min-height:100%;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	/*  pour un site centré utilisez les propriétés suivantes*/
	width:900px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	/*  pour un site en 100%, utilisez les propriétés suivantes  
	width:100%;
	background-color:#B0D262;  */
}
#menu{
	float:left;
	width:282px;
	padding:0;
	margin:0;
}
.titre{
	padding:0px 0px 0 330px !important;
	padding:0px 0px 0 320px;
}
#contenu{
	padding:20px 190px 10px 300px !important;
	padding:20px 180px 10px 290px;
	font-size: 11px;
	line-height: 20px;
	/*background-color:tranparent;
	border: 1px solid #000000;*/
}

#td_charte{
	/*  Définir ici ce que vous mettiez auparavant dans la balise td */
	/*  Dans la page HTML, quand vous voulez vous servir de ce style pour votre tableau faites comme ceci : */
	/*  <td id="td_charte">   */	
	height:100%;
	width:100%;
	text-align:left;
	background: url(images/charte/divr_02.jpg) no-repeat top left;
	padding-left:0px;
	padding-right:0px;
}

a{ 
	font-weight: bold; 
	text-decoration: none; 
	color: #767676;
}
a:hover { 
	text-decoration: underline; 
	color: #BA0000;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#ffffff;
	background-image:url(images/charte/bg-h1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:30px;
	padding-bottom:10px;
	border-bottom:1px dashed #ffffff;
}
li{
	list-style-image: url(images/charte/puce01.gif);
	margin-bottom:0px;
}
.rouge{
	color: #BA0000;
	font-weight: bold;
	/*font: 11px/20px arial; 
	font-style: normal;
	letter-spacing: 0.07em;*/
}
#basdepage{
    width:100%;
	height:20px;
	text-align:center;
	background-color:#E7E7E7;
		/*   mettre ici le style que vous voulez définir pour les liens bas de page */
}
.cadre0 {
	width:150px;
	height:auto;
	float:left;
	padding:0 0 10 0px;
	margin: 0;
	text-align:center;
	/*border:1px green solid;*/
}
.adresse{
	/*height: 40px;
	border:1px green solid;*/
	padding-top: 0px;
    line-height:60px;
}

/***************** CADRE FORMULAIRE CONTACT *****************/
.cadre01 {
	width:90px;
	height:auto;
	float:left;
	padding:0;
	margin: 0;
	/*border:1px red solid;*/
}
.cadre02 {
	width:125px;
	height:auto;
	float:left;
	margin:0 10px 0 0; 
    font-size:10px;
    font-family: arial;
	letter-spacing: 0em;
	/*padding:0;
	border:1px BLACK solid;*/
}
/***************** FORMULIARE CONTACT *****************/
.text{
    padding:0 3px 0 10px;
    line-height:22px;
}
.forminput,
.formtextareadress,
.formtextareacomment{
    border:1px #13588D solid;
    padding:0;
    margin:2px;
    font-family: arial;
    font-size:11px;
    color: #13588D;
    background-color:#EFEFEF;
    text-align:justify;
}
.forminput{
    padding:0 3px 0 3px;
    height:15px;
    line-height:18px;
    width:110px;
}
.formtextareadress{
    padding:0 3px 0 3px;
    height:50px;
    width:110px;
}
.formtextareacomment{
	padding:0 3px 0 3px;
	height:50px;
	width:110px;
}
.formbt{
    background-color:#E7E7E7;
    border:1px #13588D solid;
    color:#767676;
    font-family: verdana;
    font-size:9px;
	font-weight: bold;
    height:20px;
    line-height:18px;
	margin-left: 5px;
	padding:0;
    text-align:center;
    width:50px;
}
/***************** PAGE MERCI *****************/
#merci {
	width:400px;
	height:auto;
	text-align:center;
	padding:90px 0 90px 0;
	margin: 0;
}
.cyc {
display: none;
}