@charset "UTF-8";
/*
Theme Name: La CPNE-fp
Theme URI: http://www.studioentravers.com
Description: Thème conçu pour le site de la CPNE-FP
Author: Thomas L’Excellent pour l’Atelier Chévara
Version: 1.0
Tags: cpne, fp, cpne-fp

*/

html,body{height:100%;}
body{margin:0;font-size:95%;font-family:"Lucida Grande",Lucida, Verdana, Geneva, sans-serif;background:#CEE9D2 url('IMG/fond-vert-raye2.png') fixed repeat-x;}
	img{border:none;}
	
	h1,h2,h3{font-weight:bold;font-size:1em;color:#009C52;margin:0;padding:0 0 0.3em;border-bottom:1px solid #ccc;}
	h2{color:#333;margin-bottom:0.3em;}
		p+h2,
		ul+h2{padding-top:1.8em;}
	h3{color:#333;padding-top:1.2em;margin-bottom:0.3em;}
	a{color:#009C52;text-decoration:underline;}
		a[name]{color:inherit;text-decoration:none;}
	a:hover{}
	p{margin:0.5em 0 0;line-height:1.8em;}
	ul{margin:0 0 0 2em;padding:0;}
		li{margin:0;padding:0.2em 0;}
	hr.clear{clear:both;font-size:1px;border:none;visibility:hidden;}
	input:focus{outline:none;}
	
	#wrap{background:url('IMG/filet-vertical4.gif') repeat-y 50% 0;min-height:100%;}
	#site{padding-top:139px;}
	#entete{background:#eee url("IMG/fond-menu.png") repeat-x top;width:100%;min-height:139px;position:fixed;top:0;left:0;font-size:0.85em;z-index:898}
		#logo{position:absolute;left:50%;margin-left:-496px;padding:59px 0 28px;border-left:1px solid #ccc;border-right:1px solid #ccc;width:191px;z-index:900;}
		#logo img{margin-left:-1px;margin-bottom:-17px;}
		#appellation{position:absolute;top:88px;left:50%;margin-left:-297px;font-size:0.9em;line-height:1.2em;color:#009C52;}
		div#menuWrap{position:absolute;top:122px;left:0;width:100%;background:#eee url('IMG/ombre-grise.gif') repeat-x 50% bottom;z-index:899;border-bottom:1px solid #ccc;}
		ul#menu{position:relative;left:50%;margin:0 0 0 -304px;padding:0;width:748px;border-left:1px solid #ccc;list-style:none;}
			ul#menu li{float:left;padding:0;margin:0;position:relative;background:#eee url('IMG/ombre-grise.gif') repeat-x center bottom;}
			/*ul#menu li:first-child{margin-left:234px;padding-left:7px;border-left:1px solid #ccc;}*/
			ul#menu a{display:block;color:#333;text-decoration:none;padding:6px 7px 5px;margin-bottom:-1px;font-weight:bold;border-bottom:1px solid #ccc;background:transparent url('IMG/sep2.gif') no-repeat right bottom;}
				ul#menu li.hover a{border-bottom-color:#009C52;}
				ul#menu li.actif a{color:#009C52;}
			ul#menu a:hover{color:#009C52;}
			ul#menu div.sous{display:none;position:absolute;left:0;background:#eee;margin:1px 0 0;}
			ul#menu ul.sous{list-style:none;margin:0;padding:6px 7px 0;font-size:0.9em;}
				ul#menu li.hover div.sous{display:block;}
				ul#menu ul.sous li{float:none;padding:0;}
				ul#menu ul.sous li a{font-weight:normal;border-bottom:none;padding:6px 0;margin-top:-6px;background:#eee;}
					ul#menu li.actif ul.sous li a{color:#333;}
					ul#menu li.actif ul.sous li.actif a,ul#menu ul.sous li a:hover,ul#menu li.actif ul.sous li a:hover{color:#009C52;}
				
	#page{width:747px;position:relative;left:50%;border-left:1px solid #ccc;margin:0 0 0 -304px;padding:5em 0 4em 7px;font-size:0.8em;}
	#colGauche{width:500px;float:left;padding:0 0 4em;position:relative;}
		#colGauche p,
			#colGauche ul{max-width:35em;color:#666;line-height:1.8em;}
		#colGauche img{margin:0.3em 0 0.6em;}
		#colGauche h1{font-family:"Tarzana";font-weight:normal;font-size:2em;text-transform:uppercase;letter-spacing:0.1em;line-height:1.1em;}
			#colGauche #homeActu h1{color:#039;}
		#colGauche h2{margin-top:1em;}
			#colGauche h2 a{color:#333;}
		#colGauche ul.chapitres{width:177px;margin:0;padding:0;list-style:none;position:absolute;left:-192px;top:0;line-height:normal;}
			#colGauche ul.chapitres li{padding:0;}
			#colGauche ul.chapitres li.titre{font-family:"Tarzana";color:#039;font-weight:normal;font-size:2em;line-height:1.1em;letter-spacing:0.1em;text-transform:uppercase;margin:0;padding:0 0 0.3em;border-bottom:1px solid #ccc;}
				#colGauche ul.chapitres li.titre a{color:#039;margin:0;padding:0;border-bottom:none;}
				#colGauche ul.chapitres li.titre a:hover{color:#039;}
			#colGauche ul.chapitres li a,
				#colGauche ul.chapitres li.inactif{display:block;font-size:0.95em;border-bottom:1px solid #ccc;padding:0.3em 0;text-decoration:none;color:#666;}
				#colGauche ul.chapitres li#accesPrive{/*border-bottom:none;padding-bottom:0;*/}
				#colGauche ul.chapitres li.connexion a{color:#039;/*border-bottom:1px solid #ccc;padding:0 0 0.3em;*/}
				#colGauche ul.chapitres li.actif a{font-weight:bold;}
				#colGauche ul.chapitres li:hover a{color:#039;border-bottom-color:#039;}
		#colGauche ul.sousPages{list-style:none;margin:0;padding:0;max-width:inherit;}
			#colGauche ul.sousPages li a{display:block;border-bottom:1px solid #ccc;padding:0.2em 0 0.5em;color:#333;text-decoration:none;}
			#colGauche ul.sousPages li a:hover{border-bottom-color:#009C52;color:#009C52;}
		
		/* Actualités */
		#colGauche div.actu{margin-bottom:1.8em;}
		#colGauche div.actu h3{color:#333;font-size:1em;padding:0 0 0.3em;margin:1em 0 0.3em;}
			div.actu h3 a{color:#333;text-decoration:none;}
		#colGauche div.actu div.entete{color:#666;font-size:0.9em;padding-bottom:0.3em;margin-bottom:0.3em;border-bottom:1px dotted #ccc;}
		#colGauche div.actu span.region{color:#333;font-weight:bold;}
		#colGauche div.actu div.corps{max-width:35em;color:#666;font-size:0.9em;}
			#colGauche div.actu div.corps p{margin:0;line-height:1.4em;}
			#colGauche div.actu div.corps a{color:#333;}
		div.pagination{border-top:1px solid #ccc;padding:0.5em 0;margin:1.5em 0 0;font-size:0.9em;}
			div.pagination a{text-decoration:none;color:#666;}
				div.pagination a:hover{color:#009C52;}
			div.pagination span.precedent{}
			div.pagination span.suivant{display:block;float:right;}
	#colDroite{margin-left:14px;width:200px;float:left;padding:0 0 4em;}
		#colDroite select{width:200px;}
		#carte{}
			#carte h2{font-family:"Tarzana";text-transform:uppercase;letter-spacing:0.1em;font-weight:normal;font-size:2em;line-height:1.1em;color:#C06;}
			#carte select{margin-bottom:1em;}
			#carteSVG{width:200px;}
		#prive{margin:2em -14px -14px;padding:14px;}
			#prive a{color:#C06;}
			#prive fieldset{border:none;margin:0;padding:0;}
			#prive legend{font-weight:bold;color:#C06;margin:0;padding:0 0 0.3em;border-bottom:1px solid #ccc;display:block;width:200px;}
			#prive label{color:#009C52;font-size:0.9em;display:block;padding-top:0.5em;}
			#prive input{border:none;background-color:#009C52;color:#fff;width:200px;display:block;padding:0.2em 0;}
			#prive div.pass{position:relative;}
				#prive span.afficher{position:absolute;top:0;right:1px;color:#fff;cursor:pointer;font-size:0.9em;padding:0.2em 0;}
					#prive span.afficher:hover{text-decoration:underline;}
			#prive input#acceder{border:none;margin-top:0.5em;text-align:left;padding:4px 8px;color:#fff;background:#009C52 url('IMG/sendBlanc.gif') no-repeat center right;cursor:pointer;}
				#prive input#acceder:hover{/*background-image:url('IMG/sendOn.png');color:#333;*/}

	div#piedWrap{clear:both;border-top:1px solid #ccc;padding:0;margin:2em 0 1em;font-size:0.8em;width:100%;position:relative;}
		ul#pied{list-style:none;font-size:0.9em;margin:0 0 0 -304px;padding:5px 7px;width:747px;position:relative;left:50%;}
			ul#pied li{display:inline;padding:0.2em 0;margin:0 1em 0 0;}
			ul#pied li a{text-decoration:none;color:#999;}
			ul#pied li a:hover{color:#009C52;}
	
	ul#partenaires{list-style:none;margin:0 0 0 -304px;padding:14px 7px;width:747px;position:relative;left:50%;}
		ul#partenaires li{margin:0 6px 0 0;padding:0;display:inline;opacity:0.5;}
		ul#partenaires li:hover{opacity:1;}
			
div#homeActu{position:absolute;top:0;left:-192px;width:177px;}