img{
  border-width: 0px;
}
body {
  font-family: verdana,arial,serif;
  font-size: 10px; margin: 0px;
  background: url(../images/fond_gris.png) top center repeat-y;
  text-align:center;
  line-height: 1.2;
  color: #000000;
  background-color: #ffffff;
  /*behavior:url("csshover.htc");*/
}

/*.bloctest { background-color:#000000;z-index:100; position: absolute;
width:10px;height:200px;
top:80px;left:810px; }*/
/**************************/
/* Les grandes bo?tes     */
/**************************/
#page {
  position: relative;
  margin: auto; width: 1000px;
  text-align:left;
  border:1px solid; border-top:0;
  background-color: #FFFFDF;
}
#header {
  width: 1000px; height: 140px;
  background-color : #f8d65e;
  border-bottom: 1px solid #000000;
}
#bandeaugauche {
  /*position: relative; top:19px;*/
  float:left; width: 140px; margin: 9px 0px 10px 0px; padding:0;
/*  border:solid 1px green;*/
}
#contenuprincipal {
  float: left;
 /*overflow:visible;*/
  min-height: 700px;
  width: 730px; /*top: 19px;*/
/*  margin: 0 140px 0 180px;*/
margin: 9px 5px 5px 5px;
padding: 0px;
overflow:visible;
/*  border:solid 1px red;*/
}
#bandeaudroit {
/*  border:solid 1px blue;  /*position: relative;*/
float: right;
width: 120px; /*top: 19px;*/
margin: 9px 0px 10px 0px;
overflow:hidden;
}
#pieddepage  {
  /*position: relative;*/ /*clear: both;
  border-top: 1px solid #CC6633;
  text-align: center; margin-top: 20px;
  background-color:#FFCC33;*/
  /*position: relative;*/
  clear:both; margin: 0; padding: 2px 0px 2px 0px;
  text-align:center;
  border-top:1px solid;
  background-color:#FFCC33;
}


/**************************/
/* La pub...              */
/**************************/
#pub_bandeaudroit {
  width: 120px; height: 600px;
  background-color : #FFCC33;
  margin-bottom: 0px;
  z-index:4;
}
#pub_bandeaudroit-2 {
  width: 120px; height: 600px;
  background-color : #FFCC33;
  margin-bottom: 0px;
  z-index:4;
}
#pub_bandeaugauche {
  width: 120px; height: 600px;
  background-color : #FFCC33;
  margin-bottom: 0px; margin-left: 10px;
}
#pub_hautdroit {
  position: absolute;
  right: 0px; top: 150px;
  width: 468px; height: 60px;
  margin: 0px; padding: 0px;
  background-color : #FFCC33;
  z-index: 4;
}
#pub_pieddepage {
  width: 1000px; height: 90px;
  margin: 0px; padding: 0px;
  background-color: #FFCC33;
  text-align: center;
}

/**************************/
/* En-t?te                */
/**************************/
#serveurtest {
  border:solid 1px #000000;
  z-index: 10; background-color: red;
  color:white;
  position:absolute;
  font-size:9pt;
  width:500px; height:90px;
  top:10px; left: 10px;
  margin:0px; padding: 5px;
}
#titresite {
  position: absolute; top: 80px; right: 20px; text-align: right;
  border:none; color: #CC6633; font-weight: bold; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden; margin: 5px 0px 0px 0px; padding: 0px; font-size: 200%;
}
/*
div#nonconnecte {
  position: absolute; top: 0px;left:0px;
  border-style:double; border-color:#FFA500;
  width:390px; height:90px;
  margin-left:8px; padding: 10px;
  z-index: 2; background-color: #FFFFDF;
  font-size:0.8em;
}*/

/* Drapeaux */
#drapeaux { position: absolute; top: 6px; right: 5px; border:none; float: right; margin: 10px 0px 0px 0px; padding: 0px 5px 0px 0px;}
#drapeaux li { display: inline; list-style: none; margin: 2px; padding: 0px; }
#drapeaux img { border: solid 1px #000000; }

/* Barres de navigation */
.onglets, #menu_login { position: absolute; padding: 0; margin:0; list-style: none; font-weight: bold;
						font-size:110%; z-index: 10 }
#menu_login { top: 40px; right: 0px; }
#nav { top: 120px !important; top: 122px; left: 8px; }
/*#ongletsfichek { position: absolute; top:400px; left:200px }*/
/*#ongletsfichek { position:relative; top:5px !important; margin-top:7px; left:3px; clear:both; }*/
#ongletsfichek { position:relative; top: 25px !important; top:7px; left:10px; width:720px }

.onglets li, #menu_login li {
  display:inline; float: left; border: 1px solid #000000; margin: 0px 0px 0px 4px;
  background-color: #CC6633; color: #FFFFDF;
}
#menu_login li { margin: 0px; border-right:none; }

.onglets a, #nav a, #ongletsfichek a, #menu_login a {
  display: block; padding: 3px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none; color: #FFFFDF;
}

#action_fichek { text-align:center; width: 440px }

#ongletsfichek li:hover, #ongletsfichek li:hover a, #ongletsfichek a:hover,
#nav li:hover, #nav li:hover a, #nav a:hover,
#menu_login li:hover, #menu_login li:hover a, #menu_login a:hover,
#ongletsfichek li.sfhover a, #ongletsfichek li.sfhover, #nav li.sfhover a, #nav li.sfhover
 { text-decoration: none; color: #CC6633; background-color: #FFFFDF }

.onglets li:hover { border-bottom: 1px solid #FFFFDF; }
.onglets li.topfocus, #nav li.topfocus, #ongletsfichek li.topfocus { border-bottom: 1px solid #FFFFDF; background-color: #FFFFDF; color: #CC6633; }
.onglets li.topfocus a, #nav li.topfocus a, #ongletsfichek li.topfocus a { color: #CC6633; }
#menu_login li.topfocus { background-color: #FFFFDF; color: #CC6633; }
#menu_login li.topfocus a { color: #CC6633; }

/* sous-menus   */
.onglets li ul  {
  position:absolute; left: -999em; height: auto; width: 11em; font-size: 90%;
  font-weight: normal; border: 1px solid black; margin: 0;padding:0; border-top: none;
  margin-left: -1px; margin-top: 1px;
}
.onglets li ul li { margin: 0; border: 0; width: 11em; overflow: hidden; }
.onglets li ul li:hover, .onglets li ul li a:hover
  { background-color:#FFFACD; border-bottom:none; color: #CC6633 }

/* pour "ramener" les sous menus quand on est dessus left: auto;*/
.onglets li:hover ul, .onglets li.sfhover ul { left:auto }

#nouveaumessage { position:absolute; top:106px;left:210px; z-index:10; background-color:#f8d65e; }


/**************************/
/* Bandeau gauche         */
/**************************/
.menu {
  margin: 0px 0px 10px 0px; padding: 0px;
  background-color: #FFFACD;
  border-right: solid 1px rgb(216,206,159);
  z-index:10;
}
#menuactu, #menusoutien { border-bottom: solid 1px rgb(216,206,159); }
p.titremenu {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color: #FFFFDF; font-weight: bold; font-size: 110%;
  text-align: center; background-color: #CC6633; margin: 0px; padding: 3px;
}
p.case_menu { margin: 0px; padding: 5px 7px 5px 7px; font-size: 90%; }

.menu ul { list-style: none; width: 140px !important; width: 139px; margin: 0px; padding: 0px; /*border-bottom: solid 1px rgb(216,206,159);*/ }
.menu li { margin: 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); /*border-right: solid 1px rgb(216,206,159);*/ }
/*div.menu li.group a {display: block; height: auto !important; height: 1.7em; line-height: 1em; margin: 0px;
			padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px #FFFACD;
			color: rgb(75,75,75); font-weight: bold; font-size: 6pt; }*/
.menu li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px;
			   padding: 0px 7px 0px 10px; border-left: solid 7px #FFFACD; text-decoration: none;
			   font-size: 90%; color: #000000; }
.menu li a:hover, .menu li a.selected { border-left: solid 7px #CC6633; border-right: solid 1px rgb(216,206,159); text-decoration: none; color: #CC6633; background-color: #FFFFDF; }


/**************************/
/* Bandeau droit          */
/**************************/
.menu_bd {
  margin: 0px 0px 10px 0px; padding: 0px;
  background-color: #FFFACD;
  border-bottom: solid 1px rgb(216,206,159);
  border-left: solid 1px rgb(216,206,159);
}
.menu_bd ul { width: 120px !important; width: 119px; margin: 0px; padding: 0px; list-style: none; }	
.menu_bd li { margin: 3px; font-size: 90%; }	
#menurechercher { overflow:hidden; border-left: solid 1px rgb(216,206,159); border-bottom: solid 1px rgb(216,206,159); }
#case_rechercher { overflow:hidden; margin: 0; padding: 0; }
#case_rechercher input { margin:-1px; padding: 0px; max-width: 120px; } 
#case_rechercher form { margin:0; padding: 0; max-width: 120px; } 
#case_rechercher #sbb { width: 120px; }


/**************************/
/* Contenu principal      */
/**************************/
.contenu-1col {float: left; width: 712px; margin: 0px 5px 10px 5px !important; margin: 0px 2px 10px 2px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-pub {float: left; width: 730px; height:91px; margin: -5px 0px 2px 0px !important; margin: -5px 2px 0px 2px; padding: 0px; background-color: #FFFACD; overflow:hidden; }
/*.contenu-pub {float: left; width: 700px; margin: 0px 5px 10px 5px !important; margin: 0px 2px 10px 2px; padding: 0px; background-color: #FFFACD; overflow:hidden; }*/
/*.contenu-1col li { margin: 0px; }*/
.contenu-2col-gauche {float: left; width: 347px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-droite {float: right; width: 347px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-gauche70 {float: left; width: 466px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col-droite30 {float: right; width: 228px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-2col {float: left; width: 350px; margin: 0px 2px 0px 2px; padding: 0px; background-color: #FFFACD; border: none; overflow:hidden; }
/*.contenu-2col ul { margin: 0px; }
.contenu-2col li { list-style:circle; margin-left: -20px; }*/
.contenu-3col {float: left; width: 226px; margin: 0px 2px 0px 2px; padding: 0px; background-color: #FFFACD; border: none; overflow:hidden; }
/*.contenu-3col ul { margin: 0px; }
.contenu-3col li { list-style:circle; margin-left: -20px; }*/
.contenu-3col-gauche20 {float: left; width: 142px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }
.contenu-3col-milieu {float: left; width: 648px; margin: 0px 2px 0px 2px; padding: 3px; background-color: #FFFACD; border: 1px solid rgb(216,206,159); overflow:hidden; }
.contenu-3col-droite20 {float: right; width: 142px; margin: 0px 5px 10px 5px !important; margin: 0px 3px 10px 3px; padding: 3px; background-color: #FFFACD; border: solid 1px rgb(216,206,159); overflow:hidden; }

.commentaires_recits {
  border: 1px solid #CC6633;
  margin: 0px; padding: 10px;
  background-color:#FFddDF;
}
.commentaires_recits_comm {
  border: 1px solid #CC6633;
  margin: 0px; padding: 10px;
  background-color:#FFFACD;
}
.commentaires_recits_comm_titre {
  border: 1px solid #CC6633;
  border-bottom: 0px;
  margin: 0px; padding: 0px 0px 0px 10px;
  background-color:#CC6633;
  font-weight:bold; color: white;
}
.commentaires_recits_comm_titre a, .commentaires_recits_comm_titre a:hover {
  color: white;
}

/**************************/
/* Tableaux         */
/**************************/
/*table { margin:0; padding: 0; }*/
td { vertical-align:top; }
table.messages { width: 100%; clear :both;}
table.messages a { }
table.messages td, th { padding: 0px; margin: 0px;  border-top:solid 1px rgb(216,206,159); }
td.date { width: 45px; font-size: 90%; vertical-align: middle; }
td.date2 { width: 70px; font-size: 90%; vertical-align: middle; }
td.auteur { font-size: 90%; vertical-align: middle; }
td.sujet { font-size: 90%; vertical-align: middle; }
table.simple { width: 100%; /*border:solid 1px rgb(216,206,159); */}
td.titremenu {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633; color: #FFFFDF;
	font-size: 110%; font-weight: bold;
	text-align: center; margin: 0px; padding: 2px 0px 2px 0px;
}
td.titremenu a {
  color: #FFFFDF;
}

table.commandes {
  margin: 0px; color: #000000; background-color : #CC6633;
	width:650px; border: 2px solid #000000;
	background-position: left top;
	}
.commandes td { font-size: 90%; background-color: #FFFFDF; text-align:left;  }

table.calendrier {
  margin: 0px; color: #000000; background-color : #FFCC33;
	width:650px; border: 2px solid #CC6633;
	background-position: left top;
}
.calendrier_titre a {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; color: #FFFFDF
}

.calendrier td { font-size: 90%; background-color: #FFFFDF; text-align:left; }
td.calendrier_titre {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633;
 	font-size: 120%; color: #FFFFDF;
	border: 1px solid #CC6633;
	background-position: left top; padding:0px; margin: 0px;
	text-align:center; vertical-align:middle;
}
/* todo : remplacer la table par les div */
table.fiche_course {
  margin: 0px; border: 2px solid #CC6633;
	background-color : #FFCC33; color: #000000;
	width: 720px;
}
#fiche_course {
	width: 720px; padding:0px; margin: 0px;
	background-color: #FFFFDF;
}
#fiche_course_titre {
  vertical-align:middle;
  background: url(../icones/tetiere_fiche_course.jpg) center no-repeat;
	background-color: #FFFFDF;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%; color: #FFFFDF; width: 720px; height: 55px;
	font-weight:bold; padding:0px; margin: 0px; text-align:center;
}
#fiche_course_titre_grand {
  vertical-align:middle;
  background: url(../icones/tetiere_fiche_course.jpg) center no-repeat;
	background-color: #FFFFDF;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%; color: #FFFFDF; width: 720px; height: 55px;
	font-weight:bold; padding:0px; margin: 0px; text-align:center;
}
#fiche_course_icones {
	width: 300px; border: 1px solid #CC6633;
	background-color: #FFFFDF; text-align:center; vertical-align:middle;
}
td.fiche_course {
	background-color: #FFFFDF; color: #000000;
	border: 1px solid #CC6633; background-position: left top; padding:2px;
}

td.fiche_course_petit {
	background-color: #FFFFDF; font-size: 90%; color: #000000; border: 1px solid #CC6633;
	background-position: left top; padding:0px;
}

td.fiche_course_titre {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633; font-size: 150%; color: #FFFFDF;
	font-weight:bold; border: 1px solid #CC6633; background-position: left top;
	padding:0px; margin: 0px; text-align:center; vertical-align:middle;
}

/**************************/
/* Fiche Kikoureur    */
/**************************/
div.fiche_k {
  position:relative;/* top: 160px !important; top:162px;*/
  margin: 0px; padding: 0px; padding-bottom:10px;
	border: solid 1px #000000;
	background-position: left top;
	width:728px;
/*	height:800px;*/
	color: #000000;
  border:solid 1px #000000;
}

div.fiche_k .titre, table.sfiche_k .titre {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633; color: #FFFFDF;
	font-size: 110%; font-weight: bold;
	text-align: center; margin: 0px; padding: 2px 0px 2px 0px;
}
div.fiche_k .titre a, table.sfiche_k .titre a {
  color: #FFFFDF;
}
div.fiche_k .photo {
  /*float: right;*/ position:absolute; right:5px; top:17px; width:245px; height:245px; text-align:center; vertical-align:middle;
}
div.fiche_k .newsfeed {
  margin-top:15px; margin-left: 10px;
  width:440px; height:210px;
}

table.sfiche_k {
  margin: 0px; 
  padding: 0px; 
  margin-bottom:14px;
  border: none; 
  color: #000000;
  border-top: 1px solid #000000;
  clear:both;
}
table.sfiche_k .soustitre a {
  color: #FFFFDF;
}
table.sfiche_k td {
	background-color: #FFFFDF;
	font-size: 90%; color: #000000;
	border: 1px solid #CC6633;
	background-position: left top;
	padding:2px;
	vertical-align:middle;
}

table.sfiche_k .soustitre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color : #CC6633;
	font-size: 110%; color: #FFFFFF;
	border: 1px solid #CC6633;
	background-position: left top;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	width:100px;
}

table.fiche_favoris {
  margin: 0px;
	background-color : #FFCC33;
	border: 2px solid #CC6633;
	background-position: left top;
	color: #000000;
	width:860px;
}

td.fiche_favoris {
	background-color: #FFFFDF;
	font-size: 100%; color: #000000;
	border: 1px solid #CC6633;
	background-position: left top;
	padding:2px;
}

td.fiche_favoris_titre {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC6633;
	font-size: 110%; color: #FFFFDF; font-weight:bold;
	border: 1px solid #CC6633;
	background-position: left top;
	padding:0px; margin: 0px;
	text-align:center; vertical-align:middle;
}
td.fiche_favoris_titre a {
	color: #FFFFDF;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}

/**************************/
/* Le texte         */
/**************************/
a { text-decoration: none; color: #CC6633; font-style: normal; }
a:hover { color: #CC6633; font-style: normal; text-decoration: underline overline}
.texteimportant{ text-align: center; font-weight: bold; color: #CC6633; font-size: 130%; }
div.code { font-size:80%; width: 90%; border:solid 1px rgb(216,206,159); margin:5px; padding: 2px; text-align:center; }
a.souligne { text-decoration: underline; }
a.plusmoins { background-color: #CC6633; color: #FFFFDF;
  margin: 2px 2px 2px 5px; padding: 0px 5px 2px 5px; border: solid 1px #000000;
  text-decoration: none;
}
a.plusmoins:hover { background-color: #FFFFDF; color: #CC6633; }
h1 {
  margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px;
  border-bottom: solid 2px #CC6633;
  color: #CC6633; font-weight: bold; font-size: 140%;
}
h2 { margin: 0px 0px 5px 0px; padding: 0px; color: #CC6633; font-weight: bold; font-size: 120%; }
h3 { margin: 5px 0px 0px 0px; padding: 0px; color: Black; font-weight: bold; font-size: 110%; }
.contenu-texte {margin: 0px; padding: 5px; text-align:justify; /*border-bottom: solid 1px rgb(216,206,159);*/ }
.contenu-texte-dense {margin: 0px; padding: 0px 0px 5px 5px; /*border-bottom: solid 1px rgb(216,206,159);*/ }
.lasuite { text-align: right; padding-top: 3px; padding-bottom: 3px; border-top:solid 1px rgb(216,206,159); }
.aligndroite { text-align: right; margin-bottom: 5px; padding-bottom: 5px; }
.centre { text-align: center; }
.moyen { display:inline; font-size: 90%; }
.petit { display:inline; font-size: 80%; }
ul.liste-justif {
  text-align: justify; padding: 5px 5px 0px 1.2em; margin: 5px 5px 0px 1.2em;
}
ul {
  text-align: left; padding: 5px 5px 0px 1.2em; margin: 5px 5px 0px 1.2em;
}
//select { font-size: 90%; }
//input { font-size: 90%; }
/**************************/
/* Images         */
/**************************/
.img-left-noborder-notopmargin {float: left; margin: 0px 3px 0px 0px; }