/* CSS Document */
body {
	margin: 0 auto;
	background-color: #FFCC00;
	text-align : center;
}

#intro {
	margin: auto; 
	margin-top:10px;
	width:550px;
	height:460px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#pages{
	margin: auto; 
	margin-top:10px;
	width:550px;
	height:730px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#arian {
	margin:0px;
	width:550px;
	height:20px;
	margin-top:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#000000;
}
#imgintro {
	margin: 0px;
	float:left;
	width:500;
	height:180;
	background:url('logo_talouch_kawan.gif') no-repeat;
	text-align:right;
}
#choixlangue {
	margin: 0px;
	margin-top:10px;
	float:left;
	width:40;
	height:170;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#titreintro {
	margin: 0px;
	margin-top:150px;
	float:right;
	width:300;
	height:30;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}
#separation {
	margin:0px;
	float:left;
	width:550px;
	height:3px;
	border:0px;
	background-color:#00CC00;
}
#barrephotos {
	margin:0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width:550px;
	height:100px;
	float:left;
	background-color:#FFCC00;
}
#photosbarre {
	margin:0px;
	border-left: 3.5px solid #FFCC00;
	float:left;
	width:133px;
	height:100px;
}
#texteintro {
	margin:0px;
	float:left;
	width:550px;
	height:50px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
#boutonintro {
	margin:0px;
	float:left;
	width:270px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
#adress {
	margin: auto; 
	width:550px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;
}
#signature {
	margin: auto; 
	width:550px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
#contenu {
	overflow: auto;
	border-bottom-style: none;
	position:static;
	width:550px;
	height:320px;
	z-index:1;
	float:left;
}
#liste_photos {
	margin:auto;
	width:550px;
	height:320px;
	float:left;
}
#insert {
	width:500px;
	height:100px;
	margin-left:20px;
	margin-top:5px;
	float:left;
}
#photoinsert {
	width:150px;
	height:100px;
	float:left;
}
#texteinsert {
	width:300px;
	height:100px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
}
#retouraccueil {
	margin:auto; 
	width:550px;
	height:20px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	float:left;
	}
#photoenliste {
	margin:0px;
	width:150px;
	height:100px;
	float:left;
}
#video {
	width:330px;
	height:370px;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
#moretitle {
	width:190px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
#morevideos {
	overflow: auto;
	margin-left:10px;
	border-bottom-style: none;
	position:static;
	width:190px;
	height:330px;
	z-index:1;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

/*-- Style des formulaires --*/

#wfiftyper {
	width: 50%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wsevenper {
	width: 70%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wthirtper {
	width: 30%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: right;
}
#wfortyper {
	width: 40%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wsixtyper {
	width: 60%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wtwentper {
	width: 20%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#weightper {
	width: 80%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wfiveper {
	width: 5%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wthirtlef {
	width: 30%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
}
#wthirtcen {
	width: 30%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: center;
}
#whundrper {
	width: 100%;
	height: 25px;
	float:left;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	text-align: center;
}
#werrorsf {
	width: 90%;
	height: 20px;
	float:left;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
#herrorsf {
	width: 90%;
	height: 50px;
	float:left;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
#ftxtalign {
	width: 100%;
	height: 20px;
	margin-top: 3px;
}