body {
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background: #DEE2EA url(../images/motif_fd_page.jpg) repeat-x top;
}

html {
	padding-top: 0px;
	margin-top: 0px;
}

#compet {
	margin-left:10px;
	padding: 0;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

#compet:hover  {
	-moz-box-shadow: 0px 0px 4px orange;
	-khtml-box-shadow: 0px 0px 4px orange;
	-webkit-box-shadow: 0px 0px 4px orange;
}

#principal {
	background-color: White;
	width: 850px;
	border-left: 1px solid #C1C8D7;
	border-right: 1px solid #C1C8D7;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	margin-top:0px;
	padding:0px;
	
	

	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

#entete {
	height: 93px;
	width: 850px;
	background-image: url(../images/entete.png);
	background-repeat: no-repeat;
	/*background-color: #0d2b88;*/
	background-color: White;
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 3px solid #e4e8ef;
	position: relative; 

	}
	
.rectangle {
		background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
	height: 50px;
	width: 880px;
	margin-top: 0px;
	position: relative;
	left: -15px;
	top: -3px;
	float: left;
	padding: 0px;
	
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
	
	margin-bottom:10px;
}

.txtmenu {
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	margin-top : 15px;
	padding-left:20px;
	text-align: left;
}

#actu {
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
	padding: 10px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	width: 600px;
}

.hm {
	display: inline;
	padding-right: 5px;
}

#bas {
	height: 20px;
	width: 850px;
	background-color: White;
	text-align: center;
	padding-top: 10px;
	color: Black;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dashed #B1BBCD;
}

table.sep {
	width: 850px;
	text-align: center;
}

table.display {
	width: 90%;
	text-align: center;
	border-color: #B1BBCD;
}


.new {
	padding-right: 10px;
	background-color: White;
	width: 100%;
}

td.date {
	font-size: 11px;
	color: #4C4C4C;
	text-align: right;
	background-color: #e4e8ef;
	padding: 5px;
}

.news {
	font-size:15px;
	padding: 10px;
	font-family: Calibri;
	
	
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	background-color: #F3F3F3;
}

table.thome {
	font-size: 12px;
	padding: 5px;
	background-color: white;
	/*border: 1px solid #C1CAD9;*/
	font-family: Calibri;
	margin: 5px;
	font-style: italic;
}

div.sep {
	border-bottom: 1px solid #C1CAD9;
	margin: 10px;
}

table.home {
	width: 670px;
	background-image: url(../images/actu.gif);
	background-repeat: no-repeat;
	border: 0px;
}

td.title {
	/*padding-right: 10px;*/
	background-color: #e4e8ef;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
}

h1 {
	font-size: 24px;
	font-family: Calibri;
	color: #0d2b88;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.5);
}

.button {
	margin-left:10px;
	line-height: 1;
	text-decoration:none;
	display: inline-block;
	padding: 8px 10px;

	font-size:22px;
	letter-spacing:1px;
	color:#fff;
	cursor:pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.40);
	text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
	
	background: #76bbc5 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #76bbc5, #9ecbd1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ecbd1), to(#76bbc5));
}

.menua {
text-decoration: none;
color: black;
padding:5px;
padding-right:7px;
padding-left:7px;
}

.menua:hover {
	background-color: #DDE1EA;
	color: #0d2b88;
}

.menuahover
{
	text-decoration: none;
	padding:5px;
	padding-right:7px;
	background-color: #DDE1EA;
	color: #0d2b88;
	padding-left:7px;
}

.menuahover:hover {
	cursor: pointer;
	color: #0d2b88;
}

.button:hover {
	opacity: 0.9;
	color: #dcdcdc;
}

.gray {	
	background: #a1a5a8 url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #a1a5a8, #b6bbbf1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b6bbbf), to(#a1a5a8));
}

.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
		text-align: right;
	}

.imageSlideshowHolder{
 /* margin:5px;  /* "Air" */
  /*float:right; /* Floating gallery at the right side of other web page content */    
  width:105px;  /* Image width */
  height:79px;  /* Image height */
  position:relative;  /* Don't remove this line */
  text-align: right;
} 

#corps {
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
}


a {
	color: #0d2b88;
}

a:hover {
	color: #FF8C00;
	text-decoration: none;
}

a.bas {
	color: Black;
}

a.bas:hover {
	color: #0d2b88;
}

a.news {
	color: #0d2b88;
	text-decoration: none;
}

a.news:hover {
	color: #FF8C00;
	text-decoration: underline;
}

a.lien {
	color: #FF8C00;
	background-color: #FFEF8E;
}

a.lien:hover {
	color: #FFBA37;
	text-decoration: none;
}


.titre {
	font-size: 13px;
	color: #0d2b88;
	font-weight: bold;
	font-family: Calibri;
}

		.invalidInput,.validInput{
		display:compact;
		padding:1px;
	}
	/* Style for invalid input */
	.invalidInput{
		border-left:2px solid #F00;
	}

	/* Style for valid input */
	.validInput{
		border-left:3px solid white;
}

input.newsletter {
	font-size: 12px;
	font-family: calibri;
}


td.droite {
	border-right: 1px dashed Gray;
}


.contentContainer
{
	text-align: right;
}

.imageSlideshowHolder
{
	text-align: right;
}

td.ent {
	border: 1px solid #c7d1e0;
	padding: 3px;
	background-color: White;
}

th.ent {
	border: 1px solid #c7d1e0;
	background-color: #D9E0EA;
	padding: 5px;
	font-weight: bolder;
}

td.valorise {
	border: 1px solid #c7d1e0;
	padding: 3px;
	background-color: #99CCFF;
	font-weight: bolder;
}


.usual ul {
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
}


.ullist {
	/*background-color: #FFF5E1;
	border: 1px solid #FFC04A;*/
		padding: 10px;
}



li {
	list-style-position: inside;
}

li.list {
	display: inline;
	text-align:left;
	padding:15px; 

}

li.list a{
text-decoration: none;
font-size: 14px;
background-color: #FFF5E1;
border: 1px solid #FFC04A;
padding: 5px;
color: Black;
}

li.list a:hover{
background-color: #FFE3A8;
color: #FF8C00;
}
 
.easy {
	background-color: #F2F4F7;
	border: 1px solid #c7d1e0;
	font-family: Calibri;
	width: 95%;
	padding: 10px;
}

.tabset_tabs	{ margin:0; padding:0; }
.tabset_tabs li	{
	margin: 0;
	padding: 0;
	padding-left:5px;
	padding-bottom: 10px;
	display: list-item;
	list-style-image: url(../images/arrow.png);
	list-style-position: inside;
}

.tabset_tabs li a{
	font-family: Calibri;
	font-size: 16px;
	text-decoration: none;
}

.active {
	font-weight: bolder;
}

.tabset_content	{ padding:0; margin:0; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block; }

@media aural{
	.tabset_content,
	.tabset_label	{ display:block }
}

/*********************************MENU************************/

.menug{margin:0; padding:0; width:150px; list-style:none;background:white;}
.menug li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menug li a{
text-align:left;height:40px; padding:0px 25px; font:13px Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: black; display:block; 
/*background:url('../images/verMenuImages.png') 0px 0px no-repeat;*/
background-color: #e4e8ef;
text-decoration:none;
}
.menug li a:hover{
background:url('../images/verMenuImages.png') 0px 0px no-repeat;
background-color: #c7d1e0;
color: #4E5863;
}
.menug li a.active, .menu li a.active:hover{
/*background:url('../images/verMenuImages.png') 0px -80px no-repeat; */
background-color: #c7d1e0;
color:#0d2b88;
}
.menug li a span{line-height:40px;}


label {
	font-weight: bolder;
}
