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

/* BODY */
body {
	margin: 0;
	padding: 0;
	background-color: #291744;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color:black;
}
/* CONTAINER : permet l'alignement vertical de la structure du site */
#container-center{
	margin: 0;
	padding: 0;
	position:relative;
	left:50%;
	width:1099px;
	margin:0 0 0 -549px;	
	background: url(images/all/home-bg.jpg) top no-repeat;
}
#container{
	position:relative;
	left:50%;
	width:770px;
	margin:0 0 0 -390px;	
}

/* HEADER */
#header {
	position:relative;
	height:82px;	
}
/* MAIN */
#main {
clear:both;
	width:auto;
	top:150px;
	margin:0px 0px 0px 0px; 
	z-index:3; 	
	min-height:500px; 
	_height:500px;
}
body>#main {width:auto;}

#content{
	float:left;
	width:739px;
	min-height:500px; 
	_height:500px;
	margin-left:3px;
	_margin-left:2px;
	padding: 0px 15px 20px 15px;
	background: #FFFFFF url(images/content-corner-bg.gif) no-repeat left bottom;
	clear:both;
}

/* generic container for content */
div.content {padding:0px;margin:0px;}

/* footer */
#footer {
	clear:both;
	position:relative;
	margin : 0;
	padding: 0;
	height:23px;
	width:1099px;
	background: url(images/all/footer-bg.jpg) top no-repeat;
}
#powered{
	clear:both;
	color:gray;
	text-align:center;
}
/* menu */
#menu {
	position:relative;
	height:100px;
	width:770px;
}
/****/
#home-leftcol {
	float:left;
	width: 400px;
	overflow: hidden;
}
#home-rightcol {
	width:310px;
	float:right;
}
#single-leftcol {
	float:left;
	width: 530px;
}
#single-rightcol {
	float:right;
	width: 165px;
}
/****/


h2 {
	color: #7106bc;
	margin: 0px 0px 2px;
	border-bottom: 1px solid #330033;
	letter-spacing: -1px;
	font: normal 210% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 5px;
}

h3 {
	color: #157b08;
	margin: 0px 0px 2px;
	border-bottom: 1px solid #330033;
	font: normal 150% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 5px;
}
h4{
	color: #157b08;
	text-decoration:none;
	font: normal 130% "Trebuchet MS", Tahoma, Arial;
	font-weight:bold;
}

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


.name{

color: #7106bc;
font-weight:bold;
}

.postnews{
	clear:both;
}
.datenews{
	background: url(images/all/ico-calendar.jpg) no-repeat left center;
	padding-left: 20px;
	font-size: 90%;
	color:#666666;
	float:right;
}
.contentnews{
	clear:both;
	padding-top: 2px;
	margin-bottom:20px;
}
a.suiteNews{
	color: #09690b;
	font-weight:bold;
	float:right;
}
a.suiteNews:hover{
	color: #330033;
	font-weight:bold;
	float:right;
}
a{
	color: #503ad6;
	font-weight:bold;
	
}
a:hover{
	color: #330033;
	font-weight:bold;
	
}
.pagenav {
	text-align:right;
	border-top: 1px dotted #CCCCCC;
	margin: 25px 0px 10px;
	padding-top: 2px;
	clear:both;
}
.pagenav  a{
	background: #e293d0;
	border: 1px solid #291744;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	color:white;
	font-weight:bold;

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

.returnclass{
	float:right;
}



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

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

#menutop a.liens{
	color:#00ffff;
	padding-right:15px;
	text-decoration:none;
}
#menutop a.contact{
	color:#00ff33;
	padding-right:15px;
	text-decoration:none;
}
#menutop a.livre{
	color:#ffff00;
	padding-right:15px;
	text-decoration:none;
}
#menutop a:hover{
	color:white;
}


/* *************
ARTICLES Menu
**************/
.div_article h3{
	color : #157b08;
	margin: 0px 0px 2px;
	font: normal 140% "Trebuchet MS", Tahoma, Arial;
	font-weight:bold;
	border-bottom: #272727 1px dotted;
}
.div_article ul{
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;	
}
.div_article li{
	border-bottom: #dfd3e4 1px dotted;
	font: normal 100% "Trebuchet MS", Tahoma, Arial;
	line-height: 130%;
	list-style:none;
}
.div_article li a{
	color: #503ad6;
	text-decoration: none;
	padding: 4px 6px 4px 2px;
	display:block;
	list-style:none;
}
.div_article li a:visited{

	color: #503ad6;
	text-decoration: none;
}
.div_article li a:hover{
	text-decoration: none;
	background-color:#dfd3e4;
}
/* *********
MENUBOTTOM
********** */

#menubottom{
	list-style:none;
	padding:0px;
	margin:20px 0px 0px 95px;	
	_margin:21px 0px 0px 45px;
	float:left;
	line-height:0px;

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

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

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

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

#chatterie #menubottom #nav-chatterie-fr a{
	background: url(images/fr/menu1-fr.png) no-repeat left bottom;
}
#males #menubottom #nav-males-fr a{
	background: url(images/fr/menu2-fr.png) no-repeat left bottom;
}
#femelles #menubottom #nav-femelles-fr a{
	background: url(images/fr/menu3-fr.png) no-repeat left bottom;
}
#chaton #menubottom #nav-chatons-fr a{
	background: url(images/fr/menu4-fr.png) no-repeat left bottom;
}


#footernav {
clear:both;
	border-top: 1px dotted #CCCCCC;
	position:relative;
	left:50%;
	width:750px;
	margin:0 0 0 -375px;	
}
#menufooter {
	float:right;
	font-size: 90%;
	padding: 1px 7px 0px 0px;
	
}

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



.chamfer {background: transparent; margin: 0 auto;}
.chamfer h1, .chamfer p { margin:0 10px; }
.chamfer h1 { 
	padding-top:10px;
	text-decoration: underline; 
	font: 130% Verdana, Arial, Helvetica, sans-serif; 
	color: #150a5c;
	font-weight:bold;
	margin-bottom:10px; 
	}
.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;
	border: 1px solid #666;
	padding: 2px;
	background-color:white;
}
.img_pos_ga{
 	float: left;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	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: #dfd3e4;
}

.bread {
	font-size: 10px;
	line-height:100%;
	margin-bottom:10px;
}
.bread a, .bread a:visited{

	text-decoration:none;
}
.bread a:hover{

	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% Verdana, Arial, Helvetica, sans-serif;
	/*float:right;*/
}