/****************************************************
#####################################################
##-------------------------------------------------##
##              Morgane - Version 1                ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2020             ##
## Date      = octobre 2020                        ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.header .pagewidth, .menu-fixed .pagewidth, section.photos .pagewidth{width:100%;}
#small-menu{margin-left:10px;}
.reseaux{margin-right:10px;}
section.photos .moduletable{margin-left:10px;margin-right:10px;}
@media screen and (max-width: 900px){
	.pagewidth{	width:100%;	}
	section .moduletable, .container-mon-blog .blog, .item-page, #phocaguestbook{margin-left:10px;	margin-right:10px;}
}
@media screen and (max-width: 800px){
	.blog .pagewidth, .livredor .pagewidth{width:100%;}
}
@media screen and (max-width: 720px){
	#parallax-img{display:none;}
	#no-parallax{display:block;}
}
@media screen and (max-width: 700px){
	.blog .moduletable .bt-cs .bt-inner{height:auto;}
	.blog .moduletable .bt-cs .bt-inner .bt-introtext{margin-right:5px;	margin-bottom:5px;}
	.blog .moduletable .bt-cs .bt-inner a.bt-image-link{display:none;}
	.blog .moduletable .bt-cs .bt-inner a.bt-image-link-small{display:block;}
	.blog .texte{float:none;width:auto;}
	.blog .pull-right{float:none;width:auto;height:auto;text-align:center;}
}
@media screen and (max-width: 600px){
	.quisuisje .pagewidth, .mecontacter .pagewidth{width:100%;}
	.quisuisje .texte{float:none;margin:0 auto;}
	.quisuisje .photo{float:none;text-align:center;}
	.moduletabletarifs h3{font-size:30px;}
}
@media screen and (max-width: 545px){
	.visform .captchaCont .input-content{width:100%;float:none;}
}
@media screen and (max-width: 520px){
	.liens-galeries ul{display:block;margin-right:10px;	margin-left:10px;}
	.liens-galeries li{width:100%;height:100px;overflow:hidden;position:relative;}
	.liens-galeries li:hover{width:100%;}
	.liens-galeries li a{width:100%;height:100px;left:0;background:url('../images/galeries-s.jpg');background-position-x:center;background-position-y:0}
	.liens-galeries li:hover > a{left:0;}
	.liens-galeries li:nth-child(2) > a{background-position-x:center;background-position-y: -100px;}
	.liens-galeries li:nth-child(3) > a{background-position-x:center;background-position-y: -200px;}
	.liens-galeries li:nth-child(4) > a{background-position-x:center;background-position-y: -300px;}
	.liens-galeries li:nth-child(5) > a{background-position-x:center;background-position-y: -400px;}
}
@media screen and (max-width: 460px){
	h2{	font-size:30px;}
	.quisuisje .sous-titre .trait{width:65px;}
	.galeries .sous-titre .trait, .gallery .sous-titre .trait{width:110px;}
	.blog .sous-titre .trait, .container-mon-blog  .sous-titre .trait{width:55px;}
	.livredor .sous-titre .trait, .container-livre-d-or .sous-titre .trait, .container-laisser-un-avis .sous-titre .trait{width:60px;}
	.mecontacter .sous-titre .trait{width:90px;}
}
@media screen and (max-width: 420px){
	.logo{width:90%;height:auto;}
	.header{padding-top:10px;}
	.quisuisje .texte, .quisuisje .photo{width:100%;}
} /**end file***/