body {background: url('/design/home/back_repeat.jpg') repeat-x top;}

img.inline {
    position: relative;
    top: 3px;
}

img.button {
    cursor: pointer;
    padding: 1px;
}

img.button_over {
    border: 1px solid #e85716;
    padding: 0;
}


/** PAGE **********************************************************************/
table#table-page {
    border-collapse: collapse;
	width: 100%;
	height: 100%;
	background: url('/design/home/back_left.jpg') no-repeat -8px top;
}
    table#table-page td {
        vertical-align: top;
        padding: 0;
        /*border: 1px solid red;*/
    }
    table#table-page #page-left {
        width: 200px;
    }
    table#table-page #page-center {
    }
    table#table-page #page-right {
        width: 200px;
		background: url('/design/home/back_right.jpg') no-repeat top right;
    }

/** HEADER ********************************************************************/
#header {
    padding: 1px 8px;
    font-size: 0.8em;
}
 	#header a {
		color: #464540;
		text-decoration: none;
	}
	#header a:hover {
		text-decoration: underline;
	}

	#header #menu-haut {
	    margin: 140px auto 0;
	    width: 530px;
	    height: 25px;
	}
		#header #menu-haut ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#header #menu-haut li {
			float: left;
			margin-right: 0px;
		}

	#header #connexion {
	    float: right;
	}
	#header #login {

	}
	#flag {
		float:right;
		height:20px;
		padding:0px 6px 0 10px;
	}
	
	#flag img{
		cursor: pointer;
	}


/** MENU **********************************************************************/
 	#menu h1 {
		font-size: 1.2em;
	}
 	#menu h2 {
		font-size: 1em;
		border-bottom: 1px solid #ff9900;
		width: 145px;
		padding-bottom: 4px;
	}
	#menu ul {
	    color: #ff9900;
	    /*list-style-type: none;*/
	    padding: 0 0 0 14px;
	    margin: 0 0 10px 0;
	}
	#menu li {
	    padding: 0;
	    margin: 0;
	}
	#menu ul ul {
        margin-left: 10px;
	}
	#menu a {
		color: #464540;
		text-decoration: none;
	}
	#menu a:hover {
	
	}
	#menu a.active {
	   font-weight: bold;
    }


/** DROITE ********************************************************************/
#droite {
    font-size: 0.8em;
    margin: 10px;
    margin-top: 220px;
}
 	#droite h1 {
		font-size: 1.2em;
	}
 	#droite h2 {
		font-size: 1em;
	}
	#droite ul {
	    list-style-type: none;
	    padding: 0;
	    margin: 0 0 10px 0;
	}
	#droite ul ul {
        margin-left: 10px;
	}
	#droite a {
		color: #464540;
		text-decoration: none;
	}
	#droite a:hover {
	    color: #fc781c;
		text-decoration: underline;
	}

/** MESSAGE *******************************************************************/
#message span {
    float: left;
    position: relative;
    top: -3px;
    background-position: 5px 0;
    background-repeat: no-repeat;
    padding: 7px 0 0 45px;
    margin: 10px 0 0 20px;
    text-align: left;
	height: 25px;
}
    html>body #message span {
        height: auto;
        min-height: 25px;
    }
        #message a {
            text-decoration: none;
            font-weight: bold;
        }
        #message a:hover {
            text-decoration: underline;
        }
    
    #message .erreur {
        color: red;
        background-image: url('/design/erreur.png');
    }
        #message .erreur a { color: red; }
    
    #message .avert {
        color: rgb(236, 118, 0);
        background-image: url('/design/avert.png');
    }
        #message .avert a { color: rgb(236, 118, 0); }
    
    #message .info {
        color: blue;
        background-image: url('/design/info.png');
    }
        #message .info a { color: blue; }
        
        	
/** CONTENU *******************************************************************/
#content {
    clear: both;
    margin: 30px 0 0;
    font-size: 0.8em;
}

	#content h1 {
        font-size: 1.4em;
        margin-top: 0;
	}
	#content h2 {
        font-size: 1.2em;
        margin-top: 0;
	}
	#content a {
		color: #464540;
        font-weight: bold;
		text-decoration: none;
	}
	#content a:hover {
	    color: #fc781c;
		text-decoration: underline;
	}
	#content a.nounderline:hover {
		text-decoration: none;
	}

    #content dl.detail {
		margin: 1em 0 0;
		padding: 0;
	}

	#content dl.detail dt {
		position: relative;
		width: 8em;
		font-weight: bold;
		margin: -.5em 0;
		/*height: 2em;*/
	}

	#content dl.detail dd {
		position: relative;
		top: -0.8em;
		margin: 0 0 0 8em;
		padding: 0 0 0 .5em;
	}


	#content dl.aide dt {
	    cursor: pointer;
	    font-weight: bold;
	}
	#content dl.aide dd {
	    margin-bottom: 10px;
	}


	/** FORMULAIRE ************************************************************/
    #content #page_connexion form p label {
        float: left;
        width: 100px;
    }
    #content #page_profil form p label {
        float: left;
        width: 200px;
    }
	#content form {
	    /*margin: 10px;
	    padding: 10px;
	    background: #eeeeec;*/
	}
    #content form p {
        margin: 5px 0 5px 0;
    }
    #content form p label {
        clear: left;
        float: left;
        width: 200px;
        cursor: pointer;
        text-align: right;
        margin-right: 10px;
    }
    input.submit,
    input.button {
        border: 1px solid #ff9900;
        border-style: outset;
        background: #ff9900;
        color: white;
        margin: 10px;
    }
    
    form textarea.textarea {
        font-size: 10pt;
    }
    form textarea.title {
        font-size: 10pt;
    }
    form fieldset {
        border: none;
        padding: 0;
        margin: 0;
    }


    form fieldset legend {
        font-weight: bold;
    }


    /*
        #content form fieldset dl {
        	margin: 1em 0;
        	padding: 0;
        }
            #content form fieldset dl dt {
            	position: relative;
            	width: 15em;
            	margin: -.5em 0;
            }
            #content form fieldset dl dd {
            	position: relative;
            	top: -0.9em;
            	margin: 0 0 0 16em;
            	padding: 0 0 0 .5em;
            }
            #content form fieldset dl dd.bouton{
                margin-top: 3px;
                background-color: #ffffff;
            }*/



	/** TABLEAU ***************************************************************
	#content table {
	    border-collapse: collapse;
	}
	    #content table td {
	        padding: 3px;
	    }
	    #content thead {
	        text-align: center;
	        font-weight: bold;
	        color: #909001;
	        font-size: 0.9em;
	    }
	    #content thead td {
	        border-top: 1px solid #b6b400;
	        border-bottom: 1px solid #b6b400;
	    }
	    #content tbody tr {
	        border-bottom: 1px solid #b6b400;
	    }
	    #content tfoot tr {

	    }*/

	/** ***********************************************************************/
	/*.no-puce {
        list-style-type: none;
        padding-left: 15px;
    }*/

    /** MENUBAR ***************************************************************/
    #tab {
        float: left;
        width: 100%;
        background: url('/design/tabs/tab_bg.gif') repeat-x bottom;
        margin: 0 0 5px 0;
	    color: #27537a;
	    font-size: 12px;
	    font-weight: bold;
    }
        #tab ul {
            margin: 0;
			padding: 0 10px 0;
            list-style: none;
        }
        #tab li {
            float: left;
            margin: 0 1px 0 0;
            padding: 0;
            background: url('/design/tabs/tab_right.gif') no-repeat right top;
        }
        #tab a {
            display: block;
            background: url('/design/tabs/tab_left.gif') no-repeat left top;
			padding: 5px 15px 5px;
			text-decoration: none;
        }
        #tab a:hover {

        }

        #tab li.selected {
            background-image: url('/design/tabs/tab_right_on.gif');
        }
        #tab li.selected a {
            background-image: url('/design/tabs/tab_left_on.gif');
			padding-bottom: 6px;
        }

/** FOOTER ********************************************************************/
#footer {
    padding: 10px 0;
    font-size: 0.7em;
    text-align: center;
}

#footer a:hover {
	text-decoration: underline;
}

#footer a {
	color: #ff6803;
	text-decoration: none;
}

/*********
 * RECETTE
 ******************************************************************************/
 
.orange {
    color: #FF6600;
}


div.rounded-box {
	background: #eeeeec !important;
}
div.rounded-box div {
	background: url('/design/recette/recette-info-topleft.gif') no-repeat top left !important; }
div.rounded-box div div {
	background: url('/design/recette/recette-info-topright.gif') no-repeat top right !important; }
div.rounded-box div div div {
	background: url('/design/recette/recette-info-bottomright.gif') no-repeat bottom right !important; }
div.rounded-box div div div div {
	background: url('/design/recette/recette-info-bottomleft.gif') no-repeat bottom left !important;
	padding: 6px;
}
div.rounded-box div div div div > div {
	background: none !important;
	padding: 0px;
}

#materiel-body {
	background: #c2c1bb;
	padding: 0 0 10px 0;
}

#materiel-body-main-photo {
	background: #c2c1bb;
	padding: 0 0 10px 0;
	height: 120px;
}

#ingredient-body {
	background: #c2c1bb;
	padding: 0;
}

#ingredient-body-main-photo {
	background: #c2c1bb;
	padding: 0;
	height: 120px;
}

#nothing-recette {
	background: #c2c1bb;
}

#recette-video {
	background: #c2c1bb;
	padding: 10px 0 10px 15px;
}

#recette-body {
	background: #c2c1bb;
	padding: 10px 0 10px 0;
}
    #recette-body p {
        margin: 0 10px 0px;
    }
	#recette-body h2 {
	    font-size: 1.1em;
		padding: 2px 10px 1px;
		margin: 0;
		color: #464540;
	}

	#recette-body table.recette-liste {
	    clear: both;
		border-collapse: collapse;
		background: #d9d8d2;
		width: 100%;
	}
		#recette-body table.recette-liste thead {
			background: #e7e6e4;
			color: #ff6600;
			font-weight: bold;
		}
			#recette-body table.recette-liste thead td {
			    border-top: 1px solid white;
				border-bottom: 2px solid #c2c1bb;
				background: #e7e6e4 url('/design/recette/border-thead.gif') repeat-x bottom left;
				padding: 2px 0 3px;
			    /* padding: 4px 7px 4px 7px; */
			}
			#recette-body table.recette-liste thead a {
				color: #ff6600;
   			}
   			
		#recette-body table.recette-liste tbody td {
		    border-bottom: 1px solid white;
		    background: #d9d8d2;
			padding: 4px 7px 4px 7px;
		}


	#recette-filter {
	    float: right;
	    width: 240px;
	    margin: 0 10px 10px;
	}
	
	#recette-filter #btn-collapse-filter {
	    cursor: pointer;
	    font-weight: bold;
	}
	

/** ingredient ************************/
#ingredient-similary {
	background: #c2c1bb;
	padding: 0 0 10px 0;
}
    #ingredient-similary p {
        margin: 0 10px 0px;
    }
	#ingredient-similary h2 {
	    font-size: 1.1em;
		padding: 2px 10px 1px;
		margin: 0;
		color: #464540;
	}

	#ingredient-similary table.recette-liste {
	    clear: both;
		border-collapse: collapse;
		background: #d9d8d2;
		width: 100%;
	}
		#ingredient-similary table.recette-liste thead {
			background: #e7e6e4;
			color: #ff6600;
			font-weight: bold;
		}
			#ingredient-similary table.recette-liste thead td {
			    border-top: 1px solid white;
				border-bottom: 2px solid #c2c1bb;
				background: #e7e6e4 url('/design/recette/border-thead.gif') repeat-x bottom left;
				padding: 2px 0 3px;
			    /* padding: 4px 7px 4px 7px; */
			}
			#ingredient-similary table.recette-liste thead a {
				color: #ff6600;
   			}
   			
		#ingredient-similary table.recette-liste tbody td {
		    border-bottom: 1px solid white;
		    background: #d9d8d2;
			padding: 4px 7px 4px 7px;
		}


	#recette-filter {
	    float: right;
	    width: 240px;
	    margin: 0 10px 10px;
	}
	
	#recette-filter #btn-collapse-filter {
	    cursor: pointer;
	    font-weight: bold;
	}



#photo-rate {
	zoom: 1;
	background: #eeeeec;
	width: 310px;
	margin: 10px auto;
}
#photo-rate div.line {
    padding: 1px 0;
}
#photo-rate div.underline {
    border-bottom: 1px solid white;
}
#photo-rate em {
	font-style: normal;
	font-weight: bold;
	color: #ff6600;
}
	#photo-rate .corner-topleft  { background: url('/design/corner/corner-topleft-1.gif') no-repeat top left; }
	#photo-rate .corner-topright { background: url('/design/corner/corner-topright-1.gif') no-repeat top right; }
	#photo-rate .corner-btmright { background: url('/design/corner/corner-btmright-1.gif') no-repeat bottom right; }
	#photo-rate .corner-btmleft  {
		background: url('/design/corner/corner-btmleft-1.gif') no-repeat bottom left;
		padding: 6px;
	}
	#photo-rate form { margin: 0; }
	
/* profil détail
     ***********************************************************************/
    #profil-box { border: 1px solid #31859B; /* height: 148px; */ } 
    
    #profil dl.detail {
    	position: relative;
    	float: left;
    	left: 5px;
    	margin-top: 10px;
	}

	#profil .detail dt {
		position: relative;
		width: 15em;
		font-weight: bold;
		margin: -.5em 0;
	}

	#profil .detail dd {
		position: relative;
		top: -0.8em;
		margin: 0 0 0 16em;
		padding: 0 0 0 .5em;
		min-height: 18px;
	}

/* profil detail *************************************************************/
#profil div#detail {clear: both; position: relative; font-weight: bold; padding: 4px;}
#profil div#detail div#title {float: left; width: 12%;}
#profil div#detail div#field {float: left; width: 88%;}

/* profil-freemail *****************************************************************/
div#mail {position: relative; float: left; width: 100%;}
div#mail h1 {text-align: center; margin: 15px;}
div#mail #connection {position: relative; float: left; width: 49%; border-right: 2px solid;}
div#mail #inscription {position: relative; float: right; width: 50%;}
div#detail {clear: both; position: relative; padding: 4px;}
div#detail div#title {float: left; width: 20%;}
div#detail div#field {float: left; width: 50%;}