/* CSS Document */

@font-face
{
	font-family : 'angelina';
	src : url('/fontface/angelina-webfont.eot');
	src : url('/fontface/angelina-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fontface/angelina-webfont.woff') format('woff'),
	url('/fontface/angelina-webfont.ttf') format('truetype'),
	url('/fontface/angelina-webfont.svg#angelina') format('svg');
	font-weight : normal;
	font-style : normal;

}

@font-face
{
	font-family : 'gabriola';
	src : url('/fontface/gabriola-webfont.eot');
	src : url('/fontface/gabriola-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fontface/gabriola-webfont.woff') format('woff'),
	url('/fontface/gabriola-webfont.ttf') format('truetype'),
	url('/fontface/gabriola-webfont.svg#gabriola') format('svg');
	font-weight : normal;
	font-style : normal;

}

body
{
	padding : 0px;
	margin : 0px;
	background-color : #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}

body, html
{
	height : 100%;
}

a
{
	color : #C14A36;
	font-weight : bold;
	text-decoration : none;
}

a:hover
{
	text-decoration : none;
}

p, form
{
	margin : 0px;
}

ul
{
	margin-top : 5px;
	margin-bottom : 5px;
}

img
{
	border : 0px;
}

h1
{
	margin : 0px;
	padding : 0px;
	font-size : 17px;
	color : #07127B;
	font-weight : bold;
}

h2
{
	margin : 0px;
	padding : 0px;
	font-size : 18px;
	color : #D7833F;
	font-weight : bold;
}

h3
{
	margin : 0px;
	padding : 0px;
	font-size : 14px;
	color : #D7833F;
	font-weight : bold;
}

h4
{
	margin : 0px;
	padding : 0px;
	font-size : 15px;
	color : #D7833F;
	font-weight : bold;
}

h5
{
	margin : 0px;
	padding : 0px;
	font-size : 12px;
	color : #07127B;
	font-weight : bold;
}
















.mauto
{
	margin : auto;
}

.small
{
	font-size : 10px;
}

.centre
{
	text-align : center;
}

.droite
{
	text-align : right;
}

.gauche
{
	text-align : left;
}

.fdroite
{
	float : right;
}

.fgauche
{
	float : left;
}

.clear
{
	clear : both;
}

.gras
{
	font-weight : bold;
}

.italic
{
	font-style : italic;
}

.dnone
{
	display : none;
}

.demi
{
	width : 50%;
}

.quart
{
	width : 25%;
}

.huitieme
{
	width : 12.5%;
}

.invisible
{
	height : 0px;
	width : 0px;
	overflow : hidden;
	visibility : hidden;
}

#message
{
	display : none;
}

#loading
{
	position : fixed;
	width : 100%;
	height : 100%;
	background-color : #000;
	background-image : url("./img/loading-noir.gif");
	background-repeat : no-repeat;
	background-position : center center;
	z-index : 1999;
	top : 0px;
	left : 0px;
	opacity : 0.5;
	MozOpacity : 0.5;
	KhtmlOpacity : 0.5;
	filter : alpha(opacity=50);
}





.defaultbox
{
	border : 1px dashed #C14A36;
	background-color : #F6EAB0;
	padding : 2px;
	font-family : inherit;
	font-size : inherit;
	width : 140px;
}

.selectbox
{
	width : 146px;
}

.maxbox
{
	width: 636px;
}

.largebox
{
	width : 300px;
}

.smallbox
{
	width : 60px;
}

.mediumbox
{
	width : 220px;
}

.textareabox
{
	width : 450px !important;
	height : 150px !important;
	resize : none;
}

.smalltextareabox
{
	width : 300px !important;
	height : 50px !important;
	resize : none;
}

.bouton
{
	border : 1px solid #000000;
	background-color : #C14A36;
	color : #F6EAB0;
	font-family : inherit;
	font-size : inherit;
	display : inline-block;
}

a.bouton
{
	padding : 0px 5px;
}



.ulule
{
	width : 100%;
	max-width : 500px;
	min-width : 280px;
	position : relative;
}

.ulule-fond
{
	position : relative;
	z-index : 2000;
}

.ulule-participez, .ulule-partagez
{
	position : absolute;
	display : inline-block;
	background-position : left top;
	background-size : 100% auto;
	z-index : 2001;
}

:hover.ulule-participez, :hover.ulule-partagez
{
	background-position : left bottom;
}

.ulule-participez
{
	background-image : url('./img/ulule/bouton-participez.png');
	width : 38%;
	bottom : 3%;
	left : 5%;
}

.ulule-partagez
{
	background-image : url('./img/ulule/bouton-partagez.png');
	width : 37%;
	bottom : 3%;
	right : 5%;
}

.kamishibai-zone
{
	margin-top: 80px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #D7833F;
	height: 340px;
	position: relative;
}

.kamishibai
{
	position: absolute;
	width: 150px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(1.5);
}

.kamishibai:hover
{
	filter: brightness(1.7);
}

.kamishibai-ayana
{
	top: 0px;
	left: 0px;
	background-image: url('./img/kamishibai/ayana.png');
}

.kamishibai-capucine
{
	top: 120px;
	left: 60px;
	background-image: url('./img/kamishibai/capucine.png');
}

.kamishibai-hugo
{
	top: 150px;
	left: 50%;
	margin-left: -75px;
	background-image: url('./img/kamishibai/hugo.png');
}

.kamishibai-kim-ly
{
	top: 120px;
	right: 60px;
	background-image: url('./img/kamishibai/kim-ly.png');
}

.kamishibai-louise
{
	top: 0px;
	right: 0px;
	background-image: url('./img/kamishibai/louise.png');
}




.masque
{
	position : fixed;
	width : 100%;
	height : 100%;
	background-color : #000;
	background-position : center center;
	background-repeat : no-repeat;
	z-index : 1999;
	display : none;
	top : 0px;
	left : 0px;
	opacity : 0.85;
	MozOpacity : 0.85;
	KhtmlOpacity : 0.85;
	filter : alpha(opacity=85);
}

.masque-loading
{
	background-image : url("./img/loading.gif");
	background-repeat : no-repeat;
	background-position : center center;
	opacity : 0.85;
	MozOpacity : 0.85;
	KhtmlOpacity : 0.85;
	filter : alpha(opacity=85);
}

.div-popup
{
	visibility : hidden;
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	z-index : 2000;
	display : none;
}

.table-popup
{
	margin : auto;
	visibility : visible;
	margin : auto;
}

.all600 .table-popup, .all300 .table-popup
{
	max-width : 100%;
	height : auto;
}

.all600 .table-popup img, .all300 .table-popup img
{
	width : 100%;
}

.popup-container
{
	position : relative;
}

.popup-closer
{
	height : 20px;
	width : 20px;
	top : 0px;
	right : 0px;
	position : absolute;
	display : inline-block;
	background-image : url("./img/croix.png");
	background-position : left top;
	background-repeat : no-repeat;
	z-index : 2001;
}

#popup-background
{
	background : #fff;
	position : absolute;
	z-index : 2000;
}

#popup-contents
{
	padding : 20px;
	position : relative;
	z-index : 2001;
}

.popupSpacer
{
	width : 200px;
	height : 150px;
}

.popuploader
{
	background-image : url("./img/loading.gif");
	background-position : center center;
	background-repeat : no-repeat;
}

#popup-fleche-gauche
{
	position : absolute;
	z-index : 2002;
	background-position : left center;
	background-repeat : no-repeat;
	top : 0px;
	left : 0px;
}

a:hover#popup-fleche-gauche
{
	background-image : url("./img/gauche.png");
}

#popup-fleche-droite
{
	position : absolute;
	z-index : 2002;
	background-position : right center;
	background-repeat : no-repeat;
	top : 0px;
	right : 0px;
}

a:hover#popup-fleche-droite
{
	background-image : url("./img/droite.png");
}