/*-----------------*/
/*       CSS       */
/*  by Fabrice d C */
/*     May 2014    */
/*-----------------*/



html {
height:100%

}

body
{
background-color:#945c5c;

-webkit-animation:colchang01 5s; /* Chrome, Safari, Opera */
animation:colchang01 5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
from {background:#945c5c    ;}
to {background:#738b94;}
}

/* Standard syntax */
@keyframes colchang01
{
from {background: #945c5c    ;}
to {background:#738b94;}

}







/*-----------------*/
/*    EN COMMUN    */
/*-----------------*/




div.container
{

width:850px;
height:auto;
margin-right: auto;
margin-left: auto;
border:2px solid blue;
line-height:100%;
margin-top: 20px;

}


div.header
{
padding:8px;
width:834px;
height:130px;
color:white;
background-color: #d2cccc;
clear:left;

}




div.footer
{
padding:8px;
width:834px;
height:70px;
color:white;
background-color: #d2cccc;
clear:both;

bottom:0px;
margin:auto;

}


div.contact
{
width:236px;
bottom:0px;
margin:auto;
}



div.spacelogo
{
float:left;
width:120px;
margin-left:10px;
padding:1em;

}

div.menu
{
position: relative;
margin-left:250px;                /*  A CHANGER    290PX */
top:-10px;
height:100px;                   /*  A CHANGER    40PX */
padding:1em;
width: 500px;                /*  A CHANGER   */
}



.rub {
	font: bold 13px Arial, Helvetica, sans-serif;
}
.rub:link {
	color: #ffffff;
	text-decoration: none;
}
.rub:visited {
	color: #ffffff;
	text-decoration: none;
}
.rub:hover  {
	color: #0C419A;
	text-decoration: none;
}
.rub:active  {
	color: #0C419A;
	text-decoration: none;
}


.rub02 {
	font:  bold 12px  Arial, Helvetica, sans-serif;
}
.rub02:link {
	color: #ffffff;
	text-decoration: none;
}
.rub02:visited {
	color: #ffffff;
	text-decoration: none;
}
.rub02:hover  {
	color: #0C419A;
	text-decoration: none;
}
.rub02:active  {
	color: #0C419A;
	text-decoration: none;
}



.rub03 {
	font:  bold 12px  MingLiU;
}
.rub03:link {
	color: #ffffff;
	text-decoration: none;
}
.rub03:visited {
	color: #ffffff;
	text-decoration: none;
}
.rub03:hover  {
	color: #0C419A;
	text-decoration: none;
}
.rub03:active  {
	color: #0C419A;
	text-decoration: none;
}










div.content
{
margin-right:auto;
margin-left:auto;

padding:1em;
min-height:550px;
background-color: #6DF3CE;
}






/*-------------------------------------*/
/*    POUR NEWS SI PLUSIEURS IMAGES    */
/*-------------------------------------*/


div.content2
{
margin-right:auto;
margin-left:auto;

padding:1em;
min-height:1050px;
background-color: #6DF3CE;
}







	
/*-----------------*/
/*  POUR CERTAINS  */
/*-----------------*/

	
	
	

div.photo-zone {
	height: 150px;
	text-align:center;
	top:30px;
	position:relative;

	
}
	
	
	
	
	

div.photo-zone-chinese {
	
	text-align:center;
	top:30px;
	position:relative;

	
}
	
	
	
	
	
	
	
		
div.prodcomment 
	{
	border:5px solid gray;
	
	width:200px;
	top:120px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	height:100px;

		}
	
		
	
	
/*  POUR CHINA  */
/*-----------------*/	
	
	
div.china-zone {

	text-align:center;
	top:30px;
	position:relative;

	
}

	
	
	
	
	
/*  POUR INDEX (AP)  */
/*-----------------*/
	
	
	
	
			
div.photo-zonebasse {
	
	text-align:center;
	top:80px;
	position:relative;
	height:270px;
		
	}
	

	
	
		
div.photo-news {
	
	text-align:center;
	top:50px;
	position:relative;
	
	}
	
			
div.notes-news {
	
	text-align:center;
	top:45px;
	position:relative;
	
	}
	
	
	
	
			
div.Produits {
	LEFT: 200px; 
	WIDTH: 460px; 
	POSITION: relative; 
	TOP: 20px;
 
	}
	
	
	
	
	
		
/*  POUR PRODUITS  */
/*-----------------*/
	
	
	

div.menuprod2 {
	width: 500px;
	height: 40px;
	position: relative;
	left: 280px;
	top: 30px;

}	


.rubprod {
	font:  bold 13px Arial, Helvetica, sans-serif;
}
.rubprod:link {
	color: #6d4c34;
	text-decoration: none;
}
.rubprod:visited {
	color: #6d4c34;
	text-decoration: none;
}
.rubprod:hover  {
	color: #3f2c1e;
	text-decoration: none;
}
.rubprod:active  {
	color: #3f2c1e;
	text-decoration: none;
}




	
	
	
	
/*-----------------*/

/*-----------------*/





.texte-03 {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}



.texte-04 {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	font-family: MingLiU;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	
	
}






.texte-03B {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
		font-weight: bold;
	margin-left: -600px;
}




.texte-14 {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: justify;
	font-family: KaiTi, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 2;
	
}


.texte-15 {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: justify;
	font-family: KaiTi, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 2;
	
	
}













	
.texte-C {
    font:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}






.address-titre {
	margin: 0px;
	padding: 0px;
	font-family: bold 13px Arial, Helvetica, sans-serif;
	

	
	}
	

.texte-01 {
    font:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
}