/* CSS Document - Soprolux by actweb.fr */

body {
    margin: 0 0 0 0;;
    background-color: #1B1A1A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.70em;
    color: #FFFFFF;
}

img {
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

/******************************/
/*          GENERAUX 
/******************************/

p {
    margin: 7px 0 9px 0;
}

a, a:link {
    color: #EC8723;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.ancre{ text-decoration:none; }
ul {
    margin: 7px 0 9px 20px;
    padding: 0;
    list-style-type: none;
}
li {
    margin: 0;
    background: url(../images/interface/li.gif) top left no-repeat;
    padding: 0 0 0 12px;
}
hr{
height:1px;
border:0;
border-top:2px #EC8723 solid;
margin:10px;
}
/******************************/
/*          SPECIFIQUES 
/******************************/

.small {
    color: #666666;
    font-size: 0.90em;
}

.justify {
    text-align: justify;
}

p.intro {
    color: #EC8723;
    margin: 5px 0 15px 0;
}

.highlight {
    color: #EC8723;
    font-weight: bold;
}
.orange {
    color: #EC8723;
}

/****
    PATHWAY
*****/
#pathway {
    margin: 0 0 5px 0;
    clear: both;
}
#pathway div.item {
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 0 0 18px;
    background: url(../images/photos/produits/item-off.gif) top left no-repeat;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.10em;
    color: #EF8322;
    font-weight: bold;
    text-transform: uppercase;
}
#pathway div.item-on {
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 0 0 18px;
    background: url(../images/photos/produits/item-on.gif) top left no-repeat;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.10em;
    color: #EF8322;
    font-weight: bold;
    text-transform: uppercase;
}
#pathway div.item a, #pathway div.item a:link, #pathway div.item-on a, #pathway div.item-on a:link {
    color: #EF8322;
    text-decoration: none;
}
#pathway div.item a:hover, #pathway div.item-on a:hover {
    text-decoration: underline;
}


/******************************/
/*          CALQUES 
/******************************/

div.blank {
    clear: both;
    font-size: 1px;
    height: 1px;
}

.img-left {
    float: left;
    margin: 0 5px 3px 0;
}
.img-right {
    float: right;
    margin: 0 0 7px 10px;
}

.fl-left {
    float: left;
}
.fl-right {
    float: right;
}

/***** CONTACT *****/
table.contact {
    border: 0px solid #FFFFFF;
    width: 420px;
    margin: 0 0 15px 0;
}
table.contact td.titre {
    padding: 15px 0 20px 0;
    font-size: 1.20em;
    color: #EC8723;
    font-weight: bold;
}
table.contact td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
}
table.contact tr.error td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
}

table.contact td.required {
    width: 10px;
    font-size: 1px;
}

table.contact td.required-on {
    width: 10px;
    font-size: 1px;
    background-image: url(../images/interface/css-field-required.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
table.contact td.field {
    vertical-align: top;
    padding: 3px 0 0 0;
}
table.contact td.field input {
    width: 280px;
    padding: 2px 0 2px 2px;
    border: 1px solid #1B1A1A;
    background: url(../images/interface/css-field-txt.gif) top left repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
table.contact td.field textarea {
    width: 280px;
    height: 100px;
    padding: 0 0 0 2px;
    border: 1px solid #1B1A1A;
    background: #D8C9BA url(../images/interface/css-field-txt.gif) top left repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5D5D5D;
}
table.contact td.sep {
    height: 20px;
    font-size: 1px;
}
table.contact table.button {
    width: 100%;
}
table.contact table.button input {
    width: 100px;
    height: 20px;
    border-top: 1px solid #CB680F;
    border-right: 1px solid #CB680F;
    border-bottom: 1px solid #EF8322;
    border-left: 1px solid #DB5212;
    background-color: #EF8322;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
}
table.contact table.button td.space {
    width: 120px;
}
table.contact table.button td.submit {
    width: 180px;
    text-align: left;
}
table.contact table.button td.reset {
    text-align: left;
}
table.contact tr.error {
    background-color: #EF8322;
}
div.error {
    background-color: #EF8322;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 10px 0 10px 0;
}


/******************************/
/*          CONTENEUR 
/******************************/

#conteneur {
    border: 0px solid #FFFFFF;
    width: 734px;
    background-color: #000000;
}
#conteneur td.left {
    width: 15px;
    background: url(../images/interface/css-left-bg.gif) top left repeat-y;
    vertical-align: bottom;
}
#conteneur td.right {
    width: 15px;
    background: url(../images/interface/css-right-bg.gif) top left repeat-y;
    vertical-align: bottom;
}
#conteneur td.header {
    width: 704px;
    height: 240px;
    text-align: left;
    vertical-align: top;
}
#conteneur td.main {
    width: 544px;
    background: url(../images/interface/css-main-bg.gif) top left repeat-y;
    text-align: left;
    vertical-align: top;
}
#conteneur td.nav {
    width: 160px;
    background-color: #1D0B06;
    text-align: left;
    vertical-align: top;
}
#conteneur td.footer {
    width: 704px;
    height: 48px;
    background: url(../images/interface/css-footer-bg.gif) top left no-repeat;
    text-align: left;
    vertical-align: top;
    font-size: 0.90em;
}

/*****
*       HEADER 
*****/
#header {
    width: 704px;
    height: 192px;
}
#menu {

    width: 704px;
    height: 42px;
    background: url(../images/interface/css-menu-bg.gif) top left no-repeat;
    text-align: left;
    vertical-align: top;
    
}

/*****
*       NAV
*****/
#nav {
    margin: 30px 0 20px 8px;
    text-align: left;
    vertical-align: top;
}
#nav div.titre {
    margin: 0 0 5px 0;
}

#nav div.mailing {
    margin: 0 0 0 0;
}
#nav div.mailing table.mailing {
    border: 0;
    width: 130px;
}
#nav div.mailing table.mailing td.field {
    padding: 2px 0 2px 0;
}
#nav div.mailing table.mailing td.field input {
    width: 125px;
    padding: 1px 2px 2px 2px;
    border: 1px solid #849898;
    background-color: #D8C9BA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
#nav div.mailing table.mailing td.submit {
    text-align: right;
}

#nav div.actualites {
    margin: 20px 0 0 0;
    font-size: 0.90em;
}
#nav div.actualites div.actu {
    margin: 5px 10px 10px 0;
}
#nav div.actualites div.actu a, #nav div.actualites div.actu a:link {
    color: #EF8322;
    text-decoration: underline;
}
#nav div.actualites div.actu a:hover {
    color: #EF8322;
    text-decoration: none;
}

#nav div.coordonnees {
    margin: 20px 0 0 0;
    font-size: 0.90em;
}

/*****
*       FOOTER
*****/
#tools {
    float: left;
    padding: 17px 0 0 70px;
    font-size: 0.90em;
    color: #CCCCCC;
}
#tools a, #tools a:link {
    color: #CCCCCC;
    text-decoration: none;
}
#tools a:hover {
    text-decoration: underline;
}
#actweb {
    float: right;
    margin: 0 5px 0 0;
}

/*****
*       MAIN
*****/
#main {
    margin: 30px 70px 20px 30px;
}            
#titre {
    margin: 0 0 25px 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #EC8723;
    text-transform: uppercase;
}
.titre2 {             
    margin: 0 0 25px 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    color: #EC8723;
}

/*****
*   TUNNEL
*****/
#tunnel {
    position:absolute;
    left:50%;
    top:50%;
    width: 660px;
    height: 290px;
    margin-left:-330px;
    margin-top:-145px;
}
.spacer{
clear:both;
}
.small{font-size:80%;}