﻿/*  

Theme Name: Gazette Edition

Theme URI: http://www.woothemes.com/

Description: Gazette Edition by WooThemes

Version: 2.1.8

Author: WooThemes

Author URI: http://www.woothemes.com/



========= SETUP =========*/

* {

border:0;

margin:0;

padding:0;

}



body {

color:#666;

background-color:#ddd;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:18px;

}



a {

color:#000;

text-decoration:none;

}



a:hover {

text-decoration:underline;

}



input,select,textarea {

border:#ddd 1px solid;

font-size:12px;

padding:5px;

}



select {

padding:0;

}



li {

list-style:none;

}



/*========= LAYOUT =========*/

#page {

width:960px;

background-color:#FFF;

border:1px solid #CCC;

margin:5px auto;

}



/*--- Main Columns ---*/

#columns {

background-color:#FFF;

margin:0;

padding:15px 15px 25px;

}



.col1 {

float:left;

width:595px;

padding-right:15px;

}



.col2 {

float:left;

width:320px;

}



/*--- Sub Columns ---*/

.subcol {

width:150px;

}



.subcol h2 {

font-size:14px;

color:#FFF;

padding:0 0 10px;

}



/*========= HEADER =========

- Page Navigation -*/

#nav {

height:30px;

background-color:#FFF;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

width:930px !important;

margin:5px 15px 0 !important;

padding:2px 0 !important;

}



#nav-left {

float:left;

display:inline;

width:600px;

}



#nav-right {

float:right;

display:inline;

width:330px;

margin:0 !important;

padding:0 !important;

}



/*- Dropdowns-*/

#nav1,#nav1 ul {

float:left;

list-style:none;

padding:0;

}



#nav1 {

font-size:13px;

float:left;

padding:0;

}



#nav1 a {

display:block;

padding-left:15px;

padding-right:15px;

}



#nav1 li {

float:left;

line-height:30px;

font-weight:700;

font-size:11px;

text-transform:uppercase;

}



#nav1 li a:hover {

background:none;

text-decoration:none;

color:#fff;

}



#nav1 li ul {

position:absolute;

width:15em;

left:-999em;

padding-top:1px;

}



#nav1 li ul li {

background:#FFF;

border-bottom:1px solid #dedbd1;

border-left:1px solid #dedbd1;

border-right:1px solid #dedbd1;

line-height:28px;

width:300px;

}



#nav1 li ul ul {

border-top:1px solid #dedbd1;

margin:-29px 0 0 15em;

}



/*- Category Navigation -

- Nav / Dropdowns-*/

#nav2 {

font-size:14px;

float:left;

width:930px;

border-top:1px solid #DDD;

margin:0 0 15px 15px !important;

padding:0;

}



#nav2,#nav2 ul {

float:left;

list-style:none;

width:930px;

padding:0;

}



#nav2 a {

display:block;

padding-left:15px;

padding-right:15px;

font-weight:700;

}



#nav2 li {

float:left;

line-height:30px;

}



#nav2 li a:hover {

background:none;

text-decoration:none;

}



#nav2 li ul {

position:absolute;

width:15em;

left:-999em;

z-index:99999;

}



#nav2 li ul li {

background:#FFF;

border-bottom:1px solid #dedbd1;

border-left:1px solid #dedbd1;

border-right:1px solid #dedbd1;

line-height:28px;

width:15em;

}



#nav2 li ul ul {

margin:-29px 0 0 15em;

}



/*- Search -*/

#search {

float:right;

height:27px;

width:310px;

margin:3px 0 0 !important;

padding:0 !important;

}



* html #search {

margin-right:8px;

}



#search input {

background:#fff;

border:1px solid #ddd;

color:#000;

float:left;

font-size:11px;

width:223px;

margin:1px 0 0;

padding:3px 4px 4px;

}



#search .btn {

height:22px;

border:none;

width:69px;

margin:1px 0 0 5px !important;

padding:0;

}



/*- Header -*/

#header {

height:100px;

background-color:#fff;

margin:0 15px;

padding:0;

}



/*- Logo -*/

#header h1 {

float:left;

display:inline;

line-height:100px;

font-size:24px;

}



#header h1 a {

display:block;

height:93px;

width:389px;

color:#000;

font-size:28px;

}



/*- Top Banner -*/

#topbanner {

float:right;

width:468px;

padding:20px 0 0;

}



/*- RSS -*/

#rss a {

color:#666;

}



#rss h2 {

font-size:14px;

margin-bottom:10px;

padding:10px;

}



#rss ul {

float:left;

margin:0;

padding:10px;

}



#rss li {

border:none !important;

margin:0;

padding:5px;

}



#rss img {

float:right;

padding-left:10px;



margin-top:5px;

}



/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame {

background:#eee;

float:left;

width:583px;

height:auto;

border:1px solid #ddd;

margin:0;

padding:5px;

}



.video-left {

float:left;

width:285px !important;

display:inline;

background-color:#FFF;

}



.video-left p {

margin:0 !important;

padding:0 !important;

}



.video-left h2 {

display:none;

}



.video-right {

float:right;

width:273px;

min-height:214px;

display:inline;

background-color:#FFF;

padding:10px;

}



.video-right h2 {

color:#000;

font-size:11px;

line-height:normal;

font-weight:700 !important;

margin:0 !important;

padding:0 0 5px;

}



.video-right p {

color:#666;

font-size:11px;

line-height:12px;

margin:10px 0 0;

padding:0 0 20px;

}



.video-right h3 {

font-style:normal !important;

font-weight:700;

font-size:18px;

line-height:20px;

padding-bottom:0;

}



.video-right .mootabs_title {

border-top:1px solid #FFF;

list-style:none;

margin:0;

padding:0;

}



.video-right .mootabs_title li {

color:#000;

font-weight:400;

font-size:11px;

text-decoration:none;

display:block;

border:1px solid #ddd;

background:#f7f7f7;

line-height:10px;

cursor:pointer;

margin:0 0 5px;

padding:10px;

}



.video-right .mootabs_title li:hover,.video-right .mootabs_title li.active {

background:#ddd url(images/ico-watch.gif) right center no-repeat !important;

}



/*========= BLOG POST STYLING =========

=== Small Box Post ===*/

.post {

margin:0;

}



.post h2 {

font-size:18px;

padding:0 0 5px;

}



.post h3 {

font-size:14px;

}



.post p {

line-height:15px;

padding:0 0 15px;

}



.post h5 {

font-size:24px;

}



/*- Box -*/

.box {

clear:both;

height:1%;

margin:0;

padding:0;

}



.box .post {

width:288px;

background-color:#fff;

border:1px solid #ddd;

}



.box .post h2 a {

color:#333;

}



.box .post h2 {

font-size:18px;

line-height:20px;

padding:10px;

}



.box .post p {

font-size:11px;

padding:5px 10px;

}



.box .post img {

border:1px solid #ddd;

background-color:#FFF;

float:right;

margin:10px;

padding:5px;

}



/*=== Traditional Blog Post ===*/

.post-alt {

margin:0 0 15px;

}



.post-alt h2 {
font-size:22px;
color:#000;
line-height:26px;
padding:0;
margin-top: 5px;
}



.post-alt h3 {
text-decoration:underline;
font-size:15px;
padding-bottom:5px;
line-height:18px;
color:#739630;

}



.post-alt h4 {

font-size:14px;

padding-bottom:5px;

line-height:16px;

}



h3.related_post_title {

color:#828282;

font-size:14px;

line-height:18px;

padding-bottom:5px;

font-weight:700;

}



ul.related_post {

text-decoration:underline;

color:#828282;

font-size:14px;

line-height:18px;

padding-bottom:5px;

font-weight:700;

}



li.related_post {

list-style-type:none !important;

}



li.related_post a {

text-decoration:underline;

color:#828282;

font-size:12px;

line-height:14px;

font-weight:700;

}



div.sociable_tagline {

text-decoration:none;

color:#828282;

font-size:14px;

line-height:16px;

font-weight:700;

}



.post-alt p {

padding:0 0 15px;

}



.post-alt p.post_date {

color:#999;

font-size:11px;

font-weight:400;

padding:5px 0 10px;

}



p.posted {

font-size:11px;

color:#666;

font-style:normal;

font-weight:400;

line-height:15px;

background-color:#eee;

margin-top:10px;

text-align:right;

border-top:1px solid #ddd;

clear:both;

padding:5px;

}



h3.posted a {

color:#000;

font-size:11px;

}



.box .post h3.posted {

border-bottom:none;

}



.author_info {

float:left;

width:573px;

background-color:#eee;

border:1px solid #ccc;

margin-bottom:15px;

padding:10px;

}



.author_info h3 {

margin-bottom:10px;

}



.author_photo {

float:right;

background-color:#fff;

margin:0 0 0 10px;

}



.author_photo img {

border:1px solid #666;

}



/*=== Buttons ===*/

.continue {

background:url(images/ico-arrow.gif) no-repeat left;

font-weight:700;

padding-left:15px;

}



.comments {

padding-bottom:0 !important;

}



.comments a {

background:url(images/ico-comm.gif) no-repeat left;

color:#000;

font-weight:400;

font-size:11px;

margin-left:5px;

padding:0 0 0 18px;

}



a.more {

background:url(images/ico-arrow2.gif) no-repeat right;

color:silver;

font-size:1.2em;

font-weight:700;

padding:0 20px 0 0;

}



/*=== Traditional Blog Post ===*/

.navigation {

width:595px;

margin-bottom:15px;

float:left;

border-top:1px solid #eee;

border-bottom:1px solid #eee;

padding:15px 0;

}



.navigation a {

color:#000;

font-size:1em;

font-weight:700;

}



.alignleft {

display:inline;

float:left;

margin-right:15px;

}



.alignright {

display:inline;

float:right;

margin-left:15px;

}



/* Using 'class="alignright"' on an image will (who would've



thought?!) align the image to the right. And using 'class="centered',



will of course center the image. This is much better than using



align="center", being much more futureproof (and valid) */

img.wp-smiley {

border:none !important;

padding:0;

}



img.centered {

display:block;

margin-left:auto;

margin-right:auto;

}



#archivebox h4,#archivebox h3,#archivebox h2 {

color:#333;

margin-top:10px;

}



.archivefeed {

margin-top:-17px;

padding-bottom:0;

float:right;

}



.archivefeed a {

background:url(images/ico-arcfeed.gif) center left no-repeat;

height:20px;

color:#000;

font-size:11px;

font-weight:400;

padding:3px 0 1px 22px;

}



.arclist {

width:260px;

border-bottom:1px solid #eee;

margin:0 0 25px;

padding:5px 0 0;

}



.arclist h2 {

color:#000;

padding:0 0 15px;

}



.arclist ul li {

color:silver;

font-size:12px;

border-top:1px solid #eee;

padding:8px 0 8px 10px;

}



/*========= SINGLE POST SPECIFIC =========*/

.singletags {

margin-top:5px;

}



.singletags a {

font-weight:400 !important;

text-decoration:underline;

color:#000;

}



.entry p {

text-align:justify;

font-size:12px;

line-height:18px;

}



.entry blockquote {

border:1px solid #ddd;

color:#000;

width:85%;

background-color:#f7f7f7;

font-style:italic;

margin:5px auto 15px;

padding:10px;

}



.entry blockquote p {

font-size:12px;

line-height:20px;

margin:5px 0;

padding:5px 0;

}



.entry img {

border:1px solid #ddd;

background-color:#FFF;

padding:4px;

}



p.wp-caption-text {

text-align:center;

font-size:1.2em;

font-style:italic;

color:#000;

margin:0;

padding:0 0 15px;

}



.entry ul,.entry ol {

margin-bottom:15px;

font-size:12px;

line-height:20px;

}



.entry ul li ul,.entry ol li ol {

margin-bottom:0;

padding-top:3px;

}



.entry ul li {

list-style:circle inside !important;

margin-left:15px;

padding:3px 0;

}



.entry ul li ul li {

list-style:disc inside !important;

}



.entry ol li {

list-style:decimal inside !important;

font-size:12px;

padding:3px 0;

}



.entry ol li ol li {

list-style:decimal-leading-zero inside !important;

}



/*========= COMMENTS =========*/

h2.commh2 {

font-size:1.5em;

font-weight:700 !important;

color:#000;

margin:0 0 15px;

padding:0 0 5px;

}



ol.commentlist {

list-style:none;

font-size:12px;

line-height:20px;

margin:10px 0 20px;

padding:0;

}



ol.commentlist cite {

font-style:normal;

font-weight:700;

}



ol.commentlist li {

border:1px solid #eee;

margin:10px 0;

padding:15px 10px 10px;

}



ol.commentlist li.alt {

background:#f7f7f7;

border:1px solid #eee;

padding:10px 10px 0 !important;

}



.comment {

width:595px;

float:left;

margin-bottom:15px;

}



/*========= THREADED COMMENTS =========*/

ol.commentlist .comment-meta {

font-size:0.8em;

}



ol.commentlist li .even {

background:#fff;

}



.commentlist li ul li {

margin-left:10px;

margin-right:-5px;

}



ol.commentlist li .reply {

padding:0 0 5px;

}



/* PageNavi */

.more_entries {

font-size:11px;

}



.more_entries .wp-pagenavi {

clear:both;

float:right;

}



.more_entries .wp-pagenavi a {

text-decoration:none !important;

}



.more_entries .wp-pagenavi .current,.more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi a:hover {

background:#9f9f9f !important;

}



.more_entries .wp-pagenavi a,.more_entries .wp-pagenavi a:link,.more_entries .wp-pagenavi a:visited,.more_entries .wp-pagenavi .current,.more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi span.pages {

background:#EEE;

color:#666;

margin-left:4px;

border:1px solid #DDD;

line-height:24px;

padding:4px !important;

}



.more_entries .wp-pagenavi .extend {

background:none;

border:none;

}



/*========= SIDEBAR =========

 Tabs */

#tabs {

width:308px !important;

height:auto !important;

border:1px solid #ddd;

background-color:#eee;

float:left;

display:block;

padding:5px;

}



.inside {

width:293px !important;

border:1px solid #ddd !important;

background-color:#FFF;

margin:5px 0 0 !important;

padding:5px !important;

}



ul.wooTabs {

width:100%;

padding:0 0 7px;

}



ul.wooTabs li {

float:left;

display:inline;

line-height:34px;

background:#fff;

color:#000;

border:1px solid #ddd;

font-weight:700;

font-size:11px;

cursor:pointer;

margin:0 !important;

}



ul.wooTabs li a {

line-height:31px;

color:#000 !important;

display:block;

float:left;

padding:0 6px;

}



ul.wooTabs li a.selected,ul.wooTabs li a:hover {

text-decoration:none;

color:#fff !important;

}



#tagcloud {

padding:10px;

}



#sub img {

float:right;

margin:0 0 8px 8px;

}



div.img-dossier img {

width:595px;

margin:0 !important;

padding:0;

}



.inside li {

border-bottom:1px solid #EEE;

padding:8px;

}



.inside li img.avatar,.inside li img.thumbnail {

border:1px solid #ddd;

background-color:#fff;

float:left;

margin:0 8px 0 0;

padding:3px;

}



/*- Ads -*/

#mpu_banner {

width:300px;

height:250px;

background-color:#eee;

margin-bottom:15px;

border:1px solid #ddd;

padding:9px;

}



#advert_125x125 {

padding-left:14px;

}



#advert_125x125 img {

border:1px solid #ddd;

margin:0 14px 14px 0;

padding:5px;

}



.widget h3 {

padding:5px;

}



.widget ul {

border:none !important;

margin:0 0 10px;

padding:5px 0;

}



.widget ul li {

border-bottom:1px solid #eee;

margin:0;

padding:5px 0 5px 5px;

}



.widget select {

border:1px solid #eee;

width:148px;

margin:15px 0 0;

}



/*========= FOOTER =========*/

#footer {

clear:both;

color:#666;

height:35px;

line-height:35px;

background-color:#f7f7f7;

border:1px solid #ddd;

margin:0 15px 15px;

padding:0 15px;

}



#footer img {

vertical-align:middle;

margin-left:5px;

}



/*========= MISC =========*/

.fix {

clear:both;

height:1px;

overflow:hidden;

margin:0 0 -1px;

}



.hl {

border-bottom:2px solid #eee;

}



.hl-full {

float:left;

clear:both;

height:1px;

width:100%;

margin:0 0 15px;

padding:0 !important;

}



.hl2 {

border-bottom:3px solid silver;

}



.hl3 {

border-bottom:1px solid #eee;

}



.blog {

width:100% !important;

float:left;

}



.between {

height:2px;

margin-bottom:15px;

}



.ac {

text-align:center;

}



.ar {

text-align:right;

}



.th {

border:1px solid #ddd;

float:right;

background-color:#FFF;

margin:0 0 5px 10px;

padding:5px;

}



table#wp-calendar {

border-collapse:collapse;

margin:0;

padding:0;

}



table#wp-calendar caption {

font-weight:400;

font-size:0.91667em;

line-height:1.72727em;

text-transform:uppercase;

letter-spacing:2px;

background:#e5e5e5;

border-bottom:1px dotted #ddd;

}



table#wp-calendar th {

width:26px;

font-size:0.91667em;

line-height:1.72727em;

background:#f2f2f2;

border-bottom:1px dotted #ddd;

text-align:center;

}



table#wp-calendar td {

width:26px;

line-height:1.66667em;

color:#999;

text-align:center;

}



table#wp-calendar td#next,table#wp-calendar td#prev {

width:78px;

font-size:0.83333em;

letter-spacing:1px;

text-transform:uppercase;

}



.jdGallery a {

cursor:pointer !important;

}



.full {

width:930px;

}



.green-line-full-size {

width:590px;

height:5px;

border-bottom:5px solid #469f04;

margin:5px 0 0;

}



.green-line-full-size2 {

border-bottom:5px solid #739630;

color: #739630 !important;

}





.green-line-half-size {

width:325px;

height:5px;

border-bottom:5px solid #469f04;

margin:5px 0 0;

}



.ref2 {

font-style:normal;

}



.gras {

font-weight:700;

}



.texte-centre-gras {

text-align:center;

font-weight:700;

}



#nav1 li:hover ul,#nav1 li.sfhover ul,#nav2 li:hover ul,#nav2 li.sfhover ul {

left:auto;

z-index:1000;

}



#nav1 li:hover,#nav1 li.hover,#nav2 li:hover,#nav2 li.hover {

position:static;

}



#nav1 li:hover ul ul,#nav1 li.sfhover ul ul,#nav1 li:hover ul ul,#nav1 li:hover ul ul ul,#nav1 li.sfhover ul ul,#nav1 li.sfhover ul ul ul,#nav2 li:hover ul ul,#nav2 li.sfhover ul ul,#nav2 li:hover ul ul,#nav2 li:hover ul ul ul,#nav2 li.sfhover ul ul,#nav2 li.sfhover ul ul ul {

left:-999em;

}



#nav1 li:hover ul,#nav1 li li:hover ul,#nav1 li.sfhover ul,#nav1 li li.sfhover ul,#nav1 li:hover ul,#nav1 li li:hover ul,#nav1 li li li:hover ul,#nav1 li.sfhover ul,#nav1 li li.sfhover ul,#nav1 li li li.sfhover ul,#nav2 li:hover ul,#nav2 li li:hover ul,#nav2 li.sfhover ul,#nav2 li li.sfhover ul,#nav2 li:hover ul,#nav2 li li:hover ul,#nav2 li li li:hover ul,#nav2 li.sfhover ul,#nav2 li li.sfhover ul,#nav2 li li li.sfhover ul {

left:auto;

}



#topbanner img,.fr {

float:right;

}



.post h3 a,.post h5 a,.post-alt h3 a,.post-alt h2 a,#archivebox a,#archivebox h2,.widget ul li a,table#wp-calendar a {

color:#000;

}



ul.post-categories-img,li.post-categories-img {

display:inline;

}



#archive-a-propos,#archive-dossiers,#archive-forums,#archive-annuaires,#archive-sponsoring,#archive-plan-du-site,#archivebox {

margin-bottom:15px;

color:#000 !important;

padding:10px;

}



#archive-a-propos h2,#archive-dossiers h2,#archive-forums h2,#archive-annuaires h2,#archive-sponsoring h2,#archive-plan-du-site h2 {

color:#637d37;

margin-top:10px;

}



#archivebox h4 em,#archivebox h2 em,#archivebox h3 em,#archivebox-single-post h4 em,#archivebox-single-post h2 em,#archivebox-single-post h3 em,.ref1 {

font-weight:400;

}



.arclist ul,.wp-caption img,.widget {

margin-bottom:15px;

}



ol.commentlist p,#respond p {

margin-bottom:10px;

line-height:20px;

}



ol.commentlist li .avatar,.gravatar {

float:left;

border:1px solid #000;

margin-right:10px;

}



#flickr .wrap,.textwidget {

padding-top:15px;

}



.flickr_badge_image img,.fl {

float:left;

}



.texte-centre {

text-align: center;

}



.texte-centre-vert {

text-align: center;

color: #008000; 

}





.guillemet {

color: #008000;

font-size:14px;

} 



.texte-droite {

text-align: right;

}

.texte-justifie {

text-align: justify;

}



.texte-justifie-italique {

text-align: justify;

font-style:italic;

}



.nomenclature-epis {

font-size:14px;

background-color: #cccc9a;

margin-bottom:15px;

}



.nomenclature-epis tr {

height:50px;

}

.question {

font-weight:bold;

font-style:italic;

}





.nomenclature-epis .epis-left {

width:100px;

font-weight:bold;

}



.activites {

width:500px;

}

 

.activites th {

font-weight:bold;

}

.activites .orange {

background-color:#fecd96;

}



.texte-vert {

color: #008000;

font-size:14px;

}



.chiffres-verts {

color: #008000;

font-size:14px;

font-weight:bold;

}



.capacite-hebergement {

width:550px;

font-weight:bold;

}



.capacite-hebergement caption {

font-size:16px;

}



.capacite-hebergement .lignes-bleues {

background-color:#cce1ec;

}

.capacite-hebergement .cell-centre {

text-align:center;

}



.repartition-etrangers {

width:550px;

border-collapse:collapse;

margin-top:10px;

}



.repartition-etrangers caption {

font-size:16px;

font-weight:bold;

}



.repartition-etrangers td {

text-align:center;

border: 1px solid #cce1ec;

}



.repartition-etrangers th {

background-color:#cce1ec;

}



.chiffres-tourisme {

width:550px;

border-collapse:collapse;

margin-top:10px;

}



.chiffres-tourisme td {

border: 1px solid #cce1ec;

}



.chiffres-tourisme th {

background-color:#cce1ec;

}



.chiffres-tourisme .cell-centre {

text-align:center;

}



.chiffres-tourisme caption {

font-size:16px;

font-weight:bold;

}





.annuaire-cell-gauche {

width: 332px;

text-decoration:underline;

height:25px;

}



.annuaire-cell-milieu {

text-align: center;

width: 136px;

height:25px;

}



.annuaire-cell-droite {

text-align: center;

width: 138px;

height:25px;

}



.annuaire-cell-gauche a:hover, .annuaire-cell-gauche a:visited  {

color:#008000 ;

}



#header .titre-site {

width:400px;

margin:40px 0 0 20px;

color:#008000 ;

font-size:14px !important;

font-weight:bold;

float:right;

}



.infos-annuaires {

width:595px;

border-collapse:collapse;

margin:10px 0 10px 0;

}



.infos-annuaires td {

border:3px solid #828380 ;

padding:5px 5px 5px 5px;

}



.infos-annuaires .left {

width:190px;

font-size:14px;

font-weight:bold;

text-decoration:underline;

}



.abritel {

width:550px;

border-collapse:collapse;

margin:10px 0 10px 0;

}



.abritel td, .abritel th {

border:3px solid #828380 ;

padding:5px 5px 5px 5px;

text-align:center;

}



.img-annuaire {

width:50%;

float:left;

}



.img-annuaire img {

margin:10px 0 0 40px;

}

/* TABLE */

.table_annuaire{
border:3px solid #6495ed;border-collapse:collapse;width:30%;margin:left;
}

.table_annuaire td{
border: thin solid #6495ed;
width: 10%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}


