@charset "utf-8";
/* CSS Document */
	body{
		margin:0;
		padding:0;
		background-image:url(/img/degrade-fond-site.gif);
		background-repeat:repeat-x;
		background-color:#fecc00;
		/*background:#000b3d URL(/img/habillage/winter_dauphin.jpg) center top no-repeat;*/ /*habillage*/
		font-family:arial;
		font-size:10px;
		color:#000;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	.clear0{
		clear:both;
		height:0;
	}
	
	/*#habillage{
		position:absolute;
		z-index:10;
		top:0;
		left:0;
		width:100%;
		height:1020px;
		background-image:url(/img/fond-habillage.jpg);
		background-repeat:no-repeat;
		background-position:center 0;
	}
	
	#flashHabillage{
		width:995px;
		margin:auto;
	}
	
	#flashHabillagePlayer{
		font-size:200%;
		font-weight:bold;
		text-align:center;
	}
	
	#flashHabillagePlayer a{
		color:#fa4800;
		background-color:#fecc00;
		padding:5px;
	}*/
	
	#site{
		position:absolute;
		z-index:14;
		top:0;
		left:0;
		width:100%;
	}
	
	#global{
		width:995px;
		margin:auto;
		padding:15px 0 0 0;
	}
	
	#logoBandeauOnglets{
		width:995px;
	}
	
	#logo{
		float:left;
		width:152px;
		height:167px;
		padding:0 0 0 21px;
	}
	
	#logo:hover{
		cursor:pointer;
	}
	
	#logo img{
		width:152px;
		height:167px;
	}
	
	#bandeauEtOnglets{
		float:left;
		width:750px;
		padding:24px 0 0 71px;
	}

	#accueilH1DessinColoriage{
		height:19px;
		margin:-24px 0 0 0;
		padding:5px 0 0 0;
		text-align:center;
		color:#e20000;
		font-size:130%;
	}
	
	#bandeauPub{
		width:728px;
		height:114px;
		margin:0;
	}
	
	#onglets{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#onglets li#onglet1{
		float:left;
		width:118px;
		height:29px;
		margin:0 5px 0 0;
	}
	
	#onglets li#onglet2{
		float:left;
		width:131px;
		height:29px;
		margin:0 5px 0 0;
	}
  
  #onglets li#onglet3{
		float:left;
		width:146px;
		height:29px;
		margin:0 5px 0 0;
	}
  
  #onglets li#onglet4{
		float:left;
		width:238px;
		height:29px;
		margin:0 5px 0 0;
	}
  
  #onglets li#onglet5{
		float:left;
		width:159px;
		height:29px;
		margin:0 5px 0 0;
	}
  #onglets li#onglet7{
		float:left;
		width:142px;
		height:29px;
		margin:0 5px 0 0;
	}
	
	#lienOnglet1{
		display:block;
		width:118px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
	
	#lienOnglet2{
		display:block;
		width:131px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet2.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
  
	#lienOnglet3{
		display:block;
		width:146px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet3.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
  
  #lienOnglet4{
		display:block;
		width:238px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet4.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
  
  #lienOnglet5{
		display:block;
		width:159px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet5.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
  
  #lienOnglet7{
		display:block;
		width:142px;
		height:20px;
		padding:9px 0 0 0;
		background-image:url(/img/onglet7.png);
		background-repeat:no-repeat;
		background-position:0 -29px;
		text-align:center;
		text-decoration:none;
		font-size:140%;
		font-weight:bold;
		color:#ff9101;
	}
  
	#onglets li a:hover{
		background-position:0 0;
		color:#fff;
	}
	
	#onglets li a.ongletActif, #onglets li a.ongletActif:hover{
		background-position:0 0;
		color:#fff;
	}
	
	#rechercheEtSelection{
		width:995px;
		height:114px;
		margin:-1px 0 0 0;
		background-image:url(/img/fond-recherche-selection.png);
		background-repeat:no-repeat;
	}
	
	/*#chercherColoriage{ /*Hors Ope*/
		float:left;
		width:662px;
		padding:0 0 0 25px;
	}*/
	#chercherColoriage { /*Pour Ope*/
		float:left;
		padding:0 0 0 7px;
		width:680px;
	}
	
	#chercherColoriage h3{
		float:left;
		width:275px;
		height:113px;
		margin:0 21px 0 0;
	}
	#chercherColoriage h3 img{
		width:275px;
		height:113px;
		padding:0 0 0 7px; /*Sans Ope retirer le padding*/
	}
	
	#rechercheContenu{
		float:left;
		width:360px;
		margin:45px 0 0 0;
		padding:0 0 0 31px; /*Sans Ope mettre 6px*/
	}
	
	#champRecherche{
		float:left;
		width:256px;
		height:20px;
		margin:0 5px 0 0;
		padding:4px 4px 0 4px;
		border:3px solid #fa4800;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		color:#b2b2b2;
	}
	
	#chercherColoriageOk{
		float:left;
		width:48px;
	}
	
	#chercherColoriageOk input{
		width:48px;
		height:30px;
	}
	
	#alphabet{
		width:360px;
		height:25px;
		margin:9px 0 0 -6px;
		padding:0;
		list-style:none;
	}
	
	#alphabet li{
		float:left;
		margin:0 2px 0 0;
	}
	
	#alphabet li a{
		font-size:160%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:none;
	}
	
	#alphabet li a:hover{
		color:#000;
		text-decoration:underline;
	}
	#alphabet li a.selectionne{
		color:#fa4800;
		text-decoration:underline;
	}
	
	#maSelection{
		float:left;
		width:290px;
		height:88px;
		margin:10px 0 0 0;
		padding:5px 0 0 0;
		background-image:url(/img/fond-ma-selection.gif);
		background-repeat:no-repeat;
	}
	
	#maSelection h3{
		margin:0 0 3px 8px;
	}
	
	#maSelection h3 img{
		width:154px;
		height:25px;
	}
	
	#listeMaSelection{
		float:left;
		width:240px;
		margin:0 0 0 10px;
		padding:0;
		list-style:none;
	}
	
	#listeMaSelection li{
		float:left;
		width:35px;
		margin:0 4px 0 0;
	}
	
	#listeMaSelection li a img{
		width:35px;
		height:35px;
	}
	
	#selectionVide{
		margin:0;
		padding:10px;
		width:240px;
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
	}
	
	#imprimerMaSelection{
		float:left;
		display:block;
		width:30px;
		margin:3px 0 0 0;
	}
	
	#imprimerMaSelection img{
		width:30px;
		height:30px;
	}

	.lienVoirTout{
		width:282px;
		margin:1px 8px 0 0;
		text-align:right;
	}
	
	.lienVoirTout a{
		font-size:140%;
		font-weight:bold;
		color:#fa4800;
		text-decoration:none;
	}
	
	.lienVoirTout a:hover{
		text-decoration:underline;
	}
	
	.lienVoirTout img{
		margin:0 5px 0 0;
		width:14px;
		height:14px;
	}
	
	#page{
		width:995px;
		margin:-1px 0 0 0;
		padding:0 0 10px 0;
		/*padding:0 0 1px 0;*/
		background-image:url(/img/fond-page.png);
		background-repeat:repeat-y;
	}
	
	#gauche{
		float:left;
		width:165px;
		padding:0 0 20px 8px;
	}
	
	#leMenu{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#leMenu li{
		margin:0;
		padding:0;
	}
	
	#leMenu li a{
		display:block;
		width:123px;
		text-decoration:none;
		font-size:160%;
		font-weight:bold;
		color:#fff;
		background-repeat:no-repeat;
	}
	
	#leMenu li a:hover{
		background-position:0 -50px;
	}
	
	.rubriqueActive{
		background-position:0 -50px;
	}
	
	.rubriqueInactive{
		background-position:0 0;
	}
	
	#leMenu ul{
		margin:0;
		padding:10px 0 15px 0;
		list-style:none;
		background-image:url(/img/pointilles.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	#leMenu ul li{
		margin:0 0 1px 0;
		padding:0;
	}
	
	#leMenu ul li a{
		display:block;
		width:135px;
		padding:0 10px 0 20px;
		text-decoration:none;
		font-size:120%;
		font-weight:normal;
		background-image:none;
	}
	
	#ajouterFavoris{
		display:block;
		width:122px;
		padding:8px 0 1px 43px;
		background-image:url(/img/btn-ajout-favori.gif);
		background-repeat:no-repeat;
		background-position:6px 10px;
		text-decoration:underline;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	#btnTfou, #btnPlurielles{
		float:left;
		display:block;
		width:120px;
		margin:20px 0 0 0;
		padding:0 0 0 21px;
		text-align:center;
		text-decoration:none;
		font-size:108%;
		font-weight:bold;
		color:#fff;
		line-height:97%;
	}
	
	#btnPlurielles:hover, #btnTfou:hover{
		color:#e64403;
	}
	
	/*
	.widgetConteneur{
		width:289px;
		height:235px;
		margin:10px 0 0 0; /*10px à virer
		padding:0;
		color: #ffffff;
		background-color:#e0e0e0;
	}
	.widgetContenu{
		margin:0 0 5px 0;
		padding:4px 0 4px 7px;
		background-color:#626262;
		font-size:140%;
		font-weight:bold;
		color:#ffffff;
	}
	*/
	
	.widgetLien{
		color: #ffffff;
		text-decoration: none;
	}
		
	/*
	.boxConteneur{
		width:289px;
		height:329px;
		margin:10px 0 12px 0;
		padding:0;
		color: #ffffff;
		background-color:#e0e0e0;
	}
	.boxContenu{
		margin:0 0 5px 0;
		padding:4px 0 4px 7px;
		background-color:#626262;
		font-size:140%;
		font-weight:bold;
		color:#ffffff;
	}
	*/
	
	#gAds_home{
		margin:10px 0 10px 0;
	}
	.gAds_rub{
		padding: 0 0 0 13px;
	}
	.gAds_ssrub{
		padding: 35px 0 0 13px;
	}
	.gAds_colo{
		padding: 30px 0 0 0;
	}
	#milieu{
		float:left;
		width:494px;
		padding:0 10px 30px 10px;
	}
	
	#droite{
		float:left;
		width:300px;
	}
	
	#publiciteDroite{
		margin:0 0 10px 0;
	}
	
	h3.titreDroite{
		width:283px;
		margin:0;
		padding:4px 0 4px 7px;
		background-color:#ff9101;
		font-size:140%;
		font-weight:bold;
		color:#fff;
	}
	
	.fondVignettesDroite{
		width:290px;
		padding:10px 0 7px 0;
		background-color:#ffbf27;
	}
	
	.listeVignettesDroite{
		width:280px;
		height:64px;
		margin:0 0 5px 10px;
		padding:0;
		list-style:none;
	}
	
	.listeVignettesDroite li{
		float:left;
		width:64px;
		height:64px;
		padding:0 5px 0 0;
	}
	
	.listeVignettesDroite li a img{
		width:64px;
		height:64px;
	}
	
	#pied{
		width:995px;
		height:125px;
		padding:5px 0 0 0;
		background-image:url(/img/fond-pied.png);
		background-repeat:no-repeat;
		text-align:center;
		color:#fff;
	}
	
	#pied ul{
		width:795px;
		margin:0;
		padding:0 50px 0 50px;
		list-style:none;
	}
	
	#pied ul li{
		display:inline;
	}
	
	#pied a{
		text-decoration:none;
		color:#fff;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	.pageH1 { margin:0px;padding:0px;font-size:100%;font-weight:bold;}
