/*
Made in Cyanide Studio, 2013
www.cyanide-studio.com
*/

html, body {
	height: 100%;
}

body {
	font: 14px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	margin:0;
	min-width: 900px;
	background-color: #f8815f;
}

#layout {
position: relative;
margin: 0;
overflow: show;
height: 1173px;
background: url('../i/bg-dgp.jpg');
background-position: center top;
background-repeat: no-repeat;
}

div.bgstretcher-area, div.bgstretcher-page {
	height: 100% !important;
}

#layout_footer {
	bottom: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
}
#layout_texte {
	bottom: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
}

#layout_body {
	position: relative;
	z-index: 1;
}

.right {
	text-align: right;
}

#layout_content{
position:absolute;
width:100%;
z-index: 1;
bottom:10%;

}

#content{
font-family: 'Open Sans', sans-serif;
font-size: 18px;
position: relative;
top: -30px;
left: 0%;
margin-left: -58px;
}
#content a{
color:white;
text-decoration: none;
opacity:0.8;

-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;

}



#content a:hover {
    
	opacity: 1;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;


}

#top{
z-index: 2;
text-align: center;
margin-top: 10px;
margin-left: -635px;
position: relative;
bottom: 510px;
}


#middle{
z-index: 2;
text-align: center;
margin-top: 10px;
margin-left: -636px;
position: relative;
bottom: 490px;

}


#bottom{
z-index: 2;
text-align: center;
margin-top: 10px;
margin-left: -617px;
position: relative;
bottom: 490px;}






/* @group type */

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,tr,td,th,form,address,blockquote {
	padding: 0;
	margin: 0.75em 0 1em 0;
	font-size: 100%;
}

div:after,form:after,ul:after,ol:after,dl:after,dt:after,dd:after,h1:after,h2:after,h3:after,h4:after,p:after {
	content: '';
	display: block;
	clear: both;
}

div, input, textarea, select {
	font-size: 100%;
}

p {
	font-size: 100%;
	color: #ce3520;
}

strong, dfn {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

sup, sub {
	position: relative;
	top: -0.5em;
	line-height: 0;
	vertical-align: baseline;
	font-size: 75%;
}

a, a:visited, a:link, a.anchor {
	color: #0463bb;
}

a:hover, a:hover.anchor {
	color: #94cbff;
}

.anchor {
	border-bottom: 1px dashed #0463bb;
	cursor: pointer;
	//cursor: hand;
	line-height: 1.6em;
	text-decoration: none !important;
}

a:hover.anchor {
	border-bottom-color: #94cbff;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}

/* @end */

/* @group headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}

h1 {
	font-size: 165%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0.1em 0 0.25em 0;
	padding: 0;
	color: #3d3d3d;
}

h1+h2, h1+h3, h1+h4, h1+h5, h1+h6 {
	padding-top: 1em;
}

h1+h2 {
	padding-top: .2em;
}

h1+h3 {
	padding-top: .4em;
}

h1+h4 {
	padding-top: .62em;
}

h1+h5, h1+h6 {
	padding-top: .5em
}

h2 {
	font-size: 115%;
	line-height: 1.3;
	margin: 0 0 -0.2em;
	padding: 1em 0 0;
	font-weight: bold;
}

h2+p {
	margin-top: 1.3em;
}

h2+ul {
	margin-top: 1.3em;
}

h3 {
	font-size: 105%;
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 -0.2em;
	padding: 1.5em 0 0 0;
}

h3+ul {
	margin-top: 1.5em;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 -0.3em 0;
	padding: 1.5em 0 0 0;
}

h5 {
	font-size: 100%;
	margin: 0 0 -0.6em 0;
	padding: 1em 0 0 0;
}

h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 -0.6em 0;
	padding: 1em 0 0 0;
}

/* @end */


/* @group header */


#header {
width: 492px;
height: 50px;
position: absolute;
top: 13px;
left: 49%;
margin-left: -414px;;
}

#test{
font-family: Verdana;
font-size: 11px;
z-index: 2;
margin-top: 10px;
position: relative;
bottom: 311px;
left: 403px;}

/* @group footer */

#footer {
	position: relative;
	height: 50px;
	padding-bottom: 20px;
}

#texte {
	position: relative;
	height: 50px;
	padding-bottom: 20px;
}

.cyabis{
width: 402px;
height: 50px;
position: absolute;
top: 274px;
left: 84%;
margin-left: -166px;
font-family: verdana;
font-size: 11px;;
}

.cya{
width: 402px;
height: 50px;
position: absolute;
top: -617px;
left: 49%;
margin-left: -224px;
font-family: verdana;
font-size: 11px;
}

.cyanide {
width: 184px;
height: 50px;
position: absolute;
top: -52px;
left: 55%;
margin-left: -195px;
}

.tw {
	width: 37px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: 94px;
}

.fb {
	width: 15px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: 154px;
}

#footer a {
	opacity: 0.2;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

#footer a:hover {
	opacity: 1;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}



/* @end */