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

body {margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; background-color:#f9f9fb}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {text-decoration:none;}

#wrapper {width:100%;background:url('/images/wrapper_background-new.gif') repeat-x top center #fff; text-align:center; height:100%}

#main {width:960px; margin:0 auto; overflow:hidden;}



/* Header and Navigation
---------------------------------------------------------------------------------------- */
#header {height:114px; text-align:left; position:relative;}
#header #logo {width:151px; height:98px; background:url('/images/pinoteau-logo-new.gif') no-repeat; position:absolute; left:8px;}
#header #logo span {display:none;}
#header h2 {color:#afbc22; font-size:24px; font-weight:bold; text-shadow:2px 2px 2px #FFFFFF, -2px -2px 2px #fff; position:absolute; top:22px; left:180px;}

#header #login {position:absolute; left:700px; top:10px;  text-align:right; width:220px;}
#header #login a, #header #login p {font-size:9px; color:#8c980f;}
#header #login a:hover {text-decoration:underline}

#header #site-wide-nav {position:absolute; left:700px; top:30px; text-align:right;}
#header #site-wide-nav a {font-size:9px; color:#8c980f; margin-right:15px;}
#header #site-wide-nav a:hover {text-decoration:underline}

#header #nav {position:absolute; left:180px; top:85px;}
#header #nav a {margin-right:14px; font-size:13px; font-weight:bold; color:#003986}
#header #nav a:hover, #header #nav a.actif {text-decoration:underline}

/* Home Image
---------------------------------------------------------------------------------------- */
#home-image {background:url('/images/home-image-background.gif') no-repeat top center; width:950px; height:347px; margin:0 auto; text-align:center;}
#home-image img {margin:15px 0 0 0;}

/* Home intro
---------------------------------------------------------------------------------------- */
#home-intro {width:906px; margin:10px auto; text-align:left;}
#home-intro h1 {font-size:18px; font-weight:bold; color:#8c980f;margin-bottom:5px;}
#home-intro p {font-size:14px; font-weight:bold; color:#666666; line-height:18px;}

/* Home News
---------------------------------------------------------------------------------------- */
#home-news {width:461px; height:363px; margin:5px 0 0 28px; background:url('/images/home-news-background.gif') top right no-repeat; text-align:left; float:left;}
#home-news h2 {font-size:18px; font-weight:bold; padding: 10px 0 8px 0}
#home-news h2 a {color:#003986}
#home-news h2 a:hover {text-decoration:underline}
.home-dots {background:url('/images/home-dots.gif') no-repeat; width:334px; height:3px;}
#home-news .news {width:430px; margin: 20px 0 0 0;}
#home-news .news h3 a {font-size:12px; color:#8c980f; font-weight:bold;}
#home-news .news h3 a:hover {text-decoration:underline}
#home-news .news p {font-size:11px; color:#666666;}
#home-news .news p em {font-size:9px; font-style:italic;}

/* Home Annonces
---------------------------------------------------------------------------------------- */
#home-annonces h2 {font-size:18px; font-weight:bold; padding: 20px 0 8px 0}
#home-annonces h2 a {color:#003986}
#home-annonces h2 a:hover {text-decoration:underline}
#home-annonces .annonce {width:430px; margin: 10px 0 0 0;}
#home-annonces .annonce h3 a {font-size:12px; color:#8c980f; font-weight:bold;}
#home-annonces .annonce h3 a:hover {text-decoration:underline}
#home-annonces .annonce p {font-size:11px; color:#666666;}
#home-annonces .annonce p em {font-size:9px; font-style:italic;}

/* Home Agenda
---------------------------------------------------------------------------------------- */
#home-agenda {width:425px; margin:5px 25px 0 0; float:right; text-align:left;}
#home-agenda h2 {font-size:18px;; font-weight:bold; padding: 10px 0 8px 0}
#home-agenda h2 a {color:#003986}
#home-agenda h2 a:hover {text-decoration:underline}
#home-agenda .agenda {clear:both;width:425px; margin: 15px 0 0 0;}
#home-agenda .agenda h3 { padding-top:7px;}
#home-agenda .agenda h3 a {font-size:12px; color:#8c980f; font-weight:bold;}
#home-agenda .agenda h3 a:hover {text-decoration:underline}
#home-agenda .agenda p {font-size:11px; color:#666666;}
#home-agenda .agenda .image {width:72px; height:63px; float:left; margin:0 10px 0 0;}

/* Home Documents
---------------------------------------------------------------------------------------- */
#home-documents {width:425px; margin:10px 25px 0 0; float:right; text-align:left;}
#home-documents h2 {font-size:18px; color:#003986; font-weight:bold; padding: 10px 0 8px 0}
#home-documents h2 a {color:#003986}
#home-documents h2 a:hover {text-decoration:underline}
#home-documents .documents {width:425px; height:25px; margin: 15px 0 0 0; padding:0 0 0 27px; background:url('/images/documents-icon.gif') no-repeat left;}
#home-documents .documents h3 a {font-size:11px; color:#8c980f; font-weight:bold;}
#home-documents .documents h3 a:hover {text-decoration:underline}
#home-documents .documents p {font-size:11px; color:#666666;}
#home-documents .documents p em {font-size:9px; font-style:italic;}


#footer-wrapper {clear:both; height:80px;width:100%; background:url('/images/footer-background.gif') repeat-x; text-align:center; margin:20px 0 0 0;}
#footer {margin:0 auto; width:908px; text-align:left}
#footer #left {float:left; margin:30px 0 0 0;}
#footer #right {float:right; margin:30px 0 0 0;}
#footer p {font-size:10px; color:#a4aac9;}
#footer p a {font-size:10px; color:#a4aac9;}
#footer p a:hover {text-decoration:underline}


/* Pages Structure
---------------------------------------------------------------------------------------- */
#colones-wrapper {width:906px; margin:25px auto 0 auto; text-align:center; background:url('/images/2-col-background.gif') no-repeat top center; overflow:hidden;}
#colone-gauche {float:left; width:658px; text-align:left;margin:15px 0;}
#colone-droite {float:right; width:188px; text-align:left; margin:15px 0;}
#colones-footer {clear:both; width:906px; margin:0 auto; text-align:center; background:url('/images/2-col-footer.gif') no-repeat top center; height:21px;}


/* Pages Style
---------------------------------------------------------------------------------------- */
#colone-gauche {color:#666666; font-size:14px;}

#colone-gauche h1 {color:#8c980f; font-size:16px; font-weight:bold; margin: 0 0 10px 0}
#colone-gauche p {margin: 0 0 10px 0}
#colone-gauche p span {font-size:12px;}
#colone-gauche h2 {clear:left; color:#9da921; font-size:16px; font-weight:bold; margin: 10px 0}
#colone-gauche h3 {clear:left; color:#adb92e; font-size:14px; font-weight:bold; margin: 10px 0}

#colone-gauche p a {color:#111170}
#colone-gauche p a:hover {text-decoration:underline}

#colone-gauche img {padding:4px; background:#fff; border:1px solid #cccccc; margin:0 10px 10px 0;}

#colone-gauche table {width:100%}
#colone-gauche table,th,td {border:1px solid #ccc; border-collapse:collapse;text-align:left;}
#colone-gauche th {background-color:#e0e0e0;color:#666;padding:5px 8px;}
#colone-gauche td {color:#666;padding:5px 8px;}

#plus-information {margin:40px 0 0 0;}
#plus-information .colone-gauche-dots {height:3px; width:648px; background:url('/images/colone-gauche-dots.gif') no-repeat;}
#plus-information ul {margin:10px 0;padding:0;}
#plus-information ul li {list-style:none; background:url('/images/plus-information-puce.gif') no-repeat left 50%;padding:0 0 0 15px; margin:3px 0 0 10px;}
#plus-information ul li a {color:#111170; font-size:12px; font-weight:bold;}
#plus-information ul li a:hover {text-decoration:underline; }


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

#colone-droite h5 a {color:#8c980f; font-weight:bold; font-size:14px;}
#colone-droite h5 a:hover {text-decoration:underline}
#sub-nav ul {margin:0;padding:0;}
#sub-nav ul li {list-style:none;margin:0;padding:0;}
#sub-nav ul li a {color:#111170; font-size:12px;}
#sub-nav ul li a:hover {text-decoration:underline; }
#sub-nav ul li a.active {font-weight:bold;}

#sub-nav ul li ul {margin:0 0 0 10px; font-style:italic;}


/* Nouvelles
---------------------------------------------------------------------------------------- */

#colone-gauche .nouvelle {margin:25px 0 0 0;}
#colone-gauche .nouvelle h2 {margin:0;}
#colone-gauche .nouvelle h2 a {color:#9da921; font-size:14px; font-weight:bold;}
#colone-gauche .nouvelle h2 a:hover {text-decoration:underline}
#colone-gauche .nouvelle p em {font-style:italic; font-size:12px;}


/* Agenda
---------------------------------------------------------------------------------------- */

#colone-gauche .agenda {margin:25px 0 0 0;}
#colone-gauche .agenda h2 {margin:0;clear:none; padding:5px 0 0 0;}
#colone-gauche .agenda h2 a {color:#9da921; font-size:14px; font-weight:bold;}
#colone-gauche .agenda h2 a:hover {text-decoration:underline}
#colone-gauche .agenda .image {width:72px; height:63px; float:left; margin:0 10px 0 0;}
#colone-gauche .agenda img {border:0;margin:0;padding:0;}


/* Documents
---------------------------------------------------------------------------------------- */
#colone-gauche .documents h2 {margin:0;clear:none; padding:0;}
#colone-gauche .documents h2 a {color:#9da921; font-size:14px; font-weight:bold;}
#colone-gauche .documents h2 a:hover {text-decoration:underline}
#colone-gauche .documents {height:25px; margin: 15px 0 0 0; padding:0 0 0 27px; background:url('/images/documents-icon.gif') no-repeat left;}
#colone-gauche .documents p em {font-size:9px; font-style:italic;}


/* Annonces classées
---------------------------------------------------------------------------------------- */

#colone-gauche .annonce {margin:25px 0 0 0;}
#colone-gauche .annonce h2 {margin:0;clear:none; padding:5px 0 0 0;}
#colone-gauche .annonce h2 a {color:#9da921; font-size:14px; font-weight:bold;}
#colone-gauche .annonce h2 a:hover {text-decoration:underline}
#colone-gauche .annonce .image {width:110px; height:110px; float:left; margin:0 10px 10px 0;}

#colone-gauche .image_list {width:110px; height:110px; float:left; margin:10px 20px 10px 0;}
.colone-gauche-dots {height:3px; width:648px; background:url('/images/colone-gauche-dots.gif') no-repeat;}

a.annonceur_email {display:block;background: url('/images/annonceur-courriel.gif') no-repeat left 50%; padding:12px 10px 0 35px;height:25px;font-weight:bold;width:150px;float:left;}
.annonceur_telephone {display:block;background: url('/images/annonceur-telephone.gif') no-repeat left 50%; padding:12px 10px 0 35px;height:25px;width:400px;float:right;text-align:left;}


/* Galerie
---------------------------------------------------------------------------------------- */

#colone-gauche .galerie {margin:25px 0 0 0;}
#colone-gauche .galerie h2 {margin:0;clear:none; padding:5px 0 0 0;}
#colone-gauche .galerie h2 a {color:#9da921; font-size:14px; font-weight:bold;}
#colone-gauche .galerie h2 a:hover {text-decoration:underline}
#colone-gauche .galerie .image {width:110px; height:110px; float:left; margin:0 10px 10px 0;}



/* Pagination
---------------------------------------------------------------------------------------- */

#pagination {width:658px;text-align:center;margin:20px 0 0 0;}