/* -------------------------------------- */
/*            G L O B A L E               */ 
/* -------------------------------------- */

* {
	border : 0;
	margin : 0;
	padding: 0;
}

/****************************** body ******************************/
body {
	background : #FDFDFD;
	color      : #111;
	font       : 0.85em/100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	/* line-height: 1.15em; */
}

/****************************** general ******************************/

.text-center  {text-align: center;}
.text-right   {text-align: right;}
.text-justify {text-align: justify;}
.text-lower   {text-transform: lowercase;}
.text-titre   {font: 1.5em Amaranth, serif;}
.clear {clear: both;}

.lettrine {
  float    : left; /* positionnement de la lettrine dans le conteneur*/
  font-size: 3.3em; /* 3 hauteurs de lignes pour la lettrine*/
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif;
  color      : #060;
  margin     : 1px;
  line-height: 1em;
}

div#message {
  background: transparent url(/img/message.png) no-repeat; 
  text-align: center;
  margin    : 0 auto;
  width     : 540px;
  padding-top: 4px;
  height    : 35px;
}

div.cadre {
  width:195px;
  margin-bottom: 5px;
  padding: 3px;
  background-image: url(/img/coin.png);
  background-repeat: repeat-x;
}

div.accueil {
  width:200px;
  padding:5px;
  float:left;
}

img.recette {
  border: 1px solid black;
  margin-right: 10px; 
  float: left;
}

img.mini {
  width: 26px;
  height: 26px;
  border: 0;
  vertical-align: middle;
  border-radius: 3px;  
}

img.normal {
  width: 45px;
  height: 45px;
  border: 0;
  vertical-align: middle;
  border-radius: 5px;  
}


div.photo {
  width: 120px;
  height: 120px;
  float: left;
}  
  
  
div.photo img {
  width: 110px;
  height: 110px;
  margin-top: 7px;
  margin-left: 7px;
  border: 0;
  float: left;
  border-radius: 7px;
}  

div.photo2 {
  width: 100px;
  height: 100px;
  /* background: transparent url(/img/cadre2.png) no-repeat; */
}  
  
div.photo2 {
  float: left;
}  
  
div.photo2 img {
  width: 90px;
  height: 90px;
  margin-top: 7px;
  margin-left: 7px;
  border: 0;
  float: left;
  border-radius: 5px; 
}  



/****************************** header ******************************/
#header {
	height: 50px;
	width: 1000px;
	margin: 8px auto;
	vertical-align: center;
}

#header .logo {
  font: 2.5em 'Amaranth',  sans-serif;
}

#header .prefixe {
  color: #343434;
}


/****************************** menu ******************************/
#menu {
	width : 100%;
	background: #050505;
	height: 60px;
	margin-bottom: 5px;
}

#menu ul {
	margin:0 auto;
	width:900px;
}

#menu ul li {
  display:inline-block;
  float:left;
  border-right:1px solid #202020;
  margin:0;
}

#menu li a {
	font: 19px/60px 'Bangers', serif;
	text-decoration:none;
	color:#f8f8f8;
	display:inline-block;
	padding:0 20px;
}

#menu li a:hover {
	background:#252525;
	text-shadow: 2px 2px 0 #000;
}

/****************************** content ******************************/
#content {
	width     :100%;
}

#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

div#pub {
  text-align: right;
  position: absolute;
  width:100px;
  margin-top: 10px;
  margin-right: -100px;
}

#content_inside {
	margin:0 auto;
	width:900px;
}



#content_inside_sidebar {
	float:right;
	line-height:175%;
	margin:5px 0 5px 670px;
	padding:0 0 0 10px;
	position:absolute;
	width:220px;
}

#content_inside_sidebar h2 {
	background : #fff;
	color      : #000;
	font-size  : 1.3em;;
	font-weight: normal;
	padding    : 5px 0;
	text-align : right;
	font-family: 'Amaranth', sans-serif;
}

#content_inside_sidebar ul {
	list-style:none;
	margin:0 0 10px;
}

#content_inside_sidebar ul li {
	list-style:none;
}

#content_inside_sidebar ul li a {
	border-bottom:1px solid #e9e9e9;
	display:block;
	padding:3px;
	text-align:right;
	width:194px;
}
#content_inside_sidebar ul li a:hover {
	background:#ddd;
	color:#000;
}

#content_inside_main {
	line-height : 140%;
	padding     : 10px;
	width       : 650px;
	min-height  : 830px;
}

#content_inside_main h1 {
	border-bottom: 1px solid #ccc;
	font-size    : 125%;
	padding      : 0 0 1px;
	margin-bottom: 5px;
}
#content_inside_main h2 {
	color:#ccc;
	font-size:115%;
	text-align:right;
}
#content_inside_main p {
	padding:0 0 10px;
}


/****************************** footer ******************************/
#footer {
	background:#050505;
	height:50px;
	width:100%;
	padding-top: 10px;
}


#footer_inside {
	height:50px;
	margin:0 auto;
	width:900px;
}

#footer_inside p {
	color:#fff;
	line-height:25px;
	text-align:center;
}

/****************************** table ******************************/

table.liste {
  width         : 100%;
  border-spacing: 0;
}

table.liste th {
  background   : #343434;
  color        : white;
  border-bottom: 1px solid #bbb;
}

table.liste td {
  border-bottom    : 1px solid #bbb;
}

table.liste tr:hover, table.liste tr:hover a{
  background: #ccc;
  color: black;
}

table.liste tr:hover th, table.liste tr:hover th a{
  background   : #343434;
  color        : white;
}

/****************************** table perso ******************************/
th.categorie {width: 16px;}
th.recette {}
th.propose {width: 100px;}
th.prepa   {width: 50px;}
th.cuisson {width: 50px;}
th.note    {width: 70px;}
th.operation {width: 30px;}

td  img {vertical-align: middle}
td.recette {padding: 0 2px 0 2px;}
td.propose,td.prepa,td.cuisson,td.note {
  text-align:center;
}


/****************************** Navigation ******************************/
a.nav {
  display: block;
  float  : left;
  border : 1px solid #343434;
  width  : 20px;
  height : 20px;
  margin-right: 5px;  
}

a.nav:hover, a.select {
  display   : block;
  float     : left;
  border    : 1px solid #343434;
  background: #343434;
  color     : white;
  width     : 20px;
  height    : 20px;
}


/********************************* Chapitre ******************************/
div.chapitre {
   background:#f1f1f1 url(/img/chapitre.gif);
   background-repeat: no-repeat;
   width: 100%;
   padding: 5px;
   margin-top:10px;
   border: 1px solid #333333;   
}

div.chapitre input[type=text],
div.chapitre textarea
{
   background:#f1f1f1;
}

div.chapitre span {
   color: white;
   font-size  : 125%;
   font-family: 'Amaranth'; 
}

div.chapitre span.text-titre {
  font-size: 1.5em;
}

.bordure {
  border-radius: 5px;   
}