@charset "iso-8859-1";

/* ------------------------STYLES GENERIQUES-----------------------------*/
        body {
        width : 100%;
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 0.8em;
        background: #222222 url(../img/bg.jpg) repeat-x;
        color: black;
        }

		

		hr{
		clear: both;
		visibility: hidden;
		}
		
		form{
		margin:0;
		padding:0;
		}
		
		img{
		border: 0px;}

		img.center{
		display:block;
		text-align: center ;
        border: 0px;}
        img.right{
		display:block;
		float : right ;
        border: 0px;}
        img.float{
		display:block;
		float: left ;
		margin-left : 5px;
        margin-right : 10px;
        border: 0px;
        }
		table,th,tr,td{
		
		border:0 ;}
		code {
            font-family:"Courier New",Courier,monospace;
            font-size: 12px;
        	color:#A51403;
        }
        pre{
          font-family: "Courier New", Courier, monospace;
          font-size: 12px;
          color:#A51403;
          border: thin solid #9CB4CE;
          border-width: 1px 1px 1px 8px;
          background-color: #EFF4FA;
          padding: 0;
          margin: 0;
          margin-top: 10px;
          margin-left: 10px;
          padding: 3px;
          white-space:normal;
        }
		
        * html pre
        {
        	width: 520px ;
        } 
        blockquote,q{
        font-family: "Courier New", Courier, monospace;
        font-size: 12px;
        font-style:italic;
        color:#A51403;
        border: thin solid #9CB4CE;
        border-width: 1px 1px 1px 8px;
        background-color: #EFF4FA;
        padding: 0;
        margin: 0;
        margin-top: 10px;
        margin-left: 10px;
        padding: 3px;
        white-space:normal;
        width: 520px ;
        quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
        }

        a
		{
        text-decoration: underline;
        color : black;
		}
		a:hover
		{
        text-decoration: none;
		}
		a.liste
		{
        text-decoration: none;
        color : white;
		}
/* ------------------------STRUCTURE-----------------------------*/
		div#conteneur
		{	

			margin: 0;
            background: white;

		}
		
		div#contenu
		{	

			background: #FFFFFF;

		}
		div#header {
			display : block;
			margin : 0;
			padding : 0;
		    height: 60px ;
            background: #A51403;
			font-size: 11px;
            font-weight : bold;
            color : #222222;
		
		}
        div#header  h1
		{
			display : block;
           	margin : 0;
			padding : 0;
		}
		div#header  h1 span
		{
            display : none;
		}
		div#header  h1 img
		{
		display : block;
		 float : left;
		margin : 0;
		padding : 0;
		width : 212px;
		height : 40px;
		border : 0;
		margin-top : 5px;
		}
		
		
		div#menu_admin{
		display : block;
		margin : 0;
		padding : 0;
		height : 22px;
		padding-top :4px;	
		padding-left : 10px;
		padding-right : 5px;
		float : right;
		
		background : white;
		}
		div#menu_admin a{
		font-size: 11px;
		font-weight : bold;
		color : #222222;
		padding-right : 5px;
		text-decoration : none;
		}
		div#menu_admin a:hover{
		text-decoration : underline;
		}
/* DEBUT Mise en Page du log de page (Bienvenue ...) */
        div#log {
        display : block;
		float : right;
		padding: 0;
		margin: 0;
		height : 22px;
		padding-left : 30px;
		padding-top : 4px;
		padding-right : 10px;
		font-size: 11px;
		background : #363636 url('../img/diagonal_right.png') top left no-repeat;
        color : white;
        font-weight : bold;
        }
        div#log a {
        color : #A51403;
        text-decoration : none;
		}
		div#log a:hover {
        text-decoration : underline;
		}
/* FIN Mise en Page du curseur de page (Vous êtes ici ...) */
	
		
		
		
		#pied {
        clear: both;
		margin: 0;
		padding: 0;
		border-top : solid 2px #222222;
		text-align : center;
		background: #FFFFFF ;
		margin: 0;
		font-size: 9px;

		}
		
		
/* DEBUT Mise en Page de l'entete */
		
		h1#header a
		{
			color : #222222;
			text-decoration : none;
			
			
		}
		h1#header a:hover {
        	color : black;
		}


/* FIN Mise en Page de l'entete */


/* DEBUT Mise en Page du menu */


	ul#menu
		{
			display : block;
			float : left;
			width : 100%;
			height: 28px ;
			margin: 0 ;
			padding: 0 ;
			background: #222222;
			list-style-type: none ;
			text-align: left;

		}

		ul#menu li
		{

			display: block ;
			float: left ;
			color: #fff ;
			font-size: 13px;
		}



		ul#menu li a
		{
            line-height : 28px;
            text-align : bottom;
            margin: 0 ;
			padding: 0 ;
            display : block;
            float: left ;
            height: 28px ;
            padding-left: 10px;
			padding-right: 10px;
			color: #fff ;
			text-decoration: none ;
		}
		ul#menu li a:hover
		{
            background: transparent url(../img/sur_menu.png) no-repeat center top;
		}
/* FIN Mise en Page du menu */
		
	
/* DEBUT Mise en Page du menu gauche de la page */

		#gauche {
		display : block;
        float : left;
		padding: 0;
		margin: 0;
		margin-left: 5px;
		margin-right: 5px;
		border : solid 1px #222222;
		width : 150px;
		}
        #gauche table{
        border : solid 1px #222222;
        }
        
        #gauche h2{
        margin: 0 ;
		padding: 0 ;
        font-size: 14px;
        font-weight: bold ;
        background-color:#222222;
        color : white;
        padding: 3px 3px 3px 3px;
      }
      #gauche ul#menu_gauche
		{
             margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
			text-align: left;

		}

        #gauche ul#menu_gauche li
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
			padding: 3px 3px 3px 3px;

		}

		#gauche ul#menu_gauche li a
		{
        text-decoration: none;
        color : black;
		}
		#gauche ul#menu_gauche li a:hover
		{
        color : #A51403;
		}
      
        
        



/* FIN Mise en Page du menu gauche de la page */

/* DEBUT Mise en Page du centre de la page */
	
		#centre {
		display : block;
		min-height : 500px;
		padding: 0;
		margin: 0;
		margin-left: 5px;
		margin-right: 5px;
        }
        #centre table{
		
        border : solid 1px #222222;
		
        }
		#centre table tr{
		vertical-align : top;
		
		}
		#centre table tr td{
		padding : 4px 4px 4px 4px;
		
		}
		#centre table tr.list:hover{
		background : #CCCCCC;
		cursor: pointer;
		}
		 
        #centre table.titre,tr.titre,td.titre{
        background-color:#222222;
        color: white;
        }
		
        #centre input.login{
        font-weight: bold ;
        background-color:#A51403;
        color : white;
        border : solid 1px #222222;
        }
		div#centre div.bloc
		{
			display:block;
			padding: 0;
			margin:0;
			padding-left: 10px;
		}
        div#centre h2 {
            margin: 0 ;
			padding: 0 ;
  		    font-size: 16px;
            font-weight: bold ;
			color : black;
            border-bottom: solid 1px black;
		}
		
	

/* FIN Mise en Page du centre de la page */

		
		/* DEBUT Mise en Page des partenaires */
		div#partenaires{
        text-align : center;
        margin: 0 ;
		padding: 0 ;
        }


		



		div#partenaires a
		{

            margin: 0 ;
			padding: 0 ;
			color: #000 ;
			text-decoration: underline ;
			padding-left: 3px;
			padding-right: 3px;
		}
		div#partenaires a:hover
		{
            color: #A51403 ;
            text-decoration: none ;
		}
		div#pied a
		{

            margin: 0 ;
			padding: 0 ;
			color: #000 ;
			text-decoration: underline ;
			padding-left: 3px;
			padding-right: 3px;
		}
		div#pied a:hover
		{
            color: #A51403 ;
            text-decoration: none ;
		}
		
		/* FIN Mise en Page des partenaires */