body {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #4c4e4e;
	margin: 0;
background: url('http://www.laligue38.org/templates/2/medias/font_intweb2.jpg') center top;
}


.clear {
	clear: both;
	font-size:1px;
	height: 1px;
	margin: 0;
}

/*--------------------------------------  container  --------------------------------*/
#container {
	width: 995px;
	height:100%;
	margin: 0 auto;
	position : relative;
	border-bottom:0px solid #9C9B9F;
	border-left:1px solid #9C9B9F;
	border-right:1px solid #9C9B9F;
}


/*--------------------------------------  contenu  --------------------------------*/
#contenu {
	position:relative;
	width: 995px;
	margin: 0 auto;
	background: url('http://www.laligue38.org/templates/2/medias/font_intwebCOPIE.jpg')  center top no-repeat;
}

#contenu_vac {
	position:relative;
	width: 995px;
	margin: 0 auto;
	background: url('http://www.laligue38.org/templates/2/medias/font_intwebCOPIE.jpg') center top no-repeat;
}



#contenu_index {
	position:relative;
	width: 995px;
	background: url('http://www.laligue38.org/templates/2/medias/fond_indexwebCOPIE.gif') no-repeat center top ;
	height:610px;
	margin: 0 auto;
}


/*--------------------------------------  header  --------------------------------*/
#header {
	position:relative;
	width: 995px;
}
#header img {
	float:right;
	margin-top: -30px
}

#nav1, #nav1 ul  {
	padding: 30px 0 20px 30px;
	margin: 0;
	list-style: none;
}
#nav1 li  {
	float: left;
}
#nav1 li a {
	color: #0d3d91;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 15px;
	font-weight: bold;
}
#nav1 li a:hover {
	margin:0;
	padding-top: 3px;
	border-top: 2px solid gold;
}

#nav1 li ul {
	clear: both;
	position: absolute;	
	left: -999em;
	padding: 0;
	background: url(http://www.laligue38.org/templates/2/medias/font_intwebCOPIE.jpg) no-repeat 30px 50px;
}

#nav1 li ul li { 
	float: none;
}
#nav1 li:hover ul, #nav1 li.sfhover ul { 
	left: auto;
}
#nav1 li:hover a, #nav1 li.sfhover a {
	padding-top: 3px;
	border-top: 2px solid gold;
}
#nav1 li:hover ul li a, #nav1 li.sfhover ul li a {
	padding-top: 5px;
	border: none;
}

#nav1 li ul li a {
	width: 150px;
	padding: 5px 5px 5px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #14803b;
	line-height:5px;
}
#nav1 li ul li a:hover {
	padding: 5px 5px 5px 20px;
	color:#bd4287 ;
	border: none;
}




/*--------------------------------------  carte postale --------------------------------*/

div#cartepostale {
	clear: both;
	position:relative;
	width:560px;
	height:374px;
	margin:0px 0 0 35px;
	

}


div#photo01 {
position:absolute;
	left:0px;
	top:16px;
	width:104px;
	height:78px;

}

div#photo02 {
position:absolute;
	left:114px;
	top:16px;
	width:104px;
	height:78px;

}

div#photo03 {
position:absolute;
	left:0px;
	top:104px;
	width:104px;
	height:78px;

}
div#photo04 {
position:absolute;
	left:114px;
	top:104px;
	width:104px;
	height:78px;

}

div#photo05 {
position:absolute;
	left:0px;
	top:192px;
	width:218px;
	height:166px;

}

div#photo06 {
position:absolute;
	left:228px;
	top:16px;
	width:218px;
	height:166px;

}

div#photo07 {
position:absolute;
	left:228px;
	top:192px;
	width:104px;
	height:78px;

}

div#photo08 {
position:absolute;
	left:228px;
	top:280px;
	width:104px;
	height:78px;

}

div#photo09 {
position:absolute;
	left:342px;
	top:192px;
	width:104px;
	height:78px;

}

div#photo10 {
position:absolute;
	left:342px;
	top:280px;
	width:104px;
	height:78px;
}

div#photo11 {
position:absolute;
	left:456px;
	top:16px;
	width:104px;
	height:78px;
}


div#photo12 {
position:absolute;
	left:456px;
	top:104px;
	width:104px;
	height:78px;
}
div#photo13 {
position:absolute;
	left:456px;
	top:192px;
	width:104px;
	height:78px;
}

div#photo14 {
position:absolute;
	left:456px;
	top:280px;
	width:104px;
	height:78px;
}

/*--------------------------------------  demandes page ACCUEIL --------------------------------*/

div#demandes {
	position:absolute;
	left:652px;
	top:373px;
	width:261px;
	height:155px;
	padding:0;
	margin:0;
	text-align: center;
}

div#demandes table tr td a {
	display:block;
	position:relative;
	clear:both;
	font-family: georgia,serif;
	color: #3B7FB3;
	font-size: 17px;
	font-style: italic;
	text-decoration:underline;
	line-height:21px;
	padding-bottom:17px;
}

div#demandes table tr td a:hover {
	color:#999999;
}


/*--------------------------------------  demandes page INTERIEUR--------------------------------*/

div#demandes_int {
	position:absolute;
	left:0px;
	top:275px;
	width:230px;
	height:165px;
	padding:0;
	margin:0;
	text-align: center;
}

div#demandes_int table tr td a {
	display:block;
	position:relative;
	clear:both;
	font-family: georgia,serif;
	color: #3B7FB3;
	font-size: 17px;
	font-style: italic;
	text-decoration:underline;
	line-height:21px;
	padding-bottom:17px;
}

div#demandes_int table tr td a:hover {
	color:#999999;
}






/*--------------------------------------  contenu  texte--------------------------------*/
#contenutexte {
	clear:both;
	float:left;
	width: 430px;
	margin: 16px 0 0 282px;
}
/* double marge IE6 fix */
* html #contenutexte {
    display:inline;
}

div#contenutexte a {
	margin: 0;
	color: #058720;
	text-decoration: none;
}
div#contenutexte a:hover {
	color: #0bbd31;
}


/*--------------------------------------  contenu  photo--------------------------------*/
div#photos {
	float:left;
	width: 200px;
	margin: 15px 0 0 60px;
        
        
}



/*--------------------------------------  page interieur  --------------------------------*/
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0d3d91;
	
}


li.puce-rouge {
 list-style-image : url(../medias/puce-rouge.gif);
 list-style-type:none;
} 

.signature {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 30px;
}
.signature img {
	float: left;	
}
.soustitre {
	font-weight: bold;
	color: #bd4287;
}

.important {
	font-weight: bold;
	color: #03619e;
}