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

*{ 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; background:url(../images/bg_body.jpg) repeat-x left top;}
p{ font-size:12px}
#global{ width:955px; margin:0 auto}
h1{ display:none}
a img{ border:none}


/*-------------------------------------< HEADER >-----------------------------------------*/
#menu{ background:url(../images/bg_menu.jpg) no-repeat left top; width:841px; height:41px; padding:32px 0 0 114px}
#menu li{ text-indent:-9999px; font-size:0px; float:left; list-style-type:none; float:left; margin-right:40px}
#menu a{ display:block; height:28px}
#btn_presentation a{ background:url(../images/btn_presentation.jpg) no-repeat left top; width:95px}
#btn_presentation a:hover{ background:url(../images/btn_presentation.jpg) no-repeat left bottom; }
#btn_equipe a{ background:url(../images/btn_equipe.jpg) no-repeat left top; width:143px; }
#btn_equipe a:hover{ background:url(../images/btn_equipe.jpg) no-repeat left bottom; }
#btn_condition a{ background:url(../images/btn_condition.jpg) no-repeat left top; width:157px}
#btn_condition a:hover{ background:url(../images/btn_condition.jpg) no-repeat left bottom;}
#btn_lawyers a{ background:url(../images/btn_lawyers.jpg) no-repeat left top; width:103px;}
#btn_lawyers a:hover{ background:url(../images/btn_lawyers.jpg) no-repeat left bottom;}
#btn_actualite a{ background:url(../images/btn_actualites.jpg) no-repeat left top; width:79px}
#btn_actualite a:hover{ background:url(../images/btn_actualites.jpg) no-repeat left bottom;}



/*-------------------------------------< WRAPPER >-----------------------------------------*/
#wrapper{ background:url(../images/bg_wrapper.jpg) repeat-y left top; float:left;}
#content{ background:url(../images/bg_content.jpg) no-repeat left top; width:452px; float:left; padding:85px 120px 0 30px}
#content p{ color:#333333; text-align:justify; line-height:16px}

/*blocks gauche*/
#block_left{ width:353px; float:left}
#block_coordonnees{ background:url(../images/block_coordonnees.jpg) no-repeat left top; width:146px; height:151px; padding:29px 60px 0 147px}
#block_bulletins{ background:url(../images/bg_bulletin.jpg) no-repeat left top; width:212px; height:235px; padding:37px 0 0 141px}
#block_coordonnees p a{ color:#666666}
#titre_coordonnees{ background:url(../images/titre_coordonnees.png) no-repeat left top; width:97px; height:21px; text-indent:-9999px; font-size:0px; margin:0 0 16px 50px}
#titre_bulletins{ background:url(../images/titre_bulletins.png) no-repeat left top; width:91px; height:24px; text-indent:-9999px; font-size:0px; margin:0 0 0 50px}
#block_photo_bulletin{ width:168px; height:122px; margin:22px 0 10px 0}
a#fleche_telecharger { background:url(../images/fleche_telecharger.png) no-repeat left top; height:21px; padding:0 0 0 25px; font-size:11px; color:#666; text-decoration:none; margin-left:70px}
a:hover#fleche_telecharger { text-decoration:underline}

/*équipe*/
#block_perso{ width:190px; background:#ececec; border: 1px solid #d2d2d2; float:left; padding:10px; height:290px}
#block_perso dt{ font-size:12px; font-weight:bold; color:#666666; text-align:center}
#photo_equipe{ margin:10px 0 10px 0}

/*actu*/
#block_actu{ width:435px; padding:10px; background:#ececec; border: 1px solid #d2d2d2; float:left; margin-bottom:15px}
#block_actu dt{ font-size:12px; font-weight:bold; color:#666666; margin-bottom:10px}
#description_actu{ font-size:12px; color:#666; margin:10px 0 10px 0; float:left; width:250px}
a#lien_actu{ font-size:12px; color:#666;}
a:hover#lien_actu{ color:#333;}
#image_actu{ width:168px; height:122px; float:left; margin-right:10px}

/*titres pages*/
h4{ text-indent:-9999px; font-size:0px; margin-bottom:20px;}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top; width:181px; height:15px}
#titre_equipe{ background:url(../images/titre_equipe.jpg) no-repeat left top; width:171px; height:16px}
#titre_condition{ background:url(../images/titre_conditions.jpg) no-repeat left top; width:187px; height:11px}
#titre_jurist_lawyers{ background:url(../images/titre_jurist.jpg) no-repeat left top; width:103px; height:15px;}
#titre_actualite{ background:url(../images/titre_actualite.jpg) no-repeat left top; width:71px; height:13px;}
#titre_mentions{ background:url(../images/titer_mentions.jpg) no-repeat left top; width:125px; height:15px;}
#titre_plan{ background:url(../images/titre_plan.jpg) no-repeat left top; width:104px; height:21px;}

/*video*/
#video{ margin: 10px 0 0 115px; z-index:1}
	#video a{cursor:pointer; display:block; width:209px; height:60px}

/*trombinoscope*/
#trombinoscope1{ float:left; width:140px; z-index:2}
#trombinoscope2{ float:left; width:140px; margin-right:10px }
#trombinoscope3{ float:left; width:140px; margin-right:10px}
#equipe{ width:440px;}
#equipe_description{ width:440px; margin:10px 0 20px 0; float:left}
#equipe1{ width:118px; background:#ececec; border: 1px solid #d2d2d2; padding:10px; float:left; height:180px}
#equipe1 dt{ font-size:12px; text-align:center; font-weight:bold; margin-bottom:5px}
#equipe1 li{ font-size:10px}
#equipe1 dd{ font-size:10px}

#equipe2{width:118px; background:#ececec; border: 1px solid #d2d2d2; padding:10px; float:left; margin-right:10px; height:180px;}
#equipe2 dt{ font-size:12px; text-align:center; font-weight:bold; color:#333; margin-bottom:5px}
#equipe2 li{ font-size:10px}
#equipe2 dd{ font-size:10px}

#equipe3{ width:122px; background:#ececec; border: 1px solid #d2d2d2; padding:10px 8px 10px 8px; float:left; height:180px;  margin-right:10px;}
#equipe3 dt{ font-size:12px; text-align:center; font-weight:bold; color:#333; margin-bottom:5px}
#equipe3 li{ font-size:10px}
#equipe3 dd{ font-size:10px}



/*-------------------------------------< FOOTER >-----------------------------------------*/
#footer{ clear:both; background:url(../images/bg_footer.jpg) repeat-x left top;}
#footer_fixe{ background:url(../images/bg_footer_fixe.jpg) no-repeat left top; width:842px; height:19px; margin:0 auto; padding:65px 0 0 113px}
#footer p{ color:#666666; font-size:10px;}
#footer p a{ color:#666666; text-decoration:none}
#footer p a:hover{ text-decoration:underline}

/*-------------------------------------< CLASS >-----------------------------------------*/
.nom_avocat{ margin-bottom:5px}
.bold{ font-weight:bold}
.onze{ font-size:11px}
.gris{ color:#999999}
.bleu{ color:#005082}
.img1{ float:left; margin:0 10px 10px 0}
.gris_fonce{ color:#333333}
.marge_ul{ margin-left:15px}
.douze{ font-size:12px;}
.marge_bas{ margin-bottom:8px}
.marge_droite{ margin-right:15px}
.marge_block{ margin:15px 0 0 110px}