/* couleurs 

"rouge" #98002E

*/


* {margin: 0; padding: 0;}

html, body {height:100%; margin:0; padding:0; }
body {background: url(img/fond_haut.gif) repeat-x; font: 1em Verdana, Arial, Helvetica, sans-serif; }


/*div#divers_centre a, div#produit_centre a, div#asavoir_contenu a, a.external-link-new-window, div.tel a {text-decoration: none; color: #98002E; font-weight:bold; border-bottom: 1px dashed #98002E; }
div#divers_centre a:hover, div#produit_centre a, div#asavoir_contenu a, a.external-link-new-window, div.tel a:hover { border-bottom: none;}*/

div#footer { bottom: 0; position: absolute; height: 50px; color: #6f715c; width: 775px; font-size:10px; }
div#footer a {color: #6f715c; text-decoration: none; } 
div#footer a:hover { text-decoration:underline;} 
div#footer div, div#footer img  { background-color: #F4F4F4; margin: 7px 0 10px 0; padding: 5px; width: 310px; height: 23px; float: left; } 
div#footer img.logo_bas { margin: 0; width: 134px; height: 50px; background-color:#FFFFFF; padding: 0; } 

div#text_be a {text-decoration: none; color: #98002E; font-weight:bold; border-bottom: 1px dashed #98002E;}
div#text_be a:hover {border-bottom: none;}

div.mote {display: none;}


/* ossature */
div#cont {position: relative; width: 775px; min-height: 100%;}


div#colG {position: absolute; top: 0; left: 0; background:url(img/photo_accueil.jpg) no-repeat; z-index: 10; }
div#colD { position: absolute; top: 71px; left: 509px; background:url(img/haut_droit.jpg) no-repeat; width: 266px; height: 400px; z-index: 400; padding: 60px 0 0 15px; z-index: 5; }
div#entete {height: 509px; width: 278px;}
div#colG div.image_bandeau {position: absolute; left: 0; top: 78px; width: 512px; height: 172px}
img.pa {position: absolute; left: 0; top: 78px; }


/* les images bandeau */
div#colG div.ac, div#colG div.ac_nl { background: url(img/photo_accueil.jpg) no-repeat top left #000000; width: 509px; height:200px;}
div.soc {background: url(img/photo_societe.jpg) no-repeat top left #000000;}
div.soc_nl {background: url(img/photo_societe_nl.jpg) no-repeat top left #000000;}
div.div, div.div_nl {background: url(img/photo_divers.jpg) no-repeat top left #000000;}
div.prod {background: url(img/photo_produit.jpg) no-repeat top left #000000;}
div.prod_nl {background: url(img/photo_produit_nl.jpg) no-repeat top left #000000;}
div.asavoir {background: url(img/photo_asavoir.jpg) no-repeat top left #000000;}
div.asavoir_nl {background: url(img/photo_asavoir_nl.jpg) no-repeat top left #000000;}
div.pv {background: url(img/photo_pv.jpg) no-repeat top left #000000;}
div.pv_nl {background: url(img/photo_pv_nl.jpg) no-repeat top left #000000;}




/* cadre recherche */
div#rech {position: absolute; top: 0; right: 0; background: url(img/rech_droit.gif) top right no-repeat #98002E; width: 300px; color:#FFFFFF; font: bold .7em Verdana, Arial, Helvetica, sans-serif; display:inline;  z-index: 101; }
div#rech form { height: 30px; background:url(img/rech_gauche.gif) top left no-repeat; padding: 0 10px;}
div#rech form input#nom {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; width: 160px; height: 15px; font-size: 12px;}
div#rech form #btn_submit {background: transparent url(img/bt_rech.gif) no-repeat; width: 33px; height: 28px !important; height: 25px; border: 0; text-indent: -1000em; cursor: pointer; cursor: hand; margin-top: 0 !important; margin-top: 3px;}


/* résultat */
div.tx-indexedsearch strong { font-size: 1em;}
div.tx-indexedsearch-form { padding: 5px 0 5px 5px; width: 498px; height: 22px; background: url(img/rech_res_fond.gif) top right no-repeat #000000; color: #FFFFFF;}
div.tx-indexedsearch-form label { margin-top: 3px;}
div.tx-indexedsearch-whatis { padding: 2px 0 2px 5px; margin: 2px 0; border: 1px solid #70715b;}
div.tx-indexedsearch-browsebox p { margin: 3px 0; }
ul.browsebox { margin-bottom: 5px;}
div#text_be ul.browsebox li a { border-bottom: none; font-size: 11px; font-weight: normal;}
div#text_be ul.browsebox li strong a {font-weight: bold;}
div#text_be span.tx-indexedsearch-title a  { border-bottom: none; font-size: 14px; }
div.tx-indexedsearch-res span.tx-indexedsearch-percent { font-size: 13px; font-weight: bold;}
div#text_be li.tx-indexedsearch-browselist-currentPage a { border-bottom: none; font-weight: bold;}






fieldset { border: none; }
.tx-indexedsearch .searchbox-tmpl-css label { font-size: 12px; width: 100px; }
div.tx-indexedsearch-search-submit { position: absolute; left: 300px; top: 13px; }
div.tx-indexedsearch-rules {  text-align: center; margin-top: 5px; }
div.tx-indexedsearch-rules p {font-size: 10px; }
div.tx-indexedsearch-rules h2 {font-size: 11px; font-weight: bold;}
div.tx-indexedsearch-whatis, .tx-indexedsearch-descr { font-size: 12px;}


/* menu langue */
div#langue { position: absolute; top: 38px; left: 614px; z-index: 100;}


div#langue ul { list-style: none; float:left; margin-left: 20px; }
div#langue ul li {float: left;}
div#langue ul li a { font-size:11px; color: #D3D3C7; /*width: 20px;*/ display: block; text-decoration: none; font-variant:small-caps; font-weight: bold; padding: 3px; margin: 3px; background-color:#8B8C71; border: 1px solid #A9A994;}
div#langue ul li a:hover, div#langue ul li a.sel {background-color:#A9A994; }
div#langue ul li a.sel {color: #FFFFFF;}
div#langue ul li.disabled {font-size:11px; color: #38382E; /*width: 20px;*/ display: block; text-decoration: none; font-variant:small-caps; font-weight: bold; padding: 3px; margin: 3px; background-color:#626350; border: 1px solid #A9A994;}






/* navig */
div#navHaut {position: absolute; top: 45px; left: 190px; z-index: 100;}
div#navHaut ul {list-style-type: none; float: left; }
div#navHaut li, div#navProd li { position: relative;}
div#navHaut ul li, div#navProd ul li { float: left; /*display: inline;*/ }
div#navHaut ul li:hover, div#navProd ul li:hover {background-color: #98002E;}
div#navHaut ul li a, div#navProd ul li a, .contact a { padding: 2px 10px 3px 10px; border-right: 1px #98002E solid; text-decoration: none; font: bold small-caps .7em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; display: block; }


.contact a {float: left; display:block; margin-top: 7px; border-right: none; }


div#navHaut ul li a.sub, div#navProd ul li a.sub { background: url(img/nav_sub.gif) no-repeat top right #FFFFFF;}
div#navHaut ul li a.der, div#navProd ul li a.der { border-right: none;}
div#navHaut ul li ul, div#navProd ul li ul  {position: absolute; /*left: -999em;*/ display:none; list-style-type: none;  border: 1px #98002E solid;}
div#navHaut ul ul li, div#navProd ul ul li {float: none; }
div#navHaut ul ul li a, div#navProd ul ul li a { padding: 3px 5px; border-bottom: 1px #98002E solid; border-right: none; background-color: #FFFFFF; font: normal normal .7em Verdana, Arial, Helvetica, sans-serif; color:#000000; display: block; width: 15em; }
div#navHaut ul ul li a:hover, div#navProd ul ul li a:hover, .contact a:hover {background-color: #98002E; color: #FFFFFF;}
div#navHaut ul ul li a.der, div#navProd ul li a.der,
div#navHaut ul ul li a.der, div#navProd ul li a.der {border-bottom: none; }
div#navHaut ul li:hover ul.level2, 
div#navHaut ul.level2 li:hover ul.level3,
div#navHaut ul.level3 li:hover ul.level4,
div#navProd ul li:hover ul.level2, 
div#navProd ul.level2 li:hover ul.level3,
div#navProd ul.level3 li:hover ul.level4 { display: block;}
/* aJOUT*/
div#navHaut ul.level2 { /*top: 1.5em;*/left: -1px;  z-index: 20; }
div#navHaut ul.level3, div#navProd ul.level3 { top: 0px; left: 178px; z-index: 30;}
div#navHaut ul.level4, div#navProd ul.level4 { top: 0px; left: 178px; z-index: 40;}


div#navProd { display: none }
div#navProd ul { z-index: 3; }
div#navProd ul.level2  { top: 0px; z-index: 20; left: 162px;}
div#navProd ul.level3 { top: 0px; left: 176px; z-index: 30;}
/*div#navProd ul.level4 { top: 2px; left: 24em; z-index: 40;}*/
div#navProd {width: 170px; float: left; display:inline;}
div#navProd h1 {background: url(img/produit_h1.jpg) top center no-repeat; font: bold .8em Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height: 28px; line-height: 28px; text-align: center; }
div#navProd ul { list-style-type: none; border: 1px #97002E solid; margin: 0 2px; }
div#navProd ul li a{ padding: 5px 3px 5px 5px; border-bottom: 1px #98002E solid; /*border-left: 1px #98002E solid;*/ background-color:#FFFFFF; font: normal normal .7em Verdana, Arial, Helvetica, sans-serif; color:#000000; display: block; width: 156px; text-decoration: none;margin-bottom: -2px;}
div#navProd ul li a:hover {color: #FFFFFF; background-color: #98002E;}






/* cadres promos */
div#cadrePromo {position: absolute; left: 4px; top: 282px; }
div#cadrePromo div { width: 166px; float: left; margin-right: 3px; }
div#cadrePromo div h1 {font: bold .75em Verdana, Arial, Helvetica, sans-serif; line-height: 28px; color:#FFFFFF; text-align: center; ;}
div#cadrePromo div.cadre_produit { background: url(img/cadre_produit.jpg) top left no-repeat; }
div#cadrePromo div.cadre_enfant { background: url(img/cadre_enfant.jpg) top left no-repeat; }
div#cadrePromo div.cadre_p_vente { background: url(img/cadre_p_vente.jpg) top left no-repeat; }
div#cadrePromo div ul {list-style: none; margin-top: 75px;}
div#cadrePromo div ul li { margin: 2px 0; background: url(img/fond_lien_promo.jpg) repeat-y; padding-left: 11px; padding-top: 3px;}
div#cadrePromo div ul li a {width: 166px !important; width: 155px; height: 1.6em; font: normal normal .7em Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; display: block;}
div#cadrePromo div ul li a:hover {font-weight: bold;}
div#cadrePromo div#present { clear:left; margin-top: 3px; width: 509px; background: url(img/sepa_accueil_bas.jpg) bottom no-repeat #eaeaea; padding-bottom: 10px;}
div#cadrePromo div#present h2 { background: url(img/sepa_accueil.jpg); line-height: 16px; width: 499px; height: 20px; text-align: right; font: bold .8em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding-right: 10px;}
div#cadrePromo div#present p { padding: 5px; text-align: justify; }
div#cadrePromo div#present p a { text-decoration: none; border-bottom: dashed 1px #464736; color: #464736; font-weight: bold;}
div#cadrePromo div#present p a:hover, div.cadre_droit p a:hover {border-bottom: none; }


div#colD div.cadre_droit { width: 245px; background: url(img/cadre_droit.jpg) no-repeat top left; padding-left: 10px; margin-bottom: 15px; }

div#colD div.cadre_droit h1 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; color: #98002E; padding: 5px 0 5px 12px; background: url(img/fond_h1_droit.gif) center left no-repeat; }
div#colD div.cadre_droit img {margin-right: 10px; float: left;}

div#colD div.cadre_droit p { padding-left: 10px; margin-bottom: 12px;font-size: 11px;}
/*div#colD div.cadre_droit p:hover {background-color: #F2F2F2; }*/
div.cadre_droit p a, div.news-list-morelink a { display: block; text-decoration: none; color: #98002E; font-weight: bold; margin-left: 170px;}
div#nouveaute a {display: inline; margin-left: 0px;}
p { font-size: 12px;}
strong { font-size: .65em;}
div.cadre_droit ul, div#asavoir_contenu ul {margin-left: 5px; list-style-type: none; }
div.cadre_droit ul li {margin: 5px 0; background: url(img/fond_lien_societe.gif) no-repeat left center #F6F6F6; }
div.cadre_droit ul li a {text-decoration: none; font: normal .7em Verdana, Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; display: block;  padding: 1px 0 1px 13px; color:#000000;  }
div.cadre_droit ul li a:hover {color: #98002E; background: url(img/fond_lien_societe.gif) no-repeat left center #FFFFFF;  }
/*div#cadrePromo p {font-size: .7em}*/


div#navSite {position: absolute; left: 0; top: 250px; height: 25px; line-height: 25px; background-color: #E0E0E0; width: 512px; font-size: 10px; } 
div#navSite a {text-decoration: none; font-weight: bold; color: #333333;}


/*div#prod_centre, div#societe_centre, div#pv_centre, div#asavoir_centre   {position: absolute; left: 0; top: 277px;}*/

div#cont_ff {padding-bottom: 20px;}


div#divers_centre { position: absolute; left: 0; top: 257px;}
/* Hides from IE-mac \*/
* html div#prod_centre {height: 1%;}
/* End hide from IE-mac */


/*div#prod_centre h1, div#asavoir_centre h1, div#divers_centre h1 {text-align: center; font-size: 14px; margin-bottom: 15px;}*/

h1.titre {text-align: center; font-size: 14px; margin-bottom: 15px; position: absolute; top: 285px; width: 512px;}

div#text_be, div#cplug {padding:310px 0 30px 10px; width:502px; /*position: absolute; top: 310px;*/ }


.news-single-item h2 {text-align: center; font-size: 14px;}
div.csc-header h1 { margin-bottom: 10px; color:#98002e; font-size: 14px; text-align: center;}
div#prod_centre img {border: none;}


/*div#societe_centre, div#pv_centre, div#asavoir_centre, div#divers_centre, div#prod_centre {width: 502px; padding: 10px 0 10px 10px; }*/

div#text_be {text-align:justify ;}
/*div#societe_centre p.bodytext, div#asavoir_contenu {text-align:justify ;}*/




div#produit_centre {text-align: justify; width: 492px; /* float: left;  margin-left: 15px;*/ font-size: 12px; }
/*div#produit_centre h2, div#asavoir_contenu h2 { font: bold 13px Verdana, Arial, Helvetica, sans-serif ; margin: 3px 0 2px 0; text-align: left; color: #98002E;}*/

div#text_be h2 {font: bold 13px Verdana, Arial, Helvetica, sans-serif ; margin: 3px 0 2px 0; text-align: left; color: #98002E;}

/*div#produit_centre h3, div#produit_centre h3 a, div#asavoir_contenu h3 , div#asavoir_contenu h3 a{ color: #4F5041; font-size: 12px; font-weight: bold;}*/
div#text_be h3, div#text_be h3 a { color: #4F5041; font-size: 12px; font-weight: bold;}

div#produit_centre h3, div#asavoir_contenu h3  { margin: 10px 0 10px 5px;}
/*div#produit_centre ul, div#asavoir_contenu ul { margin: 20px 10px; }*/

div#text_be ul { margin: 20px 10px; }

/*div#produit_centre ul  li, div#asavoir_contenu ul li {margin-bottom: 5px; font-size: 12px;}*/

div#text_be ul li {margin-bottom: 5px; font-size: 12px;}
div#text_be ul {list-style-type:none; margin-left:5px; margin:20px 10px;}


div#cont_nouveaute div {margin-bottom: 10px;}


p.bodytext strong {font-size: 11px;}
div#produit_centre strong {font-size: 12px;}

div#text_be strong {font-size: 12px;}




/* news */
.news-list-date, .news-single-timedata, .news-single-category, /**/ .tx-indexedsearch-info  { display: none; }
.news-list-item h3 { margin-bottom: 5px;}
.news-list-item h3 a { color: #000000; font-size: 12px; text-decoration: none; }
.news-list-item p { text-align: justify;}
div#nouveaute div.news-list-morelink a, div#nouv_gen div.news-list-morelink a { font-size: 11px; text-align: right; display: block;}
hr.clearer { display: none; margin-bottom: 5px;}

div.news-single-backlink {margin-top: 5px; }
div#text_be div.news-single-backlink a { font-size: 12px; border-bottom: none; }
div.news-single-img img {border-bottom: none;}






div#voiraussi li.sel, /*div#nouveaute div.news-list-morelink */ { display: none;}




/* points de vente */
div#colD.cold_pv { height: 140px; /*top:-239px;*/}
div#rech_code { font-size: 12px;}


/* personnel */
div.user-personnel-pi1 h3, div.user-vente-pi1 h3 {width: 509px; height: 17px; font-size: 12px; font-weight: bold; color: #FFFFFF; background:url(img/perso_fond_h3.jpg) no-repeat; text-align: center; padding-top: 3px;}
div.user-personnel-pi1 h4 {margin-bottom: 5px; font-size: 14px;}
div.alt { background-color: #F5F5F3;}


div.perso_service { border: 1px solid #98002e; margin-bottom: 10px;}


div.pers { position: relative; padding: 5px 0 10px 10px; }


div.perso_specialite { position: absolute; left: 130px; top:70px; font-size: 11px; font-weight: bold; text-align: center;}
div.perso_entree { font-size: 11px; font-style:italic;}


/* points de vente */
div.user-vente-pi1 div#pv_centre { font-size: 12px;}
div.user-vente-pi1 div.point_v {border: 1px solid #98002e; margin-bottom:25px;}
div.user-vente-pi1 div.agent { padding: 5px 0 20px 5px; clear:left; }
div.lastname {font-variant:small-caps; font-weight:bold; letter-spacing:1px; color:#98002e;}

span.city {font-variant:small-caps; font-weight:bold; }
div.tel {float: left; width: 140px;  }
div.carte { float: left; width: 340px; }
div.carte a { display: block;  text-decoration: none; color: #6f715c; font-weight: bold; margin-right: 10px; text-align: right; }




/* carte */
v\:* {behavior:url(#default#VML);}
table#resultat {margin:0; margin-top: 10px; padding:0; border-collapse: collapse; width:740px;}
table#resultat th {height:15px; background-color:#EEEEEE; border: 1px solid #999999; text-align:center; color: #444444;}
table#resultat td.encadrement {width:370px; height:410px; border: 1px solid #999999; vertical-align: top;}
#EmplacementCarteItineraire{height:410px; width:370px;}
#EmplacementTexteItineraire{margin:0; padding:0; width:auto; height:100%; overflow:auto; text-align:left;}
#EmplacementTexteItineraire b{color: #03f; text-decoration: underline;}
#cadre {margin: 0; padding:10px 0 5px 0; width: 740px; height: auto; border: 1px solid #B8D6C2;text-align:center; background-color: #F6FCEC;}




/* contact */
form#mailform { font-size: 12px; margin-left: 50px; }
form#mailform label {display: block; width: 100px; float: left;}
div.csc-mailform-field { margin-bottom: 5px; }
#mailformmessage {display:block; clear: left;}
select#mailformservice { width: 265px;}
input.csc-mailform-submit { margin-left: 50px; width: 60px; display:block ;}


/* utilisateurs */
div.tx-srfeuserregister-pi1 { font-size: 11px; }

/* aspect */
div.cadre_droit ul li.sel a { font-weight:bold}