/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : KLR
site : www.satc-sotevia.fr
**************************************************************************/
*{ margin:0; padding:0; outline:none}
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }
/*************************************************************************/

body{ background:url(../images/satc_01.jpg) repeat-x left top #c4e4f7; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#22465b}
fieldset{padding:10px; width:538px }
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{width:100px; display:block; float:left;}
fieldset legend{ color:#54aa21}
fieldset input{ height:13px; border:1px solid #54aa21; font-size:11px; width:160px}
fieldset input:focus{ background: #eee}
fieldset textarea:focus{ background: #eee}
fieldset textarea{ border:1px solid #54aa21; height:160px; width:260px; font-family:Arial, Helvetica, sans-serif; font-size:12px}


.paragraphe{margin:0; padding:10px}

#global{ width:1000px; margin:0 auto}
#header{ background:url(../images/header_01.jpg) no-repeat left top; height:254px}
#header h1{ display:none}

#diapo{background:#BCD7E8}

#menu{ float:left; height:42px; width:750px; padding-left:250px}
#menu li{ float:left; list-style:none}
#menu a{ display:block; background:url(../images/puce_menu.png) no-repeat center top; height:28px; font-weight:bold; color:#fff; text-decoration:none; padding:14px 20px 0 20px}
#menu a:hover{ background-position:center bottom}

#wrapper{ float:left}
#gauche{ float:left; width:228px; margin-bottom:20px}
#gauche dl{ width:228px; background:url(../images/satc_.png) no-repeat left top; padding-top:17px; margin-top:20px}
#gauche dt{  background:#bcd7e8; font-weight:bold; font-size:14px; padding-left:10px}
#gauche dd{background:#bcd7e8; padding:0 10px; text-align:justify}
#gauche dd span{ font-size:24px; color:#fff}
#gauche dd.basbloc{background:url(../images/satc_07.png) no-repeat left top; height:17px; padding-left:0}

#content{ float:left; width:732px; text-align:justify; padding:20px 0 20px 40px}
#content h2{ display:block; text-align:right; font-size:16px; font-weight:normal; border-bottom:1px solid #22465b; padding-bottom:5px; margin-bottom:20px}
#content a{ color:#22465b; text-decoration:none}
#content a:hover{ text-decoration:underline}

#fiche{ background:#22465b; text-align:center; padding:20px 0}

#footer{ clear:both; background:#e28102; color:#820202; font-size:11px}
#footer div{ width:1000px; margin:0 auto}
#footer div span{ margin-left:590px}

