/* CSS Document */
big {
	font-size: 18px;
	color: #030370;
}

table.userbarre {
	width: 470px;
    background: #c7cddb;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}
td.userbarre {
    background: #e9edf5;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #3c599b;
}
div.userbarre {
    background: #ededfb;
	width: 470px;
	max-width: 470px;
	border: solid;
    border-color: #8991bb;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
	text-align: justify;
	color: #031363;
}
div.principal {
    background: #fbf5ed;
	width: 470px;
	max-width: 470px;
	border: solid;
    border-color: #ffc600;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
	text-align: justify;
	color: #645440;
}
a.userbarre {
    background: #ededfb;
    text-align: center;
	cursor:pointer;
	float:left;
	display: block;
	width: 116px;

}
a.userbarre:hover {
    background: #ffffff;
}
div.alert {
    background: #fdd0dc;
	width: 450px;
	max-width: 450px;
	border: solid;
    border-color: #904d4d;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
	text-align: center;
	color: #904d4d;
}
div.confirm {
    background: #efffea;
	width: 450px;
	max-width: 470px;
	border: solid;
    border-color: #cbdac6;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
	text-align: center;
	color: #62884c;
}
legend{
	color: #6d6e78;
}

/*  CORPS DU SITE  */

body{
    background: #f0f0f0;
}
div.body {
    width: 706px;
    margin-right: auto;
    margin-left: auto;

    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background: #f0f0f0;
}
div.banhaut {
    height: 12px;
    width: 703px;
    background: #ededed;
    border-style: solid;
    border-color: white;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 0px;
    border-top-width: 0px;

}
html>body div.banhaut {
	width: 701px; /* ie5win fudge ends */
}
div.banintern {
    background-image: url(/styles/Basic/Basic_logo.jpg);
    width: 703px;
    height: 66px;
    border-style: solid;
    border-color: white;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    text-align: left;
}
html>body div.banintern {
	width: 701px; /* ie5win fudge ends */
}
WSComment {
    overflow:auto;
}
div.center {
	text-align: center;
}
img {
	border: 0;
}
td {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #041b51;
}
a {
	color:#1a5eb1;
	text-decoration: none;
	font-size: 12px;
	font-weight:;
}
a:hover {
    background: #dfe4f0;
}
a.BlogModif{
	margin-right: 5px;
    display: block;
    width: 100px;
    color: black;
    text-align: center;
    float: right;
}


 /*  ONGLETS DEBUT  */


a.onglet {
    border-style: solid;
    border-color: white;
    background: #b0b0b1;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    padding-left: 1px;
    display: block;
    width: 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    float: left;
}

a.ongletactive {
    border-style: solid;
    background: #e2e2e2;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: #e2e2e2;
    display: block;
    width: 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    float: left;
}

a.onglet:hover {
    border-style: solid;
    background: #757794;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: white;
    display: block;
    width: 100px;
    color: white;
    text-decoration: none;
    text-align: center;
    float: left;
}

a.ongletactive:hover {
    border-style: solid;
    background: #b4b7d6;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: #a8a8a7;
    display: block;
    width: 100px;
    color: black;
    text-decoration: none;
    text-align: center;
    float: left;
}

div.FINONGLET1 {
    border-style: solid;
    border-color: white;
    height: 14px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    padding-left: 0px;
    display: block;
    width: 0px;
    color: white;
    text-decoration: none;
    text-align: center;
    float: left;
}

div.FINONGLET2 {
    border-style: solid;
    border-color: white;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 0px;
    padding-top: 1px;
    margin-left: 0px;
    margin-right: 1px;
    border-right-width: 0px;
	font-size: 12px;
    display: block;
}

 /*  ONGLETS FIN  */

div.MENUX {

    display: block;
    width: 150px;
    float: left;
}
div.TOTAL {
    border-style: solid;
    background: #e2e2e2;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-color: white;
    border-right-width: 1px;
    border-left-width: 1px;
    display: block;
    width: 703px; /* ie5win fudge begins */
    height: auto;
	min-height: 300px;

}

html>body div.TOTAL {
	width: 681px; /* ie5win fudge ends */
}
div.CONTENU {
    border-style: solid;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    margin-left: 160px;
    margin-right: 5px;
    border-right-width: 1px;
    border-left-width: 1px;
    display: block;
    text-align: left;
    border-color: #b3b3b3;
    background: white;
}
div.bangris {
    height: 15px;
    width: 703px;
    background: #e2e2e2;
    border-style: solid;
    border-color: white;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

html>body div.bangris {
	width: 701px; /* ie5win fudge ends */
}




/* MENU DEBUT */

.WSMenuTitle {
    color: #ffffff;
    text-align: center;
    background: gray;
    width: 148px;
    display: block;
    border-style: solid;
    text-decoration: none;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: gray;
	font-weight: bold;
	margin-bottom:5px;
}
a.menu {
		background-image: url(/images/webo/logo.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
    color: #000000;
    text-align: left;
    padding-left: 15px;
    width: 133px;
    display: block;
		overflow:hidden;
		height:18px;
    text-decoration: none;

}
a.menuactive {
    color: #ffffff;
    text-align: center;
    background: #292929;
    width: 148px;
    display: block;
    border-style: solid;
    text-decoration: none;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: gray;

}
a.menu:hover {
    background: #ffffff;
}
a.menuactive:hover {
    background: #4072CB;
}


/* MENU FIN */




div.BlogTitle{
    background: #ededfb;
	width: 470px;
	max-width: 470px;
	border: solid;
    border-color: #a4a4a4;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
	text-align: left;
	padding:5px;
	margin-bottom:5px;
	color: #6e6e6e;
}

div.BlogContent{

}

div.BlogModif{

    margin-left: 5px;
    margin-right: 5px;
    display: block;

	text-align: right;
    text-decoration: none;

}
div.BlogJump{


    margin-left: 5px;
    margin-right: 5px;
    display: block;
	height: 15px;
	text-align: right;
    text-decoration: none;

}
div.GestionModulesTitle{
    border-style: solid;
    background: #000000;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: #A6A6A6;
    display: block;
    width: 150px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    float: left;
	font-size: 12px;
}
div.GestionModulesList{
    border-style: solid;
    background: #A6A6A6;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: #A6A6A6;
    display: block;
    width: 150px;
    color: #292929;
    text-decoration: none;
    text-align: center;
    float: left;
	font-size: 12px;
}
a.GestionModulesLink{
    border-style: solid;
    background: #cccccc;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-left-width: 1px;
    border-bottom-color: #A6A6A6;
    display: block;
    width: 100px;
    color: #292929;
    text-decoration: none;
    text-align: center;
	float: right;
}
div.GestionModulesEnd{
	display: block;
}
div.GestionModulesTotal{
	display: block;
	height: 34px;
}
html>body div.GestionModulesTotal {
	height: 36px; /* ie5win fudge ends */
}
div.GestionModulesTotalTitle{
	display: block;
	height: 17px;
}
html>body div.GestionModulesTotalTitle {
	height: 18px; /* ie5win fudge ends */
}
div.ModulesTotal{
	display: block;
	width: 450px;
}
html>body div.ModulesTotal {
	width: 453px; /* ie5win fudge ends */
}
div.helpTitle{
	text-transform: capitalize;
	letter-spacing: 3px;
	font-weight: bold;
	border-style: solid;
    background: #A6A6A6;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #A6A6A6;
    display: block;
    width: 150px;
    color: #292929;
    text-decoration: none;
    text-align: center;
}
div.helpContent{
	font-style: normal;
	border-style: solid;
    background: #A6A6A6;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
 	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    display: block;
    width: 450px;
    color: #292929;
	margin-top: 2px;
	text-align: justify;
}
div.helpTip{
	border-style: solid;
    background: #A6A6A6;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
 	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    display: block;
    width: 450px;
    color: #292929;
	margin-top: 2px;
	font-style: italic;
	text-align: justify;
}
/* Chamfer Borders*/
.chamfer {background: transparent; width:703px; margin:0 auto;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px;

background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}

.chamfer .b1 {margin:0 5px; background:#fff;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}


.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #fff; border-right:1px solid #fff;}

