/* CSS Document - largeur small */

/*********** styles generaux ************/
    
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        background:none;
        background-color:#3C4660;
    }
    
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    table {
      table-layout: fixed;
    }

    /* force le contenu à passer à la ligne sous une image */
    img {
      clear:left;
      max-width:100%;
      height: auto;
    }
    
    iframe {
      max-width:400px;
    }
    
    
    
    textarea {
      max-width:80%;
    }
    
.formInputSubmit {
  text-align: center;
}

.tableau_pedigree {
  max-width:90%;
  background-color:#fff;
}


/************************/

.mobile_element {
  display:block;
}
.standard_element {
  display:none;
}

#mobile_header_menu {
  position:absolute;
  background-image:url('../images/mobile_icone_menu.png');
  background-position:center center;
  background-repeat:no-repeat;
  width:30px;
  height:30px;
  top:0px;
  left:0px;  
}

/*
header_menu_mobile : copie de header_menu créée par jquery mobile.js
*/
#header_menu {
  display:none;
}
#header_menu_mobile, .header_menu_mobile {
  display:none;
  clear:both;

  margin:0px;
  position:absolute;
  height:100%;
  z-index:1000;  
  width:100%;
  background-color:#3C4660;
  top:100px;
  left:0px;

  
  padding:0px;
  
    
}



#mobile_close_menu {
  background-color:#fff;
  color:#000;
  
  font-size:12px;
  text-align:center;
  cursor:pointer;
  padding:5px;
  margin:auto;
  margin-top:10px;
  width:100px;
}

/*** */
#header {
  width:100%;
  height:auto;
  margin:auto;
  background:none;
  background-color:#3C4660;
  border:0px;
  
}
#header_logo {
  width:auto;
  background-image:url('../images/logo.png');
  background-size:auto 100%;
  background-position:center center;
  background-repeat:no-repeat;
  max-height:60px;
  
  
}
#logo {
  display:none;
}

#slider{
  display:none;
}
#slider_mobile{
	margin:auto;
	height:auto;
  min-height:400px;
	width:95%;
	z-index:0;
	border:0px;
  display:block;
  margin-top:10px;
  
  /*background-image:url('../../upload/slide/reduites/666-112_0857.JPG');*/
  background-repeat:none;
  background-position:top center;
  background-repeat:no-repeat;
  background-size:cover;

}



#header_menu, #header_menu_index {
  display:none;

}
.header_menu_accueil {
  display:none;
}
.header_menu_titre, .header_menu_titre_actif {
  float:none;
  width:90%;
  margin:auto;
  margin-top:10px;
  background:none;
  background-color:rgba(255,255,255,0.7);
  text-align:center;
  
  font-size:14px;
  
  padding-top:10px;
  padding-bottom:10px;
  height:auto;
  
  z-index:100;
  
  
  
}

#header_drapeau {
  margin-left:-10px;
}

#milieu, #milieu_index {
  width:94%;
  margin:auto;
  margin-top:10px;
}
#milieu_bloc_gauche {
  display:none;
}
#milieu_bloc_droit {
  width:100%;
  margin:auto;
  float:none;
  
}

h1 {
  width:90%;
  margin:auto;
  margin-bottom:5px;
  text-align:center;
  border:0px;
  border-bottom:1px solid #999;
  background-color:#fff;
}

h2 {
  background:none;
  border:0px;
  color:#234578;
  padding:2px;
  height:auto;
  
}

.bloc_encadre {
  width:auto!important;
  padding:20px!important;
  margin:auto!important;
  height:auto!important;
}

#slider {
  width:100%;
  background-image:url('../images/photo1_slider.jpg');
  background-repeat:none;
  background-size:auto 100%;
  background-position:-200px center;
  background-repeat:no-repeat;
  border:0px;
}
#image_principale {
  display:none;
}

#footer, #footer_credits_gen {
  float:none;
  width:94%;
  height:auto;
  margin:auto;
  background-color:#3C4660;
  padding:0px;
  

}
#footer_credits_gen {
   background-color:#000;
   padding:0px;
   padding-top:5px;
   width:100%;
}

.footer_partenaires {
  float:none;
  width:100%;
  text-align:center;
  height:auto;
  margin:auto;
  margin-top:10px;  
  background-color:#3C4660;
  color:#fff;
  padding:0px; 
  
}

.footer_raccourci_twitter, .footer_raccourci_facebook, .footer_raccourci_courrier {
}
/*
.footer_raccourci_twitter:before {
   content: "Twitter";
}
.footer_raccourci_facebook:before {
   content: "Facebook";
}
.footer_raccourci_courrier:before {
   content: "Contact";
}
*/


a.footer_credits {
  background:none;
  color:#fff;
  padding:0px;
  margin:5px; 
}
#footer_creditsl {
  float:left;
}
#footer_creditsr {
  float:right;
}

/* demande saillie */
#div_jument {
 float:none;
 margin:0px;
 width:100%;
}
#div_proprio {
 float:none;
 margin:0px;
 width:100%;
}
#statuts label {
  clear:both;
}

/* actus */
.actu_element {
  float:none;
  width:100%;
  margin:0px;
  margin-bottom:10px;
  height:auto;
  min-height:10px;
  background-color:#fff;
  border:1px solid #3C4660;
}

.actu_photo {
  width:100%;
  height:auto;
  min-height:160px;
  float:none;
  background-repeat:no-repeat;
  background-position:top center;
  background-size: 100% auto;

}

.actu_texte {
  margin:0px;
  float:none;
  width:auto;
  height:auto;
  -webkit-box-shadow:none;
  box-shadow:none;
  padding:5px;
  min-height:10px;
}
.actu_date{
  color:#888;
  text-align:right;
  font-size:11px;
  margin-top:4px;
}

/* form contact */
.formIntituleChamp {
  float:none;
}
.formInputChamp {
  float:none;
}

input.inputSubmit {
  color:#F3ECDA;
  background-color:#3C4660;  
}


/* perfs */
.perf_element {
  float:none;
  width:100%;
  margin:auto;
  height:auto;
  margin-bottom:5px;
  display:block;
 -webkit-box-shadow: none;
 box-shadow: none;  
 
 max-width:100%;
    
} 

.perf_photo {
  
} 


.perf_medias_vide {
  background:none;
}

.perf_element_large {
 width:100%;
}


.perf_titre {
  color:#3C4660;
  padding:4px;
  width:auto;
  height:auto;
  min-height:1px;
  
  border-left:0px;
  
  top: 0%;
  transform: none;  
}

.perf_flot {
  display:none;

}

.contact_gauche {
  float:none;
}

.contact_droite {
  float:none;
  margin:0px;
}