/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : 
site : 
**************************************************************************/

*{ margin:0; padding:0; }
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

*{margin:0; padding:0}
body {font-family:Verdana;}

h1{display:none;}
h2{ font-size:13px;color: #000000; font-weight:bold; margin:2px 0 0px 0px}

a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline}
#accessibilite { display:none}

/*--------------------------------------------------
------------------< STRUCTURE >---------------------
--------------------------------------------------*/
#global {margin:20px auto; width:976px; height:600px; background:url(../images/bg.jpg) repeat-x ; border:1px solid #CCCCCC }

#header {float:left}
#content {float:left}
#contenu { float:left; background:url(../images/content.jpg) no-repeat; width:431px; height:410px}

#texte-presentation { float:left; margin:0 0 0 10px; width:410px; height:190px; border:1px solid  #CCCCCC}
#texte-presentation  dl {font-size:12px; margin-left:6px; padding:5px 0 2px 0;}
#texte-presentation  p {padding:2px 0 8px 0;}
#texte-presentation  strong { color:#D94D67}
.trans {background-color:#ffffff;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.alpha( opacity=70);/-moz-opacity:0.7;opacity:0.7;}

#texte-contact {float:left; margin:10px 0 0 10px; width:230px; height:120px; border:1px solid #CCCCCC}
#texte-contact   dl {font-size:12px; margin-left:6px; padding:5px 0 2px 0;}
#texte-contact   p {padding:2px 0 8px 0;}
.trans {background-color:#ffffff;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.alpha( opacity=70);/-moz-opacity:0.7;opacity:0.7;}


#texte-footer {font-size:12px; color: #666666; margin-top:-15px}
#texte-footer a{color: #000000}

/*--------------------------------------------------
------------------< scroll >---------------------
--------------------------------------------------*/

.holder {float: left; margin: 0px; width:230px;}
.scroll-pane {width: 540px; overflow: auto;  float: left;}

#pane3 {height: 330px; width:540px;}
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;;}
.jScrollPaneDrag {position: absolute;background: #333;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

a.jScrollArrowUp {display: block; position: absolute; z-index: 1;top: 0; right: 0; text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 9px;}

a.jScrollArrowUp:hover {/*background-color: #f60;*/}

a.jScrollArrowDown {display: block; position: absolute;z-index: 1; bottom: 0;right: 0;text-indent: -2000px; overflow: hidden;/*background-color: #666;*/ height: 9px;}

a.jScrollArrowDown:hover {/*background-color: #f60;*/}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}