﻿body, html
{
    background-color:#F1F1F1;
	font-family: verdana, Arial, Sans-Serif;
	font-size: 10px;
    background:#EEE;
	margin:0;
	padding:0;
	background-image:url(/Img/BackBlack.jpg);
	/*background-repeat:no-repeat;
	background-position:top;*/
}

.divMain 
{
    width:980px;
    margin:0 auto 20px auto;
    background:white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
        
.MasterTopCenter
{
    background-image:url(/Img/TopMiddle980par38.png);
    height:38px;
    text-align:right;
}

.MasterIn
{
    background-color:#F1F1F1;
}

a, a:visited
{
	color: #333333;
}

.FormMandatory
{
	background-color: #FFFFCC;
	padding:4px 4px 4px 8px;
	border: 1px solid #999999;
	font-family: Verdana;
    font-size: 10px;
    width:170px;
    height: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.Form
{
	background-color: #CCCCCC;
	padding:4px 4px 4px 8px;
	border: 1px solid #999999;
	font-family: Verdana;
    font-size: 10px;
    width:170px;
    height: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.FormLogin
{
    font-family: Verdana;
    font-size: 10px;
    background-color: #F1F1F1;
    border: 1px solid #98A1A7;
    height: 17px;
    width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 0 5px 10px;
    color: #616A6E;
}

.ButtonValidate
{
	background-image:url(/img/BtnValidate.png);
	border:0px;
	font-size: 12px;
	background-color: transparent;
	font-weight: bold ;
	width: 110px;
	height: 35px;
	cursor:pointer;
	color:#000000;
	padding-bottom:6px;
}

.ButtonValidateLittle
{
	background-image:url(/img/BtnValidate84-22.png);
	border:0px;
	font-size: 12px;
	background-color: transparent;
	font-weight: bold ;
	width: 107px;
	height: 28px;
	cursor:pointer;
	color:#000000;
}


.ButtonCancel
{
	background-image:url(/img/BtnRed.png);
	border:0px;
	font-size: 12px;
	background-color: transparent;
	font-weight: bold ;
	width: 110px;
	height: 35px;
	cursor:pointer;
	color:#000000;
	padding-bottom:6px;
}

.PageTitle
{
    color: #333333;
    font-family: "Century Gothic",verdana,Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight:bold;
}

.modalPopup
{
    border: 1px solid #000000;
    background-color: #FFFFFF;
    
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
.Msgtext
{
    color: Black;
    font-family: verdana;
    font-size: 10px;
}
.PopupTitle
{
    color: Black;
    font-family: "Century Gothic",verdana,Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight:bold;
}
.modalBackgroundBlack
{
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalBackgroundWhite
{
	background-color:#FFFFFF;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalDrag
{
    padding:15px;
    color:Black;
    font-size:12px;
    font-weight:bolder;
    
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
}

img { border : none; }

.BottomInfoSite
{
    width: 100%;
    height: 100%;
    background: #32343b;
    font-family:Verdana;
    font-size:10px;
    color:white;
    padding-top:10px;
}
a.BottomInfoSite,a.BottomInfoSite:visited,a.BottomInfoSite:hover
{
    xbackground-color:#2c638c ;
    color:White;
}

.divFooter,a.divFooter
{
    width: 100%;
    height: 150px;
    background: transparent;
    font-family:Verdana;
    font-size:10px;
    color:white;
    padding-top:10px;
}

.SitePreview
{
    width:80px;
    height:80px;
    margin:5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:1px dotted #666666;
}


.LittleTitle
{
    color: #333333;
    font-family: "Century Gothic",verdana,Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
}

.MemberDiv
{
    border:1px solid #195480;
    background-color:#22689a;
    color:White;
    width:370px;
    padding:20px;
    height:220px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.MemberDiv a, .MemberDiv a:visited, .MemberDiv a:hover
{
    color:White ;
}

.IcoAction
{
    margin:3px;
}

.MenuTheme
{
    font-size:15px;
    font-weight:bold;
    color: #333333;
    text-decoration:none;
}

.MenuGamme
{
    font-size:13px;
    font-weight:bold;
    color: #333333;
    text-decoration:none;
}

.PreviewPostTitle
{
    font-size:13px;
    font-weight:bold;
    color: #3399CC;
}

.hr
{
    color: #CCCCCC;
    background-color: #CCCCCC;
    height: 1px;
    border: 0;
}

.RoundMe
{
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
}
.RoundMeTop
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ShadowMe
{
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}


/******************* MENU ***************************/

/*.Menu1							 {width:300px;margin:auto}*/

/******************* MENU ***************************/

ul								 { list-style:none;margin:0;padding:0; }
/* THEME 
ul.Menu1                         { z-index:10002;font-family: century gothic,verdana,arial; position: relative;font-size:12px; font-weight:bold; color:#dbd7d6; text-decoration:none;}
*/
ul.Menu1                         { z-index:10002;font-family: century gothic,verdana,arial; position: relative;font-size:12px; xfont-weight:bold; color:#dbd7d6; text-decoration:none;}
ul.Menu1 li                      { font-weight: bold; float: left; background: #000000; }
ul.Menu1 a:hover		         { color: #ffffff; text-decoration: none; }
ul.Menu1 a:active                { color: #ffffff; text-decoration: none; }
ul.Menu1 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #39383d; color: #dbd7d6; text-decoration: none; }

/* Couleur de la fenetre gammes et couleur trait sur premiere ligne */
ul.Menu1 li:last-child a         { border-right: none; text-decoration: none; }
ul.Menu1 li.hover,

/* Couleur sur le passge de la sourie sur les themes */
ul.Menu1 li:hover                { background: #ff7f00; color: #ffffff; position: relative; text-decoration: none; }
ul.Menu1 li.hover a              { color: black; text-decoration: none; }


/* GAMME */
ul.Menu1 ul 					{font-family: century gothic,verdana,arial; font-size:12px; width: 300px; visibility: hidden; position: absolute; top: 100%; left: 0; }

/* Couleur de la fenetre gammes*/
ul.Menu1 ul li 					{ font-weight: normal; background: #1f1e21; color: #000; border-bottom: 1px solid #ccc; float: none; }
ul.Menu1 ul li a				{ border-right: none; width: 100%; display: inline-block; text-decoration: none; } 
ul.Menu1 ul li a:hover			{ background:#ff7f00; width:280px; } 


/* CAT */
ul.Menu1 ul ul 					{ left: 100%; top: 0; }
ul.Menu1 li:hover > ul 			{ visibility: visible; text-decoration: none; }

/******************* END MENU *************************/



.CustomValidator {z-index:10002;}
.CustomValidator div {border:solid 1px #666666;background-color:#FFFFCC; position:relative;}
.CustomValidator td {border:solid 1px #666666;background-color:#FFFFCC;}
.CustomValidator .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:10px 0px 10px 5px;border-right:none;border-left:none;width:100%;color:black;}
.CustomValidator .ajax__validatorcallout_icon_cell {width:20px;padding:10px;border-right:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}
