body 
{
color : #000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;background-color:#FFFFFF; background-color:#F9F9F9;
}
#global 
{
text-align:center;
width:950px;
margin:auto;
margin-top:15px;
margin-bottom:30px;
height:auto;
padding-top:25px 50px 30px 50px;
background-color:#FFFFFF; 
border: 2px solid #CCCCCC;
border-radius: 8px;
-moz-box-shadow: 0 0 5px 5px #CCCCCC;
-webkit-box-shadow: 0 0 5px 5px #CCCCCC;
box-shadow: 0 0 5px 5px #CCCCCC;
overflow: hidden;
 
} 
#menu_haut {
width:100%;
background-color:#003300; 
background:-moz-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8)); 
background:-webkit-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8));
background:-ms-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8));
background:linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8)); 
height:50px;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:bold;
padding-top:5px;}

#menu ul li {
position:relative;
float:right;
width:170px;
cursor :pointer;
display:block;
height :21px;
font-size:15px;
background-color:#FFFFFF;
color:#FFFFFF;
 
font-weight:bold;
text-align:center;
padding-top:6px;
padding-bottom:4px;
 
background-image:url(../im/fond/menu_dbm.gif);
background-repeat:no-repeat;
 
 }

#menu ul li a:hover 
{
color:#FFFF00;
}
 
#menu ul li ul {
display:none;
position:absolute;
width:170px;
top:22px;
let:0px;
text-align:left;
margin-left:0px;
padding:2px;
font-size:14px;
}
 
#menu ul li ul li {

padding-left:2px;
padding-bottom:2px;
padding-top:2px;
width:170px;

 
}
 
#menu ul li ul li a 
{
font-size:11px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;
text-align:left;
background-color:#CCCCCC;
color:#000000;
padding-left:3px;
padding-bottom:3px;
padding-top:3px;
}

#menu ul li ul li a:hover 
{
color:#000000;
background-color:#999999;
font-size:11px;
text-align:left;
padding-left:3px;
padding-bottom:3px;
padding-top:3px;
 }
 
/*#entete{ height:105px; background-image:url(https://www.dbm-technologie.de/im/logo/BOURGET_2015_DBM_TECHNOLOGIE.jpg); background-repeat:no-repeat;
background-position:center center; }*/
#entete{ height:105px;   }

#logo{ float:left; margin:10px; }
#logo img{width:301px; height:50px; border:none; }		
#logo span{ padding-left: 25px;}	
#drapeau{ float:right;   margin:10px;}
#drapeau img{ border:none; width:37px; height:22px; border-radius: 8px; border: 1px solid #00CC00; padding:2px;}
#tout{width:900px; padding:10px; overflow: hidden;}
#tout h1{ letter-spacing:normal; color:#00CC00; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding :5px 5px 0px 17px; border-bottom: 1px solid #00CC00; text-align:left;}
#contenu{ margin-left:320px; font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:justify;}
#contenu p {font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:justify;}
/*#contenu a:link {font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:justify;} 
#contenu a:hover {font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#0033CC; text-align:justify;} 
*/
#contenu h1{color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding :5px 5px 0px 17px; border-bottom: 1px solid #FFFFFF;}
#contenu h2{font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-weight:bold; color:#00CC00; padding-left:17px;}
#contenu ul{list-style:none; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
#contenu ul li { font-size:12px; text-align:left; background: url(../im/fond/puce.gif) no-repeat  0 50%; padding-left:17px;}
#contenu ul li a{ font-size:12px; text-align:left; background: url(../im/fond/puce.gif) no-repeat  0 50%; padding-left:17px;}
#contenu ul li a:hover{font-size:12px; text-align:left; }		
#contenu  #demande_devis {color:#FFFFFF;  background-color:#006600; padding:5px; height:auto; width:300px; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid white; border-radius: 8px; text-align:center; margin:auto;}
#contenu #demande_devis p a {color:#FFFF00; background-color:#006600;  padding:5px; height:auto; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid yellow; border-radius: 8px; text-align:center; margin:auto;}
#contenu #demande_devis p a:hover{color:#FFFFFF;  background-color:#333333; padding:5px; height:auto; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid white; border-radius: 8px; text-align:center; margin:auto;}

#illustration {width:315px; height:auto; float:left;}
.images_illu_DBM {width:310px; height:auto; margin:0px 0px 10px 0px;}
.images_illu_DBM img { width:300px;  height:auto;border:none;}
.images_illu_DBM p {text-align:left; color:#000000; padding:0px 0px 0px 10px; }
.images_illu_DBM p a {text-align:left; color:#000000;}
.images_illu_DBM p a:hover {text-align:left; color:#CC3300; }

#application{width:900px; padding:10px;  float:left;} 
#application  h1{ letter-spacing:normal; color:#00CC00; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding :5px 5px 0px 17px; border-bottom: 1px solid #00CC00; text-align:left;}
		
.images_DBM {width:260px; height:280px; float:left; margin:0 5px 0 25px;  display:inline;  overflow:hidden;}
.images_DBM img{width:260px; height:203px;  border:none; margin-top:10px; }
.images_DBM p {text-align:center;  color:#000000; }
.images_DBM p a {text-align:center; color:#000000;}
.images_DBM p a:hover {text-align:center; color:#CC3300; }
#bouton {color:#FFFFFF;  background-color:#006600; padding:5px; height:20px; width:300px; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid white; border-radius: 8px; text-align:center; margin:auto;}
#bouton p a {color:#FFFF00; background-color:#006600;  padding:5px; height:20px; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid yellow; border-radius: 8px; text-align:center; margin:auto;}
#bouton p a:hover{color:#FFFFFF;  background-color:#333333; padding:5px; height:20px; line-height: 1.5em; font-size: 1em; font-weight:bold; border:1px solid white; border-radius: 8px; text-align:center; margin:auto;}

#form {background-color:#FAFAFA; padding:10px; width:450px; border-radius: 8px;
background:-moz-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5)); 
background:-webkit-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5));
background:-ms-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5));
background:linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5)); 
border:1px solid green; overflow:hidden; margin-bottom:20px;
margin:auto;}
#form_dialog {text-align:center; background-color:#FAFAFA; padding:10px; width:auto; margin:15px; color:#333; border-radius: 8px;
background:-moz-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5)); 
background:-webkit-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5));
background:-ms-linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5));
background:linear-gradient(rgba(204, 204, 204, 0.5), rgba(51, 204, 0, 0.5)); 
border:1px solid green; overflow:hidden; 
}
#form  fieldset {padding:0 10px 10px 10px; margin-bottom:10px;  border:1px solid #003300; border-radius: 8px;}
#form  legend {color:#009900; font-weight:bold}
#form label {margin-top:10px; display:block;}
#form label.inline {display:inline; margin-right:50px;}
#form  textarea{width:350px; margin:auto; text-align:center;}
#form p {font-size:12px; text-align:left; padding:10px;}
#form input, textarea, select, option {background-color:#FFFFFF; color:#009933;}
#form form input, textarea, select {padding:3px; border:1px solid #F5C5C5; border-radius:5px; width:200px; box-shadow:1px 1px 2px #C0C0C0 inset; display:block;}
#form form select {margin-top:10px;}
#form input[type=submit], input[type=reset] {width:100px; margin-left:5px; box-shadow:1px 1px 1px #CCCCCC;  cursor:pointer; border-radius: 8px;}
#form input[type=submit]:hover, input[type=reset]:hover {background-color:#99FF66; border-radius: 8px;}
#form input[type=submit]:active, input[type=reset]:active {background-color:#FCDEDE; box-shadow:1px 1px 1px #CCCCCC  inset; border-radius: 8px;}

#contact_postal_tout{ width:940px; margin:auto; overflow: hidden;}
.contact_postal{border:1px solid green; width:350px; height:150px; text-align:left; padding:10px 15px 10px 15px; margin:20px 15px 20px 15px; border-radius: 8px; float:left;}
.contact_postal a:link{color:#333;}	
.contact_postal a:hover{color:#0033CC;}		
.contact_postal a:visited{color:#333;}		
.map_google{width:850px; height:450px; text-align:center;} 
#bas{width:100%; margin:auto;  background-color:#003300; height:300px; color:#FFFFFF; text-align:center; padding:10px; 
background:-moz-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8)); 
background:-webkit-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8));
background:-ms-linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8));
background:linear-gradient(rgba(0, 51, 0, 0.8), rgba(51, 204, 0, 0.8));

}
.textdefile{ color:#FF0000; font-weight:bold; font-size:16px;}

#bas_page{width:950px; margin:auto; padding-left:50px; }
#cadre_bas_tout{margin:auto; width:950px; margin-top:20px; float:left;text-align:left; }
.cadre_bas{float:left;  width:290px; margin: 20px 5px 10px 0px; text-align:left; }
.cadre_bas h2 { font-size:14px; font-weight:bold;}
.cadre_bas ul{list-style:none; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.cadre_bas ul li a{ font-size:12px; text-align:left; background: url(../im/fond/puce.gif) no-repeat  0 50%; padding-left:17px;}
.cadre_bas ul li a:hover{font-size:12px; text-align:left; }			
 
A:link {color:#FFFFFF;text-decoration: none ;}
A:visited {color:#FFFFFF;text-decoration: none ;}
A:hover {text-decoration: none;color:#FFFF00;}
A:active {color:#FFFFFF;text-decoration: none ;}