/** GENERALITES **/
body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#444444;	
	}

ul {
	margin:0;
	padding:0;
	}
	
li {
	background-color: transparent;	
	}

img {
	border:none;
	}
	
acronym, abbr {
	cursor: help;
	}	
	
a:link, a:visited, a:hover { 
	text-decoration:none;
	font-weight:normal;	
	margin:0px;
	padding:0px;
	}	
			/** mise en forme des différents types de liens 
			utilisés par les fonctions de changement 
			automatique selon les chapitres **/
	a:link.vertLien , a:hover.vertLien { color:#427f1c; }
	a:visited.vertLien  { color:#86c85d; }	
	
	a:link.bleuLien , a:hover.bleuLien  { color:#57affb; }
	a:visited.bleuLien  { color:#9ccef9; }	

	a:link.bleu2Lien , a:hover.bleu2Lien, a:visited.bleu2Lien  { color:#000000; text-decoration:bold; }

	
	a:link.beigeLien , a:hover.beigeLien  { color:#62491d; }
	a:visited.beigeLien  { color:#ac8e58; }	
	
	a:link.grisLien , a:hover.grisLien  { color:#555555; }
	a:visited.grisLien  { color:#aaaaaa; }	
	
	a:link.jauneLien , a:hover.jauneLien  { color:#f9408d; }
	a:visited.jauneLien  { color:#f983b4; }			

a[href^="http:"] {
	background-color: transparent;
	background-image : url(../images/canevas/lienext_vert.gif);
	background-repeat: no-repeat;
	background-position: right;	   
	padding-right: 10px;
	}	

	a[href^="http:"].vertLien {	background-image : url(../images/canevas/lienext_vert.gif);	}	
	a[href^="http:"].bleuLien {	background-image : url(../images/canevas/lienext_bleu.gif);	}	
	a[href^="http:"].beigeLien { background-image : url(../images/canevas/lienext_brun.gif); }	
	a[href^="http:"].grisLien {	background-image : url(../images/canevas/lienext.gif); }	
	a[href^="http:"].jauneLien { background-image : url(../images/canevas/lienext_rose.gif); }	
	
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	font-size: 0.8em;
	}

a[href^="http://www.gerbille.ch/"], a[href^="http://www.google.com/"], a[href^="http://maps.google.com/"], a.nolienext {
	background-color: transparent;   
	background-image : none;
	padding-right: 0px;	
	}


a[href^="http://www.gerbille.ch/"].vertLien, a[href^="http://www.gerbille.ch/"].bleuLien, a[href^="http://www.gerbille.ch/"].beigeLien, a[href^="http://www.gerbille.ch/"].grisLien, a[href^="http://www.gerbille.ch/"].jauneLien, a[href^="http://www.google.com/"].vertLien, a[href^="http://www.google.com/"].bleuLien, a[href^="http://www.google.com/"].beigeLien, a[href^="http://www.google.com/"].grisLien, a[href^="http://www.google.com/"].jauneLien, a[href^="http://maps.google.com/"].vertLien, a[href^="http://maps.google.com/"].bleuLien, a[href^="http://maps.google.com/"].beigeLien, a[href^="http://maps.google.com/"].grisLien, a[href^="http://maps.google.com/"].jauneLien {
	background-color: transparent;   
	background-image : none;
	padding-right: 0px;	
	}	
	
	
			/** paragraphe normal avec marge en 
			dessous uniquement **/	
p {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	background-color:transparent; 
	}	

			/** titre de page, première position 
			du conteneur mais en invisible **/	
h1 {
	padding:0px;
	margin:0px;
	background-color:transparent;
	font-size: 0.8em;
	display:none;
	}
	
.gras {
	font-weight:bold;
	}
	
.pasgras {
	font-weight:normal;
	}	
	
.texte_centre {
	text-align:center;
	}
	
.texte_droit {
	text-align:right;
	}
	
.texte_tt_petit {
	font-size: 0.7em;
	}	

			/** Mise en évidence de phrases imporantes, 
			icone et couleur identiques pour tout le site **/
.attention {
	padding: 8px 0px 8px 20px;
	background-color:transparent;
	background-image: url(/images/canevas/flag_red.png);
	background-repeat: no-repeat;
	background-position: left;	
	color:#fc5b4d;
	}

			/** Avertissement important de 
			non responsabilité pour les pages santé **/
.mise_en_garde {
	padding: 0px 0px 20px 0px;
	font-weight:bold;
	text-align:center;
	}	

			/** mise en forme des bordures et BGfond utilisés 
			par les fonctions de changement automatique selon 
			les chapitres **/
.vertBG { background-color:#eef9d6; }
.vertC { border:1px solid #427f1c; }
.vertColor { color:#427f1c; }	
.beigeBG { background-color:#fef8e3; }
.beigeC { border:1px solid #62491d;	}
.beigeColor { color:#62491d; }	
.bleuBG { background-color:#e0edf9; }
.bleuC { border:1px solid #57affb; }
.bleuColor { color:#57affb;	}	
.jauneBG { background-color:#fcf2f6; }
.jauneC { border:1px solid #f983b4;	}
.jauneColor { color:#f9408d;}	
.grisBG { background-color:#eeeeee; }	
.grisC { border:1px solid #555555; }
.grisColor { color:#555555;	}		
.rougeColor { color:#fc5b4d;}
.noirColor { 
	color:#000000;
	font-size:0.9em;
	font-weight:normal;
	}
	
/** CADRE CENTRAL QUI PERMET LE CENTRAGE DE TOUT LE SITE **/
#conteneur {
	position: relative;
	width: 95%;
	min-width:810px;
	max-width:1200px;
	margin: 0 auto; 
	padding: 0px 0px 6px 0px;	
	background-color:#ffffff;
	background-image: url(/images/canevas/6.jpg);
	background-repeat: repeat-y;
	background-position:top left;	
	}

/** FRISE IMAGéE DU SOMMET ET MENUS DEROULANTS - 3 SECTIONS HORIZONTALES**/
#sommet {
	background-color: transparent;
	height: 19px;
	background-image: url(/images/canevas/2.jpg);
	background-position:top left;	
	}	
#sommet2 {
	height: 19px;
	background-image: url(/images/canevas/1.jpg);
	background-repeat: no-repeat;
	background-position:top left;	
	}		
#header {
	background-color: transparent;
	height: 235px;
	background-image: url(/images/canevas/5.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	text-align:right;
	}		
#header2 {
	background-color: transparent;
	height: 235px;
	background-image: url(/images/canevas/3.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	}	
#header3 {
	background-color: transparent;
	height: 235px;
	background-image: url(/images/canevas/4.jpg);
	background-repeat: repeat-x;
	background-position:bottom right;
	}	
#tube3 {
	background-color:transparent;	
	background-image: url(/images/canevas/6.jpg);
	background-repeat: repeat-y;
	background-position:top left;
	height:30px;	
	}
#tube2 {
	background-color:transparent;	
	background-image: url(/images/canevas/7.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	height:30px;
	}	
#tube {
	margin:0px 196px 0px 35px;
	background-color:transparent;	
	background-image: url(/images/canevas/tube.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	height:30px;
	}	

#tube_eleveur3 {
	background-color:transparent;	

	height:30px;	
	}
#tube_eleveur2 {
	background-color:transparent;	

	height:30px;
	}	
#tube_eleveur {
	margin:0px;
	background-color:red;	
	width:100%;
	height:30px;
	}

/** LISTES DU MENU DEROULANT SOMMITAL **/
/** MENU SUPERIEUR - ONGLETS **/
#menu_fixe, #menu_fixe2, #menu_fixe3, #menu_fixe4, #menu_fixe5, 
#menu_fixe_selec, #menu_fixe2_selec, #menu_fixe3_selec, #menu_fixe4_selec, #menu_fixe5_selec {
	position:absolute;
	top:232px;
	width:101px;
	}
	#menu_fixe, #menu_fixe_selec {
		left:48px;
		}			
	#menu_fixe2, #menu_fixe2_selec {
		left:159px;
		}
	#menu_fixe3, #menu_fixe3_selec {
		left:270px;
		}
	#menu_fixe4, #menu_fixe4_selec {
		left:381px;
		}
	#menu_fixe5, #menu_fixe5_selec {
		left:492px;
		}

#menu_fixe a, #menu_fixe2 a, #menu_fixe3 a, #menu_fixe4 a, #menu_fixe5 a {
	display:block;	
	height:22px;
	background-image: url(/images/canevas/onglet.jpg);	
	background-repeat: no-repeat;
	background-position:top left;
	}
	#menu_fixe_selec a, #menu_fixe2_selec a, #menu_fixe3_selec a, #menu_fixe4_selec a, #menu_fixe5_selec a {
	display:block;	
	height:23px;
	background-image: url(/images/canevas/onglet_selectionne.jpg);	
	background-repeat: no-repeat;
	background-position:top left;
	}
	
#menu_fixe a:hover, #menu_fixe2 a:hover, #menu_fixe3 a:hover, #menu_fixe4 a:hover, #menu_fixe5 a:hover {
	background-image: url(/images/canevas/onglet_selectionne.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	background-color:transparent;	
	height:22px;
	}	
	
/** SOUS-MENUS - PIPE **/
#tube dl {
	margin:0;
	padding:0;
	float:left;
	}	

#sous_menu li,#sous_menu2 li, #sous_menu3 li, #sous_menu4 li, #sous_menu5 li {
	background-color:transparent;
	margin:0px;
	display: inline;
	}

#tube_eleveur li {
	background-color:transparent;
	margin:0px;
	display: inline;
	width:100px;
	}

.hauteur {
	/**background-color:pink;**/
	padding:3px 0px 0px 0px;
	margin:0px;
	}

dd#sous_menu, dd#sous_menu2, dd#sous_menu3, dd#sous_menu4, dd#sous_menu5 {
	position:absolute;
	left:20px;	
	}

.masque {
	display:none;
	}

/** CONTENU CENTRAL DU SITE - LE CONTENU (à GAUCHE) ET LA COLONNE FINE (à DROITE) **/
			/** Bloc englobant le centre du site avec 
			bordure à couleur déterminée automatiquement 
			par script **/
.cadre {
	margin: 0px 8px 0px 35px;
	padding: 0px 0px 0px 0px;
		/** crack IE qui a besoin d'une hauteur même fictive sinon décalage 
		lié au clear:both **/	
	height:auto;
	min-height:100px;
	_height:1px;	
	}
	
	.cadre ul {
		margin: 10px 0px 14px 0px;
		list-style:disc;
		background-color:transparent;
		}
	.cadre li {
		margin: 0px 0px 0px 20px;
		background-color:transparent;
		}	
					
			/** mise en place de la colonne de droite qui comprend 
			le bloc Google, l'accès à la galerie d'images
			et les listes d'aide à la navigation **/
#colonnedroite {
	float:right;
	background-color:transparent; 
	width:180px;
	padding: 5px 5px 5px 5px;
	margin:0px;
	text-align:center;
	}
			/** bloc d'annonces Google **/
	#google {
		margin: 15px 0px 5px 0px;	
		background-color:transparent;
		}
		
			/** placement de l'image de la galerie de photos
			gr‰ce aux marges supérieures et inférieures **/
	#colonnedroite img {
		margin: 0px 0px 0px 0px;
		/**border:1px solid #62491d;**/
		}
		
			/** menu d'aide à la navigation avec ancres **/		
	#aide_nav {
		padding: 0px 20px 0px 14px;		
		background-color:transparent;
		text-align:left;
		font-size: 0.9em;
		}
			/** liste standard avec puces flèche **/
		#aide_nav ul {	
			padding: 0px 0px 0px 0px;
			list-style:none;
			}
			
		#aide_nav li {	
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 3px 20px;
			background-image: url(/images/canevas/control_play.gif);
			background-repeat: no-repeat;
			background-position:top left;
			}	
			
			/** liste particulière pour la classification de
			la difficulté des bricolages **/
		#aide_nav ul.drapeaux li.facile, #aide_nav ul.drapeaux li.moyen, #aide_nav ul.drapeaux li.difficile {	
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 6px 30px;
			background-repeat: no-repeat;
			background-position:top left;
			}
			#aide_nav ul.drapeaux li.facile {	
				background-image: url(/images/canevas/flag_green.gif);
				}
			#aide_nav ul.drapeaux li.moyen {	
				background-image: url(/images/canevas/flag_orange.gif);
				}
			#aide_nav ul.drapeaux li.difficile {	
				background-image: url(/images/canevas/flag_red.gif);
				}	

			/** corps de texte principal **/
	#contenu {	
		margin: 0px 190px 0px 0px;
		padding: 5px 5px 5px 5px;		
		background-color:transparent; 
		text-align:justify;
		}
		
			/** corps de texte gestion **/
	#contenu_gestion {	
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;		
		background-color:transparent; 
		text-align:justify;
		}
			/** Citations d'extraits de livres ou d'autres sites **/		
		blockquote {
			margin: 0px 0px 0px 0px;
			padding: 5px 5px 5px 5px;
			background-color:white; 
			}
	
			/** copyright des photos et extraits de texte **/
		.citation {
			padding: 2px 0px 2px 0px;
			text-align:right;
			color:#555555;
			background-color:transparent; 
			font-size: 0.8em;	
			}
	
			/** Cadre avec une gerbille debout **/		
		.cadre_gerbille {
			margin: 10px 10px 10px 10px;
			padding: 49px 0px 0px 0px;
			background-image: url(/images/canevas/gerbille_debout.gif);
			background-repeat: no-repeat;
			background-position:top left;	
			overflow:auto;
			background-color:transparent; 
			}	
			
			/** cadre intérieur pour dessiner la bordure 
			du cadre gerbille **/
		.nota_bene {
			padding: 4px 4px 4px 4px;
			background-color:#ffffff;
			overflow:auto;
			}
			
			.nota_bene ul {
				background-color:transparent;
				}
			.nota_bene li {
				margin: 0px 0px 0px 20px;
				padding: 2px 0px 2px 0px;
				background-color:transparent;
				}	
		
		/** bloc pour contenir le lien retour au sommet **/
	#pied_de_fiche {
		clear:both;
		padding:0px 0px 20px 0px;
		background-color:transparent;
		text-align:center;
		}
		
		#pied_de_fiche a:link, #pied_de_fiche a:hover, #pied_de_fiche a:visited {
			padding:5px 0px 5px 20px;
			background-image: url(/images/canevas/up.gif);
			background-repeat: no-repeat;
			background-position: left;
			font-size: 0.8em;	
			}

/** GALERIE D'IMAGES **/
#cadre_galerie {
	margin: 20px 0px 20px 0px;			
	text-align:center;
	width:100%;
	background-color:transparent;
	}

#cadre_image {
	margin: 10px 0px 0px 184px;	
	padding:10px 0px 0px 0px;		
	background-color:transparent; 
	text-align:center;
	}
		
#cadre_vignettes {
	float:left;
	margin: 10px 0px 10px 0px;		
	padding:10px 0px 8px 10px;
	background-color:transparent; 
	width:174px;
	border-right:1px solid #427f1c;
	}
	
.cadre_vignettes_page {
	background-color:transparent; 
	margin:20px 10px 0px 0px;
	font-size:0.9em;
	}	
	
	.vignette1, .vignette_selected1 {
		position: relative;
		padding:0px 0px 0px 0px;	
		}
		
		.vignette1 img, #cadre_image img {
			border: 1px solid #666666;
			}
			#cadre_galerie img {
				border:none;
				}			
			
		.commentaire_photo {
			padding:10px 0px 0px 0px;		
			text-align:center;
			}	
	
/** LISTE AVANTAGE-INCONVéNIENTS AVEC PUCE EN RETRAIT ET INTERLIGNE DIMINUé ENTRE LE TITRE <P> ET LA LISTE <UL> **/
p.avantage {
	background: transparent;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;
	}

ul.liste_avantage {
	background: transparent;
	padding:0px 0px 0px 12px;	
	margin:0px 0px 10px 0px;	
	}

/** TITRES DE CHAPITRES AVEC IMAGE DOUBLE à GAUCHE **/
.liste_img {
	background: transparent;
	}
	.liste_img_titre, .liste_img_titre2 {
		margin:0px;
		padding:0px;
		background: transparent;
		}
		.liste_img_titre_img, .liste_img_titre_img2 {
			float:left;
			background: transparent;
			}
			/** pour petites images d'illustration 
			(aménagements, litère, entretien, nourriture) **/			
		.liste_img_titre_img {
			width:140px;
			background: transparent;
			}
			/** pour grandes images d'illustration (cages) **/	
		.liste_img_titre_img2 {
			width:270px;
			background: transparent;
			}			
		.liste_img_titre h2, .liste_img_titre2 h2 {
			margin:20px 0px 0px 0px;	
			background: transparent;
			font-size: 1em;
			text-align:left;
			height:38px;
			}
		.liste_img_titre h2 {
			padding:18px 0px 0px 0px;			
			height:38px;
			}	
		.liste_img_titre2 h2 {
			padding:44px 0px 0px 0px;			
			height:64px;
			}		

/** FICHES SOUS FORME DE LISTES AVEC 1 IMAGE DANS LE TEXTE OU PAS (type FAQ) **/

/** LISTE RECAPITULATIVE SOMMITALE **/
.liste_som {
	margin:10px 20px 30px 20px;
	padding:0px 0px 1px 0px;
	background-color:transparent;
	overflow:auto;
	}
	
.liste_som_faq {
	margin:10px 20px 30px 20px;
	padding:0px 0px 1px 0px;
	background-color:transparent;
	}	
	
	.liste_som ul, .liste_som_faq ul {
		margin:0px;
		padding:0px;
		background-color:transparent;
		list-style:none;
		}
		
			/** Liste par défaut avec flèches grises ou bleues 
			en hover **/
			/** en float left pour recréer l'effet inline **/
	.liste_som li {
		float:left;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 0px 24px;
		background-color:transparent;
		background-repeat: no-repeat;
		background-position:top left;
		background-image: url(/images/canevas/control_play.gif);	
		}				
		
	.liste_som li:hover {
		background-color:transparent;
		background-repeat: no-repeat;
		background-position:top left;
		background-image: url(/images/canevas/control_play_bleu.gif);	
		}		
		
	.liste_som_faq li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 24px;
		background-color:transparent;
		}
		
		li.liste_princ {
			margin: 10px 0px 10px 0px;
		}	
		
		li.liste_princ:hover {
			background-repeat: no-repeat;
			background-position:top left;
			background-image: url(/images/canevas/control_play_bleu.gif);	
		}	
		
		.liste_princ_puce {
			background-repeat: no-repeat;
			background-position:top left;
			background-image: url(/images/canevas/control_play.gif);	
			}	
		.liste_princ_puce:hover {
			background-repeat: no-repeat;
			background-position:top left;
			background-image: url(/images/canevas/control_play_bleu.gif);	
			}			
		
		ul.ul_sous_liste {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 10px;
			background-color:transparent;
			/**list-style:none;**/			
			/**border-left:1px solid #666666;**/
			}
			
		li.li_sous_liste {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 24px;
			background-color:transparent;
			}	

		#consigne_faq {
			margin:15px 0px 15px 0px;
			padding:10px 10px 10px 10px;	
			background-color:white;
			border-bottom: 1px solid #666666;	
			border-top: 1px solid #666666;		
			}			
			
		
			/** Liste spéciale pour la section bricolage 
			avec flag de 3 couleurs en fonction de la 
			difficulté (pas de différence en hover) **/
	li.drap_facile, li:hover.drap_facile,
	li.drap_moyen, li:hover.drap_moyen,
	li.drap_difficile, li:hover.drap_difficile {
		background-repeat: no-repeat;
		background-position:top left;
		}		
		li.drap_facile, li:hover.drap_facile {
			background-image: url(/images/canevas/flag_green.gif);
			}
		li.drap_moyen, li:hover.drap_moyen {
			background-image: url(/images/canevas/flag_orange.gif);
			}
		li.drap_difficile, li:hover.drap_difficile {
			background-image: url(/images/canevas/flag_red.gif);
			}	
			
	.liste_som a {
		display:block;
		margin:0px;
		width:20em;
		}	
		
/** FICHES UNIQUES (bricolage, maladies, FAQ, comportements) OU NON (bébés) **/
.chap_sans_image {
	padding:0px;
	margin:0px 0px 6px 0px;
	background-color:transparent;
	}	
			/** petite (110x110) et grande (220x220) et vidéo (320x260) **/
.chap_image, .chap_imagegd, .chap_imagevid {
	padding:0px 0px 0px 0px;
	margin:2px 0px 6px -2px;
	background-color:transparent;
	overflow:auto;
	}
	
.chap_image p, .chap_imagegd p, .chap_imagevid p, .chap_sans_image p {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	background-color:transparent; 
	}	
	
		/** table de description des bricolages (durée, etc.) dans les fiches (dans un chap_image du cadre_gerbille)
		du lait maternisé et horaires de tétées (dans une ul du cadre_gerbille)
		de la classification classique (directement dans le cadre_gerbille) **/	
	.chap_image table, .chap_imagegd table, .chap_imagevid table, .chap_sans_image table, .cadre_gerbille table {
		margin:0px auto 20px auto;
		border-collapse:collapse;	
		}
		.cadre_gerbille li table {
		margin-top:15px;
		}
		
	.chap_image caption, .chap_imagegd caption, .chap_sans_image caption {
		padding:5px 5px 5px 5px;
		background-color:transparent;
		caption-side: bottom;
		font-style: italic;
 		text-align: right;
		}
										
	.chap_image td, .chap_imagegd td, .chap_imagevid td, .chap_sans_image td, .cadre_gerbille td.long, .nota_bene td.long {
		padding:5px 5px 5px 5px;
		vertical-align:top;
		width:20em;
		}
			
	.cadre_gerbille td {
		padding:5px 5px 5px 5px;
		vertical-align:top;
		width:10em;
		
		}
		
	.cadre_gerbille td.court {
		padding:5px 5px 5px 5px;
		vertical-align:top;
		width:10px;
		}		
						
		td.brico_duree, td.brico_cout, td.brico_matos, td.brico_outils, 
		.drap_facile1, .drap_moyen1, .drap_difficile1 {
			background-repeat: no-repeat;
			background-position: top left;
			}
			
		td.brico_duree, td.brico_cout, td.brico_matos, td.brico_outils {
			padding:5px 10px 0px 26px;
			vertical-align:top;			
			width:10em;
			}
			td.brico_duree  {
				background-image: url(/images/canevas/clock.gif);	
				}	
			td.brico_cout  {
				background-image: url(/images/canevas/money.gif);	
				}
			td.brico_matos {
				background-image: url(/images/canevas/package.gif);	
				}
			td.brico_outils {
				background-image: url(/images/canevas/cut.gif);	
				}
				
		.drap_facile1, .drap_moyen1, .drap_difficile1 {
			padding:0px 10px 0px 20px;
			}	
			.drap_facile1  {
				background-image: url(/images/canevas/flag_green.gif);	
				}	
			.drap_moyen1  {
				background-image: url(/images/canevas/flag_orange.gif);	
				}	
			.drap_difficile1  {
				background-image: url(/images/canevas/flag_red.gif);	
				}		

		.chap_image td ul, .chap_imagegd td ul, .chap_imagevid td ul, .chap_sans_image td ul {
			margin:0px;
			background-color:transparent;
			}

			/** définitions des titres des fiches - pas obligatoire **/	
.chap_image_titre, .chap_image_titre2 {
	background-color:transparent;
	font-weight:bold;
	}
	.chap_image_titre {
		padding:0px 0px 8px 6px;
		}
	.chap_image_titre2 {
		padding:0px 0px 8px 0px;
		background-color:transparent;
		}	
	
			/** Image alignée à gauche **/	
.chap_image_img  {
	margin:0px 10px 6px 6px;	
	float:left;
	background-color:transparent;
	}

			/** Image alignée à droite **/	
.chap_image_img2 {
	padding:0px 6px 0px 0px;	
	margin:3px 0px 0px 10px;	
	float:right;
	background-color:transparent;
	}
		/** pour ajouter un cadre aux photos des fiches **/
	.chap_image_img img , .chap_image_img2 img {
		border:1px solid #666666;
		}
		
		/** pour enlever le cadre de l'image de la loupe sous les photos **/
	.citation img {
		border:none;
		}	
	
		/** texte pour image alignée à gauche **/	
.chap_image_txt {
	margin:0px 0px 0px 0px;
	padding:0px 6px 0px 6px;
	background-color:transparent;
		/** crack Ie6 qui ne supporte pas le overflow et permet à 
		l'image de dépasser du cadre **/		
	_height:120px;
	}
		
		/** texte pour image alignée à droite **/		
.chap_image_txt2 {
	padding:0px 6px 0px 6px;	
	background-color:transparent;	
		/** crack Ie6 qui ne supporte pas le overflow et permet à l'image de dépasser du cadre **/
	_height:120px;
	}
	
		/** liste à puce placée à coté des petites images (110x110) **/
.chap_image .chap_image_txt ul {
	margin:0px 0px 6px 120px;
	background-color:transparent;
	}
	
		/** liste à puce placée à coté des grandes images (220x220) **/
.chap_imagegd .chap_image_txt ul {
	margin:0px 0px 6px 230px;
	background-color:transparent;
	}	
	
		/** liste à puce placée à coté des vidéos (320x240) **/
.chap_imagevid .chap_image_txt ul {
	margin:0px 0px 6px 330px;
	background-color:transparent;
	}	
	
		/** liste spéciale pour la santé -> mesures à prendre **/
ul.croix_rouge li {
	padding: 0px 0px 0px 24px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position:top left;
	background-image: url(/images/canevas/croix_rouge.gif);	
	list-style:none;
	}

/** COULEURS  **/

		/** Formulaire de recherche **/
#cadre_recherche {
	margin:15px 0px 15px 0px;
	background-color:transparent;
	overflow:auto;
	}

#resultat_recherche {
	margin:15px 0px 15px 0px;
	padding:10px 10px 10px 10px;	
	background-color:white;
	border-bottom: 1px solid #f983b4;	
	border-top: 1px solid #f983b4;		
	}	
	
.cadre_recherche {
	margin: 15px auto; 
	background-color:transparent;
	overflow:auto;
	width:560px;
	text-align:center;
	}
	
p.titre_recherche, td.titre_recherche {
	color:#f9408d;
	font-weight:bold;
	}
	p.titre_recherche {
		margin:0px 0px 15px 0px;
		}	
	
	td.titre_recherche {
		padding:0px 0px 15px 0px;
		text-align:center;
		}	
	#cadre_recherche ul {
		margin:4px 4px 4px 4px;
		padding:0px;
		background-color:transparent;
		list-style:none;
		}
	#cadre_recherche li {
		margin:0px 0px 15px 10px;
		padding:0px;
		background-color:transparent;
		list-style:none;
		}
	#cadre_recherche li.underscore {
		margin:0px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px solid #666666;
		}
	
.recherche_couleur, .recherche_couleur2 {
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	width:260px;	
	background-color:white;
	border: 1px solid #f983b4;	
	text-align:left;
	overflow:auto;
	}
	.recherche_couleur {
		}
	.recherche_couleur2 {
		float:right;
		}

.recherche_couleur3 {
	margin: 0px auto;
	padding: 4px 4px 4px 4px;
	width:500px;	
	background-color:#ffffff;
	border: 1px solid #f983b4;	
	text-align:left;
	}
table.couleurs {
	margin: 10px 10px 10px 10px;
	background-color:white;
	border-collapse:collapse;	
	border: 1px solid #666666;
	width:96%;
	font-size: 0.9em;
	}
	
	.couleurs td {
		width:30%;
		/**border: 1px solid #666666;**/
		}
		
	.ligne td {
		padding: 10px 5px 10px 5px;
		background-color:transparent;
		font-weight:bold;
		}	
		
	.ligne_print td {
		padding: 2px 5px 2px 5px;
		background-color:transparent;
		text-align:right;	
		font-size: 0.8em;
		}	
	
	td.petit {
		text-align:center;
		font-size: 0.9em;
		}
		
	td.icones  {
		background-color:transparent;	
		vertical-align:top;			
		}
		
	td.icones table {
		background-color:transparent;
		border-collapse:collapse;	
		width:95%;
		}
		
	td.icones td {
		padding: 5px 0px 5px 0px;
		background-color:transparent;
		width:30%;
		}	
		
		td.icones td.legende {
			padding: 0px 0px 0px 10px;
			background-color:transparent;
			width:60%;
			font-size: 0.9em;
			}
	
	td.img_princ_td {	
		padding:0px 0px 10px 0px;
		text-align:center;
		background-color:transparent;
		font-size: 0.8em;
		
		}
		
	.img_princ_td img {
		padding:3px;
	/**	border: none;**/
		border:1px solid #000000;	
		background-color:transparent;
		}
		
	td.commentaire_fiche {
		padding: 10px 5px 10px 5px;
		background-color:transparent;
		vertical-align:top;
		}	
		
	.commentaire_fiche img {
			border:1px solid #000000;	
		}
		
	ul.drap {
		background-color:transparent;
		list-style:none;
		color:#7d5024;
		}
		
		li.drap_us, li.drap_fr, li.drap_gb, li.drap_de {
			margin:0px;
			padding:0px 0px 0px 70px;
			background-color:transparent;
			background-repeat: no-repeat;
			background-position: left;	
			/**font-size: 0.9em;**/
			}	
			li.drap_us  {
				background-image: url(/images/contenu/couleurs/lang_us.gif);	
				}	
			li.drap_fr   {
				background-image: url(/images/contenu/couleurs/lang_fr.gif);	
				}
			li.drap_gb   {
				background-image: url(/images/contenu/couleurs/lang_gb.gif);	
				}	
			li.drap_de   {
				background-image: url(/images/contenu/couleurs/lang_de.gif);	
				}		

/** MENTIONS LEGALES  **/
.mentions {
	margin-bottom:35px;
	background-color:transparent;
	color:#666666;
	}
	
	.mentions ul {
		list-style:none;
		}
	
	.mentions li.liens_photos {
		padding: 0px 0px 0px 20px;
		background-color:transparent;
		}

/** PIED DE PAGE DU SITE**/
#touffe {
	margin: 6px 8px 0px 35px;
	padding: 2px 2px 2px 2px;
	height:40px;
	background-image: url(/images/canevas/touffe.gif);
	background-repeat: repeat-x;
	background-position:bottom left;	
	}
	
#bas_de_page {
	margin: 0px 8px 0px 35px;
	padding: 4px 0px 0px 0px;
			/** vert clair **/	
	border-top:1px solid #427f1c;	
	font-size:0.8em;
	color:#427f1c;
	text-align:right;
	background-color:transparent;	
	}	
	
#bas_de_page2 {
	float:left;
	margin: 0px 0px 0px 35px;
	padding: 4px 0px 0px 0px;
			/** vert clair **/	
	border-top:1px solid #427f1c;	
	font-size:0.8em;
	color:#427f1c;
	text-align:right;
	background-color:transparent;	
	}		
			/** liens souligné à coté du © pour page légale **/
	#bas_de_page a:link, #bas_de_page a:visited, #bas_de_page a:hover, #bas_de_page a:active {
		color:#427f1c;
		text-decoration:underline;
		}
	
#pied_de_page {
	clear:both;
	}	
	
/** GESTION **/

.gestion table {
	background-color:transparent;	
	width:100%;
	}
	
.gestion td.titre_ligne {
	background-color:transparent;	
	width:100px;
	}
	
.gestion td {
	background-color:transparent;
	vertical-align:top;
	}
	
.large, .areanormal {
	width:650px;
	}
	
textarea.large {
	height:500px;
	}
	
textarea.areanormal {
	height:50px;
	}	

/** FORMULAIRE DE CONTACT **/	

textarea.contact {
	width:350px;
	height:200px;
	}
	
.contact {
	width:350px;
	}	

.alertebox {
	background-color:#e0edf9;	
	}
	
.sans_alerte {
	padding:2px;
	margin:0px 0px 10px 0px;
	font-weight: bold;
	font-size:0.9em;	
	}	
	
.alerte {
	padding:2px;
	margin:0px 0px 10px 0px;
	font-weight: bold;
	color:#57affb;
	font-size:0.9em;	
	}	

/** AIDE **/	

table.table_aide {
	margin:10px 5px 10px 5px;
	width:95%;
	border-collapse:collapse;
	border: 1px solid #666666;
	background-color:white;
	}
	
.table_aide td {
	vertical-align:top;
	}
	
.table_aide td ul {
	margin:2px 5px 2px 5px;
	list-style:none;	
	}	
	
.table_aide td li {
	padding:2px 0px 2px 0px;
	list-style:none;	
	}		
	
.table_aide tr {	
	border: 1px solid #666666;
	}
	
.table_aide td.cellule_image {
	text-align:right;
	border-right: 1px solid #666666;
	}
	
.table_aide td.cellule_globale {
	padding:5px 0px 5px 0px;
	}
	
/** RECHERCHE **/

#combo_recherche {
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
	background-color:transparent;
	width:160px;
	}
	#combo_recherche img {
		margin:0px;
		padding:0px;
		/**border: 1px solid #222222;**/
		border:none;
		}
	
#combo_recherche_titre {
	padding:0px 0px 0px 8px;
	background-color:transparent;
	text-align:left;
	}	

#combo_recherche input {
	background-color:#ffffff;
	border: 1px solid #222222;
	width:110px;
	height:16px;
	}
	
	#combo_recherche input#ok {
		width:30px;
		height:21px;
		}	
	
.titre_aide {
	padding:10px 0px 2px 0px;
	margin:10px 0px 5px 0px;
	background-color:transparent;
	font-size: 1em;
	border-bottom: 1px solid #666666;
	}
	
.exemple {
	padding:0px 0px 0px 15px;
	margin:0px 0px 15px 0px;
	background-color:transparent;
	}

/** CARTE GOOGLE **/	

.carte_google {
	padding:10px 0px 10px 0px;
	background-color:transparent;
	width:100%;	
	}	

.carte_google2 {
	margin: 10px auto; 
	border: 1px solid #222222;
	}
	
#map1 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}
#map2 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}
#map3 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}
#map4 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}
#map5 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}
#map6 {
	width:550px;
	height:350px;
	position:relative;
	/** empêche le texte du copyright de Google de dépasser de la carte s'il est trop long (mais le tronque...) **/
	overflow:hidden
	}

.eleveur_invisible {
	display:none;
	margin: 10px auto 10px auto; 
	width:85%;
	}

.eleveur2 {
	padding:5px;
	background-color:#ffffff;
	}

	/** pour ancienne carte éleveurs **/
	
.carte {
	background-color:transparent;
	text-align:center;
	margin: 10px auto; 
	}
	
	.carte map {
		display:inline;
		background-color:transparent;
		}
	.carte img {
		margin:10px;
		border:none;
		}	
		
.eleveur {
	/**display:none;**/
	margin: 10px auto 10px auto; 
	width:85%;
	}
	/** **/	
	
/** GLOSSAIRE **/

.glossaire {
	margin:0px;
	padding:0px;
	}

.glossaire dd {
	margin:0px 0px 10px 10px;
	background-color:transparent;
	}	
	
/** PAGE PERSONNELLE ELEVEUR **/	

.presentation {
	background-color:transparent;
	width:100%;
	min-height:150px;
	text-align:left;
	}
	
	/** Pour l'avatar sorti du forum **/
	.avatar1 {
		float:left;
		margin:0px 10px 0px 0px;	
		padding:4px;
		background-color:transparent;
		border:1px solid #555555;		
		}	
	
	/** Pour la photo de la gerbille ou de la portée **/	
	.avatar {
		float:left;
		margin:0px 10px 0px 0px;	
		padding:4px;
		background-color:transparent;
		}
		.avatar_image {
			padding:4px;
			background-color:transparent;
			border:1px solid #555555;
			}
		.avatar_loupe {
			padding:4px;
			text-align:right;
			background-color:transparent;
			}	
	
	.carte_indiv {
		float:right;
		margin:0px 0px 0px 10px;		
		padding:4px;
		background-color:transparent;
		border:1px solid #555555;	
		}	
	
	.presentation_titre {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 170px;	
		background-color:transparent;
		}	
	
	.presentation_gerbille {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;	
		background-color:transparent;
		overflow:auto;
		}
	
.description_perso {
	margin:10px 0px 10px 0px;	
	padding:4px;
	border:1px solid #555555;
	background-color:#cccccc;	
	}	

#description_gerbille {
	padding:4px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #555555;
	border-left:1px solid #555555;
	border-right:1px solid #555555;
	background-color:#ffffff;
	}
		
#onglet_eleveur {
	overflow:hidden;/**auto**/
	margin:0px 0px 0px 0px;	
	padding:0px;
	background-color:transparent;
	background-image: url(/images/canevas/cadre_menu_eleveur.gif);
	background-repeat: repeat-x;
	background-position: bottom;		
	}
	
	#onglet_eleveur img {
		margin:0px;
		padding:0px;
		border:1px solid #555555;		
		}	
	#onglet_eleveur ul {
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		background-color:transparent;
		}
		
		#onglet_eleveur ul li a {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-decoration: none;
			}
		#onglet_eleveur ul li a span {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}	
			
	#onglet_eleveur li {
		float:left;
		margin:0px 10px 0px 0px;
		padding:4px 4px 4px 4px;
		background-color:#ffffff;
		border:1px solid #555555;
		}
		#onglet_eleveur li#actif {
			float:left;
			margin:0px 10px 0px 0px;
			padding:4px 4px 4px 4px;
			background-color:#ffffff;
			border-bottom:1px solid #ffffff;
			}

	
.description_gerbille {
	margin:0px 0px 0px 0px;	
	padding:4px;
	background-color:transparent;
	}	

.g_sexe {
	overflow:auto;
	padding:10px 10px 10px 10px;	
	background-color:transparent;
	}
	
	.g_femelles {
		float:left;
		margin:0px;	
		padding:0px;	
		width:50%;
		background-color:transparent;
		}

	.g_males {
		margin:0px 0px 0px 50%;	
		padding:0px;	
		background-color:transparent;
		}	
		
	.g_femelles ul, .g_males ul, .description_gerbille ul {
		margin:0px 0px 0px 0px;
		padding:0px;
		background-color:transparent;
		}
		
		.g_femelles ul {
			margin:5px 0px 0px 25px;
			list-style-image: url(/images/canevas/femelle.gif);
			}
		.g_males ul {
			margin:5px 0px 0px 25px;
			list-style-image: url(/images/canevas/male.gif);
			}	
	
	.g_femelles li, .g_males li {
		margin:0px;
		padding:0px;
		background-color:transparent;
		}

.sexe_male {
	padding:4px 15px 4px 0px;
	background-color:transparent;
	background-image: url(/images/canevas/male.gif);
	background-repeat: no-repeat;
	background-position: right
	}
		
.sexe_femelle {
	padding:4px 15px 4px 0px;
	background-color:transparent;
	background-image: url(/images/canevas/femelle.gif);
	background-repeat: no-repeat;
	background-position: right
	}		

/** GESTION PAGE PERSONNELLE ELEVEUR **/	
	
.liste {
	background-color:transparent;
	}
	
.liste table {
	margin:10px 0px 0px 0px;
	background-color:transparent;
	border-collapse:collapse;	
	width:95%;
	}
	
.liste table td {
	padding: 3px;
	background-color:transparent;
	}
	.liste table td.courte {
		width:150px;
		background-color:transparent;
		}
	.liste table td.moyenne {
		width:250px;
		background-color:transparent;
		}	
	
	td.icones td.legende {
		padding: 0px 0px 0px 10px;
		background-color:transparent;
		width:60%;
		font-size: 0.9em;
		}	
		
	.icones img {
		border:1px solid #000000;	
		}
		
.loupe { 
	margin:0px;
	padding:0px 0px 0px 15px;
	background-image: url(/images/canevas/zoom.gif);
	background-repeat: no-repeat;
	background-position: left	
	}
	
/** CONCOURS **/	

#concours {
	/**background-color:#ffa1da; /** rose **/
	}
	
fieldset {
	margin:10px;
	background-color:#dddddd;
	}
	
	legend {
		padding:3px;
		background-color:#ffffff;
		border:1px solid #555555;
		}

#concours dl {
	list-style:none;
	padding:0px 0 0px 0;
	margin: 10px 5px 10px 5px;
	}
	
#concours dd {
	margin:6px 6px 6px 6px;
	padding-left:25px;
	height:15px;
	}
	
#concours dt {
	margin:6px 6px 6px 6px;
	padding-top:20px;
	}	
	
#concours dd.valide{
	background-image:url(/images/canevas/accept.png);
	background-repeat: no-repeat;
	}
	
#concours dd.valide_user {
	background-color:#cccccc /** gris **/
	}	
	
#concours p.reponse {
	margin-top:20px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#427f1c;
	border:1px solid #427f1c;
	background-color:#eef9d6 /** gris **/
	}