/* CSS Document */
body
{
	background: #f8f8f8;
	font-family:"Arial";
	padding:0;
	margin:0;
}
#mybackground{
	position:absolute;
	top:50px;
	left:0;
	z-index:-3;
}
#mybackgroundlogo{
	position:absolute;
	bottom:30px;
	right:30px;
	z-index:-3;
}
	#mybackground img{
		width:200px;border:none
		
		
	}


#principal
{
	width: 685px;
	max-width:90%;
	position:absolute;
	visibility:hidden;
}
#principal.computed
{
	visibility:visible;
}
#content
{
	background-color:#fff;
	border: 1px solid #000;
	box-shadow : 5px 5px 10px 0px #656565;
	border-radius: 15px;	
	padding : 30px 40px;
}
#content h1
{
	margin-top:0;	
}
#content h1, #content h2
{
	font-weight: normal;
	color: #656565;
}

#content h1
{
	font-size: 25px;	
}
#content h2
{
	font-size: 20px;
}
#content h1 strong
{
	font-size: 26px;
	font-weight: 700;	
}


#content input[type="submit"], #content input[type="reset"]
{
	border: 2px solid #245D97;
	border-radius: 10px;
	color: white;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	

	background-color:#2f2f31;
background: #2f2f31; /* Old browsers */
background: -moz-linear-gradient(top, #2f2f31 0%, #696869 50%, #2f2f31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f31), color-stop(50%,#696869), color-stop(100%,#2f2f31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2f2f31 0%,#696869 50%,#2f2f31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2f2f31 0%,#696869 50%,#2f2f31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2f2f31 0%,#696869 50%,#2f2f31 100%); /* IE10+ */
background: linear-gradient(to bottom, #2f2f31 0%,#696869 50%,#2f2f31 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f31', endColorstr='#2f2f31',GradientType=0 ); /* IE6-9 */  
	border: 2px solid #2F2F31;
}

#footer
{
	text-align:center;
}
.epagineC
{
	color: #24B1D3;
	font-weight: 700;
	font-family: "Time New Roman";
	font-size: 26px;
}
a.epagineC
{
	text-decoration: none;
	font-size: 22px;
}

.inactif
{
	display:none;
}
#cookies.inactif
{
	display:none;	
}
#cookies
{
	display:table;	
	width:100%;
	background-color:#000;
	height:30px;
	font-size: 12px;
}
#cookies  p:first-child a
{
	color:inherit;	
}
#cookies  p:first-child a:hover
{
	text-decoration:none;	
}
#cookies  p
{
	display:table-cell;	
	width:50%;
	margin:0;
	padding:0;
	color:#FFF;
	/*font-weight:bolder;*/
	vertical-align:middle;
}
#cookies p:first-child
{
	padding-left:10px;
}
#cookies p+p
{
	text-align:right;	
	padding-right:10px;
}
#cookies p+p a
{
	display:inline-block;
	color:#000;
	background-color:#fff;
	border-radius:5px;
	text-decoration:none;
	border: 2px solid #fff;	
	padding : 0 2px;
	font-weight: bold;
}
#cookies p+p a:hover
{
	display:inline-block;
	color:#fff;
	background-color:#000;
	border: 2px solid #fff;	
	border-radius:5px;
	padding : 2px;
}
#cookiesInfosDetailBack
{
	position:absolute;
	top : 0;
	left:0;
	bottom:0;
	right:0;
	/*background-color:#333;
	opacity: 0.3;*/
}
#cookiesInfosDetail
{
	position:absolute;
	width : 300px;
	max-width:90%;
	background-color:#fff;
	border: 1px solid #000;
	box-shadow : 5px 5px 10px 0px #656565;
	border-radius: 15px;	
	padding:10px;
		
}
#cookiesInfosDetail p
{
	color: #656565;
	font-size:14px;
}
#cookiesInfosDetail p:first-child
{
	font-weight:bold;	
	
}
#cookiesInfosDetail p:last-child
{
	color:#000;
	text-align:center;	
	font-weight:bold;
}
#cookiesInfosDetail p:last-child a
{
	color:inherit;	
	font-size:12px;
	
}
#content p.action
{
	text-align:right;
}
#content p.action a
{
	display:inline-block;
	color:inherit;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	margin:auto 10px;
}
#content p.action a:before
{
	content: '| ';
}
#content p.action a:after
{
	content: ' |';
}
#content a:hover
{
	text-decoration:none;	
}

@media screen and (max-width:640px)
{
	#content
	{
		padding:20px;
	}
	#content h1
	{
		font-size: 23px;	
	}
	#content h1 strong 
	{
		font-size: 24px;
		
	}
	#content h2
	{
		font-size: 19px;
		margin:10px 0;
	}
}









h1{margin-top: 0px;margin-bottom: 0px;font-size: 25px;font-style: italic;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#metabook h2{margin-top: 0px;margin-bottom: 0px;font-style: italic;font-size: 20px;font-weight: normal;margin-bottom: 10px;}
#metabook p{font-size: 14px;margin:0;}
#metabook span{text-transform: uppercase;font-weight:700;font-size: 14px;}
.elyps{}
.panel-footer, .panel-default>.panel-heading {font-weight:700;font-size:15px;}
.panel-footer{text-align:center;}
.desc{font-size:16px;}



#menu{ color: #fff;
    font-size: 15px;
    height: 96px;
    padding-top: 12px;
    position: absolute;
    right: 50px;
    top: 69px;
    z-index: 10000;}
#accueil{background-image: url("../../img/ico/menuIco80");height: 81px;width: 81px; background-position: -365px -275px;display: inline-block;}
#back{background-image: url("../../img/ico/menuIco80");height: 81px;width: 81px; background-position: -95px -5px;display: inline-block;}