﻿body
{
    background-position: #361709;
    background: #361709;
    width: 100%;
    font-size: 13px;
    font-family: Georgia;
    
}

.texte
{
    text-indent: 30px;
    padding-bottom:0px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   text-align: justify;
   font-size:13px;
    font-family: Georgia;
   margin-left:30px;
}

.illustration
{
    display: table;
    width: 302px;
    float: none;
    margin: 5px 5px 5px 12px;
    font-style: italic;
}


p 
{
    text-indent:30px;
    
}


span 
{
  /*  margin-left:30px;*/
}


#navcontainer  
{
    margin-left: 10px;
    margin-right:10px;
    font-size:11px;
     }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 5px;
width: 160px;
color: #FFF;
background-color : #260a00;
/*#ECAC91;*/
/*background-color: #ADC1AD;*/
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: .8em;
background-image: url(images/vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{

}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
    display: block;
    padding: 5px 5px 5px 5px;
    width: 160px;
    color: #000; /*background-color: #C5D8C5;*/
    background-color: #E8DDC6;
    text-decoration: none;
    font-weight: normal;
}

#navcontainer ul ul ul a
{
    display: block;
    padding: 5px 5px 5px 5px;
    width: 160px;
    color: #000; /*background-color: #C5D8C5;*/
    background-color: #F5F1E9;
    text-decoration: none;
    font-weight: normal;
}



#navcontainer ul ul a:hover
{
    color: #000; /*background-color: #889E88;*/
    background-color: #FF8040;
    text-decoration: none;
    border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #FFF;
border-right: 1px solid #fff;
}





.contenu
{
    padding: 25px 20px 15px 20px;
    text-align: justify; 
    background-color: #FFFFFF;
   border-color   : #000000;
    border-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;

    width: 1000px;
    vertical-align: top;
    font-size: 13px;
    font-family: Georgia;
}

.footer
{
    margin:0;
padding:5px;
color:#FFFFFF;
font-size:11px;
text-align:center;

} 

.encart
{
    vertical-align: middle;
    text-align: justify;
    background-color: #f6f4d0;
    border-style: double;
    border-color: #260A00;
    padding: 10px;
    margin: 30px; /*  font-weight: bold;*/
    font-weight: bold;
    text-align: justify;
   font-size:13px;
    font-family: Georgia;
    width: 80%;
} 

.cadrevideo
{
    width:565px; 
    background-color:#260A00;
    color:#FFFFFF;
}

.cadrevideo
{
    width:600px; 
    background-color:#260A00;
    color:#FFFFFF;
}

.cadreMarron
{
    background-color:#260A00;
    color:#FFFFFF;
     text-transform: uppercase;
     margin-bottom:15px;
     text-align:center;
}

.cadreTitre
{
    margin: 5px 15px 5px 15px;
   
   
    color: #260A00;
    background-color: #EBE0C8;
}

.cadreContenu
{
    margin: 1px 15px 15px 15px;
    border-width: 0px;
    padding: 5px;
    background-color: #FFFFFF;
    color: #260A00;
    text-transform: none;
    font-style: italic;
    text-align:justify;
}

.legendevideo
{
    margin: 5px 15px 10px 15px;
    width: 425;
    text-align: left;
}

.myPlayer
{
    display:block; 
    width: 320px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0;  
    border:1px solid #999; 
}

/* textes et titres*/

.niv2
{
    font-size: medium;
    color: #990000;
    font-weight: bold;
    padding-top: 35px;
    padding-bottom: 20px;
}

.niv3
{
    text-decoration: underline;
    margin-left:30px;
    font-weight: bold;
     color:#283769;
}

.niv4
{
    text-decoration:none;
    margin-left:45px;
    font-weight:bold;
}

h1
{
    font-size: 18px;
    text-align: center;
    font-variant : small-caps;
}

    font-size: medium;
    color: #990000;
    font-weight: bold;
   
     font-size:16px; 
      font-variant: small-caps;
}

h1
{
    font-size: 18px;
    text-align: center;
    font-variant : small-caps;
}

h2
{
    font-size: medium;
    color: #990000;
    font-weight: bold;
   
     font-size:16px; 
      font-variant: small-caps;
}

h5
{
    text-decoration: underline;
    margin-left: 30px;
    font-weight: bold;
    color: #283769;
   /*  font-variant: small-caps;*/
    font-size: 14px;
    margin-bottom: 19px;
}


h6
{
    text-decoration: underline;
    margin-left: 40px;
    font-weight: bold;
    color: #260A00;
    font-size: 14px;
  /*  font-variant: small-caps;*/
    padding-bottom: 0px;
}


h7
{
    text-decoration: underline;
    margin-left: 40px;
    font-weight: bold;
    color: #260A00;
    font-size: 14px;
    font-variant: small-caps;
    padding-bottom: 0px;
}

h8
{
    margin-left: 0px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px;
    font-variant: small-caps;
    padding-bottom: 0px;
}

.table
{
    border-color: #260A00;
    border-style: solid;
    border-width: 1px;
    width: 60%;
    caption-side: bottom;
    border-collapse: collapse;
   
}

.table th
{
    text-align:center;
}



.table td
{
    border: 1px solid #260A00;
    padding: 1px;
     
}

.table tr td
{
     font-size : 12px;
}

.a
{
    background-color: #FBEBE3;
}

.b
{
    background-color: #F4CBB9;
}

.table2
{
    border-color: #260A00;
    border-style: solid;
    border-width: 1px;
    width: 80%;
    caption-side: bottom;
}

.table2 td
{
    border: 1px solid #260A00;
    padding: 1px;
    margin: 5px;
     
}

ul
{
    padding: 0; /*  margin-left: 1em;*/
    margin-left: 60px;
    list-style-position: inside;
}

ul li
{
    margin-top : 15px;
    margin-bottom : 15px;
}

ul li ul li 
{
    margin-top : 8px;
    margin-bottom : 8px;
}

.ulQ
{
    background-position: center;
    list-style-image: url("../Images/commun/Point_interrogation.png");
    list-style-position: inside;
}

.ulRed
{
    background-position: center;
    list-style-image: url("../Images/commun/bullet4_red.gif");
    list-style-position: inside;
}

.li1
{
    list-style-type: none;
}



.imageR
{
    padding: 0px 0px 15px 15px;
    float: right;
    text-align: right;
}

.imageL 
{
    padding: 0px 15px 15px 0px;
}

fieldset
{
/*	border:1px solid black;*/
	background-color:#361709;
	background-image:url('Images/header/fond.png');
	background-repeat:repeat-x repeat-y;
	
	padding:0;
	z-index:1;
	-moz-border-radius:8px;
	border-radius:8px;
	
   font-size:13px;
    font-family: Georgia;
}

.btitle
{
	margin: 8px 0 0 32px;
	padding:0;
	font-weight:bold;
	font-size:110%;
	color:white;
}

.inner
{
	margin:8px;
	padding:8px;
	background-color:#F5F3CD;
	z-index:2;
	
}



.wood
{
	border:1px solid black;
	background-image:url('\Images\header\fond.png');
	z-index:1;
	-moz-border-radius:8px;	
	border-radius:8px;
	text-align:center;
}

.ititle
{
	font-weight:bold;
	font-size:110%;
}

.imgback
{
	margin:8px;
	margin-top:0;
	padding:8px;
	z-index:2;
	border:1px solid black;
}

.imageHeader
{
    margin-right: 20px;
    margin-left: 20px;
}

#divAccueil a
{
color: #260a00;

text-decoration: none;

font-weight: bold;

background-repeat: no-repeat;
background-position: 0 0;
}


#divAccueil a:hover
{
color: #260a00;

text-decoration: none;

font-weight: bold;

background-repeat: no-repeat;
background-position: 0 0;
 cursor: pointer;
 background-color:#FF8040;
}

#divAccueil li
{
    list-style-type: disc;
   
}

.signature
{
   padding-bottom:0px;
   padding-right:10px;
   padding-top:3px;
   text-align: justify;
   font-size:13px;
}

.new
{
    list-style-image: url('../Images/new2.gif');
}

.empty
{
    list-style-type: none;
}

.urlImage
{
    text-decoration: none;
    background-image: none;
    color: White;
}


.fondleg
{
    background-image: url('../Images/alimentation/fond_legumes.jpg');
    background-repeat: repeat;
}

.tableLeg
{
    border-color: #008000;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    font-family: 'Comic Sans MS';
    color: #000000;
    empty-cells: show;
    background-color: #ffffcc;
    border-collapse: collapse;
    font-size: 12px;
}

.tableLegTitre
{
    color:#008000; font-size:xx-large; text-align:center;
}


.tableFru
{
    border-color: #ff0000;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    font-family: 'Comic Sans MS';
    empty-cells: show;
    background-color: #ffffcc;
    border-collapse: collapse;
    font-size: 12px;
    color: #000000;
}

.tableFruTitre
{
    color:#c5000b; font-size:xx-large; text-align:center;
}

.tabFruheader
{
    color: #c5000b;
    font-weight: bold;
}


.tabLegheader
{
    color: #ee613d;
    font-weight: bold;
}


.tableFru tr td
{
    padding: 1px;
    margin: 0px;
    border-color: #000000 #ff0000 #000000 #ff0000;
    border-style: solid;
    border-width: 1px;
    font-family: 'Comic Sans MS';
    text-align: left;
    
}

.tableLeg tr td
{
    padding: 1px;
    margin: 0px;
    border-color: #000000 #008000 #000000 #008000;
    border-style: solid;
    border-width: 1px;
    font-family: 'Comic Sans MS';
    text-align: left;
    
}


.conseille
{
    color: #008000;
    text-decoration: underline;
}

.deconseille
{
    color: #CC0000;
}

.moderation
{
    color: #FF6600;
}

.proscrire
{
     color: #CC0000;
    text-decoration: underline;
}

.tableImg
{
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.classif li
{
    color: #FF0000;
    font-size: 18 px;
    list-style-type: none;
}

.classif li ul li
{
    color: #000099;
    font-size: 17 px;
}

.classif li ul li ul li
{
    color: #000000;
    font-size: 16 px;
    font-weight: bold;
}

.classif li ul li ul li ul li
{
    color: #000000;
    font-weight: bold;
    font-size: 14 px;
}

.classif li ul li ul li ul li ul li
{
    color: #000000;
    font-weight: normal;
    font-size: 14 px;
}


#cadre /* Propriétés qui s'appliquent au cadre en général */
{
width: 800px;
background-color: #eeeeee;
}

.hautgauche .hautdroit .basgauche .basdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 20px;
width: 20px;
background-repeat: no-repeat;
}

.hautgauche
{
background-image: url("../Images/commun/hautgauche.png");
}

.basgauche
{
background-image: url("../Images/commun/basgauche.png");
}

.hautdroit
{
background-image: url("../Images/commun/hautdroit.png");
float: right;
}

.basdroit
{
background-image: url("../Images/commun/basdroit.png");
float: right;
}

.infobox {
-moz-border-radius:10px 10px 10px 10px;
background-color:#f6e6e0;
border:2px solid #E3E7EC;
margin-bottom:15px;
}

.infobox h1 {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background: url("../Images/commun/bg_infobox_titre.png") repeat-x scroll center top #260a00;
border:medium none;
color:#FFFFFF;
display:block;
font-size:1em;
height:18px;
margin:0;
padding:5px 14px;
}

.infobox h3 {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background: url("../Images/commun/bg_infobox_titre.png") repeat-x scroll center top #260a00;
border:medium none;
color:#FFFFFF;
display:block;
font-size:1em;
height:18px;
margin:0;
padding:5px 14px;
}

.page
{
    background-position: left top;
   /* background-image: url("../Images/commun/back1000.gif");*/
    width:1000px;
}

.dmx
{
    font: 10px tahoma;
    height: 40px;
   
}


.dmx .item1, .dmx .item1:hover, .dmx .item1-active, .dmx .item1-active:hover
{
    /*   padding : 3px 0px 3px 0px;*/
  /*  background-position: #361709;
    background: #361709;*/
     background-image: url("../Images/commun/onglet3DBeige2.png");
    background-repeat: no-repeat;
    font: 12px arial;
    color: #361709;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    display: block;
    white-space: nowrap;
    position: relative;
    width: 115px;
    height: 40px;
}
.dmx .item2,
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.dmx .item2
{
    border-style: dotted;
    border-width: 1px 0px 1px 0px;
    border-color: #FF9C84;
    background-position: #FF9966;
    background: #F9DCD2;
}
.dmx .item2:hover,
.dmx .item2-active,
.dmx .item2-active:hover {
    background: #FFFFFF;
}
.dmx .arrow,
.dmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmx .item2 img,
.dmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmx .section
{
    border: 1px solid #c9481c;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .dmx td { position: relative; } /* ie 5.0 fix */


.ulneutre
{
    list-style-type:none;
}


.dmx2
{
    font: 10px tahoma;
    height: 40px;
   
}


.dmx2 .item1, .dmx2 .item1:hover, .dmx2 .item1-active, .dmx2 .item1-active:hover
{
    /*   padding : 3px 0px 3px 0px;*/
  /*  background-position: #361709;
    background: #361709;*/
     background-image: url("../Images/commun/onglet3Dclair.png");
    background-repeat: no-repeat;
    font: 12px arial;
    color: #361709;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    display: block;
    white-space: nowrap;
    position: relative;
    width: 115px;
    height: 40px;
}
.dmx2 .item2,
.dmx2 .item2:hover,
.dmx2 .item2-active,
.dmx2 .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.dmx2 .item2
{
    border-style: dotted;
    border-width: 1px 0px 1px 0px;
    border-color: #FF9C84;
    background-position: #FF9966;
    background: #F9DCD2;
}
.dmx2 .item2:hover,
.dmx2 .item2-active,
.dmx2 .item2-active:hover {
    background: #FFFFFF;
}
.dmx2 .arrow,
.dmx2 .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmx2 .item2 img,
.dmx2 .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmx2 .section
{
    border: 1px solid #c9481c;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .dmx2 td { position: relative; } /* ie 5.0 fix */



.dmx3
{
    font: 10px tahoma;
    height: 40px;
   
}


.dmx3 .item1, .dmx3 .item1:hover, .dmx3 .item1-active, .dmx3 .item1-active:hover
{
    /*   padding : 3px 0px 3px 0px;*/ /*  background-position: #361709;*/
    background: #FFFFFF;
    background-image: url("../Images/commun/onglet3Dmarron.png");
    background-repeat: no-repeat;
    font: 12px arial;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    display: block;
    white-space: nowrap;
    position: relative;
    width: 115px;
    height: 40px;
}


 .dmx3 .item1-active:hover
 {
     background-image: url("../Images/commun/onglet3DBeige2.png");
     color: #361709;
 }

.dmx3 .item2,
.dmx3 .item2:hover,
.dmx3 .item2-active,
.dmx3 .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.dmx3 .item2
{
    border-style: dotted;
    border-width: 1px 0px 1px 0px;
    border-color: #FF9C84;
    background-position: #FF9966;
    background: #F9DCD2;
}
.dmx3 .item2:hover,
.dmx3 .item2-active,
.dmx3 .item2-active:hover {
    background: #FFFFFF;
}
.dmx3 .arrow,
.dmx3 .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.dmx3 .item2 img,
.dmx3 .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.dmx3 .section
{
    border: 1px solid #c9481c;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .dmx3 td { position: relative; } /* ie 5.0 fix */


.adopH1
{
  
    font-weight: bold; 
    font-variant:small-caps;
   
    font-size: xx-large;
}

.adopH2
{
    font-weight: bold; 
    color : rgb(0, 102, 0); 
    font-size: x-large;
}

.cadrePAdopt
{
    background-image:url('../Images/adoption/parchemin_vierge_big.jpg');
     background-repeat:repeat-y;
     width: 798px;
     color: rgb(102, 0, 0); 
     font-family: Georgia;
     text-align: left;
     font-size: 16px;
     text-align:justify;
     height: 1120px;
}

.cadreInterneAdopt
{
 margin-bottom: 80px;
 margin-top : 70px;
 margin-left:45px;
 margin-right:45px;
    
}
