@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #333333; }

/* Pour ramener le contenu à 80% de largeur dans la page, question de dégager les côtés... */
#header, #menu ul, #pagesplash, #content, #partenaires ul, #developpeurs p, #footer p { width: 80%; margin: auto; }
/* ----------------------------- */

#header { padding: 12px 0 0 0; text-align: right; }
h1 { float: left; padding-top: 18px; }

#menu { clear: both; padding: 6px; color: #ffffff; background: #3073a3 url(medias/menu_bg.gif) top repeat-x; }
#menu ul li { display: inline; }
#menu a { padding: 7px 12px 6px 12px; color: #ffffff; text-decoration: none; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.9em; text-transform: lowercase; }
#menu a strong { font-size: 1.2em; font-weight: bold; }
#menu a:hover { background: #124a6d url(medias/menu_hover_bg.gif) bottom repeat-x; }
#menu ul #langage { float: right; }
#menu ul #langage a { padding: 6px 12px 8px 12px; }
#menu ul #langage a:hover { background: #3a104f url(medias/menu_langage_hover_bg.gif) bottom repeat-x; }

#pagehead { background: #00395d url(medias/pagehead_bg.gif) top repeat; color: #ffffff; line-height: 2; }

h2 { background: url(medias/h2_bg.gif) left top repeat-y; padding: 6px 8px 3px 18px; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #002d62; }

#content { padding: 24px 0 24px 0; }

a { color: #006699; }
a:hover, a:active, a:visited:hover { color: #0099CC; }
a:visited { color: #6b1055; }

#partenaires { clear: both; padding: 12px 0 12px 0; background: #6999c2 url(medias/partenaires_bg.gif) top repeat-x; color: #c8e1f5; text-align: center; }
#partenaires ul li { display: inline; float: left; width: 205px; margin: 0 10px 0 0; font-size: 0.7em; text-align: left; border-left: 1px solid #cccccc; }
#partenaires img { float: left; border: 0; margin: 0 6px 24px 10px;  }
#partenaires a { font-size: 1.2em; font-weight: bold; color: #ffffff; text-decoration: none; letter-spacing: 1px; }
#partenaires a:hover { text-decoration: underline; }
#partenaires ul #partenaires_intro { border-left: 0; text-align: right; padding-top: 12px; width: 90px; }

#developpeurs { clear: both; padding: 12px; background: #74a9ce url(medias/developpeurs_bg.gif) top repeat-x; color: #385467; font-size: 0.9em; text-align: justify; line-height: 1.2; }
#developpeurs a { padding: 0 3px 0 3px; color: #385467; font-weight: bold; text-decoration: none; text-transform: none; font-size: 1.0em; }
#developpeurs a:hover { color: #ffffff; text-decoration: underline; }
#developpeurs #progipaclogo { float: left; padding: 0 18px 0 0; margin: 0; }

#footer { clear: both; padding: 6px; text-align: right; font-size: 0.8em; color: #999999; }
#footer a { color: #666666; }
#footer a:hover { color: #000000; }

/* ----- page content ------- */

.twosplit { list-style: none; }
.twosplit li { float: left; width: 45%; padding: 0 2% 0 2%; color: #666666; text-align: justify; border-left: 1px solid #666666; font-size: 0.9em; }
.twosplit .separator { border-left: 1px solid #666666; width: 4%; }
.twosplit li strong { font-weight: bold; font-size: 1.2em; }

#content .centered { text-align: center; }
#content p { padding-bottom: 12px; }

#content ul { float: right; width: 55%; margin: 0 0 12px 48px; list-style: none; }
#content ul li { font-weight: bold; color: #4984b1; line-height: 3; }
#content ul li ul { float: none; margin-left: 24px; border-bottom: 1px solid #999999; width: 100%; }
#content ul li ul li { font-weight: normal; color: #666666; border-top: 1px solid #999999; line-height: 1.2; padding: 6px 12px 6px 12px; background-color: #ebf0ee; }

#content ol { margin: 12px 0 24px 24px; text-align: justify; }
#content ol li { margin-bottom: 12px; font-size: 0.9em; color: #666666; }

#accesslink { display: block; margin-right: 59%; background: #552059 url(medias/arrow_purple_left.gif) center left no-repeat; border: 2px solid #552059; padding: 12px 6px 12px 48px; margin-bottom: 18px; line-height: 1; color: #ffffff; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#accesslink strong { font-weight: bold; }
#accesslink:hover { background: #6d4170 url(medias/arrow_purple_left-over.gif) center left no-repeat; padding-left: 72px; }

#presentation_splash { background: url(medias/autoroutes.jpg) right top no-repeat; text-align: left; }
#presentation_splash ul { list-style: none; margin: 0 auto 18px 0; border-bottom: 1px solid #6495ba; display: table; }
#presentation_splash ul li { border-top: 1px solid #6495ba; }
#presentation_splash ul li em { font-weight: bold; font-size: 1.2em; }
#presentation_splash ul li a { color: #ffffff; text-decoration: none; padding: 3px 6px 3px 6px; background-color: #3a104f; /*#285e87;*/ font-size: 1.4em; }
#presentation_splash ul li a:hover { background-color: #5a306f; }
#presentation_splash h2 { text-align: left; }

#assureurs_splash { padding: 48px 0 0 12px; background: url(medias/gens_daffaires.jpg) top right no-repeat; }
#assureurs_splash p, #assureurs_splash_e p { padding-bottom: 24px; }
#assureurs_splash strong, #assureurs_splash_e strong { font-size: 1.2em; }
#assureurs_splash em { font-style: normal; line-height: 2.8; padding: 6px; background-color: #3a104f; border-top: 1px solid #7a508f; border-left: 1px solid #7a508f; border-right: 1px solid #0a002f; border-bottom: 1px solid #0a002f; letter-spacing: 1px; font-size: 0.9em; font-weight: bold; }
#assureurs_splash_e { padding: 48px 0 0 12px; background: url(medias/gens_daffaires-e.jpg) top right no-repeat; }

#recycleurs_splash { padding-top: 160px; background: url(medias/auto_bleue_bg.jpg) top right no-repeat; }

#assureurs_content, #recycleurs_content { padding-left: 24px; }

#assureurs_content p, #recycleurs_content p { line-height: 1.5; text-align: justify; padding-bottom: 12px; }

#contact_splash { padding: 6px 0 0 12px; background: url(medias/telephone.jpg) top right no-repeat; }
#contact_content { text-align: center; }
#map { float: right; margin-left: 24px; padding: 6px 0 12px 0; width: 375px; border: 1px solid #999999; background-color: #dddddd; }
#map iframe { margin: 12px; }
#contact_content .tel { font-size: 1.6em; font-weight: bold; letter-spacing: 2px; color: #6b1055; padding: 6px 0 12px 0; }
#contact_content .tel2 { padding: 0 0 18px; color: #666666; font-size: 0.9em; }
#contact_heures { border-width: 2px 0 2px 0; border-style: solid; border-color: #265777; background-color: #dbe5eb; padding-bottom: 8px; margin: 8px 400px 24px 8px; }
#contact_heures h3 { border-bottom: 1px solid #265777; text-transform: uppercase; color: #ffffff; background-color: #83a6bc; font-size: 1.1em; padding: 3px; margin: 0;  }
#contact_heures p { padding: 8px 0 0 0; }
#contact_heures em { font-size: 0.8em; font-style: normal; line-height: 1.5; padding-left: 8px; }
#entree { margin-top: 12px; }
#adresse { text-align: center; padding-top: 24px; line-height: 1.5; }
.individual { border-top: 1px solid #666666; line-height: 1.3; margin: 8px 400px 12px 8px; padding: 4px 0 4px 0; background-color: #eeeeee; }