#blog { margin: 0px; padding: 0px; background: url(../img/blog-bg.gif) repeat-y center white; font-family: Arial, sans-serif; font-size: 12px;}
#blog a { color: #009ee0; }
#blog #all { width: 848px; margin: auto; background: #d7eefa; }
#blog #header1, #blog #header2, #blog #header3, #blog #header4 { display: block; width: 848px; height: 135px; background: url(../img/blog-top.jpg) no-repeat left center; float: left; }
#blog #header1 { background-image: url(../img/bandeau-1.jpg); }
#blog #header2 { background-image: url(../img/bandeau-2.jpg); }
#blog #header3 { background-image: url(../img/bandeau-3.jpg); }
#blog #header4 { background-image: url(../img/bandeau-4.jpg); }
#blog #custom-header-under { display: block; width: 848px; height: 135px; background: url(../img/custom-header) white no-repeat left center; float: left; }
#blog #custom-header { width: 424px; height: 135px; background: no-repeat; }
#blog #content { float: left; width: 458px; background: #d7eefa; overflow: hidden; padding: 56px 78px 56px 78px; }
#blog #right { float: left; width: 234px; overflow: hidden; background: url(../img/blog-right.gif); }
#blog #right .block { width: 158px; background: url(../img/blog-block.gif); padding: 12px; margin: 10px 0px 0px 26px; }
#blog #right .block p { margin: 0px 0px 6px 0px; padding: 0px; }
#blog #right .block .name { margin: 0px 0px 4px 0px; padding: 0px; }
#blog #right .block .chart { margin: 0px 0px 6px 0px; padding: 0px; background-color: white; height: 7px; }
#blog #buttons-one { padding-left: 24px; padding-top: 14px; padding-bottom: 14px; margin-bottom: 10px; border-bottom: 1px solid #6bc6ed; }
#blog #buttons-one img { display: block; margin-bottom: 3px; }
#blog #buttons-two { padding-left: 35px; }
#blog #buttons-two img { display: block; margin-bottom: 10px; }
#blog #content h1 { text-transform: normal; color: #009ee0; font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #6bc6ed; }
#blog #content h2 { text-transform: normal; font-size: 19px; padding-bottom: 10px; margin: 0px; font-weight: normal; }
#blog #content h2 a { color: #009ee0; text-decoration: none; }
#blog #content p { padding: 0px; margin: 0px 0px 7px 0px;  }
#blog #content p.margined { margin: 10px 0px 10px 0px; }
#blog #photoinputs div { display: block; margin: 10px 0px 10px 30px; }
#blog #userphotos div { position: relative; width: 200px; float: left; padding: 10px; }
#blog #userphotos div.photo-owner { width: 132px; }
#blog #userphotos img { float: left; margin-right: 10px; }
#blog #userphotos .controls { position: absolute; left: 130px; top: 0px; }
#blog #userphotos .controls a { display: block; text-decoration: none; margin-bottom: 6px; width: 70px; }
#blog #userphotos .uploadbg { position: absolute; left: 0px; top: 0px; background: #3E9CDB; display: none; width: 200px; height: 120px; }
#blog #userphotos .upload { position: absolute; left: 0px; top: 0px; padding: 10px; display: none; }
#blog #userphotos .upload input { margin-bottom: 10px; }
#blog #jour-du-terme { background: url(../img/blog-jour-du-terme.gif) top left no-repeat; padding: 38px 44px 13px 42px; width: 148px; color: white; font-size: 13px; border-bottom: 1px solid #90bfd9; } 
#blog .photos div { margin: 10px; float: left; }

.calendar { margin: 0px; padding: 40px; background: white; font-family: Arial, sans-serif; font-size: 12px; background: url(../img/calendar-body.gif) repeat-x #009ee0; }
.calendar #homelink { position: absolute; left: 673px; top: 34px; font-size: 14px; font-weight: bold; }
.calendar #homelink a { color: white; }
.calendar #all { width: 767px; height: 576px; position: relative; margin: auto; }
.calendar #buttons { position: absolute; left: 415px; top: 111px; width: 297px; height: 41px; background: url(../img/calendar-buttons.gif); padding-left: 10px; }
.calendar #buttons img { display: block; float: left; margin-top: 10px; margin-left: 13px; }
.calendar #dirs { width: 726px; height: 76px; position: relative; margin: auto; padding: 24px 0px 0px 41px; } /*{ position: absolute; left: 41px; top: 601px; }*/
.calendar #dirs img { display: block; float: left; margin-right: 16px; }
.calendar #month { position: absolute; font-size: 24px; width: 250px; left: 116px; top: 234px; font-weight: bold; font-family: Arial; }
.calendar #text { position: absolute; left: 41px; top: 353px; width: 327px; /*height: 242px; overflow: hidden; */font-size: 13px; color: white; }
.calendar #text h1 { margin: 0px 0px 10px 0px; padding: 0px; }
.calendar #ill { position: absolute; left: 439px; top: 194px; width: 282px; height: 350px; }
.calendar #halves { position: absolute; left: 418px; top: 160px; }
.calendar #halves img { display: block; float: left; margin-right: 5px; }
#calendar-0 #all { background: url(../img/calendar-bg-0-1.gif) no-repeat #83bc1e; }
#calendar-0 #text { top: 180px; /*height: 422px; */}
#calendar-0 #buttons { background: url(../img/calendar-buttons-0.gif); }
#calendar-0 #ill { background: url(../img/calendar-ill-0.jpg) no-repeat; }
#calendar-0 #dirs { background: url(../img/calendar-bg-0-2.gif) no-repeat; }
#calendar-1-1 #all { background: url(../img/calendar-bg-1-1.gif) no-repeat #ea640c; }
#calendar-1-2 #all { background: url(../img/calendar-bg-1_2-1.gif) no-repeat #f1290c; } 
#calendar-1-1 #buttons, #calendar-1-2 #buttons { background: url(../img/calendar-buttons-1.gif); }
#calendar-1-1 #ill { background: url(../img/calendar-ill-1.jpg) no-repeat; }
#calendar-1-2 #ill { background: url(../img/calendar-ill-1_2.jpg) no-repeat; }
#calendar-1-1 #month, #calendar-1-2 #month { color: #f7c19e;  }
#calendar-1-1 #dirs { background: url(../img/calendar-bg-1-2.gif) no-repeat; }
#calendar-1-2 #dirs { background: url(../img/calendar-bg-1_2-2.gif) no-repeat; }
#calendar-2 #all { background: url(../img/calendar-bg-2-1.gif) no-repeat #933887; }
#calendar-2 #buttons { background: url(../img/calendar-buttons-2.gif); }
#calendar-2 #ill { background: url(../img/calendar-ill-2.jpg) no-repeat; }
#calendar-2 #month { color: #d4afcf; }
#calendar-2 #dirs { background: url(../img/calendar-bg-2-2.gif) no-repeat; }
#calendar-3 #all { background: url(../img/calendar-bg-3-1.gif) no-repeat #2d449e; }
#calendar-3 #buttons { background: url(../img/calendar-buttons-3.gif); }
#calendar-3 #ill { background: url(../img/calendar-ill-3.jpg) no-repeat; }
#calendar-3 #month { color: #abb4d8; }
#calendar-3 #dirs { background: url(../img/calendar-bg-3-2.gif) no-repeat; }
#calendar-4 #all { background: url(../img/calendar-bg-4-1.gif) no-repeat #9e2d31; }
#calendar-4 #buttons { background: url(../img/calendar-buttons-4.gif); }
#calendar-4 #ill { background: url(../img/calendar-ill-4.jpg) no-repeat; }
#calendar-4 #month { color: #d8abad; }
#calendar-4 #dirs { background: url(../img/calendar-bg-4-2.gif) no-repeat; }
#calendar-5 #all { background: url(../img/calendar-bg-5-1.gif) no-repeat #189f9a; }
#calendar-5 #buttons { background: url(../img/calendar-buttons-5.gif); }
#calendar-5 #ill { background: url(../img/calendar-ill-5.jpg) no-repeat; }
#calendar-5 #month { color: #a3d9d7; }
#calendar-5 #dirs { background: url(../img/calendar-bg-5-2.gif) no-repeat; }
#calendar-6 #all { background: url(../img/calendar-bg-6-1.gif) no-repeat #d35685; }
#calendar-6 #buttons { background: url(../img/calendar-buttons-6.gif); }
#calendar-6 #ill { background: url(../img/calendar-ill-6.jpg) no-repeat; }
#calendar-6 #month { color: #edbbce; }
#calendar-6 #dirs { background: url(../img/calendar-bg-6-2.gif) no-repeat; }
#calendar-7 #all { background: url(../img/calendar-bg-7-1.gif) no-repeat #ff762a; }
#calendar-7 #buttons { background: url(../img/calendar-buttons-7.gif); }
#calendar-7 #ill { background: url(../img/calendar-ill-7.jpg) no-repeat; }
#calendar-7 #month { color: #ffc8aa; }
#calendar-7 #dirs { background: url(../img/calendar-bg-7-2.gif) no-repeat; }
#calendar-8 #all { background: url(../img/calendar-bg-8-1.gif) no-repeat #d3398d; }
#calendar-8 #buttons { background: url(../img/calendar-buttons-8.gif); }
#calendar-8 #ill { background: url(../img/calendar-ill-8.jpg) no-repeat; }
#calendar-8 #month { color: #edb0d1; }
#calendar-8 #dirs { background: url(../img/calendar-bg-8-2.gif) no-repeat; }
#calendar-9 #all { background: url(../img/calendar-bg-9-1.gif) no-repeat #fd7e88; }
#calendar-9 #buttons { background: url(../img/calendar-buttons-9.gif); }
#calendar-9 #ill { background: url(../img/calendar-ill-9.jpg) no-repeat; }
#calendar-9 #month { color: #fecbcf; }
#calendar-9 #dirs { background: url(../img/calendar-bg-9-2.gif) no-repeat; }


#home { margin: 0px; padding: 40px; background: url(../img/home-bg.gif) repeat-x #009ee0; font-family: Arial; font-size: 12px; }
#home #all { width: 752px; height: 750px; background: url(../img/home-body.gif) no-repeat; position: relative; margin: auto; }
#home #login-form { position: absolute; left: 370px; top: 50px; width: 171px; text-align: right; font-size: 11px; }
#home #login-form input { width: 125px; height: 16px; padding: 2px 5px 2px 5px; margin-bottom: 7px; border: 0px; background: url(../img/home-input.gif) no-repeat; }
#home #login-form a { font-size: 11px; color: black; font-weight: bold; }
#home #body { position: absolute; left: 30px; top: 134px; }
#home #buttons { position: absolute; left: 582px; top: 135px; }
#home #buttons img { display: block; margin-bottom: 9px; }
#home #links { position: absolute; left: 61px; top: 603px; height: 100px; }
#home #links #left{ background: url(../img/home-find.gif) no-repeat; padding-left: 119px; }
#home #links #right{ background: url(../img/home-links.gif) no-repeat; padding-left: 105px; }
#home #links div { float: left; width: 157px; position: relative; top: -4px; }
#home #links a { color: #0065fd; font-size: 12px; }
#home #bottom { width: 778px; margin: auto; padding: 13px 0px 0px 74px; color: white; font-size: 12px; }
#home #bottom a { color: white; text-decoration: none; }

#register { margin: 0px; padding: 40px; background: url(../img/register-bg.gif) repeat-x #e53158; font-family: Arial, sans-serif; font-size: 12px; }
#register a { color: #E53158; }
#register #all { width: 751px; height: 760px; position: relative; margin: auto; background: url(../img/register-body.gif) no-repeat; }
#register #homelink2 { display: block; position: absolute; left: 30px; top: 25px; width: 213px; height: 100px; }
#register #homelink { position: absolute; left: 695px; top: 743px; font-weight: bold; font-size: 14px; }
#register #homelink a { color: white; }
#register #form, #register #content { position: absolute; left: 32px; top: 148px; font-size: 13px; }
#register #submit { position: absolute; left: 37px; top: 518px; }
#register #submit input { border: 0px; }
#register #bottom { position: absolute; left: 77px; top: 725px; color: black; font-size: 11px; }
#register #bottom a { color: black; font-size: 11px; text-decoration: none; }
#register #label-error { position: absolute; left: 0px; top: 47px; color: #e73f62; font-weight: bold; width: 462px; }
#register #label-name { position: absolute; left: 0px; top: 78px; }
#register #label-lastname { position: absolute; left: 217px; top: 78px; }
#register #label-address { position: absolute; left: 0px; top: 124px; }
#register #label-zip { position: absolute; left: 0px; top: 205px; width: 169px; }
#register #label-city { position: absolute; left: 162px; top: 205px; }
#register #label-pwd { position: absolute; left: 0px; top: 145px; width: 207px; }
#register #label-pwd1 { position: absolute; left: 217px; top: 145px; width: 215px; }
#register #label-how { position: absolute; left: 0px; top: 302px; width: 207px; height: 34px; }
#register #label-comments { position: absolute; left: 218px; top: 318px; width: 215px; }
#register #label-gender { position: absolute; left: 0px; top: 220px; width: 200px; font-weight: bold;}
#register #label-birthdate { position: absolute; left: 217px; top: 430px; width: 200px; }
#register #label-kids { position: absolute; left: 0px; top: 280px; width: 200px; }
#register #label-scheduled { position: absolute; left: 217px; top: 280px; width: 200px; }
#register #label-pregnant { position: absolute; left: 0px; top: 330px; width: 300px; }

#register #field-email { position: absolute; left: 0px; top: 0px; background: url(../img/register-email.gif) no-repeat; padding: 15px 22px 14px 128px; width: 174px; height: 18px; border: 0px; }
#register #field-name { position: absolute; left: 0px; top: 96px; width: 194px; height: 20px; border: #666666 1px solid; }
#register #field-lastname { position: absolute; left: 217px; top: 96px; width: 185px; height: 20px; border: #666666 1px solid; }
#register #field-address1 { position: absolute; left: 0px; top: 145px; width: 402px; height: 20px; border: #666666 1px solid; }
#register #field-address2 { position: absolute; left: 0px; top: 177px; width: 402px; height: 20px; border: #666666 1px solid; }
#register #field-zip { position: absolute; left: 0px; top: 225px; width: 139px; height: 20px; border: #666666 1px solid; }
#register #field-city { position: absolute; left: 162px; top: 225px; width: 240px; height: 20px; border: #666666 1px solid; }
#register #field-pwd { position: absolute; left: 0px; top: 164px; width: 177px; height: 20px; border: #666666 1px solid; }
#register #field-pwd1 { position: absolute; left: 217px; top: 164px; width: 185px; height: 20px; border: #666666 1px solid; }
#register #field-how { position: absolute; left: 0px; top: 338px; width: 178px; height: 20px; border: #666666 1px solid; }
#register #field-comments { position: absolute; left: 217px; top: 338px; width: 185px; height: 79px; border: #666666 1px solid; }
#register #field-gender { position: absolute; left: 0px; top: 245px; width: 200px; }
#register #field-birthdate { position: absolute; left: 217px; top: 450px; width: 200px; }
#register #field-birthdate input { border: 1px solid #666666; }
#register #field-kids { position: absolute; left: 0px; top: 300px; width: 100px; border: #666666 1px solid; }
#register #field-scheduled { position: absolute; left: 217px; top: 300px; width: 200px; }
#register #field-scheduled input { border: 1px solid #666666; }
#register label.error { color: #e53157; }

#common { margin: 0px; padding: 40px; background: url(../img/common-bg.gif) repeat-x #009ee0; font-family: Arial, sans-serif; font-size: 12px; }
#common a { color: #007ec0; }
#common #logolink { position: absolute; left: 30px; top: 27px; width: 220px; height: 100px; display: block; }
#common #header { width: 752px; height: 130px; background: url(../img/common-top.gif) no-repeat white; position: relative; margin: auto; }
#common #body { width: 752px; background: url(../img/common-content.gif) repeat-y right white; position: relative; margin: auto; }
#common #footer { width: 747px; height: 19px; padding: 5px 5px 0px 0px; background: url(../img/common-bottom.gif) no-repeat; position: relative; margin: auto; color: black; font-size: 12px; text-align: right; }
#common #footer a { color: white; font-size: 14px; font-weight: bold; }
#common #login-form { position: absolute; left: 403px; top: 54px; width: 171px; text-align: right; }
#common #login-form input { width: 125px; height: 16px; padding: 2px 5px 2px 5px; margin-bottom: 7px; border: 0px; background: url(../img/home-input.gif) no-repeat; }
#common #login-form a { font-size: 11px; color: black; font-weight: bold; }
#common #helper { width: 752px; background: url(../img/common-right-page.gif) bottom right no-repeat; }
#common #helper.record { background-image: url(../img/common-right-record.gif); }
#common #helper.faq { background-image: url(../img/common-right-faq.gif); }
#common #helper.temoignage { background-image: url(../img/common-right-temoignage.gif); }
#common #content { position: relative; left: 47px; top: 20px; width: 496px; background: url(../img/common-content-1.gif); margin-bottom: 20px; }
#common #content-helper { background: url(../img/common-content-2.gif) bottom no-repeat; width: 456px; padding: 10px 20px 20px 20px ; }
#common #buttons { position: absolute; left: 573px; top: 0px; background: url(../img/common-right-1.gif) no-repeat; width: 192px; height: 400px; padding: 3px 0px 0px 12px; }
#common #buttons img { display: block; margin-bottom: 9px; }
#common #footer-links { left: 66px; position: relative; width: 480px; font-size: 12px; }
#common #footer-links a { color: black; font-size: 12px; text-decoration: none; }

.errorlist { background: #ffe8e8; padding: 4px 10px 4px 10px; border-left: 3px solid red; }
.errorlist div { color: red; }

table .label { padding: 0px 0px 10px 0px; width: 100px; }
table .input { padding: 0px 0px 10px 0px; }
table .input input { width: 200px; }

.error { color: red; }
.validate { font-size: 15px; color: green; background-color: #CFFF59; border-top: 1px solid green; border-bottom: 1px solid green; padding: 9px;}
.formlabel { background: #ebf7fd; padding: 7px 0px 7px 14px; font-size: 16px; font-weight: bold; clear: both; }
.forminput { margin-bottom: 10px; }
.forminput input, .forminput textarea { width: 100%; border: #88898d 1px solid; padding: 4px 0px 4px 0px; }
#blog a.formlink { display: block; height: 16px; background: url(../img/linkarrow.gif) right center no-repeat #ebf7fd; color: #000000; font-weight: bold; font-size: 16px; margin-bottom: 10px; text-decoration: none; padding: 7px 0px 7px 17px; }

#blog-calendar { width: 170px; background: url(../img/calendar.gif) top left no-repeat; margin: 20px 0px 0px 30px; padding: 40px 0px 0px 0px; color: white; }
#blog-calendar table { width: 170px; }
#blog-calendar a { color: white; text-decoration: none; font-weight: bold; }
#blog-calendar th { text-align: right; }
#blog-calendar td { text-align: right; color: #cccccc; }

#blog-namesurvey { width: 194px; background: url(../img/blog-choix-du-prenom.gif) top left no-repeat; padding: 40px 0px 10px 40px; color: white; border-bottom: 1px solid #90bfd9; }
#blog-namesurvey .name { margin: 0px 0px 4px 0px; padding: 0px; }
#blog-namesurvey .chart-base { margin: 0px 0px 6px 0px; padding: 0px; background-color: #2997cc; height: 7px; width: 160px; }
#blog-namesurvey .chart { padding: 0px; background-color: white; height: 7px; }
.blog_date { font-size: 11px; color: #666; text-align: right; font-style: italic;}

.namesurvey .name { margin: 0px 0px 4px 0px; padding: 0px; }
.namesurvey .chart-base { margin: 0px 0px 6px 0px; padding: 0px; background-color: #2997cc; height: 7px; width: 400px; }
.namesurvey .chart { padding: 0px; background-color: white; height: 7px; }

#photopopup-controls { list-style-type: none; margin: 0px; padding: 0px; white-space: nowrap; }
#photopopup-controls li { display: block; float: left; font-size: 14px; color: #999999; width: 20px; }
#photopopup-controls li a { color: black; text-decoration: none; }
#photopopup { position: absolute; padding: 40px; display: none; text-align: center; border: #999999 2px solid; background: white; }
#photopopup img { margin: 20px; }
#photopopup a { color: black; text-decoration: none; font-size: 14px; }
#popup { overflow: auto; }
#popup { display: none; position: absolute; padding: 2px; background-color: white; border: solid #cccccc; border-width: 1px 2px 2px 1px; width: 170px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; }
#popup a { display: block; padding: 2px 10px 2px 10px; background-color: white; color: black; font-size: 11px; text-decoration: none; }
#popup a:hover { background-color: #000080; color: white; }

.bandeau img { border: 2px solid transparent; }
.cbandeau img { border: 2px solid red; }
.whitegrid { background: white; border: #828282 1px solid; margin: 10px 0px 10px 0px; }
.whitegrid th { border-bottom: #828282 1px solid; color: #009ee9; font-weight: bold; padding: 6px 18px 6px 18px; text-align: left; }
.whitegrid td { padding: 6px 18px 6px 18px; }

.pager{ font-size:13px; color:#6e6e6e; clear: both; }
.pager li.dots{ }
.pager ul li{ display:inline; padding-right:20px; color:#6e6e6e; }
.listen { height: 58px; background: url(../img/listen.gif) no-repeat #ebf7fd; margin-top: 10px; padding: 10px 10px 0px 80px; font-size: 13px; line-height: 1.6; overflow: hidden; position: relative; }
.listen a { color: #000000; text-decoration: none; font-size: 14px; font-weight: bold; }
.listen .reagir { position: absolute; right: 30px; font-weight: normal; }
.card-preview { margin: 0px; float: left; border: 2px solid transparent; }
.card-preview img { display: block; float: left; }
.card-preview-active { margin: 0px; float: left; border: 2px solid red; }
#preview { width: 201px; height: 239px; padding: 67px 30px 48px 242px; overflow: hidden; display: none; text-align: center; }
#button-preview { margin: 10px; text-align: right; }
#button-cancel { margin: 10px; text-align: right; display: none; }