* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style: none;
}

object {
	vertical-align: top;
	outline: none;
}

a {
	outline: none;
	color: #ff6000;
}

	a:hover {
		text-decoration: none;
	}

html {
	min-width: 1002px;
}

body {
	background: #111;
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #393939;
	
}

.bodymini {
position:absolute;
top:50px;
	background: white;
	left:60px;
	padding:40px;
	  border-style: ridge;
           border-width: 2px;
           border-color: grey;
	width:400px;
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #393939;
	
}

.bodypaiement {
position:absolute;
top:50px;
	background: white;
	left:60px;
	padding:40px;
	  border-style: ridge;
           border-width: 2px;
           border-color: grey;
	width:800px;
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #393939;
	
}

.bodyminiexo{
position:absolute;
top:50px;
	background: white;
	left:100px;
	padding:40px;
	  border-style: ridge;
           border-width: 2px;
           border-color: grey;
	width:460px;
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #393939;
	
}

.bodyminikit{
position:absolute;
top:20px;
	background: white;
	left:20px;
	padding:40px;
	  border-style: ridge;
           border-width: 2px;
           border-color: grey;
	width:440px;
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #393939;
	overflow:auto;
	
}

#insidekit{
background: transparent;
padding-right:20px;
width:450px;
height:540px;
margin-bottom:20px;
	overflow:auto;
	
}

#insidekit h2 strong {
		display: block;
		float: left;
		padding: 0 3px 0 0;
		line-height: 1.2em;
		font-size: 1.1em;
		font-weight: 700;
		color: #ffaf7f;
	}
	
#insidekit h2 {
	background: url(images/title-line.gif) repeat-x 0% 100%;
	width: 100%;
	margin: 25px 0 5px 0;
	padding: 0 0 16px 0;

	letter-spacing: -1px;
	line-height: 1.2em;
	font-size: 18px;
	font-weight: 400;
	color: #3b3b3b;
}


h2 {
	background: url(images/title-line.gif) repeat-x 0% 100%;
	width: 100%;
	margin: 0 0 31px 0;
	padding: 0 0 16px 0;
	overflow: hidden;
	letter-spacing: -1px;
	line-height: 1.2em;
	font-size: 1.7em;
	font-weight: 400;
	color: #3b3b3b;
}

	h2.extra {
		margin: 0 0 26px 0;
	}
	
	h2.extra1 {
		margin: 0 0 24px 0;
	}
		h2.center {
		position:relative; left:800px;
	}

	h2 strong {
		display: block;
		float: left;
		padding: 0 3px 0 0;
		line-height: 1.2em;
		font-size: 1.167em;
		font-weight: 700;
		color: #ffaf7f;
	}

	h2 span {
		display: block;
		float: left;
		padding: 4px 0 0 0;
		font-weight: 400;
	}
	
	h2 b {
		display: block;
		float: left;
		padding: 4px 0 2px 0;
		font-weight: 400;
	}

h3 {
	background: url(images/title-line1.gif) repeat-x 0% 100%;
	margin: 0 0 23px 0;
	padding: 0 0 14px 0;
	line-height: 1.2em;
	letter-spacing: -1px;
	font-family:trebuchet ms;
	font-size: 2.167em;
	font-weight: 400;
	color: #CAC8C8;
}

	h3.extra {
		margin: 0 0 25px 0;
	}
	
	h3.extra1 {
		margin: 0 0 30px 0;
	}

h4 {
	padding: 0 0 6px 0;
	line-height: 1.385em;
	font-size: 1.083em;
	color: #fff;
}

h5 {
	padding: 0 0 18px 0;
	line-height: 1.385em;
	font-size: 1.083em;
	color: #4d4c4c;
}

	h5 em {
		display: block;
		margin: 0 0 -4px 0;
		font-style: normal;
	}
	
	h5 i {
		display: block;
		margin: 0 0 -6px 0;
		font-style: normal;
	}

h6 {
	padding: 0 0 17px 0;
	line-height: 1.429em;
	font-size: 1.167em;
	font-weight: normal;
	color: #ff6000;
}

.fleft {
	float: left;
}

	img.fleft {
		margin: 0 27px 0 0;
	}
	
	img.fleft1 {
		float: left;
		margin: 0 27px 24px 0;
	}

.fright {
	float: right;
}

	img.fright {
		margin: 0 3px 24px 0;
	}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
	font-size:12px;
}

.col-1bis {
position:relative;
	float: left;
	left:0px;
	top:1px;
	width:310px;
	padding-right:20px;
	height:600px;
	overflow: auto;
	font-size:12px;
}

.col-1etudiant {
	float: left;
	width:300px;
	padding-right:20px;
	height:600px;
	font-size:12px;
	
}
.col-1exo{

	float: left;

	width:400px;
	padding-right:20px;
	height:600px;
	overflow: scroll;
	z-index:9;
}


.col-2contact {
position:relative;
	float: left;
	left:450px;
	width:400px;
	padding:20px;
	height:400px;
	background-color:white;
	background: url(images/contact-textarea2.gif) no-repeat 0% 0%;
	font-size:12px;
	text-align:right;
}

.colcontact {position:relative;
left:-200px; text-align:right;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#main-tail-top {
	background: #fff url(images/main-tail-top.gif) repeat-x 50% 341px;
}

#main-tail-bot {
	background: url(images/main-tail-bot.gif) repeat-x 50% 100%;
}

#main {
	font-size: 0.75em;
}

#main-bg {
	width: 100%;
}

#header {
	position: relative;
	left:140px;
	width: 100%;
	height:350px;
	margin: 20 auto;
	padding-top:20px;
	padding-left:10px;
	overflow: hidden;
	z-index:9;
}



#animation {

	position:absolute;
	left:380px;
	top:210px;
	
}


#animation_flash {
	position:relative;
	left:-140px;
}


#content {
position:relative;
top:10px;
 left:-50px;

	width: 1002px;
	margin: 0 auto;
}

	#content p {
		padding: 0 0 12px 0;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #7e7e7e;
	}
	
	#content p.extra {
		padding: 0 0 20px 0;
	}
	
	#content p.extra1 {
		padding: 0 0 18px 0;
	}
	
	#content p.extra2 {
		padding: 0 0 34px 0;
	}
	
	#content p.extra3 {
		padding: 0 0 32px 0;
	}
	
	#content p.extra4 {
		padding: 0 0 16px 0;
	}
	
	#content p.extra-style {
		padding: 0 0 17px 0;
		line-height: 1.308em;
	}
	
		#content p strong {
			color: #4d4c4c;
		}
		
		#content p small {
			float: right;
			padding: 0 10% 0 0;
			font-size: 1em;
		}
		
			#content p small a {
				color: #ff6000;
			}
			
		#content p big {
			font-size: 1em;
			color: #ff6000;
		}

		
		
#identification1 {
position:absolute;
font-size:11px;
top:-150px;
left:0px;
width:110%;
margin: 0 auto;
z-index:9
}


#identification {
position:absolute;
font-size:11px;

left:400px;
width:110%;

	margin: 0 auto;
}


#identifnew {position:relative;font-size:11px;top:20px;left:200px;width:700px;margin: 0 auto;z-index:9}

#secondary-content-bg {
	background: #2c2c2c;
}

#secondary-content {
	width: 1002px;
	margin: 0 auto;
}

	#secondary-content p {
		padding: 0 0 21px 0;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #b4b4b4;
	}
	
	#secondary-content p.extra {
		padding: 0 0 15px 0;
	}
	
	#secondary-content p.extra1 {
		padding: 0 0 10px 0;
	}
	
	#secondary-content p.extra-style {
		padding: 0 0 17px 0;
		line-height: 1.714em;
		font-size: 1.167em;
		font-style: italic;
		color: #b4b4b4;
	}
	
		#secondary-content p a {
			text-decoration: none;
			color: #ff6000;
		}
		
		#secondary-content p a:hover {
			text-decoration: underline;
		}
		
		#secondary-content p span a {
			text-decoration: underline;
		}
		
		#secondary-content p span a:hover {
			text-decoration: none;
		}

.row-1 {
	width: 100%;
	overflow: hidden;
}

	.row-1 .inner {
		padding: 1px 7px 40px 7px;
	}
	
.row-2 {
	width: 100%;
	overflow: hidden;
}

	.row-2 .inner {
		padding: 32px 7px 39px 7px;
	}
	
	.row-2 .inner-1 {
		padding: 44px 7px 39px 7px;
	}

.link {
	background: url(images/link-tail.gif) repeat-x 0% 0%;
	display: inline-block;
	height: 28px;
	float: left;
	overflow: hidden;
	line-height: 26px;
	text-decoration: none;
	font-size: 1.167em;
	color: #ff6000;
}

	.link span {
		background: url(images/link-left.gif) no-repeat 0% 0%;
		display: inline-block;
	}
	
	.link span span {
		background: url(images/link-right.gif) no-repeat 100% 0%;
		display: inline-block;
		height: 28px;
		padding: 0 16px 0 16px;
	}
	
	.link:hover span span {
		cursor: pointer;
		text-decoration: underline;
	}

.link-1 {
	float: left;
	line-height: 1.385em;
	font-size: 1.083em;
	color: #ff6000;
}

.line-ver-1 {
	background: url(images/line-ver.gif) repeat-y;
	width: 100%;
}

.line-ver-2 {
	background: url(images/line-ver.gif) repeat-y;
	width: 100%;
}

.line-ver-3 {
	background: url(images/line-ver1.gif) repeat-y;
	width: 100%;
}

.line-ver-4 {
	background: url(images/line-ver1.gif) repeat-y;
	width: 100%;
}

.indent-bot {
	margin: 0 0 24px 0;
}

.list {
	overflow: hidden;
}

	.list li {
		background: url(images/marker.gif) no-repeat 0% 9px;
		padding: 0 0 0 9px;
		line-height: 1.846em;
		font-size: 1.083em;
		color: #b4b4b4;
	}
	
		.list li a {
			text-decoration: none;
			color: #b4b4b4;
		}
		
		.list li a:hover {
			text-decoration: underline;
		}
		
	.list li.extra {
		background: none;
	}
	
		.list li.extra a {
			text-decoration: underline;
			color: #ff6000;
		}
		
		.list li.extra a:hover {
			text-decoration: none;
		}

.list-1 {
	width: 100%;
	padding: 1px 0 20px 0;
	overflow: hidden;
}

	.list-1 li {
		width: 100%;
		padding: 0 0 18px 0;
		overflow: hidden;
		vertical-align: top;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #7e7e7e;
	}
	
		.list-1 li img {
			float: left;
			margin: 2px 10px 0 0;
		}
		
		.list-1 li p {
			overflow: hidden;
			padding: 0 0 0 0 !important;
			line-height: 1.385em !important;
			font-size: 1em !important;
			color: #7e7e7e;
		}
		
		.list-1 li a {
			text-decoration: none;
			font-weight: bold;
			color: #4d4c4c;
		}
		
		.list-1 li a:hover {
			text-decoration: underline;color: #ff6000
		}

.list-2 {
	padding: 0 0 25px 0;
	overflow: hidden;color: #7e7e7e;
}

	.list-2 li {
		background: url(images/marker.gif) no-repeat 0% 9px;
		padding: 0 0 0 9px;
		line-height: 1.2em;
		font-size: 1.1em;
		color: #7e7e7e;
	}
	
	
		
		.list-2 li a:hover {
			text-decoration: underline;color: #ff6000;
		}

		
		.list-2 li a {
			text-decoration: none;color: #ff6000
		}
.list-3 {
	width: 100%;
	margin: 0 0 -25px 0;
	overflow: hidden;
}

	.list-3 li {
		width: 100%;
		padding: 0 0 25px 0;
		overflow: hidden;
		vertical-align: top;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #7e7e7e;
	}
	
		.list-3 li img {
			float: left;
			margin: 0 27px 0 0;
		}
		
		.list-3 li p {
			padding: 0 0 22px 0 !important;
			line-height: 1.385em !important;
			font-size: 1em !important;
			color: #7e7e7e !important;
		}
		
		.list-3 li strong {
			display: block;
			overflow: hidden;
			font-weight: normal;
		}
		
			.list-3 li strong a {
				background: url(images/link-tail.gif) repeat-x 0% 0%;
				display: inline-block;
				height: 28px;
				float: left;
				overflow: hidden;
				line-height: 26px;
				text-decoration: none;
				font-size: 1.077em;
				color: #ff6000;
			}
			
				.list-3 li strong a span {
					background: url(images/link-left.gif) no-repeat 0% 0%;
					display: inline-block;
				}
				
				.list-3 li strong a span span {
					background: url(images/link-right.gif) no-repeat 100% 0%;
					display: inline-block;
					height: 28px;
					padding: 0 16px 0 16px;
				}
				
				.list-3 li strong a:hover span span {
					cursor: pointer;
					text-decoration: underline;
				}

.list-4 {
	width: 100%;
	padding: 1px 0 2px 0;
	overflow: hidden;
}

	.list-4 li {
		width: 100%;
		padding: 0 0 18px 0;
		overflow: hidden;
		vertical-align: top;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #7e7e7e;
	}
	
		.list-4 li img {
			float: left;
			margin: 2px 11px 0 0;
		}
		
		.list-4 li p {
			overflow: hidden;
			padding: 0 0 0 0 !important;
			line-height: 1.385em !important;
			font-size: 1em !important;
			color: #7e7e7e !important;
		}
		
		.list-4 li a {
			text-decoration: none;
			font-weight: bold;
			color: #fff !important;
		}
		
		.list-4 li a:hover {
			text-decoration: underline;
		}

.list-5 {
	width: 100%;
	padding: 5px 0 0 0;
	overflow: hidden;
}

	.list-5 li {
		float: left;
		width: 297px;
		padding: 0 38px 0 0;
	}
	
	.list-5 li.extra {
		padding: 0;
	}
	
		.list-5 li img {
			margin: 0 0 23px 0;
		}
	
		.list-5 li strong {
			display: block;
			padding: 0 0 7px 0;
			line-height: 1.429em;
			font-size: 1.167em;
			font-weight: normal;
			color: #ff6000;
		}
		
		.list-5 li p {
			padding: 0 0 20px 0 !important;
			line-height: 1.385em !important;
			font-size: 1.083em !important;
			color: #7e7e7e !important;
		}
		
		.list-5 li b {
			display: block;
			font-weight: normal;
		}
		
		.list-5 li b a {
			background: url(images/link-tail.gif) repeat-x 0% 0%;
			display: inline-block;
			height: 28px;
			float: left;
			overflow: hidden;
			line-height: 26px;
			text-decoration: none;
			font-size: 1.167em;
			color: #ff6000;
		}
		
			.list-5 li b a span {
				background: url(images/link-left.gif) no-repeat 0% 0%;
				display: inline-block;
			}
			
			.list-5 li b a span span {
				background: url(images/link-right.gif) no-repeat 100% 0%;
				display: inline-block;
				height: 28px;
				padding: 0 16px 0 16px;
			}
			
			.list-5 li b a:hover span span {
				cursor: pointer;
				text-decoration: underline;
			}

.list-6 {
	margin: 0 0 -6px 0;
	padding: 1px 0 0 0;
	overflow: hidden;
	line-height: 1.385em;
	font-size: 1.083em;
	color: #7e7e7e;
}

	.list-6 dt {
		font-weight: bold;
		color: #4d4c4c;
	}
	
		.list-6 dt a {
			text-decoration: none;
			color: #4d4c4c;
		}
		
		.list-6 dt a:hover {
			text-decoration: underline;
		}
		
	.list-6 dd {
		padding: 0 0 18px 0;
	}

.list-indent {
	padding: 0 0 23px 0 !important;
}

.list-indent1 {
	padding: 0 0 3px 0 !important;
}

.list-indent2 {
	padding: 0 0 17px 0 !important;
}

.info-box {
	width: 100%;
	overflow: hidden;
}

	.info-box strong {
		background: url(images/pic-1.gif) no-repeat 0% 0%;
		display: block;
		height: 45px;
		padding: 12px 0 23px 88px;
		overflow: hidden;
		line-height: 1.2em;
		letter-spacing: -1px;
		font-size: 2.167em;
		font-weight: 400;
		color: #d9d9d9;
	}
	
	.info-box p {
		padding: 0 0 23px 0 !important;
		line-height: 1.714em !important;
		font-size: 1.167em !important;
		font-style: italic !important;
		color: #b4b4b4 !important;
	}
	
	.info-box p.extra {
		padding: 0 0 10px 0 !important;
	}
	
		.info-box p span {
			display: block;
			color: #ff6000;
		}
		
		.info-box p small {
			float: right;
			padding: 0 10% 0 0;
			font-size: 1em;
		}
		
			.info-box p small a {
				text-decoration: underline !important;
			}
			
			.info-box p small a:hover {
				text-decoration: none !important;
			}
	
	.info-box em {
		display: block;
		padding: 0 10px 0 0;
		text-align: right;
		line-height: 1em;
		font-size: 1.167em;
		color: #ff6000;
	}
	
	.info-box i {
		display: block;
		padding: 5px 10px 0 0;
		text-align: right;
		line-height: 1.2em;
		font-size: 1.083em;
		color: #b4b4b4;
	}
	
		.info-box i a {
			color: #b4b4b4;
		}

.partners {
	width: 100%;
	padding: 5px 0 0 0;
	overflow: hidden;
}

	.partners li {
		float: left;
		padding: 0 40px 0 0;
	}
	
	.partners li.extra {
		padding: 0;
	}

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

#contact-form {
	width: 277px;
}

	#contact-form label {
		background: url(images/contact-input.gif) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 50px;
		overflow: hidden;
	}
	
	#contact-form strong {
		background: url(images/contact-textarea.gif) no-repeat 0% 0%;
		display: block;
		width: 277px;
		height: 129px;
		overflow: hidden;
		font-weight: normal;
	}
	
	#contact-form input {
		background: none;
		width: 263px;
		height: 16px;
		padding: 6px 7px 6px 7px;
		float: left;
		border: none;
		font-family: trebuchet ms, arial, Helvetica, sans-serif;
		font-size: 1.083em;
		color: #7e7e7e;
	}
	
	#contact-form textarea {
		background: none;
		width: 263px;
		height: 115px;
		padding: 6px 7px 6px 7px;
		float: left;
		overflow: auto;
		border: none;
		font-family: trebuchet ms, arial, Helvetica, sans-serif;
		font-size: 1.083em;
		color: #7e7e7e;
	}

	#contact-form a {
		background: url(images/link-tail.gif) repeat-x 0% 0%;
		display: inline-block;
		height: 28px;
		float: right;
		margin: 25px 0 0 13px;
		overflow: hidden;
		line-height: 26px;
		text-decoration: none;
		font-size: 1.167em;
		color: #ff6000;
	}
	
		#contact-form a span {
			background: url(images/link-left.gif) no-repeat 0% 0%;
			display: inline-block;
		}
		
		#contact-form a span span {
			background: url(images/link-right.gif) no-repeat 100% 0%;
			display: inline-block;
			height: 28px;
			padding: 0 17px 0 17px;
		}
		
		#contact-form a:hover span span {
			cursor: pointer;
			text-decoration: underline;
		}

#footer {
	width: 1002px;
	height: 57px;
	margin: 0 auto;
	overflow: hidden;
}

	#footer p {
		padding: 0 2px 0 0;
		line-height: 52px;
		text-align: center;
		color: #b4b4b4;
		font-size:12px;
	}
	
		#footer p strong {
			padding: 0 3px 0 0;
			font-weight: normal;
		}
		
		#footer p span {
			padding: 0 9px 0 0;
		}
		
		#footer p a {
			margin: 0 0 0 9px;
			color: #b4b4b4;
		}
		
	


	
#boiterechercher
{ position:relative;left:45px;top:0px;z-index:10;border:none;width:300px;}
		
.rechercher {

font-size:9px;font-style:italic;
		background: url(images/fondrechercher.png) no-repeat 00% 00%;
		height:20px;
		width:200px;
		border:none;
		overflow: hidden;
	}
	

.lettrine
{

font-family: "trebuchet ms";
color : rgb(130,1,1);
font-size: 20px;
vertical-align: top;
text-decoration:none;
z-index: 2;
}

#imagelien {position:relative; top:5px;left:0px;z-index: 3}



.lienexo {
text-align: left;
font-family: "trebuchet ms";
color : rgb(130,1,1);
font-size: 110% ;
text-decoration :none;

}

.lienexo:hover {
font-family: "trebuchet ms";
color : black ;
font-size:110% ;
text-decoration :none;

     }
	 
	.lienfiche{
text-align: right;
font-family: "trebuchet ms";
color : black;
font-size: 110% ;
text-decoration :none;
 background-color: transparent;
	
}


#compte
{
font-family: "trebuchet ms";
color : white ;
font-size:90% ;
text-decoration :none;

     }
	 
	 
	 


div#comptepop {left:120%;top:2%;z-index:1;
   font-size:12px;
             color:black;
                        text-align:left;
             font-style: italic;}
			 

div#flashpost {
           position:absolute;
           top:1%;left:1%;width:100%;height:100%;
           z-index: 6;
           }
		   
		   
#animetude {position:absolute;
             font-size:10px;
             color: darkslategray;
             text-align:left;
             font-style:italic;
             top:50px;
             left:450px;
			 background-color: transparent;
			 z-index:4;
           			}
			
#animprojet {position:absolute;
             font-size:10px;
             color: darkslategray;
             text-align:left;
             font-style:italic;
             top:150px;
             left:450px;
			 background-color: transparent;
            	
			}
			
			
.liendrew{
          font-family: "trebuchet ms";
     font-size: 13px;
     color:  gray;  }
	 
	 
	 div#erreur {color:white; font-size:16px; height:50px;vertical-align:center}

div#erreurpop {color:white; font-size:14px; }

div#erreurpop2 {background-color:white;color:black; position:relative;font-size:24px; z-index:9; line-height: 150%; margin:20px;}

div#contact {
           position:absolute;
           font-size: 13px;
           letter-spacing:-0.03em;
           line-height: 150%;
           color: gray;
           float: right;
           top:10px;left:50px;
		   width:540px;height:360px;
           padding: 10px;
           text-align:left;
           margin: 2px;
           background-color: white;
             border-style: ridge;
           border-width: 10 px;
           border-color: grey;


}

.list-3 li {font-size: 11px;}

.sommaire {position:absolute;
	
left:160px; top:460px;text-align:right;
}



.red {
	color:#ff6000;
	font-weight:bold;
}

.img-box1 img { 
	float:left; 
	margin:0 20px 0 0;
}

.img-box2 img { 
	float:right; 
	margin:0px 10px 10px 10px;
}



#popup
{
width:410px;

     }
	 
	 
.liensm {
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;
	font-size: 100%;
	position:absolute;
color:#ff6000;
left:160px; text-align:right;
top:490px;
z-index:9;
}
	
	 
.liensm  a{
	

color: #393939;

}
	

#boutique
{position:relative;
top:50px;
width:1000px;
background-color:yellow;
height:1200px;

}	
	

#photoproduit1 {position:absolute; left:20px;top:10px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit1{ position:absolute; left:140px; top:0px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 10px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit2 {position:absolute; left:530px;top:10px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit2{ position:absolute; left: 650px; top:0px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}

	


#photoproduit3 {position:absolute; left:310px;top:170px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit3{ position:absolute; left:20px; top:160px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit4 {position:absolute; left:820px;top:170px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit4{ position:absolute; left: 530px; top:160px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}


#photoproduit5 {position:absolute; left:20px;top:340px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit5{ position:absolute; left:140px; top:330px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit6 {position:absolute; left:530px;top:340px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit6{ position:absolute; left: 650px; top:330px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}

	


#photoproduit7 {position:absolute; left:310px;top:500px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit7{ position:absolute; left:20px; top:490px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit8 {position:absolute; left:820px;top:500px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit8{ position:absolute; left: 530px; top:490px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}







#photoproduit9 {position:absolute; left:20px;top:650px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit9{ position:absolute; left:140px; top:640px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit10 {position:absolute; left:530px;top:650px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit10{ position:absolute; left: 650px; top:640px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}

	


#photoproduit11 {position:absolute; left:310px;top:810px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit11{ position:absolute; left:20px; top:800px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}
		


#photoproduit12 {position:absolute; left:820px;top:810px; width:110px; height:110px; 
background: url(images/4page-img2.jpg) no-repeat ; display: block;  }

#produit12{ position:absolute; left: 530px; top:800px; text-align: left; background-color:white; padding-bottom: 20px; 
padding-top: 20px; padding-left:20px;padding-right: 40px;	font-family: trebuchet ms,  times, Helvetica; font-size: 13px; line-height: 140%;font-style:normal;
width:240px;height:200px;overflow:auto; border: none; background: url(images/fondproduit.gif) no-repeat 0% 0%;color: #7e7e7e; z-index:9;}





div#dewdiapo{
           position:absolute;
           background-color:red;
           top: 80px;
           left:850px;
          width:800px;
          height:500px;
          

           vertical-align: center;
           padding-top: 2px;
           text-align: center;
             font-family: "trebuchet ms";
     font-size: 13px;
     color:  gray;
	 z-index:9;


           }
		   
.ongletsilivre{
           position:relative;
       
                   width:440px;
        


           }
		   
		 
#bouquin {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6.jpg) no-repeat}
#bouquin:hover {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6bis.jpg) no-repeat}

#bouquinnrc {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6nrc.jpg) no-repeat}
#bouquinnrc:hover {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6nrcbis.jpg) no-repeat}

#bouquinnego {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e4.jpg) no-repeat}
#bouquinnego:hover {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e4bis.jpg) no-repeat}

div#commanderbouquin{
           position:absolute;
           background-color:black;
		   top:95%;
		   left:0px;
         color:white;
          width:1000px;
          height:3%;
          

   
           text-align: center;
             font-family: "trebuchet ms";
     font-size: 16px;

	 z-index:20;


           }
		   
		   
#commanderbouquin a{
       
     font-size: 20px;
 z-index:20;
   font-family: "trebuchet ms";
     




           }

div#dewbouquin{
           position:absolute;
           background-color:white;
		   top:00px;
		   left:00px;
         
          width:1000px;
          height:800px;
          

   
           text-align: center;
             font-family: "trebuchet ms";
     font-size: 13px;
     color:  gray;
	 z-index:9;


           }
		   

#bouquincas {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6.jpg) no-repeat}
#bouquincas:hover {display:bloc; position: absolute; top:260px;left:900px; width:200px; height:270px; z-index:7; background: url(./images/e6bis.jpg) no-repeat}
		   
#eclate {display:bloc; position: absolute; top:-20px;left:620px; width:200px; height:270px; z-index:7; background: url(./images/eclate.png) no-repeat}
#eclate2 {display:bloc; position: absolute; top:-20px;left:620px; width:200px; height:270px; z-index:7; background: url(./images/eclate2.png) no-repeat}



.lienbtscomm{
	font-family: trebuchet ms, trebuchet ms, arial, Helvetica, sans-serif;

	position:absolute;
 text-decoration: blink; 
color:#ff6000;
left:320px; text-align:right;
top:-70px;
z-index:9;
}
	
	 
.lienbtscomm  a{
	

color: #393939;

}



#pub{width:200px; height:400px; position:absolute; left: 1200px; top:460px; background-color:transparent;}

#publibrairie{width:200px; position:relative; left:20px; top:10px; background-color:transparent;z-index:99}
.apub {font-size:12px;text-decoration:none;font-style:strong;line-height: 120%;}




#bouton{position:absolute; left:1250px; top:850px;}




#book{
		display: block;
		float: left;
		
	position:relative;
	top:0px;
	left:-20px;
		margin:10px;
		height:auto;
	}
	

#flotte {
		display: block;
		float: right;	margin-left:20px;margin-bottom:20px;		}
		
		#flotteg {
		display: block;
		float: left;
margin-right:20px;		}

		#flottecentre {
		display: block;
		position:relative;
		left:50px;
		top:50px;
margin-right:20px;		}
	
	
	#pagelibrairie {position:relative;left:160px;top:0px;width:1000px;height:auto;padding-top:0px;font-size:13px; }
	
	
		#pageallinclusive {position:relative;left:200px;top:-220px;width:950px;height:auto;padding-top:60px;font-size:13px; }
			
			#pageallinclusive h1{font-size:26px;color:black}
		.pageallinclusive{font-size:26px;color:#ff6000;line-height:120%	;}
	
	#logogauche {position:absolute;left:20px;top:50px; z-index:9}
	
	
	
	
	
	#contentnew {
position:absolute;
top:250px;
 left:-10px;

 height:900px;
 background-color:white;

	width: 1402px;
	margin: 0 auto;
}

#blocrss{position:relative;width:1090px; height:auto; padding:20px; left:140px; top:20px;z-index:9;background-color:white;
color:black;font-style:bold;  border-style: dotted;font-size:10px;
           border-width: 2px;
           border-color: grey; }
		   
		   
		   
		   	#blocelearning {
position:relative;
top:-100px;
 left:0px;

 height:1200px;
 background-color:white;

	width: 902px;
	margin: 0 auto;
	padding:100px;
	border-style: dotted;font-size:12px;
           border-width: 2px;
           border-color: grey;
}