/* ============================================================================================== */
/* ========================================= MAGAZINE  ========================================== */
/* ============================================================================================== */


/* == GAUCHE == */
	#g-mag-presentation{ padding:0; margin:30px 0px 0px 0px; }

			
	/* pour article : numéro en cours */
	#num-cours{ padding:0px 0px 10px 20px; margin:0px 0px 10px 43px; border-bottom:1px #CCCCCC dashed; text-align:right; }
	#num-cours img{}
	#num-cours p{ padding:0px 0px 0px 0px; margin:0px 20px 0px 0px; font-size:1em; color:#7D7D7F; font-size:1.2em; text-align:right;}
	#num-cours p.num{ color:#7D7D7F; font-size:1.5em; text-align:center; }
	#num-cours a.download{ padding:0px; margin:0px; display:block; width:150px; height:37px; background:#5A879C; font-size:1em; color:#F7F7F7; text-align:center; }
	#num-cours a.download:hover{}
	#num-cours{}

	
/*=========================================================*/	
/*=============  PAGE PRESENTATION et SOMMAIRE  ============*/
/*=========================================================*/	
/* == PRINCIPAL == */

#p-mag-presentation{ margin:20px 0px 0px 0px; padding:20px 0px 20px 0px; float:left; width:295px; }
	#p-mag-presentation img{ margin:0; padding:0;}
	
	#ourse{padding:10px 5px 0px 50px; margin:0px 0px 0px 0px; font-size:0.8em; color:#74858C; }
		
#accroche{ float:left; width:365px; margin:20px 0px 30px 0px; padding:0px 50px 0px 0px; height:410px; }
html>body #accroche{ min-height:410px; height:auto; }
		#accroche h1{width:305px; height:43px; margin:25px 5px 20px 0px; padding:5px 10px 5px 30px; text-align:left; color:white; font-size:2.5em; float:left; display:block; }
		html>body #accroche h1{min-height:43px; height:auto; }
		#accroche h1 a{ color:white; text-decoration:none; }
		
		#accroche p{font-size:1.2em; margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; color:#363636; clear:both; line-height:13px; }
		#accroche a.voir{font-size:1.2em; font-weight:bold; margin:20px 0px 0px 0px; padding:0px 0px 0px 15px; color:#363636; text-decoration:none; background:url(../imagecss/puce-05.gif) 0px 2px no-repeat; display:block; height:18px; }
		#accroche a.voir:hover{ text-decoration:underline;}
		
		
#sommaire{ float:left; width:380px; margin:20px 0px 0px 3px; padding:0px 50px 30px 0px; _padding:0px 0px 0px 0px; }
		#sommaire h1{width:380px; height:23px; margin:25px 5px 20px 0px; padding:5px 10px 5px 30px; text-align:left; color:white; font-size:1.7em; float:left; display:block; background:#DB2301; }
		html>body #sommaire h1 {min-height:23px; height:auto; }
		#sommaire h1 a{ color:white; text-decoration:none; }

		#sommaire p{font-size:1.2em; font-weight:bold; margin:0px 0px 5px 50px; padding:0px 0px 0px 0px; color:#363636; }
		#sommaire .carrecolor{ float:left; display:block; width:11px; height:11px; margin:1px 0px 4px 30px; padding:0px 0px 0px 0px; font-size:1px }
		#sommaire a.edito{color:#363636; text-decoration:none; margin:0; padding:0;}
		#sommaire a.edito:hover{ text-decoration:underline;}
		#sommaire p.article{width:400px; font-size:1.1em; margin:0px 0px 5px 10px; padding:0px 0px 0px 10px; color:#74858C; background:url(../cssimg/site/puce_ronde1.gif) 0px 4px no-repeat; font-weight:normal; }
		#sommaire p.article a{color:#74858C; text-decoration:none; margin:0; padding:0;}
		#sommaire p.article a:hover{font-weight:bold;}

		

#num-precedent{ margin:0px 10px 0px 40px; _margin:0px 5px 0px 20px; padding:0px 0px 0px 0px; text-align:left; _height:1%;}
	#num-precedent h1{ color:#DB2301; font-size:1.8em; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 10px 20px; text-align:left;}
	#num-precedent div{ margin:0px 0px 0px 0px; padding:20px 12px; width:203px; float:left; }
	#num-precedent div img{ float:left; margin:0; padding:10px 0px; }
	#num-precedent div p{ float:right; margin:25px 0px 0px 0px; padding:3px 5px 3px 5px; display:block; width:70px; color:black; font-size:1.3em; font-weight:bold; text-align:center}
	#num-precedent div p a{ color:black; text-decoration:none;}
	#num-precedent div p a:hover{}
	
	
	
/*=========================================================*/	
/*====================  PAGE CARTE  =======================*/
/*=========================================================*/	
.carte{padding:80px 0px 40px 0px; margin:0px 0px 0px 0px; text-align: center;}

#choix_region{ background: url(../cssimg/site/carte_bg.jpg) 0px 0px no-repeat; width:551px; height:125px; margin:0px auto 0px auto; padding:0px 10px 10px 10px; }
	#choix_region h1{ font-size:1.8em; color:#474446; margin:0px 0px 5px 0px; padding:5px 0px 0px 10px;  }


/*=========================================================*/	
/*===================  PAGE ARTICLE  ======================*/
/*=========================================================*/	
		
		h1.nom-revue{ color:#73858C; font-size:1.8em; margin:0px 10px 20px 0px; padding:10px 0px 0px 0px; background:url(../cssimg/site/souligner.gif) 0px 27px no-repeat;}
			h1.nom-revue span{ background:#F0F0F0; padding:0px 10px 0px 0px; }
		
		p.select-article{ margin:0px 0px 0px 192px; padding:0px 0px 0px 0px; }
			p.select-article select{padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; width:520px; color:#303030; font-size:1em;}

	/*==  PARTIE SUP DE L'ARTICLE : titre et intro ==*/
	#p-mag-article h2{padding:5px 0px 0px 0px; margin:0px 20px 0px 160px; font-size:2em; font-weight:normal; height:58px; font-variant:small-caps; }
	html>body #p-mag-article h2{ min-height:58px; height:auto;  }
	

	/*==  COL GAUCHE ==*/
	#article_colgauche{padding:0px 30px 0px 30px; _padding:0px 15px 0px 15px; margin:0px 0px 20px 0px; float:left; width:446px; font-size:1em; overflow: auto; height:500px; }
	
	h2.title{ margin:0px 0px 8px 0px; color:#DB2301; font-size:1.6em;}
	h3.soustitre{ margin:0px 0px 8px 0px; color:#DB2301; font-size:1.3em;}
	
	#p-mag-article .intro{padding:0px 20px 0px 30px; margin:20px 0px 30px 0px; font-size:1.3em; font-weight:bold; }
	
		/* L'ARTICLE */
		#larticle{ font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:17px;}
			#larticle .violet {color: #be408d; font-weight:bold; }
			#larticle .vert {color: #51ab3b; font-weight:bold; }
			#larticle .bleu {color: #4781bd; font-weight:bold; }
			#larticle .orange {color:#ee7f01; font-weight:bold; }
			#larticle .gris {color:#969799; font-weight:bold; }
			#larticle .bleu {color:#1aa1d7; font-weight:bold; }
			#larticle .vert-gris {color:#495e5e; font-weight:bold; }
			#larticle .rouge-brique {color:#bf382b; font-weight:bold; }
			#larticle .bleu-partenaire {color:#4781bd; font-weight:bold; }
			#larticle .vert-auto {color:#5d7f89; font-weight:bold; }
			#larticle img{ padding:0; margin:5px; }
			#larticle ul{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
				#larticle ul li{ list-style-type:none; background: url(../imagecss/puce-gris.gif) 0px 3px no-repeat; margin:0px 0px 0px 0px;  padding:0px 0px 0px 10px;}

		
		#image_entete{}
			#image_entete img{ width:100px;}
		
		
		/*==  BOITE A OUTIL ==*/
		#boite-outils{padding:10px 0px 10px 0px; margin:30px 0px 0px 0px; width:200px; }
		#boite-outils p{padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; font-size:1.1em; color:#62737a;}
		#boite-outils a{color:#62737a; text-decoration:none;}
		#boite-outils a:hover{text-decoration:underline;}
		#boite-outils label{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; }
		#boite-outils select{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; font-size:1.2em; }
		


	/*==  COL DROIT ==*/
	#article_coldroit{padding:0px 0px 0px 0px; margin:0px 5px 0px 15px; float:left; width:200px; }
	
		#article-commentaire{ padding:0; margin:0px 0px 0px 0px; font-size:1em; font-weight:bold;}
			#article-commentaire p{font-size:1.1em; }
		
		p.visiter{ padding:0; margin:0; font-size:1em; }
			p.visiter a{ display:block; padding:3px 0px 0px 0px; margin:0px 0px 0px 0px; color:#6B7B82; font-size:1.1em; font-weight:bold; text-decoration:underline; }
				p.visiter a:hover{ text-decoration:none; }
				
		#fiche-journaliste{ padding:0; margin:20px 5px 0px 25px; font-size:1.1em;}
			#fiche-journaliste img{ border:4px #cecece solid; margin:0px 0px 10px 0px;}
			#fiche-journaliste p{ padding:0; margin:0; font-size:1em; }			
			#fiche-journaliste a{ }
			
		.lauteur{ color:#6B7B82; text-align:center; font-weight:bold; }
			
		/*PUBLIREPORTAGE COL DROIT*/
		#publientreprise{ margin:0px 0px 10px 0px; color:#6b7b82; font-size:1em; }
			#publientreprise p{ font-size:1.1em; }
			
		#publiraison{ margin:0px 0px 10px 0px; color:#6b7b82; font-size:1em; }
			#publiraison p{ font-size:1.1em; }

		#publicoordonnees{ margin:0px 0px 10px 0px; color:#6b7b82; font-size:1em; }
			#publicoordonnees p{ font-size:1.1em; }

		#publidecalage{ margin:0px 0px 10px 0px; color:#6b7b82; font-size:1em; }
			#publidecalage p{ font-size:1.1em; }
		
		
		

/*=========================================================*/	
/*===================  PAGE CONSEILLER  ===================*/
/*=========================================================*/	
#pop-conseiller{ padding:10px 15px; margin:0px 10px; width:267px; background:white; border:1px #CCC solid;}
	#pop-conseiller h3{ font-size:16px; font-weight:bold; color:#FF8C00; }
	#pop-conseiller p{ margin:0px 0px 2px 0px; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	#pop-conseiller label{ padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; width:90px; float:left; font-size:12px;}
	#pop-conseiller input{padding:0px 2px; margin:0px 0px 0px 0px; width:160px; }
	#pop-conseiller textarea{ padding:0px 2px; margin:0px 0px 0px 0px; width:255px; height:90px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
		#pop-conseiller input.envoyer{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:70px;}