/**
 * Framework CSS
 */
body, table, tr, th, td, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, img, hr, input {margin: 0; padding: 0;}

img {border: 0px;}
a {/*position: relative; */color: #06C5C0; text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline:none}

.center		{text-align: center;}
.strong		{font-weight: bold;}
.italic		{font-style: italic;}
.souligne	{text-decoration: underline;}
.conteneur	{overflow: auto; height: 1%;}

/**
 * Configuration générale
 */
body {height: 100%; background: #008DCD url(../images/bg.jpg) repeat-x top left; font: 11px normal Helvetica, Arial, Sans-serif; color: #555682;}
#background {width: 100%; background: url(../images/bg_pzs.jpg) transparent no-repeat top center;}
#general{width: 970px; margin:auto; min-height: 550px;}

/**
 * En-tête
 */
#entete {position: relative; width: 970px; height: 158px; padding-top: 16px;}

#entete #pratique {position: absolute; width: 200px; top: 35px; left: 298px; text-align: right;}
#entete #pratique span {color: #06C5C0; font-size: 13px; font-weight: bold;}

#entete #favoris {position: absolute; padding: 2px 5px; top: 62px; right: 457px; text-align: center; border: 1px solid #D6D4E1; color: #FFFFFF; background: #B90000;; z-index: 100; display: none;}
#entete #favoris #favoris_info {padding-bottom: 5px; font-weight: bold;}
#entete #favoris #favoris_solution span {font-size: 12px; font-weight: bold;}

#entete #cartouche {position: absolute; width: 448px; height: 140px; top: 16px; left: 514px;}

#entete #cartouche #cartouche_haut {position: absolute; top:0; left:0; width: 448px; height: 68px; background: url(../images/bg_cartouche.png) no-repeat top left;}
#entete #cartouche #cartouche_devise_langue {position: absolute; top: 0; left: 5px; width: 175px; height: 68px;}
#entete #cartouche #cartouche_devise_langue form {margin-top: 8px; height: 22px; font-size: 12px;}
#entete #cartouche #cartouche_devise_langue form p {position: relative;}
#entete #cartouche #cartouche_devise_langue form p label {position: absolute; top: 2px; left: 5px;}
#entete #cartouche #cartouche_devise_langue form p select {position: absolute; left: 70px; width: 90px; height: 20px; padding: 1px 0; background: #FFFFFF; border: 1px solid #D5D5E1; /*color: #C1BECF;*/ font-size: 12px; font-family: Helvetica, Arial, Sans-serif;}
#entete #cartouche #cartouche_compte {position: absolute; top: 0; left: 180px; width: 142px; height: 68px;}
#entete #cartouche #cartouche_compte p {padding: 3px 0 0 10px;}
#entete #cartouche #cartouche_compte p#cartouche_moncompte {padding: 8px 0 0 26px; font-size: 12px; background: url(../images/ico_compte.png) no-repeat; background-position: 9px 10px;}
#entete #cartouche #cartouche_compte p#cartouche_moncompte a {color: #555682;}
#entete #cartouche #cartouche_panier {position: absolute; top: 0; left: 329px; width: 119px; height: 68px;}
#entete #cartouche #cartouche_panier p {padding: 3px 0 0 10px;}
#entete #cartouche #cartouche_panier p#cartouche_monpanier {padding: 8px 0 0 26px; font-size: 12px; background: url(../images/ico_panier.png) no-repeat; background-position: 5px 5px;}
#entete #cartouche #cartouche_panier p#cartouche_monpanier a {color: #555682;}
#entete #cartouche #cartouche_panier p#cartouche_contenupanier {color: #06C5C0;}
#entete #cartouche #cartouche_panier p#cartouche_contenupanier span {font-weight: bold; font-size: 12px; color: #EA5D01;}

#entete #cartouche #cartouche_milieu {position: absolute; top:76px; left:0; width: 448px; height: 28px;}
#entete #cartouche #cartouche_favoris {position: absolute; top: 0; left: 0; width: 141px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_favoris a {display: block; padding-top: 7px; width: 141px; height: 21px; background: url(../images/bg_favoris.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none;}
#entete #cartouche #cartouche_favoris a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_recherche {position: absolute; top: 0; left: 147px; width: 301px; height: 28px; background: url(../images/bg_recherche.png) no-repeat top left;}
#entete #cartouche #cartouche_recherche form {position: absolute; top: 0; left: 0; padding-top: 5px; width: 301px; height: 22px; /*overflow: hidden;*/ font-size: 12px; text-align: center;}
#entete #cartouche #cartouche_recherche form p input#keywords {width:134px; height: 16px; background: #EBEAF0; border: none; color: #555682; font-size: 12px; font-family: Helvetica, Arial, Sans-serif;}
#entete #cartouche #cartouche_recherche form p input#submit {height:16px; padding: 1px 0; background: #FFFFFF; border: none; color: #555682; font-size: 12px; font-family: Helvetica, Arial, Sans-serif;}

#entete #cartouche #cartouche_bas {position: absolute; top:112px; left:0; width: 448px; height: 28px;}
#entete #cartouche #cartouche_accueil {position: absolute; top: 0; left: 0; width: 49px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_accueil a {display: block; padding-top: 7px; width: 49px; height: 21px; background: url(../images/bg_accueil.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_accueil a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_presentation {position: absolute; top: 0; left: 54px; width: 107px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_presentation a {display: block; padding-top: 7px; width: 107px; height: 21px; background: url(../images/bg_presentation.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_presentation a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_marques {position: absolute; top: 0; left: 166px; width: 80px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_marques a {display: block; padding-top: 7px; width: 80px; height: 21px; background: url(../images/bg_marques.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_marques a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_faq {position: absolute; top: 0; left: 251px; width: 43px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_faq a {display: block; padding-top: 7px; width: 43px; height: 21px; background: url(../images/bg_faq.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_faq a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_lexique {position: absolute; top: 0; left: 299px; width: 69px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_lexique a {display: block; padding-top: 7px; width: 69px; height: 21px; background: url(../images/bg_lexique.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_lexique a:hover {background-position: 0px -28px;}
#entete #cartouche #cartouche_contact {position: absolute; top: 0; left: 373px; width: 75px; height: 28px; text-align: center; overflow: hidden;}
#entete #cartouche #cartouche_contact a {display: block; padding-top: 7px; width: 75px; height: 21px; background: url(../images/bg_contact.png) no-repeat top left; font-size: 12px; color: #555682; text-decoration: none; text-transform: uppercase;}
#entete #cartouche #cartouche_contact a:hover {background-position: 0px -28px;}

/**
 * Auto complétion
 */
.suggestionsBox {position: absolute; margin: 0 0 0 0; width:160px; left:128px; top:24px; background-color: #EBEAF0; display:none; z-index: 500;}
.suggestionList li, .suggestionList ul { margin:0;padding:0;}
.suggestionList li {cursor: pointer; list-style:none; padding:2px 0 0 2px; text-align: left;}
.suggestionList li.hover {background-color: #555684; color: #FFFFFF;}
.suggestionList li:hover {background-color: #555684; color: #FFFFFF;}

/**
 * Menu
 */
div#divmenu {position: relative; width: 970px; height: 38px; background-color: #EAE9EF; list-style-type: none; z-index: 400; border-bottom: 3px solid #FFFFFF;}
ul#menu {position: absolute; top: 0; left: 7px; width: 956px; height: 38px; list-style-type: none; z-index: 200;}

ul#menu li.menu_niveau1 {position: relative; float: left; height: 38px; text-align: center; font-weight: bold; font-size: 12px; z-index: 200;}
ul#menu li.menu_niveau1 a.menu_lien1 {display: block; text-transform: uppercase; height: 27px; padding-top: 11px; background: url(../images/separation_menu.png) no-repeat top right; color: #555684; text-decoration: none; cursor: default;}
ul#menu li.menu_niveau1 a.menu_lien1:hover {background-color: #555684; color: #FFFFFF; cursor: default;}
ul#menu li.menu_last1 {position: relative; float: left; height: 38px; text-align: center; font-weight: bold; font-size: 12px; z-index: 200;}
ul#menu li.menu_last1 a.menu_lien1 {display: block; text-transform: uppercase; height: 27px; padding-top: 11px; color: #555684; text-decoration: none; cursor: default;}
ul#menu li.menu_last1 a.menu_lien1:hover {background-color: #555684; color: #FFFFFF; cursor: default;}
ul#menu li.menu_niveau1 a.menu_selected, ul#menu li.menu_last1 a.menu_selected {background-color: #555684; color: #FFFFFF;}

/** Sous menu zone 1 **/
ul#menu li ul.menu_zone1 {position: absolute; top: 38px; left: 0; width: 191px; height: 259px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone1 li.menu_niveau2 {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone1 li.menu_niveau2 a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none; border-left: 2px solid #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2 a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2_promo_seule {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone1 li.menu_niveau2_promo_seule a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2_promo_seule a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2_vide {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone1 li.menu_niveau2_vide a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 177px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2_vide a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone1 li.menu_niveau2 a.menu_selected, ul#menu li ul.menu_zone1 li.menu_niveau2_promo_seule a.menu_selected, ul#menu li ul.menu_zone1 li.menu_niveau2_vide a.menu_selected {background-color: #EBEAF0; color: #555684;}

/** Sous-sous menu zone 1 **/
ul#menu li ul.menu_zone1 li ul {position: absolute; top: 0; left: 191px; padding: 2px 2px 2px 0; height: 255px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone1 li ul.menu_1col {width: 191px;}
ul#menu li ul.menu_zone1 li ul.menu_2col {width: 382px;}
ul#menu li ul.menu_zone1 li ul.menu_3col {width: 573px;}
ul#menu li ul.menu_zone1 li ul.menu_4col {width: 764px;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 {padding: 0; height: 255px; background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone1 li ul li.menu_1col {width: 191px;}
ul#menu li ul.menu_zone1 li ul li.menu_2col {width: 382px;}
ul#menu li ul.menu_zone1 li ul li.menu_3col {width: 573px;}
ul#menu li ul.menu_zone1 li ul li.menu_4col {width: 764px;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col {float: left; padding: 0 8px; width: 175px; height: 255px;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col p {padding: 0 0; height: 40px; width: 175px; border-bottom: 1px solid #C6C5D5;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_last {border-bottom: none;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col p a {display: table-cell; height: 40px; color: #555682; font-weight: normal; text-decoration: none; vertical-align: middle;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_p3 a {font-weight: bold; text-transform: uppercase;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_col p a:hover {color: #06C5C0; text-decoration: underline;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_promo {width: 173px; background-color: #EBEAF0; border-left: 2px solid #EBEAF0;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0 0 2px; border: none;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone1 li ul li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0 0 2px; border: none;}
ul#menu li ul.menu_zone1 li ul.menu_promo {left: 191px; width: 191px; padding: 2px 2px 2px 0;}
ul#menu li ul.menu_zone1 li ul.menu_promo li.menu_niveau3 div.menu_promo {position: absolute; top: 2px; left: 10px; width: 173px; background-color: #EBEAF0; border: none;}
ul#menu li ul.menu_zone1 li ul.menu_promo li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone1 li ul.menu_promo li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone1 li ul.menu_promo li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone1 li ul.menu_promo li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}

/** Sous menu zone 2 **/
ul#menu li ul.menu_zone2 {position: absolute; top: 38px; left: 0; width: 191px; height: 259px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone2 li.menu_niveau2 {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone2 li.menu_niveau2 a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none; border-left: 2px solid #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2 a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo a.menu_lien2 {float: none; display: block; padding: 11px 0 0 15px; width: 176px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo_seule {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo_seule a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2_promo_seule a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2_vide {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone2 li.menu_niveau2_vide a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 177px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2_vide a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone2 li.menu_niveau2 a.menu_selected, ul#menu li ul.menu_zone2 li.menu_niveau2_promo a.menu_selected, ul#menu li ul.menu_zone2 li.menu_niveau2_promo_seule a.menu_selected, ul#menu li ul.menu_zone2 li.menu_niveau2_vide a.menu_selected {background-color: #EBEAF0; color: #555684;}

/** Sous-sous menu zone 2 **/
ul#menu li ul.menu_zone2 li ul {position: absolute; top: 0; left: 191px; padding: 2px 2px 2px 0; height: 255px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone2 li ul.menu_1col {width: 191px;}
ul#menu li ul.menu_zone2 li ul.menu_2col {width: 382px;}
ul#menu li ul.menu_zone2 li ul.menu_3col {width: 573px;}
ul#menu li ul.menu_zone2 li ul.menu_4col {width: 764px;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 {padding: 0; height: 255px; background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone2 li ul li.menu_1col {width: 191px;}
ul#menu li ul.menu_zone2 li ul li.menu_2col {width: 382px;}
ul#menu li ul.menu_zone2 li ul li.menu_3col {width: 573px;}
ul#menu li ul.menu_zone2 li ul li.menu_4col {width: 764px;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col {float: left; padding: 0 8px; width: 175px; height: 255px;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col p {padding: 0 0; height: 40px; width: 175px; border-bottom: 1px solid #C6C5D5;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_last {border-bottom: none;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col p a {display: table-cell; height: 40px; color: #555682; font-weight: normal; text-decoration: none; vertical-align: middle;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_p3 a {font-weight: bold; text-transform: uppercase;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_col p a:hover {color: #06C5C0; text-decoration: underline;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_promo {position: absolute; top: 0; left: -382px; width: 173px; background-color: #EBEAF0; border-top: 2px solid #555682; border-left: 2px solid #555682; border-bottom: 2px solid #555682;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone2 li ul li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone2 li ul.menu_promo {left: -191px; width: 189px; padding: 2px 0 2px 2px;}
ul#menu li ul.menu_zone2 li ul.menu_promo li.menu_niveau3 div.menu_promo {position: absolute; top: 2px; left: 10px; width: 179px; background-color: #EBEAF0; border: none;}
ul#menu li ul.menu_zone2 li ul.menu_promo li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone2 li ul.menu_promo li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone2 li ul.menu_promo li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone2 li ul.menu_promo li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}

/** Sous menu zone 3 **/
ul#menu li ul.menu_zone3 {position: absolute; top: 38px; left: 0; width: 191px; height: 259px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone3 li.menu_niveau2 {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone3 li.menu_niveau2 a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2 a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 181px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo_seule {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo_seule a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2_promo_seule a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2_vide {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone3 li.menu_niveau2_vide a.menu_lien2 {float: none; display: block; padding: 11px 0 0 15px; width: 172px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2_vide a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone3 li.menu_niveau2 a.menu_selected, ul#menu li ul.menu_zone3 li.menu_niveau2_promo a.menu_selected, ul#menu li ul.menu_zone3 li.menu_niveau2_promo_seule a.menu_selected, ul#menu li ul.menu_zone3 li.menu_niveau2_vide a.menu_selected {background-color: #EBEAF0; color: #555684;}

/** Sous-sous menu zone 3 **/
ul#menu li ul.menu_zone3 li ul {position: absolute; top: 0; left: -191px; padding: 2px 0 2px 2px; height: 255px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone3 li ul.menu_1col {width: 191px;}
ul#menu li ul.menu_zone3 li ul.menu_2col {left: -382px; width: 382px;}
ul#menu li ul.menu_zone3 li ul.menu_3col {left: -573px; width: 573px;}
ul#menu li ul.menu_zone3 li ul.menu_4col {left: -764px; width: 764px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 {padding: 0; height: 255px; background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone3 li ul li.menu_1col {width: 191px;}
ul#menu li ul.menu_zone3 li ul li.menu_2col {width: 382px;}
ul#menu li ul.menu_zone3 li ul li.menu_3col {width: 573px;}
ul#menu li ul.menu_zone3 li ul li.menu_4col {width: 764px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col {float: left; padding: 0 8px; width: 175px; height: 255px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col p {padding: 0 0; height: 40px; width: 175px; border-bottom: 1px solid #C6C5D5;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_last {border-bottom: none;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col p a {display: table-cell; height: 40px; color: #555682; font-weight: normal; text-decoration: none; vertical-align: middle;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_p3 a {font-weight: bold; text-transform: uppercase;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_col p a:hover {color: #06C5C0; text-decoration: underline;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_promo {position: absolute; top: 0; left: 764px; width: 173px; background-color: #EBEAF0; border-top: 2px solid #555682; border-right: 2px solid #555682; border-bottom: 2px solid #555682;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_1col {left: 382px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_2col {left: 573px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_3col {left: 764px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_4col {left: 955px;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone3 li ul li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone3 li ul.menu_promo {left: 191px; width: 189px; padding: 2px 2px 2px 0;}
ul#menu li ul.menu_zone3 li ul.menu_promo li.menu_niveau3 div.menu_promo {position: absolute; top: 2px; left: 8px; width: 181px; background-color: #EBEAF0; border: none;}
ul#menu li ul.menu_zone3 li ul.menu_promo li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone3 li ul.menu_promo li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone3 li ul.menu_promo li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone3 li ul.menu_promo li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}

/** Sous menu zone 4 **/
ul#menu li ul.menu_zone4 {position: absolute; top: 38px; left: 0; width: 191px; height: 259px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone4 li.menu_niveau2 {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone4 li.menu_niveau2 a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; text-decoration: none; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2 a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2_promo_seule {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone4 li.menu_niveau2_promo_seule a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 179px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2_promo_seule a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2_vide {position: static; padding: 2px 0; width: 191px; height: 38px; background-color: #555684; color: #FFFFFF; text-align: left; border-bottom: 1px solid #797C9F;}
ul#menu li ul.menu_zone4 li.menu_niveau2_vide a.menu_lien2 {float: none; display: block; padding: 11px 0 0 10px; width: 177px; height: 27px; background-color: #555684; color: #FFFFFF; border: none; text-decoration: none; border-left: 2px solid #555684; border-right: 2px solid #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2_vide a.menu_lien2:hover {background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone4 li.menu_niveau2 a.menu_selected, ul#menu li ul.menu_zone4 li.menu_niveau2_promo_seule a.menu_selected, ul#menu li ul.menu_zone4 li.menu_niveau2_vide a.menu_selected {background-color: #EBEAF0; color: #555684;}

/** Sous-sous menu zone 4 **/
ul#menu li ul.menu_zone4 li ul {position: absolute; top: 0; left: -191px; padding: 2px 0 2px 2px; height: 255px; background-color: #555684; list-style-type: none; display: none; z-index: 200;}
ul#menu li ul.menu_zone4 li ul.menu_1col {left: -191px; width: 191px;}
ul#menu li ul.menu_zone4 li ul.menu_2col {left: -382px; width: 382px;}
ul#menu li ul.menu_zone4 li ul.menu_3col {left: -573px; width: 573px;}
ul#menu li ul.menu_zone4 li ul.menu_4col {left: -764px; width: 764px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 {padding: 0; height: 255px; background-color: #EBEAF0; color: #555684;}
ul#menu li ul.menu_zone4 li ul li.menu_1col {width: 191px;}
ul#menu li ul.menu_zone4 li ul li.menu_2col {width: 382px;}
ul#menu li ul.menu_zone4 li ul li.menu_3col {width: 573px;}
ul#menu li ul.menu_zone4 li ul li.menu_4col {width: 764px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col {float: left; padding: 0 8px; width: 175px; height: 255px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col p {padding: 0 0; height: 40px; width: 175px; border-bottom: 1px solid #C6C5D5;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_last {border-bottom: none;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col p a {display: table-cell; height: 40px; color: #555682; font-weight: normal; text-decoration: none; vertical-align: middle;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col p.menu_niveau3_p3 a {font-weight: bold; text-transform: uppercase;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_col p a:hover {color: #06C5C0; text-decoration: underline;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_promo {position: absolute; top: 0; left: 0; width: 173px; background-color: #EBEAF0; border-top: 2px solid #555682; border-left: 2px solid #555682; border-bottom: 2px solid #555682;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_1col {left: -189px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_2col {left: -189px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_3col {left: -189px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_4col {left: -189px;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone4 li ul li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone4 li ul.menu_promo {left: -191px; width: 191px; padding: 2px 0 2px 2px;}
ul#menu li ul.menu_zone4 li ul.menu_promo li.menu_niveau3 div.menu_promo {position: absolute; top: 2px; left: 11px; width: 173px; background-color: #EBEAF0; border: none;}
ul#menu li ul.menu_zone4 li ul.menu_promo li.menu_niveau3 div.menu_promo p {height: 107px; padding: 11px 0; border: none;}
ul#menu li ul.menu_zone4 li ul.menu_promo li.menu_niveau3 div.menu_promo p a {padding-left: 0; background: none;}
ul#menu li ul.menu_zone4 li ul.menu_promo li.menu_niveau3 div.menu_promo p a span {display: none;}
ul#menu li ul.menu_zone4 li ul.menu_promo li.menu_niveau3 div.menu_promo div {height: 107px; padding: 11px 0; border: none;}

.color_menu1 {background-color: #636389;}
.color_menu2 {background-color: #6E6E94;}
.color_menu3 {background-color: #78789E;}
.color_menu4 {background-color: #7F7FA5;}
.color_menu5 {background-color: #8B8BB1;}
.color_menu6 {background-color: #9999BB;}
.color_menu7 {background-color: #A1A2C1;}
.color_menu8 {background-color: #AAA9C8;}
.color_menu9 {background-color: #B8B8D2;}
.color_menu10 {background-color: #C2C2DA;}
.color_menu11 {background-color: #CBCCE1;}
.color_menu12 {background-color: #D2D3E7;}

/**
 * Contenu
 */
#contenu {width: 970px; background-color: #EAE9EF;}

h1.contenu {margin-bottom: 15px; padding: 25px 0 0 25px; width: 925px; height: 45px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #EAE9EF;}
h2.contenu {padding-bottom: 5px; font-size: 14px; font-weight: bold;}

h1.encart {margin-top: 15px; padding-left: 110px; width: 860px; height: 31px; background: url(../images/ico_encart.png) no-repeat; background-position: 24px 3px; font-weight: normal; font-size: 18px;}

#contenu ul {list-style-type: none; padding-bottom: 10px;}
#contenu ul li {padding-left: 10px; background: url(../images/puce_liste.png) 0px 3px no-repeat;}

/**
 * Panier
 */

#basket, #commande {margin: 0 10px; width: 950px; background-color: #FFFFFF;}

#basket_entete, #commande_entete {padding: 10px 20px 30px 20px; width: 910px; font-size: 14px; font-weight: bold;}
#basket_montant, #commande_montant {color: #06C5C0;}
#basket_montant span, #commande_montant span {color: #EA5D01;}

#menu_basket, #menu_commande {width: 950px; height: 50px; list-style-type: none;}
ul#menu_basket, ul#menu_commande {padding-bottom: 0;}
ul#menu_basket li, ul#menu_commande li {float: left; width: 239px; height: 50px; text-align: center; font-weight: bold; font-size: 12px; padding-left: 0; background: none;}
ul#menu_basket li.last, ul#menu_commande li.last {width: 233px; background-color: #56849E;}

ul#menu_basket li span, ul#menu_commande li span {display: table-cell; width: 239px; height: 50px; color: #FFFFFF; background: #56849E url(../images/bg_basket.png) top right no-repeat; vertical-align: middle;}
ul#menu_basket li span.last, ul#menu_commande li span.last {width: 233px; background: none; background-color: #56849E;}
ul#menu_basket li a.menu_off, ul#menu_commande li a {display: table-cell; width: 239px; height: 50px; color: #FFFFFF; background: #56849E url(../images/bg_basket.png) top right no-repeat; text-decoration: none; vertical-align: middle;}
ul#menu_basket li a.menu_off, ul#menu_commande li a.menu_off {display: table-cell; width: 239px; height: 50px; color: #FFFFFF; background: #56849E url(../images/bg_basketoff.png) top right no-repeat; text-decoration: none; vertical-align: middle;}
ul#menu_basket li a.menu_on, ul#menu_commande li a.menu_on {display: table-cell; width: 239px; height: 50px; color: #FFFFFF; background: #5ABBB4 url(../images/bg_basketon.png) top right no-repeat; text-decoration: none; vertical-align: middle;}
ul#menu_basket li a.menu_laston, ul#menu_commande li a.menu_laston {width: 233px; color: #FFFFFF; background: none; background-color: #5ABBB4;}

/**
 * Slide
 */
#slide {position: relative; margin: 0 auto; width: 956px; height: 170px; overflow: hidden;}
#slide #slide_prev, #slide #slide_next {position: absolute; border: 1px solid #D5D5E1; cursor: pointer; display: none; z-index: 90;}
#slide #slide_prev {top: 70px; left: 0px;}
#slide #slide_next {top: 70px; right: 0px;}
#slide .produit {position: absolute; width: 312px; height: 168px; background-color: #FFFFFF; border: 1px solid #D5D5E1; overflow: hidden;}
#slide .produit .produit_image {position: absolute; top: 7px; left: 7px; width: 152px; height: 152px; border: 1px solid #D5D5E1;}
#slide .produit .produit_pastille {position: absolute; top: 8px; left: 90px; width: 70px; height: 68px; z-index: 80;}
#slide .produit .produit_description {position: absolute; top: 7px; right: 7px; width: 137px; height: 105px; overflow: hidden;}
#slide .produit .produit_description h2 a {font-size: 13px; color: #555682; text-decoration: none;}
#slide .produit .produit_description p a {color: #555682; text-decoration: none;}
#slide .produit .produit_description h2 a:hover, #slide .produit .produit_description p a:hover {text-decoration: underline;}
#slide .produit .produit_tarifs {position: absolute; bottom: 7px; right: 7px; width: 137px; height: 45px; overflow: hidden;}
#slide .produit .produit_tarifs .produit_panier {position: absolute; bottom: 2px; left: 0px; width: 30px; height: 30px;}
#slide .produit .produit_tarifs .produit_prixbarre {position: absolute; bottom: 25px; right: 0px; width: 105px; font-size: 16px; color: #EA5D01; text-align: right; text-decoration: line-through;}
#slide .produit .produit_tarifs .produit_prix {position: absolute; bottom: 0px; right: 0px; width: 105px; font-size: 20px; color: #53B4BA; text-align: right;}

/**
 * Animation
 */
#anim {position:relative; margin: 0 auto; width: 956px; height: 170px; overflow: hidden;}
#anim #anim_prev, #anim #anim_next {position: absolute; border: 1px solid #D5D5E1; cursor: pointer; display: none; z-index: 90;}
#anim #anim_prev {top: 70px; left: 0px;}
#anim #anim_next {top: 70px; right: 0px;}
#anim .produit {position: absolute; width: 312px; height: 168px; background-color: #FFFFFF; border: 1px solid #D5D5E1; overflow: hidden;}
#anim .produit .produit_image {position: absolute; top: 7px; left: 7px; width: 152px; height: 152px; border: 1px solid #D5D5E1;}
#anim .produit .produit_pastille {position: absolute; top: 8px; left: 90px; width: 70px; height: 68px; z-index: 80;}
#anim .produit .produit_description {position: absolute; top: 7px; right: 7px; width: 137px; height: 105px; overflow: hidden;}
#anim .produit .produit_description h2 a {font-size: 13px; color: #555682; text-decoration: none;}
#anim .produit .produit_description p a {color: #555682; text-decoration: none;}
#anim .produit .produit_description h2 a:hover, #anim .produit .produit_description p a:hover {text-decoration: underline;}
#anim .produit .produit_tarifs {position: absolute; bottom: 7px; right: 7px; width: 137px; height: 45px; overflow: hidden;}
#anim .produit .produit_tarifs .produit_panier {position: absolute; bottom: 2px; left: 0px; width: 30px; height: 30px;}
#anim .produit .produit_tarifs .produit_prixbarre {position: absolute; bottom: 25px; right: 0px; width: 105px; font-size: 16px; color: #EA5D01; text-align: right; text-decoration: line-through;}
#anim .produit .produit_tarifs .produit_prix {position: absolute; bottom: 0px; right: 0px; width: 105px; font-size: 20px; color: #53B4BA; text-align: right;}

/**
 * Bandeau haut
 */
#bandeau_haut {position: relative; width: 970px; height: 143px; overflow: hidden;}
#bandeau_enfants {position: absolute; top: 62px; left: 75px; width: 600px; height: 76px; overflow: hidden; z-index: 50;}
#bandeau_enfants div {float: left; width: 150px; height: 76px;}
#bandeau_enfants div p {padding: 2px 0;}
#bandeau_enfants div p a {font-size: 11px; color: #545782; text-decoration: underline;}
#bandeau_enfants div p a:hover {text-decoration: none;}

/**
 * Formulaire
 */
form#formulaire {position: relative;}
form#formulaire .error {margin-top: 20px; padding: 5px; font-size: 12px; font-weight: bold; color: #B90000; background: #008DCD;}
form#formulaire #obligatoire {float: right; margin-right: 15px; font-style: italic;}
form#formulaire #obligatoire span {color: #E95701; font-weight: bold;}
form#formulaire p.chapitre {margin: 20px 0 10px 0; padding-left: 20px; font-weight: bold; height: 24px; border: 1px solid #D5D5E1; background: #EBEAF0;}
form#formulaire p.chapitre span {font-weight: normal;}
form#formulaire p {position: relative; padding-top: 10px;}
form#formulaire p label {padding-left: 20px;}
form#formulaire p input, form#formulaire p select, form#formulaire p textarea {position: absolute; top: 6px; left: 130px; border: 1px solid #CECEDB; padding: 2px; font: normal 11px Helvetica, Arial, Sans-serif;}
form#formulaire p input.long {width: 400px;}
form#formulaire p input.court {width: 120px;}
form#formulaire p input:focus, form#formulaire p select:focus, form#formulaire p textarea:focus {background: #EBEAF0;}
form#formulaire .p_textArea textarea.long {width: 400px; height: 78px;}
form#formulaire p label span {color: #E95701; font-weight: bold;}
form#formulaire p span.legende {display: block; position: absolute; top: 10px; left: 260px; color: #555682; font-weight: normal;}
form#formulaire #encart_newsletter {margin: 15px 0 0 130px;}
form#formulaire #encart_newsletter p {padding-right: 20px; font-weight: normal; font-size: 9px; text-align: justify;}
form#formulaire #encart_newsletter .newsletter_checkbox {font-size: 11px !important;}
form#formulaire #encart_newsletter .newsletter_checkbox input {position: static;}
form#formulaire #btn_submit {margin-top: 10px; padding: 5px 0 0 357px; border-top: 1px solid #EBEAF0;}
form#formulaire #btn_submit input.submit {width: 180px; font: normal 12px Helvetica, Arial, Sans-serif;}

form.formulaire {position: relative;}
form.formulaire .error {margin-top: 20px; padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #B90000;}
form.formulaire .obligatoire {float: right; margin-right: 15px; font-style: italic;}
form.formulaire .obligatoire span {color: #E95701; font-weight: bold;}
form.formulaire p.chapitre {margin: 20px 0 10px 0; padding-left: 20px; font-weight: bold; height: 24px; border: 1px solid #D5D5E1; background: #EBEAF0;}
form.formulaire p.chapitre span {font-weight: normal;}
form.formulaire p {position: relative; padding-top: 10px;}
form.formulaire p label {padding-left: 20px;}
form.formulaire p input, form.formulaire p select, form.formulaire p textarea {position: absolute; top: 6px; left: 130px; border: 1px solid #CECEDB; padding: 2px; font: normal 11px Helvetica, Arial, Sans-serif;}
form.formulaire p input.long {width: 400px;}
form.formulaire p input.court {width: 120px;}
form.formulaire p input:focus, form.formulaire p select:focus, form.formulaire p textarea:focus {background: #EBEAF0;}
form.formulaire .p_textArea textarea.long {width: 400px; height: 78px;}
form.formulaire p label span {color: #E95701; font-weight: bold;}
form.formulaire p span.legende {display: block; position: absolute; top: 10px; left: 260px; color: #555682; font-weight: normal;}
form.formulaire .encart_newsletter {margin: 15px 0 0 130px;}
form.formulaire .encart_newsletter p {padding-right: 20px; font-weight: normal; font-size: 9px; text-align: justify;}
form.formulaire .encart_newsletter .newsletter_checkbox {font-size: 11px !important;}
form.formulaire .encart_newsletter .newsletter_checkbox input {position: static;}
form.formulaire .btn_submit {margin-top: 10px; padding: 5px 0 0 357px; border-top: 1px solid #EBEAF0;}
form.formulaire .btn_submit input.submit {width: 180px; font: normal 12px Helvetica, Arial, Sans-serif;}

/**
 * Nb par page
 */
#nbpage {float: right; padding: 12px 18px 0 0;}
#nbpage p, #nbpage div {float: left;}
#nbpage p#nbpage_pretitre {padding: 4px 5px 0 0;}
#nbpage p#nbpage_posttitre {padding: 4px 0 0 5px;}
#nbpage div {padding: 3px; border: 1px solid #555684; background-color: #FFFFFF;}
#nbpage div span {color: #06C5C0; font-weight: bold;}
#nbpage div a {color: #555684; text-decoration: none;}
#nbpage div a:hover {color: #555684; text-decoration: underline;}

/**
 * Fil d'ariane
 */
h1#pageactuelle {display: none;}
#ariane {padding: 16px 0 0 18px; width: 952px; height: 27px;}
#ariane p#arianelien {font-size: 11px; font-style: normal; font-weight: normal;}

/**
 * Navigation
 */
.navpages {padding-top: 4px; padding-left: 18px; font-weight: bold; color: #06C5C0;}
.navpages a {color: #555684; text-decoration: none; font-weight: normal;}
.navpages a:hover {text-decoration: underline;}
.navpages span {padding-left: 1px;}
.navpages span.seppages {color: #555682;}
.navpages span.nolink {color: #555682; font-weight: normal;}
.navpages span.link {color: #555682; font-weight: normal;}
.navpages span.link a {color: #555682; text-decoration: underline;}
.navpages span.link a:hover {text-decoration: none;}
#navpages_haut {float: right; padding-right: 18px;}

/**
 * Encart aucun résultat
 */
#noresults {margin: 10px auto 0 auto; width: 948px; border: 1px solid #D6D4E1;}
#noresults p {padding: 20px 0; font-weight: bold; font-size: 18px; text-align: center; background: #FFFFFF;}

/**
 * Nuage de tag
 */
.nuage_tag {height: 220px; background-color: #FFFFFF; overflow: hidden;}
.nuage_tag p {line-height: 25px; text-align: center;}
.nuage_tag p a {text-decoration: none; font-weight: bold;}
.nuage_tag p a:hover {text-decoration: underline;}
.tagcloud1 {font-size: 9px; color: #555682;}
.tagcloud2 {font-size: 11px; color: #555682;}
.tagcloud3 {font-size: 13px; color: #555682;}
.tagcloud4 {font-size: 16px; color: #06C5C0;}
.tagcloud5 {font-size: 20px; color: #06C5C0;}
.tagcloud6 {font-size: 24px; color: #06C5C0;}

/**
 * Le guide
 */
#guide {margin: 0 10px; padding-bottom: 10px; width: 950px; background-color: #FFFFFF;}

#guide .guide_ligne {position: relative; margin: 20px 21px; width: 908px; height: 322px;}
#guide .ligne_detail {height: 442px;}
#guide .guide_col1 {position: absolute; top: 0; left: 0; width: 442px; height: 310px;}
#guide .guide_col2 {position: absolute; top: 0; right: 0; width: 442px; height: 310px;}
#guide .col_detail {height: 430px;}
#guide .animation {width: 442px; height: 219px;}
#guide .explication {width: 442px; height: 91px; background: #56AFB3 url(../images/bg_guide.png) repeat-x top left;}
#guide .explication_detail {height: 211px;}
#guide .guide_titre {padding: 19px 0 0 21px;}
#guide .guide_titre a {color: #FFFFFF; font-weight: bold; font-size: 16px; text-decoration: none;}
#guide .guide_titre a:hover {text-decoration: underline;}
#guide .guide_texte {padding-left: 21px; color: #FFFFFF; font-size: 12px;}
#guide .guide_detail {padding: 15px 21px 0 21px; color: #FFFFFF; font-size: 12px;}
#guide .guide_detail p {padding-top: 5px;}
#guide .btn_go {position: absolute; top: 234px; right: 21px; width: 57px; height: 57px;}

/**
 * Pied de page intérieur
 */
#footer_interieur {position: relative; width: 970px; height: 230px; background-color: #EBEAEF;}
#footer_interieur #footer_guide {position: absolute; top: 10px; left: 7px; width: 358px; height: 220px;}
#footer_interieur #footer_club {position: absolute; top: 10px; left: 372px; width: 368px; height: 220px;}
#footer_interieur #footer_nuage {position: absolute; top: 10px; left: 747px; width: 216px; height: 220px;}

/**
 * Pied de page général
 */
#piedpage {position: relative; width: 970px; min-height: 220px; background-color: #FFFFFF; margin-bottom: 8px; border-top: 10px solid #EBEAEF;}

#piedpage #menubas {position: absolute; top: 20px; left: 25px; width: 720px;}
#piedpage #menubas p {color: #555682;}
#piedpage #menubas p a {color: #555682; text-decoration: none;}
#piedpage #menubas p a:hover {text-decoration: underline;}

#piedpage #rubriquesbas {padding: 65px 0 10px 15px; width: 420px; overflow: auto;}
#piedpage #rubriquesbas .rubriquebas {float: left; padding-left: 10px; width: 129px; border-right: 1px solid #DDDDDD;}
#piedpage #rubriquesbas .rubriquebas p {height: 30px; font-size: 12px; font-weight: bold; color: #000000;}
#piedpage #rubriquesbas .rubriquebas ul {list-style-type: none;}
#piedpage #rubriquesbas .rubriquebas ul li {color: #000000; font-weight: bold;}
#piedpage #rubriquesbas .rubriquebas ul li a {color: #000000; text-decoration: none; font-weight: normal;}
#piedpage #rubriquesbas .rubriquebas ul li a:hover {text-decoration: underline;}

#piedpage #cartouchesbas {position: absolute; top: 65px; left: 490px; width: 300px;}
#piedpage #cartouchesbas .cartouchebas {float: left; width: 125px; padding-right: 25px;}
#piedpage #cartouchesbas .cartouchebas p {position: relative; top: 0; left: -14px; padding-bottom: 5px; font-weight: bold;}
#piedpage #cartouchesbas .cartouchebas ul li {padding-bottom: 5px; list-style-image: url(../images/ico_cartouchebas.png);}
#piedpage #cartouchesbas .cartouchebas ul li a {color: #555682; text-decoration: none;}
#piedpage #cartouchesbas .cartouchebas ul li a:hover {text-decoration: underline;}
#idealo {width: 31px; height: 31px}

#piedpage #logosbas {position: absolute; top: 20px; left: 753px; border: 7px solid #EFEFEF; border-collapse: collapse;}
#piedpage #logosbas td {width: 99px; height: 46px; border: 1px solid #EFEFEF; text-align: center;}
#piedpage #logosbas td img.complogo {width: 88px; height: 31px;}
#service_fianet {cursor: pointer;}

#piedpage #domaines {padding: 20px 15px 10px 15px; width: 940px; overflow: auto; text-align: center;}
#piedpage #domaines span {padding: 0 3px;}
#piedpage #domaines span a {color: #555682; text-decoration: none;}
#piedpage #domaines span a:hover {text-decoration: underline;}
