@charset "UTF-8";

body {
	background-color: #f9f9f9; 
	background: url("images/imgbg.gif") 50% 50% repeat-y #040404;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-width : 1100px;
}

p {
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	color: #191919;
	text-shadow: 0px 0px 2px #727272;
	}
	
h1 {
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 30px;
	text-shadow: 0px 0px 5px #777;
}

h2 {
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	color:#000000;
	font-size: 20px;
	text-shadow: 0px 0px 2px #777;
}

a:link {
color: #2f38de; text-decoration: none;
}
a:visited {
color: #2f38de; text-decoration: none;
}
a:hover {
color: #2f38de; text-decoration: underline;
}
a:active {
color: #2f38de; text-decoration: none;
}


#corps {
		max-width:1200px;
		margin:auto;
		position:relative;
}	
	
#webshop {
		background-color: #eaeaea;
		margin-top: 20px;
		margin-right:280px;
		min-height:150px;
		padding: 12px;
		box-shadow: 0px 6px 10px #1c1a19;
		border-radius: 2px;
		min-width : 750px;
}

#delais {
		margin-top: 40px;
}
#delais img
{		float: left;
		margin-top: -18px;
		margin-left: 20px;
		margin-right: 20px;
}	


.instruction {
		position: relative;
		border-top: 1px solid #706b64;
		height: 350px;
}
.instruction img {	
		float: left;
		margin-left: 20px;
		margin-top: 20px;
		margin-right: 30px;
		margin-bottom: 30px;
		border: 1px solid #181818;
	 
}		


.infosinstruction {
		position: absolute;
		top : 30px;
		left: 460px;
		height: 50px;
}

.infosinstruction li {
		line-height : 25px;
		font-size: 13px;
		font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
		list-style-type: none;
		background-image: url(images/puce.gif);
		background-repeat: no-repeat;
		background-position: 0 0.32em;
		padding-left: 20px;
} 



.paypal {
		position: absolute;
		bottom: 80px;
		right: 180px;
}
.prix {
		position: absolute;
		bottom: 35px;
		right: 70px;
}
.prix h2
{
		font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
		font-weight: bold;
		color:#5f5f5f;
		font-size: 20px;
}



/* -------------------  Droite --------------------- */

#AboutMe {
		width:245px;
		position:absolute;
		top: 0;
		right:0;
		background-color: #7e7e7e;
		box-shadow: 0px 6px 10px #1c1a19;
		border-radius: 2px;
		padding: 10px;

		color:#000000;
		font-size:  14px;
		
}
#AboutMe h1 {
		text-align: center;
		color: #191919;
		text-shadow: 0px 0px 2px #b8b8b8;
}
#AboutMe img
{
		margin-right: 5px;
		
}


#photo_teclem
{
		text-align: center;
}

#photo_teclem img
{
		border: 1px solid #181818;
}

/* -------------------  Boutons --------------------- */

#container_buttons{
		width:245px;
		height: 130px;
		position:absolute;
		top: 450px;
		right:0;
		background-color: #7e7e7e;
		box-shadow: 0px 6px 10px #1c1a19;
		border-radius: 2px;
		padding: 10px;
		
		color:#000000;
		font-size:  14px;
}


#FaceBook{
		position: absolute;
		top:  90px;
		right: 200px ;
		width: 50px;
		height: 50px;
		background: #0041b7;
		background: linear-gradient( #1b4db4, #3f65b4 );
		border-radius: 2px;
		vertical-align: middle;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#FaceBook :hover{
		background: #0041b7;
		border-radius: 2px;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#YouTube{ 
		position: absolute;
		top:  90px;
		right: 140px ;
		width: 50px;
		height: 50px;
		background: #b31217;
		background: linear-gradient( #b31217, #ff363b);
		border-radius: 2px;
		vertical-align: middle;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	
}

#YouTube :hover{
		background: #b31217;
		border-radius: 2px;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#Googleplus{ 
		position: absolute;
		top:  90px;
		right: 80px ;
		width: 50px;
		height: 50px;
		background: #ff7d36;
		background: linear-gradient( #ff7d36, #ff8a01);
		border-radius: 2px;
		vertical-align: middle;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	
}

#Googleplus :hover{
		background: #ff7d36;
		border-radius: 2px;
		box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#partner {
		width:245px;
		height: 65px;
		position:absolute;
		top: 640px;
		right: 0px;
		background-color: #7e7e7e;
		box-shadow: 0px 6px 10px #1c1a19;
		border-radius: 2px;
		padding: 10px;
		
		color:#000000;
		font-size:  14px;
}

#partner img{
		display: block; 
		margin: 10 auto; 
		height: 65px;
		width: 230px;
}


#footer p {
		text-align: center;	
		color: #FFFFFF;
		text-shadow: none;
		}