body {
    margin: 0;
    min-height: 940px;
    font-family: Arial, Verdana, Tahoma;
    color: white;
}

a img {
    border : none;
}

form .bouton {

    background: url('/design/etoile_activites_nav.gif') no-repeat;
    padding:  0px 0px 3px 22px;
    text-align: left;
    border: none;
    color: #93e2ed;
    height: 20px;
    margin: 2px 0px 0px 0px;
    cursor: pointer;
}
form input.error {    			
    			background-color: pink;
}
.error {    			
    			background-color: pink;
}
/**
 *******************************************************************************/
#content {
    clear: both;
	height: 620px;
    margin: 0pt auto;
    width: 990px;
}

/****************************/
#bouton {
background:transparent url(/design/etoile_activites_nav.gif) no-repeat scroll 0%;
border:medium none;
color:#93E2ED;
cursor:pointer;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 22px;
float: left;
min-height: 15px;
}

/**
 *******************************************************************************/

dl.table-display {
		margin: 0;/*1em */
		padding: 0;
	}

	.table-display dt {
		position: relative;
		width: 10em;
		
		font-style: italic;
		
	}

	.table-display dd {
		position: relative;
		top: -1.3em;
		margin: 0 0 0 10em;
		padding: 0 0 0 .5em;
		
	}
	
	dd.bouton{
        margin-top: 3px;
        background-color: #ffffff;
    }
/***********************************************************************/

#connexion {
    color: #93e2ed;
    margin: 3px auto 0px auto;
    width: 990px;
    height: 20px;
}

	#connexion #flag{
		float: right;
        height: 20px;
		padding: 2px 6px 0px 10px;
	}
    #connexion #logout {
		float: right;
        height: 20px;
        font-size: 0.75em;
        padding:0px 5px 0px 0px;
    }
    #connexion #login {
		float: right;
        font-size: 0.70em;
        height: 20px;
        background: url('/design/etoile_activites_nav.gif') no-repeat;
	    padding:  2px 6px 0px 25px;
	    text-align: left;
	    border: none;
	    color: #93e2ed;
    	cursor: pointer;
    }

    #connexion #input_form, #text_box_password, #password_box {
		float: right;
        height: 20px;
    }

    #connexion a {
        color: white;
        text-decoration: none;
        font-weight: bold;
    }
    #connexion a:hover {
        color: #ff6600; 
        text-decoration: underline;
    }

/**
 *******************************************************************************/
#nav_haute {
	
    font-size: 0.6em;
    height: 35px;
    margin: 15px auto 0 auto;
	width: 990px;
}
        #nav_principale_gauche {
            background: url('/design/etoile_activites_nav.gif') no-repeat;
			padding: 2px 0 0 0px;
            height: 20px;
            
            float: left;
        }
        #nav_principale_gauche a {
            color: #FF6600;
            text-decoration: none;
            font-weight: bold;
        }
        
        #nav_principale_droite {
            background: url('/design/etoile_martial_nav.gif') no-repeat;
			padding: 2px 0 0 0px;
            height: 20px;
            float: right;
        }
        #nav_principale_droite a {
            color: #FF3300;
            text-decoration: none;
            font-weight: bold;
        }
    
    #sous_nav {
        clear: both;
    }
        
        #sous_nav_gauche {
            float: left;
            position: relative;
            top: -5px;
        }
        #sous_nav_gauche a { 
            color: #ff6600; 
            text-decoration: none;
            font-weight: bold;
        }
        #sous_nav_droite {
            float: right;
            position: relative;
            top: -5px;
        }
        #sous_nav_droite a {
            color: #ff2400;
            text-decoration: none;
            font-weight: bold;
        }
    
    #nav_haute a:hover {
        text-decoration: underline;
    }

/**
*******************************************************************************/
#logo{
   /*background: url('/design/logo-chef-martial.gif') no-repeat;*/
    position: absolute;
    padding: 8px 0 0 255px;
    height: 95px;
    width: 100px;
}

/**Menu navigation gauche
*******************************************************************************/
#culinaire {
        float: left;
    }

#titre_culinaire {
        width: 195px;
        height: 29px;
        margin: 0 0 8px 0px;
    } 
        #titre_culinaire img{
            float: left;
        } 

#menu_culinaire {
        width: 182px;
        height: 105px;
        font-size: 0.7em;
        padding: 10px 5px 0 8px;
    }
        #menu_culinaire ul {
            list-style-type: none;
            margin: 0;
			padding: 3px 0 0 0;
        }
        #menu_culinaire li {
            margin-top: 4px;
        }
        #menu_culinaire li.dotted {
            border-top: 1px dotted #ff2c00;
            padding-top: 3px;
        }
        #menu_culinaire a {
            background: url('/design/puce_rouge.gif') no-repeat left 2px;
            padding: 0 0 0 15px;
            /*position: relative;
            left: -5px;*/
            color: white;
            text-decoration: none;
            font-weight: bold;
        }
        #menu_culinaire a:hover {
            text-decoration: underline;
        }
        
/**
*******************************************************************************/
   /* #martial {
        float: right;
    }*/    
    #to_right {
        float: right;
    }  
    
    #to_left {
        float: left;
    } 
    
    #titre_martial {
        width: 170px;
        height: 29px;
        margin: 0 0 8px 0;
    } 
    #titre_martial img{
        float: left;
    }

#menu_martial {
        width: 153px;
        height: 105px;
        font-size: 0.7em;
        padding: 10px 5px 0 8px;
    }
        #menu_martial ul {
            list-style-type: none;
            margin: 0;
            padding: 3px 0 0 0;
        }
        #menu_martial li {
            margin-top: 4px;
        }
        #menu_martial li.dotted {
            border-top: 1px dotted #ffb800;
            padding-top: 3px;
        }
        #menu_martial a {
            background: url('/design/puce_jaune.gif') no-repeat left 2px;
            padding: 0 0 0 15px;
            color: white;
            text-decoration: none;
            font-weight: bold;
        }
        #menu_martial a:hover {
            text-decoration: underline;
        }

		
/**
 *******************************************************************************/
#footer_content  {
    font-size: 0.6em;
    margin: 0 14px 0 37px;
    color: #ff6600;
    background: url('/design/pointille.gif') repeat-x bottom;
    height: 25px;
    clear: both;
}
    #footer_content a {
        color: #cfeffc;
        margin-left: 1px;
        text-decoration: none;
        font-weight: bold;
    }
    #footer_content a:hover {
        text-decoration: underline;
    }
    #footer_content .gauche {
        float: left;
        margin: 8px 0;
    }
    #footer_content .droite {
        float: right;
        margin: 8px 0;
    }
    
/**
 *******************************************************************************/
#footer_nav {
    font-size: 0.6em;
    color: #ff6600;
    text-align: center;
    height: 10px;
    clear: both;
}

#reporting_form {
    margin-top: 50px; 
    text-align: center;
}
    #reporting_form p {
        color: #ff6600;
        font-size: 0.8em;
    }

#reporting_msg {
    margin-top: 50px; 
    color: #ff6600;
    text-align: center;
    font-size: 0.8em;
}

#gallery {
	clear: both;
}
/*******************************************/
dl.list-album {
	margin: 1em 0;
	padding: 0;
}

.list-album dt {
	position: relative;
	width: 20em;
	/**margin: -1.5em 0 1em 0;*/	
}

.list-album dd {
	position: relative;
	
	margin: -1.5em 0 0 16em;
}
/*** Clear ****************************************/
#clear {
	clear: both;
}
#description-area {
	width: 400px; 
	text-align: justify;
}