/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:1px solid #AA0000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-image: url(../img/cacao-c.gif);
	background-color:#FFF;	/* White background color for the message */
	background-repeat: repeat-y;
	width: 700px;
	min-width: 700px;
	height: 350px;
	min-height: 350px;
	overflow : auto;
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
.myCommande table {
	border-collapse:collapse;
	margin: 0 auto;
	text-align: left;
	width: 600px;
}
.myCommande th {
	background-color:#9F0002;
	color:#FFFFFF;
	padding:3px;
	border: 1px solid #FFFFFF;
}
.myCommande td {
	text-align:left;
	border: 1px solid #FFFFFF;
	background-color:#F0D9D3;
	color: #000000;
	padding:3px;
	vertical-align:top;
}
.myCommande td.price {
	white-space:nowrap;
}
.myCommande th.tdright, td.tdright {
	text-align: right;
}
.myCommande th.tdcenter, td.tdcenter {
	text-align: center;
}
.myCommande input {
	text-align:center;
}
.myCommande p {
	display: block;
	margin: 0;
	padding: 0;
}
.myCommande .rollover {
	float: left;
}
.myCommande .rollover a {
	color: #FFFFFF;
	background-color:#9F0002;
}
.myCommande .rollover a:hover {
	color: #9F0002;
	background-color:#9F0002;
}
.myCommande .link {
	top: -40px;
	left: -30px;
	padding: 6px;
	background-color: #F1EBB8;
	white-space:nowrap;
}
.myCommande td.t {
	background-color:#FFFFFF;
	color: #9F0002;
	font-weight: bold;
}
.button {
	background-color:#9F0002;
	color:#FFFFFF;
	padding:2px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-bottom: 2px;
}
.buttonRed {
	background-color:#FFFFFF;
	color:#FF0000;
	padding:2px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-bottom: 2px;
}
.faq {
	top: -275px;
	left:0px;
	padding: 6px;
	border: 1px dashed #C32C0F;
	width: 300px;
	background-color:#FFFFFF;
	color: #000000;
	background-image: url(../img/cacao-c.gif);
	background-repeat: no-repeat;
}
.thematiqueTitleInfo {
	top: -60px;
	left:0px;
	padding: 6px;
	border: 1px dashed #C32C0F;
	width: 300px;
	background-color:#FFFFFF;
	color: #000000;
	background-image: url(../img/cacao-c.gif);
	background-repeat: no-repeat;
}
.forfaitTitleInfo {
	top: -107px;
	left:0px;
	padding: 6px;
	border: 1px dashed #C32C0F;
	width: 300px;
	background-color:#FFFFFF;
	color: #000000;
	background-image: url(../img/cacao-c.gif);
	background-repeat: no-repeat;
}

.commande_span_one {
	top: -25px;
	width: 130px;
}
.commande_span_info {
	top: -25px;
}
.empty {
	padding: 4px 0 0 36px;
}

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #F0D9D3; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
color: white;
font-weight: bold;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #9F0002; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #F0D9D3; /*Brown color theme*/ 
color: #9F0002;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #F0D9D3; /*Brown color theme*/ 
color: #9F0002;
border-color: #9F0002; /*Brown color theme*/ 
}

.error {
	background: url(../images/stop.png) no-repeat 6px center;
	padding: 10px 10px 10px 27px;
	border: 1px solid #FF0000;
	margin: 5px auto;
	color: #FF0000;
	width: 50%;
	min-width: 50%;
}