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

*{ 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; }


/*********************** GENERAL ************************/
body{ font-family:Verdana, Geneva, sans-serif}
#global{ width:1044px; margin: 0 auto;background: url(../images/bg_body_intro.jpg) repeat-y left top;}



/*********************** blockleft ************************/
#block_left{ background:url(../images/bg_block_left.jpg) no-repeat left top; width:118px; height:557px; padding:190px 0 0 54px; float:left}
h1{ background: url(../images/logo_intro.jpg) no-repeat left top; width:103px; height:372px; text-indent:-9999px; font-size:0px;}



/*********************** blockmiddle ************************/
#block_middle{ width:470px; height:747px; float:left; background:url(../images/bg_middle.jpg) no-repeat left top}




/*********************** blockright ************************/
#block_right{ float:left; width:357px; height:682px; background: url(../images/bg_block_right.jpg) no-repeat left top; padding:45px 45px 0 0}
#titre_intro{ background:url(../images/titre_intro.jpg) no-repeat left top; width:284px; height:22px; text-indent:-9999px; font-size:0px; margin:0 0 20px 0}
#block_right p{ font-size:11px; text-align:justify; line-height:16px}

/*btn entrée*/
#btn_entrez{ margin:5px 0 15px 0}
	#btn_entrez a{ background:url(../images/btn_entrez.jpg) no-repeat left top; width:216px; height:34px; display:block; text-indent:-9999px; font-size:0px;}
	#btn_entrez a:hover{ background:url(../images/btn_entrez.jpg) no-repeat left bottom; width:216px; height:34px; }
	
/*btn_video*/
#btn_video{ margin:5px 0 15px 8px}
#btn_video a{ background:url(../images/btn_video.jpg) no-repeat left top; width:145px; height:34px; display:block; text-indent:-9999px; font-size:0px}
#btn_video a:hover{ background:url(../images/btn_video.jpg) no-repeat left bottom;}


#footer_intro{ background:url(../images/fleche.jpg) no-repeat left bottom; border-top: 1px solid #CCC; padding-top:15px}
#footer_intro p{ color:#999; font-size:10px; margin-bottom:12px; line-height:14px}
#footer_intro p a{  text-decoration:none}
#footer_intro p a:hover{ text-decoration:underline}
#lien_intro a{ color:#999}


/*class*/
.bold{ font-weight:bold}
.jaune{ color:#f0c112}
.gris{ color:#999}