/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : Olivier
site : Athec-Service 
**************************************************************************/


/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

*{margin:0; padding:0}
body{background: url(../images/bkg-page-01.jpg) #26040d repeat-x; font-family:Verdana;}

h1{ display:none;}
h2{color:#666666; font-size:13px; margin:0 0 0 1px;}
h3{color:#666666; font-size:13px; margin:6px 0 0 8px;}
h4{color:#666666; font-size:13px; margin:6px 0 0 8px;}

a{ text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
#accessibilite { display:none}

/*--------------------------------------------------
------------------< STRUCTURE >---------------------
--------------------------------------------------*/
#global {margin:20px auto; background:#FFFFFF; width:1000px;}
#wrapper{}
#gauche {float:left; width:495px; height:536px; display:inline; margin:10px 0 10px 10px; background:url(../images/ajax-loader.gif) 50% 50% no-repeat;}
/*#gauche {float:left; background:url(../images/img_gauche.jpg) no-repeat; 
width:495px; height:536px; display:inline;margin:10px 0 10px 10px}*/
#logo{float:left; background:url(../images/logo.jpg) no-repeat; width:464px; height:139px;margin:10px 0 1px 10px}
#content {float:left;  background:url(../images/bg_droite.jpg); width:465px; height:397px; margin:0 0 10px 10px}

/************* menu **************/
#menu{margin:70px 0 0 0px;}
#menu ul { padding:0px 0 10px 0px; list-style-type: none}
#menu li{ border-bottom:#999999 dotted 1px; width:300px; padding:3px 0 2px 0;}
#menu li span { font-size:10px; color:#bb809d;}
#menu li a {color: #666666; font-size:12px; text-decoration:none;}
#menu li a:hover {color: #666666; font-size:12px; background:#FFFFFF; text-decoration:none }

#content.presentation{color: #666666; font-size:12px;}
#content.presentation dl{ margin:8px 0 0 8px; width:450px}
#content.presentation dl p { margin:4px 0 0 0;}
#content.presentation dl a { color:#666666; text-decoration:none}
#content.presentation dl a:hover { color:#000000; text-decoration:none}

#footer {font-size:10px; color:#FFFFFF;text-align:center; margin-top:-14px}
#footer a {color: #FFFFFF; }
