@import url(content_int_commun.css);

#bloc_nav {
	background:url("../../images/cg17/page-int-degrader-gauxhe-menu.gif") repeat-y scroll left top transparent;
	height:285px;
	margin-left:-7px;
	margin-top:7px;
	padding-left:7px;
	width:728px;
}

	#bloc_nav #partie-gauche{
		position: relative;
		width: 467px;
		height: 234px;
		float: left;
		/*background: url(../../images/cg17/page-int-visuel-menu.jpg) top left no-repeat;*/
	}
	
	#bloc_nav #entete-menu{
		width:467px;
		height: 49px;
		background: url(../../images/cg17/page-int-entete-menu.png) top left no-repeat;
		position: absolute;
		top:0px;
		left:0px;
		z-index: 15;
	}
		#bloc_nav #entete-menu .titre-menu-decouvrir{
			display: block;
			margin-top: 10px;
			margin-left: 10px;
		}
		#bloc_nav #entete-menu .titre-menu-decouvrir a,
		#bloc_nav #entete-menu .titre-menu-decouvrir a:hover,
		#bloc_nav #entete-menu .titre-menu-decouvrir a:visited{
			font-size: 1.333em;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
		}
		
		#bloc_nav #entete-menu a,
		#bloc_nav #entete-menu a:visited{
			font-size: 1.333em;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
		}
		
		#bloc_nav #entete-menu #entete-menu-nav a:hover,
		#bloc_nav #entete-menu #entete-menu-nav-hover a{
			color:#024758;
		}
			
		#bloc_nav #entete-menu #entete-menu-nav span{
			display: block;
			margin: 0 0 0 10px;
			padding: 9px 0 0 13px;
			background: url(../../images/cg17/puce-blanche-fond-bleu.gif) bottom left no-repeat;
		}
		
		#bloc_nav #entete-menu #entete-menu-nav-static span{
		  display: block;
	    margin: 0 0 0 10px;
	    padding: 9px 0 0 13px;
	    color:#FFFFFF;
      font-size:1.333em;
      font-weight:bold;
		}
		
		#bloc_nav #entete-menu #entete-menu-nav span:hover{
			background: url(../../images/cg17/puce-bleu-fond-bleu.gif) bottom left no-repeat;
		}
		
		#bloc_nav #entete-menu #entete-menu-nav-hover span{
			display: block;
			margin: 0px;
			padding: 9px 0 0 23px;
			background: url(../../images/cg17/puce-bleu-fond-bleu-deplie.gif) top left no-repeat;
		}
		
		#bloc_nav #entete-menu #entete-menu-nav-hover{
			display:none;
		}
	#bloc_nav #menu-deroulant{
		width: 168px;
		position: absolute;
		top:0px;
		left:0px;
		z-index: 10;
		display:none;
	}
		#bloc_nav #menu-deroulant #contenu-menu{
			width: 168px;
			background: url(../../images/cg17/page-int-degradde-droit-menu.png) top left repeat-y;
		}	
			#bloc_nav #menu-deroulant #contenu-menu ul{
				width: 163px;
				list-style: none;
				padding-top: 50px;
			}
			#bloc_nav #menu-deroulant #contenu-menu li{
				width: 153px;
				list-style: none;
				border-top: 1px solid #b4d4db;
				padding: 3px 0 3px 10px;;
			}
			#bloc_nav #menu-deroulant #contenu-menu li:hover,
			#bloc_nav #menu-deroulant #contenu-menu li.current{
				background-color: #deecf0;
			}
			
			#bloc_nav #menu-deroulant #contenu-menu li a{
				color: #006b85;
				font-size: 1em;
				text-decoration: none;
			}
			#bloc_nav #menu-deroulant #contenu-menu li.current a{
				color: #006b85;
				font-size: 1.083em;
				font-weight: bold;
				text-decoration: none;
			}
			
			
		#bloc_nav #menu-deroulant #bordure-bas{
			width: 168px;
			height: 6px;
			background: url(../../images/cg17/page-int-degrader-bas-menu.png) top left no-repeat;
		}
	
	#bloc_nav #partie-droite {
		width: 245px;
		height: 234px;
		margin-left: 16px;
		float: left;
		background: url(../../images/cg17/page-int-menu-droite.gif) top left no-repeat;
	}
	#bloc_nav #partie-droite .titre{
		display: block;
		margin:40px 0 10px 0;
		color: #006b85;
		font-size: 1.166em;
		font-weight:bold;
	}
	#bloc_nav #partie-droite .forOverflow {
    height:150px;
    overflow-y:auto;
    width:245px;
  }		
	#bloc_nav #partie-droite ul{
	  list-style:none;
		margin-top:5px;
		padding:0;
	}
	#bloc_nav #partie-droite li.first{
    background: url(../../images/cg17/fleche-grise-menu.gif) left center no-repeat;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    width:210px;
	}
	#bloc_nav #partie-droite li{
	  background: url(../../images/cg17/fleche-grise-menu.gif) left center no-repeat;
	  padding-top:2px;
	  padding-bottom:2px;
	  padding-left:15px;
	  width:210px;
	}
	
	#bloc_nav #partie-droite ul li.current,
	#bloc_nav #partie-droite ul li:hover{
	  background: url(../../images/cg17/fleche-grise-menu2.gif) left center no-repeat;
	}
	#bloc_nav #partie-droite ul li.current {
	  padding-left:0;
	}
	#bloc_nav #partie-droite ul li a.first,
	#bloc_nav #partie-droite ul li a.first:visited{
	  /*height:15px;*/
	  padding-top:3px;
	  border-top: 1px solid #b4d4db;
	}
	#bloc_nav #partie-droite ul li a,	
	#bloc_nav #partie-droite ul li a:visited{
		color: #717373;
		font-size: 0.933em;
		text-decoration: none;
		width:210px;
    border-bottom: 1px solid #b4d4db;
    display:block;
	}
	#bloc_nav #partie-droite ul li.current a,	
	#bloc_nav #partie-droite ul li.current a:visited{
		color: #414343;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		margin-left:15px;
	}
	#bloc_nav #partie-droite ul li a:hover,
	#bloc_nav #partie-droite ul li.current a:hover{
		color: #414343;
		text-decoration: none;
	}
	
	
		
		#contain h1{
			clear:both;
			color:#006b85;
			font-size:2em;
			padding: 0px 10px 0px 27px;
			/*margin:-25px 0 10px 0;*/
		}
		#contain .displayHeaderToolbar {
		  margin : -25px 0 10px 0;
		}
		
		#contain #content p{
			padding: 0px 28px;
		}
		
        #contain #content p.title{
            color:#006B85;
            font-size:2em;
            padding:0 10px 0 27px;
        }
        #contain #content ul#formulaire li{
            list-style-type:none;
            padding-left:15px;
        }

        #contain #content p.accroche, #contain #content div.accroche{
			color:#4f99ab;
			font-weight:bold;
			padding-bottom:20px;
		}
		
		#contain #content p.intro{
			font-weight:bold;
		}
		
		#contain #content p.sous-titre{
			color:#006b86;
			font-weight:bold;
			padding-top:15px;
			padding-bottom:3px;
		}
		
		#contain #content div.float-left {
			float:left;
			width:354px;
		}
	
		#contain #content ul{
            /*padding-left:28px;*/
            margin-left:28px;
		}
		/* surcharge pour autocompletion ville assistante maternelle */
        #contain #content #ville_choices ul{
            padding-left:0;
        }
        
        #contain #content li{
			/*color:#006b85;*/
			list-style-position:inside;
			margin-top:5px;
		}
        #contain #content .cg17 li{ /* surcharge pour éviter un problème avec les styles wysiwyg */
            list-style-position:outside;
        }

#contain #content #centreContenu #ressources{
	width: 648px; 
	padding: 10px 14px 10px 14px;
	margin-top: 25px;
	background-color: #f4f4f4; 
	font-size: 0.916em;
	color:#5a5959;
}
	#contain #content #centreContenu #ressources span.titre-ressource{
		color:#006b85;
		font-size: 1.25em;
		font-weight: bold;
	}
	#contain #content #centreContenu #ressources hr{
		color: #a1c6cf;
		background-color: #a1c6cf;
		height: 1px;
		border: 0;
	}
	#contain #content #centreContenu #ressources p{
    position:relative;
  }
	#contain #content #centreContenu #ressources a,	
	#contain #content #centreContenu #ressources a:visited{
		font-size: 0.916em;
		color:#5a5959;
		text-decoration: none;
		margin: 0 10px 0 10px;
	}
	#contain #content #centreContenu #ressources a:hover{
		text-decoration: underline;
	}
	
	#contain #content #centreContenu #ressources .bordure {
	  position:relative;
	  background-color:#A1C6CF;
	  border:0 none;
	  color:#A1C6CF;
	  height:1px;
	  display:block;
	  margin-top:2px;
	  margin-bottom:2px;
  }
  
  
  	#bloc_nav #partie-droite-leaf {
		width: 245px;
		height: 234px;
		margin-left: 16px;
		float: left;
		background: url(../../images/cg17/page-int-menu-droite-haut.gif) top left no-repeat;
	}
	#bloc_nav #partie-droite-leaf .titre{
		display: block;
		margin:40px 0 10px 0;
		color: #006b85;
		font-size: 1.166em;
		font-weight:bold;
	}
	#bloc_nav #partie-droite-leaf .forOverflow {
    height:150px;
    overflow-y:auto;
    width:245px;
  }		
	#bloc_nav #partie-droite-leaf ul{
	  list-style:none;
		margin-top:5px;
		padding:0;
	}
	#bloc_nav #partie-droite-leaf li.first{
    background: url(../../images/cg17/fleche-grise-menu.gif) left center no-repeat;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    width:210px;
	}
	#bloc_nav #partie-droite-leaf li{
	  background: url(../../images/cg17/fleche-grise-menu.gif) left center no-repeat;
	  padding-top:2px;
	  padding-bottom:2px;
	  padding-left:15px;
	  width:210px;
	}
	
	#bloc_nav #partie-droite-leaf ul li.current,
	#bloc_nav #partie-droite-leaf ul li:hover{
	  background: url(../../images/cg17/fleche-grise-menu2.gif) left center no-repeat;
	}
	#bloc_nav #partie-droite-leaf ul li.current {
	  padding-left:0;
	}
	#bloc_nav #partie-droite-leaf ul li a.first,
	#bloc_nav #partie-droite-leaf ul li a.first:visited{
	  /*height:15px;*/
	  padding-top:3px;
	  border-top: 1px solid #b4d4db;
	}
	#bloc_nav #partie-droite-leaf ul li a,	
	#bloc_nav #partie-droite-leaf ul li a:visited{
		color: #717373;
		font-size: 0.933em;
		text-decoration: none;
		width:210px;
    border-bottom: 1px solid #b4d4db;
    display:block;
	}
	#bloc_nav #partie-droite-leaf ul li.current a,	
	#bloc_nav #partie-droite-leaf ul li.current a:visited{
		color: #414343;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		margin-left:15px;
	}
	#bloc_nav #partie-droite-leaf ul li a:hover,
	#bloc_nav #partie-droite-leaf ul li.current a:hover{
		color: #414343;
		text-decoration: none;
	}