/***********************************************************************
	CSS - PROPRIETES GENERAL
	Règles générales appliqués sur les balises communes
***********************************************************************/
	
  ul,li {
    padding:0px;
	padding-left:5px;
	margin:0px;
	margin-top:7px;
	margin-bottom:7px;
    display:block;
	list-style:none;
    }
	
  h1, h2, h3 { margin: 0pt;
    padding: 0pt;
    }

  p { margin-top:5px;
    margin-bottom:5px;
    padding: 0px;
    }

  body { margin: 0pt;
    padding: 0pt;
    background:repeat url(./images/interface/back.jpg);
    color: rgb(102, 102, 102);
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10px;
    }
	
  select { border:black solid 1px;
    vertical-align:bottom;
    font-size:11px;
	width:auto;
	height:auto;
    }

  div.sepa { border-bottom: 1px dashed rgb(200, 200, 200);
    margin:auto;
	margin-bottom:10px;
    margin-top:10px;
    width: 80%;
    height: 1px;
    }
	
  .adminDiv { border:rgb(102,102,102) solid 1px;
    padding:5pt;
	width:80%;
	margin:auto;
	margin-top:15px;
	text-align:left;
	}

  .adminDivSubmit { margin: auto;
    padding: 5pt;
	text-align: right;
	width: 80%;
	display: block;
	}
	
  .adminButton { border: 1px solid black;
    background-color:#E0DFE3;
    cursor: pointer;
	margin-right:5px;
	padding-right:6px;
	padding-left:6px;
    }

  .adminText { border: 1px solid black;
    padding-top: 1px;
	padding-bottom: 1px;
	}
  
  legend.adminLegend { color:rgb(102,102,102);
    font-weight:bold;
	}
	


	
/***********************************************************************
	CSS - Zone contenu
	Cette div s'occupe de contenir TOUT le site
***********************************************************************/

  div#contenu { margin: auto;
    width: 750px;
	border: rgb(56, 116, 158);
	border-width: 2px;
    height: 100%;
    float: none;
	margin:auto;
	padding-bottom:10px;
	margin-top:20px;
	background: #FFFFFF;
	border:rgb(201,201,201) solid 1px;
    }

  a { color: rgb(153, 153, 153);
    text-decoration: none;
    font-weight: bold;
    }

  a:hover { color: rgb(204, 204, 204);
    font-weight: bold;
    }
	
  div.clear { clear: both;
    }
	
/***********************************************************************
	CSS - Bannière Utilitaire
	Propriété de la barre du haut
***********************************************************************/
	
  div#top-header {
  	background-position: top;
	color: rgb(102, 102, 102); 
  	width: 750px;
	height:20px;
	margin:0px;
	padding:0pt;
	font-size:9px;	
	}
	
  div#top-header form input {
	font-size:9px;
	padding:0px;
	margin:0px;
	border: rgb(201, 201, 201);
	border-style: solid;
	border-width: 1px;
	background: rgb(255, 255, 255);
	vertical-align:middle;
	}
	
  div#top-header form {
	font-size:9px;
	font-weight:bold;
	padding:0px;
	padding-top:3px;
	margin:0px;
	width:740px; /* Changer la position des ÈlÈments du header */
	height:20px;
	text-align:right;
	vertical-align:middle;
	}		
		
  input#top-header-search{
    height:13px;
	width:120px;
	padding:0px;
	margin:0px;
	}
	
  input#top-header-search:focus{
	background: rgb(221, 221, 221);
	}
	
  input#top-header-ok{
    height:15px;
	padding:0px;
	margin:0px;
    } 		
	
  div#top-header form a:link{
    font-size: 9px;
	color: rgb(102, 102, 102);
	text-decoration: underline;
	font-weight: bold;
	}	  
	
  div#top-header form a:hover{
    font-size:9px;
	color: rgb(102, 102, 102);
	text-decoration:underline;
	}	
	
  div#top-header form a:visited{
    font-size:9px;
	color: rgb(102, 102, 102);
	text-decoration:underline;
	}	
	
/***********************************************************************
	CSS - Bannière principale
	Propriétés sur l'affichage de la bannière
***********************************************************************/
	
  div#header {
  	background-position:center;
  	width: 750px;
    height: 140px;
	margin-bottom:0px; /*Hack Safari */
	margin-top: 0px;
	margin:0px;
	padding:0px;
	border-bottom:rgb(201,201,201) solid 1px;
	border-top:rgb(201,201,201) solid 1px;
    }

/***********************************************************************
	CSS - Zone contenu texte et menu
	Ici on va régler les propriétés des div et du menu
***********************************************************************/

  div#contenu_2 {
    width: 740px;
    height: auto;
	padding-left:10px;
    }
	
	/*********************************************
	**********************************************
	**************** Zone Droite *****************
	**********************************************
	*********************************************/	

  div#droite {/* background: transparent url(images/interface/div_droite_droite.gif) repeat-y 100% 0%;*/
 	width: 455px;
    height: auto;
    float: right;
	padding-left:10pt;
	padding-top:5pt;
	padding-right:25pt;
    }
	
  div#droite h2 span{ font-size:14px;
    color: rgb(58, 116, 158);
    font-style:italic;
    font-weight:bold;
    }

  div#droite h2 { font-size: 100%;
    color: rgb(58, 116, 158);
	margin:0px;
	padding:0px;
	}
	
	/*********************************************
	**********************************************
	**************** Zone login ******************
	**********************************************
	*********************************************/	

  div.LogContainer{
    background-color:black; 
    position:absolute;
    top:0px; 
    left:0px; 
    filter:alpha(opacity=30);
    opacity:0.3;
    -moz-opacity:0.3;
  }
	
  div#login{ width: 260px;
    height:115px;
    color: rgb(58, 116, 158);
	display:none;
	position:absolute;
    }
	
  div#login form input{padding: 0px;
    border: rgb(201, 201, 201);
    border-style: solid;
    border-width: 1px;
	font-size: 9px;
	margin:0px;
	vertical-align:middle;
    }	
	
  input#login-user{width:120px;
    height:13px;
	margin:0px;
	padding:0px;
    }	
	
	
  input#login-password{width:120px;
    height:13px;
	margin:0px;
	padding:0px;
    }	
	
  input#login-user:focus{
	background: rgb(221, 221, 221);
	}
	
  input#login-password:focus{
	background: rgb(221, 221, 221);
	}
	
  input#login-ok{height:15px;
 	margin:0px;
  	padding:0px;
	background-color:#FFFFFF;
    }			
	
  div#login form{ margin:0px;
    margin-top:8px;
    width:220px;
    padding:0px;
    }	
	
  div#login h2 { font-size: 100%;
    color: rgb(102, 102, 102);
	margin:0px;
	padding:0px;
    }	
	
  div#login h2 span{ font-size:14px;
  	color: rgb(102, 102, 102);
  	font-style:italic;
  	font-weight:bold;
    }
	
  div#login p{ padding:0px;
	margin:0px;
	margin-top:10px;
    }	
	
	/*********************************************
	**********************************************
	**************** Zone Gauche *****************
	**********************************************
	*********************************************/	
 
  div#gauche { width: 220px;
    height: auto;
    float: left;
    color: rgb(58, 116, 158);
	padding:5pt;
	border-right:rgb(221,221,221) solid 1px;
	text-align:justify;
    }

  div#gauche h2 { font-size: 100%;
    color: rgb(102, 102, 102);
    margin:0px;
	padding:0px;
	}
	
  div#gauche h2 span{ font-size:14px;
  color: rgb(102, 102, 102);
  font-style:italic;
  font-weight:bold;
    }

  div#gauche p { padding-left: 0pt;
    padding-right: 0pt;
    }

  div#gauche a { color: rgb(58, 116, 158);
    }

  div#gauche a:hover { color: rgb(58, 116, 158);
    }
	
	/*********************************************
	**********************************************
	**************** Zone Footer *****************
	**********************************************
	*********************************************/	

  div#footer {
    width: auto;
	font-size:9px;
    text-align: center;
    margin:auto;
	margin-top:20px;
	padding-top:10px;
	vertical-align:bottom;
	border-top:rgb(201,201,201) dashed 1px;
    }

  div#footer p{color: rgb(102, 102, 102);
    }
	
  div#footer p a:link{color: rgb(102, 102, 102););
    text-decoration: underline;
	font-weight: bold;
	}
	
  div#footer p a:hover{color: rgb(102, 102, 102);
  	text-decoration: underline;
	}	
  
  div#footer p a:visited{color: rgb(102, 102, 102);
  	text-decoration: underline;
	}	
	
	/*********************************************
	**********************************************
	**************** Zone Contact + News *********
	**********************************************
	*********************************************/	
	
  div#contact {
 	width: auto;
    height: auto;
	padding-right:10pt;
	padding-top:10pt;
	padding-bottom:10pt;
	padding-left:10pt;
    }

  div#contact h2 { font-size: 100%;
    color: rgb(58, 116, 158);
	margin:0px;
	padding:0px;
	}
	
  div#contact h2 span{ font-size:14px;
  	color: rgb(58, 116, 158);
  	font-style:italic;
  	font-weight:bold;
    }
	
  input.contact{padding: 0px;
    border: rgb(201, 201, 201);
    border-style: solid;
    border-width: 1px;
	font-size: 9px;
	margin-bottom:4px;
	margin-left: 15px;
	vertical-align:middle;
	color: rgb(102, 102, 102);
	width:180px;
	height:13px;
    }			
		
  textarea.contact-message{width:180px;
    height:50px;
	margin-left:15px;
	border: rgb(201, 201, 201);
	border-style: solid;
	border-width:1px;
	color: rgb(102, 102, 102);
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 9px;
	overflow:auto; /* Hack IE Pour enlever la scrollbar */
	}	
	
  select.contact-listbox{width:182px;
    height:18px;
	margin-left:15px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 9px;
	border: rgb(201,201,201);
	border-style: solid;
	border-width:1px;
	color: rgb(102, 102, 102);
	}
	
  input.contact:focus,textarea.contact-message:focus {
    background: rgb(58, 116, 158);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(102, 102, 102);
	}
	
  div#contact form{
  	padding:0px;
  	padding-right:10px;
    width:auto;
	margin:auto;
	margin-top:15px;
    }
	
	/*********************************************
	**********************************************
	**************** Zone News *******************
	**********************************************
	*********************************************/	
	
  div#news {
 	width: auto;
    height: auto;
	padding-right:30pt;
	padding-top:10pt;
	padding-bottom:10pt;
	padding-left:20pt;
    }
	
  div#news h2 { font-size: 100%;
    color: rgb(58, 116, 158);
	margin:0px;
	padding:0px;
	}
	
  /* On centre les images dans les news automatiquement */
  div#news div img{
      margin-left:auto;
      margin-right:auto;
      display:block;
    }
    
    /*********************************************
  	**********************************************
  	**************** Zone Page *******************
  	**********************************************
  	*********************************************/	

    div#page {
   	width: 700px;
    height: auto;
    padding-top:10pt;
    margin-left:15px;
      }

    div#page h2 { font-size: 100%;
    color: rgb(58, 116, 158);
  	margin:0px;
  	padding:0px;
  	}

    /* On centre les images dans les news automatiquement */
    div#page img{
    margin:0 auto;
    padding:0pt;
    display:block;
    border:none;
    }
    
    div#page a{
    margin:0pt;
    padding:0pt;
    text-decoration:none;
    }
    
    /*********************************************
	**********************************************
	**************** Zone Recherche **************
	**********************************************
	*********************************************/
	
    div#recherche {
   	  width: 455px;
      height: auto;
      float: right;
  	  padding-left:10pt;
  	  padding-top:10pt;
  	  padding-right:25pt;
      }

    div#recherche h2 span{ font-size:14px;
      color: rgb(58, 116, 158);
      font-style:italic;
      font-weight:bold;
      }

    div#recherche h2 { font-size: 100%;
      color: rgb(58, 116, 158);
  	  margin:0px;
  	  padding:0px;
  	}
	
	/*********************************************
	**********************************************
	**************** Zone Admin ******************
	**********************************************
	*********************************************/	
	
  div#admin {width: 70%;
	  height:auto;
	  margin:auto;
	  border:  rgb(0, 0, 0);
	  border-width:1px;
	  border-style:solid;
	  padding:5pt;
	  display: block;
	  text-align:center;
	  }
  
  div#admin img {height: 128px;
	  padding:auto;
	  }
  
  div#admin h1 { color:#CC6600;
	  margin: 5px;
	  }
  
  #menu-admin {
	  margin:auto;
	  text-align:center;
	  margin-top:5px;
	  border-bottom:none; /* Hack Safari & IE */
	  border-left:none; /* Hack Safari & IE */
	  border-right:none; /* Hack Safari & IE */
	  border-top:none; /* Hack Safari & IE */
	  }
  
  #menu-admin li{ 
	  display: inline; 
	  margin:auto;
	  margin-right:8px;
	  padding-left:2px;
	  padding-right:2px;
	  border-bottom:none; /* Hack Safari & IE */
	  border-left:none; /* Hack Safari & IE */
	  border-right:none; /* Hack Safari & IE */
	  border-top:none; /* Hack Safari & IE */
	  color:#CC6600;
	  border: #FFFFFF solid 1px;
	  border-bottom: #000000;
	  }

  #menu-admin li a{ 
	  text-decoration:none;
	  font-weight:normal;
	  color:#000000;
	  cursor: crosshair;
	  }
	  
  #menu-admin li a:hover{ 
	  text-decoration:none;
	  font-weight:normal;
	  color:#CC6600;
	  }
 
  div#admin-footer {margin:auto;
      margin-top:3px;
	  text-align:center;
	  padding:auto;
	  }
	  
  div#admin-utilisateur {width: 85%;
	  height:auto;
	  margin:auto;
	  border:  rgb(0, 0, 0);
	  border-width:1px;
	  border-style:solid;
	  padding:5pt;
	  text-align:center;
	  display:none;
	  }
	  
  div#edit form input {width:200px;
      border: #999999 solid 1px;
	  margin:2px;
	  padding:0px;
	  }
	  
  div#edit form select {width:202px;
      border: #999999 solid 1px;
	  margin:2px;
	  padding:0px;
	  }

  div#add form input {width:200px;
      border: #999999 solid 1px;
	  margin:2px;
	  padding:0px;
	  }
	  
  div#add form select {width:202px;
      border: #999999 solid 1px;
	  margin:2px;
	  padding:0px;
	  }
	  
  div#admin-menu {width: 85%;
	  height:auto;
	  margin:auto;
	  border:  rgb(0, 0, 0);
	  border-width:1px;
	  border-style:solid;
	  padding:5pt;
	  text-align:center;
	  display:none;
	  }
	  
  div#admin-news {width: 85%;
	  height:auto;
	  margin:auto;
	  border:  rgb(0, 0, 0);
	  border-width:1px;
	  border-style:solid;
	  padding:5pt;
	  text-align:center;
	  display:none;
	  }

  div#admin-news textarea {border:1px solid #000000;
  	  color:#666666;
	  font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	  font-size:10px;
	  height:300px;
	  margin-bottom:5px;
	  overflow:auto;
	  width:80%;
	  }
	  
  div#admin-redaction {width: 85%;
	  height:auto;
	  margin:auto;
	  border:  rgb(0, 0, 0);
	  border-width:1px;
	  border-style:solid;
	  padding:5pt;
	  text-align:center;
	  display:none;
	  }

  div#admin-redaction textarea{width:80%;
	 height: 450px;
	 border: rgb(0, 0, 0);
	 border-style: solid;
	 border-width:1px;
	 color: rgb(102, 102, 102);
	 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	 font-size: 10px;
	 margin-bottom:5px;
	 overflow:auto;
	 }	
	 
  div#prev {width:750px;
	height: auto;
	padding-left:10pt;
	padding-top:5pt;
	padding-right:10pt;
	padding-bottom:5pt;
	position:absolute;
    }

  div#prev h2 span{ font-size:14px;
    color: rgb(58, 116, 158);
    font-style:italic;
    font-weight:bold;
    }

  div#prev h2 { font-size: 100%;
    color: rgb(58, 116, 158);
	margin:0px;
	padding:0px;
	}
	
  div#prev img{
    margin:0 auto;
    padding:0pt;
    display:block;
    border:none;
    }
    
  div#prev a{
    margin:0pt;
    padding:0pt;
    text-decoration:none;
    }
	 
	/*********************************************
	**********************************************
	**************** Zone Menu *******************
	**********************************************
	*********************************************/		
	
	#menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#menu{
		visibility:hidden;
		height:16px;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:5px;
		margin:auto 0;
		border-bottom:dashed 1px rgb(201,201,201);
	}
	
	#menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	
	#menu li{
		list-style-type:none;	/* No bullets */
	}	
	
	#menu a{
		margin:0px;
		padding:0px;
	}
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	Règles pour les barres de menu
	***********************************************************************/
	
	#menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding: 1px;
	}
		
	#menu ul.menuBlock1{	/* Barre de menu - rang n0 */
		border:0px;
		padding:1px;
		overflow:visible;
		margin:auto;
	}
	
	#menu ul.menuBlock1 li{
		margin:auto;
		padding:auto;
	}
	
	#menu ul.menuBlock2{	/* Barre de menu - rang n1 */
		border:0px;
		padding:1px;
    	border:1px solid #555;
	}
	
	#menu ul.menuBlock2 li{
		margin:auto;
		padding:auto;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Règles pour les objets à l'intérieur des barres de menu
	***********************************************************************/
	
	#menu a{
		color: rgb(102, 102, 102);
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	}
	
	#menu .currentDepth1{
		padding-left:10px;
		padding-right:10px;
		border:  rgb(255, 255, 255);
		border-style: solid;
		border-width: 1px;
	}
	
	#menu .currentDepth1over{
		padding-left:10px;
		padding-right:10px;
		background-color: rgb(58, 116, 158);
		border: rgb(102, 102, 102);
		border-style: solid;
		border-width: 1px;	
	}
	
	#menu .currentDepth1 a{
		font-weight:bold;
	}
	
	#menu .currentDepth1over a{	/* Règles sur les textes */
		color: #FFFFFF;
		font-weight:bold;
	}
	
	#menu .currentDepth2{
		border:1px solid #FFF;
	}
	
	#menu .currentDepth2over{
		background-color: rgb(198, 206, 227);
		border:1px solid #000;

	}
		
	#menu .currentDepth2over a{	/* Règles sur les textes */
		color:#000;
	}