/* cefinban Css file designed by coulix */
body{font: 10px Verdana,Arial,sans-serif; text-align: center;background: #b7b7d0;padding-bottom:10px;}

.bl_header_connect {background: url(../img/css/bl_header_connect.gif) 0 100% no-repeat #626B8C; }
.br_header_connect {background: url(../img/css/br_header_connect.gif) 100% 100% no-repeat}
.tl_header_connect {background: url(../img/css/tl_header_connect.gif) 0 0 no-repeat}
.tr_header_connect {background: url(../img/css/tr_header_connect.gif) 100% 0 no-repeat; padding:2px;}

.bl_header_container {background: url(../img/css/bl_header_container.gif) 0 100% no-repeat #ffffff; }
.br_header_container {background: url(../img/css/br_header_container.gif) 100% 100% no-repeat}
.tl_header_container {background: url(../img/css/tl_header_container.gif) 0 0 no-repeat}
.tr_header_container {background: url(../img/css/tr_header_container.gif) 100% 0 no-repeat; padding:4px;}

.bl_footer {background: url(../img/css/bl_footer.gif) 0 100% no-repeat #626B8C;  }
.br_footer {background: url(../img/css/br_footer.gif) 100% 100% no-repeat}
.tl_footer {background: url(../img/css/tl_footer.gif) 0 0 no-repeat; }
.tr_footer {background: url(../img/css/tr_footer.gif) 100% 0 no-repeat; padding:3px;}

.bl_green_to_white {background: url(../img/css/bl_green_to_white.gif) 0 100% no-repeat #3e9607; }
.br_green_to_white {background: url(../img/css/br_green_to_white.gif) 100% 100% no-repeat}
.tl_green_to_white {background: url(../img/css/tl_green_to_white.gif) 0 0 no-repeat}
.tr_green_to_white {background: url(../img/css/tr_green_to_white.gif) 100% 0 no-repeat; padding:5px;}

.bl_orange_to_white {background: url(../img/css/bl_orange_to_white.gif) 0 100% no-repeat #ff973a; }
.br_orange_to_white {background: url(../img/css/br_orange_to_white.gif) 100% 100% no-repeat}
.tl_orange_to_white {background: url(../img/css/tl_orange_to_white.gif) 0 0 no-repeat}
.tr_orange_to_white {background: url(../img/css/tr_orange_to_white.gif) 100% 0 no-repeat; padding:3px;}

.tl_comment_even {background: url(../img/css/tl_comment_even.gif) 0 0 no-repeat;}
.br_comment_even {background: url(../img/css/br_comment_even.gif) 100% 100% no-repeat;  }

.tl_comment_odd {background: url(../img/css/tl_comment_odd.gif) 0 0 no-repeat;  }
.br_comment_odd {background: url(../img/css/br_comment_odd.gif) 100% 100% no-repeat;  }

.bl_post {background: url(../img/css/bl_post.gif) 0 100% no-repeat #b4b9cd; }
.br_post {background: url(../img/css/br_post.gif) 100% 100% no-repeat}
.tl_post {background: url(../img/css/tl_post.gif) 0 0 no-repeat}
.tr_post {background: url(../img/css/tr_post.gif) 100% 0 no-repeat; padding:3px;}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
 width: 150px;

  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid green;
  background-color: #dcfdc7;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000;
  text-align: left;
}


#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

/* css/tooltip.css */
#edit-pass-off {display:none; }

img#rssimg { height:15px; width:15px;}
div#container{ width: 70%; min-width:670px; margin: auto; margin-bottom:0px;
text-align:left;line-height: 17px;}
div#innercontainer {background-image : url(../img/design/logo_big.jpg);background-position : bottom right;background-repeat : no-repeat;overflow : auto; }      	
div#content {width:65%;padding:8px; font-size:14px;   min-height:320px;
  height:auto !important;
  height:320px;}

div#menu_container { float: right; font-size:14px; margin: 5px;}		
div#menu {width: 160px; background:#ff973a; text-align: center; }
div#search { width: 104px; margin-left: 58px; margin-top:8px; background:#3e9607;text-align: center;}

ul#nav { margin: 0; padding: 3px;  }
ul#nav li { list-style-type:none; margin: 0px; padding: 0px; display: inline;}
ul#nav li a { display: block; padding:3px;  font-weight:bold; font-size:  80%;margin:0px;text-align: center;background: #ff973a;text-decoration:none;color:maroon; }
ul#nav li a:hover{   display: block;padding:3px; font-weight:bold;font-size: 80%; margin:0px;text-align: center; text-decoration:none; color: #FFC; background: #ffe5c3; color:green; }

.contacts #nav-contacts,
.detail #nav-detail, .ajouter #nav-ajouter,
.index #nav-index, .mes_recettes #nav-mes_recettes,
.mon_compte #nav-mon_compte, .podium #nav-podium,
.faq #nav-faq, .contact #nav-contact, .home #nav-home
{color: green;}


div#inner_container {
		padding: 8px;
}
div#inner_container_small {
		padding: 4px;
}

div#footercontainer {background-color:#626B8C;color:white; width: 70%; margin: auto; min-width:670px;font-size:12px;margin-top: 5px; text-align: left; }
div#footer {padding: 1px 1px 1px 10px; }
div#header_container {background-color:#FFF; color:white; width: 70%; margin: auto; margin-bottom:5px; min-width:670px; font-size:14px;	text-align: left;}
div#header_logo {
		float:left; 	
		padding: 2px 0 0 5px;
}


div#details  {
	background-color:#ff973a; 
	border: none;
	width:460px;
	
}

#id_time_prep , #id_time_cook,
{
	width: 60px;
}

div #inner_container label{
	width: 100px;
	float: left;
	text-align: left;
	margin-right: 1em;
	display: block;
}

#details a.info:hover{z-index:25; background-color:#ff973a;}

a.info:hover{z-index:25; background-color:#fff;}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    left:2em; width:15em;
    background-color:#fff;
    border: 1px solid green;
    color:black;
    text-align: center}

/* Form styling */
input.green_button {background-color: #3e9607;margin-top:5px; border: 1px solid green; font-weight: bold; font-size: 12px; color: white; cursor:pointer;}


.editor {
	border: 2px solid maroon;
}

div#header_right	{ 
		font-size: 0.9em;
		float:right; 
		text-align: right;
		color: white;	
		background-color:#626B8C;
}

div#header_right a, div#options a {
	color: #ff973a;
}

div#header_right a:hover, div#options a:hover {
	color: white;
}

.indent {
		margin-left:20px;
		margin-top:3px;
		font-size: 12px;
}

div#index a:hover 
{
	background:none;
	border-bottom:1px dashed green;
}
	
	
.level {color:#626B8C;}
.quantity, .author{color:#3e9607;}
.mark {color:#d97b00;}


	
/* Comments */
div.comment_even {background-color:#dcfdc7;width:85%; margin-bottom: 5px;}
div.comment_odd {background-color:#FFDAA2;width:85%; margin-bottom: 5px; margin-top: 2px;}
div.comment_content {padding:8px;}	

#id_person_name {
	width: 100px;
}

 #id_username { width:100px;}		
#id_comment	 {
	width: 260px;
	height: 60px;
}

div#free_comment_container {
	background-color:#b4b9cd;
	margin-top:10px;
	width: 300px;
}
#contact-form textarea{ width: 222px;}
.inputcomment {margin-top: 2px;background:none; border: 1px solid #626B8C; cursor: pointer;}



/* DOJO */
/* Tooltip */
.tt {  cursor: pointer; }
body .dojoTooltip { color: black; background: white; font-size:10px; }

#spec_box {
	
	color: white;
  font-size:13px;
    width:270px;
	margin :  10px 0 -5px 0;
	background-color:#3e9607;
}

#foo {
	margin:0px;
	padding: 0px;
}
#spec_box ul{margin:0;padding:0; }
#spec_box li{list-style-type:none; }
	
#image-box {
	float: right;
	margin : 0 3px 0 3px;
	width : 150px;
	height : 150px;
	border: 2px solid #626B8C;
}


.help  {
	margin-left: 3px;
	margin-bottom: -3px;
}		
.comnum {
	float: right;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#aaa;
}

/* Titles */
h1, h2, h3, h4, h5, h6 { color: #4B81BC; font-family: Trebuchet MS, verdana, sans-serif; font-weight: normal; }
h1, h2 , h3, h4 {display:inline;}
h1 {color:white; font-size:10px;}
h2 {font-size:18px; color: #E65714;}
h3 {font-size:15px; color: #E65714; font-weight: bold; margin-top:10px; }
h4 {font-size:15px; font-weight:bold; color: green;}

p { margin: 0 0 0 5px; padding: 0px; font-size: 12px; }
div.just {  text-align:justify; font-size: 12px;	}
div.justnot { font-size: 12px;	}


#title_detail {
	margin-left: 5px;
	font-style: italic;
	color: black;
	font-size: 12px;	
}


	
	
	
	.container_center_txt_margin {
		font-size: 12px;
		text-align: justify;
		margin-right: 25px;
		
	}
	
div#result { width: 350px; padding:5px;}
	.error ul{margin:0px; padding:0px;}
	.error li{list-style-type:none; margin-left:5px;}

	#error {
	 color:red; 
	 font-weight: bold;
	 font-size: 12px;
	 }

	#error-ajax {
	 border: 1px solid rgb(255, 0, 0); 
	 padding: 2px; 
	 color: white;
	 background: rgb(204, 0, 0) none repeat scroll 0%;
	 width: 255px; 
	 font-size: 0.8em; 
	 display: block; 

	 }
	 
	 #ok-ajax {
	 border: 1px solid green; 
	 padding: 2px; 
	 background: #dcfdc7 none repeat scroll 0%;
	 width: 255px; 
	 font-size: 0.8em; 
	 display: block; 

	}
	/* login ok page */
	.login_message {
	width:430px;
	margin:0px auto;
	text-align:left;
	}
	.inner { padding:20px; }
	
	
	#question {
		color : maroon;
	}

	
    /* form */
    form {
    	line-height: 1.5em;
    	margin-top: 5px;
    }
    
    div#inner_container p {
    	display block;
    	
    }
    
    .password_form label
    {
    	width: 230px;
		float: left;
		text-align: left;
		margin-right: 2em;
		display: block;
    }
    
    .ajouter label{ 
    	width: 180px;
		float: left;
		text-align: left;
		margin-right: 1em;
		display: block;
		font-size:12px;

	}
	
		
	.edit_user label
	{
		width: 100px;
		float: left;
		text-align: left;
		margin-right: 1em;
		font-size:12px;
	}
#id_first_name {width:80px;}
#id_last_name {width:80px;}
#id_email {width:80px;}


/* Form layout */
#id_ingredients   {width : 30%;}
#id_etapes   {width : 70%;}
#id_conseils   {width : 70%; height: 4em;}

label {width: 95px; float: left; text-align: left; margin-right: 1em;display: block; font-size:12px;}
.recquired {color: maroon;font-size : 0.8em;}
.submit input {margin-left: 6em;}
/* Search */
.search_highlight { background-color:#FFDAA2; }	  
/* Links */
a:link, a:visited { color: maroon; text-decoration:none; }
a:hover { color: green;  }
a img { border:none; }
	

 .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  width: 215px;
  white-space: nowrap;
}


 .error_msg {
  background:url("../img/design/ico_cross_org.gif") no-repeat 0px 0px;
  font-weight: bold;
  color: #EA5200;
  font-size: 10px;
  padding-left: 20px;
  padding-bottom: 15px;
}



 .success_msg {
  background:url("../img/design/ico_check_green.gif") no-repeat 0px 0px;
  font-weight: bold;
  color: green;
  font-size: 10px;
  padding-left: 20px; 
  padding-bottom: 15px;
}