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

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

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



/**********************************< HEADER >****************************************/
body{ background:url(../images/bg_body.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif}
p{ font-size:12px; color:#666666}
a img{ border:none}
#global{ width:995px; margin:0 auto}
#wrapper a{ color:#666666}
/**********************************< HEADER >****************************************/
h1{ background:url(../images/logo.jpg) no-repeat left top; width:194px; height:114px; float:left; text-indent:-9999px; font-size:0px; display:block; cursor:pointer}
#header{ float:left; width:995px}
#menu{ float:left; width:801px}
#menu li{ text-indent:-9999px; font-size:0px; float:left; list-style-type:none; float:left}
#menu a{ display:block; height:98px}
#btn_services a{ background:url(../images/btn_services.jpg) no-repeat left top; width:132px;}
#btn_services a:hover{ background:url(../images/btn_services.jpg) no-repeat left bottom;}
#btn_definition a{ background:url(../images/btn_definition.jpg) no-repeat left top; width:182px;}
#btn_definition a:hover{ background:url(../images/btn_definition.jpg) no-repeat left bottom;}
#btn_avantages a{ background:url(../images/btn_avantages.jpg) no-repeat left top; width:146px;}
#btn_avantages a:hover{ background:url(../images/btn_avantages.jpg) no-repeat left bottom; width:146px;}
#btn_produits a{ background:url(../images/btn_produits.jpg) no-repeat left top; width:155px;}
#btn_produits a:hover{ background:url(../images/btn_produits.jpg) no-repeat left bottom; width:155px;}
#btn_partenaires a{ background:url(../images/btn_partenaires.jpg) no-repeat left top; width:139px}
#btn_partenaires a:hover{ background:url(../images/btn_partenaires.jpg) no-repeat left bottom; width:139px}
#header_bottom{ background:url(../images/bg_header_bottom.jpg) no-repeat left top; width:995px; height:138px; float:left}
#menu_comp01{ width:315px; float:left}
#menu_comp02{ width:325px; float:left}
#menu_comp03{ width:355px; float:left}
#header_middle{float:left}
#p_boite{ width:115px; margin: 5px 0 0 132px; font-size:11px;}
#p_boite_titre{ margin:16px 0 0 44px}
#p_boite_lien{ margin:8px 0 0 132px}
#p_rea_titre{ margin:16px 0 0 25px}
#p_rea{ width:115px; margin:10px 0 0 115px; font-size:11px;}
#p_rea_lien{ margin:15px 0 0 115px}
#p_contact_titre{ margin:16px 0 0 47px}
#p_contact{ margin:12px 0 0 132px; width:130px}
#p_contact_lien{ margin:13px 0 0 130px}


/**********************************< WRAPPER >****************************************/
#wrapper{ width:915px; padding:30px 40px 20px 40px; float:left}
.monUl{ font-size:12px; color:#666666; margin-left:15px}
h2{ color:#996699; font-size:13px; margin-bottom:8px}
#block_partenaire{ width:400px; float:left; margin:0 15px 15px 0; background:#ececec; border:1px solid #d2d2d2; padding:20px}
#block_partenaire dt{ font-size:12px; font-weight:bold; color:#a86ca6}
#image_partenaires{ margin:10px 20px 0 0; float:left; width:94px; height:94px;}
#description_partenaires{ width:285px; float:left; margin:8px 0 0 0; font-size:12px; color:#666666; text-align:justify}
#lien_partenaires{ clear:both; font-size:11px; width:114px; margin:10px 0 0 280px}
#gallery{ margin:20px 0 20px 160px}


/*boite à iddée*/
#boite{ float:left; width:450px;}
#contenuBoite{ float:left; width:400px}
#contenuBoite li{ font-size:12px; color:#666666; margin-left:15px; text-align:justify; list-style-type:none}

/**********************************< FOOTER >****************************************/
#footer{ background:url(../images/bg_footer.jpg) no-repeat left top; width:835px; height:82px; padding:26px 70px 0 64px; float:left}
#footer p{ font-size:11px; color:#999999}
#footer p a{ text-decoration:none; color:#999999}
#footer p a:hover{ text-decoration:underline}
#footer_left{ width:350px; float:left; margin-right:185px}
#footer_right{ width:300px; float:left; text-align:right;}
#footer_right p{ font-size:10px}


/**********************************< CLASS >****************************************/
.violet{ color:#996699}
.bold{ font-weight:bold}
.seize{ font-size:16px}
.treize{ font-size:13px}
.onze{ font-size:11px;}