@import "typography.css";
@import "theme.css";
@import "rtl.css";



/*-------------------------------------------------------------
 Global style
---------------------------------------------------------------*/

/* Reset */
* {margin: 0; padding: 0;}
ul, ol {list-style: none; list-style-position: inside;}
fieldset, img {border: none;}
caption, th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
map {display: block; visibility: hidden;}
:focus {outline: 0;}

/* Styles globaux */
body {text-align: center;}

/*  */
a {color: #000; outline: none;}
p {margin: 0 0 1em 0;}
a.link {background: url(../image/arrow1_noir.gif) 0 center no-repeat; padding: 0 0 0 8px; text-decoration: none;}
a.link:hover {color: #000;}

.arrow {display: block; margin: 0 0 9px 0;}
.arrow {padding: 0 0 0 12px; font-weight: bold;}

/* Clearing */
.clear {display: block; clear: both;}
#page:after, #main:after, .themedefault #main:after, #general:after, #search:after, #nav:after, #crumbpath:after, .title:after, #nav2:after, .langar #general:after, #sitemap:after {display: block; clear: both; content:"."; height: 0; visibility: hidden;}



/*-------------------------------------------------------------
 Main zones
---------------------------------------------------------------*/
#page {position: relative; text-align: left; width: 990px; margin: 0 auto; padding-top: 36px;}
.langfr #header {background: url(../image/bandeau.jpg) 0 0 no-repeat; height: 129px;}
.langen #header {background: url(../image/bandeau_en.jpg) 0 0 no-repeat; height: 129px;}
#main {background: url(../image/main.gif) 0 0 repeat-y; padding: 0 9px; z-index:0; }
#general {float: left; width: 730px; padding: 12px 20px 0 29px;}
#content {width: 503px; float: left;}
#footer {background: url(../image/footer.gif) 0 0 no-repeat; height: 40px;}
#sidebar {width: 227px; float: left; width: 194px; padding: 7px 0 0 33px;}



/*-------------------------------------------------------------
 Navigation
---------------------------------------------------------------*/

/* mainnav */
#nav {padding: 0 9px; height: 48px; background: url(../image/main.gif) 0 0 repeat-y;}
#nav li {float: left; position: relative;}
#nav a {display: block;}
#nav span {display: none;}

/* mainnav - Niveau 1 */
.langfr #nav_grippe a {width: 156px; height: 41px; background: url(../image/nav_grippe.gif) 0 0 no-repeat; margin-left: 4px;}
.langfr #nav_grippe a.on, .langfr #nav_grippe a:hover {background: url(../image/nav_grippe_on.gif) 0 0 no-repeat;}

.langfr #nav_hygiene a {width: 136px; height: 41px; background: url(../image/nav_hygiene.gif) 0 0 no-repeat;}
.langfr #nav_hygiene a.on, .langfr #nav_hygiene a:hover {background: url(../image/nav_hygiene_on.gif) 0 0 no-repeat;}

.langfr #nav_pandemie a {width: 270px; height: 41px; background: url(../image/nav_pandemie.gif) 0 0 no-repeat;}
.langfr #nav_pandemie a.on, .langfr #nav_pandemie a:hover {background: url(../image/nav_pandemie_on.gif) 0 0 no-repeat;}

.langfr #nav_guerir a {width: 166px; height: 41px; background: url(../image/nav_guerir.gif) 0 0 no-repeat;}
.langfr #nav_guerir a.on, .langfr #nav_guerir a:hover {background: url(../image/nav_guerir_on.gif) 0 0 no-repeat;}

.langfr #nav_enfants a {width: 125px; height: 41px; background: url(../image/nav_enfants.gif) 0 0 no-repeat;}
.langfr #nav_enfants a.on, .langfr #nav_enfants a:hover {background: url(../image/nav_enfants_on.gif) 0 0 no-repeat;}

.langfr #nav_informe a {width: 109px; height: 41px; background: url(../image/nav_informe.gif) 0 0 no-repeat;}
.langfr #nav_informe a.on, .langfr #nav_informe a:hover {background: url(../image/nav_informe_on.gif) 0 0 no-repeat;}

.langen #nav_grippe a {width: 156px; height: 41px; background: url(../image/nav_grippe_en.gif) 0 0 no-repeat; margin-left: 4px;}
.langen #nav_grippe a.on, .langen #nav_grippe a:hover {background: url(../image/nav_grippe_en_on.gif) 0 0 no-repeat;}

.langen #nav_hygiene a {width: 136px; height: 41px; background: url(../image/nav_hygiene_en.gif) 0 0 no-repeat;}
.langen #nav_hygiene a.on, .langen #nav_hygiene a:hover {background: url(../image/nav_hygiene_en_on.gif) 0 0 no-repeat;}

.langen #nav_pandemie a {width: 270px; height: 41px; background: url(../image/nav_pandemie_en.gif) 0 0 no-repeat;}
.langen #nav_pandemie a.on, .langen #nav_pandemie a:hover {background: url(../image/nav_pandemie_en_on.gif) 0 0 no-repeat;}

.langen #nav_guerir a {width: 166px; height: 41px; background: url(../image/nav_guerir_en.gif) 0 0 no-repeat;}
.langen #nav_guerir a.on, .langen #nav_guerir a:hover {background: url(../image/nav_guerir_en_on.gif) 0 0 no-repeat;}

.langen #nav_enfants a {width: 125px; height: 41px; background: url(../image/nav_enfants_en.gif) 0 0 no-repeat;}
.langen #nav_enfants a.on, .langen #nav_enfants a:hover {background: url(../image/nav_enfants_en_on.gif) 0 0 no-repeat;}

.langen #nav_informe a {width: 109px; height: 41px; background: url(../image/nav_informe_en.gif) 0 0 no-repeat;}
.langen #nav_informe a.on, .langen #nav_informe a:hover {background: url(../image/nav_informe_en_on.gif) 0 0 no-repeat;}

.langfr #nav_hygiene .contentHygiene a,
.langfr #nav_grippe .contentGrippe a,
.langfr #subnav_guerir .contentGuerrir a,
.langfr #nav_hygiene .contentHygiene a,
.langfr #nav_enfants .contentEnfants a,
.langfr #nav_informe .contentInforme a,
.langen #nav_hygiene .contentHygiene a,
.langen #nav_grippe .contentGrippe a,
.langen #subnav_guerir .contentGuerrir a,
.langen #nav_hygiene .contentHygiene a,
.langen #nav_enfants .contentEnfants a,
.langen #nav_informe .contentInforme a  {height: auto;border-bottom: 1px solid #fff;}

/* mainnav - Sous-menu Niveau 2 */
#nav ul ul {display: none; position: absolute; top: 41px; left: 0; padding: 0px; z-index: 10;}
#nav ul ul li {float: none; z-index:1000; }
#nav ul ul li span {padding: 6px; display: block;}
#nav ul ul a {float: none; display: block; background: none; width: auto; height: auto; background: #fff; text-decoration: none; margin: 0;}
#nav ul ul a:hover {background: #ccc;}
#nav ul ul span {display: inline;}

#nav #nav_grippe ul {width: 156px; left: 4px;}
#nav #nav_grippe ul a {background: #ddebb6; color: #2f4000;}
#nav #nav_grippe ul a:hover {background: #aace48; color: #fff;}
#nav #nav_grippe ul li {z-index:1000; }

#nav #nav_hygiene ul {width: 136px;}
#nav #nav_hygiene ul a {background: #b6ebef; color: #2f4000;}
#nav #nav_hygiene ul a:hover {background: #48cdd6; color: #fff;}

#nav #nav_guerir ul {width: 320px;}
#nav #nav_guerir ul a {width: 320px;background: #eacff2; color: #3a004c;}
#nav #nav_guerir ul a:hover {background: #ca88de; color: #fff;}

#nav #nav_enfants ul {width: 125px;}
#nav #nav_enfants ul a {background: #fabbe0; color: #67003d;}
#nav #nav_enfants ul a:hover {background: #f0239c; color: #fff;}

#nav #nav_informe ul {width: 109px;}
#nav #nav_informe ul a {background: #ffccb0; color: #7d2c00;}
#nav #nav_informe ul a:hover {background: #ff5a00; color: #fff;}


/* mainnav - Exeption menu pandémie - Sous-menu Niveau 2 */
#nav li#nav_pandemie ul {top: 22px; left: 0; width: 286px; background: none; border: 0; display: block;}
#nav li#nav_pandemie ul ul {display: none;}
#nav li#nav_pandemie li {float: left;}
#nav li#nav_pandemie li a {height: 19px; background: none;}
#nav li#nav_pandemie li span {display: none;}

.langfr #nav li#nav_pandemie li#nav_maison a {width: 82px; background: url(../image/nav_pandemie.gif) 0 -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_maison a:hover,
.langfr #nav li#nav_pandemie li#nav_maison a.on {background: url(../image/nav_pandemie_on.gif) 0 -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_maison ul#subnav_maison a {width: 220px; background-image: none; background: #b6deff; color: #004177; }
.langfr #nav li#nav_pandemie li#nav_maison ul#subnav_maison a:hover {background: #48acff; color: #fff;}

.langen #nav li#nav_pandemie li#nav_maison a {width: 82px; background: url(../image/nav_pandemie_en.gif) 0 -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_maison a:hover,
.langen #nav li#nav_pandemie li#nav_maison a.on {background: url(../image/nav_pandemie_en_on.gif) 0 -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_maison ul#subnav_maison a {width: 220px;background-image: none; background: #b6deff; color: #004177;}
.langen #nav li#nav_pandemie li#nav_maison ul#subnav_maison a:hover {background: #48acff; color: #fff;}

#nav li#nav_pandemie li#nav_maison ul {width: 220px;}

.langfr #nav li#nav_pandemie li#nav_exterieur a {width: 100px; background: url(../image/nav_pandemie.gif) -82px -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_exterieur a:hover,
.langfr #nav li#nav_pandemie li#nav_exterieur a.on {background: url(../image/nav_pandemie_on.gif) -82px -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_exterieur ul#subnav_exterieur a {width: 220px;background-image: none; background: #b6deff; color: #004177;}
.langfr #nav li#nav_pandemie li#nav_exterieur ul#subnav_exterieur a:hover {background: #48acff; color: #fff;}

.langen #nav li#nav_pandemie li#nav_exterieur a {width: 100px; background: url(../image/nav_pandemie_en.gif) -82px -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_exterieur a:hover,
.langen #nav li#nav_pandemie li#nav_exterieur a.on {background: url(../image/nav_pandemie_en_on.gif) -82px -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_exterieur ul#subnav_exterieur a {width: 220px;background-image: none; background: #b6deff; color: #004177;}
.langen #nav li#nav_pandemie li#nav_exterieur ul#subnav_exterieur a:hover {background: #48acff; color: #fff;}

#nav li#nav_pandemie li#nav_exterieur ul {width: 220px;}

.langfr #nav li#nav_pandemie li#nav_travail a {width: 88px; background: url(../image/nav_pandemie.gif) -182px -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_travail a:hover,
.langfr #nav li#nav_pandemie li#nav_travail a.on {background: url(../image/nav_pandemie_on.gif) -182px -22px no-repeat;}
.langfr #nav li#nav_pandemie li#nav_travail ul#subnav_travail a {width: 350px;background-image: none; background: #b6deff; color: #004177;}
.langfr #nav li#nav_pandemie li#nav_travail ul#subnav_travail a:hover {background: #48acff; color: #fff;}

.langen #nav li#nav_pandemie li#nav_travail a {width: 88px; background: url(../image/nav_pandemie_en.gif) -182px -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_travail a:hover,
.langen #nav li#nav_pandemie li#nav_travail a.on {background: url(../image/nav_pandemie_en_on.gif) -182px -22px no-repeat;}
.langen #nav li#nav_pandemie li#nav_travail ul#subnav_travail a {width: 350px;background-image: none; background: #b6deff; color: #004177;}
.langen #nav li#nav_pandemie li#nav_travail ul#subnav_travail a:hover {background: #48acff; color: #fff;}

#nav li#nav_pandemie li#nav_travail ul {width: 350px;}

#subnav_maison li,
#subnav_exterieur li,
#subnav_travail li {border-bottom: 1px solid #fff;}

/* mainnav - Exeption menu pandémie - Sous-menu Niveau 3 */
#nav li#nav_pandemie ul ul {top: 17px; left: 0; background: #fff; z-index: 10;}
#nav li#nav_pandemie ul ul li {float: none; width: auto;}
#nav li#nav_pandemie ul ul li a {float: none; width: inherit; height: auto; background: none; background: #b6deff; color: #004177;}
#nav li#nav_pandemie ul ul li a span {display:block; padding:6px;}
#nav li#nav_pandemie ul ul li a:hover {background: #48acff; color: #fff;}
#nav li#nav_pandemie ul ul span {display: inline;}

/* Navigation de gauche */
#subnav {width: 189px; float: left; margin: 0 0 0 4px; background-position: 0 bottom; background-repeat: no-repeat; padding-bottom: 14px;}
#subnav h2 {margin: 0;}
#subnav h2 a {display: block; height: 40px;}
#subnav h2 span {display: none;}
#subnav ul {width: 189px;}
#subnav ul a {display: block; text-decoration: none; background: #ccc; margin-bottom: 1px; color: #000; line-height: 18px; padding-left: 11px;}
#subnav ul li.on a {font-weight: bold;}
#subnav ul span {padding-left: 10px;}

#subnav ul ul a {height: 25px; height: 2.5em; height: auto; padding: 8px 0 4px 27px; line-height: 1.2em;  background: #fff; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#page #subnav ul ul a {background: #fff; font-weight: normal;}
#subnav ul ul li.on a {font-weight: bold;}

/* Navigation du haut */
#nav2 {position: absolute; top: 22px; left: 28px;}
#nav2 a {text-decoration: none;}
#nav2 a {color: #000;}
#nav2 span {background: url(../image/pict/plus.gif) 0 0.7em no-repeat; padding: 0 10px 0 5px; display: block; float: left;}
#nav2 span span {background: none; padding: 0;}
#nav2 span.arversion a {display: block; width: 38px; height: 14px; background: url(../image/lang_arab.gif) 0 0 no-repeat;}
#nav2 span.arversion span {display: none;}
#nav2 span.frversion {display: none;}



/*-------------------------------------------------------------
 Content
---------------------------------------------------------------*/

/* Header */
#header h1 a {display: block; width: 200px; height: 150px;}
#header h2, #header h1 span {display: none;}

/* Search */
#search {position: absolute; top: 10px; right: 41px; width: 384px; height: 26px; background: url(../image/bg_search.gif) right 0 no-repeat;}
#search fieldset {margin: 9px 0 0 10px; padding-left: 120px;}
#search label {float: left; margin: 5px 4px 0 0;}
#search .inpttext {border: 1px solid #b4b4b4; padding: 2px 2px 1px 2px; width: 137px; float: left; margin: 0 3px 0 0;}
#search .btn_ok {float: left; margin-top: -1px;}
#search .btn_ok input {background: url(../image/btn/search_ok.gif) 0 0 no-repeat; border: 0; line-height: 0; font-size: 0;width: 35px; height: 21px; cursor: pointer;}
#search legend {display: none;}

/* bloc head */
.bloc_head {position: absolute; right: 22px; top: 50px; width: 220px; height: 180px;}
.bloc_head h3 {display: none;}
.bloc_head ul {margin: 60px 10px 0 8px;}
.bloc_head li {background: url(../image/pict/pict_blue_bggreen.gif) 4px 6px no-repeat; letter-spacing: -0.2px; color: #004869; margin: 0 0 6px 0; padding: 0 0 0 14px;}

/* Footer */
#footer hr {display: none;}

/* Footer Links */
#footerLinks {text-align: right;}
#footerLinks li {display: inline; background: url(../image/pict/plus.gif) 0 0.7em no-repeat; padding: 0 10px 0 5px;}
#footerLinks a {text-decoration: none;}
#footerLinks a {color: #000;}

/* Crumbpath */
.crumbpath { margin-bottom: 12px;}
.crumbpath a {color: #000;}

/* Image pour les articles */
.image {float: left; margin: 0 23px 20px 0;}
.image img {border: 4px solid #e1e1e1; display: block;}

.image2 {float: right; margin: 0 0 20px 23px;}
.image2 img {border: 4px solid #e1e1e1; display: block;}

/* Bloc */
.bloc {width: 194px; padding: 36px 0 0 0; margin: 0 0 19px 0;}
.bloc h3 {display: none;}
.bloc .content {margin-left: 5px; background: #fff; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; padding: 4px 9px 0px 9px;}

#bloc_enpratique a {display: block; margin: 0 0 9px 0; padding: 0 0 0 12px; font-weight: bold;}

.box {margin: 0 0 25px 0;}
.box .read_next {clear: both;}

/* itemList */
.itemList li {margin: 0 0 9px 0;}
.itemList a {padding: 0 0 0 12px; font-weight: bold;}

.itemListNum li {color: #007cb1; font-weight: bold; min-height: 28px; margin: 0 0 17px 0; padding: 0 0 0 40px;}
.itemListNum li.n1 {background: url(../image/pict/n1.gif) 0 4px no-repeat;}
.itemListNum li.n2 {background: url(../image/pict/n2.gif) 0 0 no-repeat;}
.itemListNum li.n3 {background: url(../image/pict/n3.gif) 0 0 no-repeat; padding-top: 6px; margin-bottom: 9px;}

/* Bloc vidéo */
.video {width: 194px; height: 154px; background: url(../image/bloc_video.gif) 0 0 no-repeat; padding: 37px 0 0 20px; margin: 0 0 17px 0;}
.video h3 {display: none;}
.video .arrow {display: inline; color: #000; font-weight: normal; background: url(../image/arrow1_noir.gif) 0 center no-repeat; padding: 0 0 0 8px; text-decoration: none;}

/* Titres */
.title {margin-bottom: 27px; position: relative;}
.title h2 {padding-right: 6px; background: #fff; float: none; top: 30px; position: relative; display: inline;}

.title .options {display: block; height: 2.2em; padding-bottom: 3Px; background: #fff; width: 70px; float: right; z-index: 10; position: relative;}
.title .options span {display: none;}
.title .options a {float: right; margin-left: 4px; height: 2.2em;}
.title .options .small {width: 14px; background: url(../image/pict/text_small.gif) 0 bottom no-repeat;}
.title .options .big {width: 14px; background: url(../image/pict/text_big.gif) 0 bottom no-repeat;}
.title .options .print {width: 12px; background: url(../image/pict/print.gif) 0 bottom no-repeat;}
.title .options .send {width: 12px; background: url(../image/pict/mail.gif) 0 bottom no-repeat;}

/* Bloc column */
.bloc_column .item {width: 197px; width: 130px; border-left: 4px solid #d5d5d5; float: left; padding: 0 50px 0 12px; margin: 20px 0 0 0;}
.bloc_column .lastItemInLine {padding-right: 0;} 
.bloc_column .item h3 {margin: -2px 0 3px 0;}
.bloc_column .itemList li {margin-bottom: 0;}

/* Elements non visibles */
.goto_contenu, .goto_nav {display: none;}

/* Sitemap */
#sitemap {margin: 0 -7px 30px -7px;}
#sitemap h2 {padding: 0;}
#sitemap .sm_item {float: left; margin: 7px; width: 260px;}

#sitemap .sm_item ul a {display: block; height: 25px; height: auto; text-decoration: none; background: #ccc; margin-bottom: 1px; color: #000; line-height: 24px; padding-left: 11px;}
#sitemap .sm_item ul span {padding-left: 10px;}
#sitemap .sm_item ul ul a {height: 25px; height: 2.5em; height: auto; padding: 8px 0 4px 27px; line-height: 1.2em;  background: #fff; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#sitemap .sm_item ul ul a {background: #fff; font-weight: normal;}
#sitemap .sm_item ul ul li.on a {font-weight: bold;}

#sitemap .sm_item_theme1, #sitemap .sm_item_theme2 , #sitemap .sm_item_theme3, #sitemap .sm_item_theme4, #sitemap .sm_item_theme5, #sitemap .sm_item_theme6
{min-height: 200px;}



/* Formulaire */
table.form {width: 100%;}
table.form td, table.form th {padding-bottom: 4px;}
table.form th.label_left, table.form th.label_right {text-align: right; padding-right: 10px;}

table.form th.label_left table th {text-align: left;}

input.text, textarea {border: 1px solid #434343; padding: 2px;}

.submitLine {text-align: right; padding-top: 10px; padding-right: 0px;}

.btn_send {width: 91px; height: 21px; border: 0;border: 1px solid #000; cursor: pointer;}

.formcontact table.form {width: auto;}

/* FAQ */
#questionList .q, .questionList .q_on {background: url(../image/pict/pict2.gif) 0 3px no-repeat; padding: 2px 0 2px 20px; margin: 0 0 5px 0;}
#questionList .q a, .questionList .q_on a {text-decoration: none;}
#questionList .q a:hover {color: #040e47;}
#questionList .content {margin: 5px 0 -5px 0; border-left: 1px solid #000; padding-left: 10px;}

#questionList .q_on {background-image: url(../image/pict/pict2_on.gif);}
#questionList .q_on a {color: #040e47;}
#questionList .q_on .content {display: block;}

/*-------------------------------------------------------------
 Boutons
---------------------------------------------------------------*/
div.btn_ok input {width: 35px; height: 21px; border: 0; background: url(../image/btn/search_ok.gif) 0 0 no-repeat; text-indent: -10000px; cursor: pointer;}


/*-------------------------------------------------------------
 Langues 
---------------------------------------------------------------*/
.langen #nav2 .enversion {display: none;}
.langen #nav2 .frversion {display: block;}
.langen #nav2 .arversion {display: block;}

.langfr #nav2 .enversion {display: block;}
.langfr #nav2 .frversion {display: none;}
.langfr #nav2 .arversion {display: block;}

.langar #nav2 .enversion {display: block;}
.langar #nav2 .frversion {display: block;}
.langar #nav2 .arversion {display: none;}