body , html{
	color: #FFFFFF;
	margin : 0px 0px 0px 0px;
	height:100%;
	scrollbar-base-color: #5BA4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/charte/fdpge.jpg);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#7AC8EE;
}

#container{	
	width:100%;
	height:100%;
	text-align:center;
}

#table_charte{
	height:100%;
	min-height:100%;
	/*border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;*/
	width:990px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	   
	
	/*  pour un site en 100%, utilisez les propriétés suivantes  
	width:100%;
	background-color:#B0D262;  */
}

#td_charte	{
	height:100%;
	width:100%;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #254E6C;
	line-height: 18px;
	letter-spacing: 0.09em;
	/*border:1px yellow solid;*/
}
*html #td_charte{
	letter-spacing: 0.08em;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1{
	background-image: url(images/charte/puceball.png);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left:30px;
	padding-bottom:5px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#5C1F88;
	border-bottom:1px solid #5C1F88;
}
/*h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#ffffff;
	margin: 0px;
	padding: 0px;
	letter-spacing: 2px;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
}*/

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#ffffff;
	letter-spacing: 1px;
}

#basdepage{
    width:100%;
	height:20px;
	text-align:center;
}
img{
	margin:0;
	padding:0;
}
li{
	list-style-image: url(images/charte/puce04.gif);
	margin-bottom:15px;
}

/************************************ BANDEAU *********************************/
#bandeau{
	float:left; 
	width:217px;
	height:100%; 
}
/************************************ PHOTO DROITE *********************************/
#droite{
	float:left; 
	height:100%; 
	text-align:center;
	margin-right:60px;
	margin-top:30px;
}
/************************************ PHOTO / LEGENDE *********************************/
.div_img{
	width:490px;
	height:400px;
	padding:5px 0px 10px 0px;
	/*border:1px red solid;*/
}
.img_image{
	float:left;
	width:210px;
	height:166px;
	/*border:1px red solid;*/ 
	margin:0px 15px 25px 10px; /****** ici margin bottom pour changer marges ss Firefox entre div_img et img_compagnons ****/
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	font-size:11px;
	color: #39630F;
	font-weight:600;
}
/************************************ CITE ACE *********************************/
#cite_ace{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
/************************************ CASTELLAS *********************************/
#castellas{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#castellas img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
#castellas h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	/*border:1px white solid;*/
}
/************************************ KALLISTE *********************************/
#kalliste{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
/************************************ FELIX PYAT *********************************/
#felix{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#felix img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
#felix h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	/*border:1px white solid;*/
}
/************************************ BOURRELY *********************************/
#bourrely{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#bourrely img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
/************************************ CTJ *********************************/
#ctj{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#ctj img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
#ctj h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	/*border:1px white solid;*/
}
/************************************ 3S *********************************/
#sss{
	float:left; 
	width:488px;
	/*width:296px;*/
	margin:100px 30px 0px 35px;
	/*border:1px white solid;*/
	
}
#sss img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
}
/************************************ NEWS *********************************/
#news{
	float:left; 
	width:476px;
	margin:100px 30px 0px 40px;
	/*border:1px white solid;*/
}
#news_titre{
	float:left; 
	width:330px;
	/*border:1px white solid;*/
}
#news_date{
	float:right; 
	width:140px;
	font-weight:bold;
	text-align:left;
	/*border:1px white solid;*/
}
#news h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	margin:0;
/*border:1px white solid;*/
}
#news img{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:15px;
}
/************************************ DELEGATION *********************************/
#delegation{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#delegation h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	/*border:1px white solid;*/
}
.ligne_delegation{
	float:left; 
	width:496px;
	/*border:1px white solid;*/
}
.ligne_delegation01{
	float:left; 
	width:496px;
	/*border:1px white solid;*/
}
.ligne_delegation img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
.separateur{
	clear:both;
	width:496px;
	height:30px;
	padding-top:15px;
	text-align:center;
	/*border:1px white solid;*/
}
#delegation .ligne_delegation01 img{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	/*border:1px white solid;*/
}
/************************************ PARTENAIRES *********************************/
#partenaire{
	float:left; 
	width:496px;
	margin:100px 30px 0px 30px;
	/*border:1px white solid;*/
}
#partenaire .div_img{
	width:490px;
	height:auto;
	padding:5px 0px 10px 0px;
	/*border:1px red solid;*/
}
#partenaire .img_image{
	float:left;
	width:210px;
	height:auto;
	/*border:1px red solid;*/
	margin:0px 15px 25px 10px; /****** ici margin bottom pour changer marges ss Firefox entre div_img et img_compagnons ****/
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	font-size:11px;
	color: #39630F;
	font-weight:600;
}
/************************************ PRESIDENT *********************************/
#president{
	float:left; 
	width:476px;
	margin:100px 30px 0px 40px;
	padding-right:5px;
	/*border:1px white solid;*/
}
/************************************ LICENCIE *********************************/
#licencie{
	float:left; 
	width:476px;
	margin:100px 30px 0px 40px;
	padding-right:5px;
	/*border:1px white solid;*/
}
.licencie-txt	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #254E6C;
	line-height: 18px;
	letter-spacing: 0.09em;
	/*border:1px yellow solid;*/
}
*html .licencie-txt	{
	letter-spacing: 0.08em;
}
#licencie_titre{
	float:left; 
	width:300px;
	margin:0;
	padding:0;
	/*border:1px white solid;*/
}
#licencie_date{
	float:right; 
	width:140px;
	font-weight:bold;
	text-align:left;
	/*border:1px white solid;*/
}
#licencie h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding:0 0 0 15px;
	margin:0;
	/*border:1px white solid;*/
}
.licencie-actu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #254E6C;
	line-height: 18px;
	letter-spacing: 0.09em;
	/*border:1px yellow solid;*/
}
#licencie img{
	margin-left:10px;
	margin-right:3px;
	margin-bottom:15px;
}
/************************************ CONTACT *********************************/
#contact{
	float:left; 
	width:476px;
	margin:100px 30px 0px 40px;
	padding-right:5px;
	/*border:1px white solid;*/
}
.contact-txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #254E6C;
	line-height: 18px;
	letter-spacing: 0.09em;
	/*border:1px yellow solid;*/
}
*html .contact-txt	{
	letter-spacing: 0.08em;
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input{
	width:300px;
	background-color:transparent;
	border:1px solid #000;
	font-size:12px;
}
#formContact textarea{
	width:300px;
	background-color:transparent;
	border:1px solid #000;
	font-size:12px;
}
/**html #formContact textarea{
	width:506px;
}*/
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#espoir h4{
	background-image: url(images/charte/puce03.gif);
	background-repeat: no-repeat;
	background-position:3px left;
	padding-left:15px;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
}

#espoir p{
	width:200px;
	float:left;
}

#espoir img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

/*.text_area1 {
	font-size: 11px;
	color: #47A3FE;
	font-weight: normal;
	background-color: #FFFFFF;
	width: 150px;
	border: 1px solid #47A3FE;
}

.input {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #B9B6C3;
	color: #000066;
}
.projet {
	width: 150px;
	float:left;
	margin: 5px 5px 15px 5px;
	background-image: url(images/charte/bas.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.projet p {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #003366;
	text-align: left;
	padding: 0px 0px 4px 4px;
}
.projet img {

}
.projet a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.projet h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}
.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin: 10px;
}
.projet h2 {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #FF0000;
	text-align: left;
	padding: 0px 0px 4px 4px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0109;
}
.basdepage a {

	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
}
.petittit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5C1F88;
}*/