/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body { font-family: Verdana, Arial, Helvetica, sans-serif; }
body.accueil {background:#E0B87A url(/images/fonds/fond_site.png) repeat-x;}
body.about {background:url(/images/fonds/fond-about.jpg) repeat-x;}
body.product {background:url(/images/fonds/fond-market.jpg) repeat-x;}
body.events {background:url(../../images/fonds/fond-market.jpg) repeat-x; /*background: #D36564 url(/images/fonds/fond_events.jpg) repeat-x;*/}
body.contact {background: url(/images/fonds/fond_contact.jpg) repeat-x;}
h1 {color:#FFFFFF;}
#principal-accueil,#principal-about,#principal-product,#principal-events,#principal-contact { height:950px; width:1291px;margin-left:auto; margin-right:auto; }
#principal-accueil {background:url(/images/fonds/fond_principal.png) no-repeat;height:1064px}
#principal-about {background:url(/images/fonds/fond_principal_about.png) 10px 0 no-repeat; }
#principal-product {background:url(/images/fonds/fond_principal_product.png) 10px 0 no-repeat; }
#principal-events {background:url(/images/fonds/fond_principal_events.png) 10px 0 no-repeat ; }
#principal-contact {background:url(/images/fonds/fond_principal_contact.png) no-repeat ; }
#baseline {/*position:absolute;*/float:left;top:84px;left:184px;text-indent:-5000px;background: transparent url(/images/images/roto_text.png)  center left no-repeat;width:380px;height:45px;}
li {list-style: none;}
.corps { height:800px; width:1030px;margin-left:auto; margin-right:auto; padding-top:1px}
#header {height:130px;margin-top:22px;}
#header  ul.li a:link { text-decoration:none}
.accroche h1 {margin-top:35px}
a,a:link,a:hover,a:visited {color:#FFFFFF;text-decoration:none}
.langue ul{list-style:none;float:right; margin-right:-14px}
.language li {width:45px; float:left}
.logo {width:190px;float:left;margin-left:25px;}
img {border:none}
#col1 {float:left; width:65%;}
/* *** menu gauche page d'accueil *** */
#zone-menu-gauche { z-index:2; margin:0; padding:0;}
.menu-gauche { }
.menu-gauche li.jaune { background:url(/images/puce-jaune.png)  no-repeat bottom left ;margin-left:200px;padding-top:3px;width:110px;color:#FFCC33;font-size:18px; text-align:right;}
.menu-gauche li.jaune-active { background:url(/images/puce-blanche.png)  no-repeat bottom left ;margin-left:200px;padding-top:3px;width:90px;color:#FFCC33;font-size:18px; text-align:right;}
.menu-gauche li.orange {  background:url(/images/puce-orange.png)  no-repeat bottom left;width:170px;margin-left:290px;text-align:right;}
.menu-gauche li.orange-active {  background:url(/images/puce-blanche.png)  no-repeat bottom left;width:160px;margin-left:290px;text-align:right;}
.menu-gauche li.magenta { background:url(/images/puce-magenta.png)  no-repeat bottom left;width:175px;margin-left:338px;text-align:right;}
.menu-gauche li.magenta-active { background:url(/images/puce-blanche.png)  no-repeat bottom left;width:135px;margin-left:338px;text-align:right;}
.menu-gauche li.noire { background:url(/images/puce-noire.png)  no-repeat bottom left ;width:140px;margin-left:368px;text-align:right;}
.menu-gauche li a.txt-jaune-active,.menu-gauche li a.txt-orange-active,.menu-gauche li a.txt-magenta-active,.menu-gauche li a.txt-noire-active {color: #FFFFFF;font-size:14px; }
 .menu-gauche li a.txt-jaune {color:#FFCC33;font-size:14px; }
.menu-gauche li a.txt-orange {color:#FF6633;font-size:14px;}
.menu-gauche li a.txt-magenta {color:#FF3366;font-size:14px;}
.menu-gauche li a.txt-noire {color:#000000;font-size:14px;}
/* *** ****************** *** */
/* *** Texte gauche page d'accueil *** */
#texte_gauche,#about_gauche,#product_gauche,#events_gauche,#contact_gauche{ width:279px;height:323px ;margin-top:-55px;  z-index:10;margin-left:25px; font-weight:500;}
#texte_gauche {background:url(/images/fonds/fond_text_gauche.png) no-repeat ;width:342px;}
#about_gauche {background:url(/images/images/about-circle.png) no-repeat ; width:342px;}
#product_gauche {background:url(/images/images/products-circle.png) no-repeat ; width:342px;}
#events_gauche {background:url(/images/images/events-circle.png) no-repeat ; width:342px;}
#contact_gauche {background:url(/images/images/contact-circle.png) no-repeat ;width:342px; }
.texte-accueil {color:#00000;;font-size:12px;width:230px; padding-top:50px; padding-left:10px;}
#breadcrumb {float:right; width:325px;text-align:left; margin-top:-200px;color: #000000; font:Arial, Helvetica, sans-serif; font-size: 10px;}
.contact #breadcrumb {margin-top:-600px}
#breadcrumb-produits {float:right; width:430px;text-align:left; margin-top:-200px;margin-right:-105px;color: #000000; font:Arial, Helvetica, sans-serif; font-size: 10px;}
#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:hover,#breadcrumb-produits a:link,#breadcrumb-produits a:visited,#breadcrumb-produits a:hover {color:#000000;}
#breadcrumb span,#breadcrumb-produits span {font-weight:bold;}
#texte_centre_about {float:right; width:325px;text-align:left; margin-top:-185px;color: #000000; font:Arial, Helvetica, sans-serif; font-size: 12px;}

.texte-about { background:url(../../images/fonds/fond-para.png);margin-top:-2px; width:672px;  float:left }
.texte-about-1{ float:left; width:325px;  }
.texte-about-2 { float:left;width:325px;  }

.texte-about-1 p{ margin-left:10px; width:310px;  }
.texte-about-2 p{ margin-left:10px; width:325px; text-align:justify  }
.signature {font-size:11px;}
.texte-about label {color:#FF9900;font-size:16px;}
.texte-citation {font-style:italic}

.market_txt {float:left; width:320px; margin-left:15px; padding-top:10px; font-size:11px; font-weight:300; /*text-align:justify*/ }
.market_prod {float:left; width:320px; margin-left:15px; padding-top:10px; font-size:11px; font-weight:300; /*text-align:justify*/ }
.mention_txt {float:left; width:315px; margin-left:15px; padding-top:10px; font-size:11px; font-weight:300; text-align:justify }
.mention_prod {float:left; width:315px; margin-left:15px; padding-top:10px; font-size:11px; font-weight:300; text-align:justify }
.market_txt h3,.market_prod h3 {color:#FF6633; text-align:center;}
.texte-about h3 {text-transform:uppercase;color:#FF6633}
.market_txt h1 {color:#FF6633; text-align:center; width:319px;}
.texte-events h3 {color: #000000; margin-left:15px; font-weight:500}
.market_prod a:link,.market_prod a:visited {color:#000000; text-decoration:underline;margin-left:10px;}

#texte_centre  { float:right; width:329px;text-align:left; margin-top:-185px;color:#FFFFFF; font:Arial, Helvetica, sans-serif; font-size: 12px;}
#texte_centre h1.cufon-canvas { text-transform:capitalize;}
#texte_centre h1{ font-size:20px;color:#FF6633}
#texte_centre_2{float:right; width:375px;text-align:left; margin-top:-65px;color: #000000; font:Arial, Helvetica, sans-serif bolder; font-size: 11px; line-height:20px}
#texte_centre_2 p{ font-weight:800}
#texte_centre_2 a:link,#texte_centre_2 a:hover,#texte_centre_2 a:visited {text-decoration:underline;color:#FF6633}

/** col 2 **/
#col2 {float:right;margin-right:-125px;margin-top:25px;}
#col3 {float:right;}
.recherche img{margin-right:7px;}
.fond { height:396px; width:385px; background:url(/images/fonds/fond-col2.png) no-repeat;  float:right; margin-top:-320px }
.search_btn { }
.search {height:13px; vertical-align:top; width:230px}
.savoir-faire {margin-top:73px; color:#FFFFFF;font-size:12px;width:230px;}
.savoir-faire h1{color:#F4D15A;font-size:20px}

/** Effet déroulant Page d'acccueil **/
#animation {margin-left:25px;margin-top:25px;}
#images H1 {display:inline; font-weight:bold; font-size:21px; font-family: Arial,Helvetica,sans-serif; color: white; text-shadow: 2px 2px 3px #666666; opacity: 0.9 }  
#images H2 {display:inline; font-weight:bold; font-size:13px; font-family: Arial,Helvetica,sans-serif; color: white; text-shadow: 2px 2px 3px #666666; opacity: 0.9; cursor: pointer; }
#images {width: 550px; height: 162px; background:url(/images/fonds/animation.png)  }
#titreimages {width: 550px; height: 32px; margin-top:-100px;  }
#images img {margin-right:-1px; cursor: pointer; width:556px}
#titreimages img {margin-right:-1px; cursor: help;height: 32px; width:556px;}

/**** Footer Content ****/	
/*#footer {background: #fff url("../imgs/bg-footer.jpg") center top no-repeat;padding:14px;height:48px;}*/
#footer {float:left;height:28px;padding:14px;}
#copyright, #footer-menu {float:left;}
#copyright {width:180px;padding-left:20px;}
#copyright a, #copyright a:hover {color:#77412E;text-decoration:none;font-size:11px;}
#footer-menu {width:571px;text-align:center;}
#footer-menu li {height:20px;display:inline;}
#footer-menu a {font-size:11px;color:#77412E;padding:0 15px;background:transparent url("../images/separateur.png") bottom right no-repeat;text-decoration:none;}
#footer-menu a.last {background:none;} 

/*** Zone events *******/
#texte_centre_events { float:left;text-align:left; margin-top:-185px;color: #000000; font:Arial, Helvetica, sans-serif; font-size: 12px; margin-left:345px}
.contact #texte_centre_events {margin-top:-585px}
.zone_events_0 {width:311px; margin-left:25px; float:left}
.zone_events_1 {width:305px; margin-right:15px; float:right}
.texte-events { background:url(/images/fonds/fond-para.png);margin-top:-2px; width:672px; float:left }
.img_events {float:left;}
.titre_events {width:325px; }
.titre_events a{ color:#000000;float: left; margin-left:10px; padding-top:2px;}
.text_court,.text_court a,.text_court a:hover,.text_court div{ font-weight:800; color:#666666}
.titre_produits {color:#FF6633;margin-left:10px;margin-top: 10px;}
.alerte {color:#522617;margin-left:25px;}
.contact_title {color:#FB683C;font-size:18px;font-weight:bold;margin-bottom:9px;margin-left:25px}
.question { color:#666666; margin-bottom:5px; font-size:12px;}
form#demande {margin-top:30px;width:560px;margin-left:25px}
form#demande input[type="text"] {width:450px;border:1px  inset  #522617;}
form#demande input[type="text"], form#demande textarea {border:1px solid #522617;}
form#demande label {float:left;width:99px; font-size:12px; color:#522617}
form#demande .obligatoire {font-weight:bold;}
form#demande  p {margin-bottom:12px;}
form#demande .legend {font-size:10px;padding-left:100px;}
form#demande textarea {height:100px;overflow:auto;width:535px; margin-left:15px}
.go-right {text-align:right;margin-right:10px}
.contact_bas {height:40px; color:#522617;margin-left:25px}
.contact_bas a {color:#000000}

.image_invisible {visibility:hidden}
.image_visible {visibility:visible}

.zone_news {float: left; margin-left:25px; width: 620px;}
/*.img_news {float:none}*/
.img_news_img {float:left}
.text_court_news { color: #666666;  float: right;   font-weight: 800;    margin-right: 10px;   width: 260px;}
.text_court_news a:hover,.text_court_news div { color: #666666; font-weight: 800; }
.titre_events_news a{ color:#000000;float: left; margin-left:10px; padding-top:2px;}
.titre_events_news {float: left; margin-top: -25px; }
.titre_events_news .img_events {margin-left: 10px;}
.bottom {height:25px; width: 650px; float: left}
#plan { float: left; margin-left: 25px; margin-top: 25px; width: 342px;}