﻿@import url(optavis.css);
@import url(optavis_Contact.css);
@import url(optavis_Catalog.css);
@import url(optavisAdmin.css);

html, body { margin: 0px; padding: 0px; }

body { background: url(images/fond.gif); font-family: futura, Verdana; }
a { text-decoration: none; }
a * { cursor: hand; cursor: pointer; }
a:hover { text-decoration: underline; }
p { line-height: 17px; }

p, dl, ul, h1, h2, h3, h4, h5, h6, input, textarea, td, th { padding: 0; margin: 0; }

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }

.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }

.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

/*a:hover { text-decoration: underline; }*/

/* horinaja default */
.horinaja ul { position: relative; }
.horinaja ul li { background: transparent; display: block; top: 0; }
/* horinaja pagination */
ol.horinaja_pagination { height: 40px; margin: 0 auto; position: relative; background: transparent; padding: 5px 0 0 0; clear: both; }
ol.horinaja_pagination li { float: left; height: 40px; display: block; }
ol.horinaja_pagination li a { height: 30px; display: block; background: transparent; float: left; color: white; font-weight: bold; text-align: center; font-size: 12px; padding: 10px 0 0 0; cursor: pointer; }

/*Accueil */
.slide-accueil { margin: 30px 0 10px 0; }

#slide { width: 500px; height: auto; position: absolute; margin: 0 auto; /*top: 300px;*/ }
#slide ul { display: block; text-align: left; }
#slide ul li { display: block; width: 100%; }

.slide-left, .slide-right { border: 1px solid #efdfdf; }
.slide-accueil .content { margin: 2px; background: #efdfdf; padding: 10px; font-size: 10px; line-height: 12px; text-align: justify; margin: 1px; }
.slide-accueil .content p { line-height: 12px; }
.slide-accueil h1 { color: #850d00; font-size: 18px; text-transform: capitalize; padding: 0 0 6px 0; margin: 5px 0 10px 0; }
.slide-accueil h1 img { vertical-align: middle; margin: 0px 10px 0px 0px; }
.slide-left .content > img { float: left; margin: 0px 15px 0px 0px; }
.slide-right .content > img { float: right; margin: 0px 0px 0px 15px; }

/* Nos Offres */

.slide-left, .slide-right { border: 1px solid #efdfdf; }
.slide-offres li { margin: 20px 0px 0px 0px; }
.slide-offres .content { margin: 2px; background: #efdfdf; padding: 10px; font-size: 10px; line-height: 12px; text-align: justify; margin: 1px; }
.slide-offres .content p { line-height: 12px; }
.slide-offres h1 { color: #850d00; font-size: 18px; text-transform: capitalize; padding: 0 0 6px 0; margin: 5px 0 10px 0; }
.slide-offres h1 img { vertical-align: middle; margin: 0px 10px 0px 0px; }
.slide-left .content > img { float: left; margin: 0px 15px 0px 0px; }
.slide-right .content > img { float: right; margin: 0px 0px 0px 15px; }

/* Editeur Text */

h1.titre1 { color: #7d0e20; }
h2.titre2 { color: #fb0; }
.normal, .Normal { color: #333333; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; }
.Normal a { color: #7d0e20; }
.Normal ul { margin: 10px 0px; }
.Normal li { margin: 5px 0px 5px 15px; }
.normal2 { color: #680404; font-weight: bold; font-size: 16px; }

/* Mis en Page */
.site { width: 950px; margin: 0px 0px 0px 0px; }

.page-background { background: url(images/pattern.gif); position: absolute; left: 0px; top: 60px; height: 200px; width: 100%; z-index: 1; }
.page { background: url(images/wrapper.png); margin: 0 auto; overflow: hidden; position: relative; width: 960px; z-index: 2; }
.principal { float: left; width: 730px; }
.page-bottom { background: url(images/.jpg) no-repeat bottom center; }
.topPane { background: url(images/top.gif) no-repeat; }

.slideShow { height: 200px; }
.bgFrame: { height: 200px; left: 0; position: absolute; top: 0; width: 730px; z-index: 300; }
.imgFrame { background: url(images/frame.png) no-repeat; height: 200px; width: 730px; }
.titre { height: 60px; background: transparent url(images/top.gif) repeat scroll 0 0; }
.titreTop { padding: 15px 20px 0px 0px; }
.soustitreCalu { color: White; font-size: 17px; font-family: futura, verdana; letter-spacing: 1px; margin: -10px 15px 15px 0px; }
.titreCalu { color: #ffc600; font-size: 25px; font-family: futura, verdana; letter-spacing: 2px; padding: 0px 50px 0px 0px; }


.menu-optavis .sel { color: #ff0; background: url(images/btn_bg_active.jpg); }
.menu-optavis .sel.first { background: url(images/btn_bg_top_active.jpg); }
.menu-optavis .sel.last { background: url(images/btn_bg_bottom_active.jpg); }

.menu-optavis > .first { background: url(images/btn_bg_top.jpg); }
.menu-optavis > .first:hover { background: url(images/btn_bg_top_active.jpg); }
.menu-optavis > .last { background: url(images/btn_bg_bottom.jpg); border: 0px; }
.menu-optavis > .last:hover { background: url(images/btn_bg_bottom_active.jpg); border: 0px; }
.menu-optavis span { display: block; }

.lien_acheteur em, .lien_vendeur em { display: none; }

.lien_acheteur { display: block; background: url(images/btn_acheteur.gif); width: 220px; height: 80px; }
.lien_acheteur:hover { background: url(images/btn_acheteur_active.gif); width: 220px; height: 80px; }
.lien_vendeur { display: block; background: url(images/btn_vendeur.gif); width: 220px; height: 80px; }
.lien_vendeur:hover { background: url(images/btn_vendeur_active.gif); width: 220px; height: 80px; }

.leftCol { float: left; margin-left: 10px; padding: 10px 0; width: 150px; }

.contentPane { min-height: 535px; width: 500px; padding: 75px 30px 0px 35px; float: left; /*line-height: 25px; */ }

.clear { clear: both; height: 0; overflow: hidden; }

.bottom { clear: both; height: 35px; margin: 0 10px 5px 160px; overflow: hidden; padding: 0 20px; font-size: 11px; }

.RightCol { float: left; width: 220px; }

#legal { border-top: 1px solid #DDDDDD; color: #666666; font-size: 10px; line-height: 160%; padding: 10px 0; }
#legal * { color: #666666; font-size: 9px; line-height: 160%; font-weight: normal; }
#legal a { color: #870F0F; }
#legal .sig { float: right; }
#legal .copyright { float: left; }


/* Pane */

/* Généric */
.watermark { color: #D8C59E; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-size: 11px; }
.msgErreur { font-family: Arial, Verdana, Helevetica; color: #f00; font-size: small; }


div#dnn_ctr438_HtmlModule_lblContent { padding: 45px 0px 0px 230px; }

/* Menu */

.nodeRoot { background: url(images/btn_bg.jpg); font-family: 'Times New Roman' , Times, serif; color: white; font-size: 20px; line-height: 40px; padding: 0 0 0 0; border-bottom: 1px solid #999; font-variant: small-caps; }
.nodeRoot:hover { background: url(images/btn_bg_active.jpg); /*font-family: Verdana, Arial, Helevetica; color: white; font-size: 18px; line-height: 40px; padding: 0 0px 0 0px; border-bottom: 1px solid #999; */ }

.nodeRoot mi mi7 id7 root last { border: 0px; }
/*
.nodeHover { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 5px; }
*/
.menuLeft { margin: 40px 5px 100px; overflow: hidden; }
.menuLeftAdmin { margin: 40px 5px 100px; overflow: hidden; }

.category { color: #999; }



/* Formulaire contact */
.optavisContact { text-align: left; }
textarea.txt { width: 50px; margin: 5px 0px 0px 0px; height: 70px; }
.optaButtonBar { text-align: center; }
input.txt { margin: 5px 0px 10px 0px; }

/* ***** */
/* Pages */

/* Accueil */
.btnHome { display: block; height: 170px; background: url(images/logo.jpg) no-repeat -1px 0px; margin: 0 0 0 0; }


/* Skins */
.conteneur { background: white; }
.contentPane { }
.contentRightPane { }

/* Admin */
.conteneurAdmin { }
.contentPaneAdmin { }



.bottomPane { }

.LeftPane { background-color: White; }
.LeftPaneAdmin { background-color: White; }

.DNN_HTMLContent { text-align: left; }

/* Containers */
.ctOngletGris { width: 668px; margin: 0px 0px 0px 25px; }
.ctOngletGris-title { line-height: 35px; color: #4c70b7; text-indent: 50px; }

.ctOngletGrisTitle { color: #4c70b7; font-family: Verdana, Arial, Helvetica; font-size: 14px; line-height: 40px; font-weight: bold; text-indent: 47px; background: url(images/blue-arrow.jpg) no-repeat 30px center; display: block; }

.ctOngletGris-title * { color: #4c70b7; }
.ctOngletGris-title .Head { font-size: 14px; line-height: 38px; font-weight: bold; }
.ctOngletGris-background { background: url(images/ctOngletGris-background.jpg) repeat-y; }
.ctOngletGris-top { background: url(images/ctOngletGris-top.gif) no-repeat left top; height: 43px; }
.ctOngletGris-bottom { background: url(images/ctOngletGris-bottom.jpg) no-repeat left bottom; }

.ctText { margin: 20px 0 0 0; }
.ctText .ctText-title { background: transparent url(images/entete-bloc-NoArrow.jpg) repeat scroll 0 0; display: block; font-family: Verdana,Arial,Helevtica; font-size: 12px; font-weight: normal; height: 40px; line-height: 40px; text-indent: 20px; }
.ctTextContent { background: #FEFAEF none repeat scroll 0 0; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 20; }
.ctText .contact-info { font-family: Verdana,Arial,Helevtica; font-size: 11px; color: #333; margin: 10px 110px; }
.ctText .contact-info .logo { width: 100px; height: 80px; background: url(images/logo80x80.jpg) no-repeat left center; }
.ctText .contact-info td { font-family: Verdana,Arial,Helevtica; font-size: 11px; color: #333; }
.ctText .mentions-legales { font-family: Verdana,Arial,Helevtica; font-size: 10px; color: #999; margin: 10px 100px; }

/*confidentialite*/
#dnn_ctr_Privacy_lblPrivacy { width: 700px; overflow: auto; position: absolute; height: 330px; left: 0px; margin: 50px 0px 0px 100px; }
#dnn_ctr_Terms_lblTerms {}

/* Override DNN */
.page .SubHead { color: #777; }
.ctEmptyAdmin .SubHead { color: #999; }
.ControlPanel .SubHead, .ctEmpty .SubHead { color: #999; }

.ControlPanel { position: relative; width: 950px; z-index: 500; }

.menu-optavis { }

.subNode { color: black; z-index: 600; background: white; font-size: 15px; }
.subNode:hover { color: black; z-index: 600; background: white; font-size: 15px; text-indent: 0; }
.nodeHover { text-indent: 0px; font-size: 15px; }

.subNode a:hover { color: black; font-size: 13px; text-indent: 0px; }

.Normal, .NormalDisabled { color: #333; }


.ctEmptyAdmin .Normal, .NormalDisabled { color: #336; }

.CommandButton, a.CommandButton, a.CommandButton:active, a.CommandButton:link { color: #7ad; text-decoration: underline; }

/*.optavisContact .SubHead { color: #333; }*/

.optavisContact .SubHead { color: #7d0e20; }
