/* ############################## REMISE A 0 ################################ */

* {
margin : 0px;
padding : 0px;
}

a {
color : red;
}

a:hover {
color : blue;
}


img {
border: none;
}


div#migc_ref {
width : 500px;
height : auto;
position : absolute;
left : -1000px;
top : 0px;
font-size : 0.1em;
}


/* ################################ BODY ################################## */

body {
font-family : tahoma, arial, helvetica, sans-serif;
font-size : 0.8em;
color : black;
}

body#migc {
text-align : center;
background : url('../usr/layout/background_massuir.jpg') repeat-x top left #011460;
/* background-color : #e4e4e4;*/
}

p.copy {
text-align : center;
color : #ffffff;
font-family : tahoma, arial, helvetica, sans-serif;
font-size: 11px;
padding-top: 10px;
padding-bottom : 10px;
}

/* ################################## PAGE ################################ */

div#page {
width : 987px;
height : auto;
margin-left : auto;
margin-right : auto;
text-align : left;
position : relative;
background-color : white;
background : url('../usr/layout/page_background.jpg') no-repeat;
padding-top : 15px;
}



/* ############################### HEADER ZONE ############################# */

div#header_zone {
width : 987px;
height : 135px;
margin-left : auto;
margin-right : auto;
/* background : url('../usr/layout/header_background.jpg');*/
background : white;
}

/* -------------------- LOGO SOCIETE  -------------------- */

div#logo {
background-color : white;
margin-left : 10px;
width : 223px;
height : 126px;
}

div#logo a {
border : 0px;
}

div#logo a img{
border : 0px;
}

div#banner {
position : absolute;
top : 25px;
right : 0px;
}

div#menu {
position : absolute;
top : 10px;
right : 0px;
width : 95px;
z-index : 1000;
}

div#menu a {
font-size : 0.8em;
padding-left : 30px;
color : #b7b7b7;
width  : 50px;
display : block;
margin-bottom : 3px;
}

div#menu a:hover {
text-decoration : none;
}


a#menu_home {
background : url('../usr/layout/menu_home.jpg') no-repeat 10px 3px;
}

a#menu_contact {
background : url('../usr/layout/menu_contact.jpg') no-repeat 11px 3px;
}

/* ################################ MIN HEIGHT ############################## */

/* ---------- HAUTEUR MINIMUM ---------- */
div#minheight1 {
height: 0px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div#minheight2 {
clear: both;
font-size : 0px;
line-height : 0px;
height: 0px;
width: 0px;
}

div#minheight3 {
height: 336px;
width: 0px;
float : left;
font-size : 0px;
line-height : 0px;
}

div#minheight4 {
clear: both;
font-size : 0px;
line-height : 0px;
height: 0px;
width: 0px;
}

/* ############################### CENTER ZONE ############################# */

div#center_zone {
width : 987px;
height : auto;
margin-left : auto;
margin-right : auto;
/* background : url('../usr/layout/center_background.jpg');
padding-left : 4px;*/
background : white;
}

div#left_content {
width : 239px;
height : auto;
float : left;
}

div#center_content {
width : 525px;
height : auto;
float : left;
padding-top : 95px;
background : url('../usr/img/bg_center.jpg') no-repeat;
background-position: 0% 96px;
}

div#center_content_1 {
width : 525px;
height : auto;
float : left;
}

div#right_content {
width : 223px;
height : auto;
float : left;
padding-top : 200px;
}

h1#title_page {
padding-left : 5px;
color : gray;
font-size : 14pt;
}


/* ################################ MENU NIV.1 ############################## */

ul#menu_level1 {
width : 239px;
padding-top : 4px;
background : url('../usr/layout/menu_level1_background.jpg') repeat-x;

}

ul#menu_level1 li{
list-style-type : none;
width : 239px;
height : 24px;
background : #959595;
color : white;
border-bottom : 1px solid white;
margin-left : 0px;
}

ul#menu_level1 li a {
line-height : 24px;
color : white;
text-decoration : none;
padding-left : 30px;
width : 209px;
height : 24px;
display : block;
font-weight : bold;
}

ul#menu_level1 li a:hover {
background : url('../usr/layout/menu_level1_hover.jpg') no-repeat #ff1812 7px 5px;
}

ul#menu_level1 li a.migc_selitem {
line-height : 24px;
color : white;
text-decoration : none;
padding-left : 30px;
width : 209px;
height : 24px;
display : block;
font-weight : bold;
background : url('../usr/layout/menu_level1_hover.jpg') no-repeat #ff1812 7px 5px;
}

/* ################################ MENU NIV.2 ############################## */

ul#menu_level2 {
width : 223px;
border-top : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
padding-top : 2px;
padding-bottom : 2px;
}

ul#menu_level2 li{
list-style-type : none;
width : 223px;
height : 24px;
background : #959595;
color : white;
border-bottom : 1px solid white;
margin-left : 0px;
}

ul#menu_level2 li a {
line-height : 24px;
color : white;
text-decoration : none;
padding-left : 30px;
width : 193px;
height : 24px;
display : block;
font-weight : bold;
}

ul#menu_level2 li a:hover {
background : url('../usr/layout/menu_level1_hover.jpg') no-repeat #ff1812 7px 5px;
}

ul#menu_level2 li a.migc_selitem {

}

/* ###############################COMMANDER ############################## */

div#commander {
background : url('../usr/layout/left1.png') no-repeat top left;
width : 233px;
/* margin-left : -10px;*/
right : 0px;
position : absolute;
top : 147px;
}



.c_mazout
{
width: 200px;
margin-left: 25px;
margin-right: 5px;
font-weight: bold;
font-size: 13px;
text-transform : uppercase;
padding-top: 10px;
}


div#commander h1 {
color : white;
font-size : 1em;
padding-top : 12px;
padding-left : 55px;
text-transform : uppercase;
}

div#commander p {
padding-left : 35px;
padding-top : 13px;
background : url('../usr/layout/left2.jpg') no-repeat 20px 15px;
text-transform : uppercase;
color : #ff1812;
font-weight : bold;
font-size : 0.8em;
}


div#commander a {
text-decoration : none;
color : #ff1812;
}

div#commander a:hover {
text-decoration : underline;
color : #ff1812;
}

div#commander p span {
color : #4b4b4b;
}

div#commander img {
margin-left : 22px;
margin-top : 10px;
}

/* ###############################ZONE ############################## */

div#zone {
background : url('../usr/layout/zone.jpg') no-repeat;
width : 223px;
height : 160px;
border-bottom : 1px solid #dddddd;
}

div#zone h1 {
color : #ff1913;
font-size : 1em;
padding-top : 5px;
padding-left : 35px;
text-transform : uppercase;
}

div#zone p {
padding-left : 20px;
padding-top : 10px;
color : #4b4b4b;
font-size : 0.8em;
}

div#zone1 {
padding-left : 10px;
padding-top : 10px;
float : left;
width :90px;
color : #ff1812;
font-size : 0.8em;
padding-top : 20px;
}

div#zone1 input {
width : 45px;
font-size : 0.9em;
}

div#zone1 button  {
border : 1px solid #989898;
text-align : center;
background : #d7d7d7;
color : #4c4c4c;
margin-left : 5px;
}

div#zone2 a, div#zone2 a img {
border : 0px;
}

/* ###############################PAIEMENT ############################## */

div#paiement {
background : url('../usr/layout/paiement.jpg') no-repeat;
width : 238px;
border-bottom : 1px solid #dddddd;
padding-bottom : 3px;

}

div#paiement h1 {
color : #ff1913;
font-size : 1em;
padding-top : 5px;
padding-left : 35px;
text-transform : uppercase;
}

div#paiement div {
padding-left : 35px;
padding-top : 20px;
padding-bottom : 14px;
background-image : url('../usr/layout/left2.jpg');
background-repeat : no-repeat;
background-position : 15px 22px;
text-transform : uppercase;
color : #ff1812;
font-weight : bold;
font-size : 0.8em;
}

div#paiement div span {
color : #4b4b4b;
}

div#paiement img {
margin-left : 8px;
margin-top : 10px;
}

/* ###############################PRIX ############################## */

div#prix {
background : url('../usr/layout/prix.jpg') no-repeat #f1f1f1;
width : 238px;
height : auto;
border-bottom : 1px solid #dddddd;
padding-bottom : 3px;
margin-top : 3px;
}

div#prix h1 {
color : white;
font-size : 1em;
padding-top : 5px;
padding-left : 45px;
text-transform : uppercase;
}

div#prix table {
margin-top :15px;
width : 230px;
margin-left :5px;
border-collapse : collapse;
display : none,
}


table.price
{
text-align:center; 
margin-left:auto; 
margin-right:auto; 
width:238px;
border: 0px;
}


.prix01 {
}

.prix02 {
}

.prix03 {
}

.prix04 {
color : #ff1812;
font-weight : bold;
}

div#prix p {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.8em;
}

/* #############################PAIEMENT2 ############################## */

div.paiement_content {
padding : 5px;
font-size : 0.8em;
font-weight : bold;
color : #15338d;
}


/* #############################LOGOS ############################## */

div#logos {
text-align : center;
padding-top : 5px;
}


/* ############################PARAINAGE ############################## */

div#parainage {
background : url('../usr/layout/parainage.jpg') no-repeat center;
width : 270px;
height : 149px;
float : left;
}

div#parainage h1 {
color : #ff1913;
font-size : 1em;
padding-top : 5px;
padding-left : 45px;
text-transform : uppercase;
}

div#parainage_txt {
padding-top : 90px;
padding-left : 35px;
padding-right : 10px;
color : white;
}

/* ############################24h chrono ############################## */

div#chrono {
background : url('../usr/layout/chrono.jpg') no-repeat 7px 0px;
width : 246px;
height : 149px;
float : left;
/* margin-left: 7px;*/
padding-left : 7px;
}

div#chrono h1 {
color : white;
font-size : 1em;
padding-top : 5px;
padding-left : 35px;
text-transform : uppercase;
}

div#chrono_txt {
padding-top : 90px;
padding-left : 25px;
padding-right : 10px;
color : white;
}

/* ################################## PATH ################################ */

ul#path_content{
}

ul#path_content li {
}

ul#path_content li a{
}

ul#path_content li a:hover{
}

/* ############################### PARAGRAPHES ############################# */

div.parag_content {
width : auto;
clear : both;
color : #4b4b4b;
margin-left : 10px; 
margin-right : 10px; 
margin-top: 10px; 
padding : 5px;
position : relative;
margin-bottom : 25px;
background : url('../usr/img/bgtitle.jpg') no-repeat;
}

div.parag_content2 {
width : auto;
clear : both;
color : #4b4b4b;
margin-left : 10px; 
margin-right : 10px; 
margin-top: 10px; 
padding : 5px;
position : relative;
margin-bottom : 25px;
}

h2.parag_title {
width : auto;
height : 22px;
line-height : 16px;
color : #ffffff;
text-transform : uppercase;
font-size : 1em;
/** background : url('../usr/layout/parag_title.jpg') no-repeat top left; **/
padding-left : 25px;
/** padding-top: 6px; **/

}

div.parag_content h2 {
padding-top: 6px;
}

h2.parag_title2 {
width : auto;
height : 22px;
line-height : 16px;
color : #ff1812;
font-weight : bold;
text-transform : uppercase;
font-size : 1.1em;
background : url('../usr/layout/parag_title.jpg') no-repeat top left;
padding-left : 15px;
margin-bottom : 30px;
margin-top: 30px;

}

div.clear {
clear : both;
}

/* -------------------- ZONE DE TEXTES -------------------- */
div.parag_text_content {
width : auto;
margin-top : 15px;
margin-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
}

div.paiement_content div.parag_text_content {
width : auto;
margin-top : 0px;
margin-bottom : 0px;
margin-left : auto;
margin-right : auto;
}


/* ------------   ZONE TEXT (PARAGRAPHE)  ------------- */
div.parag_text_content p {
margin : 0px;
margin-bottom : 10px;
}

/* -------------------- ZONE IMAGE / IMAGES HAUT, IMAGES BAS  -------------------- */
div.parag_images_top, div.parag_images_bottom {
width : auto;
margin-top : 25px;
margin-bottom : 5px;
text-align : center;

}

/* -------------------- ZONE IMAGE / IMAGES DROITE -------------------- */
div.parag_images_right {
width : auto;
height : auto;
float : right;
padding-left : 5px;
}

/* -------------------- ZONE IMAGE / IMAGES GAUCHE -------------------- */
div.parag_images_left{
width : auto;
height : auto;
float : left;
padding-right: 5px;
margin-top: 15px;

}

div.parag_content, div.parag_content a img {
border : 0px;
}

li {
margin-left : 20px;
}

/* ################################ FOOTER ZONE ############################## */

div#footer_element {

}

div#footer_zone {
width : auto;
margin-left : auto;
margin-right : auto;
padding-top : 10px;
margin-top : 10px;
}

p#copyright {
width : 120px;
height : 50px;
font-size : 0.7em;
background : url('../usr/layout/copyright_element.jpg') repeat-y right;
padding-top : 5px;
padding-bottom : 5px;
float : left;
}

p#infos {
font-size : 0.7em;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
float : left;
}

#since {
float : left; 
padding-left : 25px;
padding-right : 25px;
padding-top : 10px;
margin-top : 10px;
}

#eco {
float : left;
padding-left : 20px;
padding-top : 10px;
}


div.parag_content div.parag_text_content  table.datatable tr td {
border:  1px solid black;
padding : 2px;
}

div.parag_content div.parag_text_content  table.datatable {
border-collapse : collapse;
border:  1px solid black;
}

#contact_table input {
width : 200px;
}

#contact_table textarea {
width : 200px;
height : 100px;
}

#contact_table select {
width : 100px;
}

.contact_form_1 {
padding-right : 15px;
text-align : right;
width : 200px;
}

#contact_table button, .okbutton {
border : 1px solid gray;
background-color : #ededed;
text-align : center;
width : 100px;
height : 22px;
line-height : 22px;
}

input.zip {
width :50px;
border : 1px solid black;
}

input.localite {
border : 1px solid black;
width : 144px;
}

input.inscription {
width : 200px;
border : 1px solid black;
}

input.password {
background-color : yellow;
width : 200px;
border : 1px solid black;
}

select.inscription {
width : 203px;
border : 1px solid black;
}



ul#anchors {
margin : 15px;
margin-bottom : 25px;
background : url('../usr/layout/anchors.jpg') no-repeat center bottom;
min-height: 170px;
}

ul#anchors li {
list-style-type : none;
line-height : 18pt;
background : url('../usr/layout/anchors2.jpg') no-repeat 0px 7px;
padding-left : 20px;
}

ul#anchors li a {
color : #ff1812;
text-decoration : none;
font-weight : bold;
}

ul#anchors li a:hover {
text-decoration : underline;
}






div#massuir_content {
padding-top : 0px;
width : 490px;
margin-left : auto;
margin-right : auto;
padding : 15px;
}


div#massuir_content h2 {
width : auto;
height : 22px;
line-height : 16px;
color : #ff1812;
font-weight : bold;
text-transform : uppercase;
font-size : 1.1em;
background : url('../usr/layout/parag_title.jpg') no-repeat top left;
padding-left : 15px;
margin-bottom : 3px;
clear : both;
margin-top: 15px;
}

div#massuir_content p {
color : #4b4b4b;
margin-bottom : 10px;
}

table.massuir_form_table {
color : #4b4b4b;
}

table.massuir_form_table input {
width : 200px;
}

form#massuir_order input {
width : 75px;
}

form#massuir_order input#add_antigel,  form#massuir_order input#add_ecotherm, form#massuir_order input#full {
width : 15px;
}


table.massuir_form_table select {
width : 203px;
}

table.massuir_form_table textarea {
width : 200px;
height : 120px;
}

div#massuir_form_div button {
border : 1px solid gray;
background-color : #ededed;
text-align : center;
width : 160px;
height : 22px;
line-height : 22px;
margin-top : 10px;
margin-bottom : 10px;
}

.massuir_form_table_datahead {
width : 200px;
}

form#massuir_order .massuir_form_table_datahead {
width : auto;
}

fieldset {
border : 0px;
padding : 5px;
}

hr {
margin-bottom : 10px;
}

legend {
font-weight : bold;
color : #ff1812;
}







div#massuir_menu_div_top {
height : 50px;
clear : both;
}

.massuir_menu {
float : left;
background : url('../usr/layout/menu_level1_hover.jpg') no-repeat #ff1812 0px 7px;
padding-left : 18px;
padding-right : 5px;
line-height : 20px;
padding-top : 3px;
padding-bottom : 3px;
}


.massuir_menu a {
color : white;
text-decoration : none;
font-weight : bold;
font-size : 8pt;
}

.massuir_menu a:hover  {
text-decoration : underline;
}


div#massuir_form_div ul li {
list-style-type : none;
line-height : 18pt;
background : url('../usr/layout/anchors2.jpg') no-repeat 0px 7px;
padding-left : 20px;
}

div#massuir_form_div ul li a {
color : #ff1812;
text-decoration : none;
font-weight : bold;
}

div#massuir_form_div ul li a:hover {
text-decoration : underline;
}


.massuir_table, .massuir_form_table {
width : 490px;
border-collapse : collapse;
border : 1px solid #4b4b4b;
}

.massuir_table tr td, .massuir_form_table tr td {
padding : 5px;
}

.massuir_table tr th, .massuir_form_table tr th {
padding : 5px;
background : #ff1812;
color : white;
text-align : center;
}

.massuir_table_h_qty {
width : 90px;
}

.massuir_table_h_p1 {
width : 100px;
}

.massuir_table_h_p2 {
width : 100px;
}

.massuir_table_h_p3 {
width : 100px;
}


.price, .ordertotal {
background-color : red:
color : white;
font-weight : bold;
border : 2px solid #a90703;
text-align : center;
}

.massuir_form_table_datafield_total {
font-weight : bold;
background :#ffe117;
}

.massuir_table_data2, .massuir_table_data1 {
text-align : center;
}

.massuir_table_data2, .massuir_table_data_qty_2 {
background : #ededed;
}


 a.pdf
        {
            background: url(../usr/img/icon.gif) no-repeat 100% -200px;
            padding: 0 20px 0 0;
color: red;
        }

 a.pdf:hover
        {
            background: url(../usr/img/icon.gif) no-repeat 100% 0px;
            padding: 0 20px 0 0;
color: blue;
        }


table.datatable
        {
border: 0px;
border: none;
        }

/* ############ BOUTON ##################### */

.connection_massuir_form_button, .lost_password_massuir_form_button, .order_massuir_form_button, .sponsorship_massuir_form_button, .subscription_massuir_form_button {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../usr/img/formbg.gif) repeat-x left top;
}