/** GENERALITES **/
.no_print {
	display:none;
	}

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

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

img {
	border:none;
	}
	
a:link, a:visited, a:hover { 
	text-decoration:none;
	font-weight:normal;	
	margin:0px;
	padding:0px;
	color:#000000;	
	}	
	

			/** 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:4px 0px 4px 0px;
	margin:0px 0px 10px 0px;
	background-color:transparent;
	font-size:1em;	
	border-bottom:1px solid #000000;			
	border-top:1px solid #000000;			
	}
	
.gras {
	font-weight:bold;
	}
	
.pasgras {
	font-weight:normal;
	}	
	
.texte_centre {
	text-align:center;
	}
	
.texte_droit {
	text-align:right;
	}

			/** Mise en évidence de phrases imporantes, 
			icone et couleur identiques pour tout le site **/
.attention {	
	}

			/** 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 **/

.noirColor { 
	color:#000000;
	font-size:0.9em;
	font-weight:normal;
	}
	
/** CADRE CENTRAL QUI PERMET LE CENTRAGE DE TOUT LE SITE **/
#conteneur {
	position: relative;
	width: 100%;
	margin: 0; 
	padding: 0px 0px 0px 0px;	
	background-color:#ffffff;

	}

/** FRISE IMAGéE DU SOMMET ET MENUS DEROULANTS - 3 SECTIONS HORIZONTALES**/
#sommet, #sommet2{
	display:none;
	}		
#header {
	background-color: transparent;
	height: 120px;
	text-align:right;
	}		
#header2 {
	background-color: transparent;
	height: 120px;
	}	
#header3 {
	background-color: transparent;
	height: 120px;
	}	
#tube3, #tube2, #tube {
	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 8px;
	padding: 0px 0px 0px 0px;
	}
	
	.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 {
	display:none;
	}

			/** corps de texte principal **/
	#contenu {	
		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; 
			border:1px solid #000000;			
			}
	
			/** copyright des photos et extraits de texte **/
		.citation {
			padding: 2px 0px 2px 0px;
			text-align:right;
			color:#000000;
			background-color:transparent; 
			font-size: 0.7em;	
			}
	
			/** Cadre avec une gerbille debout **/		
		.cadre_gerbille {
			margin: 10px 10px 10px 10px;
			padding: 0px 0px 0px 0px;
			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;
			border:1px solid #000000;
			}
			
			.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;
		display:none;
		}
		#pied_de_fiche a:link, #pied_de_fiche a:hover, #pied_de_fiche a:visited {
			display:none;	
			}		

/** 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 #000000;
	}
	
.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 #000000;
			}
			#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 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 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;	
		border1px solid #000000;		
		}
		.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 {
		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 #000000;
		}
		/** 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 #000000;	
	border-top: 1px solid #000000;		
	}	
	
.cadre_recherche {
	margin: 15px auto; 
	background-color:transparent;
	overflow:auto;
	width:560px;
	text-align:center;
	}
	
p.titre_recherche, td.titre_recherche {
	color:#000000;
	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 #000000;
		}
	
.recherche_couleur, .recherche_couleur2 {
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	width:260px;	
	background-color:white;
	border: 1px solid #000000;	
	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 #000000;	
	text-align:left;
	}
table.couleurs {
	margin: 10px 10px 10px 10px;
	background-color:white;
	border-collapse:collapse;	
	border: 1px solid #000000;
	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;
		}	
	
	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;
			}

	.icones img {
		border:1px solid #000000;	
		}			
	
	td.img_princ_td {	
		padding:0px 0px 10px 0px;
		text-align:center;
		background-color:transparent;
		}
		
	.img_princ_td img {
		padding:3px;
		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:#000000;
		}
		
		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:#000000;
	}
	
	.mentions ul {
		list-style:none;
		}
	
	.mentions li.liens_photos {
		padding: 0px 0px 0px 20px;
		background-color:transparent;
		}

/** PIED DE PAGE DU SITE**/
#touffe {
	display:none
	}
	
#bas_de_page {
	margin: 5px 8px 10px 35px;
	padding: 4px 25px 0px 0px;
			/** vert clair **/	
	font-size:0.8em;
	text-align:right;
	background-color:transparent;	
	}	
	
#bas_de_page2 {
	float:left;
	margin: 5px 0px 10px 8px;
	padding: 4px 0px 0px 15px;
			/** vert clair **/	
	font-size:0.8em;
	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 {
		display:none;
		}
	
#pied_de_page {
	clear:both;
	}	
	

/** 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:#000000;
	font-size:0.9em;	
	}	

/** CARTE **/	

.carte {
	background-color:transparent;
	text-align:center;
	width:95%
	}
	
	.carte img {
		margin:10px;
		border:none;
		}
	.carte map {
		display:inline;
		background-color:red;
		}
		
.eleveur {
	margin: 10px auto 10px auto; 
	width:520px;
	border: 1px solid #000000;
	}

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

/** GLOSSAIRE **/

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

.glossaire dd {
	margin:0px 0px 10px 10px;
	background-color:transparent;
	}