* {
padding: 0;
margin: 0}
html, body {
font-family : arial, verdana, sans-serif;
margin : 0 auto;
text-align : center;
font-size : 100%;
background : #272C32;
}
#global {
color : #fff;
margin : 0 auto;
border-top : 5px solid #000;
width : 980px;
height : 630px;
}
.bloc1 {
float : left;
width : 320px;
height : 85px;
background : #CD1110;
}
.bloc2 {
float : left;
width : 320px;
height : 85px;
background : #CD1110;
}
.bloc3 {
float : left;
width : 340px;
height : 85px;
background : #015100;
}
.bandmail {
float : left;
width : 980px;
height : 45px;
}
.bandmail img{
border : none;
}
#blocLeft {
float : left;
width : 800px;
height : 600px;
text-align : center;
background : #272C32
}
#blocRight {
float : left;
width : 180px;
height : 600px;
text-align : center;
background : #272C32
}
#blocRight img {
border:none
}
#bandBottom {
float : left;
width:800px;
height:150px;
text-align:center;
font-size:.9em;
}

.blocA {
float : left;
width : 334px;
height : 1000px; /* Réglage hauteur colonne photo extincteurs */
background : #E4E4E4;
}
.sep {
float : left;
width : 10px;
height : 1000px; /* Réglage hauteur colonne séparateur */
background : #E4E4E4;
}
.blocB {
float : left;
width : 350px;
height : 1000px; /* Réglage hauteur colonne texte */
text-align : left;
background : #E4E4E4;
}
.blocB h1{
display:inline;
font-size : 1.6em;
line-height : 1.2em;
color : #9D1021;
}
.blocB h2 {
display : inline;
font-size : 1em;
color : #000;
}
.blocC {
float : left;
width : 286px;
height : 950px; /* Réglage hauteur colonne onglets à LED */
text-align : left;
background : #585f65;
}
.blocC ul {
margin : 0;
padding-left : 10px;
list-style : none;
}
.blocC li a {
display : block;
color : #ccc;
font-size : 0.75em;
height : 52px;
line-height : 52px;
padding-left : 40px;
text-decoration : none;
background : url(bouton-led-off_2.jpg);
}
.blocC li a:hover {
color : #fff;
text-decoration : none;
background : url(bouton-led-on_2.jpg);
}
.bandbottom {
float : left;
width : 980px;
height : 85px;
text-align : center;
background : #000;
border-bottom : 2px solid #951e2b;
}
.bandbottom h4 {
color : #ccc;
display : inline;
font-size : 0.8em;
line-height : 1.6em;
font-weight : normal;
}
.bandbottom small {
color : #D0F4D1;
}
.lienPan {
float : left;
width : 980px;
height : 36px;
color : #025201;
line-height : 35px;
background : #D0F4D1;
}
.lienPan a{
color : #025201;
text-decoration : none;
}
.bandfoot {
float : left;
width : 980px;
text-align : justify;
border-top : 2px solid #951e2b;
}
.bandfoot h1 {
display : inline;
color: #666;
font-size : 0.6em;
font-weight : normal;
width : 980px;
}
/* Fiches techniques extincteurs */
.bandA{
width:980px;
height:40px;
text-align:center;
font-weight:bold;
font-size:2em;
background:red;
}
.bandB{ 
float:left;
width:120px;
height:535px;
}
.bandC{ 
float:left;
width:20px;
height:535px;
}
.bandD{
float:left;
width:630px;
height:535px;
}
.bandD1{
width:630px;
height:475px;
text-align:left;
font-size:.9em;
}
.bandD2{
width:630px;
height:60px;
text-align:center;
}
/* Colonnes tarif - Total : 630px */
.bandDden{
float:left;
width:530px;
height:535px;
text-align:left;
}
.bandDtar{
float:left;
width:100px;
height:535px;
text-align:right;
}
.bandE{
float:left;
width:190px;
height:535px;
background:red;
}
.bandE a{
text-decoration:none;
color:#ccc;
font-weight:bold;
}
.bandF{
float:left;
width:980px;
height:45px;
text-align:center;
border-bottom:5px solid #000;
font-size:.8em;
background:pink;
}
.bandF1{
float:left;
color:red;
width:440px;
height:420px;
text-align:right;
}
.bandF2{
float:left;
color:red;
width:540px;
height:420px;
text-align:left;
}
.bandBot{
width:980px;
text-align:center;
font-size:.8em;
}
.bloc1 h1 {
display:inline;
font-size : 1em;
color:#ccc;
padding-left : 70px;
}
.blocImg {
float : left;
/*width : 198px;*/
height : 160px;
}
.bloc4 {
float : left;
width : 198px;
height : 160px;
text-align : left;
background : #585f65;
}
.bloc4 ul {
margin : 0;
padding-left : 10px;
list-style : none;
}
.bloc4 li a {
display : block;
color : #ccc;
font-size : 0.9em;
height : 52px;
line-height : 52px;
padding-left : 40px;
text-decoration : none;
background : url(bouton-led-off.jpg);
}
.bloc4 li a:hover {
color : #fff;
text-decoration : none;
background : url(bouton-led-on.jpg);
}

#title {
width : 280px;
height : 40px;
background-color : #951e2b;
}
#title h1{
color : #c2c8d0;
display : inline;
line-height : 30px;
font-size : 18px;
padding-left : 10px;
}
.ville{
position:relative;
float : left;
width : 980px;
height : 55px;
border-top : 3px solid #9D1021;
}
.star{
position : absolute;
top : 2px;
left : 200px;
}

.ville2 {
float : left;
width : 980px;
height : 50px;
text-align : left;
background : url(logo-ville_2.png);
border-bottom : 3px solid #9D1021;
}
.ville2 h4 {
color : #9D1021;
display : inline;
line-height : 2.5em;
padding-left : 10px;
text-transform : uppercase;
font-family : arial black;
}

#menu2 {
float : right;
width : 280px;
height : 240px;
margin : 0;
padding-top : 10px;
text-align : left;
}
#menu2 ul {
margin : 0;
padding-left : 10px;
list-style : none;
}
#menu2 li a {
color : #ccc;
line-height : 2em;
text-decoration : none;
}
#menu2 li a:hover {
color : #fff;
font-weight : bold;
text-decoration : underline;
}
#title1 {
float : left;
width : 440px;
height : 40px;
}
#title2 {
float : left;
width : 540px;
height : 40px;
text-align : left;
background-color : #9D1021;
}
#title2 h1{
color : #c2c8d0;
display : inline;
line-height : 30px;
font-size : 18px;
padding-left : 10px;
}
.body2L {
float : left;
width : 430px;
height : 205px;
text-align : right;
}
.body2L h1 {
display : inline;
line-height : 1.2em;
font-size : 0.9em;
}
.body2L  ul {
margin : 0;
padding : 0;
list-style : none;
}
.body2L  li {
line-height : 1.5em;
}
.sep2 {
float : left;
width : 10px;
height : 205px;
}
.sep3 {
width : 360px;
height : 20px;
}
.body2R {
float : left;
width : 540px;
height : 205px;
text-align : left;
background : #585f65;
}
.body2R  ul {
margin : 0;
padding-left : 10px;
list-style : none;
}
.body2R  li {
line-height : 1.5em;
}
.bandsub {
float : left;
width : 980px;
height : 30px;
text-align : left;
background : #585f65;
}
.bandsub span{padding-left : 450px}
