.dev
{
  position: absolute;
  top : 10px;
  left: 950px;
  width: 300px;
  background-color: #EEEEEE;
  color: black;
  text-align: left;
  border-style: none;
}


html { font-size: 100%; }
body
{ 
 font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
 font-size: 0.8em;
}

img { border: 0px; }

.normal
{
  font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
  font-size: 1em; 
}

.main_container
{
  width: 900px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 0px;
  padding: 0px;
  border-style: none;
  border: 0px;
}

#jump
{
  font-size: 0em;
  height:0%;
  color:#000000
}

.infobox
{
  height: 190px;
  padding: 0px;
  margin: 0px;
}

.copyright
{
  color: #3D7CD9;
  text-align: center;
  font-weight: bold;
  padding: 0px;
  margin: 4px 0 0 0;
}

.copyright A IMG 
{
  border: none; 
}

.mentions
{
  color: black;
  text-align: center;
  font-weight: bold;
  padding: 0px;
  margin: 4px 0 0 0;
}

form, input, select
{
  color: black;
}

.mentions A
{
  text-decoration: none;
  color: black;
}

.mentions A IMG
{
  border: none; 
}

.cadre
{
  border-width: 1px;
  border-color: #2C4C73; /*#2C4C73*/
  border-style: solid;
}

.cadre_rond
{
  border-color: #2C4C73;
  border-style: solid;
  padding: 0.4em;
  border-width: 1px 1px 1px 1px;
  border-radius: 10px;}

.cadre_rond_bas
{
  border-color: #2C4C73;
  border-style: solid;
  padding: 0.4em;
  border-width: 0px 1px 1px 1px;
  border-radius: 0px 0px 10px 10px;}

.cadre_rond_haut_gris
{
  border-width: 1px;
  border-color: #2C4C73;
  border-style: solid;
  padding: 4px;
  background-color: #C1CAC7;
  border-radius: 10px 10px 0px 0px;}

.fb
{
  font-size: 1.07em;
  padding: 5px;  
  color: #2C4C73;
  text-align: center;
  border-width: 1px;
  border-color: #2C4C73;
  border-style: solid;
  /* Do rounding (native in Firefox and Safari) */
  border-radius: 10px;}

.fb a
{
  text-decoration: none;
  color: #2C4C73;  
}

.scroll_frame
{
  width: 670px;
  overflow:auto;
  height: 410px;
}

.header
{
  /*width: 900px;*/
  height: 100px;
  border-width: 1px;
  /*border-color: #2C4C73;*/ /*#2C4C73*/
  border-color: black;
  border-style: solid;
  background-image: url(/image.php?path=images/bandeau.png);
  font-weight: normal;
  text-align: right; 
  color: black;  
}

.m2_buttons
{
  margin-top: 0;
  text-decoration: none;
  color: black;
  border: 0px;
}

.m2_buttons img
{
  text-decoration: none;
  border: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

.header_button_label
{
  font-size: 0.9em;
  display: inline;  
  margin-top: 0;
  text-decoration: none;
  color: black;
  border: 0px;
}

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

#menu A
{
  text-decoration: none;
}

#menu2
{
  list-style-type: none;
  margin: 3em 0 0 0;
  padding: 0;
}

#menu2 A
{
  text-decoration: none;
}

.menu_bouton
{
  font-size: 0.87em;
  display: inline;
  background-image: url(/image.php?path=images/btn_motif.png);
  background-repeat:repeat-x;
  font-weight: bold;
  float: left;
  color: white;
  background-color: #2C4C73;
  padding: 8px 0px 8px 0px;
  margin: 0;
  border-width: 0px 0px 1px 1px;
  border-color: black;
  border-style: solid;
  text-align: center;
}

.menu_bouton_d
{
  background-image: url(/image.php?path=images/btn_d_motif.jpg);
}

.menu_bouton_last
{
  border-width: 0px 1px 1px 1px;
}

.hspacer
{
  clear: both;
  width: 100%;  
  height: 25px;
}

.hspacer-small
{
  clear: both;
  width: 100%;  
  height: 5px;
}

.vspacer
{
  width: 20px; 
  height: 25px;
  float: left;
}

.leftspace
{
  width: 700px;
  float: left;
}

.rightbar
{
  width: 180px;
  float: left;
}

.leftbar
{
  width: 180px;
  float: left;
}

.centerbar
{
  width: 500px;
  float: left;
}

.contact
{
  width: 180px;
  height: 50px;
  float: left;
}

.contact A img
{
  text-decoration: none;
  border: 0px;
}

.titre_normale
{
  font-size: 0.87em;
  background-color: white;
  border-width: 1px;
  padding: 5px;
  border-style: dotted;
  border-color: #2C4C73;
  border-radius: 4px;}

.titre
{
  font-size: 0.68em;
  background-color: white;
  border-width: 1px;
  padding: 5px;
  border-style: dotted;
  border-color: #2C4C73;
  border-radius: 4px;}

.titre_normale H1
{
  font-size: 1em;
  display: inline;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}

.titre H1
{
  display: inline;
  font-weight: normal;
}

.titre H2
{
  font-size: 1em;
  font-weight: normal;
  display: inline;
  padding:0;
  margin:0;
}

.titre A
{
  text-decoration: none;
  color: black;
}

.bluesquare
{
  background-color: #2C4C73;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  float: left;
  padding: 0.6em;
  margin-right: 0.6em;



  /* Do rounding (native in Firefox and Safari) */
  border-radius: 3px;}

.rond
{
  border-radius: 10px;}

.rond_haut
{
  padding: 4px;
  border-radius: 10px 10px 0px 0px;
}

.rond_bas
{
  padding: 4px;
  border-width: 0px 1px 1px 1px;
  border-radius: 0px 0px 10px 10px;}

.rond
{
  padding: 4px;
  border-width: 1px 1px 1px 1px;
  border-radius: 10px;}

.invisible
{
  width: 0px;
  height: 0px;
}

.gris
{
  background-color: #C1CAC7;
}

.papers_slide
{
  width: 100%;
  height: 87px;
  text-align: center;
}

.mainpart
{
  font-size: 0.87em;
  border-width: 1px;
  padding: 5px 10px 5px 10px;
  border-style: dotted;
  border-color: #2C4C73;
  /* Do rounding (native in Firefox and Safari) */
  border-radius: 4px;  height: 426px;
}

.mainpart H1
{
  margin-top: 0px;
  margin-bottom: 20px;
}

.mainpart H2
{
  margin-top: 0px;
}

.mainpart H3
{
  margin-top: 0px;
}

.mainpart A
{
  text-decoration: none;
  color: #2C4C73;
}

.breves_content
{
  font-size: 0.67em;
  border-width: 1px;
  padding: 0.5em;
  padding-top: 0;
  border-style: dotted;
  border-color: #2C4C73; /* #2C4C73 */
  /* Do rounding (native in Firefox and Safari) */
  border-radius: 4px;  height: 297px;
}

.breves_content
{
  margin: 0;
}

.mainpart_home
{
  font-size: 0.85em;
  border-width: 1px;
  padding: 0.5em 1em 0.5em 1em;
  border-style: dotted;
  border-color: #2C4C73;
  /* Do rounding (native in Firefox and Safari) */
  border-radius: 4px;  height: 460px;
}

.mainpart_home P
{
  font-size: 1em;
}

.mainpart_home H1
{
  font-size: 1.1em;
  margin-top: 0px;
  margin-bottom: 20px;
}

.mainpart_home H2
{
  margin-top: 0px;
}

.mainpart_home H3
{
  margin-top: 0px;
}

.mainpart_home A
{
  text-decoration: none;
  color: #2C4C73;
}

.legal
{
  margin: 25px 20px 0 20px;
  padding: 20px;
  background-color: #C1CAC7;
  line-height: 1.5em;

  border-width: 1px;
  border-color: #C1CAC7;
  border-style: solid;
  /* Do rounding (native in Firefox and Safari) */
  border-radius: 15px;}

.legal_simple
{
  line-height: 1.5em;
  margin: 10px;
  padding: 10px;
}

.legal_tres_simple
{
  line-height: 1.5em;
 margin: 0;
  padding: 0px;
}

.hr
{
  clear: both;
  height:1px;
  width:50%;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #2C4C73}


.demoCB
{
  position: relative;
  float: left;
  clear: right;
  text-align: left; 
  margin-top: 8px;
  padding-bottom: 7px;

}

.orderInput
{
  position: relative;
  float: left;
  clear: right;
  font-weight: normal;
  text-align: left; 
  width: 28%; 
  margin: 5px 0 2px 0
}

.demoInput
{
  position: relative;
  float: left;
  clear: right;
  font-weight: normal;
  text-align: left; 
  width: 56%; 
  margin: 5px 0 2px 0
}

.demoLabel
{
  position: relative;
  float: left;
  clear: left;
  text-align:right;
  width:35%;
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.loginLabel
{
  margin-right: 20px;
  font-size: 1em;
}

.loginButton
{
  margin-top : 3em;
  font-size: 1em;
}

.demoButton
{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; 
  font-weight: bold; 
}

.orderLabel
{
  text-align:right;
  width:30%;
  float:left;
  margin-right:20px
}

.paper_container
{
  margin-top: 3px;
  width: 134px; float:
  left;
  height: 80px;
  position:relative;
}

.paper_image
{
  display:none;
  position:absolute;
  top: 50%;
  left: 50%;
  margin: 0;
}