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

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

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

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

.text-center  {text-align: center;}
.text-right   {text-align: right;}
.text-justify {text-align: justify;}
.text-lower   {text-transform: lowercase;}

.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.pub_google {
  margin-right: 10px; 
  float: left;
}



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

div.coin1 {
  width:200px;
  margin-bottom: 5px;
  padding: 3px;
  background-image: url(/img/coin.png);
  background-repeat: repeat-x;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius:10px;
}

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

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

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



/****************************** header ******************************/
#header {
	background: #323232 url('img/background_header.jpg') center repeat-y;
	width     : 100%;
}
#header:after {
	clear     : both;
	content   : '.';
	display   : block;
	height    : 0;
	visibility: hidden;
}
#header_inside {
	border-left : 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin      : 0 auto;
	width       : 800px;
}



#header_inside h1 {
	color      : #fff;
	font       : 2.5em 'Trebuchet MS', Verdana, sans-serif;
	height     : 80px;
	line-height: 80px;
	margin     : 0;
	width      : 350px;
}


#header_inside newletter {
  height     : 25px;
  line-height: 25px;
}

#header_inside h1 img {
  vertical-align: top;
}


#header_inside h1 a, #header_inside h1 a:hover {
  color: white;
}

#header_inside ul {
	float     : right;
	height    : 100px;
	list-style: none;
	width     : 400px;
}
#header_inside ul li {
	border-right: 1px solid #555;
	float       : right;
	height      : 100px;
	list-style  : none;
	width       : 70px;
  white-space: nowrap;
}

#header_inside ul li a {
	color      : #fff;
	display    : block;
	height     : 50px;
	line-height: 50px;
	padding    : 50px 0 0;
	text-align : center;
	border-top : 3px solid #343434;
}

#header_inside ul li a:hover,
#header_inside ul li a.active {
	background: #fff;
	color     : #111;
}

#header_inside2 {
  float      : left;
  width      : 400px;
  color      : white;
  margin-bottom: 2px;
}

/****************************** content ******************************/
#content {
	background:#fff url('img/background_content.jpg') center repeat-y;
	width     :100%;
}

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

div#pub {
  text-align: right;
  float:left;
  width:140px;
  margin-top: 10px;
  margin-right: -140px;
}

#content_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:0 auto;
	width:800px;
}

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

#content_inside_sidebar h2 {
	background : #fff;
	color      : #000;
	font-size  : 110%;
	font-weight: bold;
	padding    : 5px 0;
	text-align : right;
}

#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 : 175%;
	padding     : 10px;
	width       : 550px;
	min-height  : 700px;
}

#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:#323232 url('img/background_header.jpg') center repeat-y;
	height:70px;
	width:100%;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	height:70px;
	margin:0 auto;
	width:800px;
}
#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;
}