/*********** STYLES DE BASE **********/
/* --- Kiwii Development -------------- */

/* --- Reecriture des styles de base --- */
html { font-size: 100%; /* Evite un bug d'IE 6-7.*/ }
body { margin: 0; padding: 0; /*Remettre a zero si necessaire*/
font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: .8em; /* A adapter pour la police choisie. */
color: #fff; 
line-height: 1.4; /* A adapter au design. */
background: #000 url(img/bg_body.jpg) 50% 0 no-repeat; }

/* Titres */
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; /* Rapproche le titre du texte */ line-height: 1.2; font-weight: bold; /* Valeur par defaut*/ font-style: normal; }
h1 { font-size: 2.2em; font-weight: 100; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

ul, ol { margin: .75em 0 .75em 32px; padding: 0; }
p { margin: .75em 0; /* Marges plus faibles que par defaut.*/ }
address { margin: .75em 0;font-style: normal; }
em { font-style: italic; }
strong { font-weight: bold; }

/* Formulaires */
form, fieldset { margin: 0;padding: 0;border: none; }
input, button, select { vertical-align: middle; /* Solution pb. d'alignement.*/ }

/* Liens */
a { text-decoration: none; }
a:link { color: #999; }
a:visited { color: #fff; }
a:hover, a:focus, a:active { color: #AA7805; }
a img { border: none; }

/* Met en evidence les abreviations */
abbr, acronym { border-bottom: 1px dotted; cursor: help; }

/* Met en evidence les citations */
blockquote { margin: .75em 0 .75em 20px; padding: 0 0 0 10px; border-left: solid 2px #ddd; }
q { font-style: italic; quotes: none; /* Supprime les guillemets automatiques */ }
cite { font-style: italic; }
q cite, q q { font-style: normal }


/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p { margin: .5em 0; }

/* Styles de base pour les listes de definition */
dl { margin: .75em 0; }
dt { margin: .75em 0 0 0; font-weight: bold; }
dd { margin: .25em 0 .25em 32px; }

/* Mise en forme simple pour les tableaux */
table { margin: 0; border: 1px solid gray; /* Pas de bordure = "none". */ border-collapse: collapse; /* Valeur par defaut: "separate". */ border-spacing: 0; }
table td, table th { padding: 4px; /* Pas de retrait autour du texte = "0". */ border: 1px solid #ccc;
/* Pas de bordure = "none". */ vertical-align: top; /* Valeur par defaut: "middle" */ text-align: left; }

/* --- Initialisation des calques -------------- */

#page { width:1000px; margin: 0 auto 0 auto;}
#header #top h1 { color:blue; }
#colA { width:190px; float:left; color: #fff; margin: 0; padding: 0;}
#colA a { text-decoration: none; color: #fff; }
#colA a:hover { text-decoration: underline; color:  #AA7805; }
#colB { width:800px; float:left; color: #fff; margin-left: 10px; margin-top: 0px; padding-top: 0;  }
#footer { clear: both; text-align:center; font-size:  12px; line-height: 12px;}

/* --- Initialisation des calques -------------- */

.clear { clear: both; display: none; }

/* --- Calques -------------- */

#colA .decolA { padding: 0 6px 0 6px; margin-top: -36px; }
#colA .description { color: #999; line-height: 120%; font-style: italic; padding: 0 10px;}
#colA ul { list-style-type: square; }
#colA ul.autres_articles { list-style-type: none; margin: 0; }
#colA ul.autres_articles li { font-size: 12px; line-height: 14px; margin-bottom: 4px; border-bottom: 1px solid #141414; padding-bottom: 3px; }
#colA ul.autres_articles li a { color: #ccc; background-color: #222;  padding: 3px; display: block; }
#colA ul.autres_articles li a:hover { color: #AA7805;  padding: 3px; text-decoration: none; background-color: #000;  }
#colA h2 { color: #AA7805; }

#colA #easy-access { margin: 20px 0; }
#colA #easy-access input { font-weight: bold; }
#colA .localite { margin: 0 10px 10px 10px; border: 1px solid #141414; padding: 10px; font-size: 11px; }
#colA p.nuage { text-align: center; line-height: 140%; }
#colA .nuage a { color: #333; }

#colB .contenu { background: transparent url(img/bg_contenu.png) repeat-y; }
#colB .contenu p { padding: 10px; color: #ccc; }

#colB h2 { padding: 0 0 0 10px; margin-bottom: 0; margin-top: 0; }
#colB h2 a { color: #fff; }
#colB p { padding: 0; margin: 0; }
#colB .contenu .score { text-align: right; margin: -4px 20px 0 10px; color: #666; border-top: 1px solid #161616;  }

.recent-news { background-color: #141414; padding: 6px; }
.recent-news h3 { font-size: 1em; margin: 0; }
.recent-news p { line-height: 14px; color: #666; }


/* --- Formulaires de contact devis -------------*/

.contact form fieldset { border: 1px solid #F5E6E6; padding: 0 0 0 10px; }
.contact form p { font-size: 90%; padding: 5px 0; margin: 0; color: #6a757d; }
.contact form input { border: solid 1px #999; background: #ccc; }
.contact form label { display: block; padding: 0px 0 5px 0; }
.contact form label em { font-weight: bold; color: #9c0; font-style: normal; background-color: transparent; }
.contact form textarea { color: #000; border: solid 1px #999; background: #ccc; padding: 3px 2px; }
.contact form .textarea { position: absolute; width: 200px; padding: 0; margin: 0 0 0 194px; }
.contact form .checkbox { border: none; background: none; padding: 0; }
form .envoyer input { background: #fff; border: 0; }
p.envoyer { text-align: left; }
 
.contact table { color: #ccc; width: 560px; border: 1px solid #333; margin: 0 0 0 10px; }
.contact table th { border: 1px solid #333; text-align: center; color: #666; }
.contact table tr { border: 0; }
.contact table td { border: 1px solid #333; }

#ContactSentTrue, #ContactSentFalse { margin: 10px 0; padding: 10px; font-size: 1.2em; text-align: center; margin: 0 10px; width: 530px;  }
#ContactSentTrue { border: 3px solid #CEE7AB; color: #8FC73E; }
#ContactSentFalse { border: 3px solid #E0B1B1; color: #C06262; }


/******** STYLES PAR DEFAUT DE PLUME CMS **********/

#colB .tree { float: right; text-align: right; width: 800px; display:block; }
ol.tree { margin: 10px 0 20px 0; padding: 0; color: #666; }
ol.tree li { display: inline; list-style-type: none; padding-right: 0.4em; padding-left: 0; color: #666; }
ol.tree li a { color: #666; }
ol.tree li a:hover { color: #666; text-decoration: underline; }

/*
.feeds { background: transparent url("img/feeds.png") 4% 40% no-repeat; }
.sitemap { background: transparent url("img/sitemap.png") 0% 40% no-repeat; }
*/

input[type], textarea[name] { background: #fff; }
input[type=submit], input[type=reset] { background: #bbb; color: #000; }
input[type=submit]:hover { background: #999; color: #ccc; }

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */

.gallery-view { margin-top: -20px; }
div.gallery {}
div.gallery-top {}

div.gallery-bottom { clear: left; }
div.gallery-thumb a { float: left; display: block; }
img.gallery-thumb { margin: 0 0 10px 0; }
div.gallery-img { float: left; width: 200px; padding: 0 0 0 10px; margin: 0 10px 10px 0; }
p.gallery-legend { text-align: center; line-height: 100%; font-style: italic; color: #A5A569; font-size: 14px; }

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */

#sitemap { padding: 6px 20px; margin-bottom: 20px; }
#sitemap h1 { padding: 20px 0 0 0; font-weight: 200; color: #999; }
#sitemap h3 { font-size: 140%; border-bottom: 1px solid #999; padding: 0px 4px; }
#sitemap h3 a, #sitemap li.subcatlism a { color: #FFF; }
#sitemap li { font-size: 100%; color: #fff; }
#sitemap li.nodeco { list-style-type: none; }
#sitemap li.nodeco a { color: #999; }
#sitemap li.nodeco a:hover { text-decoration: underline }
#sitemap li.nodeco li { list-style-type: circle; color: #fff; }
#sitemap li.subcatlism { list-style-type: circle; color: #999; } 
#sitemap li.subcatlism p { padding: 10px 0 0 0; }  
#sitemap p { color: #666; font-size: 100%; font-style: italic; margin-top: -10px; }

img.px-left {margin:3px 12px 10px 0; float: left; display:block;}
img.px-center {margin:8px auto 8px auto; display: block;}
img.px-right {margin:3px 0 10px 12px; float: right; display:block;}


#footer address { color: #ccc; line-height: 130%; }