/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'TitilliumText25L250wt';
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'TitilliumText25L800wt';
    src: url('TitilliumText/TitilliumText25L001-webfont.eot');
    src: url('TitilliumText/TitilliumText25L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L001-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L001-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L001-webfont.svg#TitilliumText25L800wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L600wt';
    src: url('TitilliumText/TitilliumText25L002-webfont.eot');
    src: url('TitilliumText/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L002-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L002-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L002-webfont.svg#TitilliumText25L600wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L400wt';
    src: url('TitilliumText/TitilliumText25L003-webfont.eot');
    src: url('TitilliumText/TitilliumText25L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L003-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L003-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L003-webfont.svg#TitilliumText25L400wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L250wt';
    src: url('TitilliumText/TitilliumText25L004-webfont.eot');
    src: url('TitilliumText/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L004-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L004-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L004-webfont.svg#TitilliumText25L250wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L1wt';
    src: url('TitilliumText/TitilliumText25L005-webfont.eot');
    src: url('TitilliumText/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L005-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L005-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L005-webfont.svg#TitilliumText25L1wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText25L999wt';
    src: url('TitilliumText/TitilliumText25L-webfont.eot');
    src: url('TitilliumText/TitilliumText25L-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText/TitilliumText25L-webfont.woff') format('woff'),
         url('TitilliumText/TitilliumText25L-webfont.ttf') format('truetype'),
         url('TitilliumText/TitilliumText25L-webfont.svg#TitilliumText25L999wt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
    font-family: 'HelveticaNeue';
    src: url('Helvetica/helvetica_lt_97_black_condensed-webfont.eot');
    src: url('Helvetica/helvetica_lt_97_black_condensed-webfont.eot?iefix') format('eot'),
        url('Helvetica/helvetica_lt_97_black_condensed-webfont.woff') format('woff'),
        url('Helvetica/helvetica_lt_97_black_condensed-webfont.ttf') format('truetype'),
        url('Helvetica/helvetica_lt_97_black_condensed-webfont.svg#webfontBwi3ScAB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 400;
  src: local('BenchNine Regular'), local('BenchNine-Regular'), url(https://themes.googleusercontent.com/static/fonts/benchnine/v1/AVs3lMmyGvSpQmMt6DeeRj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 700;
  src: local('BenchNine Bold'), local('BenchNine-Bold'), url(https://themes.googleusercontent.com/static/fonts/benchnine/v1/qZpi6ZVZg3L2RL_xoBLxWRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}


#content .titre-blanc-h1{
  font-size: 1.8em;
  color: #fff;
  font-family:'TitilliumText25L1wt';
}
#content .titre-h2{
    font-size: 1.5em;
    color: #fff;
    font-family:'TitilliumText25L1wt';
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 10px;
    margin-bottom: 0;
}
#content .titre-h3-bleu{
  color: #04347d;
  font-family:arial,sans-serif;
  font-size:0.9em;
  margin: 0;
  padding: 0;
} 
#content .titre-h3-bleu-uppercase{
  color: #04347d;
  font-family:arial,sans-serif;
  font-size:1.1em;
  margin: 0;
  padding: 0;
  text-transform:uppercase;
  font-weight:bold;
}
#content .titre-h3-rouge{
  color: #ac020f;
  font-family:arial,sans-serif;
  font-size:1.1em;
  margin: 0;
  padding: 0;
  text-transform:uppercase;
  font-weight:bold;
 
}

#content .titre-h4-bleu-clair{
	color: #457dd8;
	font-size: 1.2em;
    font-family:'TitilliumText25L1wt';
    font-weight: bold;	
}
#content .titre-h4-bleu{
  color: #04347d;
  font-size: 1.2em;
  font-family:'TitilliumText25L1wt';
  font-weight:bold;  
}
#content .titre-h4-bleu-uppercase-gras-petit{
  color: #04347d;
  font-family:arial,sans-serif;
  font-size:0.8em;
  margin: 0;
  padding: 0;
  text-transform:uppercase;
}
.titre-h6{
}

#content .mise-en-avant-bleu{
	color:#083680;
	font-size: 1.2em;
    font-family:'TitilliumText25L1wt';
    font-weight: bold;
}
#content .mise-en-avant-blanc{
	color:#fff;
	font-size: 1.2em;
    font-family:'TitilliumText25L1wt';
    font-weight: normal;
}
#content .corps-de-texte{
	color:#4f4f4f;
  font-size: 0.88em;
  text-align:justify;
}

#content .img-avec-legende{
  position: relative;  
}

#content .legende{
  position: absolute;
  bottom: 0;
  left: 0;
  background: #244474;
  padding: 5px 1% 5px 3%;
  width: 96%;
  color: #fff;
  font-size: 0.8em;  
}

#content .legende-mid{
  position: absolute;
  bottom: 0;
  left: 0;
  background: #244474;
  padding: 5px 1% 5px 3%;
  width: 50%;
  color: #fff;
  font-size: 0.8em;  
}

#content .majuscule{ text-transform: uppercase; }
#content .bleu{ color:#083680; }
#content .bleu-clair{ color:#457dd8; }
#content .petit{ font-size: 0.8em; }
       

/* ==========================================================================
   Style image
   ========================================================================== */
#content .image-bords-blancs{
	border:3px solid #fff;
	-moz-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 3px #cecece;  
    -webkit-box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 3px #cecece;  
    box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 3px #cecece;  
}

/* ==========================================================================
   Style Tableau administration
   ========================================================================== */

#content .titre-administration-fond-rouge{
	background-color:#ce0834;
	font-family: 'TitilliumText25L999wt';
	font-weight: normal;
	font-size:1.2em;
	padding:5px;
	display:block;
	margin:5px 0px 20px 0px;
	color:#fff;
	max-width:50%;	 
}

table#bureau tr td{
  width: 20%;
  vertical-align: top;
  padding-bottom: 1%;
  padding-right: 5%;
}

table#bureau tr td ul{
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

.image-bureau{
  background: none repeat scroll 0 0 #E4E6E9;
  border: 3px solid white;
  box-shadow: 0 0 3px #E2E2E2;
  height: 133px;
  margin: 10px 0px 5px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.image-bureau img{
  min-height: 133px;
  height: auto !important;
  height: 133px;
}

.college{
  width: 100%;
  vertical-align: top;  
  margin: 10px 0; 
}

.college tr{
  width: 100%; 
}

.college tr.separateur{
  height: 10px;
}

.region{
  width: 30%;
  background: #fff;
  padding: 10px 2.5%;
  height: 110px;
  border:#ddd solid 1px;  
  border-right: none;
}

.membre{
   width: 78%; 
   text-align: center;   
    border:#ddd solid 1px;  
    border-left: none;
    padding: 0;
    margin:0;
}

#troisieme-college .membre,
#second-college .membre,
#quatrieme-college .membre{
  border:#ddd solid 1px;  
}

.membre ul {
    width: 99%;
    background: #e4e6e9;
    padding: 19px 0; 
    margin: 0.5%; 
}

.membre ul li {
    min-height: 95px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    zoom: 1;
    *display: inline;
    _height: 95px;
    text-align: center;
}

.membre ul li img{
  min-height: 95px;
  height: auto !important;
  height: 95px;
}

/* ==========================================================================
   Style Tableau EQUIPE
   ========================================================================== */
table#equipe tr td.bloc-membre{
  width: 33%;
  vertical-align: top;
  padding-bottom: 1%;
}
table.membre {
  border:1px solid #dddddd;
  /*width: 282px;*/
  width: 95.5%;
}
table.membre tr td.description{
  background-color:#e4e6e9;
  text-align:left;
  vertical-align:top;
  padding: 20px;
}

table.membre tr td.description h4{
 color:#01327f;
 margin: 0;
 padding: 0;
 font-size: 0.8em;
}
table.membre tr td.description span{
  color:#01327f;
  font-size: 0.8em;
}

table.membre tr td.photo{
	background-color:#e4e6e9;
	text-align:right;
	vertical-align:top;
  width: 85px;
  padding-top: 20px;
  padding-right: 5px;
  padding-bottom: 10px;
}

table.membre tr td.photo img{
  height: 104px;
}


table.membre tr td.coordonnees{
  background-color:#fff;
  text-align:left;
  vertical-align:middle;
  font-size: 0.8em;
  padding: 0px 10px;
  height: 106px;
}

table.membre tr td.email{
  background:transparent url(../images/rubrique/bg-email-equipe.png) top left no-repeat;
  text-align:left;
  vertical-align:middle;
  color:#fff;
  font-size: 0.8em;
  height: 48px;
  padding: 0 10px;
}
table.membre tbody tr td.email a{
	color:#fff;
	text-decoration:none;
}

table.membre tbody tr td.email a:hover,
a:visited{
	color:#9EB2D0;
	text-decoration:none;
}



/* ==========================================================================
   Style PAGE RACE SF
   ========================================================================== */
table tr td{
  vertical-align: top;
  text-align: left;
}

table tr td#illus-origine{
  padding: 0 3.2%;   
}

table tr td.img-origine{
  padding-bottom: 3.2%;   
}

table tr td.caracteristiques{
  width: 40%;
  padding: 0 5% 3.2% 0;   
}

table tr td.genealogie{
  padding: 0 0 3.2% 5%;   
}

/* ==========================================================================
   Style PAGE FORMULAIRE
   ========================================================================== */

.listing-formulaires-pdf {
        list-style-type: none;
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }
.listing-formulaires-pdf  li {
        width: 18%;
        min-height: 123px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 0 1% 2% 0;
        zoom: 1;
        *display: inline;
        _height: 123px;
        text-align: center;
        font-size: 0.8em;

    }

/* ==========================================================================
   Style PAGE SF CLUB
   ========================================================================== */

.zone-droite ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.zone-droite ul li{
  margin: 0 0 10px 0;
}

.zone-droite ul li.bloc-newsletter{
  margin: 20px 0 10px 0;
  border: 1px dashed #0b2067;
}

.zone-droite .bloc{
background: transparent url(../images/common/bg-bloc-newsletter.png) 2px 0px repeat-x;

}

.zone-droite .newsletter{
  padding: 20px;
  height: 91px;
}

#content .zone-droite .newsletter h3{
  color: #fff;
  text-transform: uppercase;
  font-family: 'BenchNine';
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
  width: 200px;
  float: right;
  line-height: 0.9;
}
.zone-droite .newsletter h3 span{
  color: #fff;
  text-transform: uppercase;
  font-family: 'TitilliumText25L1wt';
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
}

.zone-droite .newsletter form{
  height: 40px;
  width: auto;
  position: relative;
}

.zone-droite .newsletter form .email-val{
  width: 165px;
}


.zone-droite .newsletter form .inscrire{
  background: #365eab;
  color: #fff;
  text-align: center;
  border: none;
  border-top: #365eab 1px solid;
  font-family: 'BenchNine';
  font-size: 1em;
  text-transform: uppercase;
  position: absolute;
  left: 179px;
  height: 30px;
}


/* ==========================================================================
   Style pdf simple ( en ligne ) reste la version en bloc à faire sorry
   ========================================================================== */
a.pdf-simple, 
li.pdf-simple a {
	background:#ce0834 url(../images/common/pdf-icon.png) left center no-repeat;
	padding:5px;
	padding-left:40px;
	display:block;
	color:#fff;	
	text-decoration:none;
	border:1px solid #c40629;
	-moz-box-shadow: 0 0 5px #e5698d inset, 0 0 2px #e5698d inset;  
    -webkit-box-shadow: 0 0 5px #e5698d inset, 0 0 2px #e5698d inset;  
    box-shadow: 0 0 5px #e5698d inset, 0 0 2px #e5698d inset; 
	line-height:30px; 	
}
a.pdf-simple:hover, 
li.pdf-simple a:hover{
	background:#C1032D url(../images/common/pdf-icon.png) left center no-repeat;	
}
li.pdf-simple a{
	color:#fff;
	text-decoration:none;	
}
a.pdf-simple {
  max-width: 50%
}
.pdf-simple .taille{
  white-space: nowrap;
}
.pdf-bloc{
  background:transparent url(../images/common/pdf-bloc-icon.png) center top no-repeat;
  padding:140px 0 0 0;
  min-width: 103px;
  width: auto !important;
  width: 103px;
  display:block;
  color:#4f4f4f; 
  text-decoration:none; 
}
.pdf-bloc:hover{
  color: #04347d; 
}


.input{
  padding: 5px;
  color: #646464;
  font-size: 0.8em;
  width: 180px;
  margin: 0;  
}

/* ==========================================================================
   En region
   ========================================================================== */
.region-logo {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD -moz-use-text-color #DDDDDD #DDDDDD;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    height: 110px;
    padding: 2%;
    width: 35%;
	background:#ddd;
	vertical-align:middle;
	text-align:center;
}

.region-logo img{
    border: 3px #fff solid;
	box-shadow:0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #CECECE;
 
}
.region-description {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    margin: 0;
   padding: 2%;
    text-align: justify;
    width: 65%;
}
.liens-externes{
 	background: none repeat scroll 0 0 #365EAB;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    height: 25px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
	text-decoration:none;
	border:1px solid #3C5F97;
}
.liens-externes:hover{
    color: #8099DC;
}

.liens-internes{
	color:#365EAB;
	font-style:italic;
	text-decoration:none;
}

.liens-internes:hover{
	color:#6B88B3;
	font-style:italic;
	text-decoration:none;
}
a.email{
    background: url("../images/rubrique/bg-email-equipe.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    height: 38px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 280px;
	
}