body {
    background-color: #B6C745;
    margin: 0px;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
}

#box-wrap {
    margin: 0 auto;
    left: 50%;
    width: 882px;
    min-height: 500px;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #818C32;
}

img {
    border: 0px;
}

#box-sidebar {
    width: 180px;
    overflow: hidden;
    float: left;
}

#box-content {
    overflow: hidden;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    /*border: solid 1px;*/
    width: 660px;
}

#display-content {
    min-height: 300px;
    overflow: hidden;
}
#box-footer {
	text-align: center;
	font-size: 11px;
}
#box-footer a:link, #box-footer a:visited, #box-footer a:hover {
	color: #DB1F6C;
}

a:link, a:visited, a:hover {
    color: #737373;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #DB1F6C;
    font-weight: bold;
    text-decoration: underline;
}
#display-menu-principal ul li.demande-devis a:link, #display-menu-principal ul li.demande-devis a:visited, #display-menu-principal ul li.demande-devis a:hover {
    color: #DB1F6C;
}
h3 {
    background-image: url(medias/pix-background-ttr.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #DB1F6C;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 13px;
}
h4 {
    color: #DB1F6C;
    font-size: 12px;
    margin-bottom: 0px;
}
.intro {
    color: #ABC021;
    font-size: 13px;
    font-weight: bold;
}
.encart {
    font-size: 11px;
    border-bottom: 1px solid #abc021;
    border-right: 1px solid #abc021;
}
.encart th, .encart td {
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #abc021;
    border-left: 1px solid #abc021;
}
.encart tr td {
    padding: 3px 3px 3px 3px;
}
.accroch-txt {
    padding: 5px;
    border: 1px solid #C2DB16;
    color: #000000;
    background-color: #FCFFE5;
}
.strongger {
    font-weight: bold;
    color: #ABC021;
}

table {
    padding-top: 20px;
    width: 100%;
}
th, td {

    vertical-align: top;
}
.td-content {
    width: 400px;
}
.img-gauche {
    margin-right: 10px;
}
.img-droite {
    margin-left: 10px;
}
.img-gauche-bas {
    margin-right: 10px;
    margin-bottom: 10px;
}
.img-droite-bas {
    margin-bottom: 10px;
    margin-left: 10px;
}
img {
    border: none;
}
.legende {
    font-size: 11px;
}
ul {
    margin-top: 5px;
}

#box-formulaire-contact, #box-demande-devis , #body-inscription{
    color: #000000;
	width:100%; 
    display: block;
    float: left;
}
#box-formulaire-contact #field, #box-demande-devis #field, #body-inscription  #field{
    color: #000000;
    width: 400px;
    height: 75px;
}
#box-formulaire-contact #f1-message, #box-demande-devis #f1-message, #display-formulaire-contact #f1-message{
    color: #000000;
    width: 400px;
    height: 75px;
}
#box-formulaire-contact label, #body-inscription label{
    float:  left; 
    width:100px; 
}
#box-demande-devis label, #box-demande-devis .label,
#body-inscription lable, #body-inscription .lable{
	float:  left; 
    width: 200px; 
}
#box-formulaire-contact input, #box-demande-devis input , #body-inscription input{
    margin-left:0; 
}
#box-formulaire-contact .preview, #box-demande-devis .preview, #body-inscription .preview{
    margin-left: 355px; 
    _margin-left: 333px; 
}

#box-formulaire-contact h2, #box-demande-devis h2 {
    background-image: url(medias/pix-background-ttr.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #DB1F6C;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom:20px; 
}
#box-content .fieldsInline {
    margin-left: 0px;
    padding-left: 0px;
}
#box-content .fieldsInline label, #box-content .formFilters label, #box-content .formFilters .label {
    margin-left: 0px;
    padding-left: 0px;
    border: none;
    display: inline;
    float: none;
    width: auto;
	margin-right: 5px;
}
#box-content .fieldsInline li {
    display: inline;
    width: auto;
}

.submit {
    background-color: #db1f6c;
    color: #FFFFFF;
    font-size: 12px;
    border: 0px;
    padding: 0px;
}
.reset {
    background-color: #db1f6c;
    color: #FFFFFF;
    font-size: 12px;
    border: 0px;
    padding: 0px;
}
.preview {
    background-color: #db1f6c;
    color: #FFFFFF;
    font-size: 12px;
    border: 0px;
    padding: 0px;
}
.text {
    border: 1px solid #666666;
    width: 200px;
    margin-left: 20px;
	font-size: 12px;
}
.text.numeric {
    width: 75px;
}
.select {
    border: 1px solid #666666;
    font-size: 10px;    
}
.textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
    border: 1px solid #666666;
}



/******************/
/* PAGE D'ACCUEIL */
/******************/


#body-accueil #box-wrap{
    width: 735px;
    height: 410px;
    min-height: 397px;
    overflow: hidden;
    margin-top: 100px;
}

#body-accueil #box-content, #body-accueil #display-content{
    width: 550px;
    padding: 0px;
    margin: 0px;
    border: none;
    overflow: hidden;
}

#body-accueil #box-header{display:none;}
#body-accueil #display-breadcrumbs{display:none;}


#body-accueil #box-sidebar {
    float: right;
}

#body-accueil #box-menu-principal{
    border: 0px;
}

#body-accueil ul li ul li{
	display: none;
}
/*********************************/
/*  MENU PRINCIPAL DE NAVIGATION */
/*********************************/

#display-menu-principal {
    width: inherit;
}
#display-menu-principal {
    border-right: solid 1px;
    border-color: #C3C3C3;
}
#display-menu-principal ul {
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#display-menu-principal li.first {
    margin-top: 10px;
}
#display-menu-principal ul li {
    display: block;   
    margin: 5px;
    padding-bottom: 5px;
    background-image: url(medias/pix-filet-nav.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
#display-menu-principal ul li a:link, #display-menu-principal ul li a:visited {
    color: #C3C3C3;
    background-image: url(medias/puce-off.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding : 5px 5px 5px 12px;
    color: #737373;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-transform: uppercase; 
}
#display-menu-principal ul li a:hover, #display-menu-principal ul li.active a {
    background-image: url(medias/puce-on.gif);
    color: #DB1F6C;
}
#display-menu-principal ul ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
#display-menu-principal ul ul li {
    padding-top: 0px;
    width: 160px;
    background-image: none;
}
#display-menu-principal ul ul li a:link, #display-menu-principal ul ul li a:visited {
    font-weight: normal;
    background-image: none;
    color: #737373;
    text-decoration: none;
    text-transform: none;
    padding: 0px;  
}
#display-menu-principal ul li.active ul li a:hover, #display-menu-principal ul li.active ul li.active a {
    font-weight: normal;
    color: #DB1F6C;
    text-decoration: none;
    padding: 0px;
    text-transform: none;
}
#display-menu-principal ul li.active ul li.active a {
    font-weight: normal;
}
#confirm{
	margin:0 auto;
	background:#f0f0f0;
	background-image:-moz-linear-gradient(center bottom,#d9d9d9 0,#f0f0f0 40%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#d9d9d9),color-stop(0.4,#f0f0f0));
	-ms-filter:'progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F0F0F0,endColorStr=#D9D9D9)';
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f0f0f0,endColorStr=#d9d9d9);
	-moz-box-shadow:0 1px 2px #838383;
	-webkit-box-shadow:0 1px 2px #838383;
	box-shadow:0 1px 2px #838383;  
    -khtml-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	width: 500px;
	text-align: center;
	padding:5px;
	font-weight:bold;
	color:#000000;
}

/* LE "BREADCRUMBS" */
#display-breadcrumbs {
    background-image: url(medias/pix-background-ttr.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    width: 660px;
}

#display-breadcrumbs ul {
    padding-top: 10px;
    padding-left: 35px;
    height: 17px;
    margin: 0px;
    list-style-type: none;
    /*background-repeat: repeat-x;*/
    
}
#display-breadcrumbs ul li a {color: #DB1F6C;font-size:12px;font-weight: bold;text-transform: uppercase;}
/*#display-breadcrumbs ul li.first{display:none;}*/