/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 0px;
		}
.borderleftright {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-left-color: gray;
}

body {
	background-color: #3399CC;
}		
#maindiv {
	text-align: left;
	position: relative;
	width: 800px;
	background-color: #FFFFFF;
	padding: 4px;
	margin-bottom: 0px;
	height: 100%;
	}
#rightbox {
	margin-top:30px;
	width:200px; 
	border:1px solid #9EA2AE; 
	margin-bottom:15px; 
	float:right;
	padding: 4px;
}
.titreright {
	   background-color: #DBE0E3;
    color: #3399CC;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 3px 5px 3px 3px;
}
.titregrand {
	color: #3399CC;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
	h1 {
	color: #3399CC;
	font-size: 24px;
	margin: 0px 0px 0px 30px;
	font-weight: bold;
}
h2 {
	color: #3399CC;
	font-size: 16px;
	margin: 0px 0px 0px 30px;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 30px;
}

a {
	color: #3399CC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
#listalpha {
	list-style-type: lower-alpha;
}
#list_rom {
	list-style-type: upper-roman;
}	
.textexcentre {
	text-align: center;
}
.textedroite {
	text-align: right;
}
.textepetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.textetrespetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
}
hr {
	height: 1px;
	border-top: 1px solid #3399CC;
	border-right: none;
	border-bottom: none;
	border-left: none;
	clear: both;
	width: 70%;
}
.textemoyen {
	font-size: 11px;
}

.textepetitCentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: center;

}
/* Style des formulaires !!!!! */
.formchamp {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 170px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchamp2 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 80px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchamp3 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 300px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchamplogin {
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 100px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchampbrowse {
	MARGIN-TOP: 0px; FONT-SIZE: 11px; MARGIN-LEFT: 0px; COLOR: #333333; MARGIN-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.formPrix {

	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 15px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formliste {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	WIDTH: 250px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #000000;
}
#content {
	width: 700px;
	margin-left: 50px;
	margin-top: 15px;
}

INPUT.formbt
{
	BORDER-RIGHT: black 1px groove;
	BORDER-TOP: black 1px groove;
	BORDER-LEFT: black 1px groove;
	WIDTH: auto;
	BORDER-BOTTOM: black 1px groove;
	LIST-STYLE-TYPE: square;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #DBE0E3;
	color: #000000;
}

.formchamp4 {

	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 145px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
/* Fin Style des formulaires !!!!! */

/* MENU */
#menu {
	width: 740px;
	padding: 10px 30px;
	text-align: center;
	margin-top: 0px;
	background-color: #DBE0E3;
	 }
ul#navlist
{
	margin: 0px;
	padding: 0px;	
	display: inline;	
}

#navlist li
{
	list-style-type: none;
	display: inline;
		
		}

#navlist a {
padding-left: 15px;
	text-decoration: underline;
	color: #333333;
		}

#navlist a:link, #navlist a:visited
{
	text-decoration: underline;
	color: #333333;
	
	}

#navlist a:hover
{
	text-decoration: none;
}
/* END MENU */
.btencadre {
	background-color: #3399CC;
	border: 1px solid #000000;
	color: #DBE0E3;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
}
.img {
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.img2 {
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 1px solid #CCC;
}
#filedown {
	display: block;
	margin: 2px;
	padding: 2px;
	float: right;
	width: 175px;
	border: 1px solid #AAADB7;
}
#filedown ul {
padding: 0px 0px 0px 0px;
	margin: 0px; }
#filedown li {
	list-style-type: none;
	padding-bottom:2px;
	padding-left:23px;
}
.filedownpdf {
	background-image: url(iconepdf.gif);
	background-repeat: no-repeat;
	background-position: left;
	 }
.filedowndoc {
	background-image: url(iconedoc.gif);
	background-repeat: no-repeat;
	background-position: left;
 }
.filedownppt {
	background-image: url(iconeppt.gif);
	background-repeat: no-repeat;
	background-position: left;
 }
.filedownxls { 
	background-image: url(iconexls.gif);
	background-repeat: no-repeat;
	background-position: left;
}

body.mceContentBody {
	background-color: #FFFFFF;
	background-image: url(../images_as/space.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.hidendiv2 {
	
	border: 1px solid #CCCCCC;
	position:absolute;
	height:300px;
	text-align: left;
	z-index:999;
	width:800px;
	
	top: 200px;
	visibility:hidden;
	background-color:#FFFFFF;
	}
.nothidendiv2 {
	
	border: 1px solid #CCCCCC;
	height:300px;
	text-align: left;
	 width:800px;
	top: 200px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	display:table;
	}

