html,body{
font-family:arial,sans-serif;
padding:0;
margin:0;
background-color:#ddd;
}
a {
	color: #227;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #ff8000;
}
#container1{
width:100%;
margin:0 auto;
}
#Topbar{
background-color:#fff;
border-bottom:1px solid #989898;
font-size:1em;
margin:0;
padding:16px 16px 4px 16px;
white-space:nowrap;
}
#lienTopbar{
position:absolute;
right:0;
top:0;
padding:4px 8px 0 0;
font-family:arial,sans-serif;
font-size:10pt;
font-weight:bold;
text-align:right;
}
#lienTopbar a{
font-weight:normal;
}
#Logo{
vertical-align:middle;
display:inline-block;
}
#Visuge{
-webkit-border-radius:10px;
-moz-border-radius:10px 10px 10px 10px;
background-color:#EEEEEE;
border:1px solid #989898;
padding:2px;
position:absolute;
right:10px;
text-align:right;
top:68px;
font-weight:bold;
}
#Visuge .page{
	color: #999999;
	text-decoration: none;
	font-size:10.5pt;
	text-decoration: underline;
}
#Visuge a{
	color: #5E5E5E;
	text-decoration: none;
	font-size:10.5pt;
	font-weight:bold;
}
#Visuge a:hover {
	text-decoration: underline;
	color: #ff8000;
}
#princip{
padding-left:30px;
}
#formulaire{
text-align:right;
right:40px;
height:1px;
}
#footer{
margin:12px 16px 12px 16px;
font-size:12px;
text-align:center;
}
#tab td
{
    border: #68B0B1 1px solid;
}
#tab th
{
	background-color: #B8C7D3;
    border: #989898 2px solid;
	font-weight:bold;
}
#tab
{
    border: #989898 2px solid;
}
#act
{
font-weight:bold;
}
#nav
{
font-weight:bold;
}
#cadre{
border:1px solid #989898;
padding:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
legend  {
margin: 0px 10px;
color: #227;
font: bold 13px arial, sans-serif;
}
label {
color: #000;
font: 11px arial, sans-serif;
line-height: 15px;
vertical-align: top;				
margin: 0px 10px 0px 20px;
padding: 0px 0px 0px 0px
}
#nom {
width: 450px;
margin-left: 19px;
}
#email {
width: 450px;
margin-left: 15px;
}
#objet{
width: 450px;
margin-left: 16px;
}
#message{
width: 450px;
}
#signature{
width: 450px;
}
.pane-row{
position:relative;
margin:8px 16px 0 16px;
}
.pane{
position:relative;
background-color:#989898;
border:4px solid #fff;
padding:4px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pane-header{
position:relative;
margin:0;
padding:4px;
padding-bottom:8px;
}
.pane-header h2{
color:#fff;
font-size:14px;
font-family:arial,sans-serif;
font-weight:bold;
}
.pane-content{
background-color:#fff;
padding:40px;
}
.pane-simple{
font-size:14px;
font-family:arial,sans-serif;
}
.pane-simple h2{
font-weight:bold;
}
.pane-simple dt{
border:1px solid #989898;
padding:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pane-minus{
font-size:12px;
font-family:arial,sans-serif;
}
.pane-minus h2{
font-weight:bold;
}
.pane-minus dt{
border:1px solid #989898;
padding:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pane-row-sizer+.pane-row{
margin-top:0;
}
.pane-row-sizer{
position:relative;
width:100%;
border-bottom:1px solid #989898;
font-size:1em;
margin-top:25px;
margin-bottom:25px;
}
input.mise1 { 
color: black;
width: 60px;
vertical-align: middle;
font-weight: bold;
}
input.mise2 { 
color: black;
width: 75px;
vertical-align: middle;
font-weight: bold;
}
input.mise3 { 
color: black;
width: 135px;
vertical-align: middle;
font-weight: bold;
}
input.mise4 { 
color: black;
width: 256px;
vertical-align: middle;
font-weight: bold;
}
input.mise5 { 
color: black;
width: 372px;
vertical-align: middle;
font-weight: bold;
}
select.mises { 
color: black;
width: 75px;
vertical-align: middle;
font-weight: bold;
}
input.mised1 { 
color: black;
background-color: #D4D0C8;
width: 60px;
color:#85827A;
vertical-align: middle;
}
input.mised2 { 
color: black;
background-color: #D4D0C8;
width: 75px;
color:#85827A;
vertical-align: middle;
}
input.mised3 { 
color: black;
background-color: #D4D0C8;
width: 135px;
color:#85827A;
vertical-align: middle;
}
input.mised4 { 
color: black;
background-color: #D4D0C8;
width: 256px;
color:#85827A;
vertical-align: middle;
}
input.mised5 { 
color: black;
background-color: #D4D0C8;
width: 372px;
color:#85827A;
vertical-align: middle;
}
select.miseds { 
color: black;
background-color: #D4D0C8;
width: 75px;
color:#85827A;
vertical-align: middle;
}
.alert{
color: red;
font-weight: bold;
}
.vert{
color: green;
font-weight: bold;
}
a.red{
color: red;
font-weight: bold;
text-decoration:none; 
}
.fort{
font-weight: bold;
}
.minired{
font-size:9px;
color: red;
font-weight: bold;
margin-left:45px;
}
.supprim{
	
	background:url(but_x.png) top right no-repeat;
	width:16px;
	height:16px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}
.earth{
	
	background:url(earth.png) top right no-repeat;
	width:20px;
	height:20px;
	padding: 5px 0 0 25px;
	cursor: pointer;
	border:0;
}
.modiff{
	
	background:url(b_edit.png) top right no-repeat;
	width:16px;
	height:16px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}
.voir{
	
	background:url(Voir.png) top right no-repeat;
	width:16px;
	height:16px;
	padding: 0 0 0 30px;
	cursor: pointer;
	border:0;
}
.eye{
	
	background:url(eye.png) top right no-repeat;
	width:16px;
	height:16px;
	padding: 0 0 0 25px;
	cursor: pointer;
	border:0;
}
.cadre{
border:1px solid #989898;
padding:2px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.bouton{
	
	background:url(but_cal.png) top right no-repeat;
	width:290px;
	height:100px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}
.bouton:hover {
	
	background:url(but_cal_h.png) top right no-repeat;
	width:290px;
	height:100px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}
.bouton1{
	
	background:url(but_gc.png) top right no-repeat;
	width:290px;
	height:60px;
	padding: 10px 290px 13px 10px;
	cursor: pointer;
	border:0;
}
.bouton1:hover {
	
	background:url(but_gc_h.png) top right no-repeat;
	width:290px;
	height:60px;
	padding: 10px 290px 13px 10px;
	cursor: pointer;
	border:0;
}
.bouton2{
	
	background:url(but_aa.png) top right no-repeat;
	width:290px;
	height:60px;
	padding: 10px 290px 13px 10px;
	cursor: pointer;
	border:0;
}
.bouton2:hover {
	
	background:url(but_aa_h.png) top right no-repeat;
	width:290px;
	height:60px;
	padding: 10px 290px 13px 10px;
	cursor: pointer;
	border:0;
}
#dragsafe{
position:absolute;
top:0;
left:0;
height:0;
width:100%;
z-index:9999;
}
div.help {
  display: inline-block;
  width: 14px;
  margin: -1px 0;
  height: 14px;
  background: url("data:image/gif;base64,R0lGODlhDAAMAMQAAAAAAP////T4/ujx/ery/UKP7k6W71CX71KY71Sa8Gak8XGr8nWu83ev83qv83ux83yx832y85XA9aHH96rN+KvO+KzO+K3O+LnV+cTc+tDj+9Xm+////wAAAAAAAAAAACH5BAEAABwALAAAAAAMAAwAAAVKIMcRVoMgjUWI3BYVcOxs41tIGqbAEQkvgshkECv9XopAzBQrKASX2KmZyTRRzUYia2lqdkWCrbAwxHqtRxMGoYkIFcbhwKCsOCEAOw==") center bottom no-repeat;
  opacity: 0.33;
}
div.help:hover {
  opacity: 1;
}
div.help div {
  display: none;
}
#helpTooltip {
  z-index: 1000;
  position: absolute;
  background: #d6e8ff;
  padding: 0.3em 0.8em;
  max-width: 30em;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
  border: 1px solid #a8cfff;
  border-radius: 0;
  line-height: 140%;
  font-size: 92%;
}
#helpTooltip p {
  margin: 0.6em 0;
}

a.info{
    position:relative; 
    z-index:24; 
	background-color:transparent;
	color:#ffffff;
    text-decoration:none;}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:-12em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }