﻿body
{
    background-position: center;
   /** background: #b1bd03;**/
   /** background: #9be76d;**/
   /**background:#ee6c19;**/
   background:#004359;
    width: 100%;
    font-size: 13px;
    font-family: Georgia;
    
}

.boutonforum
{
   background-image : url('http://cobayesclub.com/site/forum_cochon_inde.png') ;
   width: 800px;
   height : 140px;
   
}

.imagedropshadow {
	padding: 5px;
	border: solid 1px #EFEFEF;
}

b
{
	color : #1e6970;
}

.mapfoot, .mapfoot a
{
    background: #009bba;
    color: white;
    font-size: small;
    text-decoration: none;
    font-weight: bold;
    vertical-align:top;
}

a:hover {
text-decoration:underline;
}

.listmenu
{
 
}

.listmenu ul
{
     list-style-image : url('http://cobayesclub.com/Images/style/puce.png') ;
    list-style-position :inside;
}

.listmenu ul, li
{
     margin: 0;
    padding : 0;
}   

.alire
{
 width: 300px; 
 float: right; 
 margin: 15px 0px 15px 15px; 
 background-color: #f6a861;
 padding : 10px;
 font-weight :bold; 
    
}

.alire ul
{
    list-style-image : url('http://cobayesclub.com/Images/style/puce.png') ;
    list-style-position :inside;
}

.alire ul, li
{
    margin: 0;
    padding : 0;
   
}

.accueil ul, li
{
    margin: 0;
    padding : 0;
   
}

.alireL a
{
     color :  #d395c6;
}

.alireL
{
 width: 300px; 
 float: left; 
 margin: 15px 0px 15px 15px; 
 background-color: #f6a861;
 padding : 10px;
 font-weight :bold; 
    
}

.alireL ul
{
    list-style-image : url('http://cobayesclub.com/Images/style/puce.png') ;
    list-style-position :inside;
}

.alireL ul, li
{
    margin: 0;
    padding : 0;
   
}



.alireL a
{
     color :  #1e6970;
}


.header
{
   /** background-color : White;**/
 
   background-repeat : no-repeat; 
   vertical-align : middle;
   
}

.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;*/
    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;*/
    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;
    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:600px; 
    background-color:#FFFFFF;
    color:#000000;
}

.cadreMarron
{
    background-color:#b1bd03;
    color:#000000;
     text-transform: uppercase;
     margin-bottom:15px;
     text-align:center;
}

.cadreTitre
{
    margin: 5px 15px 5px 15px;
   
   
    color: #000000;
    background-color: #b1bd03;
}

.cadreContenu
{
    margin: 1px 15px 15px 15px;
    border-width: 0px;
    padding: 5px;
    background-color: #FFFFFF;
    color: #000000;
    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;
}

.accueilSousTitre
{
   color: #169ba7;
}


h1
{
    font-size: 300%;
    text-align: center;
    font-variant : small-caps;
	 font-family: Arial;
}

h2
{
    font-size: 180%;
    color: #dd7e0a;
    font-weight: bold;
    text-align : left;
     
}

h3
{
    font-size: 150%;
    color: #169ba7;
    font-weight: bold;
    background-image : url('http://cobayesclub.com/Images/style/fleche_h3.png') ;
    background-repeat : no-repeat; 
    background-position : left top;
    text-indent : 25px;
    
}


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: 80%;
    caption-side: bottom;
    border-collapse: collapse;
   
}

.tha
{
    text-align:center;
     border-style: solid;
    border-width: 1px;
    background-color : #74c2dc;
}

.thb
{
    text-align: center;
    border-style: solid;
    border-width: 1px;
    background-color: #004359;
    color: White;
    font-weight: bold;
}



.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 8px 0;
	padding:0;
	font-weight:bold;
	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: 10px 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/cochon_inde_onglet.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;
    
}


.gradient {
	/* Anciens navigateurs */
	background: #FFFFFF url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #FFFFFF;
	background: #FFFFFF\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFee6c19, endColorstr=#FFFFFFFF);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #FFFFFF url("gradient-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#004359),
				to(#FFFFFF)
			);
			background-image: -webkit-linear-gradient(
				top,
				#004359,
				#FFFFFF
			);
			background-image: -moz-linear-gradient(
				top,
				#004359,
				#FFFFFF
			);
			background-image: -o-linear-gradient(
				top,
				#004359,
				#FFFFFF
			);
			background-image: linear-gradient(
				top,
				#004359,
				#FFFFFF
			);
		}
	}