body { background: #fffffb; font-family: 'Roboto', sans-serif; font-size: 12px; color: #36312b; }

/* Rendre les images responsive par defaut */
img {
  max-width: 100%;
  height: auto;
}
.spip_documents_left { float: left; }
.spip-admin-bloc, .spip-admin-float { z-index: 10000!important; }
#icone_travaux { display: none!important; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:10px; padding-right:10px; }

.fr-caption { font-size: 13px!important; }
/* Home-row*/
.section { position: relative; }
a.bt_next { position: absolute; bottom: 10px; background: transparent url(/IMG/bt_down_small.png) no-repeat top center; margin:0 auto; width: 100%; height: 30px; outline: none; z-index:10000; }
a.bt_next2 { position: absolute; bottom: 30px; background: transparent url(/IMG/scroll_small.png) no-repeat top center; margin:0 auto; width: 100%; height: 32px; outline: none; z-index:10000;}
a.bt_prev { position: absolute; bottom: 30px; background: transparent url(/IMG/bt_up_small.png) no-repeat top center; margin:0 auto; width: 100%; height: 32px; outline: none; z-index:10000;}

#section-home1 { position: relative; background: #115b6b url(/IMG/fond-degrade-bleu2.png) no-repeat center center; background-size:cover; }
#section-home1 .motif { background: transparent url(/IMG/home_motif_small.png) no-repeat top center; margin:0 auto; width: 320px; height: auto; text-align: center; }
#section-home1 h1 { font-family: 'Lato', sans-serif;font-size:25px; font-weight: 300; color: #dddccf; text-transform: uppercase; padding-top:140px; margin:0; }
#section-home1 .ligne { width: 92px; border:0; border-bottom: 1px solid #dddccf; margin: 10px auto; }
#section-home1 .descriptif { font-family: 'Lato', sans-serif; font-size:14px; color: #dddccf; }
#section-home1 .descriptif2 { font-size:12px; color: #dddccf; font-family: 'Roboto', sans-serif; text-align:center; padding: 0 10px; }
#section-home1 .descriptif2 a { font-family: 'Lora', serif; font-style: italic; color: #dddccf; text-decoration: underline; }
#section-home1 .navbar ul li a { color: #FFF; }




/* header */
.sommaire.fp-viewing-pagehome1_fr footer,
.sommaire.fp-viewing-pagehome1_en footer { opacity:0; visibility:hidden; }

#header { 
	opacity:1; margin-bottom: 40px; position: fixed; top:0; height: 110px; z-index:1000; 
	width:100%;
	transition: opacity 0.75s ease-in-out;
   -moz-transition: opacity 0.75s ease-in-out;
   -webkit-transition: opacity 0.75s ease-in-out; }

.bloc_nom { position: absolute; top: 20px; left: 130px; text-align: left; font-family: 'Lato', sans-serif; z-index:1001; }
.bloc_nom .nom,
.bloc_nom .nom a { font-size:15px; font-size:300; color: #312c26; text-transform: uppercase; text-decoration: none; outline: none; 	 }
.bloc_nom .descriptif { font-size:10px; color: #aea49d; line-height: 14px; letter-spacing:0.1em;}


/* menu */
.spip-admin-bloc, .spip-admin-float { left: 25%!important; }
.navbar { width: 100%; text-align: left; font-family: 'Roboto', serif; font-size: 10px; background: none; border: none; }
.navbar ul { list-style: none; padding:0; }
.navbar ul li { float: left; padding: 0 2px; }
.navbar ul li a { text-transform: uppercase; color: #788187; padding: 0 3px; }
.navbar ul li.on a, .navbar ul li.active a { background:none!important; color: #2c92b3!important; }

.adxmenu { background:none!important; border:0!important;}
.adxmenu ul { width:16em!important; margin:0!important;padding: 10px 5px!important; }
.adxmenu ul li { background: rgba(255,255,255,0.75)!important; }
.adxmenu a { border-right: none!important; }
.adxmenu li li { padding: 2px 0px!important;width:100%!important; text-align: left!important; }
.adxmenu a:hover, .adxmenu li:hover > a{ background: none!important; color: #2c92b3!important; }

.menu-entree ul { display: none; }
/* SLIDE */
.container .fp-controlArrow.fp-prev {
	left:-70px!important;
}
.container .fp-controlArrow.fp-next {
	right:-70px!important;
}

/* Headings */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Roboto Condensed', sans-serif; color:#333333;}
h1, .h1 { margin-bottom:15px; }
h2, .h2 { 
    font-size: 30px;
    margin-bottom: 10px;
}
h3, .h3 { font-size: 16px; }

/* FORMULAIRES */
textarea { border: 0; width: 100%; background: #f0efe9; padding: 10px; }
input { border: 0; width: 100%; background: #f0efe9; padding: 10px; margin-top:5px; }
.submit { display: block; margin-top: 10px; background: #2c92b3; color: #FFF; padding: 10px; width: 100px; } 
label { display: none; }
form { margin-bottom:10px; }
i { font-family: 'Lora', serif; }


.table-portfolio { width:100%; float:right; height:auto; }
.table-image { height:100%; }

/* ARTICLE */
.section { background: #FFF; }
.page_article .h1 { font-family: 'Roboto', serif; color: #b89d81; font-size:12px; font-weight:600; letter-spacing: 0.1em; text-transform:uppercase; margin-top:0; font-style: normal; }
.page_article .h2 { font-family: 'Lora', serif; color: #312c26; font-size:20px; font-style: italic; margin-top:0;}
.page_article .h3 { font-family: 'Lora', serif; color: #312c26; font-size:22px; font-style: italic; }
.page_article .spip_logos { float: left; margin: 5px 10px 5px 0; }


.texte { line-height: 1.25em; }
.texte p { margin-bottom: 1em; }
.date { font-size: 0.8em; text-transform:uppercase; margin-bottom: 4px;}
.rubrique .h1 { font-size: 18px; margin-bottom: 20px; }


/* BTN */
.btn {
	font-family: "Lora",serif;
    font-style: italic;
    text-decoration: none;
	margin-top:5px;
	width: 100%;
}

/* POPUP */
#cboxPrevious, #cboxNext, #cboxClose { background-image: url(/IMG/controlszoom.png)!important; }
.galerie #icone_travaux { display: none; }
.galerie .fotorama__stage__shaft img.fotorama__img { height:90%!important; margin-top:2%; width:auto!important; }
#cboxContent {margin-top:0!important; }
.galerie .fotorama__caption__wrap { display: block!important; width:100%; background: none!important; color: #FFF!important; text-align:center!important;  height:50px; line-height: 16px; }
.galerie .fotorama__caption__wrap i { font-style:italic;  }

.galerie .fotorama__wrap { bottom:15px!important; }
.galerie .fotorama__nav__frame { }
.fotorama__thumb-border { }


/* Footer */
footer { 
	background: #115b6b; 
	padding: 6px 0 4px; 
	position: fixed; 
	bottom: 0; 
	width:100%;
	text-align: center; 
	transition: opacity 0.55s ease-in-out;
   -moz-transition: opacity 0.55s ease-in-out;
   -webkit-transition: opacity 0.55s ease-in-out;
}
footer .container-fluid { padding: 0!important; }
footer p, footer a { color: #39b4ce; margin:2px 0 0; }
footer a:hover { color: #000; text-decoration: underline; }

footer a.contact { position: absolute; bottom: 15px; right: 10px; background: transparent url(/IMG/bt_contact_small.png) no-repeat top center; width: 26px; height: 25px; outline: none; }
footer a.shop { position: absolute; bottom: 15px; right: 15px; background: transparent url(/IMG/bt_shop_small.png) no-repeat top center; width: 26px; height: 25px; outline: none; }
footer a.langueFR { position: absolute; bottom: 15px; right: 35px; background: transparent url(/IMG/boutonFR_small.png) no-repeat top center; width: 26px; height: 25px; outline: none; }
footer a.langueEN { position: absolute; bottom: 15px; right: 35px; background: transparent url(/IMG/boutonEN_small.png) no-repeat top center; width: 26px; height: 25px; outline: none; }
footer a.pdf { position: absolute; bottom: 15px; right: 60px; background: transparent url(/IMG/bt_pdf_small.png) no-repeat top center; width: 26px; height: 25px; outline: none; }









/* Media Queries */

@media (min-width: 480px) {
	body { font-size: 12px; }
	.texte { line-height: 1.2em; }
	#section-home1 .motif { background: transparent url(/IMG/motifhome.png) no-repeat top center; margin:0 auto; width: 760px; height: auto; text-align: center; }
	#section-home1 h1 { padding-top:200px; }
	.fp-controlArrow.fp-prev {
		width:83px!important;
		height:83px!important;
    	background: url(/IMG/fleche_gauche.png) no-repeat!important;
	}
	.fp-controlArrow.fp-next {
		width:83px!important;
		height:83px!important;
    	background: url(/IMG/fleche_droite.png) no-repeat!important;
	}

}

@media (min-width: 768px) {
	body { font-size: 12px; }
	.texte { line-height: 1.4em; }
	#section-home1 .descriptif2 { 
		font-size:15px; color: #dddccf; font-family: 'Roboto', sans-serif; line-height: 2em;text-align:center; 
	}
	#section-home1 .ligne { width: 92px; border:0; border-bottom: 1px solid #dddccf; margin: 15px auto; }
	.table-portfolio { width:90%; float: right;height:500px; }
	.page_article h3 { font-family: 'Lora', serif; color: #312c26; font-size:30px; font-style: italic; margin-top:0;}
	h2, .h2 { margin-bottom:40px; }
	h3 { font-size: 30px; margin-bottom: 30px; }
	.section { background: #FFF url(/IMG/article_motif.png) no-repeat right center; }
	form { margin-bottom:35px; }

	.table-portfolio { width:100%; float:right; height:500px; }
	.table-image { height:550px; }


	.navbar { top: 20px; right:130px; text-align: right; font-family: 'Roboto', serif; font-size: 11px; background: none; border: none; }
	.navbar ul { list-style: none; padding:0; float:right; }
	.navbar ul li { float: left; padding: 0 5px; }
	.navbar ul li a { text-transform: uppercase; color: #788187; padding: 0 8px; }
	.navbar ul li.on a, .navbar ul li.active a { background:none!important; color: #2c92b3!important; }

	/* RUB Actus */
	.rubrique.rub6 .section,
	.rubrique.rub2 .section { position: relative; background: #FFF url(/IMG/basemotif-ok.png) repeat top center; }
	.rubrique.rub6 .section .fp-tableCell,
	.rubrique.rub2 .section .fp-tableCell { position: relative; background: url(/IMG/section2_rosace.png) no-repeat top center; }

	/* FOOTER */
	footer a.contact { position: absolute; bottom: 10px; right: 70px; background: transparent url(/IMG/bt_contact.png) no-repeat top center; width: 52px; height: 50px; outline: none; }
	footer a.shop { position: absolute; bottom: 10px; right: 15px; background: transparent url(/IMG/bt_shop.png) no-repeat top center; width: 52px; height: 50px; outline: none; }
	footer a.langueFR { position: absolute; bottom: 10px; right: 125px; background: transparent url(/IMG/boutonFR.png) no-repeat top center; width: 52px; height: 50px; outline: none; }
	footer a.langueEN { position: absolute; bottom: 10px; right: 125px; background: transparent url(/IMG/boutonEN.png) no-repeat top center; width: 52px; height: 50px; outline: none; }
	footer a.pdf { position: absolute; bottom: 10px; right: 180px; background: transparent url(/IMG/boutonpdf.png) no-repeat top center; width: 52px; height: 50px; outline: none; }

	a.bt_next { position: absolute; bottom: 25px; background: transparent url(/IMG/bt_down.png) no-repeat top center; margin:0 auto; width: 100%; height: 60px; outline: none; z-index:10000; }
	a.bt_next2 { position: absolute; bottom: 75px; background: transparent url(/IMG/scroll.png) no-repeat top center; margin:0 auto; width: 100%; height: 65px; outline: none; z-index:10000;}
	a.bt_prev { position: absolute; bottom: 75px; background: transparent url(/IMG/bt_up.png) no-repeat top center; margin:0 auto; width: 100%; height: 65px; outline: none; z-index:10000;}

}

@media (min-width: 992px) {
	body { font-size: 13px; }
	.texte { line-height: 1.5em; }
}

@media (min-width: 1200px) {
	body { font-size: 15px; }
	.texte { line-height: 1.7em; }
}