/* CSS Document */

/***************************************************************  Base */	

h1{
	color:#d9511b;
	font-size:20px;
	font-weight:bold;
	line-height:24px; 
}

h2{
	color:#d9511b;
	font-size:15px;
	margin-bottom:15px;
	
}
h3{
	color:#666666;
	font-size:13px;
	margin-bottom:15px;
	
}
h4{
	color:#656565;
	font-size:11px;
	margin-bottom:15px;
	
}
a{
	color:#656565;
	font-size:12px;
}
	a:hover{
		color:#e6b056;
		font-size:12px;
	}
p{
	color:#656565;
	font-size:12px;
	margin:12px 0 12px 0;
	line-height:18px;
}
	p.legende{
		font-size:11px;
	}
		p.legende a{
			color:#656565;
			font-size:11px;
		}
			p.legende a:hover{
				color:#e6b056;
				font-size:11px;
			}
			
sup,sub {	
	height: 0;	
	line-height: 1;	
	vertical-align: baseline;	
	_vertical-align: bottom;	
	position: relative;	
}
	sup {	
		bottom: 1ex;
	}
	sub {	
		top: .5ex;
	}

ul{
	color:#656565;
	padding:0;
	margin:0;
	font-size:12px;
}
	ul li{
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_line.gif') 5px 2px no-repeat; 
		list-style:none;
		padding:0 0 0 20px;
	}

ol{
	font-size:12px;
}
/***************************************************************  fin Base */	

	
/*************************************************************** Début listeCommunication */

	ul.listePdf li {
		margin: 5px 0px 0px 0px;
		padding: 1px 0px 1px 17px;			
		background: url(/pls/portal/docs/page/librairie_fr/images/pdf_icon_li.gif) no-repeat 0px 4px;	
		list-style: none;	
		list-style-image: none;					
	} 
		ul.listePdf li ul li {		
			background: none;	
		}

	ul.listeCommunication {
		margin:0px; 
		padding:0px;
		line-height: 15px;
		font-size: 10px;
	}
	
		ul.listeCommunication li {
			font-size: 10px;	
			/* Permettre à la liste de se mettre à côté des images. */ 
			height: 1%; /* Pour IE 5 et 6 */
			zoom: 1; /* Pour IE 6 et plus */			
		}
		
		ul.listeCommunication li a {
			text-decoration: underline;
			font-size: 10px;
		}
		
		ul.listeCommunication li a:link {
			color: #333;
			font-size: 10px;
		}
		ul.listeCommunication li a:visited {	
			color: #333;
			font-size: 10px;				
		}
		ul.listeCommunication li a:hover {	
			color: #666;
			font-size: 10px;			
		}
		ul.listeCommunication li a:active {	
			color: #333;
			font-size: 10px;			
		}		
		
		@media screen {
			ul.listeCommunication li {
				margin: 0px;
				padding: 7px 0px 1px 21px;	
				list-style: none;	
				list-style-image: none;			
			}
		}
		
		@media print {
			ul.listeCommunication li {
				list-style-type: disc;
			}
		}

		
		@media screen {
			ul.listeCommunication li.courriel {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_courriel_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.courriel {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_courriel_15.gif);	
			}
		}

		@media screen {
			ul.listeCommunication li.internet {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_internet_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.internet {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_internet_15.gif);	
			}
		}

			@media screen {
			ul.listeCommunication li.telecopieur {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_telecopieur_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.telecopieur {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_telecopieur_15.gif);
			}
		}
			@media screen {
			ul.listeCommunication li.telephone {
				background: url(/pls/portal/docs/page/librairie_fr/images/ic_telephone_15.gif) no-repeat 0px 8px;
				}
		}
		
		@media print {
			ul.listeCommunication li.telephone {
				_list-style-image: url(/pls/portal/docs/page/librairie_fr/images/ic_telephone_15.gif);	
			}
		}
/*************************************************************** Fin listeCommunication */









/***************************************************************  Contenu */	


html,body{
  	margin:0;
  	padding:0;
  	height:100%;
  	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 	  
	color:#656565;
	font-size:11px;
	background:none;
	line-height:18px;
}
/* dic section contenu principal */
div#atelierMenu{
	margin:0;
	padding:0;
	font-size:14px;
}
	div#atelierMenu img{
		padding:0;
		margin:0 0 0 15px;
		border:0;
		float:left;
	}
	div#atelierMenu table{
		margin:0 0 0 75px;
		padding:0;
	}
		div#atelierMenu table tr {
			margin:0;
			padding:0;	
		}
			div#atelierMenu table tr td{
				margin:0;
				padding:0;	
			}
	div#atelierMenu a{
		display:block;
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_secContenu_atelier_bouton_n.jpg') 0 -2px no-repeat; 
		text-decoration:none;
		font-size:11px;
		color:#FFFFFF;
		width:80px;
		padding:33px 0 4px 9px;
		line-height:11px;
		font-size:14px;
		
	}
		div#atelierMenu a:hover{
			background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_secContenu_atelier_bouton_s.jpg') 0 -2px no-repeat; 
		}
		div#atelierMenu a.no_selection{
			font-weight:normal;
		}
		div#atelierMenu a.choose_item{
			background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_secContenu_atelier_bouton_s.jpg') no-repeat;
			 color:#CC3300;
		}
div#secContenu{
	/*padding:0 0 0 15px;*/
}

/* div section accueil */
div#secAccueil{
	position:relative;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:410px;

}
/* div section accueil des images de droits*/
div#m_Promo_Site_Spot{
	position:relative;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	float:right;

}
/* table principal */
table#rj_principal{
	margin:0;
	padding:0;	
}
div.returnBtn{
	margin:15px;
	

}
	div.returnBtn a{
		text-decoration:none;
		color:#000000;
		font-size:12px;
		padding:4px;
		border:1px dotted #f4591e;
	}
		div.returnBtn a:hover{
			color:#ffffff;
			font-size:12px;
			background-color:#f4591e;
		}
/* doc d'affichage des encadrés*/ 		
div.t_Encadre{
	clear:both;
	display:table;
	margin:10px 0 10px 0;
	background-color:#f4e3d1;
	width:520px;
	padding:10px 10px 10px 10px;
	font-size:11px;
}
	div.t_Encadre ul{
		color:#656565;
		padding:0;
		margin:0;
		background:none;
	
	}
		div.t_Encadre ul li{
			background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_line.gif') 5px 2px no-repeat; 
			list-style:none;
			margin-left:0px;
			padding:0 0 0 20px;
		}

		div.t_Encadre p{
			color:#656565;
			font-size:11px;	
		}
		div.t_Encadre div{
			clear:both;
		}
		div.t_Encadre strong{
			color:#444444;
			font-size:11px;
		}
		div.t_Encadre p strong{
				color:#656565;	
		}
		div.t_Encadre ul strong{
				color:#656565;	
		}

/* FIL D'ARIANE */
#fil_ariane{
	font-size: 10px;
	color: #666;
	margin: 10px 0 0 15px;
	width: 95%;
}
	#fil_ariane a:link{
		font-size: 10px;
		color: #666;
		text-decoration:underline;
	}
		#fil_ariane a:visited{
			font-size: 10px;
			color: #666;
			text-decoration:underline;
		}
		#fil_ariane a:hover{
			font-size: 10px;
			color: #000;
		}
		#fil_ariane a:active{
			font-size: 10px;
			color: #666;
		}
/***** FIN FIL D'ARIANE *****/

/* div d'affichage des images de démos de section */
div.d_ImgDemo{
}
	div.d_ImgDemo img{
		border:0;
		padding:3px;
		border-style:dotted;
		border:1px dotted #f4591e;
		margin:10px 10px 5px 10px;
	}
		div.d_ImgDemo img.left{
			float:left;
		}
		div.d_ImgDemo img.right{
			float:right;
		}
		/* Pour les liens sur les images pop-up */
		div.d_ImgDemo a.imageClic:link img{
			padding:3px;
			border:1px dotted #f4591e;
			margin:10px 10px 5px 10px;
		}
		div.d_ImgDemo a.imageClic:visited img {
			padding:3px;
			border:1px dotted #f4591e;
			margin:10px 10px 5px 10px;
		}
		div.d_ImgDemo a.imageClic:hover img {
			padding:3px;
			border:1px solid #f4591e;
			margin:10px 10px 5px 10px;
		}
		div.d_ImgDemo a.imageClic:active img {
			padding:3px;
			border:1px dotted #f4591e;
			margin:10px 10px 5px 10px;
		}
		/****** Pour les liens sur les images pop-up *****/	

/* div d'affichage d'une image dans un contenu */
img.c_imgContenu{
	float:right;
	display:block;
	margin:10px 0 10px 10px;
	padding:0 0 0 10px;
	border-left:1px #d9511b dashed;
}
div.c_imgRepSection{
	margin: 10px 0 10px 150px;
	position:relative;

}
	div.c_imgRepSection img{
		display:block;
	}

div.d_ImgPromoContent{
	clear:both;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	margin-top:20px;
}
	div.d_ImgPromoContent a{
		text-decoration:none;
	}
	div.d_ImgPromoContent img{
		display:block;
	}
	
div#d_secBott_navigPage{
	position:relative;
	padding:15px;
	margin:15px;
}
	div#d_secBott_navigPage div#left{
		float: left; 	
	}
	div#d_secBott_navigPage div#right{
		float: right; 	
	}

table#navig_menu_scolaire{
	wdith:540px;
	padding:0;
	margin:0;
	font-size:11px
}
		
			table#navig_menu_scolaire tr td{
			text-align:center;
			font-size:11px;		
			}
				table#navig_menu_scolaire tr td a{
					text-decoration:none;	
					font-size:11px;
				}
					table#navig_menu_scolaire tr td a img{
						border:none;
					}
/***************************************************************  fin Contenu */	







/***************************************************************  Menu gauche */



/*  Menu gauche 1 navig */

div#l_retour_gauche{
	padding:0;
	margin:0;
	background: url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_menu_retour.jpg') no-repeat;
	height:60px;
}	
	div#l_retour_gauche p {
		padding-left:55px;
		padding-top:5PX;
		font-size:12px;
	}	

		div#l_retour_gauche p a{
			color:#ffffff;
			text-decoration:none;
		}
div#d_img_bottom{
	padding:0;
	margin:0;
	background: url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_menu_principal_bottom.jpg') no-repeat;
	height:225px;
}
	
div.m_gauche_principal {	
	width:210px;	
}

	/* Niveau 1 */ 
	div.m_gauche_principal ul{
		margin:0 0 0 40px;
		padding:0;
	}
	div.m_gauche_principal ul li{
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_etoile_n.jpg') 0 2px no-repeat;
		padding:0 0 10px 20px;
	}
		div.m_gauche_principal ul li a {
			color:#d9511b;
			text-decoration:none;	
		}		
			div.m_gauche_principal ul li a.parentOuvert{
				color:#8a281d;
			}
				div.m_gauche_principal ul li a:hover {
					/*color:#ba4517;*/
					color:#8a281d;
				}	
				div.m_gauche_principal ul li a.menuItemChoisi {
					font-weight:bold;
					color:#e6b056;	
				}
				
				div.m_gauche_principal ul li ul{
					margin:0;
					padding:0;
				}	
					div.m_gauche_principal ul li ul li{				
						background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_line.jpg') 0px 2px no-repeat;
						padding:0 0 10px 15px;
					}		
					div.m_gauche_principal ul li ul li a {
						color:#000000;
						text-decoration:none;
					}
					div.m_gauche_principal ul li ul li a:hover {
						color:#e6b056;
					}
					div.m_gauche_principal ul li ul li ul li{
						padding:0;
						margin-left:15px;
						color:#000000;	
						background:none;
					}		
						div.m_gauche_principal ul li ul li ul li a{
							text-decoration:none;	
						}					
/*  Menu gauche 2 navig */

div#cycleZone1{
	width:210px;
	height:50px;
	background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_titreCycle_1.png') no-repeat;
}
div#cycleZone2{
	width:210px;
	height:50px;
	background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_titreCycle_2.png') no-repeat;
}
div#cycleZone3{
	width:210px;
	height:50px;
	background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_titreCycle_3.png') no-repeat;
}
div#divConte{
	width:210px;
	height:50px;
	background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_titreCycle_Conte.png') no-repeat;
}

div#divAmuse{
	width:210px;
	height:50px;
	background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_l_titreCycle_Amuse.png') no-repeat;
}

/**********************TEST A SUPPRIMER AVEC LE OKEY**************************************/
div.j_m_cycle_navig {	
		width:210px;
		margin:10px 0 0 15px;
}
	div.j_m_cycle_navig img {	
			margin:10px;
	}
	/* Niveau 1 */ 
	div.j_m_cycle_navig  ul{
		padding:0;
		margin:0;
		list-style:none;
	}

	div.j_m_cycle_navig ul li{
		padding:0 0 10px 15px;
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_fleche.gif') 0px 2px  no-repeat;
		font-weight:none;
	}
		div.j_m_cycle_navig ul li a {
				text-decoration:none;
				color:#000000;				
		}		
			div.j_m_cycle_navig ul li a.parentOuvert{
				color:#e6b056;				
			}
			div.j_m_cycle_navig ul li a:hover {
					color:#e6b056;				
			}	
				div.j_m_cycle_navig ul li a.menuItemChoisi {
					color:#e6b056;	
					font-weight:bold;		
					display:block;		
				}		

		div.j_m_cycle_navig ul li ul{
				padding:0;
				margin-left:-10px;
				text-align:left;		
		}
			div.j_m_cycle_navig ul li ul li{
					font-weight:normal;
					margin:0 0 0 15px;
					background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_line.gif') 0px 2px no-repeat;
			}
				div.j_m_cycle_navig ul li ul li a{
					font-size:11px;
				}
					div.j_m_cycle_navig ul li ul li a.menuItemChoisi{
						color:#e6b056;	
						font-weight:bold;
					}

/**********************TEST A SUPPRIMER AVEC LE OKEY**************************************/
div#menuSecondNavig {	
		width:210px;
		margin:10px 0 0 15px;
}
	div#menuSecondNavig img {	
			margin:10px;
	}
	/* Niveau 1 */ 
	div#menuSecondNavig ul{
		padding:0;
		margin:0;
		list-style:none;
	}

	div#menuSecondNavig ul li{
		padding:0 0 10px 15px;
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_fleche.gif') 0px 2px  no-repeat;
		font-weight:bold;
	}
		div#menuSecondNavig ul li a {
				text-decoration:none;
				color:#000000;				
		}
			div#menuSecondNavig ul li a:hover {
					color:#e6b056;				
			}	
				div#menuSecondNavig ul li a:visited {
					color:#e6b056;	
					font-weight:bold;			
				}		
		div#menuSecondNavig ul li ul{
				padding:0;
				margin-left:-10px;
				text-align:left;		
		}
			div#menuSecondNavig ul li ul li{
					font-weight:normal;
					margin:0 0 0 15px;
					background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_line.gif') 0px 2px no-repeat;
			}
				div#menuSecondNavig ul li ul li a{
					font-size:11px;
				}
					div#menuSecondNavig ul li ul li a:visited{
						color:#e6b056;	
						font-weight:bold;
					}
/*  Menu millieu 3 navig */

div.l_Menu_Centre{
	margin:60px 0 0 15px;
	
}	
	div.l_Menu_Centre h1{
		margin:0;
		padding:0;
		border:0;
		font-size:18px;
	}

	div.l_Menu_Centre ul{
		background-color:#f7f4f1;
		margin:0;
		padding:10px;
		list-style:none;
		text-decoration:none;
	}	
		div.l_Menu_Centre ul li {		
			list-style:none;
			margin:0 0 0 30px;
			padding:0 0 0 15px;
			height:15px;
			background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_fleche.gif') 0 2px  no-repeat;
		}
			div.l_Menu_Centre ul li a{
					color:#000000;
					text-decoration:none;
			}
			div.l_Menu_Centre ul li a:hover{
					color:#e6b056;			
					text-decoration:underline;
			}
			div.l_Menu_Centre ul li a.etap_choisi{
					color:#e6b056;
					font-weight:bold;			
			}
			div.l_Menu_Centre ul li a.no_select{
			}

/*  Menu millieu Conte navig */

div.j_m_liste_navig {	
		width:210px;
		margin:10px 0 0 15px;
}
	div.j_m_liste_navig ul{
		padding:0;
		margin:0;
		list-style:none;
	}

	div.j_m_liste_navig ul li{
		padding:0 0 10px 15px;
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_fleche.gif') 0px 2px  no-repeat;
	}
		div.j_m_liste_navig ul li a {
				text-decoration:none;
				color:#000000;				
		}
			div.j_m_liste_navig ul li a:hover {
					color:#e6b056;				
			}		
			div.j_m_liste_navig ul li a.menuItemChoisi {
					color:#e6b056;				
			}
/***************************************************************  fin Menu gauche */			

/*
div#menuConteNavig {	
		width:210px;
		margin:10px 0 0 15px;
}
	div#menuConteNavig img{	
			margin:10px;
	}
	div#menuConteNavig ul{
		padding:0;
		margin:0;
		list-style:none;
	}

	div#menuConteNavig ul li{
		padding:0 0 10px 15px;
		background:url('/pls/portal/docs/page/roulotte_fr/media/images/j_listStyle_fleche.jpg') 0px 2px  no-repeat;
	}
		div#menuConteNavig ul li a {
				text-decoration:none;
				color:#000000;				
		}
			div#menuConteNavig ul li a:hover {
					color:#e6b056;				
			}		
*/
/***************************************************************  fin Menu gauche */			
			
			
			
			
			
			
			
			
/***************************************************************  Bandeau */	

div#d_bandeau{
	margin:0 0 0 0;
	padding:0;
	width:1000px;
	height:310px;
	background-color:#a53011;
}
	div#d_bandeau img{
		border:0;

	}
/***************************************************************  fin Bandeau */