/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	line-height: 1.20;
}

/* Paragraphes */
p {
	margin: 0 0 0.5em 0;
}

/* Liens */
a {
	text-decoration: none;
}

a img {
	border: none;
	padding:0; 
	margin:0;
}

/* --- COULEURS --- */

/* Général */
body {
	background: url(../img/bg.gif) top left repeat-x #ffffff; 
}
a {
	color: #ffffff;
}
a:hover, a:focus {
	color: #000000;
}

.rose {color: #60472f;}

.clear {clear:both;padding-bottom:2px;}
/* --- POSITIONNEMENT --- */

/* Page */

#global {
	width:980px;
	height:600px;
	margin:30px auto 0 auto;
}

/* En-tête */
#header {
	width: 980px;
	height: 100px;
	background-image: url(../img/head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#testimg {
	background-image: url(../img/anime.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 730px;
}
#flash_viral {
	background-image: url(../img/viral.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 730px;
}

/* Contenu */

#contenu {
	width: 980px;
	height: 500px;
	position:relative;
	background: #ffffff;
}

#content_left{
	float:left;
	width: 730px;
	height: 500px;
	position:absolute;
	left:0;
}

#content_right{
	float:right;
	width: 250px;
	height: 500px;
	left:0;
	/*margin-left:729px;*/
}
/* Contenu Merci */ 
.content_left_merci{
	/*background:url(../img/merci.jpg) top left no-repeat;*/
}
/* Contenu Home */
.titre_home{
	background:url(../img/titre_home.jpg) top left no-repeat #ffffff;
}

.content_right_home{
	background-image: url(../img/bgright.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrap_home{
	width:230px;
	height:290px;
	position:relative;
	top:80px;
	font-weight:bold;
}

#wrap_home span{
	margin-left:10px;
}

#wrap_home input{
	margin-top:8px;
}

#cadre_rose{
	width:200px;
	height:70px;
	float:right;
	padding:10px;
	color: #60472f;
	background-color: #e0d4bb;
	margin-top: 20px;
	margin-bottom: 5px;
}



/* Contenu Viral */
.titre_viral{
	background:url(../img/titre_viral.jpg) top left no-repeat #ffffff;
}

.content_left_viral{
	background:url(../img/viral.jpg) top left no-repeat;
}

.content_right_viral{
	background:url(../img/bgviralright.gif) top left no-repeat;
}

#wrap_viral{
	width:230px;
	height:260px;
	position:relative;
	top:110px;
}




#viral label {float:left; width: 50px; padding-top:5px; padding-left:10px;}

/* Contenu Ticket */
.titre_ticket{
	background:url(../img/titre_ticket.jpg) top left no-repeat #ffffff;
}

.content_left_ticket{
	background:url(../img/content_left_ticket.jpg) top left no-repeat;
}

.content_left_ticket #flashcontent01{
	position:relative;
	top:66px;
	left:235px;
}

#wrap_ticket{
	width:188px;
	height:400px;
	position:relative;
	top:0;
	left:42px;
}

#wrap_ticket a {
	float:left;
	margin:0 0 11px 0;
}

/* pied de page */
#footer{
	width: 980px;
	height: 30px;
	background: url(../img/footer_bg.jpg) top left repeat-x; 
	font-size:11px;
}

#share_this{
	margin:8px 0 0 2px;
	float:left;
}

#share_this img{
	vertical-align:middle;
	margin:0 0 0 6px;
}

#link{
	float:right;
	color: #ffffff;
	position: relative;
	top: 65px;
	right:20px;
	height: 80px;
	width: 221px;
}
#page_viral #link{
	top: 95px;
}

*html #link{
	float:right;
	color: #ffffff;
	position: relative;
	top: 48px;
	right:20px;
	height: 80px;
	width: 221px;
}
*+html #link{
	top: 48px;	
}


*html #page_viral #link{
	top: 78px;
}
*+html #page_viral #link{
	top: 78px;	
}
#link_ticket{
	color: #ffffff;
	text-align:center;
	padding-top:5px;
	}
/* Element Formulaire */

input.text {
	width:200px; 
	margin:2px 0px 2px 10px;
	border:1px solid #7c537b;
	color: #636466;
	text-indent:3px;
	margin:1px 0px 1px 10px
}
input.email{
	width:120px; 
	margin:2px 0px 2px 10px;
	border:1px solid #7c537b;
	color: #636466;
	text-indent:3px;
	margin:1px 0px 1px 10px;
}
select{
	width:200px; 
	color: #636466;
	border:1px solid #7c537b;
}

.bt_valider{
	float:right;
	width:220px;
	height:30px;
	border:none;
	font-size:0;
	color: #ffffff;
	cursor:pointer;
	background: url(../img/btvalider.gif) top left  no-repeat;

}

.bt_viral{
	float:right;
	width:220px;
	height:30px;
	border:none;
	font-size:0;
	color: #ffffff;
	cursor:pointer;
	background: url(../img/btviral.gif) top left  no-repeat;
	margin-bottom:10px;
}
*html .bt_viral{margin:0;}
#viral .passer {margin-left:15px;font-size:11px;color:#343434;text-decoration:underline;}
*html  #passer_viral{margin-left:15px;}
*+html #passer_viral{margin-left:15px;}
.bt_passer{
	float:left;
	width:118px;
	height:40px;
	background:url(../img/bt_passer.jpg) top left  no-repeat; 
}

#icon_link {float:left; margin:0 0 0 4px; width:76px; height:18px; }

#icon_link a {float:left; margin-right:2px; cursor:pointer;}

#facebook2 { width:17px; height:16px; background:url(../img/facebook2.png) no-repeat top left; }
#google2 { width:17px; height:16px; background:url(../img/google2.png) no-repeat top left; }
#twitter2 { width:17px; height:16px; background:url(../img/twitter2.png) no-repeat top left; }
#myspace2 { width:17px; height:16px; background:url(../img/myspace2.png) no-repeat top left; }