* {
	padding:0;
	margin:0;
}

img {
	border:none;
} 

html {
	overflow:auto;
}

body {

	scrollbar-face-color:#000000;
	scrollbar-shadow-color: #018E30;
	scrollbar-highlight-color: #018E30;
	scrollbar-3dlight-color: #018E30;
	scrollbar-darkshadow-color: #018E30;
	scrollbar-track-color: #346468;
	scrollbar-arrow-color: #018E30;	
}

body,td, th{
	font-family:Arial, Verdana, Helvetica,sans-serif;
	font-size:11px;
}

.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}


#ContainerHeader {
	display:block;
	width:100%;
	height:103px;
	background-image: url(img/header.jpg)
}

#ContainerTopMenu {
	display:block;
	width:100%;
	height:43px;
	background-image: url(img/bkg_menu.jpg);
	background-position: left;
	background-repeat: repeat-x;
	}
	
#ContainerMain {

	width:100%;
	height:351px;
	padding:0px 0px 0px 0px;	
	display:inline;	
}

#ContainerFooter {
	display:block;
	padding-top:64px;
	width:100%;
	height:40px;
	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;

}

#ContainerTopMenu .ThumbnailOff{
	float:left;
	width:auto;
	height:24px;
	display:inline;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(img/bkg_onglet.jpg);	
	text-align:center;
	padding:8px 4px 0px 4px;
	margin-right:1px;
	color:white;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;	
}

#ContainerTopMenu .ThumbnailOn{
	float:left;
	width:auto;
	height:24px;
	display:inline;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(img/bkg_onglet.jpg);	
	text-align:center;
	padding:8px 4px 0px 4px;
	margin-right:1px;
	color:#FFCC00;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;

}



#ContainerTopMenu .ThumbnailOff a {
	text-decoration:none;
	color:white;
}

#ContainerTopMenu .ThumbnailOff a:hover {
	color: #8DCAC2;
}


#ContainerTopMenu .ThumbnailOn a {
	text-decoration:none;
	color:#FFCC00;
}

#ContainerBottomMenu {
	padding-left:59px;
}

#ContainerBottomMenu .ThumbnailOff{
	float:left;
	width:auto;
	height:24px;
	display:inline;
	text-align:center;
	padding:8px 4px 0px 4px;
	margin-right:1px;
	color:white;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;	
	
}

#ContainerBottomMenu .ThumbnailOn{
	float:left;
	width:auto;
	height:24px;
	display:inline;
	text-align:center;
	padding:8px 4px 0px 4px;
	margin-right:1px;
	color:#FFCC00;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	
}

#ContainerBottomMenu .ThumbnailOff a {
	text-decoration:none;
	text-transform: capitalize;
	color:white;
}

#ContainerBottomMenu .ThumbnailOff a:hover {
	color: #8DCAC2;
}

#ContainerBottomMenu .ThumbnailOn a {
	text-decoration:none;
	text-transform: capitalize;
	color:#FFCC00;
}



#TableSkeleton {
	width:100%;
	height:100%;
}


#BgTopImage {
	background-image: url(img/bkg_entete.jpg);	
	width:1000px;
	height:103px;
}

#BgTopImage-2 {
	background-image: url(img/bkg_entete-2.jpg);	
	width:800px;
	height:152px;
}


#BgFootImage {
	background-image: url(img/bkg_footer.jpg);
	background-repeat: repeat-x;
	height:103px;
}

#ContainerMainLeftColumn {	
	float:left;
	display:inline;
	padding-left:40px;
	background-image: url(img/bkg_souscrire.jpg);
	background-position: left;
	width:280px;
	min-height:351px; 
}

#ContainerMainRightColumn {
	float:left;
	display:inline;
	width:676px;
	/*padding-top:16px;*/
}

#ContainerMainLeftColumn .FrameIconAmsre{
	padding:0px 0px 10px 0px;	
}

#ContainerMainLeftColumn .FrameIconNews{
	padding:20px 0px 10px 0px;	
}
	

#ContainerMainLeftColumn .FrameEnterForm a {
	text-decoration: none;
}

#ContainerMainLeftColumn .FrameEnterForm{
	background-image: url(img/cadre_accueil.jpg);
	height:242px;
	width:204px;
	text-align:center;
}

#ContainerMainLeftColumn .FrameEnterForm .puce {
	float:left;
	width:44px;
}

#ContainerMainLeftColumn .FrameEnterForm .legend {
	float:left;
	width:160px;
	font-size:10px;
	text-align:left;
}

#ContainerMainLeftColumn .FrameEnterForm .button{
	clear:both;
	float:left;
	text-align:right;
	padding:6px 0px 0px 0px;
	width:204px;
}

#ContainerMainLeftColumn .FrameEnterNews .puce {
	float:left;
	width:44px;
}

#ContainerMainLeftColumn .FrameEnterNews .legend {
	float:left;
	width:160px;
	font-size:10px;
	text-align:left;
}

#ContainerMainLeftColumn .FrameEnterNews .button{
	clear:both;
	float:left;
	text-align:right;
	padding:10px 0px 0px 0px;
	width:204px;
}

#ContainerMainRightColumn .MainContent {
	padding-top:12px;
	display:block;
}

#frm_mailing .Label {
	float:left;
	width:150px;
}
#frm_mailing .Field {
	float:left;
	width:500px;
}

#frm_mailing input {
	border:1px solid #ccc;
	font-size:11px;
}

#frm_mailing p {
	padding-top:10px;
}

#frm_mailing .MailingSubmit input {
	width:126px;
	
}

#frm_mailing .ErrMsg {
	float:left;width:100%;color:red;	
}

#formSection {
	text-align:left;
}

#formSection input {
	border:1px solid lightgrey;
	width:200px;
}
#formSection .Label {
	clear:both;
	float:left;
	width:220px;
	padding:3px 10px 3px;
	font-weight:bold;
}

#formSection .Input {
	float:left;
	width:300px;
	padding:3px 10px 3px;	
}

#formSection textarea {
	border:1px solid lightgrey;
	width:200px;
}