/* *** *** *** */
/*    RESET    */
/* *** *** *** */
body, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;vertical-align:baseline;}
li {list-style-type:none}
a {text-decoration:none}



/* *** *** *** */
/*   LAYOUT    */
/* *** *** *** */

#page {width:1010px}

#header {position:relative;z-index:999; margin:25px 0 10px}

#logo {float:left;margin:0 50px 0 81px}
#blk_flash {float:left;width:512px;height:137px;margin:0 3px 0 0;text-align:right}

#blk_search {float:left}
#blk_search div {position:relative;width:180px;height:47px;margin-bottom:4px;padding:10px 8px}
#blk_search .push_actu a {display:block; height:47px;text-indent:-999px;overflow:hidden}
#blk_search label {display:block;margin-bottom:5px}
#blk_search input.textInput {width:140px;padding:4px}
#blk_search input.btn_search {width:32px;height:33px;position:absolute;top:28px;right:8px;cursor:pointer}
#searchsubmit {width:31px;height:31px;cursor:pointer}
#blk_search a.btn_infos {display:block;width:180px;height:54px}

#menu {float:left;width:711px;height:44px}
#menu li {float:left;position:relative;padding:6px 0 6px}
#menu li a {display:block;float:left;padding:5px 18px}
#menu li.first a {padding-left:20px}
#menu ul {display:none;position:absolute;top:31px;left:3px}
#menu li:hover ul {display:block}
#menu li li {float:none;position:relative}
#menu li li a {float:none;padding:6px 0 0 8px}

#left_side {float:left;position:relative;width:298px;height:432px}
#blue_one {position:relative;width:100%;height:281px;margin:8px 0 16px}
#blk_infirm strong {position:absolute;top:44px;left:24px;width:120px}
#blk_infirm a {display:block;position:absolute;top:94px;left:30px;width:110px; padding:0 18px 24px 0}
#blk_conseils strong {position:absolute;top:195px;left:64px;width:80px}
#blk_conseils a {position:absolute;top:187px;left:164px;width:70px}
#orange_one {position:relative;width:100%;height:127px}
#orange_one strong {position:absolute;top:15px;right:90px}
#orange_one p {position:absolute;top:66px;right:90px}

#main  {float:left;width:711px}
.content {position:relative;float:left;z-index:9;width:478px;padding:12px 24px 12px 12px}

.content h1.titre_page, h2 {margin-bottom:17px}
.content p.intro {margin-bottom:15px}
.content p {margin-bottom:10px}
.content ul.bullet {margin-bottom:10px;}
.content ul.bullet li {padding-left:12px}
.content #gd ul.bullet li {margin-bottom:10px}
.content ul.spaced {margin:20px 35px}
.content ul.spaced li {margin:10px 0}
.content ul.spaced ul {margin:5px 0 0 30px}
.content ul.spaced li li {margin:0}
.content ol li {margin-bottom:10px}

.visuel {float:left; margin:0 15px 7px 0}

.content h2.pink_hl {position:relative;display:inline-block;margin:15px 0;padding:3px 14px}
.rnd_TL, .rnd_TR, .rnd_BL, .rnd_BR {position:absolute;width:8px;height:9px;overflow:hidden}
.rnd_TL {top:0;left:0}
.rnd_TR {top:0;right:0}
.rnd_BL {bottom:0;left:0}
.rnd_BR {bottom:0;right:0}

.download {padding:0 30px 30px 0}

.decale {float:left;margin:0 15px 5px -25px}

h1.title_actu {width:309px;height:52px;overflow:hidden;text-indent:-999em;margin:-12px 0 0 0; background:url(../images/titre_actus.gif) 0 0 no-repeat}
.actus h2 {margin-bottom:0}
.actus li {clear:left;padding-bottom:20px;margin:0 0 5px}
.actus li img {float:left;margin-right:15px}

#right_side{float:left;position:relative;width:196px;}
.visu_side {display:block;width:190px;margin:3px 3px 0}
#blk_inscription {margin-bottom:40px}
#blk_actu h2, #blk_inscription h2 {width:196px;height:33px;margin:0;overflow:hidden;text-indent:-999em}
#blk_actu .bottom {height:14px;position:relative;}
#blk_inscription .bottom {height:16px;position:relative;}
.nouveau {padding-top:20px; margin-top:-10px}
.push_bulletin {padding:10px 0;margin:0 12px}
.push_inscriptio {margin:0 12px}
#blk_actu ul {margin:16px 4px 16px 8px}
#blk_actu li {padding:0 0 0 8px}
#blk_inscription li {margin:16px 4px 0 8px; padding-bottom:8px;}
#blk_inscription li.last {padding:0}
#blk_actu a, #blk_inscription a  {display:block;margin:4px 0 0 44px;padding:15px 36px 10px 0}
#blk_actu h3 a, #blk_actu a.sans {display:inline;margin:0;padding:0}

#footer {text-align:center;padding:30px 0}
#footer li {display:inline;padding:0 5px}

.clearer {clear:both}


/* La Lettre d'information */
.formulaire {position:relative;width:666px;padding-left:8px;margin-left:32px}
h1#titre_info {position:absolute;width:32px;height:228px;left:-33px;top:20px;overflow:hidden;text-indent:-999em}
.formulaire p.intro {padding:20px 0}
.formulaire p.mentions {margin:20px 0 20px 60px}
.formulaire fieldset {position:relative;margin:0 0 20px 20px}
.formulaire h2 {position:relative;height:19px;margin:0 0 10px;padding:3px 28px 0}
.formulaire h2 span {position:absolute;top:0;right:0;width:7px;height:22px}
.formulaire li {margin:5px 0;clear:left}
.formulaire label, .formulaire .radios p {float:left;width:258px;margin-right:20px}
.formulaire input {width:150px;padding:2px; vertical-align:bottom}
.formulaire .radios label, .formulaire .radios input {width:auto;float:none}
.formulaire input#cp {width:40px}
.formulaire .requis {position:absolute;top:85px;right:0}

#fda {position:relative;top:-5px;}
#fda li {display:inline;color:#3873a3;font-size:10px}
#fda a, #fda span {text-decoration:underline}

/* *** *** *** */
/*   COLORS    */
/* *** *** *** */
body {color:#1a161a}
a {color:#3873A3}
a:hover {color:#e2001a}
#blk_search .push_actu {background:url(../images/cartouche_actus.png) 0 0 no-repeat}
#blk_search form div {background:url(../images/bg_recherche.png) 0 0 no-repeat}
#blk_search label {color:#87888A}
#blk_search input {border:none;background:none}
#blk_search input.btn_search, #searchsubmit {background:url(../images/pict_search.png) 0 0 no-repeat}
#searchsubmit {border:none;background:url(../images/pict_search_w.png) 0 0 no-repeat}
#blk_search a.btn_infos {color:#87888A;background:url(../images/pict_bulles.png) bottom right no-repeat}

#blk_flash {background:url(../images/visu_banniere.jpg) 0 0 no-repeat}

#menu {background:url(../images/bg_menu.png) 0 0 no-repeat}
#menu a, #menu li.current li a {color:white;border-left:3px solid white}
#menu a:hover, #menu li.current a, #menu li.current li a:hover {color:#005b9c}
#menu , #menu li {overflow:visible}
#menu li.current {border-bottom:6px solid #005b9c}
#menu li li.current {border-bottom:none}
#menu li.first a {border-left:none}
#menu ul {background:#E42F17;}
#menu li li a, #menu li.current li a {border-left:none;border-top:2px solid white}

#left_side, #left_side a, #blk_actu, #blk_actu a, #blk_inscription, #blk_inscription a {color:white}
#blue_one {background:url(../images/bloc_left_1.jpg) 0 0 no-repeat}
#blk_infirm a {background:url(../images/pict_arrow.gif) right bottom no-repeat}
#orange_one {background:url(../images/bloc_left_2.png) 0 0 no-repeat}

p.actu span {color:#ed1c24}

.date {color:#3873A3}

#blk_actu {background:url(../images/bg_actu.png) 0 0 repeat-y #3873a3}
#blk_actu h2 {background:url(../images/titre_actu.png) 0 0 no-repeat}
#blk_actu .bottom {background:url(../images/bottom_actu.png) 0 0 no-repeat}
#blk_actu a {background:url(../images/pict_hand.png) right top no-repeat}
#blk_actu h3 a, #blk_actu a.sans {background:none}
/*.push_bulletin {background:url(../images/sep_actu_side.png) center bottom no-repeat}*/

#blk_inscription {background:url(../images/bg-inscrit.png) 0 0 repeat-y #3873a3}
#blk_inscription li {background:url(../images/line-orange.png) left bottom repeat-x}
#blk_inscription li.last {background:none}
#blk_inscription h2 {background:url(../images/titre-inscrit.png) 0 0 no-repeat}
#blk_inscription .bottom {background:url(../images/bottom-inscrit.png) 0 0 no-repeat}
#blk_inscription a {background:url(../images/pict_hand_orange.png) right top no-repeat}
.nouveau {background:url(../images/nouveau-orange.jpg) right bottom no-repeat}

.list h1 {margin:20px 0 30px}
.actus li {background:url(../images/sep_actus.png) center bottom no-repeat}
.actus .date {color:#919191}
.actus .text {color:#565656}
.actus .link_more, .actus .link_more a:hover {color:#3873A3;font-weight:bold}

#footer li {border-right:1px solid #ed1c24}
#footer li:last-child {border-right:none}
#footer li a {color:#3b3432}


.content h1.title_actu, .content h1.titre_page, .content p.intro, .content p strong, .content li strong, p.blue, p.blue a, h2 {color:#3873A3}
.content ol strong {color:#005291}
.content ul.bullet li {background:url(../images/dot-red.png) 0 5px no-repeat}
.content #gd ul.bullet li {background-image:url(../images/dot-blue.png);overflow:hidden}
.content #gd h1 {color:#ed1c24}
.content h2.pink_hl {background:#fcdee7;color:#ed1c24}
.rnd_TL, .rnd_TR, .rnd_BL, .rnd_BR {background:url(../images/rndd_highlight.png) no-repeat}
.rnd_TL {background-position:0 0}
.rnd_TR {background-position:-8px 0}
.rnd_BL {background-position:0 -8px}
.rnd_BR {background-position:-8px -8px}

.download {color:black;background:url(../images/pict_arrow.png) right bottom no-repeat}

h1#titre_info {background:url(../images/titre_lettre_info.png) 0 0 no-repeat}
.formulaire {border-left:1px solid #fcaf17}
.formulaire h2 {background:url(../images/rnd_info_left.png) 0 0 no-repeat #ffecce;color:#EE7F00}
.formulaire h2 span {background:url(../images/rnd_info_right.png) 0 0 no-repeat}
.formulaire input, .formulaire select {border:1px solid #cfcfcf;border-bottom-color:#dfdfdf;border-top-color:#7a7a7a}
.formulaire .radios input {border:none}

.list_grippe li {margin-bottom:20px}
.list_grippe span, .list_grippe a {color:#f47920}

.trombi li {clear:left}
.trombi li img {float:left; margin:8px 8px 8px 0}
.trombi h3 {margin-top:90px}

.trombi span, .trombi h3 {color:#3d76a8}
.trombi li {border-top:1px solid #3d76a8}

.trombi h3 {font-size:12px;font-weight:normal}
.trombi span {font-size:11px;font-style:italic}

/* *** *** *** *** */
/*   TYPOGRAPHY    */
/* *** *** *** *** */
body {font-family:Arial, Helvetica, sans-serif;font-size:12px}
#menu {font-size:13px;font-weight:bold}
#menu li li {font-size:11px}

h3 {font-size:13px}

#blk_search label, #blk_search a.btn_infos {text-transform:uppercase;font-weight:bold}
#blk_search input {font-size:9px}

#blue_one a {text-transform:uppercase}

#blk_infirm strong {font-size:21px;line-height:19px}
#blk_infirm a {font-size:10px}
#blk_conseils strong {font-size:10px;font-weight:normal; letter-spacing:-0.05em}
#blk_conseils a {font-weight:bold;font-size:11px;text-align:center;line-height:1.4em}
#orange_one {text-align:right}
#orange_one p {font-size:9px;letter-spacing:-0.05em}
* html #orange_one p {letter-spacing:-0.07em}

#blk_actu h3 {margin-bottom:5px}
#blk_actu h3, #blk_actu p, #blk_inscription h3 {font-size:12px;}
#blk_actu a, #blk_inscription a {font-size:11px;text-align:right; text-decoration:underline}
#blk_actu h3 a {font-size:inherit;text-decoration:none;letter-spacing:0;}

.content {line-height:1.5em}
.content h1 {font-size:28px;color:#3873a3}
.content h1.titre_page, h2 {font-size:17px}
.content p.intro {font-size:14px; text-align:left}
.content h2.pink_hl, .content ol, .formulaire p.intro {font-size:13px}

.content h1.title_actu {font-size:31px}
.content h1.title_actu span {font-size:44px;text-transform:uppercase}
.content h1.title_actu img {vertical-align:bottom}

.formulaire h2 {font-size:13px}
.formulaire label, .formulaire input, .formulaire select, .formulaire p, #orange_one strong {font-size:11px}
.formulaire label, .formulaire .radios p {text-align:right}

.formulaire p.mentions {font-size:8px}

.date {font-size:12px}

.actus h2 {font-size:13px;font-weight:bold;letter-spacing:0.03em}
.actus .date {font-size:11px}
.actus .text {font-size:12px}
.actus .link_more {text-align:right}
.actus .link_more a {font-size:12px;font-weight:bold;text-decoration:underline}

.ancres {margin:30px 0 30px 60px}
.ancres li {margin-bottom:10px}
.ancres a {padding:3px 35px 10px 0;color:#ed1c24; font-size:17px; font-weight:bold; background:url(../images/pict_arrow.png) right top no-repeat}


p.signature {float:right;text-align:center; padding-bottom:75px; background:url(../images/signature.png) center bottom no-repeat}


.mentions h2 {margin-top:30px}
.mentions h2.first {margin-top:0}

#blk_presse, .dossier, .comm {position:relative;clear:left}
.comm {height:220px}
.dossier img, .comm.left img {float:left}
.dossier a {float:left;margin-top:60px}
.comm.right img {float:right;margin-top:-60px}
.comm.right a {position:absolute;top:0;left:0;margin:30px 0 0 50px}
.comm.left img {float:left;margin-top:-60px}
.comm.left a {position:absolute;top:0;right:0;margin:20px 0 0 20px}

.download {text-align:left;font-weight:bold}

.list_grippe strong {font-weight:normal}
.list_grippe a {text-decoration:underline}

.nextpostslink {float:right}
.previouspostslink {float:left}