/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; overflow: auto; }
body { font-size: 62.5%; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #e2001a;
}
a:visited {
	color: #e2001a;
}
a:link:hover, a:visited:hover {
}


body {
	text-align: center;
	background: #FFFFFF url(../../images/body-l.jpg) repeat-x 0 0;
	font-family: Arial, sans-serif;
	color: #666666;
	position: relative;
	height: 100%;
}
#body2 {
	position: absolute;
	top: 0;
	z-index: 10;
	left: 50%;
	width: 50%;
	height: 100%;
	background: url(../../images/body-r.jpg) repeat-x 0 0;
}
#page {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: left;
	width: 950px;
	position: relative;
	z-index: 50;
	background: url(../../images/page-bg.jpg) no-repeat 50% 0;
}


#top {
	position: relative;
	/*padding: 0 0 0 158px;*/
	padding: 0 0 0 144px;
	height: 90px;
}
	#logo {
		position: absolute;
		left: 0;
		top: 0;
		width: 128px;
		height: 108px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 100%;
			height: 100%;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../../images/logo-1.png) no-repeat 0 0;
			}

	#motto {
		width: 600px;
		line-height: 23px;
		padding: 0 0 0 20px;
		margin: 0;
		font-weight: normal;
		font-size: 83.33%;
		color: #999999;
		text-transform: uppercase;
	}

	#newsletter {
		position: absolute;
		right: 150px;
		top: 0px;
	}
		#newsletter * {
			float: left;
			margin: 0 3px 0 0;
		}
		#newsletter label {
			line-height: 16px;
			font-size: 83.33%;
			color: #999999;
			text-transform: uppercase;
		}
		#newsletter input.text {
			font-size: 91.67%;
			height: 14px;
			padding: 1px 5px;
			color: #999999;
			border: none;
		}
		#newsletter input.submit {
			border: none;
			height: 16px;
			padding: 0 2px;
			color: #FFFFFF;
			background: #999999;
			font-size: 9px;
		}

	#menu {
		position: relative;
		/*width: 658px;*/
		width: 600px;
		background: #CE0319 url(../../images/menu-bg.jpg) no-repeat 0 0;
	}
		#menu ul {
			height: 33px;
			line-height: 33px;
			/*padding: 0 0 0 10px;*/
			padding: 0 0 0 3px;
			overflow: visible;
		}
			#menu li {
				float: left;
				display: block;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
/*					width: 100%;*/
					display: block;
					color: #ffffff;
					text-align: center;
					text-transform: uppercase;
					text-decoration: none;
				}
				#menu li.active a:link, #menu li.active a:visited {
					font-weight: bold;
				}
				#menu li a:link:hover, #menu li a:visited:hover {
					text-decoration: underline;
				}
				#menu li.i1 a:link, #menu li.i1 a:visited { width: 70px; }
				#menu li.i2 a:link, #menu li.i2 a:visited { width: 125px; }
				#menu li.i3 a:link, #menu li.i3 a:visited { width: 115px; }
				#menu li.i4 a:link, #menu li.i4 a:visited { width: 90px; }
				#menu li.i5 a:link, #menu li.i5 a:visited { width: 140px; }
				#menu li.i6 a:link, #menu li.i6 a:visited { width: 40px; }
				#menu li.i7 a:link, #menu li.i7 a:visited { width: 50px; }

			#menu li ul {
				position: absolute;
				left: 0px;
				top: 33px;
				width: 610px;
				font-size: 91.67%;
				padding: 10px 0 5px 10px;
				line-height: 1.1;
				height: auto;
				display: none;
			}
			#menu li:hover ul,
			#menu li.active ul {
				display: block;
			}
				#menu li li {
					width: 65px;
				}
				#menu li li.l1 {
					width: 85px;
				}
				#menu li li.l2 {	
					width: 160px;
				}
				#menu li li.l3 {
					width: 105px;
				}
					#page #menu li li a:link, #page #menu li li a:visited {	
						width: 100%;
						padding: 0;
						color: #666666;
						font-weight: normal;
					}
					/*#page #menu li li a:link:hover, #page #menu li li a:visited:hover {
						font-weight: bold;
					}*/
					#page #menu li li a:link:hover, #page #menu li li a:visited:hover,
					#page #menu li li.active a:link, #page #menu li li.active a:visited {
						color: #e2001a;
						text-decoration: none;
					}

	#bebe {
		position: absolute;
		right: 1px;
		/*top: 0;*/
		top: 22px;
	}
		#bebe a:link, #bebe a:visited {
			display: block;
			/*width: 170px;*/
			width: 196px;
			/*height: 68px;*/
			height: 44px;
			text-decoration: none;
		}
			#bebe a:link span, #bebe a:visited span {
				/* background: url(../../images/logo-2.jpg) no-repeat 0 0; */
				background: none;
			}


#wrap {
	width: 890px;
	min-height: 440px;
	padding: 0 0 0 60px;
	overflow: hidden;
	position: relative;
}
	#content {
		float: left;
		width: 420px;
		padding: 60px 0 0;
		position: relative;
	}
		#content h1 {
			font-size: 200%;
			font-weight: normal;
			line-height: 1.2;
			margin: 0 0 12px;
			text-transform: uppercase;
			color: #e2001a;
		}
		#content h2 {
			font-size: 100%;
			font-weight: bold;
			color: #e2001a;
		}
		#content h2.upper {
			text-transform: uppercase;
		}
		#content h3 {
			font-size: 100%;
			color: #e2001a;
			font-weight: bold;
		}

		#content p {
			margin-bottom: 1.25em;
		}
	#side {
		float: right;
		width: 470px;
	}


#bot {
	position: relative;
	margin: 5px 0px;
}
	#links1 {
		overflow: hidden;
		text-align: right;
		text-transform: uppercase;
		font-size: 83.33%;
	}
		#links1 a:link, #links1 a:visited {
			padding: 0 .3em;
			color: #999999;
		}


form {
	clear: left;
}
fieldset {
	border: none;
	clear: left;
}
	fieldset ul {
		width: 100%;
		overflow: hidden;
	}
	#page fieldset li {
		padding: 5px 0;
		width: 100%;
		overflow: hidden;
	}
		fieldset label {
			display: block;
			float: left;
			width: 90px;
		}
		fieldset input.text, fieldset textarea {
			background: #FFFFFF;
			border: inset 1px ButtonFace;
			width: 282px;
			padding: 2px 5px;
			float: left;
		}
		fieldset input.texterror, fieldset textarea.texterror {
			border: 1px dotted red;
			background-color: yellow;
		}
		fieldset textarea {
			background: #FFFFFF;
			width: 282px;
			padding: 3px 5px;
		}
		fieldset ul.chk {
			float: left;
			width: 300px;
		}
		fieldset ul.chk2 {
			width: 100%;
			font-size: 91.67%;
		}
			#page fieldset ul.chk li {
				float: left;
				width: auto;
				padding: 0;
				margin: 0 5px 0 0;
			}
				fieldset ul.chk li label {
					width: auto;
					line-height: 1.6;
				}
				fieldset ul.chk li input {
					float: left;
				}
	#page fieldset li.but {
		text-align: right;
		position: relative;
	}
		fieldset li.but input.submit {
			float: right;
			background: url(../../images/but-2.png) no-repeat 0 0;
			border: none;
			color: #FFFFFF;
			width: 117px;
			height: 27px;
			font-size: 91.67%;
			text-transform: uppercase;
		}
		#page fieldset li.but span {
			position: absolute;
			left: 0px;
			top: 5px;
			text-align: left;			
		}


/*-------
// temoignage
//-----*/

.but1 {
	position: absolute;
	right: 50px;
	top: 60px;
}
	.but1 a:link, .but1 a:visited {
		display: block;
		width: 151px;
		height: 27px;
		line-height: 27px;
		font-size: 91.67%;
		color: #FFFFFF;
		text-align: center;
		text-transform: uppercase;
		background: url(../../images/but-1.jpg) no-repeat 0 0;
	}

.list1 {
}
	.list1 li {
		width: 100%;
		overflow: hidden;
		margin: 0 0 15px;
		padding: 5px 0 0;
	}
		.list1 li .img {
			float: left;
			border: solid 1px #e2011b;
			margin: -5px 10px 0;
			overflow: hidden;
		}

#ctl01_agenombre
{
	width: 120px;
}


/*-------
// pivotant
//-----*/

.page2 #content h1 {
	margin: 0 0 0;
}

p.more {
	text-align: right;
	font-size: 83.33%;
}
	p.more a:link, p.more a:visited {
		text-transform: uppercase;
		color: #e2001a;
	}


/*-------
// faq
//-----*/

#faq {
}
	#faq select {
		display: block;
		margin: 0 0 15px;
		width: 450px;
	}
	#faq dt {
		font-weight: bold;
		color: #e2001a;
	}
	#faq dd {
		margin: 0 0 15px;
	}
		#faq dd p {
			margin: 5px 0 0;
		}
			a.top:link, a.top:visited {
				padding: 0 10px 0 0;
				background: url(../../images/bullet-1.gif) no-repeat 100% 60%;
			}

/*-------
// ================================================================
//-----*/

/*-------
// contact
//-----*/
.SuccessMessage
{
	padding: 0px;
	background-color: #f2f1f6;
	width: 386px;
	text-align: center;
}
.SuccessMessage02
{
	padding: 5px 5px 5px 25px;
	background-color: Yellow;
	width: 210px;
}
.ErrorMessage 
{
	background-color: #f2f1f6;
	text-align: left;
	padding: 5px 15px;
	width: 355px;
}

/*-------
// Accueil
//-----*/
.page1 #wrap 
{
	width: 950px;
	padding: 0;
}
.page1 #content 
{
	width: 950px;
	padding: 0;
}

/*-------
// Ajout temoignages
//-----*/
.page3 #page
{
	background: transparent url(../../images/newsletter-bg.jpg) no-repeat scroll 50% 0pt;
	padding: 0px;
	margin: 0px;
	width: 439px;
}
.page3 #wrap
{
	margin: 0px;
	padding: 0 0 0 15px;
	width: 424px;
}
.page3 #content
{
	padding: 0px;
}
.page3 #top, .page3 #bot, .page3 #body2 {
	display: none;
	background-color : #FFFFFF;
}
.page3 fieldset li.but input.submit
{
	margin-right: 20px;
}
.page3 #content h1
{
	margin-top: 10px;
}


/*-------
// plan du site
//-----*/

.page4 h1{
	padding-bottom: 20px;
}

#leftplan {
	float : left;
	width : 210px;
}

#rightplan {
	float : right;
	width : 190px;
	margin-left: 20px;
}

.plan1 {
	color:#E2001A;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	margin-top: 18px;
}

.plan2, .plan2a {
	color:#E2001A;
	font-size:100%;
	font-weight:bold;
	margin-left:35px;
}
.plan2a {
	margin-top : 22px;
}

#leftlist, #rightlist {
	padding-left: 5px;
	list-style-type : circle;
	list-style-position: inside;
}

/*-------
// couleurs et accessoires
//-----*/
.coloris 
{
	margin-left:15px;
}

/*-------
// recompenses
//-----*/
.rsmall
{
	font-size:80%;
}

/*-------
// presse
//-----*/
#content .presse {
	color:#E2001A;
	font-size:100%;
	margin-bottom:0;
}


/*-------
// jeux concours
//-----*/
.but2 {
	position: absolute;
	right: 55px;
	top: 380px;
}
.but3 {
	position: absolute;
	left: 35px;
	top: 380px;
}
	.but2 a:link, .but2 a:visited, .but3 a:link, .but3 a:visited {
		display: block;
		width: 97px;
		height: 27px;
		line-height: 27px;
		font-size: 91.67%;
		color: #FFFFFF;
		text-align: center;
		text-transform: uppercase;
		background: url(../../images/but-2.jpg) no-repeat 0 0;
	}
#fieldsetJeu dt
{
	font-weight: bold;
}
#fieldsetJeu dd
{
	margin-bottom: 10px;
}
#fieldsetJeu label
{
	display: inline;
	float: none;
	width: 100%;
}
#fieldsetJeu li
{
	margin-left: 20px
}
#fieldsetJeu #butJeu 
{
	margin-left: 0px
}

#ctl01_fieldsetJeu2 .long
{
	width: 250px;
}