/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { behavior: url("../script/iepngfix.htc"); }
img { border: 0; }
img.left { float: left; }
img.right { float: right; }
/* TYPE */
body { font: 12px/18px arial; background-color: #fff; color: #333; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { cursor: help; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#browser-message { position: absolute; top: 0; left: 0; width: 99%; background: #ffea00; color: #000; padding: 4px; text-align: center; font-size: 12px; font-family: arial; }
/* PRINT */
@media print {
body, #main, #content { color: #000 !important; }
a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}
/*===========================================================================*/
html { }
/*===========================================================================*/
body { background-color: #ffffff; }
/*===========================================================================*/
#header { width: 960px; height: 144px; margin: 0 auto; }
#header div.two-column-left { width: 480px; height: 144px; float: left; }
#header #logo { border: none; margin: 8px 0 0 0; }
#header div.two-column-right { width: 480px; height: 144px; float: right; }
#header h1 { color: #000000; font-size: 10px; line-height: 10px; font-family: verdana; padding: 0; margin: 0; }
#header h2 { color: #AA4C0F; text-transform: uppercase; font-size: 17px; font-family: "Lato"; font-weight: 300; line-height: 20px; text-align: right; margin: 28px 10px 0 0; }
#header h3 { color: #8394AE; font-size: 38px; line-height: 48px; font-family: "Lato"; padding: 0; margin: 8px 8px 0 0; font-weight: 700; text-align: right; }
#header div.three-column-left { width: 320px; height: 144px; float: left; }
#header div.three-column-middle { width: 320px; height: 144px; float: left; }
#header div.three-column-middle img { display: block; float: right; }
#header div.three-column-right { width: 320px; height: 144px; float: left; }
/*===========================================================================*/
#navigation { height: 40px; width: 960px; margin: auto; border-top: 1px solid #8394AE; border-bottom: 1px solid #8394AE; }
#navigation ul { list-style-type: none; padding: 0; margin: 0; height: 40px; }
#navigation ul li { float: left; padding: 0; margin: 0; }
#navigation ul li.first { margin: 0 !important; }
#navigation ul li a { display: block; color: #627794; text-align: center; width: 136px; line-height: 30px; padding: 5px 0; font-family: "Lato"; text-decoration: none; font-size: 18px; font-weight: 700; text-transform: uppercase; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear; }
#navigation ul li a:hover { background-color: #627794; color: #FFFFFF; }
#navigation ul li a.active { background-color: #8394AE; color: #FFFFFF; }
#navigation ul li#nav-home-fr a { width: 104px; }
#navigation ul li#nav-home-fr a.active { background-color: #ffffff; color: #627794; }
#navigation ul li#nav-company-fr a { width: 128px; }
#navigation ul li#nav-coaching-fr a { width: 224px; }
#navigation ul li#nav-orthopedagogie-fr a { width: 200px; }
#navigation ul li#nav-formation-fr a { width: 144px; }
#navigation ul li#nav-resources-fr a { width: 144px; }
#navigation ul li#nav-contact-fr a { width: 160px; }
#navigation ul li ul { background-color: #ffffff; position: absolute; z-index: 90; width: 176px; height: auto; visibility: hidden; margin: -2px 0 0 0; border: 1px solid #627794; }
#navigation ul li:hover ul { visibility: visible; }
#navigation ul li ul li { float: none; height: auto; margin: 0 !important; padding: 0 !important; }
#navigation ul li ul li a { width: auto !important; line-height: 24px; padding: 4px 8px; margin: 0 !important; }
#navigation ul li ul li a:hover { background-color: #8394AE !important; background-image: none; color: #FFFFFF; }
#navigation ul li ul li a.active { background-color: #627794 !important; background-image: none; color: #FFFFFF; }
/*===========================================================================*/
#communication { height: 224px; width: 960px; margin: auto; }
#communication ul { margin: 0; padding: 0; list-style-type: none; }
#communication ul li { position: absolute; margin: 0; padding: 0; display: none; z-index: 5; }
#communication ul li a { display: block; width: 960px; height: 224px; }
#communication ul li a img { border: none; }
#communication li.active { display: block; z-index: 15; }
#communication li.last { z-index: 10; }
/*===========================================================================*/
#page-list { width: 960px; margin: 0 auto 0 auto; padding: 4px 0; font-family: arial; font-size: 14px; line-height: 24px; color: #ffffff; text-align: center; height: 24px; background-color: #8394AE; font-weight: bold; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; }
#page-list a { color: #ffffff; font-family: arial; text-decoration: none; padding: 0 0 4px 0; border-bottom: 4px solid #8394AE; }
#page-list a:hover { border-bottom: 4px solid #A94C0F; }
#page-list a.active { border-bottom: 4px solid #ffffff; }
/*===========================================================================*/
#page { background-color: #ffffff; margin: 0; padding: 0; }
/*===========================================================================*/
#content { width: 960px; margin: 0 auto; min-height: 512px; padding: 0; }
#content h2 { font-size: 36px; color: #AA4C0F; font-family: "Droid Sans"; font-weight: 400; line-height: 45px; margin: 12px 0 4px 0; }
#content h3, #content h3 a { font-size: 30px; color: #627794; font-family: "Droid Sans"; font-weight: 400; line-height: 38px; margin: 12px 0 4px 0; }
#content h4, #content h4 a { font-size: 24px; color: #8295AC; font-family: "Droid Sans"; font-weight: 400; line-height: 31px; margin: 12px 0 4px 0; }
#content p { font-size: 16px; font-family: arial; line-height: 22px; color: #777; margin: 8px 0 4px 0; }
#content ul { font-size: 16px; font-family: arial; line-height: 22px; color: #777; list-style-type: square; margin: 8px 0 4px 24px; }
#content ul li { padding: 0 0 0 8px; }
#content ol {}
#content ol li {}
#content div.todo { font-size: 16px; font-family: arial; line-height: 22px; color: #ff0000; margin: 8px 0 4px 0; font-weight: bold; }
#content div.ads-728x90 { width: 728px; height: 90px; margin: 32px auto 32px auto; }
#content div.ads-300x250 { width: 300px; height: 250px; }
/*===========================================================================*/
#home #home-column-left { width: 320px; float: left; }
#home #home-column-left img { display: block; margin: 96px 0 0 0; }
#home #home-column-middle { width: 320px; float: left; margin: 32px 0 0 0; }
#home #home-column-middle h2 { font-weight: 700; font-size: 28px; line-height: 32px; height: 104px; }
#home #home-column-middle p { }
#home #home-column-middle h3.button { margin: 32px 24px 0 16px; }
#home #home-column-middle h3.button a { display: block; background-color: #627794; color: #ffffff; line-height: 56px; text-align: center; border: 3px double #ffffff; font-size: 20px; font-family: "Oswald"; font-weight: 400; text-transform: uppercase; }
#home #home-column-middle h3.button a:hover { text-decoration: none; background-color: #8394AE; }
#home #home-column-right { width: 304px; float: right; margin: 32px 0 0 0; }
#home #home-column-right h2 { font-weight: 700; font-size: 28px; line-height: 32px; height: 104px; }
#home #home-column-right p { }
/*===========================================================================*/
#cart-list { border: 1px solid #d6d6d6; border-spacing: 0; border-collapse: collapse; margin: 8px auto 0 auto; }
#cart-list tr {}
#cart-list tr th { font-weight: bold; background-color: #f0f0f0; }
#cart-list tr td { }
#cart-list tr th, #cart-list tr td { border: 1px solid #d6d6d6; padding: 4px 6px; }
#cart-list tr th.date, #cart-list tr td.date { width: 128px; }
#cart-list tr th.time, #cart-list tr td.time { width: 64px; }
#cart-list tr th.place, #cart-list tr td.place { width: 160px; }
#cart-list tr th.description, #cart-list tr td.description { width: 368px; }
#cart-list tr th.price, #cart-list tr td.price { width: 160px; }
#cart-list tr td input.button { border: 1px solid #627794; width: 160px; padding: 1px 0; margin: 4px 0 0 0; background-color: #8394AE; font-weight: bold; color: #ffffff; cursor: pointer; }
#cart-list tr td select { border: 1px solid #d6d6d6; width: 160px; }
#cart-list tr td a.button { border: 1px solid #627794; width: 80px; padding: 4px 8px; margin: 0 auto; background-color: #8394AE; font-weight: bold; color: #ffffff; cursor: pointer; display: block; text-align: center; }
/*===========================================================================*/
#profile img.right { margin: 32px 0 0 24px; }
#profile div.services, #orthopedagogie div.services { width: 960px; height: 448px; margin: 24px 0 16px 0; }
#profile div.services div, #orthopedagogie div.services div { width: 304px; float: left; }
#profile div.services p, #orthopedagogie div.services p { height: 320px; }
#profile div.services #service-middle, #orthopedagogie div.services #service-middle { margin: auto 16px; }
#profile div.services h5.button, #orthopedagogie div.services h5.button { margin: 16px; }
#profile div.services h5.button a, #orthopedagogie div.services a { display: block; background-color: #627794; color: #ffffff; line-height: 32px; text-align: center; border: 3px double #ffffff; font-size: 16px; font-family: "Oswald"; font-weight: 300; }
#profile div.services h5.button a:hover, #orthopedagogie div.services a:hover { text-decoration: none; background-color: #8394AE; }
/*===========================================================================*/
#team div.team-member { clear: both; margin: 16px 0 0 0; min-height: 416px; }
#team div.team-member img.julie { float: right; margin: 0 0 0 24px; }
#team div.team-member img.genevieve { float: left; margin: 0 24px 8px 0; }
#team div.team-member img.anne-marie { float: right; margin: 16px 0 24px 24px; }
#team div.team-member img.martine { float: left; margin: 16px 24px 16px 0; }
#team div.team-member img.jocelyne { float: right; margin: 16px 0 24px 24px; }
/*===========================================================================*/
#media h3.block { width: 180px; float: right; margin: 32px 0 32px 24px }
#media h3.block span { display: block; }
/*===========================================================================*/
#testimonials blockquote { border-left: 4px solid #cccccc; padding: 0 8px; margin: 8px 0 4px 16px; }
#testimonials blockquote p.author { color: #444444; }
/*===========================================================================*/
#formation div.service { height: 224px; margin: 16px 0; }
#formation div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#ateliers div.service { height: 224px; margin: 16px 0; }
#ateliers div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#conferences div.service { height: 224px; margin: 16px 0; }
#conferences div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#strategies-apprentissage img.right { margin: 24px 0 0 -56px; }
h5.button-inscription { margin: 40px 0; width: 480px; }
h5.button-inscription a { display: block; background-color: #627794; color: #ffffff; line-height: 64px; text-align: center; border: 3px double #ffffff; font-size: 30px; font-family: "Oswald"; font-weight: 400; }
h5.button-inscription a:hover { text-decoration: none; background-color: #8394AE; }
/*===========================================================================*/
#mindmapping img.right { margin: 0 0 0 0; }
#mindmapping div.ads-300x250 { margin: 0 32px 0 24px; float: right; }
/*===========================================================================*/
#conference-cle-epanouissement-scolaire img.right { margin: 48px 0 0 0; }
/*===========================================================================*/
#conference-optimiser-passage-primaire-secondaire img.right { margin: 24px 0 0 0; }
/*===========================================================================*/
#coaching div.service { height: 224px; margin: 16px 0; }
#coaching div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#coaching-professionnel div.service { height: 224px; margin: 16px 0; }
#coaching-professionnel div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#coaching-personnel div.service { height: 224px; margin: 16px 0; }
#coaching-personnel div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#coaching-vie div.service { height: 224px; margin: 16px 0; }
#coaching-vie div.service img { float: left; margin: 0 16px 12px 0; }
/*===========================================================================*/
#orthopedagogie div.service { height: 224px; margin: 16px 0; }
#orthopedagogie div.service img { float: left; margin: 0 16px 12px 0; }
#orthopedagogie h3.button { margin: 40px 8px 40px 8px; }
#orthopedagogie h3.button a { display: block; background-color: #627794; width: 480px; color: #ffffff; line-height: 64px; text-align: center; border: 3px double #ffffff; font-size: 24px; font-family: "Oswald"; font-weight: 400; text-transform: uppercase; }
#orthopedagogie h3.button a:hover { text-decoration: none; background-color: #8394AE; }
/*===========================================================================*/
#bilan-eleve-difficulte img.right { margin: 0 0 0 24px; }
/*===========================================================================*/
#sante-optimale #usana-logo { margin: 0 0 0 0; }
#sante-optimale #difference-usana { margin: 16px auto 0 auto; display: block; }
#sante-optimale img.ads-960-128 { margin: 16px 0 0 0; }
#sante-optimale div.product-list { clear: both; width: 960px; }
#sante-optimale #content div.product { width: 240px; float: left; margin: 16px 0 16px 0; height: 436px; }
#sante-optimale #content div.product img { display: block; }
#sante-optimale #content div.product h3 { margin: 4px 6px; font-family: 'Oswald', arial; font-size: 18px; padding: 0; margin: 12px 0 8px 0; font-weight: normal; color: #5584a1; line-height: 24px; }
#sante-optimale #content div.product h3 a { text-decoration: underline; font-family: 'Oswald', arial; font-size: 18px; padding: 0; margin: 12px 0 8px 0; font-weight: normal; color: #5584a1; line-height: 24px; }
#sante-optimale #content div.product p { margin: 4px 8px; font-size: 11px; height: 100px; line-height: 15px; }
#sante-optimale #content div.product a.more { display: block; margin: 4px 0; width: 96px; font-size: 14px; font-family: 'Oswald', arial; color: #5584a1; }
#sante-optimale #content div.product a.more:hover { text-decoration: underline; }
#sante-optimale #content div.product div.shop { height: 34px; }
#sante-optimale #content div.product span.price { margin: 0px 4px 0 8px; font-size: 20px; font-weight: bold; line-height: 34px; float: left; }
#sante-optimale #content div.product a.addtocart { display: block; margin: 0 12px 0 0; float: right; width: 136px; height: 34px; text-align: center; font-family: 'Oswald', arial; color: #5584a1; font-size: 16px; padding: 0; line-height: 32px; background-image: url("http://www.produits-sante-naturels.com/img/buttons/ajouter-panier.jpg"); background-position: 0 0; background-repeat: no-repeat; text-transform: uppercase; }
#sante-optimale #content div.product a.addtocart:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -34px; }
/*===========================================================================*/
#contact div.contact-column-left { width: 304px; float: left; margin: 16px 0 32px 0; }
#contact div.contact-column-middle { width: 304px; float: left; margin: 16px 16px 32px 16px; }
#contact div.contact-column-right { width: 304px; float: left; margin: 16px 0 32px 0; }
#contact div.error-message { width: 944px; border: 4px solid #ff6666; background-color: #ffdddd; padding: 4px; margin: 16px 0 0 0; font-weight: bold; }
#content #contact_form_container {}
#content #contact_form_container ul { list-style-type: none; margin: 0; }
#content #contact_form_container ul li { margin: 8px 4px; padding: 0; }
#content #contact_form_container label { display: block; text-align: left; padding: 4px 4px 0 4px; line-height: 20px; font-weight: bold; font-size: 12px; }
#content #contact_form_container label.error { color: #ff0000; }
#content #contact_form_container input.textbox { border: 1px solid #d6d6d6; display: block; height: 17px; padding: 2px; width: 256px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container input.error, #content #contact_form_container textarea.error { border: 1px dotted #ff0000; }
#content #contact_form_container select.combo { border: 1px solid #d6d6d6; display: block; height: 22px; padding: 1px; width: 256px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container textarea { border: 1px solid #d6d6d6; resize: none; display: block; height: 128px; padding: 2px; width: 256px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container input.submit { margin: 16px 0 0 64px; }
#content #newsletter_form_container { margin: 12px 0 0 0; }
#content #newsletter_form_container div.fields-line { clear: both; margin: 8px 0 0 0; min-height: 28px; text-align: left; }
#content #newsletter_form_container ul { list-style-type: none; margin: 0; }
#content #newsletter_form_container ul li { margin: 8px 4px; padding: 0; }
#content #newsletter_form_container label { float: left; padding: 4px 4px 0 4px; line-height: 20px; font-weight: bold; font-size: 12px; width: 64px; }
#content #newsletter_form_container label.error { color: #ff0000; }
#content #newsletter_form_container input.textbox { border: 1px solid #d6d6d6; float: left; height: 17px; padding: 2px; width: 160px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #newsletter_form_container input.textbox_email { border: 1px solid #d6d6d6; float: left; height: 17px; padding: 2px; width: 216px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #newsletter_form_container input.error, #content #newsletter_form_container textarea.error { border: 1px dotted #ff0000; }
#content #newsletter_form_container input.submit { margin: 20px 0 0 32px; }
/*===========================================================================*/
#footer { height: 64px; border-top: 1px solid #8394AE; width: 960px; margin: 0 auto 0 auto; clear: both; }
/*===========================================================================*/
#footer #social { height: 24px; margin: 8px auto 0 auto; width: 112px; float: right; }
/*===========================================================================*/
#copyright { width: 960px; margin: auto; }
#copyright p { font-family: arial; font-size: 8pt; color: #627794; line-height: 100%; padding: 4px; margin: 2px 0 0 0; text-align: center; }
#copyright p a { color: #627794; text-decoration: none; }
#copyright p a:hover { text-decoration: underline; }
/*===========================================================================*/
#sitemap { width: 960px; margin: auto; height: 128px; border-bottom: 1px solid #000000; }
#sitemap ul { font-family: arial; font-size: 8pt; color: #000000; line-height: 150%; padding: 0; margin: 8px 0 0 8px; list-style-type: none; float: left; }
#sitemap ul.company { width: 108px; }
#sitemap ul.internet-strategy { width: 186px; }
#sitemap ul.web-marketing { width: 166px; }
#sitemap ul.resources { width: 146px; }
#sitemap ul.contact { width: 118px; }
#sitemap ul li { padding: 0; margin: 0; }
#sitemap ul li a { font-family: arial; font-size: 8pt; color: #000000; font-weight: bold; text-decoration: none; }
#sitemap ul li a:hover { text-decoration: underline; }
#sitemap ul ul { margin: 0; padding: 0 0 0 12px; float: none; }
#sitemap ul ul li { padding: 0; margin: 2px 0; }
#sitemap ul ul li a { font-family: arial; font-size: 8pt; color: #000000; font-weight: normal; }
/*===========================================================================*/
#signature { padding: 2px; margin: 0; text-align: center; font-family: arial; color: #8394AE; font-size: 8pt; font-weight: bold; }
#signature a { color: #8394AE; text-decoration: none; }