body {
   color:#000000; /*Couleur du texte*/
   font-family:Tahoma; /*Polices d’écriture*/
   font-size:12px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   width:100%;
   height:100%;
    overflow: hidden;
   }

#fond_div {
    z-index: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: left;
    vertical-align: top;
    behavior: url('../includes/ie-fixed.htc');
    overflow: hidden;
}
html>body #fond_div {
    behavior: url('../includes/none.php');
}
.fond_img {
    /*height: 5px;*/
}

.header {
    z-index: 2;
    position:fixed;
    top: 0px;
    left: 50%;
    width: 830px;
    height: 132px:
    behavior: url('../includes/ie-fixed.php');
    margin:0px auto 0 -415px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}
html>body .header {
    behavior: url('../includes/none.php');
}
.fond_header {
    /*height: 5px;*/
    height: 1px;
}


.flag_us {
    z-index: 3;
    position: fixed;
    top: 45px;
    left: 50%;
    width: 68px;
    height: 132px:
    behavior: url('../includes/ie-fixed.php');
    margin:0px auto 0 -405px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}
html>body .flag_fr {
    behavior: url('../includes/none.php');
}
.flag_fr {
    z-index: 3;
    position: fixed;
    top: 45px;
    left: 50%;
    width: 68px;
    height: 132px:
    behavior: url('../includes/ie-fixed.php');
    margin:0px auto 0 337px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}
html>body .flag_fr {
    behavior: url('../includes/none.php');
}


div#logo {
    z-index: 2;
    width: 197px;
    height: 197px;
    position: fixed;
    top: 10px;
    left: 10px;
    behavior: url('../includes/ie-fixed.php');
    text-align: center;
    font-weight: bold;
    color: #005d80;
}
html>body div#logo {
    behavior: url('../includes/none.php');
}

div#logo_arverne {
    z-index: 2;
    width: 166px;
    height: 195px;
    position: fixed;
    top: 10px;
    right: 10px;
    behavior: url('../includes/ie-fixed.php');
    text-align: center;
    font-weight: bold;
    color: #005d80;
}
html>body div#logo {
    behavior: url('../includes/none.php');
}

div#contenu {
    z-index: 1;
    width:830px; /*Largeur du design*/
    margin:191px auto 0 -415px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
    position:absolute;
    top:0px; /*25px entre le coin supérieur de l’écran et le design*/
    left:50%;/*50% de marge ( cela centrera le design )*/
    /* background-image:url('../design/content.png'); */
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.bienvenue
{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #005d80;
}

div.retour_bleu
{
    text-align: center;
    width: 479px;
    height: 31px;
    position: relative;
    top:0px;
    left:50%;/*50% de marge ( cela centrera le design )*/
    margin:0px auto 0 -240px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}

div#gallerie
{
    text-align: center;
    width: 480px;
    position: relative;
    top:0px;
    left:50%;/*50% de marge ( cela centrera le design )*/
    margin:0px auto 0 -240px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}

div#diapo {
    width:480px;
    /*   height:500px; */
    position: relative;
    top:0px;
    left:50%;/*50% de marge ( cela centrera le design )*/
    margin:0px auto 0 -240px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
}

div#carte_visite {
    width:400px;
    float: left;
    background-image:url('../design/carte_visite_fond.jpg');
    background-repeat: no-repeat;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}
div#carte_visite_texte {
    width:280px;
    padding-left : 120px;
}
a.carte_visite
{
    color:#ffffff;
    text-decoration:underline;
}
a.carte_visite:hover
{
    color:#005d80;
    text-decoration:underline;
}

div#plan {
    width:400px;
    float: right;
    text-align: center;
    font-weight: bold;
}

div#texte {
   padding: 20px 15px;
   overflow-y:auto;
}

div#texte p {
   text-align:justify;
}

div#footer_rcs {
    float: left;
    width: 190px;
    height: 43px;
    padding : 5px;
}
div#footer_copyright {
    float: left;
    width: 150px;
    height: 43px;
    padding : 5px;
}
div#footer {
    z-index: 2;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width : 200px;
    height: 106px;
    text-align: center;
    color : #ffffff;
    background-color: #051020;
}
html>body div#footer {
    behavior: url('../includes/none.php');
}

.Titre {
    color:#333366;
    font-weight:bold;
    Text-decoration:underline;
}

.Titre2 {
    font-weight:bold;
    Text-decoration:underline;
}

.Titre3 {
    Text-decoration:underline;
}

.Titre4 {
    font-weight:bold;
    font-style: italic;
    Text-decoration:underline;
}

/* Reglages personnels : */
ul , li { text-align:left; margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a
{
    color:#005d80;
    text-decoration:none;
}
a:hover
{
    color:#00bbff;
    text-decoration:underline;
}

h1 { text-align:left; margin:15px; background:url('../design/puce.png') no-repeat left center; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

img { display:block ; border:0; }/*Aucune bordure sur les <img>*/

div#fleche_g
{
    width: 31px;
    height: 109px;
    background-image:url('../design/fleche_g.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: left;
}
div#fleche_g:hover {
    background-position: 0 -109px;
}
div#fleche_d
{
    width: 31px;
    height: 109px;
    background-image:url('../design/fleche_d.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: left;
}
div#fleche_d:hover {
    background-position: 0 -109px;
}

div#visite_img
{
    float: left;
}

.cadre
{
    margin : 1px;
    border : 2px solid;
    border-left-color : #555555;
    border-top-color : #555555;
    border-right-color : #000000;
    border-bottom-color : #000000;
}
.cadre2
{
    display: inline-block;
}

div.portee
{
    overflow: hidden;
    text-align : center;
}

div.saillie_chien,
div.etalon,
div.femelle
{
    float : left;
    overflow: hidden;
    width : 324px;
    text-align : center;
    padding-left : 50px;
}

div.saillie_etalon,
div.saillie_femelle
{
    text-align : center;
    width : 324px;
    float : left;
    overflow: hidden;
}

div.saillie
{
    text-align : center;
    clear : both;
}

div.portee_infos
{
    float : left;
    overflow: hidden;
    width : 324px;
    padding-left : 0px;
}
div.chiens_infos
{
    text-align : left;
}

div.portee_chiots
{
    text-align : left;
    float : right;
    overflow: hidden;
    width : 432px;
    padding-left : 0px;
}

.portee_titre
{
    font-size: 12px;
    font-weight: bold;
    color: #005d80;
}

.center
{
    text-align : center;
}
.left
{
    float : left;
}
.left_chiot
{
    float : left;
    width : 102px;
    padding-right : 6px;
}
.nom_chiot
{
    padding-left : 8px;
    padding-right : 8px;
}
.right
{
    float : right;
}
.clear
{
    clear : both;
}