body
{
    margin: 0px;
    background-image: url(img/design/fond.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    min-width : 949px;
}

td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
input,select,textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #FF6464;
    margin: 2px;
}


.rouge       { color: red; }
.gras        { font-weight: bold;}
.u			 { text-decoration: underline; }
.padding     { padding: 0px 4px 0px 2px; }
.center      { text-align : center; }
.no_border   { border: 0; }
.center      { text-align: center; }


.left_haut
{
	display             : block;
	width				: 162px;	
	background          : url(img/design/banniere/left_haut.gif);
	height              : 11px;
	line-height         : 11px;
	background-repeat   : no-repeat;
    background-color    : #fff;	
}
.left_body
{	
	display             : block;		
	background-image    : url(img/design/banniere/left_body.gif);
	background-repeat   : repeat-y;
	float               : left;
    width				: 162px;
    text-align: center;
}

.left_body li
{	
    list-style-type: none;
    width: 121px;
    height: 121px;
    border: solid 1px black;
    margin: 0.3em 0 0 0;
    background-color    : #fff;
}

.left_body li img
{	
    margin : 3px;

}
.left_body ul
{    
    width: 125px;
    padding: 0;
    margin: 0 auto 0 auto;
}

.left_bas
{
	height              : 11px;
	background          : url(img/design/banniere/left_bas.gif);
	background-repeat   : no-repeat;
	background-color    : #fff;
}

.right_haut
{		
	display             : block;
	width				: 162px;	
	background          : url(img/design/banniere/right_haut.gif) no-repeat;
	height              : 11px;
	line-height         : 11px;
	background-color    : #fff;
}
.right_body
{
    width			    : 162px;
	display             : block;		
	background          : url(img/design/banniere/right_body.gif) repeat-y;
	float: right;
}

/* Affiche des puces proprement dans le bloc droit */
.right_body li
{
    padding: 0;
    margin: 0;
}

.right_body ul
{
    text-align: left;
    padding: 0;
    margin: 0.5em 0 0 0.5em;
    list-style-position: inside;
}

.right_bas
{
	height              : 11px;
	background          : url(img/design/banniere/right_bas.gif) no-repeat;
	background-color    : #fff;
}



/* BANNIERE */
.header 
{
	background          : url(img/design/banniere/fond.gif) repeat-x;
	height              : 108px;
}

.header .header2 
{
	background          : url(img/design/banniere/team.jpg) right top no-repeat;
	height              : 108px;
}

.header .header2 .header3 
{
	background          : url(img/design/banniere/logo2.jpg) left top no-repeat;
	height              : 108px;
}

.header .header2 .header3 img 
{
	padding             : 0px 297px 0px 297px;
}





#fin-larg
{
    width: 21px;
    height: 30px;
    background-color: #fff;
    background-image: url(img/design/banniere/lign-larg-fin.gif);
    background-repeat: no-repeat;
    float: right;
}

#larg-fin
{
    width: 21px;
    height: 30px;
    background-color: #fff;
    background-image: url(img/design/banniere/lign-fin-larg.gif);
    background-repeat: no-repeat;
    float: left;
}

/* MENU */

    #menu_bg
    {
        background-image: url(img/design/banniere/lign-fine.gif);
        background-repeat: repeat-x;
        height: 30px;
        text-align: center;
    }
    
    #menu
    {
        margin: 0 auto 0 auto;
        width: 270px;
        height: 30px;
        background-image: url(img/design/banniere/lign-larg.gif);
        background-repeat: repeat-x;
        text-align: center;
    }

    #ul_menu
    {
        height: 30px;
    	margin: 0;
    	padding: 6px 0 0 0;
    }
    
    #ul_menu li 
    {
    	margin: 0;
    	list-style-type: none;
    	text-align: center;
        float: left;
    }
    
    /* Définition des liens du menu et de leurs attributs au survol */
        #ul_menu li a 
        {
        	outline: none;
        	display: inline; /* Sémantiquement parlant, un menu doit toujours être affiché avec des listes et on utilise donc la propriété inline */
        	line-height: 15px;
        	padding: 0 5px 0 5px; 
        	color: #FFECC2;
        	font-weight: bold;
        	text-decoration: none;
        	border-right: 1px solid #fff;
        	text-align: center;
        }
    
        /* Le dernier lien est déclaré avec cette classe, ce qui fait qu'il n'y a pas de séparateur à la fin de la ligne */
        #ul_menu li a.last 
        {
        	border-right: none;
        }
        
        #ul_menu a:hover 
        {
        	color: #fff;
        }
    
    
    /* Définition des lien et de leurs attributs au survol */
        a
        {
        	text-decoration: none;
        	color: #A62E55;
        }
        
        a:hover
        {
        	color : #FF5B5B;
        }


/* Titres des pages */

h2
{
    margin-top: 0.5em;
    padding: 0;
    text-align: center;
    font-size: 1.7em;
}

h3
{
    margin-top: 0.5em;
    padding: 0;
    text-align: center;
    font-size: 1.3em;
}

/* Mise en forme des éléments du menu */
.menu_titre
{   
    margin-top: 0.5em;
    font-weight: bold;        
}

/* Bas de page */
#footer
{
    clear: both;
    margin-top: 2em;
    text-align: center;    
}

/* Premet de centrer le formulaire dans la page */
.form_center
{
    width: 80%;
    margin: 2em auto 0 auto;
    border: 3px rgb(255,128,128) double;
    padding: 2em;
    background: rgb(255,255,204);
}

.form_center table
{
    margin: 0 auto 0 auto;
}

/* Permet de définir la largeur des champs des formulaires */
.form_center .width2
{
    width : 400px;
}

/* Largeur des champs text dans le block droit */
.width1
{
    width: 120px;
}

.mt_liste
{
    margin: 0 auto 0 auto;
    width: 90%;
    border: double 3px black;
    border-collapse: collapse;
}

.mt_liste th
{
    background: #89A2FF;
    font-size: 1.2em;
}

.mt_liste td
{
    border: solid 1px black;
    background: rgb(255,255,204);
    padding: 0.3em;
}