@charset "utf-8";
/* CSS Document for jeunessedemont.com */

html, body	{ margin:0; padding:0; }
a img		{ border:none; }

body		{ background-color:#000032; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; letter-spacing:0em; }

#global		{ width:830px; margin:50px auto; }

#header				{ float:left; }
#header h1			{ margin:0; }
#menu2				{ list-style:none; border-left:#fff solid 1px; margin:0 0 0 53px; text-align:center; padding:20px 0 0 0; }
#menu2 li			{ padding-top:20px; }
#menu3				{ list-style:none; border-left:#fff solid 1px; margin:0 0 0 53px; text-align:center; padding:20px 0 0 0; }


#header p			{ border:#fff solid; border-width:0 0 1px 1px; width:74px; text-align:center; margin:0 0 0 53px; padding:100px 0 15px 0; }
#header p img		{ display:block; margin:0 auto 5px auto; }

#menu1				{ list-style:none; border:#fff solid; border-width:1px 1px 0 0; text-align:right; margin:0 75px 0 0; padding:10px 30px;
						background:url(../img/bg_top.jpg) top repeat-x #000032; }
#menu1 li			{ display:inline; padding:5px 10px; }

#main				{ border:1px solid #fff; margin-left:127px; background:url(../img/bg_main.jpg) top repeat-x  #000032; }
#main2				{ min-height:400px; padding:20px; position:relative; overflow:auto; }
* html #main2		{ height:400px; }
#main .title		{ text-align:center; font-size:2em; margin-top:0; text-transform:capitalize; }
#main a				{ color:#fff; text-decoration:none; }
#main a:hover		{ color:#7B8210; }

#main hr			{ margin:30px 0; }

#footer				{ margin:2px 0 0 127px; text-align:center; font-size:0.8em; font-weight:normal; color:#666; }
#footer a			{ color:#666; text-decoration:none; }
#footer a:hover		{ color:#7B8210; }

/****** COMMON *******/
h3					{ margin:0 30px; }
h4					{ margin:0 30px 20px 30px; font-size:1.1em; font-weight:normal; }

ul.noDot			{ margin:10px 0 30px 50px; padding:0; list-style:none; }
ul.noDot li			{ padding:3px 0; }
ul.noDot li.first	{ padding:18px 0 3px 0; }
p.list-comment		{ margin:-20px 50px 30px 50px; font-style:italic; color:#999; }

ol					{ margin:10px 0 30px 50px; padding:0; }
ol li				{ padding:3px 0; }

div.sep				{ margin-top:20px; border:0; border-bottom:1px solid #999; margin-bottom:30px; background:none; }

.clear				{ clear:both; }

.buttons					{ text-align:center; margin:20px 0; clear:both; }
.buttons a, .buttons input	{ border:1px solid #7B8210; padding:5px 10px; color:#7B8210; margin:1px 5px; background-color:#000032; }
.buttons input				{ color:#fff; font-size:1em; padding:4px 10px; width:auto; }
*+html .buttons a			{ position:relative; top:-7px; padding:6px 10px; }

form fieldset				{ padding:20px; border:1px solid #9C9A9C; border-left-width:7px; margin:0 20px; }
form legend					{ font-weight:bold; font-size:1.2em; padding:0 10px; color:#9C9A9C; }
form label, form h5			{ margin-top:10px; width:150px; display:block; float:left; margin-bottom:0;}
form h5						{ font-size:1em; font-weight:normal; }
form input, form select, form textarea
							{ width:200px; margin-top:10px; border:1px #7B8210 solid; background-color:#000032; color:#fff; font-size:0.9em; padding:2px 5px; }
form textarea				{ font-family:Verdana, Arial, Helvetica, sans-serif; }
form .radio					{ }
form .radio	input			{ width:auto; float:left; margin-right:10px; }
form .radio label			{ float:none; width:auto; font-size:0.89em; }
form .radio p				{ padding-top:1px; margin:0 0 0 150px; }


form .day					{ width:38px; float:left; margin-right:5px; }
form .year					{ width:90px; }

div.video					{ width:420px; margin:20px auto; border:#999 solid 1px; padding:5px; }

/****** ACCUEIL ******/
.accueil p img		{ margin:auto; display:block; border:#999 solid 1px; padding:5px; margin-bottom:50px; }
#news				{ margin: 15px 70px; }
#news dt			{ font-weight:bold; padding:10px; border:1px solid #7B8210; border-bottom-width:0;
						 border-left:#7B8210 7px solid; background-color:#000031; }
#news dd			{ border:1px solid #7B8210; border-top-width:0; margin:0 0 15px 0; padding:0 20px 10px 20px;
						 border-left:#7B8210 7px solid; background-color:#000031; }
#news .high			{ background-color:#313821; }
#nextEvents			{ overflow:auto; }
#news a				{ border-bottom:1px dashed #fff; }
#news a:hover		{ border-bottom-color:#7B8210; }

/****** GALERIE ******/
/*#vig						{ margin-top:20px; }
#vig img					{ border:#999 solid 1px; padding:5px; margin:10px; }
#vig a:hover img			{ border-color:#fff; }

.modif						{ float:right; margin:3px 0 0 0; }
#big						{ display:none; }

#big #image img				{ border:#999 solid 1px; padding:5px; }
#big #image					{ text-align:center; margin-bottom:5px; }
#navig						{ text-align:right; margin:0 20px; font-size:0.9em; float:right; }
#navig a					{ margin:0 10px; text-decoration:none; }

#backLink					{ margin:30px 0 10px 20px; }
#vig span					{ display:none; }

#descGal img				{ float:left; }

table						{ width:100%; border-bottom: 1px #999 solid; margin-top:30px; clear:right; }
td							{ padding:15px 10px; text-align:center; border:#999 solid; border-width:1px 0 0 0; }
*/

.vig						{ list-style:none; margin:0; padding:0; padding-left:0px; margin-top:10px; }
.vig li						{ float:left; width:132px; height:107px; text-align:center; }
.vig li	img					{ border:#999 solid 1px; padding:5px; margin:10px; }
.vig li a:hover img			{ border-color:#fff; }				


/****** MEMBRES ******/
#membres					{ overflow:auto; }
#membres img				{ float:left; border:1px solid #999; margin:0 10px 10px 0; }
#membres h3					{ margin-top:0; }
#membres p					{ margin:10px 0 10px 112px; }

#view						{ list-style:none; background:url(../img/view_frame.jpg) no-repeat; padding:0 0 0 1px; margin:0; height:20px;
								position:absolute; top:26px; right:54px; }
#view						{ list-style:none; background:url(../img/view_frame.jpg) no-repeat; padding:0 0 0 1px; margin:0; height:20px;
								position:absolute; top:26px; right:54px; }
#main .priv					{ background-image:url(../img/view_framePriv.jpg); }						
#view li					{ float:left; padding:0; margin:0; }
#view li img				{ padding:5px 6px 5px 5px; }

#memDetails					{ float:right; width:300px; border:1px solid #fff; margin:20px 10px 20px 30px; padding:10px 20px 30px 20px;
								background-color:#000032; }
#memDetails img				{ float:right; border:solid #000032; border-width:10px 0 10px 20px; margin:0; padding:1px; background-color:#999; }
#memDetails h3				{ margin:20px 0 10px 0; }
#memDetails strong			{ display:block; float:left; margin-right:10px; }

#memDetails2				{ float:right; width:340px; background:url(../img/ntbk_top.png) no-repeat top center; margin:10px 0 15px 20px;
								font-family:"Courier New", Courier, monospace; color:#000; }
#memDetails2 #detContent	{ padding:60px 30px 32px 30px; background:url(../img/ntbk_bot.png) no-repeat bottom; }
#memDetails2 img			{ display:block; margin:0 0 20px 0px; border:#666 1px solid; }
#memDetails2 h3				{ margin-left:0; }
#memDetails2 strong			{ display:block; float:left; margin-right:10px; }
#memDetails2 a				{ color:#000; }
#memDetails2 .sep			{ border-bottom-color:#333; margin:10px 0; padding:0; }

/****** LOGIN ******/
.formError					{ border:1px solid #999; background-color:#666; padding:5px 10px; }

/****** AGENDA *****/
p.avert						{ text-align:center; font-style:italic; color:#999; clear:both; }
#main p.avert a				{ color:#999; }
#main p.avert a:hover		{ color:#7B8210; }
#calendar					{ padding:10px; }

/****** SOCIETE *****/
.imgText					{ margin:20px auto; overflow:auto; }
.zoom span					{ position:relative; width:262px; }
.zoom span.big				{ margin:0 auto; width:600px; float:none; }
.zoom a						{ position:absolute; bottom:1px; left:-23px; }
.zoom span a img			{ border:none; padding:0; }
.imgText span				{ color:#999; font-size:0.8em; text-align:center; }
.imgText .left				{ margin-left:120px; float:left; }
.imgText .right				{ margin-right:120px; float:right; }
.imgText span img			{ border:#999 solid 1px; padding:5px; display:block; margin-bottom:3px; }

/****** FORUM *******/
.forum p img		{ margin:auto; display:block; border:#999 solid 1px; padding:5px; margin-bottom:70px; }

/******* LIENS ******/
.liens ul					{ clear:both; }
ul.linkJeunesses			{ width:280px; float:left; clear:none; }

/****** CONTACT *****/
.contact h3					{ margin-left:40px; }
.contact p					{ margin-bottom:40px; margin-left:40px; }

/****** PROFIL ******/
.profil dl					{ margin:10px 0 30px 50px; } 
.profil dt					{ width:200px; float:left; clear:both; padding:3px 0; }
.profil dd					{ padding:3px 0; }

/****** PRESSE ******/
.article					{ background-color:#cbd5e3; color: #444; margin: 0 100px 40px 100px; padding:15px; }
.article .photo				{ text-align:center; }
.article .author			{ font-size:0.8em; font-weight:bold; text-align:right; margin-top:15px; margin-bottom:5px; }
.article .parution			{ font-size:0.8em; text-align:right; margin-top:5px; margin-bottom:0; }

/***** ARCHIVES *****/
.archives .imgText .left	{ margin-left:60px; }
.archives .imgText .right	{ margin-right:60px; }

/** MANIFESTATIONS **/
.manifestation dt			{ font-weight:normal; float:left; width:100px; }
.manifestation dd			{ margin-left:100px; }
.manifestation a			{ border-bottom:1px dashed #fff; }
.manifestation a:hover		{ border-bottom-color:#7B8210; }