/* 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;}
	
	
/*=================================================================================================================*/	
#left{width:240px;float:left;margin:0 0 0 0px;padding:0;}
/*main = titre de la page */
#main{/*width:95%;*/border:thin solid #6495ed;background-color:#fff;position:relative;left:10px;padding:10px;margin:0 0 0 240px;overflow:auto;}

#cadre_menu, #cadre_recherche, #cadre_filtre
{
	border:				thin solid #6495ed;
	padding:			10px 0px 15px 5px;
	width:				240px;
	background-color:	#ffffff;
}

#cadre_agenda a {
color: #deebf5;
font-size: 1.1em;
background:  #999999;
padding: 1px;
margin: 1px;
border: 1px solid  #000000;
text-decoration: none;
}

#cadre_agenda a:hover {
color: #999999;
background:  #000000;
padding: 1px;
margin: 1px;
border: 1px solid  #999999;
text-decoration: none;
}


#cadre_agenda table
{
	border:				1px solid navy;
	border-collapse:	collapse;	
}

#cadre_agenda td {
	font-family:		sans-serif;
	border:				thin solid #6495ed;
	width:				50%;
	padding:			5px;
	text-align:			center;
	background-color:	#ffffff;
}

#cadre_agenda thead {
	border:				thin solid #6495ed;
	background-color:	jaune;
}

#cadre_footer
{
	clear:both;
	padding:20px 0 0 0;
	margin:0;
}
#footer
{
	padding:0;
	margin:0;
}
#footer li
{
	float: left;
	list-style-type: none;
	padding:0;
	margin:0;
	width:321px;
	display: block;
}

.cadre
{
	border:				2px solid #000099;
	padding:			0 5px 0 5px;
}

.event
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #999;
	padding:5px;
	margin-bottom: 5px;
	
}
.confirmation
{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.erreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
}
.valid_ko
{
	color:#f00;
	font-weight:bold;
	background-image:url(../img/nok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.valid_ok
{
	color:#090;
	font-weight:bold;
	background-image:url(../img/ok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}


/*=================================================================================================================*/	

	
/*=================================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(/css/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(/css/icones/rounded.gif) no-repeat bottom center; 
		color : white; 	} 
/*=================================================================================================================*/	
#Conteneur {margin:0px 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:180px;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 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%; 
}
/*============================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;
	padding:			15px 5px 15px 10px;	
	border-color:		red; 
	vertical-align:		middle; 
	width:				50%;} 
/*============================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:			100px;
	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:			100px;
	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%;}
/*============================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:				165px;				 /*145*/
	width:				650px;
	margin-left:		auto;
	margin-right:		auto;
	padding:			5px;				/*R*/
	border:				solid 2px black;
	background-color:	#026afe;
	overflow:			auto;}
	
ul.sc_menu {
	display:			block;
	height:				110px; 
	width:				2000px;    /*1500*/
	padding:			15px 0 0 15px;  
	margin:				0;  
	list-style:			none;}
  
.sc_menu li {
  display: block;
  float: left;
  margin:				10px;
  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;}