@import 'reset.css';

body{
	background:#DCE5E6 url("../images/bg2.jpg") fixed no-repeat 50% 0;
	font-family:AvenirBook,Helvetica,Verdana, Arial;
}
h1,h2,h3,h4,h5{
	font-family:AvenirBook,Helvetica,Verdana, Arial;
}
#more{
	background: white;
	color: #666;
	font-size: 13px;
	height: 11px;
	left: 278px;
	line-height: 10px;
	padding: 9px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 8px;
	width: 182px;
}

a:hover#more{
	color:white;
	background-color:#E5007D;
}
#navigation{
	background:transparent url('../images/dots.png') bottom left repeat-x;
}

#navigation{
	list-style-type: none;
	background:rgba(220,229,230,0.8) url('../images/dots.png') bottom left repeat-x;
	padding-bottom:10px;
}

.page{
	position:relative;
	width:955px;
	margin:0 auto;
	min-height:700px;
	margin-top:80px;
}

#navigation {
	position:fixed;
	top:0;
	width:480px;
	z-index:100;
}
#navigation li{
	
}
#navigation li a{
	float:left;
	width:153px;
	height:39px;
	background-color:#ABB2B4;
	margin-right:10px;
	text-align:center;
	text-transform:uppercase;
	color:white;
	text-decoration:none;
	line-height:39px;
	-webkit-text-stroke:1px transparent;
	font-family:AvenirBlack,Helvetica,Arial,Verdana,sans;
}
#navigation li.last a{
	margin-right:0;
}
#navigation li.active a,#navigation li a:hover{
	background-color:#E5007D;
}

a, a:hover{
	color:black;
}

#pageTitle{
	font-family:FranklinGothicStdExtraCondens, Helvetica, Verdana, Arial, sans;
	font-size:40px;
	text-transform:uppercase;
}

#contents{
	background:rgba(255,255,255,0.4);
	width:446px;
	min-height:550px;
	margin-bottom:20px;
	padding:10px 17px;
}
#contents{
	background:transparent url(../images/bgtrans.png);
}


#contents.home{
	width:730px;
	min-height:0;
	padding:17px;
}

#contents h3{
	text-transform:uppercase;
	font-family:AvenirMedium;
	line-height:21px;
}
#contents h3.partners{
	font-size:14px;
	margin-top:5px;
	margin-bottom:7px;
}

#contents.partners{
	width:495px;
	padding:0;
	background:transparent;
}

ul.partenaires{
	background:transparent url('../images/dots.png') bottom left repeat-x;
	overflow:auto;
	margin-bottom:20px;
}
ul.partenaires li a{
	background:url(../images/partenaires.png) no-repeat top left;
	text-indent:-999px;
	width:153px;
	height:153px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	
}

ul.partenaires #tps{
	background-position:-459px 0;
}

ul.partenaires #msn{
	background-position:-612px 0;
	
}

ul.partenaires #m6{
	background-position:-765px 0;
}

ul.partenaires #vm{
	background-position:-918px 0;
	
}

ul.partenaires #fun{
	background-position:-1071px 0;

}

ul.partenaires #lancel{
	background-position:-1224px 0;
	
}

ul.partenaires #linas{
	background-position:0px 0;
	
}

ul.partenaires #morgan{
	background-position:-153px 0;
	
}

ul.partenaires #nomrose{
	background-position:-306px 0;
	
}


ul.partenaires a:hover#tps{
	background-position:-459px -153px;
}

ul.partenaires a:hover#msn{
	background-position:-612px -153px;
	
}

ul.partenaires a:hover#m6{
	background-position:-765px -153px;
}

ul.partenaires a:hover#vm{
	background-position:-918px -153px;
}

ul.partenaires a:hover#fun{
	background-position:-1071px -153px;
}

ul.partenaires a:hover#lancel{
	background-position:-1224px -153px;
}

ul.partenaires a:hover#linas{
	background-position:0px -153px;
}

ul.partenaires a:hover#morgan{
	background-position:-153px -153px;
}

ul.partenaires a:hover#nomrose{
	background-position:-306px -153px;
}





#contents ul.partners{
	background:transparent url('../images/dots.png') bottom left repeat-x;
	overflow:auto;
	margin-bottom:20px;
}
#contents ul.partners li a{
	background:url(../images/jeu-partenaires.png) no-repeat top left;
	text-indent:-999px;
	width:94px;
	height:94px;
	float:left;
	margin-right:23px;
	margin-bottom:25px;
}

#contents ul.partners #nomdelarose{
	background-position:0 0;
}
#contents ul.partners #linas{
	background-position:-94px -0px;
}
#contents ul.partners #morgan{
	background-position:-188px 0px;
}
#contents ul.partners #happytime{
	background-position:-282px 0px;
	margin-right:0;
}

#contents ul.partners a:hover#nomdelarose{
	background-position:0 -94px;
}
#contents ul.partners a:hover#linas{
	background-position:-94px -94px;
}
#contents ul.partners a:hover#morgan{
	background-position:-188px -94px;
}
#contents ul.partners a:hover#happytime{
	background-position:-282px -94px;
	margin-right:0;
}

#contents ul.goodies li:first-child {
	padding-top:0;
}

#contents ul.goodies li {
	min-height:100px;
	padding-top:40px;
	background:transparent url('../images/dots.png') bottom left repeat-x;
}
#contents ul.goodies li span{
	background:transparent url('../images/bullet_pink.png') 0 10px no-repeat;
	font-size:14px;
	display: block;
	padding-left: 20px;
	padding-top: 14px;
	width: 290px;
	line-height:1.3em;
}
#contents ul.goodies li img{
	float:right;
	position:relative;
	top:-15px;
	border:4px solid #E5007D;
}

#contents h3.lookanswer{
	margin-top:35px;
}

.questions h4{
	font-family:AvenirBlack;
	font-size:15px;
	color:#E5007D;
	padding:22px;
	background:url('../images/bulle.png') top left no-repeat;
	height:73px;
	margin-top:25px;
}
.questions li.question{
	background:transparent url('../images/dots.png') bottom left repeat-x;
	padding-bottom:20px;
	margin-bottom:20px;
}
.questions .reponses{
	background:transparent url('../images/dots.png') top left repeat-x;
	padding-top:20px;
}

.reponses li.reponse{
	padding:10px 0;
}
#reglement_link{
	color:black;
	font-size:10px;
}

.inscription h3{
	color:#E5007D;
	font-family:AvenirBlack;
}
.inscription li{
	font-size:14px;
	line-height:1.4em;
	background:transparent url('../images/dots.png') bottom left repeat-x;
	padding-bottom:20px;
	
}
.inscription .civilite{
	margin-bottom:15px;
}
.inscription div{
	margin-top:15px;
}

.inscription .ml{
	float:right;
	color:black;
	text-transform:lowercase;
	padding-bottom:20px;
	font-size:12px;
}

.inscription .ml a{
	color:black;
}

.inscription .person_form input.txtfield{
	width:400px;
	background:white;
	border:none;
	height:24px;
	margin-bottom:5px;
	padding:10px 10px 0 10px;
	font-family:AvenirMedium;
	font-size:12px;
}
.inscription .person_form div{
	margin:0;
}
.inscription .person_form input.txtfield.error{
}
.inscription .person_form textarea{
	font-size:12px;
	font-family:AvenirMedium;
	padding:10px 10px 0 10px;
	width:400px;
	background:white;
	border:none;
}
.placeholder{
	font-family:AvenirMedium;
	color:#666;
}


form{
	overflow:auto;
}

form label.error{
	display:none;
	color:#E5007D;
	font-family:AvenirBlack;
}
#submit{
	width:117px;
	height:35px;
	border:0;
	font-size:15px;
	line-height:33px;
	color:white;
	font-family:AvenirMedium;
	float:right;
	text-transform:uppercase;
	background-color:#9CA0A3;
}
#submit:hover{
	background-color:#E5007D;
}
#footer .links{
	width:300px;
	margin:0 auto;
}
#footer .links li a{
	float:left;
	margin-right:10px;
	color:#525557;
	font-size:10px;
	text-decoration:underline;
	font-family:AvenirLight, Helvetica, Arial, Verdana, sans;
}
#footer .links li a img{
	position:relative;
	top:-10px;
}