body{margin-top: 30px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;}

table#charte{position: relative; width:800px; height:600px;border:none;padding:0px;border-spacing:0px;margin:auto;text-align: center;vertical-align: middle;}

/* classe pour la charte graphique  */
.ch_arbreg{background-image: url("images/charte/Accueil_01.jpg"); width:115px; height:600px;border:none;}
.ch_arbreh{background-image: url("images/charte/Accueil_02.jpg"); width:685px; height:81px;border:none;}
.ch_menua{background-image: url("images/charte/Accueil_03.jpg"); width:131px; height:123px;border:none;}
.ch_menue{background-image: url("images/charte/Accueil_04.jpg"); width:130px; height:123px;border:none;}
.ch_menuce{background-image: url("images/charte/Accueil_05.jpg"); width:136px; height:123px;border:none;}
.ch_menuca{background-image: url("images/charte/Accueil_06.jpg"); width:140px; height:123px;border:none;}
.ch_finarbre{background-image: url("images/charte/Accueil_07.jpg"); width:148px; height:123px;border:none;}
.ch_contenu{background-image: url("images/charte/Accueil_08.jpg"); width:685px; height:395px;border:none;}

.ch_contenuexp{background-image: url("images/charte/Experiences_08.jpg");
width:685px; height:395px;border:none;vertical-align:top;text-align:left;}

.ch_contenucrea{ width:685px; height:395px;border:none;text-align:left;}
.ch_menuacrea{background-image: url("images/charte/creation_03.jpg"); width:131px; height:123px;border:none;}
.ch_contenuconta{background-image: url("images/charte/contact_08.jpg"); width:685px; height:395px;border:none;}
.ch_contenusiteweb{background-image: url("images/charte/siteweb_01.jpg"); width:685px; height:395px;border:none;}
#mentions{text-align:right;}


#map_canvas {
	position:relative;
	width:600px;
	height:350px;
	overflow:hidden;
	top:-30px;
	left:80px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
}

#map{
	position:relative;
	width:600px;
	height:350px;
	overflow:hidden;
	top:-30px;
	left:80px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
}
#mentionslegales{
	position:relative;
	top:100px;
	text-align:center;
	font-family:Arial, Times New Roman;
	font-size: 9px;
	width:500px;
	height:20px;
	color:#535353}
	#mentionslegales2{
	position:relative;
	top:50px;
	text-align:center;
	font-family:Arial, Times New Roman;
	font-size: 9px;
	width:500px;
	height:20px;
	color:#535353}
		#mentionslegales3{
	position:relative;
	top:50px;
	text-align:center;
	font-family:Arial, Times New Roman;
	font-size: 9px;
	width:500px;
	height:20px;
	color:#535353}
	
	table#credit{
	position:absolute;
	top:750px;
	left:400px;}
table#credit2{
	position:absolute;
	top:750px;
	left:400px;}


	
	#CU3ER{position:relative;
	top:-5px;
	width:600px;
	height:500px;
	margin-bottom:-100px;
	}
	
	
#contenu_accueil {
	position:relative;
	width:445px;
	height:150px;
	overflow:hidden;
	top:-30px;
	left:180px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
}
#contenucomm{
	position:relative;
	width:170px;
	top:0px;
	left:15px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
border-left: 0px;border-right: 0px;
}

#contenuexperience{
	position:relative;
	width:628px;
	height:283px;
	overflow-y:auto;
	overflow-x:hidden;
	top:58px;
	left:25px;
	float:left;
}

#contenuanim{
	position:relative;
	width:170px;
	top:0px;
	left:43px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
border-left: 0px;border-right: 0px;
}



#contenuform{
	position:relative;
	width:170px;
	top:0px;
	left:75px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
border-left: 0px;border-right: 0px;
}


h1{font-family:Arial, Times New Roman;
	font-size: 12px;
	font-weight:bold;
	color:#535353;
	text-align:left;}
	
h2{font-family:Arial, Times New Roman;
	font-size: 15px;
	font-weight:bold;
	color:#535353;
	text-align:left;}

h3{font-family:Arial, Times New Roman;
	font-size: 15px;
	font-weight:bold;
	color:#535353;
	text-align:center;}
	
h4{font-family:Arial, Times New Roman;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	text-align:left;}
	
img{border:none;}
	
	
.gras{font-weight:bold;}
.italic{font-style:italic;}
.policeformulaire{font-family:Arial, Times New Roman;
				font-size: 11px;
				font-weight:bold;
				color:#000000; 
				text-align:left;}


#communication{position:relative;
			   width:170px;
			   height:30px;
			   left:50px;
			   top:60px;
			   float:left;
			   font-family:Arial, Times New Roman;
				font-size: 11px;
					text-align:right;
}

#animation{position:relative;
		   width:180px;
		   height:30px;
		   left:80px;
		   top:60px;
		   float:left;
			   font-family:Arial, Times New Roman;
				font-size: 11px;	
	text-align:right;				
}

#formation{position:relative;
           width:185px;
		   height:30px;
		   left:110px;
		   top:60px;
		   float:left;
		   font-family:Arial, Times New Roman;
			font-size: 11px;
	text-align:right;
}

#contenucrea{
	position:relative;
	width:300px;
	top:40px;
	left:0px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
	}
	
	#contenusiteweb{
	position:relative;
	width:200px;
	top:40px;
	left:120px;
	float:left;
	text-align:justify;
	font-family:Arial, Times New Roman;
	font-size: 11px;
	color:black;
	}
	
#imagescrea{
	position:relative;
	width:150px;
	top:20px;
	left:10px;
	float:left;
	text-align:center;
	}
	
	#imagesiteweb{
	position:relative;
	width:150px;
	top:20px;
	left:10px;
	float:left;
	text-align:center;
	}
	
#support{
position:relative; width:500px; height:280px; overflow:auto;left:80px;top:-8px;
}

#globalcrea{
position:relative;
width:500px;
height:280px;
overflow:scroll;
overflow-x:hidden;
float:left;
top:50px;
left:100px;
text-align:justify;
font-family:Arial, Times New Roman;
font-size: 11px;
float:left;
}

#globalsiteweb
{
position:relative;
width:490px;
height:280px;
overflow:scroll;
overflow-x:hidden;
float:left;
top:50px;
left:100px;
text-align:justify;
font-family:Arial, Times New Roman;
font-size: 11px;
float:left;
}

#global{
position:relative;
width:650px;
float:left;
top:0px;
left:0px;
text-align:justify;
font-family:Arial, Times New Roman;
font-size: 11px;
float:left;
}

#liane{
position:absolute;
width:635px;
height:395px;
float:left;
top:0px;
left:0px;
}

#contenucontact{
position:relative;
width:500px;
height:280px;
float:left;
top:5px;
left:90px;
text-align:justify;
font-family:Arial, Times New Roman;
font-size: 11px;
}


#coordonnees{
position:relative;
width:150px;
height:280px;
float:left;
top:70px;
left:-100px;
text-align:left;
font-family:Arial, Times New Roman;
font-size: 11px;
}


textarea{	font-size: 11px;
		font-family:Arial, Times New Roman;
		color:#000000;
		border-style:none;
		background-color: #ffffff;
		overflow: auto;
		padding : 2px;
		width: 200px;
		height: 110px;
		overflow: auto;}
		
		
		
input{font-size: 11px;
	font-family:Arial, Times New Roman;
	color:#000000;
	border-style:none;
	background-color: #ffffff;
	overflow: hidden;
	padding : 2px;
	width: 200px;}
	
a.menua:active {display:block;border-style:none;width:131px;height:123px;line-height:123px;float: left;}
a.menua:link{display:block;border-style:none;width:131px;height:123px;line-height:123px;float: left;}
a.menua:visited{display:block;border-style:none;width:131px;height:123px;line-height:123px;float: left;}
a.menua:hover {display:block;border-style:none;width:131px;height:123px;line-height:123px;float: left;background-image: url("images/charte/Accueilvert_03.jpg");}

a.menue:active {display:block;border-style:none;width:130px;height:123px;line-height:123px;float: left;}
a.menue:link{display:block;border-style:none;width:130px;height:123px;line-height:123px;float: left;}
a.menue:visited{display:block;border-style:none;width:130px;height:123px;line-height:123px;float: left;}
a.menue:hover {display:block;border-style:none;width:130px;height:123px;line-height:123px;float: left;background-image: url("images/charte/experiencesvert_04.jpg");}

a.menuce:active {display:block;border-style:none;width:136px;height:123px;line-height:123px;float: left;}
a.menuce:link{display:block;border-style:none;width:136px;height:123px;line-height:123px;float: left;}
a.menuce:visited{display:block;border-style:none;width:136px;height:123px;line-height:123px;float: left;}
a.menuce:hover {display:block;border-style:none;width:136px;height:123px;line-height:123px;float: left;background-image: url("images/charte/creation_05.jpg");}

a.menuca:active {display:block;border-style:none;width:140px;height:123px;line-height:123px;float: left;}
a.menuca:link{display:block;border-style:none;width:140px;height:123px;line-height:123px;float: left;}
a.menuca:visited{display:block;border-style:none;width:140px;height:123px;line-height:123px;float: left;}
a.menuca:hover {display:block;border-style:none;width:140px;height:123px;line-height:123px;float: left;background-image: url("images/charte/contactvert_06.jpg");}

a.menuca2:active {display:block;border-style:none;width:148px;height:123px;line-height:123px;float: left;}
a.menuca2:link{display:block;border-style:none;width:148px;height:123px;line-height:123px;float: left;}
a.menuca2:visited{display:block;border-style:none;width:148px;height:123px;line-height:123px;float: left;}
a.menuca2:hover {display:block;border-style:none;width:148px;height:123px;line-height:123px;float: left;background-image: url("images/charte/Accueilvert_07.jpg");}