BODY { FONT: 12px geneva, verdana, arial, sans-serif; scrollbar-base-color: #C2C8D0 }


a:link		{ text-decoration: none }

a:visited	{ text-decoration: none }

a:active	{ text-decoration: none }

a:hover		{ text-decoration: UNDERLINE }


FONT { COLOR: #000000; FONT: 12px geneva, verdana, arial, sans-serif }


.title { COLOR: #999999; FONT: 18px verdana, arial, sans-serif; letter-spacing: 2px; font-weight: bold }

.title2 { COLOR: #999999; FONT: 14px verdana, arial, sans-serif;  font-weight: bold }


.subtitle { cOLOR: #999999; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold }


.pagetitle { COLOR: #FFFFFF; FONT: 16px verdana, arial, sans-serif; letter-spacing: 2px; font-weight: bold }


.picturetitle { COLOR: #000000; FONT: 10px arial, verdana, sans-serif; font-weight: bold }


.ordercomment { COLOR: #666666; FONT: 10px arial, verdana, sans-serif; font-weight: normal }


.orderprice { COLOR: #FF6600; FONT: 12px arial, verdana, sans-serif; font-weight: bold }

h3 .error{
color:#993300;
font-size:18px;
}
h3 .valid{
color:#009900;
font-size:18px;
}

.barlink {	COLOR: #000000;
		FONT: 11px geneva, verdana, arial, sans-serif;
		TEXT-DECORATION: none;
		font-weight: bold;
		background-image: url("picts/link-backgroundoff.gif") }

.barlink:hover { COLOR: #FF0000;
		FONT: 11px geneva, verdana, arial, sans-serif;
		TEXT-DECORATION: none;
		font-weight: bold;
		background-image: url("picts/link-background.gif") }


.barlink2 {	COLOR: #000000;
		FONT: 11px geneva, verdana, arial, sans-serif;
		TEXT-DECORATION: none;
		font-weight: bold }

.barlink2:hover { COLOR: #0000FF;
		FONT: 11px geneva, verdana, arial, sans-serif;
		TEXT-DECORATION: none;
		font-weight: bold }


.copytext { COLOR: #000000; FONT: 10px arial, verdana, sans-serif; font-weight: bold }

.copytext2 { COLOR: #000000; FONT: 8px arial, verdana, sans-serif  }


.button { 	background-image: url("picts/button.gif");
		background-color:#666666;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 9pt;
		height: 22px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }

.buttonon { background-image: url("picts/buttonon.gif");
		background-color:#999999;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #663300;
		font-size: 9pt;
		height: 22px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid}


.dropdown {	COLOR: #333333;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif}


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 300PX;
		BORDER: #000000 1px solid}


.just {text-align: justify;}



.divstyle {	position:absolute;
		border: #000000 1px solid;
		width:80;
		top:0;
		left:0 }

.pstyletitle{	postion:absolute;
		background:white;
		color:black;
		font-size:10px;
		font-family:verdana, arial }


 /* THE NEXT LINES ARE FOR THE SEARCH FORMS */


.searchbutton {	background-color:#F0F0F0;
		background-image: url("picts/button.gif");
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 18px;
		width: 40px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000000 1px solid }



.searchform { background-image: url("picts/searchform.jpg");
		WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, georgia, "Times New Roman", sans-serif;
		BORDER-BOTTOM: #000000 1px solid;
		BORDER-LEFT: #000000 1px solid;
		BORDER-RIGHT: #000000 1px solid;
		BORDER-TOP: #000000 1px solid }



.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif }


 /* THE NEXT THREE LINES ARE USED ONLY WITH THE text_header.js */


.logo {
	COLOR: #000000;
	FONT: 20px verdana, arial, sans-serif;
	letter-spacing: 2px;
	font-weight: bold}

.logo:hover {
	COLOR: #333300;
	FONT: 20px verdana, arial, sans-serif;
	letter-spacing: 2px;
	font-weight: bold}

.slogan {
	COLOR: #999999;
	FONT: 10px arial, verdana, sans-serif;
	letter-spacing: 2px;
	font-weight: bold}

.liens	{ FONT: 13px arial, verdana, sans-serif;
		text-align: left;
		
		BORDER: #000000 0px solid}
		

#video1 h4, #video2 h4, #video3 h4{
	margin:0;
	padding:0;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:2%;
	text-align:center;
}
#video1 h6, #video2 h6, #video3 h6{
	margin:0;
	padding:0;
	margin-bottom:2%;
	width:400px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(picts/tranche/topVideo.gif);
}
#video1 h5, #video2 h5, #video3 h5{
	margin:0;
	padding:0;
	margin-top:3%;
	text-align:right;
	padding-top:4px;
	width:400px;
	height:25;
	background-color:#c1c8cf;
}
#video1, #video2, #video3{
	width:400px;
	background-color:#dde1e3;
	
}
/* for Internet Explorer */
/*\*/
* html .conteneurVideo {
height:250px;
}
/**/
/* for Internet Explorer */
/*\*/
* html #video1, #video2, #video3 {
/*_margin-left:10%;*/
}
/**/

.conteneurVideo{
margin-left:10%;
margin-right:10%;
min-height:250px;
}
.petitTexte{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
margin:0;
padding:0;
}
.petitTexte p{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
text-align:right;
margin:0;
padding:0;
}
.shadow{
width:409px;
height:421px;
float:left;
margin-left:2%;
margin-top:5%;
background-repeat:no-repeat;
background-image:url(picts/tranche/shadowBox.gif);
}
* html .shadow {
margin-left:10%;
}
.decole{
	margin-right:15px;
}
.vraimentPetitTexte{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
margin:0;
padding:0;
}
.test{
display:block;
float:left;
width:38%;
}
#positionFront .shadow{
width:409px;
height:421px;
float:left;
margin-top:0;
margin-left:0;
background-repeat:no-repeat;
background-image:url(picts/tranche/shadowBox.gif);
}