/* Couleurs :
/* bordure 1px photos = #626262
=====================================
*/

div#global { 									/* Conteneur principal du site */
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 							/* on rétablit l'alignement normal du texte */
	background-color: white;
	border-width: 1px;	
	border-style: solid;
	border-color: black;
}

div#gauche {
	float: left;
	width: 220px;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#logo { 										/* Logo de la chatterie */
	padding-left: 10px;
	padding-top: 20px;
	text-align: center;
}

div#contact {
	margin-left: 30px;
	line-height: 1.2em;
}

div#blinke {
	font-size: 10px;
	width: 190px;
	margin-left: 20px;
}

div#menu {
	font-size: 10px;
	width: 190px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 1.2em;
	/* background-color: #FCCDB6; */
}

div#menu a {
	width: 150px;
	margin-bottom: 2px;
	display: block;
	background-color: #E8E8E8;
	border-width: 1px;
	border-style: solid;
	border-color: #C3C3C3;
}

/*
.links:before { content:"[ "; }
.links:after { content:" ] "; }
*/

div#goldbook {
	font-size: 10px;
	width: 190px;
	padding: 5px;
	margin-top: 20px;
	margin-left: 20px;
	line-height: 1.2em;
	border-width: 1px;	
	border-style: solid;
	border-color: #C3C3C3;
	margin-bottom: 10px;
}

div#menu_admin {
	font-size: 10px;
	width: 150px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 1.2em;
	background-color: #FCCDB6;
}

div#infos {
	padding-top: 5px;
	padding-bottom: 10px;
}

div#contact img {
	vertical-align: middle; 
}

div#onglets { 									/* Onglets de naviguation */ 
	height: 50px;
	width: 500px; 
	padding-top: 0px;
	margin-right: -20px;
	float: right;
}

div#onglets_admin { 							/* Onglets de naviguation du panel admin */ 
	height: 50px;
	width: 675px;
	margin-left: 50px;
	float: left;
}

div.onglet_on {	
	position: relative;
	z-index: 10;
	height: 52px;
	width: 89px; 
	background: url('images/design/onglet_on.png'); 
	float: left; 
	color: white;
}

div.onglet_off {
	position: relative;	 
	z-index: 5;
	height: 52px;
	width: 82px;   
	background: url('images/design/onglet_off.png');
	float: left;
	margin-left: -2px;
}

div.onglet_on p {
	margin-top: 30px;
	margin-right: 10px;
	text-align: right;
}

div.onglet_on a {
	color: white;
	text-decoration: none;
}

div.onglet_off p {
	margin-top: 30px;
	margin-right: 10px;
	text-align: right;
}

div.onglet_off a {
	color: #807474;
	text-decoration: none;
}

div#centre { 									/* Zone de texte centrale */ 
	width: 67%; 
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	float: right;
	background-position: bottom right;
	text-align: left;
}

div#centre_admin { 									/* Zone de texte centrale */ 
	width: 96%; 
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	float: right;
}

div#login { 									/* Zone de texte centrale */ 
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 							/* on rétablit l'alignement normal du texte */
	background-color: white;
	border-width: 1px;	
	border-style: solid;
	border-color: black;
}

div#footer { 									/* Barre pied de page */ 
	height: 29px;
	clear: both;
	position: relative;
	margin-top: 10px;
	background: url('images/design/barre.png');
}

div#compteur {
	width: 60px;
	font-size: 10px;
	padding-top: 8px;
	text-align: center;
	color: #B1B1B1;
	float: left;
}

div#compteur a {
	font-size: 10px;
	color: #B1B1B1;
}

div#copy {
  width: 650px;
  font-size: 11px;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color: #B1B1B1;
  padding-top: 8px;
  text-align: center;
  float: left;
}

div#copy a {
	color: #e5e5e5;
}

div#boutons {
	width: 50px;
	font-size: 10px;
	padding-top: 8px;
	text-align: center;
	color: #B1B1B1;
	float: right;
}

.photo {
  background: white;
  margin: 10px;
  padding: 8px;
  border: 1px solid #666666;
}

div.pics {
	padding: 4px;
	float: left;
	font-size: 10px;
	margin-left: 10px;
	border: 1px solid black;
	font-size: 10px;
}

div.pics_a {
	padding: 6px;
	float: left;
	font-size: 10px;
	margin-left: 0px;
}

div.last_pics {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 685px;
	clear: both;
}

div.btn_menu_photo {
	width: 150px;
	height: 20px;
	padding: 2px;
	border: 1px solid #C2C2C2;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #F6F6F6;
}

div.btn_menu_photo:hover {
	background-color: #F6DEC4;
	border: 1px solid #7D7D7D;

}

#form { background-color: #F6F6F6; }
#form legend {
	padding: 5px;
	border-width: 1px;	
	border-style: dashed;
	border-color: #807474;
}

/* 												Modification des balises HTML de base */

body, table, tr, td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
	padding: 0px;
	margin: 0px;
}

li {
  color : #FF9966;
}

li span {
  color : #807474;
}

li span:hover {
  color : #FF9966;
}

ul {
	padding: 0px;
	margin-left: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

fieldset { 
	/* -moz-border-radius: 8px; */
	border-width: 1px;	
	border-style: dashed;
	border-color: #807474;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

legend { 
	background-color: white;
}

input, textarea, select {
	border-width: 1px;	
	border-style: solid;
	border-color: #B1B1B1;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #807474;
	margin: 0px;
}

a {
	color: #CC6600;
	text-decoration: none;
}

a:hover {
	color: #FF9966;
	text-decoration: none;
}

hr {
	color: #B1B1B1;
	background-color: #B1B1B1;
	height: 1px;
	border: 0;
}


/* Chamfer Borders*/
.chamfer { background: transparent; margin: 0 auto; }
.chamfer h1, .chamfer p { margin:0 10px; }
.chamfer h1 { text-decoration: underline; font-size: 1em; color: #000; letter-spacing:1px; margin-left:15px; margin-bottom:10px; background-position: center left; padding-left: 20px; background: url(images/pattedechat.gif); background-repeat: no-repeat; }
.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;}

/* Version garçon */
.boy .chamfer .boxcontent { background-color: #dee7fd; } 
.boy .chamfer .b2, .boy .chamfer .b3, .boy .chamfer .b4, .boy .chamfer .b5 { background-color: #dee7fd; } 

/* Version fille */
.girl .chamfer .boxcontent { background-color: #fddef0; }
.girl .chamfer .b2, .girl .chamfer .b3, .girl .chamfer .b4, .girl .chamfer .b5 { background-color: #fddef0; }

/* 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; }