@charset "utf-8";

/* -------------------------------------------------------------
======	PREALABLE
------------------------------------------------------------- */

img {border: 0;}
.clear {clear:both;}
.clearfix {height:1%}
.clearfix:after {content:"."; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.justify {text-align: justify;}
.spip_documents {margin: 0 0 20px 0;}


/* -------------------------------------------------------------
======	TYPO (plus encore de typos dans typo.css)
------------------------------------------------------------- */

/* Titraille / Intertitres
-------------------------------------------------*/

h1,h2,h3,h4,h5,h6{font-weight: normal; font-family: "Monotype Corsiva"; text-align: left;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {background: none;}

/* h1 - spécificités */
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#333; text-decoration: none; background: none;}
h1 {margin:0 0 8px 0; font-size: 30px; color: #7f6749; line-height: 0.9;}
h1.marge {margin:0 0 17px 0;}
h1.marge a{ color: #7f6749;}
h1 a {color:#333; text-decoration: none;}

/* h2 - spécificités */
h2 {margin:0 0 7px 0; font-size: 25px; color: #7c5734; line-height: 0.9;}
h2.marge {margin:0 0 14px 0;}
h2 a{color: #7c5734;}

/* h3 - spécificités */
h3 {margin:0 0 8px 0; font-size: 22px; color: #111; line-height: 0.9;}
h3.spip {margin: 25px 0 8px 0; font-size: 22px; color: #111; line-height: 0.9;}

/* h4 - spécificités */
h4 {margin:0 0 8px 0; font-size: 0.9em; color: #7c5734; line-height: 0.9;}
h4 a.on{color: #7c5734;}

/* h5 - spécificités */
h5 {margin:0 0 8px 0; font-size: 0.9em; color: #343434; line-height: 0.9; font-weight: bold; margin: 0; color: #343434; font-family: "Times New Roman", times, serif;}

/* h6 - spécificités */
h6 {margin:0 0 8px 0; font-size: 1em; line-height: 0.9; margin-bottom: 2px; font-weight: 700;}


hr {height: 1em; height: 1px; margin: 0 0 20px 0; padding: 0; background-color: #656564; border: 0;}
#maincontent hr {height: 1em; height: 1px; margin: 0 0 20px 0; padding: 0; background-color: #7f6749; border: 0;}

/* Paragraphes
-------------------------------------------------*/
p, .p, dl, dd, blockquote, address, pre, table, fieldset {margin-bottom: 1.5em;}

/* Liens
-------------------------------------------------*/
a:link, a:visited {color: #cc3333; text-decoration: none;}
a:hover, a:active {color: #cc6666;}

a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";}
@media print {
  a, a:visited {color: #222222; text-decoration: underline;}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} /* Cacher les liens pour les images, ou les liens javascript/internes */
}

/* Listes
-------------------------------------------------*/
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul {margin-top: 0; margin-bottom: 0;}

li {list-style-type:none;}

dl dt {font-weight: bold;}

tfoot {font-style: italic;}

/* -------------------------------------------------------------
======  FORMATAGE DES TABLEAUX 
-------------------------------------------------------------*/

table {}
table.spip {border: 1px solid #666; margin: 0; padding: 0; text-align: center; border-collapse:collapse; width: 100%;}
caption {background: #F0F;}
th {font-weight: bold;}
thead th {background: #DDD;}
th,td,caption {padding: 7px 0;}
td {border: 1px solid #666; margin: 0; padding: 2px; vertical-align:middle;}
td:first-child {text-align:left; padding: 0 0 0 5px;}
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td {background: #f2f3f4;}


/* -------------------------------------------------------------
======	BASE & STRUCTURE
------------------------------------------------------------- */

html, body {font-size: 100%; height: 100%;}
body {background: #282828 url(../images/background.jpg) repeat; margin: 0; padding: 0; text-align: center;}

#page  {margin: 3px auto 0em auto; min-height: 100%; display: block; box-shadow: 0px 0px 9px 1px #555; max-width: 900px; background-color: #fff; padding: 0 0;}
#container {max-width: 900px; padding-bottom: 70px; font-family: calibri;}


/* -------------------------------------------------------------
======	HEADER (LOGO + BANDEAU)
------------------------------------------------------------- */

#header {height: 117px; width: 100%; overflow: hidden;}
.entete {text-align: right; height: 117px; overflow: hidden; max-width: 100%;}
.fond-logo {position: absolute; z-index: 10; min-height: 117px; overflow: hidden; max-width: 100%;}
.logo-top {position: absolute; z-index: 100; min-height: 117px; overflow: hidden;}

#header img{overflow: hidden; height: 117px;}

.slideshowbig {display: block; margin-bottom: 35px;}
.nivo-caption {display: none !important;}

/* -------------------------------------------------------------
======	NAVIGATION code /inclure/navigation.html
------------------------------------------------------------- */

#navigation {margin: 0; background: #418017 url(../images/background-menu-horiz.png) repeat-x; font-family: verdana; text-transform: capitalize; max-width: 900px; padding: 0 10px; margin: 0;}

.menu {text-align: justify; width: 100%; border: none; margin: 0; padding: 0;}
.menu:before {text-align: left; content: ''; display: block; width: 100%; margin-bottom: 0;} /* Permet de coller à gauche */
.menu:after {text-align: left; content: ""; width: 100%; display: -moz-inline-box; display: inline-block; } /* Permet de coller à droite */
.menu a {color: #fff; text-decoration:none; font-size: 17px;}  
.menu a:hover {background: none; color: #ffff99;}

.menu > li {text-align: left; display: -moz-inline-box; display: inline-block; background: none; 	/* IE fix. */*display: inline; zoom: 1;}
.menu > li a {padding: 4px 4px; line-height: 30px; margin: 0 15px; display: inline-block;}
.menu > li:hover ul {max-height:30em;}  /* on pose une limite de taille pour les sous-menus déroulants  */ 
.menu > li a.on {color: #ffff99;} /* géré par #EXPOSE */

/* -------------------------------------------------------------
======	SLIDER voir /modeles/rubrique_nivoslider.html
======  CSS SLIDER voir /css/nivoslider.css.html
------------------------------------------------------------- */
#slider {height: 202px; }
.nivoSlider {height: 202px;max-width:100%;}

/* -------------------------------------------------------------
======	TITLE + SLOGAN
------------------------------------------------------------- */

#barre-description {background: #8bb320 url(../images/background-barre-description.jpg); font-family: "Monotype Corsiva"; color: #ffff99; margin: 0; min-height: 47px; text-align: left; padding: 12px 0 0 0px;}

.barre-description-left {display: -moz-inline-box; display: inline-block; width: 554px;}
.titre_principal {text-shadow: 2px 2px 2px #333; font-size: 37px; text-transform: capitalize; display: -moz-inline-box; display: inline-block; margin: 0 7px 0 20px;}
.secondaire {font-size: 16px; display: -moz-inline-box; display: inline-block;}

.barre-description-right {display: -moz-inline-box; display: inline-block; width: 300px; right: 0; margin: 0 10px 0 20px; text-align: right; border-left: 0px solid #ffff99;}
.slogan {color: #ffff99; font-size: 15px; display: -moz-inline-box; display: inline-block;}

#advise-temp {min-height: 50px; width: 100%; background-color: #d01010; font-size: 20px; color: #fff;}

/* -------------------------------------------------------------
======	CONTENT
------------------------------------------------------------- */

#content_website {width: 100%; text-align: justify; color: #656666; min-height: 100%; line-height: 1.2em; padding: 30px 0 35px 0; margin: 0;}
#content_website  a{background: none;}
.background_homepage {background: url(../images/fond-maincontent.jpg) no-repeat; background-position: right top;}
.content_website a, .content_website a:link, .content_website a:visited, .content_website a:active {background: none;}
.content_website li {list-style-image: url(puce.png);}
.aside-left, .maincontent {display: -moz-inline-box; display: inline-block;}
#content_website li {list-style-type:none; list-style-image: url(puce.png); margin-bottom: 12px;}

/* Left side */
.aside-left {display: -moz-inline-box; display: inline-block; vertical-align: top; padding: 0 20px 20px 20px; border-color: #fff; width: 275px;}
.aside-left .wrapper_subsections {text-align: left;}

/* center */
.maincontent {display: -moz-inline-box; display: inline-block; padding: 0 20px 20px 30px; border-color: #fff; width: 520px; vertical-align: top;}
.maincontent-fulllarge {padding: 0 20px 20px 20px; width: 100%;}
.seemore {font-size: 12px;}

/* Right side */
.aside-right {display: -moz-inline-box; display: inline-block; vertical-align: top; margin: 0 20px 20px 10px; border-color: #fff; width: 275px;}
.aside-right img{margin: 0 0 15px 0;}
.wrapper_subsections {text-align: left; margin-top: 30px}
.hidden_rubrique {height: 150px; overflow: hidden; margin: 0 0 35px 0;}

/* Special documents et aggrandissement + slideshow sur les vignettes */
#documents_portfolio ul li {list-style: none; margin: 0 0 0 -40px; padding: 0; display: inline-block;}
.portfolio ul ol {list-style: none; margin: 0 0 0 -40px; padding: 0; display: inline-block;}

/* Special Home-page */
.ss_titre_homepage {text-align: left; font-weight: bold; margin: 15px 0 10px 0;}

.box_articles {margin: 0 0 20px 0; text-align:justify;}
.box_articles a, .box_articles a:link, .box_articles a:visited {color: #656666;}
.box_articles a:hover, .box_articles a:active {color: #da501f;}
.articles_pair-impair {width: 250px; display: -moz-inline-box; display: inline-block; margin: 0 0 20px 0; vertical-align: top;}
.articles_pair-impair a:link, .articles_pair-impair a:visited {color: #656666;}
.articles_pair-impair a:hover, .articles_pair-impair a:active {color: #da501f;}
/* Pair et impair uniquement valable quand on a un tableau à 2 colonnes */
.articles_impair {}
.articles_pair { float: right;}
.read_more {text-transform: uppercase; color: #da501f;}


.paragraphe {}
.testimonial_name {font-size: 15px; color: #da5220;}
.2images-1 img{margin: 0 0 20px 0;}

/* Special Google Map on Contact */
.cartegis {background-color: #eee;}

/* -------------------------------------------------------------
======	PORTFOLIO
------------------------------------------------------------- */

.galerie {margin: 0 0 0 20px;}
.portfolio {display: -moz-inline-box; display: inline-block; padding: 0 12px 0 0;}
.portfolio:before {content: ''; display: block; width: 100%;} /* Permet de coller à gauche */
.portfolio:after {content: ""; width: 100%; display: -moz-inline-box; display: inline-block; } /* Permet de coller à droite */

/* -------------------------------------------------------------
======	CARTE GIS
------------------------------------------------------------- */

.carte_gis a, .carte_gis a:link, .carte_gis a:visited {color: #333;}

/* -------------------------------------------------------------
======	FOOTER
------------------------------------------------------------- */
.footer {bottom: 0px; margin-top: -40px; min-width: 100%; background: #000; font-size: 16px; color: #999; text-align: center; font-family: "verdana, tahoma, arial";}
.footer-frame {text-align: justify; max-width: 900px; margin: 0em auto; background: #333; min-height: 7	0px; padding: 15px 0 12px 0; box-shadow: 1px 5px 9px 0 #000;}

/* not used on this website */
.footer-left {display: -moz-inline-box; display: inline-block; width: 300px; text-align: left; margin: 0 0 0 20px;}
.footer a:link, .footer a:visited {font-size: 14px; color: #6699cc; text-decoration: none; text-align: justify; text-justify: newspaper; background: none;}
.footer a:hover , .footer a:active {font-size: 14px; color: #fff; text-decoration: none; text-align: justify; text-justify: newspaper; background: none;}

.footer-right {display: -moz-inline-box; display: inline-block; width: 570px; margin: 0em auto; text-align: right;}
.link_text {color:#cdfe98; display: -moz-inline-box; display: inline-block; border: 1px #fff solid; height: 20px; vertical-align: middle; padding: 5px 8px; margin-bottom: 22px; background: #003401; font-size: 1em; font-family: "trajan_pro";}
.link_text a {display: -moz-inline-box; display: inline-block;}