body {
	
	margin: 0px;
	background: #e2e2e2;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 9pt;
}

#container {
	background: #ffffff repeat-y right url(images/sidebar_right_bg.png); /* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	border-right: 1px solid #a0a9a7;
	border-left: 1px solid #a0a9a7;
	border-bottom: 1px solid #a0a9a7;
	position: relative;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#bandeau {
	background: repeat-x url(images/toolbar_bg.png);
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Titre rubrique */
#Titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	text-align: center;
	width: 100%;
	
}
/*  produits */

#produits{
}


#produits #menu {
font-size: 11px;
	width: 100px;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
	
	
}

#produits #menu_bas {
font-size: 11px;
	width: 100px;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF6600;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	border-bottom-color: #FF6600;
	}

#produits	#colonne1{
	float: left;
	width: 170px;
	padding-left: 10px;
	

}
	#produits #colonne2{
	padding-left: 10px;
	float: left;
	width: 570;
	text-align: justify;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	margin-top: 20px;
	/*margin-top: 20px;*/
	
}
	#produits #colonne3{
	padding-left: 10px;
	float: left;
width: 200px;}

#produits #plein_ecran{
	padding-right: 100px;
	padding-left: 100px;
	margin-top: 20px;
}
#produits h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	background-image: url(http://www.massorti.com/YODEA/squelettes/images/logos/fleche_h1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 40px;
}
#produits h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #0066CC;
	background-image: url(http://www.massorti.com/YODEA/squelettes/images/logos/fleche_h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 80px;
	font-size: 110%;
}
	
#produits #image	{
	position : relative;
	width: 180px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}
/* ***************/

#leftcol {
	_margin-top: 50px;
	width: 198px;
	float: left;
	padding-left: 10px;
}

#content {
float: left;
width: 500px;
	
}

/* les hypertextes */
a {
	color: #004677;
	text-decoration: none;
	font-weight: bold;
	font-family: helvetica, arial, sans;
}

a:hover {
	color: #629fd6;
}

/* menu navigation */

#nav {
	/*position: relative;*/
	z-index:9999;
	xborder:1px solid #f00;
	width:780 px;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 10px;
	_margin-left: 0px;
	text-align: left;
	margin-bottom: 30px;	
}

#nav ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	xborder:1px solid #ff0;
}

#nav ul li {
	/*display: inline;*/
	float:left;
	/*xborder:1px solid #0f0;*/
	xborder:: #CC0000;
}

#nav ul li a {
	display:block;
	font-size: 11px;
	background: #fff;
	border-left: 1px solid #e6c372;
	width: auto;
	margin: 0px;
	color: #004677;
	padding-top: 0;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
}

#nav ul li a:hover {
	color: #629fd6;
}

#nav ul li.first_item a {
	border-width: 0px;
}

#nav ul li.last_item a {
	padding-right: 0px;
}

#nav li ul {
   position: absolute;   
   text-align:left;
   background:#fff;
   border:1px solid #d1d1d1;
   border-bottom:0px;
   padding:0px;
   margin:0px;
   width: 200px;
   left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */

}
#nav li ul li {
	margin:0;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
   left:auto;
   z-index:9999;
   }

#nav li ul li.submenu a{
   font-weight:normal;
   color:#004677;
   border-left:0px;
   width: 196px;
   padding:3px 0px 3px 4px;
   margin:0;
   height:14px;
   border-bottom:1px solid #d1d1d1;
   xborder:1px solid #d1d1d1;
}
#nav li ul li.submenu a:hover {
   color:#629fd6;
   }


/*#content {

	position: relative;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	width: 560px;
	margin-left: 203px;
	z-index: 99;
}*/


#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bolder;
	color: #0066CC;
	background-image: url(../images/images/fleche_h1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 40px;
}
#content h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #0066CC;
	background-image: url(../images/images/fleche_content_h2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 80px;
	font-size: 110%;
}

#content p,li{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: text-bottom;
}


#content a {
font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	
}
.soustitre {
	font-size: 80%;
	margin-left: 40px;
}


#content #bloc {
	
}

#content #image {
	padding: 10px;
	float: right;
	
}
/*.separateur {
	border-bottom-color: #999999;
	background-image: url(../images/images/separation.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}*/
.police_tab{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: text-bottom;
	font-size: smaller;
}
.police_tab_vente{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
}


.separateur	{
height: 2px;
overflow: hidden;
background-color: #e7e7e7;
margin-top: 15px;
margin-bottom: 15px;
}

.separateur_h2{
height: 1px;
/*overflow: hidden;*/}

/*Paiement en ligne */

#Paiement{
	margin-top: 0px;
}

#Paiement td #region{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	background-image: url(http://www.massorti.com/YODEA/squelettes/images/logos/fleche_h1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 30px;
}
#Paiement td #ecart{
	width: 100%;
	padding-top: 10px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
}
#Paiement td a{
	width: 100%;	
	font-size: 10px;
	color: #000066;
}
.tableau{
	border: thin solid #000066;
	width: 660px;
	margin-left: 60px;
	margin-top: 0px;
}
.FigImgpaiement {
	position : relative;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	}
	
	.FigImgpaiement .a {
	position : relative;
	float: left;
	
	}

#Paiement_titre{
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}
#Paiement_prix{
	color: #FF9900;
	font-size: 14px;
	font-weight: bolder;
	text-align: left;
	text-indent: 30px;
}
#Paiement_prix_public{
	color: #FF9900;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	
}
#Paiement_version{
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	
}

/* SOMMAIRE */



#sommaire{
	
}
#sommaire h1{font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #004677;	
	text-indent: 5px;}
	
#sommaire_titre{
	font-size: 14pt;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
	
#col1{
	_margin-top: 50px;
	width: 242px;
	float: left;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	padding-right: 6px;
}

	#col2{
	_margin-top: 50px;
	width: 242px;
	float: left;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	padding-right: 6px;
	}
	#col3{_margin-top: 50px;
	width: 242px;
	float: left;
	padding-left: 10px;
	padding-right: 6px;}
	

.FigImgsommaire {
	position : relative;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	}
	
	.FigImgsommaire .a {
	position : relative;
	float: left;
	margin: 10px;
	}
	
	/* SOMMAIRE */


.FigImg {
	position : relative;
	float: right;
	margin: 10px;
	}
.FigImg .a{
	
	}
	
.FigImg .legende{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	width: 150px;
	font-style: italic;
	font-size: 80%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}


/*#contentContainer #content {
	padding-top: 10px;
	padding-right: 40px;
	padding-left: 40px;
}
*/
#clear {
	/*position: relative;
	z-index: 99;
	margin-right: 700px;*/
	clear: both
}


/* footer */

.bleu {
	color: #0066FF;
	font-size: 8pt;
}
.orange {color: #FF6600}

#footer {
	border-top: 1px solid #eeeeee;
	margin-top: 10px;
	color: #909090;
	width: 100%;
	}


#footer p {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 250px;	
}
.logo{
	float: left;
	width: 600px;
}


#langue{
	float: right;
	width: 150px;
}
#langue a{
	font-size: 9px;
	font-weight: normal;
}

/* SAMMY */

td img {display: block;}

.titre_sammy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
.disponiblité_sammy {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 12px;
	text-align: center;
}
.sammy_intitulé {
	padding-bottom: 10px;
}

table .titre_sammy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
table .disponiblité_sammy {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 12px;
	text-align: center;
}
table .sammy_intitulé {
	padding-bottom: 10px;
}

tr td .titre_sammy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
tr td .disponiblité_sammy {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 12px;
	text-align: center;
}
tr td .sammy_intitulé {
	padding-bottom: 10px;
}

td .titre_sammy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
td .disponiblité_sammy {
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-size: 12px;
	text-align: center;
}
td .sammy_intitulé {
	padding-bottom: 10px;
}
/* pied de page */
#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}



/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
/*.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }*/
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }