@charset "UTF-8";
/* CSS Document */

#vignette {
height:410px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:40px;
width:1000px;
}

/* PRESENTATION */
#vignette #presentation {
height:410px;
float:left;
margin-bottom:0px;
margin-left:0px;
margin-right:1px;
margin-top:0px;
padding:0px;
width:739px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
}

#vignette #presentation ul {
display:block;
height:410px;
margin:0px;
padding:0px;
} 

#vignette #presentation li {
display:block;
height:410px;
margin:0px;
padding:0px;
}

#vignette #presentation a {
border:none;
display:block;
height:410px;
margin:0px;
width:739px;
padding:0px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}

/* OPTIONS */
#vignette #options {
height:410px;
float:right;
margin:0px;
padding:0px;
width:260px;
}

	/* Connexion */
	#vignette #options #connexion {
	background:url(../img/vert.jpg) repeat;
	display:block;
	height:300px;
	margin:0px;
	padding:0px;
	width:260px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	}
	
	#vignette #options #connexion #t1 {
	border-bottom:#ffffff dotted 1px;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	margin-left:10px;
	width:240px;
	}
	
	#vignette #options #connexion .v1 {
	display:block;
	float:left;
	font-size:0.8em;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:0px;
	margin-top:30px;
	padding:0px;
	width:220px;
	}
	
	#vignette #options #connexion .b1 {
	background:#FFFFFF;
	border:none;
	float:left;
	font-size:1.1em;
	margin-left:20px;
	outline:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	width:210px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
	
	#vignette #options #connexion .bouton {
	background:url(../img/bouton.jpg) repeat-x top;
	border:none;
	color:#FFFFFF;
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	margin-left:20px;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius:10px;
	}
	
	/* Social */
	#vignette #options #social {
	background:url(../img/connexion.jpg) repeat-x;
	display:block;
	height:109px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;
	padding:0px;
	width:260px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	}
	
	#vignette #options #social .facebook {
	background:url(../img/social/facebook.png) no-repeat top;
	border:none;
	display:block;
	float:left;
	height:42px;
	margin-left:7px;
	margin-top:35px;
	width:121px;
	}
	
	#vignette #options #social .facebook:hover {
	background-position:bottom;
	}
	
	#vignette #options #social .twitter {
	background:url(../img/social/twitter.png) no-repeat top;
	border:none;
	display:block;
	float:left;
	height:42px;
	margin-left:5px;
	margin-top:35px;
	width:121px;
	}
	
	#vignette #options #social .twitter:hover {
	background-position:bottom;
	}