/* UTILISE PAR LA PAGE LE COMITE DIRECTEUR */
/*PAS DE MARGE DROITE DANS LE DIV CONTENU*/

html{font-size: 90%;}
h1{/* Par défaut, ce texte s'affichera à 20px */font: 2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
h2{/* Par défaut, ce texte s'affichera à 15px */font: 1.5em/1em Arial, Helvetica, sans-serif;}
h3{color:#966b72;/* Par défaut, ce texte s'affichera à 12px */font:bold 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;}
input, select, textarea{font-size: 100%;}
ul {list-style-type: square;margin: 1em 0 1em 5em;}
td{vertical-align:top;}
a:link {
	color:				#00C;
	font-weight:		bold;	
	text-decoration:	none; 
	background-color:	transparent;}
a:visited  {
	color:				#c03; 
	text-decoration:	none; 
	background-color:	transparent;}
a:hover {
	color:#c93; 
	text-decoration:	underline; 
	background-color:	transparent;}
a:active  {
	color:				#900; 
	text-decoration:	underline; 
	background-color:	transparent;}
	
.titre {font:italic normal bold 1.2em/140% 'Comic Sans MS', cursive;}
/*=================================Classe IB info bulle================================================================*/
a.ib em{ 
	display : none; 
	text-decoration : none;} 	
a.ib:hover{ 
		border : 0; 
		position : relative; 
		z-index : 500; 
		text-decoration : none;}
a.ib:hover em{ 
		font-style : normal; 
		display : block; 
		position : absolute; 
		top : 20px; 
		left : 10px; 
		padding : 5px; 
		color : #f00; 
		border : 1px solid #bbb; 
		background : #ffc; 
		width : 170px;}	
a.ib:hover em span{ 
		position : absolute; 
		top : -7px; 
		left : 15px; 
		height : 7px; 
		width : 11px; 
		background : transparent url(../logos/puces/ib2.jpg); 
		margin : 0; 
		padding : 0; 
		border : 0;}	
.nob {
		border:	none;}

/*=================================================================================================================*/
.imageflottanteR{
		float:				right;
		margin:				10px 0 0 10px;
		border:				2px solid #BF9E7F;
		padding:			2px;
		background-color:	#000;}
	
.imageflottanteL{
		float:				left;
		margin:				10px 10px 0 0;		
		border:				2px solid #BF9E7F;
		padding:			2px;
		background-color:	#000;}
/*=================================================================================================================*/	
#top{
	padding:				.5em;
	height:					90px;	
	background:				url(./fonds/VoiesVertes.JPG) no-repeat;
	background-color:		#ddd;	
	background-position:	left;
	border-bottom:			1px solid gray;}	
#top h1{
	padding: 0;
	margin: 0;}
/*=================================================================================================================*/
#Navigation{
	height : 3em; 
	background-color : #000;
	color: #FFF;
	border:		1px solid black;}
#Navigation ul{
	margin-left:	0.75em;}	
#Navigation li { 
		margin : 1em; 
		padding : 0; 
		display : inline; 
		list-style-type : none;}
#Navigation a:link, #Navigation a:visited{		
		font: bold 0.75em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration : none;
		text-transform : uppercase;
		padding-bottom : 10px; 		
		color : white;}		
#Navigation a:link.active, #Navigation a:visited.active, #Navigation a:hover	{ 
		/*margin: 0.2em;*/
		color : #000;		
		background : url(./icones/rounded.gif) no-repeat bottom center; 
		color : white; 	} 
/*=================================================================================================================*/	
#Conteneur {	
	width:				95%;	
	margin:				5px auto;
	background-color:	#FFA;
	color:				#333;
	border:				1px solid gray;
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:		120%	}
/*=================================================================================================================*/	
#Gauche{
	float:				left;
	width:				150px;
	margin:				0;
	padding:			1em;	
	background-color:	#ddd;	}
/*=================================================================================================================*/	
#MenuGauche h3{ 
	margin:				0; 
	background-color:	black; 
	color:				white; 
	width:				100%;	
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:		2em;
	text-align:			center;}	
#MenuGauche a:link, #MenuGauche a:visited { 
	display:			block; 
	padding:			5px; 
	margin-bottom:		1px; 
	text-decoration:	none; 
	background-color:	#deebf5; 
	color : black; 
	font:1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} 	
#MenuGauche a:hover { 
color : #ffffcc; 
background-color : #003366;}
/*=================================================================================================================*/	
#Contenu {	
	border-right:		1px solid black;	
	padding:			1em;
	background-color:	#FFF;
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	overflow:			auto;}	
#Contenu h2{margin: 0 0 .5em 1em;}
#Contenu h3{margin: 0 0 .5em 1em;}
#Contenu h1{font:1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} /*pour integrer la pub de la bavo2009 - cette ligne pourra être effacée après*/
#Contenu p { 
	font:				1em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	text-align:			justify; 
	width:				95%;
	margin-left:		auto;
	margin-right:		auto;}
#Contenu img {
	/*display:			block;*/}
/*===============================================MAJINFO==================================================================*/
#majinfo{
	position:			relative;
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			100px;}
/*============================LICENCIES/*===================================================================================*/
#licencies table {
	width:				80%; 
	border-width:		1px; 
	border-collapse:	collapse; 
	border-style:		solid; 
	border-color:		black;} 

#licencies td { 
	border-width:		1px; 
	border-style:		solid;
	padding:			10px 5px 10px 10px;	
	border-color:		red; 
	vertical-align:		middle; 
	width:				25%; 
}

.1 {width:10%;}
.2 {width:30%;}
.3 {width:30%;}
.4 {width:30%;}
/*============================FICHE===================================================================================*/
#fiche table{

	width:				80%;
	margin-left:		auto;
	margin-right:		auto;
	border-width:		1px; 
	border-collapse:	collapse; 
	border-style:		solid; 
	border-color:		black;}
	
#fiche td { 
	border-width:		1px; 
	border-style:		solid;
	background-color:	#dddddd;
	padding:			15px 5px 15px 10px;	
	border-color:		red; 
	vertical-align:		middle; } 
/*============================canard1===================================================================================*/
#canard1{
	position:			relative;
	width:				60%;	
	margin-left:		auto;
	margin-right:		auto;}
#canard2{
	position:			relative;
	margin-top:			80px;
	padding:			20px;
	width:				70%;
	margin-left:		auto;
	margin-right:		auto;
	border:				2px solid red;}
#canard3{
	position:			relative;
	margin-top:			50px;	
	width:				80%;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		30px;}
#canard3 table{
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;}
#canard3 li{
	margin-left:		50px;}
/*============================message===================================================================================*/
#message { 
	position:			relative;
	margin-top:			50px;
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;}
#message table{
	width:				100%;
	border:				none;}
#message td {
	padding-left:		10px;
	padding-right:		10px;
	vertical-align:		middle;
	border:				none;}
/*============================circuits===================================================================================*/
#mercredi, #samedi, td{
	padding:			10px;}
/*============================brevets et clm===================================================================================*/
#brevets_clm table {
	margin-top:			25px;
	margin-left:		50px;
	border-width:		1px; 
	border-style:		solid; 
	border-color:		black;
	width:				80%;}
#brevets_clm  td { 
	border-width:		1px;
	border-style:		solid; 
	border-color:		red;
	padding:			20px;
	width:				50%;}
#orgavs table{
	margin-top:			25px;
	margin-left:		50px;
	border-width:		1px; 
	border-style:		solid; 
	border-color:		black;
	width:				80%;}
#orgavs td{
	border-width:		1px;
	border-style:		solid; 
	border-color:		red;
	padding:			20px;
	width:				50%;}
	
#orgavs  ul {list-style-type:square;margin:1em 0 1em 1em;}
#brevets_clm  ul {list-style-type:square;margin:1em 0 1em 1em;}
/*============================bavo===================================================================================*/	
#menubavo{
	margin-top:			1em;
	width:				50%;
	margin-left:		auto;
	margin-right:		auto;
	border:				2px solid blue;
	background-color:	#ddd;}
#diapobavo{
	margin-top:			50px;
	width:				400px;
	height:				300px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#fff;}
div.clear {
	clear:			both;
	height:			0;
	margin:			0;
	padding:		0;
	line-height:	0;
	font-size:		1px;}
/*===============================================================================================================*/
div.sc_menu {position:relative;height:150px;/*145*/
	width:				90%;
	margin-left:		auto;
	margin-right:		auto;
	padding:			2px;				/*R*/
	border:				solid 2px black;
	background-color:	#026afe;
	overflow:			auto;}
	
ul.sc_menu {
	display:			block;
	height:				110px; 
	width:				3000px;    /*1500*/
	padding:			15px 0 0 15px;  
	margin:				0;  
	list-style:			none;}
  
.sc_menu li {display: block;float:left;margin:5px;padding:4px;/*0 4px */}
.sc_menu a {display: block;text-decoration:none;}
.sc_menu span {
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border:			3px #fff solid;
  height:			100px;
  width:			100px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;}
  
.sc_menu a:hover img {
  filter:				alpha(opacity=50);
  opacity:				0.5;
}
/*===============================================================================================================*/
#footer{width:95px;height:50px;}
	
/*======================================== GALERIE PHOTOS =======================================================================*/