/* Last modif : 070322 by sOdaBuZz */

* {
  margin: 0px;
  padding: 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
}

body {
  background-image: url(img/leftbg.png);
  background-repeat: repeat-y;
}

a {text-decoration: none;}


#head {
  float:left;
  width: 99.8%;
  border: 1px #FFF solid;
  font-size: 11px;
  font-weight: bold;
}


#menu_up {
	color:#FFF; 
}

#menu_up * li {
  display: inline;
}

#menu_up * li a, #head h1, #head h2{
  background-color: #DDD;
  display: inline;
  float:left;
  border: 1px #FFF solid;
  font-weight: bold;
  padding: 5px 5px 0px;
}

#head h1 {
  color: #FFF;
  font-size: 11px;
  background-color: #666;
  width:150px;
}

#head h2 {
  color: #FFF;
  font-size: 11px;
  background-color: #666;
  width:180px;
}

#menu_up * a {
  list-style-type: none;
  width: 80px;  
}

#menu_up * a {
  color: #666;
  text-decoration: none;
  font-weight: bold;

}







#logo {
  clear:both;
  float:left;
  padding: 5px;
  width: 150px;
	/*	height: 150px;*/
   height: 130px;
  border: 1px #FFF solid;

    background-position : center;
}



#photo {
  float:left;
  width: 550px;
  height: 140px;
  border: 1px #FFF solid;
  background-color: #DDD;
}



#mini_menu {
  float: left;
  background-color:#DDD;
  width: 180px;
  height:130px;
  padding: 5px;
  border: 1px #FFF solid;
}

#mini_menu * li {
  display:block;
  padding-top:4px;
  font-weight: bold;  
}

#mini_menu * li a {color: #666;}

#mini_menu * li a:hover {color: #000;}


#main  {
	clear : both;
}


#left_banner {
	float:left;
	width:182px;
}


#content {
	float : left;
	font-size : 0.9em;
	width : 700px;
	height: 500px;
	padding: 20px 0px 0px 0px;
	line-height: 20px;
}  

#content h1 {
	font-size:2em;
	color:#666;
 	margin-bottom: 20px;
}

#content h2 {
 	font-weight: bold;
 	margin-top: 10px;
 	margin-bottom: 10px;
}

#content p {
 	padding-bottom: 20px;
 	text-align: justify;
}

#content table {
 width : 700px;
 padding-bottom: 30px;
}

/* Classe yellow (Accueil) */

.yellow #head {background-color: #CCCC66;}
.yellow #logo {
	background-color: #CCCC66;
  	background-image: url(img/bowl-yellow.jpg);
  	}
.yellow #photo {background-color: #CCCC66;}
  	
#menu_up .yellow a:hover {background-color:#CCCC66; color: #FFF;}
  	
.yellow #news {

	float: middle;
	width: 700px;
	height: 150px;
	margin: 30px 0px 0px 0px;
	background-color: white;
	border: 4px #CCCC66 solid;	
}  	

.yellow #news p{
	padding: 4px 4px 4px 4px;
}
  
/* Class blue (Collection) */


.blue #head {background-color: #330099;}
.blue #logo {
	background-color: #330099;
  	background-image: url(img/bowl-blue.jpg);
  	}
#menu_up .blue a:hover {background-color:#330099; color: #FFF;}
.blue #photo {background-color: #330099;}


.blue #content ul {
 	padding : 10px 10px 10px 0px;
 	list-style: none;
}

.blue #content a {
	color: #330099;
}


.blue #content ul li {
 	text-decoration: none;
	font-size:0.7em;
 	margin-top:20px;
}

.blue #content ul li a:hover{color: #666;}

.blue img {border : 1px solid #DDD;}


.book {
	clear: left;
}

.book .cover{
	position: absolute;
	height: 100px;
	width: 60px;
}

.book .coverwide{
	position: absolute;
	height: 100px;
	width: 90px;
}


.book .text{
	position: relative;
	margin-left: 100px;
}


.coffret .cover{
	position: relative;
	text-align: center;
	height: 250px;
	width: 300px;
	margin : 40px 0px 0px 200px; 
}

.coffret p{
	
/*	width: 610px;*/
	margin : 20px 0px 0px 180px;
}

.coffret h2{
	text-align: center;
	padding-top : 20px; 
}


/* Class red (Auteurs) */

#menu_up .red a:hover {background-color:#993333; color:#FFF;}

.red #head {background-color: #993333;}
.red #logo {
	background-color: #993333;
  	background-image: url(img/bowl-red.jpg);
  	}
.red #photo {background-color: #993333;}

.red #content a{color: #993333;}


.red #content p {
 	padding-bottom: 10px;
 	text-align: justify;
}

.red #content table tr td{
padding-right : 22px;
padding-top : 20px;
}

.red #content table tr td a{
 color: #993333;
 font-size:1em;
 font-weight: bold;
}

.red a{
 font-weight: bold;
}

.red #content ul {
 	list-style: none;
}


/* Class green (A paraître) */

#menu_up .green a:hover {background-color:#006633; color:#FFF;}

.green #head {background-color: #006633;}
.green #logo {
	background-color: #006633;
  	background-image: url(img/bowl-green.jpg);
  	}
  	
/*.green h2 {font-size:1.2em; }  	*/
.green #photo {background-color: #006633;}

.green #content a {color : #006633;}


/* Class orange (Distributeurs) */

#menu_up .orange a:hover {background-color:#FF9900; color:#FFF;}

.orange #head {background-color: #FF9900;}
.orange #logo {
	background-color: #FF9900;
  	background-image: url(img/bowl-orange.jpg);
  	}
.orange #photo {background-color: #FF9900;}

.orange #content p {padding-bottom : 2px;}

.orange h2 {font-size:1.2em; }  	

/* Class violet (Contact) */

#menu_up .violet a:hover {background-color:#990099; color:#FFF;}

.violet #head {background-color: #990099;}
.violet #logo {
	background-color: #990099;
  	background-image: url(img/bowl-violet.jpg);
  	}
.violet #photo {background-color: #990099;}

.violet #content p {padding-bottom : 2px;}

.violet #content a {color: black;}