.rouge { color: #FF0000; margin-bottom:0px; }
.vert { color: #00FF00; margin-bottom:0px; }
.jaune { color: #003368; margin-bottom:0px; }
.bleu { color: #003368; margin-bottom:0px; }
.orange { color: #ff6600; }
.gris { color: #ACACAC; }
.noir { color: #000000; }
.creme { color: #F9F7ED; }

.centrer { margin: 0 auto; }
.zero { margin: 0px; }
.bold { font-weight: bold; }
.droite { float: right; }
.gauche { float: left; } 

    
#raccourcis_drag { position: absolute; z-index:100; background: url("img/fd_raccourcis.png") no-repeat top left; top: 366px; right: 286px; left: 840px; bottom: 286px; width:127px; height:43px; }
#raccourcis_drag table { width:127px; margin: 0; padding: 0; }
#raccourcis_drag td a { margin: 0; padding: 0; cursor: pointer; }
#raccourcis_drag div
{
    cursor: move;
    background: none;
    height: 12px;
}
    
    
#texte { padding-top: 40px; margin-left: 130px; padding-bottom: 30px; }

#centrer { padding-top: 50px; margin-left: 264px; }


/* CSS page d'accueil */

#colonne_gauche { float:left; width: 753px; padding-top: 10px; position: relative; }

#colonne_droite { float:right; width: 255px; }

#podium {
    background: url("img/fd_podium.png") no-repeat top left;
    height: 227px;
    width: 645px;
    margin-left: 53px;
    margin-bottom: 40px;
    color: white; }
    
#podium table { margin-left: 35px; } 
#podium td { padding-top: 15px; padding-right: 35px; }

#podium_top {  
    background: url("img/podium.png") no-repeat top left;
    position: absolute;
    top:97px;
    left:53px;
    height: 227px;
    width: 646px; 
    z-index: 100; }

#mover { width: 3000px; position: relative; }
#mover .texte { color: #999; }

#slider          { height: 150px; padding: 30px; overflow: hidden; position: relative; }

.slide           { padding-left: 60px; width: 540px; float: left; position: relative; }
.slide h1        { font-size: 13px; font-weight: bold; color: white; text-align: left; margin: 0px; width: 230px; }
.slide p         { color: #FFFF80; line-height: 22px; width: 168px; margin: 0px; text-align: left; padding-left: 22px; }
.slide img       { position: absolute; top: 2px; left: 308px; margin: 0; }
#slider-stopper  { position: absolute; top: 12px; right: 25px; color: #a5bdcc;
                   padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
                   
.chiffre_classement { color: #a5bdcc; font-size: 25px; }

#dernieres_photos {
    text-align: center;
    width: 722px;
    height: 188px;
    margin: 0 auto;
    margin-bottom: 40px; }
   
#dernieres_photos table { width: 722px; margin: 0; }
#dernieres_photos td img, #minis_gauche td img:hover, #minis_gauche td img:visited  {  margin-left: 0; border: none; }

#dernieres_photos td div a { color: black; } 
#dernieres_photos td div { background: white; }            
#dernieres_photos td { background: #222; }
#dernieres_photos td.actuelle, #dernieres_photos td:hover { background: #ffa83f; }

#presentation { width: 726px; text-align: justify; margin: 0 auto; margin-bottom: 20px;; }
.retrait { text-indent: 50px; }

#photo_auhasard { background: url("img/1auhasard.png") no-repeat top left; width: 250px; height: 193px; margin: 0 auto; margin-bottom:10px; }

#statistiques { background: url("img/statistiques.png") no-repeat center left; padding-left: 50px; margin-left: 50px; height: 102px; }
/* CSS page d'accueil fin */ 

/* CSS Page galerie */

#content {     
    padding-top: 8px;
    padding-left:8px;
    margin: 0 auto;
    margin-top: 30px;
    margin-left: 67px;
    height: 472px;
    width: 874px;
    background: url("img/fond_seul.png") no-repeat top left; } 
   
#form_galerie {
    float: left; 
    width: 320px;
    margin-top: 10px;
    margin-left: 60px; }
    
#form_galerie form { padding-left: 15px; border-left: 1px solid gray; }
    
#form_espaceperso {
    float: left;
    margin-left: 120px;
    margin-top: 10px;
    width: 330px; }
    
#form_espaceperso form { padding-left: 15px; border-left: 1px solid gray; }      

#nom_galerie { margin: 0; }
    
#mesgaleries { margin-top: 50px; }

#bandeau_minis {
	position: relative;
	height: 110px;
	overflow: hidden;
	width: 992px;
    margin-left: 6px;
	margin-top: 20px; }

#miniatures { 
    width: 100%;
    position:relative; }

#minis {
	position: absolute;
    z-index:1;
	width: auto;
	left: 0;
    top:20px; 
    height: 76px;
	padding-top: 3px; }

#modif_suppr { text-align: right; }
	
.fleche { cursor: pointer; }

#flecheg {
    position:absolute;
    left: 6px;
    top: 20px;
    height: 79px;
    z-index: 100; }

#fleched {
    position:absolute;
    right: 10px;
    top:20px;
    height: 79px;
    z-index: 100; }

#image_avatar { width:70px; height:60px; }
	
.float { float: right; clear: right; }
/* CSS Page galerie fin */

    
/* CSS Page photos */

#galerie { float: left; width: 332px; margin-top: 49px; margin-left: 10px; position: relative; }

#galerie2 { float: right; width: 666px; margin-bottom: 10px; margin-top: 30px; margin-right:0px; position: relative; }


#minis_gauche { width:306px; margin-top: 4px; }
 
#minis_gauche td img, #minis_gauche td img:hover, #minis_gauche td img:visited  {  margin-left: 0; border: none; }
#minis_gauche td div a { color: black; } 
#minis_gauche td div { background: white; }            
#minis_gauche td { background: #222; }
#minis_gauche td.actuelle { background: #ffa83f; } 
#minis_gauche td:hover { background: #ffa83f; }           

#pied_minis { width: 306px; height: 30px; padding-top: 7px; font-size: 12px; }
#pied_minis a { color:black; }
#pied_minis a:hover { text-decoration: underline; } 

#photo_precedente { left: 4px; top:0; position: absolute; z-index: 100;  }
#photo_suivante { right: 4px; top:0; position: absolute; z-index: 100; }
   
#pages { padding-top: 5px; text-align: center; height: 23px; margin-left: 20px; margin-right: 20px; } 
    
#page_precedente { float: left; width: 16px; padding-top: 1px; padding-left: 4px; }
#page_suivante { float: right; width: 16px; padding-top: 1px; padding-right : 4px; }
    
#impression { float: right; margin-right: 3px; padding-top: 3px; }
#ajout_photo_favorite { float: right; margin-right: 8px; margin-left: 18px; padding-top: 3px; } 
#votes { width: 100px; float: right; padding: 0px; margin-right: 5px; }
    
#photo div { color: white;  }
#photo div a { color: #ff6600; }
#photo div, #note p { text-align: left; }
#photo div a:hover { text-decoration: underline; } 
#photo div #date { text-align: right; }         

#cadrephoto { margin-top: 2px; text-align: center; position: relative; width: 666px; float:right; }                     
#cadrephoto img { display: block; }

#bandeau_haut { background: url('img/haut_cadre.png') no-repeat top left; padding-left: 3px; padding-right: 7px; padding-top: 24px; color: white; height: 23px; width:656px; }
#nom_animal_photo { text-align:left; float:left; font-size: 13px; margin-top:7px; margin-left: 9px; height: 17px; width: 180px; }
#nom_animal_photo p { font-weight: bold; }

#fond_cadrephoto { background: url('img/fond_cadre.png') repeat-y top left; }

#glob_photo { padding-top: 3px;  padding-bottom: 3px; position: relative; width: 662px; }

#fond_titrephoto { background: black; height: 30px; position: absolute; }
#texte_titrephoto { height: 23px; position: absolute; padding-top: 7px; font-size: 13px; font-weight: bold; color: #E0E0E0; }

#infos_photo { color: white; width: 638px; margin: 0 auto; margin-bottom: 0px; }
#infos_photo a { color: #ff6600; }
#infos_photo, #note p { text-align: left; }
.bleusurgris { color: #e2f4fd; }
#infos_photo a:hover { text-decoration: underline; }

#date { text-align: right; }
#liste_votes { background-color: #a5bdcc; color: black; position: relative; margin-top:10px; border: 1px solid #000000; padding: 5px; width: auto; } 

#pied_infosphotos { background: url('img/bas_cadre.png') no-repeat top left; height: 20px; color: white; padding-top: 1px;} 

/* CSS Page photos fin */ 

.membres td { border-bottom: 1px solid #585858; vertical-align: bottom; padding-left:0px; padding-right: 7px; padding-bottom: 3px; padding-top: 0px; }
.membres td.avatar { border:0; padding: 0; }

#messages_recus { width: 874px; margin-left: 67px; margin-top: 40px; background: url('img/cadre_messagerie.png') no-repeat top left;  height: 472px; }

/* CSS commentaires */

#commentaires { margin: 0 auto; margin-top: 10px; width: 648px; }    
#comments { width: 100%; margin-bottom: 10px; }
#haut_comment { background: url('img/haut_comment.png') no-repeat top left; height: 10px;}
#fond_comment { background: url('img/fond_comment.png') repeat-y top left; padding-top: 5px; }
#pied_comment { background: url('img/pied_comment.png') no-repeat top left; height: 30px; margin-bottom: 5px;}
.comment { min-height: 47px; width: 626px; margin-left: 17px; } 
.comment p { padding-left: 16px; padding-right: 20px; padding-top: 2px; padding-bottom: 29px; }

#avatar { float:left; width:73px; margin-left: 16px; margin-top: 3px; }
#avatar img { border: 1px solid black; padding: 1px; }
    
#edite_le { font-size:9px;text-align:right;width:602px;background-color:#D0D0D0; padding-right:3px; padding-top:1px; margin-left:5px; } 
.commentaires { background: url('img/span_commentaires.png') no-repeat top left; display:block; padding-left:34px; margin: 0 auto; margin-bottom: 15px; font-weight: bold; width: 610px; height: 22px; padding-top: 19px; color: #2f2d2e; font-size: 12px; text-align: left; }


#nouveau_comment { background: url('img/cadre_nouvcomment.png') no-repeat top left; position: relative; padding: 6px 5px 5px 20px; width: 591px; height: 195px; margin-left: 17px; margin-top: 14px; }
#nouveau_comment p { margin-top: 10px; margin-left: 2px; margin-bottom: 8px; font-size: 12px; }
#nouveau_comment p.bouton { margin-top: 4px; margin-left: 2px; margin-bottom: 4px; font-size: 12px; }
#smileys { position: absolute; width:130px; right:50px; top:62px; text-align: right; }

#bbcode { height: 20px; margin-bottom: 1px;}

#msg_erreur { height: 30px; margin-top: 10px; padding-left: 57px; }


.popup_msg { width: 264px; position:absolute; z-index:10; display:none; }
 
#haut_bulle { background: transparent url("img/haut_bulle.png") no-repeat top left; height: 12px; } 

#bas_bulle { background: transparent url("img/bas_bulle.png") no-repeat top left; height: 15px; }

.texte_bulle_reponse { background: transparent url("img/center_bulle.png") repeat-y top left; padding: 0; padding-left: 15px; padding-right: 15px; margin:0; text-align: center; color: #003368; }
.texte_bulle_reponse p { padding: 0; margin:0; }


/* CSS commentaires */ 

button
{
  border:none;
  background:none;
  padding:0;
  margin:0;
  width:auto;
  overflow:visible;                    
  text-align:center;    
  white-space:nowrap;    
  height:20px;
  line-height:38px;
  cursor: pointer;
  outline-style:none;              
}   

.zonetexte { width: 200px; height: 70px; }
    
.login {
    width: 75px; 
    padding: 0px;
    padding-top: 2px;
    padding-left: 3px;
    font-family: Arial;
    font-size: 11px;
    text-indent: 2px;
    border: none;
    background: url("img/fd_input_login.png") no-repeat top left;
    height: 17px; }
    
.ok{
    color: #2f2d2e;
    border : none;
    background : url("img/bt_ok.png") no-repeat top left;
    height:20px;
    width: 32px;
    font-size: 9px;
    font-weight: bold;
    font-family: verdana;
    padding: 0px;
    padding-left: 3px;
    padding-bottom: 4px;
    margin-top: 1px;}
    
.ok:hover{
    cursor: pointer;
    background : url("img/bt_ok_on.png") no-repeat top left; }
    
.ok:visited{
    background : url("img/bt_ok.png") no-repeat top left; }
    
.envoyer{
    border: none;
    height: 20px;
    width: 65px;
    margin: 0px;
    font-size: 9px;
    font-weight: bold;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 5px;
    padding-left: 7px;
    background : url("img/bt_envoyer.png") no-repeat top left; }
    
.envoyer:hover{
    cursor: pointer;
    background : url("img/bt_envoyer_on.png") no-repeat top left; }
    
.actualiser {
    border: none;
    height: 26px;
    width: 197px;
    margin: 0px;
    margin-left: 17px; 
    margin-top: 10px;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 5px;
    padding-left: 20px;
    background : url("img/bt_actualiser.png") no-repeat top left; }
    
.actualiser:hover {
    cursor: pointer;
    background : url("img/bt_actualiser_on.png") no-repeat top left; }    
    
.bt_bbcode_img {
    border: none;
    height: 20px;
    width: 32px;
    margin: 0px;
    font-size: 10px;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 5px;
    padding-left: 6px;
    background : url("img/bt_bbcode_img.png") no-repeat top left; }
    
.bt_bbcode_img:hover {
    cursor: pointer;
    background : url("img/bt_bbcode_img_on.png") no-repeat top left; }  
    
.bt_bbcode_petit {
    border: none;
    height: 20px;
    width: 22px;
    margin: 0px;
    font-size: 10px;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 5px;
    padding-left: 6px;
    background : url("img/bt_bbcode_petit.png") no-repeat top left; }
    
.bt_bbcode_petit:hover {
    cursor: pointer;
    background : url("img/bt_bbcode_petit_on.png") no-repeat top left; }  
    
.bt_patte {
    border: none;
    height: 18px;
    width: 18px;
    margin: 0px;
    font-size: 10px;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 4px;
    padding-left: 6px;
    background : url("img/bt_patte.png") no-repeat top left; 
    outline-style:none;   
}

.bt_patte:hover {
    cursor: pointer;
    background : url("img/bt_patte_on.png") no-repeat top left;
    outline-style:none;
}
        
.bt_bbcode_quote {
    border: none;
    height: 20px;
    width: 44px;
    margin: 0px;
    font-size: 10px;
    font-family: verdana;
    color: #2f2d2e;
    padding-bottom: 5px;
    padding-left: 6px;
    background : url("img/bt_bbcode_quote.png") no-repeat top left; }
    
.bt_bbcode_quote:hover {
    cursor: pointer;
    background : url("img/bt_bbcode_quote_on.png") no-repeat top left; }  
    
.smiley {
    width: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
    margin-right: 4px;
    border: none;
    background: black; }

.input {
    padding: 0px;
    padding-top: 2px;
    padding-left: 3px;
    margin-left:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    width: 131px;
    height:17px;
    text-align: left;
    text-indent: 5px;
    border: none;
    background: url("img/fd_input_text.png") no-repeat top left; }
    
.input_recherche {
    padding: 0px;
    padding-top: 2px;
    padding-left: 18px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    width: 116px;
    height:17px;
    text-align: left;
    text-indent: 5px;
    border: none;
    background: url("img/input_recherche.png") no-repeat top left;    
}
    
.input_gris {
    height: 15px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid black;
    background-color: gray;
    line-height: normal;
    width: 130px;
    text-align: left;
    text-indent: 5px; }
    
.select {
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin-right: 5px;
    margin-top: 0;
    background: url("img/fd_select_gd.png") no-repeat top left;
    height:19px; 
    width: 88px;}
    
.select_tgd {
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin-right: 5px;
    margin-top: 0;
    background: url("img/fd_select_tgd.png") no-repeat top left;
    height:19px; 
    width: 210px;}
    
.select_categorie {
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin-right: 5px;
    background: url("img/fd_input_text.png") no-repeat top left;
    height:19px; 
    width: 131px;}

.select li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    background: white; }
    
.select_ptit {
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin-right: 3px;
    background: url("img/fd_select_ptit.png") no-repeat top left;
    height:19px; 
    width: 53px;}
    
.inputfile {
    height: 22px;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal; }

.textarea {
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    border: none;
    text-indent: 5px;
    margin-top: 2px; }
    
.checkbox { margin: 0px; padding: 0px; }
/* CSS Formulaire fin */

/* bleu souligné sur bleu */
.url { color: #4588D1; text-decoration: underline; }
.url:hover {  color: #4588D1; }

   
.mini { color: #e2f4fd; }
.mini:hover {  color: #e2f4fd; }

/* bleu clair sur bleu */
.lien { color: #0047CA; }
.lien:hover {  color: #1164FF; }

/* rouge sur blanc souligné */
.lien2 { color: black; }
.lien2:hover { cursor: pointer; color: #FF0000; }

/* rouge sur gris */
.lien3 { color: #969696; }
.lien3:hover {  color: #FF0000; }
 
/* bleu sur gris */    
.lien4 { color: #969696; }
.lien4:hover { color: #8996a0; }
    
/* gris sur blanc */    
.lien5 { color: #222; }
.lien5:hover {  color: black; }
    
/* gris sur blanc souligné */
.lien10 { color: black; text-decoration: underline; }
.lien10:hover {  color: #E0E0E0; }

/* blanc souligné sur blanc */   
.lien13 { color: #003368; }
.lien13:hover {  color: #003368; text-decoration: underline;}

/* blanc souligné sur blanc */   
.lienblanc { color: white; }
.lienblanc:hover {  color: white; text-decoration: underline;}

/* orange souligné sur orange */
.lienorange { color: #ff6600; }
.lienorange:hover {  color: #ff6600; text-decoration: underline; }

/* noir sur blanc */   
.lien17 { color: black; }
.lien17:hover {  color: #003368; }

.lienbleu { color: #003368; }
.lienbleu:hover { color: #225b96; }

/* noir sur blanc */   
.liennoir { color: black; }
.liennoir:hover {  color: black; text-decoration: underline; }

/* noir sur blanc */   
.lienbn { color: black; }
.lienbn:hover {  color: #003368; }

/* rouge sur gris foncé */   
.lien18 { color: #585858; }
.lien18:hover {  color: #FF0000; }