/* Texte */

/* Général */
html
{
   background-color: rgb(255, 255, 255);
} 

button
{
   border: 0;
   margin: 0;
   padding: 0;
}

.imgNormal
{
   border: 0;
   height: 0.7em;
}

.imgHeight1
{
   border: 0;
   height: 1.2em;
}

select option
{
   text-align: center;
}

body
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
   width: 100%;
   color: rgb(  0,   0,   0);
}

@media screen and (orientation: portrait)
{
   body
   {
      font-size: 1.3em;
   }
   .imgHeight1
   {
      height: 1.3em;
   }
}

a
{
   text-decoration: none;
   color: rgb(  0,   0,   0);
}

.hide
{
   display: none;
}

.waiting
{
   cursor: wait;
}

/* Contenu */

#global
{
   width: 100%;
   display: inline-block;
}

/* Entête */

.headerLarge
{
   display: inline-block;
   width: 100%;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
   height: 6em;
   z-index: 999;
}

.titleLarge
{
   display: inline-block;
   width: 20%;
   text-align: center;
   vertical-align: middle;
}

#titleLarge div
{
   width: 100%;
   vertical-align: middle;
   margin-top: 0.5em;
}

#titleLarge div a
{
   color: rgb(255, 255, 255);
   font-size: 2em;
}

#wrapperMenuAndAccount
{
   display: inline-block;
   width: 80%;
   height: 6em;
   text-align: center;
   vertical-align: middle;
}

#account
{
   margin-left: 70%;
   width: 30%;
   height: 4em;
   text-align: center;
   vertical-align: top;
   padding-top: 0.3em;
}

#account div
{
   margin-bottom: 0.5em;
}

#account a
{
   color: rgb(255, 255, 255);
}

#account a:hover
{
   color: rgb(215, 215, 215);
}

.navBarLarge
{
   display: inline-block;
   width: 75%;
   text-align: center;
   vertical-align: middle;
   height: 2em;
}

.navBarLarge a
{
   color: rgb(255, 255, 255);
}

.navBarLarge a:hover
{
   color: rgb(215, 215, 215);
}

.navBarLarge div
{
   display: inline-block;
   vertical-align: bottom;
   height: 1.5em;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

#headerBanderLarge
{
   position: fixed;
   display: inline-block;
   width: 100%;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
   height: 1.7em;
   z-index: 999;
   padding-top: 0.3em;
}

#titleBanderLarge
{
   vertical-align: top;
}

#titleBanderLarge div a
{
   color: rgb(255, 255, 255);
   font-size: 1em;
}

#wrapperMenuBanderLarge
{
   display: inline-block;
   width: 80%;
   height: 2em;
   text-align: center;
   vertical-align: middle;
}

.actionsLarge
{
   display: inline-block;
   width: 25%;
   height: 2em;
   text-align: center;
   vertical-align: middle;
}

#actionsBanderLarge img
{
   cursor: pointer;
   height: 1.1em;
   vertical-align: middle;
}

#headerSmall
{
   position: fixed;
   display: none;
   width: 100%;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
   height: 1.7em;
   z-index: 999;
   padding-top: 0.3em;
   text-align: center;
   vertical-align: middle;
}

#buttonNavBarSmall
{
   display: inline-block;
   width: 15%;
   vertical-align: middle;
}

#buttonNavBarSmall img
{
   cursor: pointer;
   height: 1.1em;
   vertical-align: middle;
}

#titleSmall
{
   display: inline-block;
   width: 70%;
}

#titleSmall div a
{
   color: rgb(255, 255, 255);
   font-size: 1em;
}

#actionsSmall
{
   display: inline-block;
   width: 15%;
}

#actionsSmall img
{
   cursor: pointer;
   height: 1.1em;
   vertical-align: middle;
}

#navBarSmall
{
   position: fixed;
   display: none;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
   z-index: 999;
   margin-top: 2em;
}

#navBarSmall a
{
   color: rgb(255, 255, 255);
}

#navBarSmall a:hover
{
   color: rgb(215, 215, 215);
}

#navBarSmall div
{
   display: block;
   vertical-align: bottom;
   height: 1.3em;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

#contentActions
{
   position: fixed;
   right: 0;
   display: none;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
   z-index: 999;
   margin-top: 2em;
}

#contentActions div
{
   display: block;
   vertical-align: bottom;
   height: 1.3em;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

@media screen and (max-width: 900px)
{
   .titleLarge
   {
      width: 25%;
   }
   
   #wrapperMenuAndAccount
   {
      width: 75%;
   }
   
   .navBarLarge
   {
      width: 67%;
   }
   
   .actionsLarge
   {
      width: 33%;
   }
   
   #wrapperMenuBanderLarge
   {
      width: 75%;
   }
}

@media screen and (max-width: 750px)
{
   .titleLarge
   {
      width: 30%;
   }
   
   #wrapperMenuAndAccount
   {
      width: 70%;
   }
   
   .navBarLarge
   {
      width: 80%;
   }
   
   .actionsLarge
   {
      width: 20%;
   }
   
   #wrapperMenuBanderLarge
   {
      width: 70%;
   }
   
   #leftWidgets
   {
      display: none;
   }
   
   #rightWidgets
   {
      display: none;
   }
}

@media screen and (max-width: 600px)
{
   #headerSmall
   {
      display: inline-block;
   }
   
   #headerLarge
   {
      display: none;
   }
   
   #headerBanderLarge
   {
      display: none;
   }
}

/* Centre de page */

#content
{
   width: 92%;
   display: inline-block;
   padding: 0em 4%;
}

.setContentDownLarge
{
   margin-top: 6em;
}

.setContentDownSmall
{
   margin-top: 2em;
}

#content h1, #content h1 a
{
   color: rgb(  0, 111,   0);
}

.hideElement
{
   display: none;
}

/* Pied de page /

#footer
{
   width: 100%;
   display: inline-block;
   background-color: rgb(  0, 111,   0);
   color: rgb(255, 255, 255);
}

#footer section
{
   width: 31%;
   display: inline-block;
   padding: 0.5em 1%;
   vertical-align: top;
}

#footer header
{
   font-weight: bold;
   margin-bottom: 0.5em;
}

#footer a
{
   color: rgb(255, 255, 255);
}

#footer a:hover
{
   color: rgb(215, 215, 215);
}

#footer ul
{
   list-style-type: none;
   padding: 0;
   margin: 0;
}

#footer li
{
   padding: 0;
   margin: 0;
}

/* Widgets flotants */

#leftWidgets
{
   position: fixed;
   bottom: 1em;
   left: 0.5%;
   width: 2.7%;
   z-index: 997;
   color: rgb(  0,   0,   0);
   text-align: center;
}

#rightWidgets
{
   position: fixed;
   bottom: 1em;
   right: 0.5%;
   width: 2.7%;
   z-index: 997;
   color: rgb(  0,   0,   0);
   text-align: center;
}

/* Fin du texte */