/* CSS Document */

body {
	background-color: #000000;
	padding: 0px;
	text-align:center;
	font-size:90%
}

h1{font-size:140%; color:#FFCC33}
h2{font-size:100%; color:#FF6633}
p {font-size:85%;  color:#FFFFFF; text-align:justify}
 
#container_accueil{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: auto;
	margin-top:50px;
	width: 700px;
}

#container_section{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: auto;
	margin-top:50px;
	width: 800px;
}

/* HEADER  */

#header{
	position:relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#header img{
	margin:0px;
	padding:0px
}

#logo_cmm{
	float:left;
}

#logo_cmm img {
	border:none;
	width:107px; 
	height:89px; 
}

#menus{
	margin-left: 127px;
	text-align:right;
}

.spacer{
	font-size: 1px;
}

.text_spacer{
	margin-top: 10px;
	height:1px;
	width:100%;
	border-top:1px solid white
}

#menus .spacer img{
	height:1px;
	width: 567px;
}

#menus #menu_top{
	padding-top: 25px;
	float:right;
}

#menus #menu_bot{
	
	width:567px;
	float:right;
}

#menus #menu_bot a img{
	border:0px;
}

#menus #menu_top a img{
	border:0px;
}

#menus #menu_bot img{
	margin-top:3px;
	vertical-align:middle;
}

*> #menus #menu_bot img{
	margin-top:0px;
	vertical-align:middle;
}

#menus #menu_bot a{
	font-size: 70%;
}

/* CONTENU ACCUEIL */

#contenu_accueil{
	position:relative;
	height:425px;
	background-image:url(images/accueil_background.jpg);
	background-repeat:no-repeat;
	margin: 0px;
}


#contenu_accueil #texte_bienvenue{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	position:absolute;
	padding-top:103px;
	top: 5px;
	right: 326px;
	width:121px;
	height:221px;
	background-image:url(images/accueil_printemps.gif);
	background-repeat:no-repeat;
	
}

#logo_bienvenue{
	position:absolute;
	bottom: 0px;
	right: 0px;
	width:253px;
	height: 58px;
}

/* CONTENU SECTIONS */

.spacer_small{
	width:100%;
	height:15px;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

.spacer_full{
	margin:35px 0px 15px 0px;
	font-weight:bold;
	font-size: 65%;
	border-top:1px solid white;
	width:100%;
	height:10px;
	text-align:right
}


#contenu_section{
	text-align:left;
	width: 800px;
}

#menu_left{
	float:left;
	font-size:80%;
	margin-top: 1px;
	padding:137px 0px 0px 137px;
	height:354px;
	background-image:url(images/menu_left_bg.jpg);
	background-repeat:no-repeat;
}

*>#menu_left{
	height:auto;
	min-height:354px;
}

#menu_left #header{
	width:160px;
	padding-bottom:7px;
	background-image:url(images/menu_left_separator.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#menu_left .menu_row{
	width:160px;
	padding:3px 0px 3px 0px;
	background-image:url(images/menu_left_separator.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#menu_left .menu_row a:link		{color:#FFFFFF; text-decoration:none}
#menu_left .menu_row a:active	{color:#FFFFFF; text-decoration:none}
#menu_left .menu_row a:visited	{color:#FFFFFF; text-decoration:none}
#menu_left .menu_row a:hover	{color:#FFCC00; text-decoration:none}

/* Tooltips menu*/

.tooltip{
	font-family:Verdana;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	position:absolute;
	height:10px;
	text-align:left;
	display:none
	
}

#tip_01{
	right:180px;
	top:32px
}

#tip_02{
	right:180px;
	top:32px
}

#tip_03{
	right:85px;
	top:32px
}

#tip_04{
	right:95px;
	top:32px
}

#tip_05{
	right:75px;
	top:32px
}

#tip_06{
	right:40px;
	top:32px
}

#tip_07{
	right:25px;
	top:32px
}

#tip_08{
	right:0px;
	top:32px
}

/* Main */

.descr_photo{
	font-style:italic;
	text-align:left;
	font-size:90%;
}

.winner{
	font-weight:bold;
	font-style:italic;
	font-size: 120%
}

#main{
	padding-top:20px;
	width:495px;
	text-align:left;
	float:left;
}
#main p{
	text-align:justify;
}

#main #conseil_admin img.border{
	border:1px solid #333333
}

#main #conseil_admin .titre{
	font-weight:bold;
	font-size:100%;
	color:#FFCC33
}

#main #conseil_admin ul{
	margin:0px
}

#main #conseil_admin ul li{
	line-height:120%;
	margin-left:5px;
	font-size:90%;
	list-style-type:none
}

#main #nos_locaux p{
	text-align:left
}

#main #devenir_membre ul li a{
	line-height:160%;
	font-size:100%;
}

#main #devenir_membre ul li a:hover{
	color:#FFCC33
}

#main #excursions .titre{
	font-weight:bold
}

#main #excursions ul li{
	margin-top:4px
}

#main #excursions .item_equipement{
	clear:both;
	width:490px;
	margin-bottom: 8px
}

#main #excursions .item_equipement .illustration{
	float:left;
	padding-top:3px;
	width:60px;
	height:60px;
}

#main #excursions .item_equipement .description{
	font-size:85%;
	width:420px;
	float:right;
}

#main #conferences img{
	margin-bottom: 5px;
}

#main #conferences .spacer_small{
	margin-left:-25px
}

#main #paleontologie ul li{
	margin-top: 5px;
	text-align:left;
	line-height:120%;
	font-size:85%;
}

#main #gemmologie{
	text-align:left
}

#main #gemmologie .spacer_small{
	margin-left:-35px
}


#main #artlapidaire_01 #photos_01{
	width: 150px;
	float:left;
	margin-right:10px;
}

#main #artlapidaire_01 #texte_01{
	margin:0px;
	float:left;
	width:330px;
}

#main #artlapidaire_02{
	margin-top:15px;
	clear:both
}

#main #artlapidaire_02 #photos_02{
	width: 150px;
	float:right;
	margin-left:10px;
}

#main #artlapidaire_01 #texte_01{
	margin:0px;
	float:right;
	width:330px;
}

#main #atelier_images p{
	color:#FFCC33;
	text-align:left;
	font-size:100%;
	font-weight:bold
}

#main .atelier_image_left{
	clear:both
}

#main .atelier_image_right{
	clear:both
}

#main .atelier_image_left img{
	margin-right: 10px;
	margin-bottom: 25px;
	float:left
}

#main .atelier_image_right img{
	margin-left: 10px;
	margin-bottom: 25px;
	float:right;
	
}

#main #geologie_photos img{
	margin-bottom:10px;

}

#main #assemblee_membreshonoraires {
	text-align:center;
}

#main #bibliotheque p{
	font-size:75%
}

#main #bibliotheque img{
	margin-top: 15px
}

#main #description_prix ol li{
	margin-top: 5px;
	font-size:85%;
}

#main #description_prix ol li ul li{
	font-size:100%;
	list-style-type:square
}

#main #magasin #content_table{
	padding:3px;
	border:1px solid white;
}
#main #magasin table tr{

width: 100%
}

#main #magasin table tr td p{
	font-weight:bold;
}

#main #magasin table tr td p.title{
	font-size:100%
}

#main .lienInternetUtile{
	padding-left:33px;
	background-image:url(images/bibliotheque/pucemarteau.gif);
	background-repeat:no-repeat
}

#main #autresLiensInteressants{
	padding-left:33px
}

#main #autresLiensInteressants img{
	padding-left:0px
}

/* FOOTER  */

#footer{
	clear:both;
	margin: 10px 0px 25px 0px;
}

#footer_accueil{
	clear:both;
	margin: 0px;
}

#date{
	float:left;
	text-align:left;
	font-size: 65%;

}

#hautpage{
	float:right;
	font-weight:bold;
	font-size: 65%;
}

#header #menus #menu_bot a:link		{text-decoration:none; color:#FFFFFF}
#header #menus #menu_bot a:active	{text-decoration:none; color:#FFFFFF}
#header #menus #menu_bot a:visited	{text-decoration:none; color:#FFFFFF}
#header #menus #menu_bot a:hover	{text-decoration:none; color:#FFFFFF}

div#hautpage a:link		{text-decoration:none; color:#FFFFFF}
div#hautpage a:active	{text-decoration:none; color:#FFFFFF}
div#hautpage a:visited	{text-decoration:none; color:#FFFFFF}
div#hautpage a:hover	{text-decoration:none; color:#FFFFFF}

div.spacer_full a:link		{text-decoration:none; color:#FFFFFF}
div.spacer_full a:active	{text-decoration:none; color:#FFFFFF}
div.spacer_full a:visited	{text-decoration:none; color:#FFFFFF}
div.spacer_full a:hover	{text-decoration:none; color:#FFFFFF}

a:link		{text-decoration:underline; color:#FFCC00}
a:active	{text-decoration:underline; color:#FF6600}
a:visited	{text-decoration:underline; color:#FFCC00}
a:hover		{text-decoration:underline; color:#FFCC66}