@charset "utf-8";
/* CSS Document */

body{
background:#FEEAD6;
margin:0px;
}
p{
margin:0px;
}
.cadre01{
margin:auto;
width:930px;
background:url(../images/fond01.jpg);
}
.cadre02{
margin:auto;
width:900px;
}
.entete01{
width:900px;
height:166px;
background-color: #FF6600;
background-image: url(../images/entete01.jpg);
}
.entete01 a {
display:inline-block;
height:66px;
margin:38px 10px;
width:425px;
}
.menu01{
background-image:url(../images/fond-menu01.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
height:25px;
padding:7px 0 0;
text-align:right;
text-decoration:none;
width:900px;
}
.menu01 a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
margin:15px;
text-decoration:none;
}
.menu01 a:hover {
color:#B6EB81;
font-family:Arial,Helvetica,sans-serif;
margin:15px;
}
.spacer01{
width:900px;
height:13px;
background: url(../images/spacer-top.jpg);
background-repeat: no-repeat;
font-size:1px;
}
.content01{
width:900px;
height:auto;
background-image:url(../images/fond-contenue01.jpg)
}
.menu02{
background-image:url(../images/fond-menu01.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
height:25px;
padding:7px 0 0;
text-align: center;
text-decoration:none;
width:900px;
}
.menu02 a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
margin:15px;
text-decoration:none;
}
.menu02 a:hover {
color:#B6EB81;
font-family:Arial,Helvetica,sans-serif;
margin:15px;
}
.footer01{
width:930px;
height:125px;
background-image: url(../images/footer-fond.jpg);
background-repeat: no-repeat;
margin:auto;
}
.introduction{
background-color:#FFFFFF;
border-bottom:1px solid #FF0000;
border-top:1px solid #FF0000;
width:900px;
}
.presentation-text{
float:left;
width:460px;
}
.presentation-image{
background-image:url(../images/champ-murier.jpg);
background-position:2px 0;
background-repeat:no-repeat;
float:right;
height:211px;
width:420px;
}
.presentation-image img{
height:190px;
margin:10px 0 5px 10px;
width:300px;
}
.spacer02{
clear:both;
}
.intro-titre{
color:#FF0000;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:bold;
padding:0 0 0 16px;
text-decoration:none;
}
.intro-sous-titre {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-style:italic;
font-weight:bold;
padding:0 0 0 16px;
text-decoration:none;
}
.intro-text {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:5px 0 5px 16px;
text-decoration:none;
}
.contenue {
height:auto;
margin:0 16px;
width:868px;
}
.contenue01 {
float:left;
width:166px;
padding: 0 0 10px;
}
.contenue02 {
float:left;
padding:0 0 10px;
width:594px;
}
.menu-verticale-tete {
background-image:url(../images/menu-tete01.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
height:25px;
margin:10px auto 0;
padding:2px 0 0 5px;
text-decoration:none;
width:157px;
}
.menu-verticale-tete a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
height:25px;
text-decoration:none;
}
.sous-menu {
margin:0 auto;
width:162px;
}
.sous-menu a {
background-color:#FF0000;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
height:20px;
padding:2px 0 0 5px;
text-decoration:none;
width:156px;
}
.sous-menu a:hover {
background-color:#D60000;
border-bottom:1px dotted #FFFFFF;
}
.produit {
float:left;
margin:10px 0 10px 10px;
width:345px;
}
*html .produit {
margin:10px 0 10px 6px;
}
.agenda {
float:right;
padding:10px 0 0;
}
.noscreation {
background-image:url(../images/nos-creation01.jpg);
background-repeat:no-repeat;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:26px;
padding:0 0 5px;
width:340px;
}
.produit-photo {
background-color:#FFFFFF;
border:1px solid #FF0000;
height:364px;
width:340px;
}
.photo{
height:340px;
text-align:center;
width:340px;
}
*html .photo{
height:320px;
text-align:center;
width:320px;
}
.photo span.hauteur{
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
*html .photo span.hauteur{
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:auto;
vertical-align:middle;
}
.produit-photo:hover {
border:1px solid #000000;
}
.produit-photo img {
border:medium none;
display:inline-block;
max-height:315px;
max-width:315px;
padding:10px;
vertical-align:middle;
}
*html .produit-photo .photo img {
border:medium none;
display:inline-block;
/*width: expression( Math.min(parseInt(this.offsetWidth), 320) ); */
/*height: expression( Math.min(parseInt(this.offsetHeight), 320) );*/
/*width: expression((this.offsetWidth>320) ? Math.min(parseInt(this.offsetWidth), 320 ) : true); 
height: expression((this.offsetHeight>320) ? Math.min(parseInt(this.offsetHeight), 320 ) : true);*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 320 ) : true); =
=height: expression((this.offsetHeight>=this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 320 ) : true);=*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 320 ) : true); 
height: expression((this.offsetHeight>=this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 320 ) : true);*/

/*height:320px;*/
width:320px;
padding:10px;
vertical-align:middle !important;
}
.legende {
color:#FF0000;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
padding:2px 5px;
text-decoration:none;
width:330px;
}
.legende a {
color:#FF0000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.legende a:hover {
color:#000000;
}
.vignette {
padding:10px 0;
width:342px;
}
.vignette span.hauteur{
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
.vignette img {
border:medium none;
display:inline-block;
max-height:80px;
max-width:80px;
vertical-align:middle;
}
*html .vignette img {
border:medium none;
display:inline-block;
/*width: expression( Math.min(parseInt(this.offsetWidth), 80) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 80) );*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 80 ) : true); 
height: expression((this.offsetHeight>=this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 80 ) : true);*/
vertical-align:middle;
width:80px;
}
.vignette01 {
background:#FFFFFF;
border:1px solid #FF0000;
height:88px;
text-align:center;
width:88px;
float: left;
}
.vignette01:hover {
border:1px solid #000000;
}
.vignette02 {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FF0000;
float:left;
height:88px;
margin:0 35px;
text-align:center;
width:88px;
}
.vignette02:hover {
border:1px solid #000000;
}
.vignette03 {
background:#FFFFFF;
border:1px solid #FF0000;
height:88px;
text-align:center;
width:88px;
float:right;
}
.vignette03:hover {
border:1px solid #000000;
}
.produit-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.agenda-tete {
background-image:url(../images/agenda-tete01.jpg);
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
height:22px;
padding:4px 0 0 5px;
width:225px;
}
.agenda-corps {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #037B03;
border-right:1px solid #037B03;
padding:5px 0 0;
width:228px;
}
.agenda-bas {
width: 230px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1px;
background-image: url(../images/agenda-bas01.jpg);
height: 9px;
}
.agenda-block {
border-top:1px dotted;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:auto;
padding:0 0 5px;
width:220px;
}
.agenda-date {
color:#037B03;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:auto;
padding:3px 0;
}
.agenda-date a {
color:#037B03;
text-decoration:none;
}
.liste-creation {
border-bottom:1px solid #FFFFFF;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:5px 0;
padding:0 0 5px;
text-decoration:none;
width:230px;
}
.liste-titre {
background:#FF8000 none repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
position:relative;
text-decoration:none;
z-index:10;
}
/*.liste-titre span {
position:absolute;
top:10px;
}*/
.liste-titre a {
display:inline-block;
vertical-align:middle;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.liste-titre a:hover {
color:#000000;
}
.liste-titre img {
display:inline-block;
vertical-align:middle;
}
.visite-atelier {
background:#007900 none repeat scroll 0 0;
border:1px solid #007900;
margin:10px 6px;
padding:0;
text-align:center;
width:153px;
}
.visite-atelier img {
border:medium none;
width:100%;
}
.visite-atelier a {
display:inline-block;
vertical-align:middle;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.visite-atelier span {
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
}
.referencement {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:6px 40px 0;
text-align:center;
text-decoration:none;
}
.adresse {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:6px 40px 0;
text-align:center;
text-decoration:none;
}
.copyright {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:6px 40px 0;
text-align:center;
text-decoration:none;
}
.echange-lien {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:0 20% 20px;
text-align:center;
text-decoration:none;
}
.echange-lien a {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin:0 5px;
text-align:center;
text-decoration:none;
}
.echange-lien a:hover {
color:#FF0000;
}
.presentation-liste-text{
background-image:url(../images/champ-murier02.jpg);
background-position:1px 100%;
background-repeat:no-repeat;
float:right;
min-height:209px;
width:535px;
}
.presentation-liste-image{
float:left;
font-size:1px;
padding:5px 0 5px 15px;
width:330px;
}
*html .presentation-liste-image{
padding:8px 0 8px 16px;
}
*:first-child+html .presentation-liste-image{
padding:8px 0 8px 16px;
}
.presentation-liste-image img{
max-height:200px;
max-width:330px;
}
*html .presentation-liste-image img{
/*width: expression( Math.min(parseInt(this.offsetWidth), 330) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 200) );*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 330 ) : true); 
height: expression((this.offsetHeight>=this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 200 ) : true);*/
width:330px;
}
.liste-mosaique01{
background-color:#FFFFFF;
border:3px double #FF8000;
float:left;
font-size:1px;
height:55px;
margin:0 8px 8px 0;
text-align:center;
width:55px;
}
/*.liste-mosaique01:hover {
border:3px double #000000;
}*/
.intro-liste-titre{
color:#FF0000;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:bold;
padding:0 0 0 3px;
text-decoration:none;
width:415px;
}
.intro-liste-sous-titre {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-style:italic;
font-weight:bold;
padding:0 0 0 3px;
text-decoration:none;
width:415px;
}
.intro-liste-text {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:5px 0 10px 4px;
text-decoration:none;
width:415px;
}
.block-liste {
height:100%;
margin:10px 0 0 10px;
position:relative;
}
.liste-left {
float:left;
height:100%;
width:290px;
}
.liste-right {
float:right;
height:100%;
width:290px;
}
/*.liste-tete{
background-image:url(../images/liste-tete01.jpg);
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:9px;
position:relative;
z-index:10;
width:290px;
}
.liste-corps-fond {
background-image:url(../images/liste-corps01.jpg);
bottom:0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:70%;
position:absolute;
width:290px;
}
*html .liste-corps-fond {
background-image:url(../images/liste-corps01.jpg);
bottom:0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:200px;
position:absolute;
width:290px;
}*/
/*.liste-corps{
background-image:url(../images/liste-corps01.jpg);
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
min-height:150px;
padding:0 10px 45px;
position:relative;
width:270px;
}
*html .liste-corps {
background-image:url(../images/liste-corps01.jpg);
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:0 10px 45px;
position:relative;
width:270px;
height: expression((this.offsetHeight>=this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 150 ) : true);
margin:0 0 1px;
}*/
/*.liste-bas{
background-image:url(../images/liste-bas01.jpg);
background-repeat:no-repeat;
bottom:0;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:14px;
position:absolute;
width:290px;
}*/
.liste-corps-image01{
background-color:#FFFFFF;
border:3px double #FF8000;
float:left;
height:130px;
margin:5px 5px 1px 0;
padding:4px;
text-align:center;
width:140px;
}
.liste-corps-image01 span {
background-color:#FFFFFF;
}
.liste-corps-image01 span.hauteur {
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:100%;
vertical-align:middle;
}
.liste-corps-image01 img {
display:inline-block;
max-height:130px;
max-width:130px;
vertical-align:middle;
}
*html .liste-corps-image01 img {
display:inline-block;
/*width: expression( Math.min(parseInt(this.offsetWidth), 130) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 130) );*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 130 ) : true); 
height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 130 ) : true);*/
vertical-align:middle;
width:130px;
}
/*.liste-bouton-detail-left {
bottom:0;
margin:10px 0;
position:absolute;
right:14px;
text-align:right;
}
.liste-bouton-detail-right {
bottom:0;
margin:10px 0;
position:absolute;
right:14px;
text-align:right;
}*/
/*.liste-bouton-detail-left a {
background-image:url(../images/bouton-detail.jpg);
background-repeat:no-repeat;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
height:28px;
width:83px;
}
.liste-bouton-detail-right a {
background-image:url(../images/bouton-detail.jpg);
background-repeat:no-repeat;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
height:28px;
width:83px;
}*/
.fildefer {
background-color:#FF6900;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
margin:10px 3px 0 10px;
padding:4px 0 0 8px;
text-decoration:none;
}
.fildefer a {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
text-decoration:none;
}
.fildefer span {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
text-decoration:none;
}
.block-fiche {
margin:10px 0 0 10px;
}
.fiche-tete {
background-image:url(../images/fiche-tete01.jpg);
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:9px;
width:592px;
}
.fiche-corps {
background-image:url(../images/fiche-corps01.jpg);
background-repeat:repeat-y;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:2px 16px 2px 10px;
width:566px;
}
.fiche-corps span.hauteur {
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
.fiche-corps img {
border:medium none;
display:inline-block;
vertical-align:middle;
}
.fiche-bas {
background-image:url(../images/fiche-bas01.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:1px;
height:14px;
width:592px;
}
.fiche-zoom {
float:left;
width:392px;
}
.cadre-zoom {
border:1px solid #FF8000;
height:50px;
position:absolute;
width:50px;
}
.fiche-image {
background-color:#FFFFFF;
border:1px solid #FF8000;
height:406px;
position:relative;
text-align:center;
width:390px;
}
.fiche-image img {
display:inline-block;
max-height:380px;
max-width:380px;
vertical-align:middle;
}
*html .fiche-image img {
/*width: expression( Math.min(parseInt(this.offsetWidth), 380) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 380) );*/
/*width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 380 ) : true); */
width: 380px; 
}
.fiche-legende-cadre {
border-bottom:1px solid #FF8000;
border-left:1px solid #FF8000;
border-right:1px solid #FF8000;
width:390px;
}
.fiche-legende {
background-color:#FF8000;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:16px;
position:relative;
text-align:center;
width:388px;
}
.fiche-legende span {
left:0;
position:absolute;
width:386px;
}
.legende-prod {
background-color:#FF8000;
border:medium none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
width:386px;
}
.fiche-zoom-mini {
float:right;
width:170px;
}
.fiche-zoom-mini01 {
float:left;
width:84px;
}
.fiche-zoom-mini02 {
float:right;
width:84px;
}
.zoom-mini01 {
background-color:#FFFFFF;
border:1px solid #FF8000;
cursor:pointer;
font-size:1px;
height:74px;
margin:0 0 4px;
padding:3px;
text-align:center;
width:74px;
}
.zoom-mini02 {
background-color:#FFFFFF;
border:1px solid #FF8000;
cursor:pointer;
font-size:1px;
height:74px;
margin:0 0 4px;
padding:3px;
text-align:center;
width:74px;
}
.zoom-mini02 span.hauteur {
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
.zoom-mini02 img {
display:inline-block;
max-height:71px;
max-width:71px;
vertical-align:middle;
}
*html .zoom-mini02 img {
display:inline-block;
/*width: expression( Math.min(parseInt(this.offsetWidth), 71) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 71) );*/
width:  71px; 
vertical-align:middle;
}
.bouton-question {
clear:both;
padding:10px 0 0;
text-align:center;
}
.bouton-question a {
background-image:url(../images/bouton-question.jpg);
color:#FFFFFF;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:26px;
padding:4px 0 0;
text-align:center;
text-decoration:none;
width:168px;
}
.fiche-descrition {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:10px 0;
}
.fiche-descrition-titre {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:10px 0;
}
.fiche-descrition-text ul {
margin:0;
padding:0 10px 0 16px;
}
.ligne01 {
border-top:1px solid #FF8000;
margin:30px 0 0;
}
.autrecreation {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:10px 0;
text-align:center;
}
/*.creation-defile {
background:transparent none repeat scroll 0 0;
display:inline-block;
height:160px;
text-align:center;
margin:auto;
}
*:first-child+html .creation-defile {
background:transparent none repeat scroll 0 0;
display:inline-block;
height:160px;
text-align:center;
width:100%;
margin:auto;
position: relative;
}
.creation-defile-centre {
margin:auto;
text-align:center;
width:auto;
margin:auto;
position:relative;
}
*:first-child+html .creation-defile-centre {
width:auto;
margin:auto;
text-align:center;
}
.creation-defile-image {
float:left;
text-align:center;
}
.defile-image {
background-color:#FFFFFF;
border:3px double #FF8000;
height:120px;
margin:0 3px 0 4px;
padding:4px;
text-align:center;
width:120px;
}
.defile-image span.hauteur {
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
.defile-image img {
border:medium none;
display:inline-block;
max-height:115px;
max-width:115px;
vertical-align:middle;
}
*html .defile-image img {
border:medium none;
display:inline-block;
width: expression( Math.min(parseInt(this.offsetWidth), 120) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 120) );
vertical-align:middle;
}
.defile-nom a {
color:#FF8000;
display:inline-table;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:5px 0;
text-align:center;
text-decoration:none;
}
.defile-nom a:hover {
color:#000000;
}*/
.creation-defile {
background:transparent none repeat scroll 0 0;
height:160px;
text-align:center;
}
.creation-defile-image {
display:inline-block;
text-align:center;
}
.defile-image {
background-color:#FFFFFF;
border:3px double #FF8000;
height:120px;
margin:0 3px 0 4px;
padding:4px;
text-align:center;
width:120px;
}
.defile-image span.hauteur {
background-color:#FFF000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:1px;
height:100%;
vertical-align:middle;
}
.defile-image img {
border:medium none;
display:inline-block;
max-height:115px;
max-width:115px;
vertical-align:middle;
}
*html .defile-image img {
border:medium none;
display:inline-block;
/*width: expression( Math.min(parseInt(this.offsetWidth), 120) ); 
height: expression( Math.min(parseInt(this.offsetHeight), 120) );*/
width: 120px; 
vertical-align:middle;
}
.defile-nom {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
width:140px;
}
.defile-nom a {
color:#FF8000;
display:inline-table;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:5px 0;
text-align:center;
text-decoration:none;
}
.defile-nom a:hover {
color:#000000;
}
.block-agenda {
float:left;
margin:10px 0 10px 10px;
width:345px;
}
*html .block-agenda {
float:left;
margin:10px 0 10px 5px;
width:345px;
}
.block-agenda-tete {
background-image:url(../images/agenda-block01.jpg);
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
padding:5px 5px 0;
text-decoration:none;
width:333px;
}
.block-agenda-corps {
background-color:#FFFFFF;
border-left:1px solid #005000;
border-right:1px solid #005000;
padding:1px 5px 0;
width:331px;
}
.block-agenda-bas {
background-image:url(../images/agenda-block02.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:1px;
font-weight:bold;
height:11px;
width:343px;
}
.agenda-evenement {
border-bottom:1px dotted #FF8000;
border-top:1px dotted #FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-top:10px;
padding:10px 0;
}
.agenda-evenement-titre {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.agenda-evenement-date {
color:#00B200;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.agenda-evenement-lieu {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.agenda-evenement-detail {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:10px 0 0;
}
.agenda-salon {
font-size:1px;
margin:35px 0 0;
width:230px;
}
*html .agenda-salon {
font-size:1px;
margin:46px 0 0;
width:230px;
}
*:first-child+html .agenda-salon {
font-size:1px;
margin:46px 0 0;
width:230px;
}
.agenda-salon img {
border:1px solid #FFFFFF;
}

.contenu-salon {
border:medium none;
font-size:1px;
margin:35px 0 10px;
width:230px;
}
*html .contenu-salon {
font-size:1px;
margin:46px 0 10px;
width:230px;
}
*:first-child+html .contenu-salon {
font-size:1px;
margin:46px 0 10px;
width:230px;
}
.contenu-salon img {
width:230px;
}
.contenu-block {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:10px 0;
}
.contenu-titre {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:10px 0;
}
.contenu-detail {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.lirelasuite {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:right;
}
.lirelasuite a {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-align:right;
text-decoration:none;
}
.lirelasuite a:hover {
color:#000000;
}
form {
margin:0;
padding:0;
}
.contact-form-block {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:20px 5px;
padding:3px;
position:relative;
}
.contact-form-block:hover {
background:#FEEAD6 none repeat scroll 0 0;
}
.contact-form-block input.text {
border:1px solid #FF8000;
color:#515151;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:16px;
position:absolute;
right:0;
text-align:left;
top:0;
width:150px;
}
*html .contact-form-block input.text {
right:10px;
}
.contact-area {
color:#FF8000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:100px;
margin:20px 5px;
padding:3px;
position:relative;
}
.contact-area textarea.text {
border:1px solid #FF8000;
bottom:-8px;
color:#515151;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:130px;
position:absolute;
right:0;
text-align:left;
width:318px;
}
*html .contact-area textarea.text {
right:0px;
}
.erreur02 {
color:#E62627;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:10px;
left:180px;
position:absolute;
text-align:left;
top:20px;
}
.envoyer {
background:#FF8000 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
margin:10px 0 0;
padding:0 0 4px 5px;
text-align:center;
width:81px;
}
*:first-child+html .envoyer {
padding:0 0 0px 5px;
}
*html .envoyer {
padding:0 0 0px 5px;
}
.contact-form-submit {
text-align:center;
}
.block-sitmap01 {
float:left;
width:165px;
}
.block-sitmap02 {
float:right;
width:165px;
}
.categorie-titre {
color:#FF8000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.categorie-titre a {
color:#FF8000;
display:inline-block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.produit-titre a {
color:#037B03;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.produit-titre a:hover {
color:#000000;
}
.categorie-titre a:hover {
color:#000000;
}
.block-sitmap01 li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
background-image:url(../images/lien.jpg);
background-repeat:no-repeat;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 4px;
padding:0 0 0 20px;
}
.block-sitmap01 a li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.block-sitmap01 ul {
margin:10px 0;
padding:0 0 0 10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.block-sitmap02 li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
background-image:url(../images/lien.jpg);
background-repeat:no-repeat;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 4px;
padding:0 0 0 20px;
}
.block-sitmap02 a li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.block-sitmap02 ul {
margin:10px 0;
padding:0 0 0 10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.block-sitmap02 img {
border:medium none;
margin:0 5px 0 0;
}
.visite-block {
margin:auto;
position:fixed;
top:0;
width:100%;
z-index:200;
display:none;
left:0px;
}
*html .visite-block {
position: absolute;
}
.fond-translucide {
background:#000000 none repeat scroll 0 0;
display:none;
left:0;
margin:auto;
filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
position:fixed;
top:0;
width:100%;
z-index:100;
height:100%;
}
*html .fond-translucide {
position:absolute;
height:1300px;
}
.block-body {
background: none;
}

#flashcontent {
border: solid 1px #cc0000;
width: 655px;
height: auto;
margin: 0 auto;
display:none;
}
.visite-description{
color:#FFFFFF;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.pagination {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:10px 4px 10px 10px;
text-align:center;
text-decoration:none;
}
.pagination a {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.pagination a:hover {
color:#FFFFFF;
}

/* modif Bary 27-10-09 */
.conteneurBloc{ margin:0; padding:0; width:290px; background:none; border:none;}
.liste-tete{background: transparent url(../images/liste-tete01.jpg) top center no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:1px;height:9px;width:290px; margin:0; padding:0;}
.liste-corps-fond {background:transparent url(../images/liste-corps01.jpg) top center repeat-y;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:290px; margin:0; padding:0;}
.liste-corps{background-image:url(../images/liste-corps01.jpg);font-family:Arial,Helvetica,sans-serif;font-size:12px;min-height:150px;padding:0 10px 0px;width:270px;}
.liste-corps p{ margin:0; padding:0;}
.liste-bas{background:transparent url(../images/liste-bas01.jpg) bottom left no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:1px;height:14px;width:290px; margin:0; padding:0; height:50px;}
.liste-bouton-detail-left {margin:0; padding:0;background:transparent url(../images/liste-corps01.jpg) top center repeat-y; margin-top:10px;}
.liste-bouton-detail-left a {background:transparent url(../images/bouton-detail.jpg) no-repeat;font-family:Arial,Helvetica,sans-serif;height:28px;width:83px; display:block; margin-right:10px;}
.liste-bouton-detail-right {margin:0; padding:0;background:transparent url(../images/liste-corps01.jpg) top center repeat-y; margin-top:10px;}
.liste-bouton-detail-right a {background:transparent url(../images/bouton-detail.jpg) no-repeat;font-family:Arial,Helvetica,sans-serif;height:28px;width:83px; display:block; margin-right:10px;}

/* autre */
.conteneurBas{ margin:0; padding:0; width:584px;}
.liste-bas-left{background:transparent url(../images/liste-bas01.jpg) bottom left no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:1px;height:14px;width:290px; margin:0; padding:0; height:40px; float:left}
.liste-bas-right{background:transparent url(../images/liste-bas01.jpg) bottom left no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:1px;height:14px;width:290px; margin:0; padding:0; height:40px; float:right}
.liste-bouton-detail-right {margin:0; padding:0;background:transparent url(../images/liste-corps01.jpg) top center repeat-y; }
.liste-bouton-detail-left{ margin:0; padding:0;background:transparent url(../images/liste-corps01.jpg) top center repeat-y; }

.contentTitre{ width:584px; margin:0; padding:0;}
.onleft{ float:left; width:290px}
.onright{ float:right; width:290px;}
.contentBlock{ width:584px; margin:0; padding:0; background:none; padding-bottom:10px;}
.withBG{ background:transparent url(../images/fondBlock.jpg) top left repeat-y;}
