html, body	{ font-family: /*calibri, myriad pro,*/ arial, sans serif; margin: 0; padding: 0; background: url('images/back.jpg') 50% 0 no-repeat; color: #333; }

h2	{ margin: 0; font-size: 22px; font-weight: normal; text-align: center; margin: 18px 0 15px 0; }
h4	{ font-size: 16px; line-height: 18px; font-weight: normal; margin: 0 0 5px 20px; }
img	{ border: none; }

div#content	{ position: relative; width: 960px; height: 100px; margin: 0 auto; }

div#content #header	{ z-index: 1; position: relative; width: 960px; height: 370px; background: url('images/header.jpg') 0 0 no-repeat; }
div#content #header h1	{ margin: 0; padding: 060px 0 0 40px; }
div#content #header ul.social		{ list-style-type: none; margin: 0; padding: 0; display: block; position: absolute; top: 125px; right: 18px; }
div#content #header ul.social li	{ margin-bottom /*\**/: 5px\9 } /* hack ie8 */
div#content #header p.fra		{ margin: 0; padding: 25px 0 0 30px; font-size: 18px; color: #333; font-weight: bold; }
div#content #header p.bra		{ margin: 0; padding: 0px 0 0 30px; font-size: 18px; color: #006; font-weight: bold; font-style: italic; }
div#content #header h2			{ margin: 0; padding: 0; display: block; position: absolute; top: 189px; }
div#content #header h2.individual	{ left: 54px; }
div#content #header h2.group		{ left: 333px; }

div#content #contact		{ position: relative; z-index: 1; float: right; margin: 0 76px 0 0; width: 224px; height: 146px; background: url('images/contact.jpg') 0 0 no-repeat; }
* html div#content #contact	{ position: relative; z-index: 1; float: right; margin: 0 38px 0 0; width: 224px; height: 146px; background: url('images/contact.jpg') 0 0 no-repeat; }
div#content #contact a	{ color: #333; text-decoration: none; }
div#content #contact a:hover	{ text-decoration: underline; }

div#content #experience	{ position: relative; z-index: 10; float: left; margin: -70px 0 0 0; width: 600px; height: 200px; }
div#content #experience .exp		{ background: url('images/v.jpg') 23px 10px no-repeat; min-height: 90px; }
div#content #experience .exp p.frb	{ margin: 0; padding: 15px 0 0 85px; font-size: 18px; }
div#content #experience .exp p.brb	{ margin: 0; padding: 0 0 0 85px; font-size: 18px; color: #336; font-style: italic; }

div#content #servicefr	{ z-index: 100; margin: 40px 0 0 10px; position: relative; float: left; background: url('images/servicesfr.jpg') 0 0 no-repeat; width: 462px; height: 324px; }
div#content #servicefr ul	{ margin: 0 0 10px 0; list-style-type: none; padding: 0 20px 0 50px; font-size: 16px; line-height: 20px; }
div#content #servicefr h4	{ font-weight: bold; }

div#content #servicebr 	{ z-index: 100; margin: 70px 0 0 60px; position: relative; float: left; background: url('images/servicesbr.jpg') 0 0 no-repeat; width: 404px; height: 444px; }
div#content #servicebr h4	{ margin: 0 0 10px 20px; }
div#content #servicebr ul	{ margin: 0 0 10px 0; list-style-type: none; padding: 0 20px 0 50px; font-size: 16px; line-height: 20px; }
div#content #servicebr h4 .bold	{ font-weight: bold; }

div#content #modalites	{ z-index: 1; position: absolute; display: block; top: 900px; left: 30px; width: 856px; height: 470px; background: url('images/modalites.jpg') 0 0 no-repeat; }

div#content #modalites .modalfr h2, div#content #modalites .modalbr h2			{ margin: 18px 0 5px 0; }
div#content #modalites .modalfr	{ float: left; width: 380px; padding: 260px 0 0 60px; }
*+html div#content #modalites .modalfr	{ float: left; width: 380px; padding: 280px 0 0 60px; }
* html div#content #modalites .modalfr	{ float: left; width: 380px; padding: 280px 0 0 60px; }
div#content #modalites .modalfr p	{ margin: 0 0 10px 0; font-size: 16px; line-height: 18px; }
div#content #modalites .modalbr	{ float: right; width: 340px; padding: 210px 40px 0 0; }
*+html div#content #modalites .modalbr	{ float: right; width: 340px; padding: 230px 40px 0 0; }
* html div#content #modalites .modalbr	{ float: right; width: 340px; padding: 230px 40px 0 0; }
div#content #modalites .modalbr p	{ margin: 0 0 10px 0; font-size: 16px; line-height: 18px; }

div#content #modalites p.creation	{ position: absolute; display: block; font-size : 14px; right: 50px; bottom: 20px; }
*+html div#content #modalites p.creation	{ position: absolute; display: block; font-size : 14px; right: 50px; bottom: 30px; }
* html div#content #modalites p.creation	{ position: absolute; display: block; font-size : 14px; right: 50px; bottom: 30px; }
div#content #modalites p.creation	a	{ color: #333; font-weight: bold; text-decoration: none; }
div#content #modalites p.creation	a:hover	{ text-decoration: underline; }