@charset "utf-8";
/* CSS Document */

/* ================================================ HOME PAGE */
	#titreAccueil{
		display:none;
	}
	
	.edito{
		width:482px;
		margin:0 0 10px 0;
		padding:6px;
		background-color:#fa4800;
		background-image:url(/img/fond-edito.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		font-size:120%;
		color:#fff;
	}
	
	.edito a {
		color:#fff;
	}
	
	#editoConteneur {
    position:relative;
    width:488px;
    height:250px;
		margin:0 0 10px 0;
    cursor:pointer;
  }
  
	#page div #editoHome{
		width:494px;
    height:250px;    
		background-color:#fa4800;
		background-image:url(/img/fond-edito.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
    position:absolute;
    z-index:1;
		font-size:140%;
		color:#fff;
	}
	
	.editoHome a {
		color:#fff;
	}
  
  #page div #edito_dynamique {
  	/*background-image:url(/img/edito_dynamique.png);
    background-repeat:no-repeat;*/
    width:211px;
    height:23px;
    position:absolute;
    z-index:2;
    bottom:0px;
    left:44px;
    text-align:center;
  }
  
  #page div #edito_dynamique_nombres {
  	background-color:#fa4800;
    width:131px;
    height:23px;
    text-align:center;
    float:left;
  }
  
  .imgEditoDynamique {
  	float:left;
  }
  
  .imgEdito {
  	padding:2px 3px 0 3px;
    cursor:pointer;
  }
  
  .editoMedia {
  	float:left;
		margin:0 10px 0 0;
  }
  
  .editoText{
  	padding:6px 5px 0 0;
    font-family:arial;
		font-size:12px;
		color:#ffffff;
  }
  
  #editoConteneur {
  	font-family:arial;
		font-size:12px;
		color:#ffffff;
    text-decoration:none;
  }
  
  #editoConteneur a {
  	font-family:arial;
		font-size:12px;
		color:#ffffff;
    text-decoration:none;
  }
  
  #editoHome a {
  	font-family:arial;
		font-size:12px;
		color:#ffffff;
    text-decoration:none;
  }
  
  .editoText a {
  	font-family:arial;
		font-size:12px;
		color:#ffffff;
    text-decoration:underline;
  }
	
	.titreRubrique{
		position:relative;
		width:494px;
		margin:0 0 9px 0;
		font-size:120%;
		font-weight:bold;
	}
	
	.titreRubrique img{
		width:494px;
		height:60px;
	}
	
	.titreRubrique span{
		position:absolute;
		top:41px;
		left:61px;
		z-index:74;
	}
	
	.titreRubrique a{
		text-decoration:none;
	}
	
	.vignette98, .premiereVignette98{
		display:block;
		position:relative;
		float:left;
		width:98px;
		margin:0 0 8px 0;
		text-align:center;
		text-decoration:none;
		font-size:110%;
		font-weight:bold;
		line-height:95%;
	}
	
	.vignette98{
		padding:0 0 0 1px;
	}
	
	.vignette98 img, .premiereVignette98 img{
		margin-bottom:3px;
		width:98px;
		height:98px;
	}
	
	.vignette98 img.nouveau, .premiereVignette98 img.nouveau{
		width:57px;
		height:17px;
	}
	
	.nouveau{
		position:absolute;
		z-index:50;
		top:0;
		left:0;
	}
	
	.vignette64{
		display:block;
		float:left;
		width:64px;
		margin:0 0 0 0;
		padding:0 5px 0 0;
	}
	
	.vignette64 img{
		width:64px;
		height:64px;
	}
	
	.lienPlusDe{
		float:left;
		width:143px;
		height:64px;
		margin:0 0 28px 0;
		padding:0 0 0 5px;
	}
	
	.lienPlusDe a{
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:underline;
	}
	
	.lienPlusDe img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
/* ================================================ HOME PAGE */



/* ================================================ PAGE RUBRIQUE */
	#cheminement{
		margin:2px 0 8px 0;
		font-size:110%;
		font-weight:bold;
	}
	
	#cheminement a{
		text-decoration:underline;
	}
	
	#pagination{
		float:left;
		width:324px;
		margin:6px 0 30px 0;
		text-align:center;
		font-size:140%;
		font-weight:bold;
	}
	
	#pagination a{
		color:#fa4800;
		text-decoration:underline;
	}
	
	#suivant{
		float:left;
		width:80px;
		margin:6px 0 0 0;
		text-align:right;
	}
	
	#precedent{
		float:left;
		width:90px;
		margin:6px 0 0 0;
	}
	
	#suivant a, #precedent a{
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:underline;
	}

	#suivant img{
		padding:0 0 0 5px;
		width:14px;
		height:14px;
	}
	
	#precedent img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
/* ================================================ PAGE RUBRIQUE */



/* ================================================ PAGE SOUS-RUBRIQUE */
	.titreSousRubrique{
		position:relative;
		width:494px;
		height:98px;
		margin:0 0 9px 0;
		font-size:300%;
		font-weight:bold;
		color:#fff;
	}
	
	.titreSousRubrique span{
		position:absolute;
		top:27px;
		left:127px;
		z-index:74;
	}
	
	.titreSousRubrique span a, .titreSelectionRecue span a{
		color:#fff;
		text-decoration:none;
	}
	
	.titreSousRubrique img, .titreSelectionRecue img{
		width:98px;
		height:98px;
	}
	
	#texteIntroColoriages{
		margin:0 0 20px 0;
		font-size:140%;
	}
	
	.caseAcocher{
		float:left;
		width:111px;
		margin:-6px 0 8px 0;
		padding:0 0 0 10px;
		text-align:center;
	}
	
	.vignette107{
		display:block;
		position:relative;
		float:left;
		width:111px;
		margin:0 0 8px 0;
		padding:0 0 0 10px;
		text-align:center;
		text-decoration:none;
		font-size:110%;
		line-height:95%;
	}

	.vignette107 img{
		margin-bottom:3px;
		width:107px;
		height:107px;
	}
	
	.vignette107 img.nouveau2{
		margin-bottom:3px;
		width:57px;
		height:17px;
	}
	
	.nouveau2{
		position:absolute;
		z-index:50;
		top:2px;
		left:12px;
	}
	
	#listeChoixaffichages{
		margin:0 0 12px 0;
		padding:0 9px 0 0;
		text-align:right;
		
	}
	
	#choixAffichage{
		font-family:arial;
		font-weight:bold;
		font-size:12px;
		color:#fa4800;
	}
	
	.textbold{
		font-weight:bold;
	}
/* ================================================ PAGE SOUS-RUBRIQUE */


/* ================================================ COLORIAGE */
	h2.sousTitreColoriage, h1.sousTitreColoriage{
		margin:0 0 8px 0;
		font-size:140%;
		font-weight:normal;
	}
	
	#coloriageLiensGauches{
		float:left;
		width:145px;
		margin:0 104px 0 0;
	}
	
	#lienImprimer, #lienEnvoyerAMi{
		display:block;
		width:145px;
		height:19px;
		margin:0 0 5px 0;
		padding:4px 0 0 0;
		background-image:url(/img/fond-lien-orange.gif);
		background-repeat:no-repeat;
		text-align:center;
		text-decoration:none;
		font-size:120%;
		color:#fff;
	}
	
	#coloriageLiensDroite{
		float:left;
		width:242px;
	}
	
	#lienAjoutSelection{
		display:block;
		width:202px;
		height:19px;
		margin:0 0 2px 40px;
		padding:4px 0 0 0;
		background-repeat:no-repeat;
		text-align:center;
		text-decoration:none;
		font-size:120%;
		color:#fff;
	}
	
	#explicationSelection{
		margin:0;
		text-align:right;
		font-size:110%;
	}
	
	#copyright{
		margin:0;
		font-size:110%;
	}
	
	#coloriage{
		margin:7px 0 0 0;
	}
	
	#coloriage img{
		border:2px solid #ff9101;
	}
	
	#coloriageNavigation{
		margin:15px 0 0 70px;
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
	}
	
	#coloriagePrecedent, #coloriageSuivant{
		color:#fa4800;
		text-decoration:underline;
	}
	
	#coloriagePrecedent img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
	
	#coloriageSuivant img{
		padding:0 0 0 5px;
		width:14px;
		height:14px;
	}
/* ================================================ COLORIAGE */


/* ================================================ AFFICHAGE IMPRESSION */
	#masqueImpression{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:98;
		display:none;
		background-color:#ff9101;
		filter:alpha(opacity=90); 
        -moz-opacity:0.90; 
        opacity:0.90;
	}
	
	#affichageImpression{
		position:absolute;
		top:0;
		left:0;
		z-index:99;
		width:100%;
		display:none;
	}

	#contenuImpression{
		width:634px;
		margin:auto;
		padding:10px 30px 30px 30px;
		background-color:#fff;
	}
	
	#impressionRetour{
		text-align:right;
	}
	
	#impressionRetour a{
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:underline;
	}
	
	#impressionRetour img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
	
	#contenuImpression h2{
		margin:20px 0 10px 0;
		text-align:center;
		font-size:300%;
		font-weight:bold;
		color:#ff9101;
	}
	
	#contenuImpression p{
		margin:0;
		font-size:140%;
	}
	
	.coloriageImpression{
		margin:30px 0 0 0;
	}
	
	.coloriageImpression img{
		border:2px solid #ff9101;
	}
/* ================================================ AFFICHAGE IMPRESSION */


/* ================================================ AFFICHAGE ENVOYER A UN AMI */
	#repere{
		position:absolute;
		z-index:12;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#masqueImpression{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:98;
		display:none;
		background-color:#ff9101;
		filter:alpha(opacity=90); 
        -moz-opacity:0.90; 
        opacity:0.90;
	}
	
	#affichageEnvoyerAmi{
		position:fixed;
		top:0;
		left:0;
		z-index:99;
		width:100%;
		height:310px;
		display:none;
	}
	
	#confirmationEnvoyerAmi{
		position:fixed;
		top:0;
		left:0;
		z-index:99;
		width:100%;
		height:310px;
		display:none;
	}

	#contenuEnvoyerAmi{
		width:570px;
		height:310px;
		margin:auto;
		padding:10px;
		background-color:#fff;
	}
	
	#contenuEnvoyerAmi h2{
		margin:0;
	}
	
	#formEnvoyerAmi{
		margin:13px 0 0 0;
	}
	
	.formGauche{
		float:left;
		width:270px;
		margin:0 12px 0 0;
		padding:0 0 0 10px;
	}
	
	.formDroite{
		float:left;
		width:270px;
	}
	
	#formEnvoyerAmi label{
		display:block;
		margin:0 0 3px 0;
	}
	
	.formGauche input, .formDroite input{
		display:block;
		width:254px;
		margin:0 0 26px 0;
		padding:3px 5px;
		border:3px solid #fa4800;
		background-color:#fff;
		font-size:14px;
		font-weight:bold;
		color:#b2b2b2;
	}
	
	.separateurFormulaire{
		height:1px;
		margin:0 10px 24px 10px;
		border-bottom:1px dashed #fa4800;
	}
	
	#envoyerAmiAnnuler{
		float:left;
		display:block;
		width:76px;
		margin:3px 30px 0 0;
		padding:0 0 0 324px;
		text-decoration:underline;
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
	}
	
	#envoyerAmiRetour{
		display:block;
		width:76px;
		margin:auto;
		margin-top:30px;
		text-decoration:underline;
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
	}
	
	#envoyerAmiAnnuler img, #envoyerAmiRetour img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
	
	#envoyerAmiEnvoyer{
		float:left;
		width:125px;
		margin:-4px 0 0 0;
	}
	
	#messageConfirmation{
		padding:35px 74px 0 74px;
		font-size:200%;
		font-weight:bold;
		color:#fa4800;
	}
/* ================================================ AFFICHAGE ENVOYER A UN AMI */


/* ================================================ PAGE MA SELECTION */
	#imprimerSelectionGauche{
		float:left;
		width:145px;
		margin:0 16px 3px 0;
	}
	
	#imprimerSelectionMessage{
		float:left;
		width:200px;
		margin:3px 0 0 0;
		font-size:140%;
		color:#fa4800;
	}
	
	#liensSelectionner{
		width:484px;
		height:24px;
		margin:9px 0 0 10px;
		padding:0;
		list-style:none;
	}
	
	#liensSelectionner li{
		float:left;
		margin:0 39px 0 0;
		padding:0;
	}
	
	#liensSelectionner a{
		font-size:120%;
		color:#0053a2;
		text-decoration:underline;
	}
/* ================================================ PAGE MA SELECTION */


/* ================================================ SELECTION RECUE */
	.titreSelectionRecue{
		position:relative;
		width:494px;
		height:98px;
		margin:0 0 9px 0;
		font-size:220%;
		font-weight:bold;
		color:#fff;
	}
	
	.titreSelectionRecue span{
		position:absolute;
		top:34px;
		left:127px;
		z-index:74;
	}
/* ================================================ SELECTION RECUE */


/* ================================================ RESULTAT RECHERCHE */
	.titreTexte{
		margin:10px 0 10px 0;
		text-align:center;
		font-size:300%;
		font-weight:bold;
	}
	
	.titreTexte a{
		text-decoration:none;
	}
	
	.lienPlusDeRecherche{
		margin:0 0 28px 0;
		padding:0 0 0 5px;
	}
	
	.lienPlusDeRecherche a{
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:underline;
	}
	
	.lienPlusDeRecherche img{
		padding:0 5px 0 0;
		width:14px;
		height:14px;
	}
	
	#ancres{
		height:20px;
		margin:0 0 14px 0;
		padding:3px 0 0 8px;
		background-color:#f1f1f1;
		font-size:110%;
		text-decoration:none;
	}
	
	#ancres li{
		display:inline;
	}
/* ================================================ RESULTAT RECHERCHE */