/**/
/*   Feuille de style pour le site web des Scouts et Guides de France*/
/*   Territoire du Haut-Rhin   */
/**/

body
{
  background-image: url(/images/fond.jpg);
  line-height: 1.2em;
  text-align: center;
  margin: 0;
  padding: 0;
}

div#page
{
  width: 90%;
  margin: auto;
}

#colonneGauche
{
  position: fixed;
  float: left;
  width: 200px;
  margin: auto;
  vertical-align: top;
  text-align: center;
}

#finMenu
{
  display: block;
  background: url(/images/imgMenuFooter.jpg) no-repeat;
  width: 200px;
  height: 21px;
}

#Menu
{
  background: url(/images/imgMenuBackground.jpg) repeat-y 0px 0;
  display: block;
  width: 200px;
  list-style: none;
  padding-top: 0.4em;
}

#Menu li
{
  width: 200px;
}

ul#menuList
{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

div#contenu
{
  float: right;
  margin-left: 5%;
  width: 70%;
  vertical-align: top;
  text-align: justify;
}

p
{
  text-align: justify;
}

.texte, .texteGras, h3, p
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  color: black;
}

.texteGras, h3
{
  font-weight: bold;
  color: #C62924;
}


.texte a, .texteGras a, p a
{
  cursor: pointer;
  color: #0000EE;
}

.titrePage, h1
{
  font-family: Arial, Helvetica, Sans Serif;
  font-weight: bold;
  font-size: 24px;
  color: #000099;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.titreParagraphe, h2
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 16px;
  font-style: italic;
  color: #000099;
  margin-bottom: 0em;
  padding-bottom: 0.2em;
  padding-left: 22px;
  width: auto;
  border-bottom: 1px solid #000099;
  background: url(/images/puceLogoTerritoire2.gif) no-repeat 0px;
}

.titreAgenda
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 12px;
  color: black;
  text-align: left;
}

.texteAgenda, .texteAgenda a
{
  padding-top: 0em;
  padding-bottom: 0.1em;
  font-family: "Trebuchet MS";
  font-size: 12px;
  color: #C62924;
  text-align: left;
  text-decoration: none;
}

.titrePostIt
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 20px;
  color: #C62924;
  text-align: left;
}

.textePostIt
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  color: #440000;
  text-align: left;
}

.textePostIt a
{
  text-decoration: none;
  cursor: pointer;
  color: #0000EE;
}

.noteBasPage
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  color: #000099;
}

.noteBasPage a
{
  text-decoration: none;
  cursor: pointer;
  color: #0000EE;
}

.titreNews
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 12px;
  color: #C62924;
}

.texteNews
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 12px;
  color: #000099;
}

.texteNews a
{
  text-decoration: none;
  cursor: pointer;
  color: #000099;
}

.menu
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 14px;
  color: #C62924;
  line-height: 1.8em;
}

.menu a
{
  color: #C62924;
  text-decoration: none;
}

.menu a:hover
{
  color: #F5CC0E;
  text-decoration: none;
}

.currentMenu
{
  color: #000099;
}

table
{
  border-right: 1px solid #C62924;
  border-bottom: 1px solid #C62924;
  border-top: 1px solid #C62924;
  border-left: 1px solid #C62924;
  border-collapse: separate;
  border-spacing: 1px;
  background-color: #FCFDD1;
}

td, th
{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 1px;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
}

td
{
  background-color: #F8E9A6;
  font-size: 12px;
  color: #000099;
}

th
{
  background-color: #F5CC0E;
  font-weight: bold;
  font-size: 12px;
  color: #C62924;
}

th a
{
  color: #C62924;
}

img, img a
{
  display: inline;
  margin: 5px;
  border: none;
}

ul
{  
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  color: black;
  list-style-image: url("/images/bullet.gif");
}

.menuAccueil, .menuAccueil a
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  color: #C62924;
}

.menuAccueil a:hover
{
  text-shadow: black 1px 1px 2px;
}

.citation
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  color: #C62924;
}

hr.menu
{
  width: 60%;
}

label, .label
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  font-weight: bold;
  color: #C62924;
  float: left;
  width: 45%;
  text-align: right;
  padding-right: 5px;
}

label.labelGroupe, .labelGroupe
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  font-weight: bold;
  color: #C62924;
  float: left;
  width: 25%;
  text-align: right;
  padding-right: 5px;
}

.labelInfo
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 11px;
  font-style: italic;
  color: #888888;
  width: 100%;
  text-align: center;
  padding-left: 2px;
}

.labelInfoGroupe
{
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 11px;
  font-style: italic;
  color: #888888;
  width: 100%;
  text-align: left;
  margin-left: 25%;
  padding-left: 2px;
}

.champ
{
  display: inline;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 11px;
  color: black;
}

input, textarea, .texteChamp, select
{
  display: inline;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 11px;
  color: black;
}

option
{
  display: block;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 11px;
  color: black;
}

.ligneForm
{
  display: block;
  padding-bottom: 10px;
  text-align: left;
}

img.right
{
  float: right;
}

img.left
{
  float: left;
}

td.boutons
{
  white-space: nowrap;
}

.logoLien
{
  display: inline;
  width: 200px;
}

.titreLien
{
  display: inline;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  font-weight: bold;
  color: #C62924;
  padding-left: 5px;
  padding-right: 5px;
}

.descriptionLien
{
  display: inline;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-size: 12px;
  color: black;
}

.ligneLien
{
  display: block;
  padding-bottom: 10px;
  text-align: left;
}

#onglets
{
  display: block;
  position: fixed;
  top: 0px;
  vertical-align: top;
  margin-top: 0px;
  padding-top: 0px;
}

.ongletCourant, .onglet
{
  display: inline;
  font-family: "Trebuchet MS", Verdana, Arial, Sans Serif;
  font-weight: bold;
  font-size: 12px;
  padding: 3px;
  margin-bottom: 4px;
  margin-right: 2px;
  margin-left: 2px;
  white-space: nowrap;
}

.ongletCourant
{
  background: url(/images/fondOnglet.jpg);
  color: #C62924;
  border-left: 2px solid #000099;
  border-right:  2px solid #000099;
  border-bottom:  2px solid #000099;
}

.onglet
{
  background: url(/images/fondOngletCourant.jpg);
  border-left: 1px solid #C62924;
  border-right:  1px solid #C62924;
  border-bottom:  1px solid #C62924;
  color: #000099;
}

.onglet a
{
  text-decoration: none;
  color: #000099;
  cursor: pointer;
}

.ongletCourant a
{
  text-decoration: none;
  color: #C62924;
  cursor: pointer;
}

div#menuCMS
{
  border: 1px solid #C62924;
  background-color: #FFFFEE;
  margin-top: 15px;
  margin-bottom: 15px;
}

div#descriptionGroupe
{
  border: 1px solid #C622924;
  margin-right: 300px;
  display: inline;
}

div#test
{
  float: left;
}

div.ligneInfoGroupe
{
  clear:left;
  display: block;
  padding-top: 15px;
}

img.etiquetteGroupe
{
  position: relative;
  float: left;
  padding-right: 3px;
  padding-bottom: 15px;
  border-right: 1px solid #D82727;
}

p.descriptionGroupe
{
  position: relative;
  text-align: left;
  width: auto;
  margin-left: 40px;
}

img.illustrationGroupe
{
  float: right;
}