/*couleurs
marron: #663333;
orange : #FF6600;
rouge : #CC0000
fond jaune pale: #FFFFBD;
jaune : #FFCC00;
*/
/* GENERAL */
body {
	background : #FFFFBD;
	font : 12px Verdana, Arial, sans-serif;
	z-index: 1;
	margin: 0;
	padding:0;
  scrollbar-face-color: #FFCC00;
  scrollbar-highlight-color: #FFFFBD;
  scrollbar-3dlight-color: #FFCC00;
  scrollbar-darkshadow-color: #CC0000;
  scrollbar-shadow-color: #FF6600;
  scrollbar-arrow-color: #FFFFBD;
  scrollbar-track-color: #FFFFBD;
}
body.popup {
	background : #FFFFBD;
	font : 12px Verdana, Arial, sans-serif;
	z-index: 1;
	margin: 20px;
	padding:0;
  scrollbar-face-color: #FFCC00;
  scrollbar-highlight-color: #FFFFBD;
  scrollbar-3dlight-color: #FFCC00;
  scrollbar-darkshadow-color: #CC0000;
  scrollbar-shadow-color: #FF6600;
  scrollbar-arrow-color: #FFFFBD;
  scrollbar-track-color: #FFFFBD;
}


#bienvenue{
  position: absolute;
  left: 30%; 
  top: 50%;
  width: 300px;
  height: 350px;
  padding:20px;
  margin-left: -150px; /* moitié de la largeur */
  margin-top: -175px; /* moitié de la hauteur */
  z-index:500;
	background : #FFFFBD;
	font-size:10px;
}
#bienvenue a{ 
  color:#FF6600;
  font-size:12px;
}
div.global {
  width: 1000px;
	margin : 8px auto 0px auto;
}
/* ENTETE */

.entete{ 
	width:1000px;
	height:250px;
	margin:0;
}
div.entete div.gauche {
	width: 595px;
	float:left;
}

div.entete div.droite {
  float:left;
}

div.entete div.gauche a.logo {
  background: transparent url(../images/logo.jpg) no-repeat; 
	width: 597px;
	height: 60px;
	float: left;
	margin:5px 0 0 8px;
}
div.entete div.cartouche {
  padding:50px 12px 12px 10px;
  height: 90px;
  width:570px;
  background: transparent url(images/cartouche.jpg) no-repeat; 
  margin-top:15px;
  margin-left:8px;
}

div.entete div.cartouche div.recherche {
  height: 65px;
  width:290px; 
  float:left;
}
div.entete div.cartouche div.recherche ul li{
  color: #663333;
}
div.entete div.cartouche div.avis {
  height: 65px;
  width:270px; 
  float:left;
  margin:0px;
  padding:0;
}
div.entete div.cartouche div.avis ul.avis{
  list-style-type:square;
  color: #663333;
}
div.entete div.cartouche div.avis ul.avis li a.avis{
  color: #663333;
  text-decoration:none;
  font : bold 14px Verdana, Arial, sans-serif;
}
div.entete div.cartouche div.avis ul.avis li a.avis:hover{
  color: #FF6600;
}


/* CONTENU */
div.contenu {
	width: 100%;
	height:400px;
}

div.contenu div.fichier{
	float: left;
	width: 800px;
}

div.contenu div.fichier div.bord_haut{
	background: #663333 url(../images/bord_haut.jpg) no-repeat; 
	width: 800px;
	height:30px;
	margin-left:8px;
}

div.contenu div.fichier div.bord_bas{
	background: url(../images/bord_bas.jpg) no-repeat; 
	width: 800px;
	height:13px;
	margin-left:8px;
}

div.contenu div.fichier div.milieu{
	background: #FFFFFF; 
	width: 766px;
	border-left:2px solid #663333;
	border-right:2px solid #663333;
	padding:5px 15px 15px 15px;
	margin-left:8px;
	min-height:370px;
}

div.contenu div.fichier div.milieu a{
	color: #FF6600;;
  text-decoration:none;
  font : bold 14px Verdana, Arial, sans-serif;
}
div.contenu div.fichier div.milieu a:hover{
	color: #CC0000;;
  /*text-decoration:underline;*/
  font : bold 14px Verdana, Arial, sans-serif;
}

div.contenu div.fichier div.milieu a.nom{
	color: #663333;
  text-decoration:none;
  font : 18px Arial, sans-serif;
}
div.contenu div.fichier div.milieu a.nom:hover{
	color: #000;
  text-decoration:none;
  font : 18px Arial, sans-serif;
  text-decoration:underline;
}
  
ul#tableau {
  list-style:none;  
  padding:0;
}
ul#tableau li {  
  display:inline;          
  padding:0 10px;
  line-height: 25px ;
  border-right:1px solid;
}
 



div.contenu div.fichier div.milieu span.note{
	color: #CC0000;
  text-decoration:none;
  font : bold 17px Verdana, Arial, sans-serif;
}
span.gras{
	color: #CC0000;
  text-decoration:none;
  font : bold 14px Arial, sans-serif;
}
p.message {
  font:12px  Verdana, Arial, Helvetica, sans-serif ;
  color:#FF6600; 
  padding:10px;
  text-align:justify;
}
div.confirmation{
  border:1px solid #FF6600;
  color :#663333;
  letter-spacing:1px;
}
div.confirmation p{
  padding:15px 240px 0 240px;
  text-indent:0;
  text-align:justify;
}


div.confirmation div.groupe_liens{
  padding:35px 0 30px 0;
  text-align:center;
}
div.confirmation div.groupe_liens a#bouton {
  background-color: #FFCC00;
  height:20px;
  border:1px solid #663333;
  width:30px;
  font-weight:bold;
  font-size:12px;
  color:#CC0000;
  padding:5px;
  letter-spacing:0;
}
div.confirmation div.groupe_liens a#bouton:hover {
  background-color: #CC0000;
  border:1px solid #663333;
  color:#FFCC00;
  text-decoration:none;
}
div.contenu div.col_droite{
	background: transparent url(../images/col_droite.jpg) no-repeat right; 
	float: left;
	width: 140px;
	height:459px;
	padding-left:33px;
}

ul.liste_pseudo {
  margin-top:20px;
  list-style-type: none;
}
ul.liste_pseudo li {
  width: 90%;
  height: 35px;
  border-top: 1px dotted #999;
}
ul.liste_pseudo li a#pseudo {
  color: #CC0000;
  text-decoration:none;
  font : bold 14px Arial, sans-serif;
}
ul.liste_pseudo li a#pseudo:hover{
  color: #FF6600;
}
ul.liste_pseudo li span.moyenne {
  color: #FF6600;
  text-decoration:none;
  font : 9px Arial, sans-serif;  
  letter-spacing:2px;
  margin-right:2px;
  float:right;
}


/* ONGLETS fiche lieu */

#onglets {
  margin:0;
  padding:10px;
  height:40px;
  border: 1pt dotted #FF6600;
}
#onglets div#nom_lieu {
  float:right;
  color: #FF6600;
  font: 19px verdana;
  margin-top:8px;
}
#onglets ul {
  margin:0;
  list-style-type:none;
  padding:0;
}
#onglets li {
  float:left;
  margin:0;
  padding-right:10px;
}
#onglets a {
  width:73px;
  height:26px;
  float:left;
  display:block;
  background:transparent url(../images/sous_menu.jpg) no-repeat left top;
  text-decoration:none;
  font-weight:bold;
  color:#FFCC00;
  text-align:center;
  padding:7px 0 0 0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets a {
  float:none;
}
/* End IE5-Mac hack */
#onglets a:hover {
  color:#333;
  background:transparent url(../images/sous_menu_hover.jpg) no-repeat left top;
}
#onglets #current {
  border-width:0;
}
#onglets #current a {
  background: transparent url("../images/sous_menu_hover.jpg") no-repeat left top;
  color:#333;
}
#onglets #current a:hover {
  color:#333;
}
    

input#bouton_similaire{
  background: transparent url("../images/bt_similaire.jpg") no-repeat left top;
  width:150px;
  height:31px;
  border:0;
}    
input#bouton_similaire:hover{
  background: transparent url("../images/bt_similaire_hover.jpg") no-repeat left top;
}    
   
a#popup{
  background: transparent url("../images/fond_bouton.jpg") no-repeat;
  padding:5px 10px 10px 15px;
  color: #663333;
  font : bold 12px Verdana, Arial, sans-serif;
  margin-right:25px;
}  
a#popup:hover{
  background: transparent url("../images/fond_bouton_hover.jpg") no-repeat;
  margin-right:25px;
  color: #FFCC00;
}  

   
div#note{
  background: transparent url("../images/fond_note.jpg") no-repeat left top;
  width:82px;
  height:59px;
  float:left;
  margin:15px 5px 5px 0;
  padding-top:18px;
  text-align:center;
	color: #FFCC00;
  text-decoration:none;
  font : bold 17px Verdana, Arial, sans-serif;
}
div.nom{
	color: #663333;
  text-decoration:none;
  font : 18px Arial, sans-serif;
  float:left;
  width:250px;
  padding-left:3px;
}
div.nom span.acces{
	color: #663333;
  font : 10px Arial, sans-serif;
}
div.adresse{
	color: #663333;
  text-decoration:none;
  font : 14px Arial, sans-serif;
  padding:0 0 5px 25px;
}
div.categorie{
	color: #663333;
  text-decoration:none;
  font : 18px Arial, sans-serif;  
  text-align:right;
}
#numero{
	color: #CC0000;
  text-decoration:none;
  font : bold 18px Arial, sans-serif;
  padding:5px;
}    
img#fiche{
  padding:0 15px 0 2px;
}
p.texte_descriptif{
  padding:0;  
  margin:0;
  padding-top:-5px;
  text-indent:0;
  line-height:20px;
  font-size:11px;
}

span.numero{
	color: #CC0000;
  text-decoration:none;
  font : bold 18px Arial, sans-serif;
  padding:5px;
}   
/* ONGLETS menu */

#onglets_menu {
  line-height:normal;
}
#onglets_menu ul {
  margin:0;
  list-style-type:none;
}
#onglets_menu li {
  float:left;
  /*background: transparent  url(/images/menu-onglets/left.gif) no-repeat left top;*/
  margin:0;
  padding:0 0 0 9px;
}
#onglets_menu a {
  float:left;
  display:block;
  /*background:#CC0000 url(/images/menu-onglets/right.gif) no-repeat right top;*/
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#FFCC00;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets_menu a {
  float:none;
}
/* End IE5-Mac hack */
#onglets_menu a:hover {
  color:#FFEE00;
  text-decoration:underline;
}
#onglets_menu #current {
  /*background:transparent url(/images/menu-onglets/left_on.gif);*/
  border-width:0;
}
#onglets_menu #current a {
  /*background: #FF6600 url(/images/menu-onglets/right_on.gif);*/
  color:#FF6600;
  padding-bottom:5px;
}
      
      
/* AFFICHAGE PAR DEFAUT */

h1 {
  color: #FF6600;
  font: 18px verdana;
  letter-spacing:1px;
  margin-left:8px;
}

h2 {
  font-size: 14px;
  color:#663333;
}

h3 {
  font-size: 12px;
  font-weight: bold;
}

p {
  text-indent: 15px;
}

a {}

img {
  border: 0;
}


hr{
  color: #CC0000;
  background-color: #CC0000;
  height: 1px;
  border: 0;
}
a.petit_lien{
  text-align:right;
  font-size:10px;
  color:#653334;
}
a#lien{
 padding : 5px 0px 15px 35px;
 letter-spacing : 1px;
 font-size : 12px; 
 margin-bottom : 15px;
 background : transparent url('../images/fleche.gif') 0px 0px no-repeat;
 color : #663333;
}
a#lien:hover{
  color: #FF6600;
}
#col_left{
width:200px;
border-right:1px solid #663333;
margin-right:30px;
float:left;
min-height:350px;
overflow:auto;
}
#col_right{
float:left;
width:500px;
padding-left:10px;
}
#ligne_bas{
width:100%;
border-top:1px solid #663333;
padding-top:20px;
margin-top:20px;
margin-right:30px;
min-height:100px;
overflow:auto;
}
/*Formulaires*/
fieldset { border:1px solid #FF6600 }
legend {
  padding: 0.5em;
  background-color: #FF6600;
  color:#FFFFBD;
  font-weight:bold;
  font-size:90%;
  text-align:right;
  margin:10px;
}
  
form.recherche fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:280px;
}
form.recherche label {
  float:left;
  margin: 0;
  padding:0.2em 0.8em 0.2em 0.2em;
  margin-top:0.3em;
  text-align:right;
  width:85px;
  text-transform:uppercase;
  font:9px Verdana, Arial, Helvetica, sans-serif;
}
form.recherche .br {
  display:none;
}
form.recherche .textfield {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333;
  border:solid 0 #FFCC00;
  border:0px;
  padding: 0px;
  background: #FFCC00; 
  width:120px;
}
form.recherche .submit {
  background-color: #FFCC00;
  height:20px;
  border:solid 0 #fff;
  width:30px;
  font-weight:bold;
  font-size:1.1em ;
  color:#CC0000;
  text-transform:uppercase;
}



form.recherche_a fieldset {
  border: 1px solid #000; /* Opera doesn't get border:none or border:0 on fieldsets */
  text-align:center;
}
form.recherche_a label {
  margin: 0;
  padding:0.5em 0.8em 0.2em 0.2em;
  text-align:left;
  width:100px;
  text-transform:uppercase;
  font:9px Verdana, Arial, Helvetica, sans-serif;
}
form.recherche_a .br {
  display:none;
}
form.recherche_a .textfield {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333;
  border:solid 0 #FFCC00;
  border:0px;
  padding:0;
  background: #FFCC00; 
  width:120px;
}
form.recherche_a br.hidden {
  height:50px;
  padding-top:15px;
  width:30px;
}

form.recherche_a .submit {
  background-color: #FFCC00;
  height:20px;
  border:solid 0 #fff;
  width:30px;
  font-weight:bold;
  font-size:1.1em ;
  color:#CC0000;
  text-transform:uppercase;
}


form.avis fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:585px;
}
form.avis label {
  float:left;
  margin: 0;
  padding:0.2em 0.8em 0.2em 0.2em;
  margin-top:0.3em;
  text-align:right;
  width:200px;
  text-transform:uppercase;
  font:9px Verdana, Arial, Helvetica, sans-serif;
}
form.avis .textfield {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333;
  background: #FFCC00; 
  width:250px;
}
form.avis div.message {
  font:9px  Verdana, Arial, Helvetica, sans-serif ;
  color:#333; 
  width:285px;
  height:40px;
  padding-left:180px;
}
form.avis .textarea {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333;
  background: #FFCC00; 
  width:350px;
  height:200px;
}
form.avis .submit {
  background-color: #FFCC00;
  border:1px solid #CC0000;
  font-weight:bold;
  font-size:1.1em ;
  color:#CC0000;
  text-transform:uppercase;
  float:right;
  margin:10px;
}

form#notes{
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333;
  background: #FFCC00; 
  border:1px solid black;
  margin:15px;
}
form#notes fieldset {
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:100%;
}
form#notes label {
  float:left;
  margin: 0;
  padding:0.4em 0.8em 0.6em 0.2em;
  margin-top:0.3em;
  text-align:right;
  width:350px;
  text-transform:uppercase;
  font:9px Verdana, Arial, Helvetica, sans-serif;
  height:30px;
}
form#notes .ligne {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333; 
  padding:0.4em 0.8em 0.6em 0.2em;
  height:30px;
}
form#notes .submit {
  background-color: #FFCC00;
  border:1px solid #CC0000;
  font-weight:bold;
  font-size:1.1em ;
  color:#CC0000;
  text-transform:uppercase;
  float:right;
  margin:10px;
}

/*/formulaires

/*liste de résultats*/
ul#resultats{
  list-style-type:none;
}

ul#resultats li {
  width:400px;
  height:32px;
}
ul#resultats li div.intitule {
  text-transform:uppercase;
  font:9px Verdana, Arial, Helvetica, sans-serif;
  float:left;
  background-color:white;
  padding-top:7px;
}
ul#resultats li div.pointilles {
  font:14px Verdana, Arial, Helvetica, sans-serif ;
  font-weight:bold;
  color:#CC0000;
  padding: 0px; 
  text-align:right;
  width:100%;
  border-bottom:1px dotted black;
  margin:-10px 0 0 0;
}
table, tr, td { margin:0px; padding:0px; border:0px; }
#resultat{
  width:80%;
  padding:0 50px 0 50px;
}
#bleuclair11b { font-family: Verdana; font-size: 11px; text-decoration: none; color: #BDB9DF ; font-weight:bold }
#separateur { 
	height:1px;
	background:url("../images/hr-bg.gif") repeat-x;
	width:100%;
	margin:0px;
	padding:0px;
	display:block;
}
table.border{
  border:1px dotted #FFCC00;
}
td.sujet{
  color : #CC0000;
  font-weight:bold;
  text-align:left;
}
td.texte{
  color : #663333;
  font:12px Verdana, Arial, Helvetica, sans-serif ;
  text-align:justify;
}
td.signature{
  font:10px Verdana, Arial, Helvetica, sans-serif ;
  color : #663333;
  font-style:italic;
  background-color: #FFFFBD;
  text-align:left;
}
td.gauche{
  background-color: #FFCC00;
  padding:10px;
  font:10px Verdana, Arial, Helvetica, sans-serif ;
  text-align:justify;
}
/* Super classe avec laquelle on regle le probleme de Firefox, Englober les images à coller à des tableau avec */

#clearall {
	font-size: 1px; text-decoration:none ; 
	padding:0px;
	margin:0px auto 0px;
}


/*boutons-liens-images*/
a.bt_esp {
  background: #fff url(../images/bt_esp.gif) no-repeat;
  width: 58px;
  height: 26px;
  float: right;
}
a.bt_esp:hover{
  background: #fff url(../images/bt_esp_hover.gif) no-repeat;
  width: 58px;
  height: 26px;
  float: right;
  text-decoration:none;
}
a.bt_esp span {
  visibility: hidden;
}
a.bt_voter {
  background: #fff url(../images/bt_voter.gif) no-repeat;
  width: 58px;
  height: 26px;
  float: right;
}
a.bt_voter:hover{
  background: #fff url(../images/bt_voter_hover.gif) no-repeat;
  width: 58px;
  height: 26px;
  float: right;
  text-decoration:none;
}
a.bt_voter span {
  visibility: hidden;
}



div.contenu div.fichier div.milieu div.categorie a.small{
	color: #FF6600;
  text-decoration:none;
  font : 9px Arial, sans-serif;  
  letter-spacing:2px;
}
div.contenu div.fichier div.milieu div.categorie a.small:hover{
	color: #663333;
  text-decoration:none;
  font : 9px Arial, sans-serif;  
  letter-spacing:2px;
}

ul.liens{
list-style-type:none;
padding:0;
margin:0;
}

ul.liens li{
list-style-type:none;
margin:10px 0 10px 0;
padding:5px;
border: 2px dotted #fcf794;
min-height:60px;
}

ul.liens li div.image{
height:56px;
width:64px;
margin:0 15px 0 5px;
float:left;
}
ul.liens li div.image img{
height:60px;
width:60px;
}

span.lettre_lien{
  font-size:18px;
  font-weight:bold;
  font-variant:smallcaps;
  color:#CC0000;
}
a#mot{
  font-size:10px;
  color:#CC0000;
}
a#mot:hover{
  color:#FF6600;
}
a#mot:visited{
  color:#FF6600;
}

hr.clear{
  display:none;
  clear: both; 
}
#footer{
  position:relative;
  clear: both; 
  color:#FF6600;
  padding-top:10px;
  text-align:center;
  height:30px;
	bottom: 0; 
  left: 0;
	width: 80%;
}
#footer a{ 
  color:#FF6600;
  font-size:10px;
}