/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
.global{
	width:930px;
	height: 100%;
}

.menu
{	
	height:26px;
	width:100%;
	background-repeat:repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFCC;
	z-index:100000;
	background-image:url('../dhtml/images_dhtmlsuite/menu_strip_bg.jpg');
}

.sousmenu
{
	position:absolute;
	background-color:#FFF;
	border:1px solid #000;
	background-image:url('../dhtml/images_dhtmlsuite/menu-bar-gradient.jpg');
	background-repeat:repeat-y;
	background-position: left center;
	display:inline;
}


/*--CSS bord arrondis --------------------------------------------------------------------------------------------*/

dl.curved {background:#7f7f9c url(c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width:50%;}
dl.curved dt {background:transparent url(c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(c_br.gif) bottom right no-repeat; }



/*--CSS ombrage --------------------------------------------------------------------------------------------*/



#ombre-top {
	backgroun-color:#7D0335;}

#ombre-bot {
	backgroun-color:#7D0335;}

#ombre-right {
	backgroun-color:#7D0335;}

#ombre-left {
	backgroun-color:#7D0335;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color: #FFFFFF;
    scrollbar-face-color: #990033;
    scrollbar-shadow-color: #FFFFCC;
    scrollbar-highlight-color: #990033;
    scrollbar-3dlight-color: #990033;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFCC;

}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

A:link 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033; text-decoration: none;
}
A:visited 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033; text-decoration: none;
}
A:hover   
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033; text-decoration: none;
}
A:active 
{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033; text-decoration: none;
}
A:focus  
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;  text-decoration: none; 
}
/*--------------------------------------------------------------------------------------------------------------------------*/
.smallGREYtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.smallBORDEAUtext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#990033;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

.normal_bordeaux
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:;
}
.normal2_bordeaux
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:p9x;
color:#990033;
}
.normal
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #000000;
}
.bouton_gris
{
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: Black;
font-weight: Bold;
padding: 4px;
width: 120px!important;
cursor:pointer;
}

.bouton_rouge
{
background-image:url('img/BG_But_Rouge.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #F0F0F0;
border: 2px solid #931345;
font-weight: Bold;
padding: 4px;
width: 125px!important;
cursor:pointer;
}
.bouton_rouge2
{
background-color:#990033;
border:1px solid #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFCC;
font-weight: Bold;
padding: 4px;
width: 76px!important;
cursor:pointer;
}
.supprimer
{
background-image:url('img/suppr.png');
background-repeat:none;
width: 60px!important;
cursor:pointer;
}
.bouton_ajt
{
list-style-image:url(img/apply.png);
background-color:#990033;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFFCC;
font-weight: Bold;
padding: 4px;
width: 100px!important;
cursor:pointer;

}
.bouton_ajt:hover
{
border:2px outset #000066;
background-color:#FFFFCC;
color:#990033;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: Bold;
padding: 4px;
width: 100px!important;
text-align:center;
cursor:pointer;
}

.fdinfo
{
border:1px solid;
background-color:#FFFFCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033;
font-weight: Bold;
padding: 2px;
text-align:center;
vertical-align:middle;
height:20px!important;
}
.titre
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#D4D0C8;
}

.cadre
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #990033;
	border-right-color: #990033;
	border-bottom-color: #990033;
	border-left-color: #990033;
}

.cadreHAUT {
	height:100px; 
	width:100%; 
	background-image:url('img/Accueil_top.jpg');
	background-repeat:no-repeat;
    -moz-border-radius: 30px 0px 0px 0px;
    -webkit-border-radius: 30px 0px 0px 0px;

}

.cadrebas
{
	border-bottom: 0px;
	border-top: 0px;
	clear:left;
	height:33px; 
	width:100%; 
	position:relative;
	vertical-align:top;
    -moz-border-radius: 0px 0px 20px 0px;
    -webkit-border-radius: 0px 0px 20px 0px;
	background-image:url('img/Accueil_bottom.png');
	background-repeat:no-repeat;	
}

.cadreSIMPLE
{
	background-image:url('img/BG_menubar.png');
	background-repeat:no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.cadreSIMPLE
{
	background-image:url('img/Accueil_top.png');
}

.titreital
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
font-style:italic;
font-weight:bold;
}

.reference
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#990033;
}

.oblig
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:9px;
}

.titrerouge
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px; 
font-weight:bold;
color:#999999;
}

.titre2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px; 
text-align:center;font-weight:bold; 
color:#990033;
}

.magenta
{
list-style-image:url(img/magenta.png);
}

.red
{
list-style-image:url(img/red.png);
}

select 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000066;
max-width:500px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/


.menutitre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990033;
text-transform:uppercase;
font-weight:bold;
}

.menusubtitre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #990033;
font-style:italic;
}

.menutexte{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#990033;
}

.titrepage{
font-family:Times New Roman, Times, serif
font-size:14px;
font-weight:bold;
font-style:italic;
color:#990033;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
#magasincontainer{
	border:1px solid #990033;
	background-color: #FFFFCC;
	overflow:auto;
	
	height: 390px;
			
}

#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}


#mainContainer{
	border:1px solid #FFFFCC;
	
	margin:0 auto;
	text-align:left;
	padding-bottom:1px;
	margin:5px;
	border:0px solid #000;
	background-color: #FFFFCC;
}
#contentContainer{
	float:left;
	border:0px solid #999;
	background-color: #FFFFCC;
	overflow:none;
	margin-right:50px;
	padding:0px;
	/*border:1px solid #999;
	 CSS HACK */
	width: 60%;
	
	/* CSS HACK */
	height: 380px;
			
}
#contentContainer .openingText{
	color:#990033;
	font-weight:bold;
}

#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:380px;
	overflow:auto;	
	width:30%;
	border:1px solid #999;
	text-align:center;
}
.articleList{
	margin:0px;
	padding:2px;
}
.articleList li{	/* General layout article in list */
	list-style-type:none;
	text-align:center;
	vertical-align:middle;
	border:1px solid #990033;
	background-color:#FFFFCC;
	height:40px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
	
}
.articleList li:hover{	/* Mouse over article in list - layout */
	border:1px solid #000;
	color:#FFFFCC;
	font-weight:bold;
	font-size:13px;
	background-color:#990033;
}


.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFFFCC;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}

.clear{
	clear:both;
}

img{
	border:0px;
}



.stslcocktail
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight : bold;
text-decoration:underline;
}
.normalcocktail
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}
.ptgrascocktail
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight : bold;
}
.tgrascocktail
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight : bold;
}
.cellulecocktail
{
background-color:#990033;
color:#FFFFCC;	
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;

}
.cellulecocktail:hover
{
background-color:#ADA069;
color:#990033;	
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;

}
.grasrouge
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight : bold;
}
.grascocktail
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight : bold;}
.gras
{
color : #990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight : bold;
}
.envoi
{
color : #990033;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}
.lienhyper {
color:#990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
cursor:pointer;
}
.lienhyper:HOVER {
color:#990033;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
cursor:pointer;
}
.bt_menu{
background-color:#990033;
color:#FFFFCC;	
font-family:Verdana, Arial,sans-serif;
font-size:11px;
font-weight:normal;
cursor:pointer;
}
.bt_menu:HOVER {
background-color:#ADA069;
color:#990033;
font-family:Verdana, Arial,  sans-serif;
font-size:11px;
font-weight:bold;
cursor:pointer;
}
.td_pres
{
color:#990033;
font-family:Verdana, Arial;
font-size:11px;
font-weight:bold;
height:20px;

}
.td_presdesc
{
font-family:Verdana, Arial;
font-size:11px;
text-align:justify;
}

.magasincontainer2 {
	border:0px solid;
	text-align:left;
	overflow:none;
	width:90%;
	height: 300px;
	float:left;
	margin-left:1%;
}

.tablered {
	color: #FFFFFF;
	background-color: #921244;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	/*-moz-box-shadow: 1px 1px 1px #999999;
	-webkit-box-shadow: 1px 1px 1px #999999;*/
	filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
}

.presentation {
	text-align:left;
	overflow:auto;
	width:90%;
	clear:left;
	float:left;
	margin-left:4%;
	text-align:left;
	border: 1px solid #921244;
	background-color: #FBE1EC;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.menubar2 {
	color: #FFFFFF;
	background-color: #921244;
	top: 0px;
	left: 0px
	right: 0px;
	filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
}
	
.menubar2 HOVER{
	color: #FFFFFF;
	background-color: #FBE1EC;
	text-decoration:underline;
	top: 0px;
	left: 0px
	right: 0px;
	filter:alpha(opacity=60);
    opacity:0.6;
    -moz-opacity:0.6;
}