body , html{
	/*  Les margin, les scrolls, et la hauteur sont les seuls propriétés a redefinir dans le body   */
	font: 11px/13px arial; 
	color: #555753; 
	margin : 0px 0px 0px 0px;
	scrollbar-base-color: #580E01;
	background-color:#320801;
}
/*************************************** BAS DE PAGE ***************************************/
#basdepage{
	float:left;
	height:23px;
	text-align:center;
	/*border:1px solid white;*/
}
/*************************************** PAGE INDEX ***************************************/
#container_index{	
	position:absolute;
	width:990px;
	height:520px;
	margin-left: -495px;
	margin-top: -260px;
	top:50%;
	left:50%;
	text-align:center;
	/*border:1px solid white;*/
}
#index{
width:693px;
height:524px;
margin:0 auto;
text-align:center;
	/*border:1px solid white;*/
}
/*************************************** GENERALITE ***************************************/
td{
	font: 12px/13px arial; 
	font-weight: normal;
	font-style: normal;
	color: #EDDCB6;
}
#container{	
	position:absolute;
	width:950px;
	height:590px;
	margin-left: -482px;
	margin-top: -295px;
	top:50%;
	left:50%;
	text-align:center;
	
	/*width:1000px;
	text-align:center;
	background:url(images/charte/fagt.gif) repeat-x top left #320801;
	background-color:#320801;
	border:1px solid #fff;
	border:1px solid yellow;*/
}
#contenu{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid red;*/
}
#titre{
	padding:0; 
	margin:0;  
	float:left;
	width:600px;
}


#titre a{
	text-align:center;
/*	border:1px solid blue; */
	width: 130px;
	display:block;
	float:left;
/*	padding-bottom: 3px; */
	margin-top:2px;
}


#titre a:hover{
/*	border:1px solid blue; */
}
#menu{
	clear:both;
	float:left;
	width:950px;
	height:96px;
	padding:0px;
	margin:0px;
}
#txt{
	overflow:hidden;
	float:left;
	width:250px;
	height:280px;
	margin-top:20px;
	/*border:1px solid red;*/
}
#txt2{
	overflow:hidden;
	position:relative;
	float:left;
	width:600px;
	height:260px;
	margin-top:20px;
	/*border:1px solid yellow;*/
}
#ascenseur{
	float:right;
	width:34px;
	height:341px;
	padding:0; 
	margin:0;  
	/*border:1px solid white;*/
}
#glissante{
	position:relative; 
	/*margin-top:0px;
	height:280px;*/ 
	width:600px;
	text-align:justify;
	font: 12px/14px arial; 
	font-weight: normal;
	font-style: normal;
	color: #EDDCB6;
	overflow:hidden;
	padding:0; 
	margin:0; 
	/*border:1px solid white; */
}

/*************************************** ACCUEIL ***************************************/
#accueil{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid white;*/
}
#accueil #titre{
	background:url(images/charte/titre-accueil.jpg) no-repeat left-top;
	float:left;
	width:172px;
	height:19px;
}
#bandeau{
	float:left;
	width:647px;
	height:112px;
	background-image:url(images/charte/cochon-rose_02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#piste{
	float:left;
	width:647px;
	height:361px;
	padding:0px;
	margin:0px;
	background-image:url(images/charte/cochon-rose_04.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	/*border:1px solid yellow;*/
}
/*************************************** PRESENTATION ***************************************/
#presentation{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
#menus-list
{
	width: 1px;
	padding-bottom: 5px;
}

#presentation #titre{
	background:url(images/charte/titre-presentation.jpg) no-repeat left-top;
	float:left;
	width:172px;
	height:19px;
	/*border:1px solid white;*/
	
}
#corps{
	float:left;
	width:647px;
	padding:0; 
	margin:0;  
	/*border:1px solid white;*/
}
#personnage{
	background:url(images/charte/personnage.jpg) no-repeat left-top;
	width:355px;
	height:342px;
	float:left;
	/*border:1px solid white;*/
}
/*************************************** TRANSFORMISTES ***************************************/
#transformistes{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/*************************************** DANSEURS ***************************************/
#danseur{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
.image{
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
}
/*************************************** CHANSONNIER ***************************************/
#chansonnier{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/*************************************** RESSEMBLANCE ***************************************/
#ressemblance{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/*************************************** HUMOUR ***************************************/
#humour{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/*************************************** EMOTION ***************************************/
#emotion{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/*************************************** RESTAURANT ***************************************/
#restaurant{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
#glissante .colonne{
	float:left;
	width:310px;
	padding:8px;
	margin:0px;
	border:1px solid red;
}
#restaurant b{
	font: 12px/13px arial; 
	color: #FEF7B1;
	font-weight:bold;
}
#restaurant .gras{
	font: 12px/13px arial; 
	color: #FEF7B1;
	font-weight:bold;
}
#restaurant .gros{
	font: 14px/13px arial; 
	color: #E5BE5E;
	font-style:italic;
	font-weight:bold;
}
/*************************************** FORMULES ***************************************/
#formule{
	float:left;
	width:647px;
	height:473px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*border:1px solid red;*/
}
/**************************** PAGE CONTACT  ***************************************/
.texte{
	font-size: 10px;
}
.forminput,
.formselect,
.retour,
.formtextareadress,
.formtextareacomment{
    border:1px #15185F solid;
    padding:0;
    margin:2px;
	font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight: bold; 
    color: #5A0E01;
    background-color:#ffffff;
    text-align:justify;
}
.forminput{
    padding:0 3px 0 3px;
    height:18px;
    line-height:18px;
    width:150px;
}
.formselect{
    padding:0 3px 0 3px;
    height:18px;
    line-height:18px;
    width:150px;
}
.retour{
    padding:0 3px 0 3px;
    height:20px;
    line-height:18px;
    width:250px;
	text-align:center;
}
.formtextareadress{
    padding:0 3px 0 3px;
    height:50px;
    width:150px;
}
.formtextareacomment{
	padding:0 3px 0 3px;
	height:50px;
    width:150px;
}
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #15185F;
	background-color: #ffffff;
	border: 1px solid #15185F;
}
.formbt{
    border:1px #ffffff solid;
    height:20px;
    width:66px;
    text-align:center;
    padding:0;
    font-family: Verdana;
	font-weight: bold;
    font-size:12px;
    line-height:18px;
    color:#5A0E01;
    background-color:#F1CE70;
}
/*************************************** PHOTO ***************************************/
.image-photo {
	width:120px;
	float:left;
	padding-left:30px;
	text-align:center;
}
/*************************************** GAUCHE ***************************************/
#gauche{
	padding:0px;
	margin:0px;
	float:left;
	width:153px;
	height:473px;
	/*border:1px solid white;*/
}
/*************************************** DROITE ***************************************/
#droite{
	padding:0px;
	margin:0px;
	float:left;
	width:150px;
	height:473px;
	/*border:1px solid white;*/
}

/*************************************** CENTRE ***************************************/
#centre{
	padding:0px;
	margin:0px;
	float:left;
	width:647px;
	height:473px;
	/*border:1px solid white;*/
}



/*************************************** LIENS ***************************************/

a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #F1CE70;
	}
a:hover{ 
	text-decoration: underline; 
	color: #F1CE70;
	}
.evidence { 
	font-weight: bold; 
	text-decoration: none;
	background-color:#FFFFFF;
	color: #8E190B;
	padding-left:3px;
	padding-right:3px;
	}
.evidence:hover{ 
	text-decoration: underline; 
	color: #8E190B;
	}
.txtbas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B67421;
}
.txtbas a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B67421;
	text-decoration:none;
}
.txtbas a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B67421;
	text-decoration:none;
}
.txtbas a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B67421;
	text-decoration:underline;
}


/*************************************** ST VALENTIN ***************************************/
#valentin{
	float:left;
	width:647px;
	height:361px;
	padding:0px;
	margin:0px;
	background-image:url(images/charte/cochon-rose_06.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	/*border:1px solid yellow;*/
}
#colon_valentin1{
	float:left;
	width:48%;
	margin-right:10px;
}
#colon_valentin2{
	float:left;
	width:48%;
}

.cyc {
	display: none;
}

a img
{
	border:0;
}