/*-----------------------------------------------------------
	Project: Bion Sentinelle
	Date : 	August 2009
	Last Update : 12/08/09
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#535353; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#535353; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #535353; }
del { color:#535353; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*:::::::::::  Main layout :::::::::::*/
body {background:#e8e5e5 url(../images/common/bg_main.png) repeat-x 0 0;}
body.bgPopup {background:#E5E2E3;}

.topDisclaim {width:953px;margin:0 auto;padding:12px 0 2px 15px;font-size:11px;color:#6c6c6c;}
.topDisclaim span {padding-left:290px;}

#wrapper {width:968px;margin:0 auto;background:#fff url(../images/common/bg_content.png) no-repeat 0 0;}

/*HEADER*/
#header {height:150px;position:relative;}
#header h1 a {display:block;padding:17px 0 0 28px;width:221px;} 
#header p {display:none;font-family:CenturyGothic , Arial , sans-serif;color:#6b6b6b;font-size:17px;padding:0 0 0 0;}

#logoInserm {position:absolute;top:80px;right:60px;}

/*MAIN CONTENT*/
#mainContent {min-height:541px;padding:0 63px 0;}
#mainContent h2 {margin:16px 0;color:#dc3103;font-size:2.4em;}
#mainContent h3 , .intro {margin:13px 0;font-weight:bold;font-size:1.1em;}

.remerciements {min-height:541px !important;}

/*HOME*/
#homeIntro {float:right;width:628px;padding-bottom:25px;}
#homeIntro p {padding-bottom:10px;font-size:13px;line-height:16px;}
#homeIntro p strong {font-size:14px;}

.subscribe {text-align:center;}
.subscribe a {display:-moz-inline-box;display:inline-block;padding:35px 0 0 33px;font-size:23px;text-align:left;width:206px;height:29px;background:url(../images/common/btn_inscrivezVous.png) no-repeat 0 0;color:#dc3103;text-transform:uppercase;}

.addThisPage  {width:100%;}
.addThisPage  li {float:left;margin-right:10px;background-image:url(../images/common/sprite_btnShare.png);background-repeat:no-repeat;padding:0 }
.addThisPage  li a {display:block;padding:8px 14px 6px 32px;background-image:url(../images/common/sprite_btnShare.png);background-repeat:no-repeat;color:#7f7f7f;}
.addThisPage  li a span {display:none !important;}


.addThisPage  li.forward {background:url(../images/common/btn_forwardToFriend.png) no-repeat 0 0 !important;width:166px;height:28px;}
.addThisPage  li.facebook {background-position:0 0;} 
.addThisPage  li.mySpace {background-position:0 -26px;} 
.addThisPage  li.twitter {background-position:0 -52px;margin-right:0;} 

.addThisPage  li.forwardMerci {background:url(../images/common/btn_forwardToFriend_merci.png) no-repeat 0 0 !important;width:275px;height:28px;}
.addThisPage  li.forwardMerci  a {background:none;padding-right:0 !important;}

.addThisPage  li.goBion {background:url(../images/common/btn_goTo.png) no-repeat 0 0 !important;width:166px;height:28px;}
.addThisPage  li.goBion  a {background:none;padding-right:0 !important;}

.addThisPage  li.facebook a , .addThisPage  li.twitter a , .addThisPage  li.mySpace a{background-position:100% 100%;}
.addThisPage  li.forward  a {background:none;padding-right:0 !important;}

#homeFlash {vertical-align:bottom;width:841px;height:266px;clear:both;}
.alertDisclaim {font-size:10px;padding-top:7px;}

/*FORMULAIRE ALERTE*/
#alertForm {font-size:13px;width:842px;overflow:hidden;}
	#alertForm fieldset{}
#alertForm  h2{font-size:14px;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #e2e1e1;padding-bottom:5px;}
#alertForm p {line-height:16px;}

#civilStatus {padding:35px 0 12px;}
#civilStatus  p {width:100%;overflow:hidden;padding:3px 0;}
#civilStatus  p label {display:-moz-inline-box;display:inline-block;width:70px;font-size:14px;}
#civilStatus  p select {margin-left:-4px;font-size:12px;color:#000;}
#civilStatus  p .label_birth {width:130px;}
#civilStatus  p .text {margin-right:40px;width:196px;font-size:12px;}
#civilStatus  p .text_birth {width:40px;margin-right:0;font-size:12px;}

#pathologies ul {padding-bottom:12px;width:600px;overflow:hidden;}
#pathologies li {float:left;width:247px;}
#pathologies li .checkbox {float:left;margin-top:5px;}
	*+html #pathologies li .checkbox {margin-top:3px;} /*IE7*/	
#pathologies li label {display:-moz-inline-box;display:inline-block;padding: 5px 0 5px 30px;font-size:15px;background-repeat:no-repeat;background-position:5px center;}	
	#pathologies li.color_grippe  label{color:#50bcd3;background-image:url(../images/common/picto_couleurGrippe.png)}
	#pathologies li.color_oreillons label {color:#1c9713;background-image:url(../images/common/picto_couleurOreillons.png)}
	#pathologies li.color_gastro label {color:#6c3d8d;background-image:url(../images/common/picto_couleurGastro.png)}
	#pathologies li.color_varicelle  label {color:#ca3400;background-image:url(../images/common/picto_couleurVaricelle.png)}

#alertStatus {padding-bottom:5px;}
#alertStatus p {padding:0 0 8px;}
#alertStatus p label , #newsletter  p label {font-size:14px;}
#alertStatus p select {width:220px;font-size:12px;color:#000;margin-top:4px;}
#alertStatus .otherInfo {font-size:13px;}

#newsletter {border-top:1px solid #e2e1e1;padding-top:11px;}
.otherInfo {font-size:11px;padding:15px 0  10px !important;width:600px;}
.otherInfo a {text-decoration:underline;}
.otherInfo a:hover {text-decoration:none;} 

#chooseRegionFlash {vertical-align:bottom;width:842px;height:266px;}

.validForm {padding:5px 0 0 356px;}
.validForm  input {cursor:pointer;text-transform:uppercase;border:none;background:url(../images/common/bg_btnValidForm.png) no-repeat 50%;color:#dc3103;font-size:21px;padding:4px 33px;width:auto;overflow:visible;}

/*FOOTER*/
#footer {color:#6c6c6c;background:#e6e3e3 url(../images/common/bg_footer.jpg) no-repeat 0 0;padding:186px 0 0;text-align:center;height:80px;}
#footer li {display:inline;}
#footer li a {font-size:11px;margin:0 5px;color:#6c6c6c;}
#footer li a:hover {text-decoration:underline;}
#footer p {font-size:11px;padding:15px 0 0;}

/*POPUP ENVOI AMI*/
#formEnvoiAmi {background-color: #e5e2e3;padding:5px 7px 0 5px;}
#formEnvoiAmi form {margin-top: 10px;}
#formEnvoiAmi input {border-color: #888888;border-style: solid;border-width: 1px;height: 17px;background-color: white;vertical-align: middle;margin-left: 20px;margin-right: 0px;margin-bottom: 10px;padding-left: 5px;font-size: 1em;width: 200px;}
#formEnvoiAmi textarea {font-family: Arial;border-color: #888888;border-style: solid;border-width: 1px;height: 80px;background-color: white;vertical-align: middle;margin-left: 20px;margin-right: 0px;margin-bottom: 10px;padding-left: 5px;font-size: 1em;width: 200px;}
#formEnvoiAmi label {padding-top: 3px;padding-bottom: 2px;float: left;margin-right: 20px;margin-left: 10px;font-size: 0.9em;width: 125px;}
#formEnvoiAmi p {color:#000;float: left;margin: 3px 15px 20px 10px;font-size: 1em;line-height:16px;}
#formEnvoiAmi a {float: right;margin: 5px 20px 5px 0;font-size: 1em;}

#formEnvoiAmi p.pCenter {clear:both;float:none;text-align:center;}