/*===============================================================
      reset : reset des styles navigateurs                       
      texte : styles des textes (sert aussi à FCKeditor)         
================================================================*/

@import url(reset.css);

/*======================================
      CHARTE DU SITE                    
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- vert                          #00574b 
- marron                        #955325 
- beige                         #FCDA8B 
- gris                          #807F84 
\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
#cadre-principal{/* /!\ css.php*/
    position            :   relative;
    width               :   100%;
    margin              :   0 auto;
}
    #cadre-haut {
        height              :   90px;
    }    
	#cadre-centre {
	    background          :   transparent;
	}
		#cadre-colonne-1{
		  float                   :   left;
		  width                   :   118px;
		}
		#cadre-colonne-milieu{
		  float                   :   left;
		  width                   :   682px; 
		  margin-bottom           :   10px;
		}
		#mod-index #cadre-colonne-milieu{
		  width                   :   550px; 
		}
		#cadre-colonne-2{
		  float                   :   left;
		}
	#cadre-bas {
       font-family         :   Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
       clear               :   both;
       min-height          :   50px;      
       text-align          :   center;
	   width               :   682px;
       margin-left         :   118px;  
	   border-top          :   1px solid #955325;
	   position            :   relative;
	}
	#mod-index #cadre-bas{
	    width                   :   590px;
	    margin                  :   0 0 0 60px;  	    
        border                  :   0px;
	}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo a{
	display             :   block;
    position            :   absolute;
    top                 :   0;
    width               :   950px;
    height              :   120px;
}
#mod-index #logo a{
    height              :   0px;
}

/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

/***    COLONE GAUCHE   ***/
#cadre-colonne-1 .corps{
    padding             :   0px;
}

#mod-index #cadre-colonne-1 #acces-client{
    position            :   absolute;
    display             :   block;
    width               :   60px;
    height              :   60px;
    margin-top          :   150px; 
    margin-left         :   20px;
    text-indent         :   -9999px;
}

/* Menu principal */
ul#menu-principal, ul#menu-principal ul{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
    position            :   absolute;
    top                 :   0;
}
	ul#menu-principal li.menu a{/* /!\ css.php*/
		display            :   block;	
		text-decoration    :   none;
		text-indent        :   -9999px;
	}
	
/* Animation axn */
#animation-axn{
    background              :   url(/img/site/fr/axn.gif) no-repeat left top;
    position                :   absolute;
    width                   :   100px;
    height                  :   150px;
    top                     :   480px;
    left                    :   15px;
}
#mod-index #animation-axn{
	display                 :  none;
}
	
/***    COLONE MILIEU   ***/
#fil-ariane{
    padding                 :   15px 20px 0 20px;
}
#fil-ariane, #fil-ariane a{
    color                   :   #807F84;
}
#cadre-colonne-milieu .titre1{
    margin                  :   20px 0 46px 10px;
}
#cadre-colonne-milieu .titre1, #cadre-colonne-milieu .titre1 a{/* /!\ css.php*/
	display                 :   block;
    height                  :   47px;
    text-indent             :   -9999px;
}

#cadre-colonne-milieu .corps-bg{
    background              :   url(/img/site/bg-corps.gif) no-repeat left top #f5f0df;
}

#cadre-colonne-milieu .corps{
    min-height              :   425px;
    overflow                :   hidden;
    background              :   url(/img/site/bg-corps.gif) no-repeat left bottom;
}

/* mod-index */
#mod-index #cadre-colonne-milieu .corps, #mod-index #cadre-colonne-milieu .corps-bg{
    background              :   none;
}
#mod-index #cadre-colonne-milieu .corps{
    height              :   425px;
}

	
/* (tous modules) */
#cadre-colonne-milieu .corps .bordure{
    padding                 :   20px;
    background              :   url(/img/site/bg-corps.gif) no-repeat left top;
    overflow                :   hidden;
    position                :   relative;
    clear                   :   both;
}

#cadre-colonne-milieu a.liens{/* /!\ css.php */
    display                 :   block;
    margin-top              :   4px;
}
#cadre-colonne-milieu a.liens.savoir-plus{
    background-position     :   0 0;
}
#cadre-colonne-milieu a.liens.savoir-plus:hover{
    background-position     :   0 -12px;
}

#cadre-colonne-milieu p.accroche{
    font-size               :   12px; 
    font-weight             :   bold;
    color                   :   #000;
    margin-bottom           :   10px;
}

	/* List small */
    #cadre-colonne-milieu #lst-small{
        width                   :   635px;
        clear                   :   both;
        margin-top              :   10px;
    }
	#cadre-colonne-milieu .lst-small{
	    clear                   :   both;
	    background-color        :   #fff;   
	    padding                 :   8px;
	    padding-bottom          :   12px;
	    overflow                :   hidden;
	}
	#cadre-colonne-milieu .titre{ /* /!\ css.php*/
	    border-bottom           :  1px solid #00574b;
	    margin-bottom           :  6px; 
	}
	
	#galerie-photos{
		width                   :   387px; 	
		border-bottom           :   3px double #d38b2d;
		padding-bottom          :   11px;
		float                   :   left;
	}
	#cadre-colonne-milieu .lst-small #galerie-photos .titre.galerie-photos{
	    background-position     :   0 -15px;
	}
	#galerie-photos .fleches{
	    background              :   url(/img/site/fleches.gif) no-repeat left top;   
	    width                   :   23px;
	    height                  :   17px;
	    position                :   absolute;
	    margin-top              :   3px;
	    cursor                  :   pointer; 
	    display                 :   block
	}
	#galerie-photos .fleches#gauche{             
	    background-position     :   0 -0px;   
	    margin-left             :   10px;
	}
	#galerie-photos .fleches#gauche:hover{
	    background-position     :  0 -17px;   
	}
	#galerie-photos .fleches#droite{
		margin-left             :  353px;
	    background-position     :  0 -34px;   
	}
	#galerie-photos .fleches#droite:hover{
	    background-position     :   0 -51px;   
	}
		#diaporama_masque{
		    position            :   relative;
		    overflow            :   hidden;
		}
		#diaporama{
		    position            :   absolute;
		}
		ul#diaporama{
		    list-style-type     :   none;
		    margin              :   0;
		    padding             :   0;
		}
		ul#diaporama li{
		  display               :   block;
		  float                 :   left;
		  text-align            :   left;
		}   
	
	#fichiers{ 
		float                   :   right;
	    width                   :   220px;  
	} 
	#cadre-colonne-milieu #fichiers .titre.fichiers-joints{
	    background-position     :   0 -30px;
	}
	#cadre-colonne-milieu #fichiers .titre.liens-web{
	    background-position     :   0 -45px;
	}
	#fichiers ul{
		margin                  :   0 0 10px 0;
	    list-style-position     :   inside;
	}
	#fichiers ul li{
		font-size               :   11px;
	    padding-bottom          :   2px;
	}
	#fichiers ul li a, #fichiers ul li a{
	    color                   :   #000;
	}
	
#cadre-colonne-milieu  ul#boutons{
    clear                   :   both;
    background              :   url(/img/site/bg-boutons.gif) no-repeat left top;
    height                  :   25px;
    margin                  :   7px 0 0 0;
    padding                 :   3px 0 0 240px;
    list-style-type         :   none;
}
#cadre-colonne-milieu  #boutons li{
    float                   :   left;
}
#cadre-colonne-milieu  #boutons li a{/* /!\ css.php */
    display                 :   block;
}

#cadre-colonne-milieu ul#menu-interne{
   list-style-type         :   none;
   margin                  :   0;
   padding                 :   15px 20px 10px 20px;
}    
#cadre-colonne-milieu ul#menu-interne li{
   display                 :   inline;
}
#cadre-colonne-milieu ul#menu-interne li, #cadre-colonne-milieu ul#menu-interne li a{
   color                   :   #955325;
}
#cadre-colonne-milieu ul#menu-interne li.actif a{
   color                   :   #955325;
   text-decoration          :   underline;
}

/* mod-articles &&  mod-actualites */
#mod-articles #cadre-colonne-milieu .titre2, 
#mod-actualites #cadre-colonne-milieu .titre2{
    font-size               :   12px;
    text-transform          :   uppercase;
    font-weight             :   normal;
}
#mod-articles #cadre-colonne-milieu .titre2, #mod-articles #cadre-colonne-milieu .titre2 a,
#mod-actualites #cadre-colonne-milieu .titre2, #mod-actualites #cadre-colonne-milieu .titre2 a{
    color                   :   #000;
}
#mod-articles #cadre-colonne-milieu .titre3,
#mod-actualites #cadre-colonne-milieu .titre3{
    font-size               :   14px;
    font-weight             :   bold;
    background              :   url(/img/site/picto.gif) no-repeat left top;
    padding-left            :   30px;
    margin-top              :   4px;
}
#mod-articles #cadre-colonne-milieu .titre3, #mod-articles #cadre-colonne-milieu .titre3 a,
#mod-actualites #cadre-colonne-milieu .titre3, #mod-actualites #cadre-colonne-milieu .titre3 a{
    color                   :   #711A04;
}
#mod-articles #cadre-colonne-milieu dl,
#mod-actualites #cadre-colonne-milieu dl{
    margin-top              :   0; 
    overflow                :   hidden;
}
#mod-articles #cadre-colonne-milieu dl dd,
#mod-actualites #cadre-colonne-milieu dl dd{
    padding-left            :   30px;        
}
#mod-articles #cadre-colonne-milieu dl dd.accroche,
#mod-actualites #cadre-colonne-milieu dl dd.accroche{
    font-size               :   12px; 
    color                   :   #000;
    cursor                  :   pointer;
}
#mod-articles #cadre-colonne-milieu .photo,
#mod-actualites #cadre-colonne-milieu .photo{
    float                   :   right;
    margin                  :   0 0 10px 10px;
}

#mod-articles #cadre-colonne-milieu #galerie-photos,
#mod-actualites #cadre-colonne-milieu #galerie-photos{
        width                   :   620px;
}
#mod-articles #cadre-colonne-milieu #galerie-photos .fleches#droite,
#mod-actualites #cadre-colonne-milieu #galerie-photos .fleches#droite{
        margin-left             :  585px;
        background-position     :  0 -34px;    
}
#mod-articles #cadre-colonne-milieu #galerie-photos .fleches#droite:hover,
#mod-actualites #cadre-colonne-milieu #galerie-photos .fleches#droite:hover{
        background-position     :  0 -51px;    
}

#mod-articles #cadre-colonne-milieu #fichiers,
#mod-actualites #cadre-colonne-milieu #fichiers{
        width                   :   150px;
        float                   :   right;
        margin                  :   0 0 10px 10px;
        clear                   :   both;    
}

/* mod-actualites && mod-cheval */
#mod-actualites #cadre-colonne-milieu form,
#mod-cheval #cadre-colonne-milieu form{
	margin                  : 15px 35px 10px 35px;
	clear                   : both;
}
#mod-actualites #cadre-colonne-milieu form p*,
#mod-cheval #cadre-colonne-milieu form p*{
    margin                  : 0;
    padding                 : 0;
}
#mod-actualites #cadre-colonne-milieu form label,
#mod-cheval #cadre-colonne-milieu form label{
    font-size               :   12px;
    font-weight             :   normal;
}
#mod-actualites #cadre-colonne-milieu form p.left,
#mod-cheval #cadre-colonne-milieu form p.left{
    float                   :   left;
    margin-bottom           :   5px;
}
#mod-actualites #cadre-colonne-milieu form p.right,
#mod-cheval #cadre-colonne-milieu form p.right{
    float                   :   right;
    margin-left             :   40px;
    margin-bottom           :   5px;
}
#mod-actualites #cadre-colonne-milieu form p label,
#mod-cheval #cadre-colonne-milieu form p label{
	display                 :   block;
    width                   :   80px;
    float                   :   left;  
}
#mod-actualites #cadre-colonne-milieu form p select,
#mod-cheval #cadre-colonne-milieu form p select, #mod-cheval #cadre-colonne-milieu form p.recherche input{
    width                   :   200px;
}
#mod-actualites #cadre-colonne-milieu form p.boutons,
#mod-cheval #cadre-colonne-milieu form p.boutons{
    margin-left             :   100px;
    clear                   :   both;   
    margin-bottom           :   5px;
}
#mod-actualites #cadre-colonne-milieu form .submit,#mod-actualites  #cadre-colonne-milieu form .reset,
#mod-cheval #cadre-colonne-milieu form .submit,#mod-cheval  #cadre-colonne-milieu form .reset{
    margin-right           :    20px;
}
#mod-actualites form .boutons input,
#mod-cheval form .boutons input{
	font-size              :   14px;
	font-weight            :   bold;
    color                  :   #fff;
    border                 :   none;
    background             :   url(/img/site/bg-bouton.gif) no-repeat left top;
    width                  :   170px;
    height                 :   25px;
}
#mod-actualites form .boutons input:hover,
#mod-cheval form .boutons input:hover{
    color                  :   #FCDA8B;
}
#mod-cheval #cadre-colonne-milieu .titre2,
#mod-actualites #cadre-colonne-milieu .titre2{
	width                   :   180px;
	height                  :   21px;
	padding-top             :   4px;
	margin-bottom           :   10px;
	font-size               :   14px;
	font-weight             :   bold;
	background              :   url(/img/site/bg-lst-nom.gif) no-repeat left top;
	text-align              :   center;
}
#mod-cheval #cadre-colonne-milieu .titre2, #mod-cheval #cadre-colonne-milieu .titre2 a,
#mod-actualites #cadre-colonne-milieu .titre2, #mod-actualites #cadre-colonne-milieu .titre2 a{
    color                   :   #FCDA8B;
}
/* mod-cheval */

#mod-cheval #cadre-colonne-milieu .titre3{
	width                   :   257px;
	height                  :   33px;
    font-size               :   22px;
    padding-top             :   4px;
    margin-bottom           :   10px;  
    font-weight             :   bold;
    background              :   url(/img/site/bg-frm-nom.gif) no-repeat left top;
    text-align              :   center;
}
#mod-cheval #cadre-colonne-milieu .titre3, #mod-cheval #cadre-colonne-milieu .titre3 a{
    color                   :   #FCDA8B;
}
#mod-cheval #cadre-colonne-milieu dl{
    float                   :   left;
}
#mod-cheval #cadre-colonne-milieu dl dd{
	margin-top              :   20px;
}
#mod-cheval #cadre-colonne-milieu .photo{
	width                   :   75px;
    float                   :   left;
}
#mod-cheval #cadre-colonne-milieu #informations{
	width                   :  246px;
	float                   :  left;
}
#mod-cheval #cadre-colonne-milieu #informations .informations{
    height                  :   150px;
}
#mod-cheval #cadre-colonne-milieu #informations p{
    font-size               :   12px;
    margin-bottom           :   3px;
}
#mod-cheval #cadre-colonne-milieu #informations span{
    font-size               :   12px;
    color                   :   #00574b;
    font-weight             :   bold;
}
#mod-cheval #cadre-colonne-milieu #informations #aptitudes{
    height                  :   40px;
}
#mod-cheval #cadre-colonne-milieu #informations #profil{
    height                  :   155px; 
}

#mod-cheval #cadre-colonne-milieu #informations dl{	
    width                   :   100%;
    margin                  :   10px 0 0 0;   
    background-color        :   #fff;
}
#mod-cheval #cadre-colonne-milieu #informations dl dd{ 
    font-size               :   11px;
    margin                  :   0;
    padding                 :   2px 10px 0 10px;
}
#mod-cheval #cadre-colonne-milieu #informations dl dt{
	font-size               :   12px;
	font-weight             :   bold;
	color                   :   #fff;
	text-transform          :   uppercase;
    background              :   url(/img/site/bg-infos.gif) no-repeat right top #00574b;
    border-left             :   5px solid #b06b3b;
    padding-left            :   7px;
}
#mod-cheval #cadre-colonne-milieu .frm-photo{
    float                   :   right;
}

#mod-cheval #cadre-colonne-milieu #lst-small{
    background              :  url(/img/site/bg-onglets.gif) no-repeat left top;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets{/* /!\ css.php */
	float                  :   left;
    width                  :   129px; 
    height                 :   22px;   
    cursor                 :   pointer;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_1{
	background-position    :   0 0;
    margin-left            :   66px;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_1:hover, #mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_1.actif{
    background-position   :   -129px 0;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_2{
    background-position    :   0 -22px;
    margin-left            :   58px;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_2:hover, #mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_2.actif{
    background-position    :   -129px -22px;
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_3{
    background-position    :   0 -44px;
    margin-left            :   58px;  
}
#mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_3:hover, #mod-cheval #cadre-colonne-milieu #lst-small .onglets#onglet_3.actif{
    background-position    :   -129px -44px;
}
#mod-cheval #cadre-colonne-milieu .lst-small #fichiers .titre.liens-videos{
    background-position     :   0 0;
}
#mod-cheval #cadre-colonne-milieu  #lst-small .lst-small .actif{
    display                 :   block;
}
#mod-cheval #cadre-colonne-milieu  #lst-small .lst-small .inactif{
    display                 :   none;
}

	/* onglet origines*/
	#mod-cheval table, #mod-cheval tr, #mod-cheval #data_2 td, #mod-cheval #data_2 th{
	    vertical-align          :   middle;
	}
	#mod-cheval #data_2 th{
	    text-align              :   center;
	}
	#mod-cheval #data_2 table td.col1, #mod-cheval #data_2 table td.col2, #mod-cheval #data_2 table td.col3{
	    width                   : 200px;
	    background-color        : #ECE8DF;
	    border                  : 5px solid #fff;
	    text-align              : center;
	}
	#mod-cheval #data_2 table td span.pur-sang{
	    color                   : #d34f5d;
	}
	#mod-cheval #data_2 table td.bord_bas{
	    border-bottom           :   1px solid #000000;
	}
	#mod-cheval #data_2 table td.bord_gche_haut{
	    border-top              :   1px solid #000000;
	    border-left             :   1px solid #000000;
	}
	#mod-cheval #data_2 table td.bord_gche_bas{
	    border-bottom           :   1px solid #000000;
	    border-left             :   1px solid #000000;
	}
	
#mod-cheval #cadre-colonne-milieu  ul#boutons{
    padding                 :   3px 0 0 200px;
}

#mod-cheval #cadre-colonne-milieu .pagination div.page{
    float                   :   left;
}
#mod-cheval #cadre-colonne-milieu .pagination div.navigation{
    float                   :   right;
}
#mod-cheval #cadre-colonne-milieu .pagination, #mod-cheval #cadre-colonne-milieu .pagination a{
    color                 :   #955325;
}
#mod-cheval #cadre-colonne-milieu .pagination a:hover{
    color                 :   #807F84;
}


/***    COLONE DROITE   ***/
#cadre-colonne-2 .corps{

}

/* mod-index */
#mod-index #bloc-actualite{
    width                   :   270px;
    height                  :   180px;
    margin                  :   115px 0 15px 0;
    overflow                :   auto;
    border                  :   1px solid #fff;
    padding                 :   0 5px 0 5px;
}
#mod-index #bloc-actualite h1 a{
    display                 :   block;    
    position                :   absolute;
    top                     :   175px;
    left                    :   685px;
    width                   :   140px;
    height                  :   26px;
    text-indent             :  -9999px;
}
#mod-index #bloc-actualite dl{
    clear                   :   both;
    margin-top              :   8px;   
    overflow                :   hidden;   
}
#mod-index #bloc-actualite dl.separateur{
    border-top              :   1px solid #fff; 
    padding-top             :   8px;
}
#mod-index #bloc-actualite dl dt img{
    float                   :  left;
    margin-right            :  10px
}
#mod-index #bloc-actualite dl dd.titre1{
    font-size               :  11px;
    margin-top              :  5px;
    color                   :  #792711;
    text-transform          :  uppercase;
    margin-bottom           :  2px;
}
#mod-index #bloc-actualite dl dd.titre2 a{
    font-size               :  12px;
    font-weight             :  bold;
    color                   :  #00574B;
    line-height             :  14px;
    text-transform          :  uppercase;
}
#mod-index #bloc-actualite dl dd.accroche{
    font-size               :  12px;
    font-weight             :  normal;
    color                   :  #000;
    line-height             :  13px;
    cursor                  :  pointer;
}
#mod-index #bloc-cheval{
    width                   :   270px;
    margin                  :   0;
    overflow                :   auto;
}
#mod-index #bloc-cheval h1 a{
    display                 :   block;    
    position                :   absolute;
    width                   :   140px;
    left                    :   685px;
    height                  :   26px;
    text-indent             :  -9999px;
}
#mod-index #diaporama_cheval_masque{
    margin              :   45px 0 0 45px;
    position            :   relative;
    overflow            :   hidden;
}
#mod-index #diaporama_cheval{
    position            :   absolute;
}
#mod-index ul#diaporama_cheval{
    list-style-type     :   none;
    margin              :   0;
    padding             :   0;
}
#mod-index ul#diaporama_cheval li{
  display               :   block;
  float                 :   left;
  text-align            :   left;
}   


/**************************************/
/*           BASELINE                 */
/**************************************/
#cadre-bas, #cadre-bas  a{
    font-size               :   10px;    
    color                   :   #807F84;
}

/* coordonnees */
#zone-coordonnees{
    font-size               :   12px;
    color                   :   #00574B; 
    margin-bottom           :   10px;
}
#zone-coordonnees a{
    font-size               :   13px;
    color                   :   #00574B;
}
#zone-coordonnees address{
    font-style              :   normal;
}

#menu-contact a{   /* /!\ css.php */
    display                 :   block;
    text-indent             :   -9999px;
    width                   :   91px;
    height                  :   14px;
    position                :   absolute;
    top                     :   15px;
    right                   :   0;
}


/* menus baseline */
#cadre-bas ul{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}
#cadre-bas ul li{
    display             :   inline;
}

/* logos */
#mod-index #cadre-bas #logos{
    position            :   absolute;
    left                :   670px;  
    width               :   250px;
}
#mod-index #cadre-bas #logos a{
    display             :   block;
    float               :   left;
    margin-right        :   15px;
}