@import url(optavis.css);
@import url(optavis_Contact.css);
@import url(optavis_Catalog.css);

html, body { margin: 0px; padding: 0px; }

body { background: #202020 url("images/fond.gif"); background-repeat: repeat-x; font-family: Arial; }
a { text-decoration: none; }
a * { cursor: hand; cursor: pointer; }


/*a:hover { text-decoration: underline; }*/

p, dl, ul, li, h1, h2, h3, h4, h5, h6, input, textarea, td, th { padding: 0; margin: 0; }


/* Mis en Page */

.site { width:990px; margin:0;}

.page-background { background: url(images/bg-border.png) center;  padding: 0 10px; }
.page-bottom { background: url(images/bg-bott.png) no-repeat top center;}
.topPane {height:138px; padding: 0;}


.page-foot { text-align: center; height:50px; background: url('images/pied.png'); background-repeat: no-repeat; background-position:center bottom;}
.page-foot * {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: right;}
.page-foot a {color: #000; text-decoration: none;}
/* 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; }

/* Menu 

.nodeRoot { font-family: Verdana, Arial, Helevetica; color: white; font-size: 12px; line-height: 30px; padding: 0 0px 0 0px; }

.nodeHover { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 5px;}

.menuLeft { width: 920px; background: #ada193; padding: 0px 0px 0px 0px;}
.menuLeftAdmin { width: 920px; background: #ada193; padding: 0px 0px 0px 0px;}

.category { color: #999; }

.optavisContact {position: relative; float: left;}*/



ul { background: ("images/menu.gif");}
#dnn_NAV1_ctlNAV1 > li {text-align: left; float: left; padding: 6px 15px 0; list-style: none;}
#dnn_NAV1_ctlNAV1 > a {text-align: left; float: left; padding: 0px 10px; position: relative;}
#dnn_NAV1_ctlNAV1sub42 {float: left; position: absolute; list-style: none; background: white;}

#dnn_NAV1_ctlNAV1sub42 > li {list-style: none; color: Black; background: White;}
#dnn_NAV1_ctlNAV1sub42 > li > a > span {color: Black;}


#dnn_NAV1_ctlNAV1ctr42 > ul {position: absolute; top: 300px; clip: rect(auto, auto, auto, auto); display: none; list-style: none;}
#dnn_NAV1_ctlNAV1ctr42:hover > ul {position: absolute; z-index: 60; clip: rect(auto, auto, auto, auto); display:block; color: Black;}


ul > li > a > span {color: White; font-size:14px; font-family:Verdana;}
ul > li > a:hover > span  {color: orange; font-size:14px; text-decoration: none}

 Menu 

.nodeRoot { font-family: Verdana, Arial, Helevetica; font-weight:bold; font-size: 12px; line-height: 10px; padding: 0px 0px 0px 10px;}

.nodeRoot a {}
.node { height: 30px; padding: 0 0 0 10px;}

.nodeHover { font-size: 14px; color: White; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 5px;}

.menuLeft { width: 972px; padding: 0px; height: 37px; background: url(images/menu.gif); background-repeat:repeat-x;}

.category { color: red; }

/* ***** */
/* Pages */

/* Accueil */
.btnHome { display: block; height: 170px; background: url(images/logo.jpg) no-repeat 0px 0px; margin: 0; }


/* Contenu page accueil */
.conteneur_bottom_pane {background: white none repeat scroll 0% 0%; width: 964px; float: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}
.conteneur_bottom_pane > div {position: relative; display: inline;}
.conteneur_bottom_pane > div > a > img {margin: 0px 5px; float: left;}
.conteneur_bottom_pane > div > div > a {color: black; text-decoration: none; display: block;}

.solutionWeb {position: absolute; text-align: right; left: 50px; top: -80px;}
.solutionBornes {position: absolute; text-align: right; left: 40px; top: -80px;}
.solutionMobiles {position: absolute; text-align: right; left: 40px; top: -80px;}
.solutionProgiciels {position: absolute; text-align: right; left: 40px; top: -80px;}
.interactive {position: absolute; left: 10px; top: -280px; color: Black; font-weight:bold;}
.professionnelle {position: absolute; left: 40px; top: -285px; text-align:right; color: White; font-weight:bold;}
.metier {position: absolute; left: 50px; top: -160px; color: Black; font-weight:bold;}
.puce {position: absolute; left: 40px; top: -150px; color: green; font-weight:bold;}


/* Skins */
.conteneur { top: 0px; margin:0px; padding:0px 0px 0px 0px;}
.contentPane {padding: 0px; background: white; z-index: 50; position: relative;}
#dnn_ctr481_ContentPane {padding: 0px;}
.contentRightPane { width: 280px; right:0px; top: 2px; z-index:100;}

.contentLeftBottomPane {padding: 0px 10px 0px 5px; float: left; min-height:350px; color:Black;}
.contentBottomPane {border-right: 1px dotted rgb(153, 153, 153); border-left: 1px dotted rgb(153, 153, 153); padding: 0px 0px 10px 0px; float: left; color:Black;}
.contentRightBottomPane {padding: 0px 5px 10px 10px; width: 220px; float: left; color:Black;}
.clear {clear: both;}
.clearTop {clear: both;}
#dnn_ctr482_ContentPane {padding: 0;}
#dnn_ctr621_HtmlModule_lblContent {margin: auto; padding: 0px 0px 320px 235px;}
.optavisContact {padding: 0px 250px 0 255px; background: white;}
#dnn_ctr496_contact_tMessage {height: 250px;}

.c_footer: {margin-bottom: 0px !important; padding: 0px !important;}
.c_contentpane {padding: 0 !important;}
.c_container {padding: 0px !important;}



.head_title {display: none;}
.c_head {margin: 0px !important;}
#dnn_ctr484_ContentPane {padding: 0px;}
.bottomRightPane { width: 280px; right:0px; bottom: 0px;}

.LeftPane { background-color: White; }

.tableau1 {background:white;}
.leftpane {width: 20%;}
.centerpane {width: 50%;}
.rightpane {width: 30%; background: white; vertical-align:top;}

/* 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: 0px 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: 0px 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; }

/* Override DNN */
.page .SubHead { color: #777; width: 970px; }
.ctEmptyAdmin .SubHead { color: #999; }
.ControlPanel .SubHead, .ctEmpty .SubHead { color: #999; }

.Normal, .NormalDisabled { color: #999; }

.ctEmptyAdmin .Normal, .NormalDisabled { color: #336; }

.CommandButton, a.CommandButton, a.CommandButton:active, a.CommandButton:link { color: #7ad; text-decoration: underline; }

/*.optavisContact .SubHead { color: #333; }*/