/******************************** 
	Structure 	
***********************************/

/* BODY */
body {
	margin: 0;
	padding: 0;
	font: 75%/140% "Courier New", Arial;
	color:#c1c3e6;
	background: #291744 url(images/all/home-bg.jpg) top repeat;
}
/* CONTAINER : permet l'alignement vertical de la structure du site */
#container-center{
	margin: 0;
	padding: 0;
	position:relative;
	left:50%;
	width:973px;
	margin:0 0 0 -486px;	
	background: url(images/all/top-bg.jpg) top no-repeat;
	
}
#container{
	position:relative;
	left:50%;
	width:756px;
	margin:0 0 0 -379px;
}

/* HEADER */
#header {
	position:relative;
	height:25px;	
}

/* MAIN */
#main {	
	position:relative;
	top:45px;
	width:756px;
}
body>#main {width:756px;}

#content{
	float:left;
	width:756px;
	background: url(images/all/content.jpg) repeat-y top;	
	min-height:500px;
	_height:500px;	
}

/* generic container for content */
.content {
	float:left;
	width:705px;
	margin-left:3px;
	_margin-left:2px;
	padding: 0px 15px 20px 30px;
	margin-bottom:35px;
}

/* footer */
#footer {
	clear:both;
	position:relative;
	left:50%;
	width:756px;
	margin:0 0 0 -379px;
}

#footernav {
	clear:both;
	background: url(images/all/bottom.jpg) no-repeat center top;
	height:56px;
}
#menufooter {
	float:right;
	font-size: 90%;
	padding: 1px 20px 0px 0px;
}


#powered{
	clear:both;
	color:gray;
	text-align:center;
}
/* menu */
#menu {
	position:relative;
	height:177px;
	width:756px;
}
/****/
#home-leftcol {
	float:left;
	width: 400px;
	overflow: hidden;
}
#home-rightcol {
	width:275px;
	float:right;
}
#single-leftcol {
	float:left;
	width: 510px;
}
#single-rightcol {
	float:right;
	width: 190px;
}

#allcol{
	float:left;
	width;700px;
}

#chatterie-leftcol{
	float:left;
	width: 170px;
}
#chatterie-rightcol{
	float:right;
	width: 510px;
}
/****/

.titrepage{
	position:relative;
	left:10px;
	top:-20px;
}
.elfes{
	position:absolute;
	top:-40px;
	left:570px;
	height:100px;
	width:149px;
	background: url(images/all/elfesbleu2.jpg) no-repeat center top;
}
h2 {
	color: #999bc8;
	margin: 0px 0px 2px;
	border-bottom: 1px solid gray;
	letter-spacing: -1px;
	font: normal 180% "Courier New", Arial;
	padding-bottom: 5px;
	font-weight:bold;

}

h3 {
	color: #999bc8;
	margin: 0px 0px 2px;
	border-bottom: 1px solid #666666;
	font: normal 130% "Courier New", Arial;
	padding-bottom: 5px;
	font-weight:bold;
}
h4{
	color: #999bc8;
	text-decoration:none;
	font: normal 120% "Courier New", Arial;
	font-weight:bold;
}

.baniere{
	border : none;
	margin-bottom:5px;
}


.name{
	color: #b9adf8;
	font-weight:bold;
}

.postnews{
	clear:both;
}
.datenews{
	font-size: 90%;
	color:#666666;
	float:right;
}
.contentnews{
	clear:both;
	padding-top: 2px;
	margin-bottom:20px;
}
a.suiteNews{
	color: #eeeee6;
	font-weight:bold;
	float:right;
}
a.suiteNews:hover{
	color: #999bc8;
	font-weight:bold;
	float:right;
}
a{
	color: #eeeee6;
	font-weight:bold;
	
}
a:hover{
	color: #999bc8;
	font-weight:bold;
	
}
.pagenav {
	text-align:right;
	border-top: 1px dotted #CCCCCC;
	margin: 55px 0px 55px;
	padding-top: 2px;
	clear:both;
}
.pagenav  a{
	background: #999bc8;
	border: 1px solid #291744;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color:white;
	font-weight:bold;

}
.pagenav  a:hover{
	background: #fcf8ca;
	border: 1px solid #072A66;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color:#000000;
}

.returnclass{
	float:right;
}



/**********
MENUTOP
***********/
#topnav {
	float:right;
	margin-top:3px;
}

#menutop {
	float:right;
	margin-right: 10px;
	_margin-right: 10px;
	font-size: 90%;
	padding: 1px 7px 0px 0px;
}

#menutop a.liens{
	color:#eeeee6;
	padding-right:15px;
	text-decoration:none;
}
#menutop a.contact{
	color:#eeeee6;
	padding-right:15px;
	text-decoration:none;
}
#menutop a.livre{
	color:#eeeee6;
	padding-right:15px;
	text-decoration:none;
}
#menutop a:hover{
	color:#999bc8;
}


/* *************
ARTICLES Menu
**************/
.div_article h3{
	color : #999bc8;
	margin: 0px 0px 2px;
	font: normal 125% "Courier New", Arial;
	border-bottom: #dfd3e4 1px dotted;
	font-weight:bold;
}
.div_article ul{
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;	
	
}
.div_article li{
	border-bottom: #dfd3e4 1px dotted;
	font: normal 95% "Courier New", Arial;
	line-height: 130%;
	list-style:none;
	
}
.div_article span.dispo{
	font: 12px "Courier New", Arial;
	list-style:none;
	color:red;
	display:block;
	margin-bottom:10px;
}
.div_article li a{
	color: #eeeee6;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.div_article li a:visited{

	color: #eeeee6;
	text-decoration: none;
}
.div_article li a:hover{
	color: #eeeee6;
	text-decoration: none;
	background-color:#999bc8;
}
/* *********
MENUBOTTOM
********** */

#menubottom{
	list-style:none;
	padding:0px;
	margin:45px 0px 0px 115px;	
	_margin:46px 0px 0px 45px;
	float:left;
	line-height:0px;

}
#menubottom li{
	display:block;
	height:75px;
	float:left;
}
#menubottom li a{
	height: 75px;
	display:block;
	float:left;
	text-decoration:none;
	padding-left:40px;
}
#menubottom #nav-chatterie-fr a{
	margin-left:20px;
	width: 93px;
	background: url(images/fr/menu1-fr.jpg) no-repeat left top;
}
#menubottom #nav-chatterie-fr a:hover{
	background: url(images/fr/menu1-fr.jpg) no-repeat left bottom;
}

#menubottom #nav-males-fr a{
	width: 93px;
	background: url(images/fr/menu2-fr.jpg) no-repeat left top;
}
#menubottom #nav-males-fr a:hover{
	background: url(images/fr/menu2-fr.jpg) no-repeat left bottom;
}

#menubottom #nav-femelles-fr a{
	width: 93px;
	background: url(images/fr/menu3-fr.jpg) no-repeat left top;
}
#menubottom #nav-femelles-fr a:hover{
	background: url(images/fr/menu3-fr.jpg) no-repeat left bottom;
}

#menubottom #nav-chatons-fr a{
	width: 93px;
	background: url(images/fr/menu4-fr.jpg) no-repeat left top;
}
#menubottom #nav-chatons-fr a:hover{
	background: url(images/fr/menu4-fr.jpg) no-repeat left bottom;
}

#chatterie #menubottom #nav-chatterie-fr a{
	
	background: url(images/fr/menu1-fr.jpg) no-repeat left bottom;
}
#males #menubottom #nav-males-fr a{

	background: url(images/fr/menu2-fr.jpg) no-repeat left bottom;
}
#femelles #menubottom #nav-femelles-fr a{

	background: url(images/fr/menu3-fr.jpg) no-repeat left bottom;
}
#chaton #menubottom #nav-chatons-fr a{

	background: url(images/fr/menu4-fr.jpg) no-repeat left bottom;
}




/*******************
 Chamfer Borders
*******************/



.chamfer {background: transparent; margin: 0 auto;}
.chamfer h1, .chamfer p { margin:0 10px; }
.chamfer h1 { 
	text-decoration: underline; 
	font: 120% Tahoma, Arial;
	color: white;
	font-weight:bold;
	margin-bottom:10px; 
	font-weight:bold;
	}
.bolder{font-weight:bold;}
.chamfer p { padding-bottom:0.5em; }
.chamfer ul, .chamfer li { color: #807474; }

.chamfer .top, .chamfer .bottom { display: block; background: transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 { display:block; overflow:hidden; height:1px; background: white; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
.chamfer .b1 {margin:0 5px; background:#afafaf;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {
	display:block; 
	border-left:1px solid #afafaf; 
	border-right:1px solid #afafaf; 
}


.img_pos_dr{
 	float: right;
	margin: 0 10px 10px 10px;
	padding: 2px;
	background-color:white;
}
.img_pos_ga{
 	float: left;
	margin: 0 0 10px 10px;
	margin-left : 10px;
	margin-right: 10px;
	padding: 2px;
	background-color:white;
}
.vign{
	border: 1px solid #666;
	padding: 2px;
	background-color:white;
}
.vignGalerie{
margin-top:10px;
	text-align:center;
	width:160px;
	float:left;
	padding: 2px;
	margin-bottom:10px;
	margin-right:12px;
}


/* Version garçon     dfd3e4*/
.boy {margin-bottom:10px;}
.boy .chamfer .boxcontent { background-color: #e8e4ea;} 
.boy .chamfer .b2, .boy .chamfer .b3, .boy .chamfer .b4, .boy .chamfer .b5 { background-color: #e8e4ea; } 

/* Version fille */
.girl {margin-bottom:10px;}
.girl .chamfer .boxcontent {background-color: #e8e4ea;}
.girl .chamfer .b2, .girl .chamfer .b3, .girl .chamfer .b4, .girl .chamfer .b5 { background-color: #e8e4ea; }

/* Version important */
.att .chamfer .boxcontent, .att .chamfer .b4, .att .chamfer .b5 { background-color: #ffe4e4; }
.att .chamfer .b2, .att .chamfer .b3 { background-color: #fe5555; }

/* Mise en place dans les box */
.chamfer table, textarea, select, input { margin-left: 5px; margin-right: 5px; }
.chamfer ul { margin-left: 25px; margin-right: 25px; }

/*****************
EXPOSITION 
*****************/

.expo{
width:100%;
border:1px solid black;
text-align:center;
}
.expo th{
background-color: #150a5c;
color:white;
}

.expo .colorline{
background-color: #afafaf;
color:black;
}
.posbread{
	position:absolute;
	left:60px;
	top:-50px;
}
.bread {
	font-size: 12px;
	line-height:100%;
	margin-bottom:10px;
}
.bread a, .bread a:visited{
	color: #eeeee6;
	text-decoration:none;
}
.bread a:hover{
	color: #999bc8;
	text-decoration:none;
}

/****LIVRE DOR ********/
/* Board display */
#livreOR{
	width:100%;
}
#livreOR .top {
	clear:both;
	text-decoration:none;
	font-weight:bold;
	color:black;
	border-bottom: 1px dashed #CCCCCC;
	background-color:#e8e4ea;
	margin:10px;
}
#livreOR .title{
	/*margin-left:5px;*/
	text-decoration:none;
	float:left;
}
#livreOR .contact {
	text-align:right;
	text-decoration:none;
	color:black;
}
#livreOR .contact a{
	border-left:1px solid black;
	text-decoration:none;
	color:black;
}
#livreOR .contact a:hover{
	text-decoration:none;
	background:#dfd3e4;
	color:black;
}
#livreOR .cont {
	clear:both;
	text-align : left;
	text-decoration : none;
	padding:5px;
	margin:10px;
	border-bottom: 1px dashed #CCCCCC;
	
}
#livreOR .posted{
	clear:both;
	font-weight: normal;
	text-align:right;
	margin:10px;
	color: #157b08;
	font: 90%/160% Arial;
	/*float:right;*/
}