/********************************************************************************
    Styles pour les éléments génériques
********************************************************************************/

img{border:0px;}
div.clear{clear:both;}

body
{
    background-color:   #f4f4f4;
    font-family:        arial;
    font-size:          11px;
}

h1
{
    margin:             0px;
    padding:            0px;
    padding-top:        10px;
    font-size:          16px;
    color:              #d00;
    border-bottom:      1px solid #d00;
}

h2
{
    margin:             0px;
    padding:            0px;
    font-size:          13px;
    color:              #000;
    font-weight:	bold;
}

p
{
    text-align:         justify;
    line-height:        16px;
    margin-top:         14px;
    margin-bottom:      14px;
}

a
{
    font-size:          11px;
    color:              #d00;
    font-weight:	bold;
    text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

/********************************************************************************
    Styles pour les éléments répétés
********************************************************************************/

img.photo
{
	border:		0px solid #666;
	border-bottom:	0px solid #666;
	border-right:	0px solid #666;
	padding:	0px;
}

a.home
{
    font-size:          12px;
    color:              #d00;
    font-weight:	    bold;
	text-decoration:	none;
}

a.home:hover
{
	text-decoration:	underline;
}

/********************************************************************************
    Styles pour les éléments de structure
********************************************************************************/

#container
{
    margin:             auto;
    width:              788px;
}

#banniere
{
    width:              788px;
    height:             130px;
    background-image:   url('design/banniere.png');
    background-repeat:  no-repeat;
}

#menu
{
    width:              774px;
    height:             30px;
    background-image:   url('design/menu_fond_global.png');
    background-repeat:  no-repeat;
    padding-left:       10px;
}

div.menu
{
    float:              left;
    background-image:   url('design/menu_fond.png');
    background-repeat:  repeat-x;
    height:             30px;
    width:              100px;
    text-align:         center;
}

div.menu_courant
{
    float:              left;
    background-image:   url('design/menu_fond_courant.png');
    background-repeat:  repeat-x;
    height:             30px;
    width:              100px;
    text-align:         center;
} 

div.menu_separateur
{
    float:              left;
    background-image:   url('design/menu_separateur.png');
    background-repeat:  no-repeat;
    background-position:center;
    height:             30px;
    width:              6px;
}

a.menu
{
    color:              #fff;
    font-weight:        bold;
    font-size:          12px;
    display:            block;
    width:              100%;
    height:             100%;
    text-decoration:    none;
    line-height:        30px;
    padding-left:       12px;
    padding-right:      12px;
    width:              76px;
}

a.menu:hover
{
    background-image:   url('design/menu_fond_hover.png');
    color:              #f95e00;
}

#page
{
    width:              788px;
    height:             320px;
    background-image:   url('design/fond_page.png');
    background-repeat:  repeat-y;
}

#page_content
{
    padding-left:       20px;
    padding-right:      20px;
}

#pied
{
    width:              788px;
    height:             95px;
    background-image:   url('design/pied.png');
    background-repeat:  no-repeat;
}

/********************************************************************************
    Styles pour les horaires
********************************************************************************/

div.planning
{
}

div.jour
{
    width:              140px;
    text-align:         center;
    font-weight:        bold;
    color:              #777;
    padding:            4px;
}

div.empty
{
    width:              140px;
    padding:            3px;
    background-color:   #fff597;
    margin-top:         2px;
}

div.cours_enfants_57
{
    margin-top:         2px;
    width:              140px;
    padding:            3px;
    font-size:          13px;
    color:              #a25400;
    background-color:   #ffb967;
}

div.cours_enfants_8
{
    margin-top:         2px;
    width:              140px;
    padding:            3px;
    font-size:          13px;
    color:              #32055c;
    background-color:   #b98ef7;
}

div.cours_adultes
{
    margin-top:         2px;
    width:              140px;
    padding:            3px;
    font-size:          13px;
    color:              #053158;
    background-color:   #93c0e9;
}

div.cours_armes
{
    margin-top:         2px;
    width:              140px;
    padding:            3px;
    font-size:          13px;
    color:              #366801;
    background-color:   #b1ec72;
}

span.horaire
{
    font-size:          11px;
    font-weight:        bold;
}

/********************************************************************************
    Styles pour les sous menus
********************************************************************************/

div.sousmenu
{
    margin-right:       40px;
    float:              left;
    width:              236px;
}

a.sousmenu
{
    display:            block;
    text-decoration:    none;
    width:              230px;
    padding:            3px;
    background-color:   #fff05f;
    margin-top:         2px;
    color:              #e00;
    font-weight:        bold;
}

a.sousmenu:hover
{
    background-color:   #e00;
    color:              #fff05f;
}

div.empty-menu
{
    width:              230px;
    padding:            3px;
    background-color:   #fff05f;
    margin-top:         2px;
}