/*------- BODY ---------*/

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #18D3FF;
}


body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #074979;
}

a:link {
	color: #02B9FF;
}

a:hover {
	color: #056E9D;
}

a:visited {
	color: #056E9D;
}

a:active {
	color: #CFF2FF;
}

p {
	margin: 0;
	padding: 10px 0 10px 0;
}


/*------- HEADER ---------*/

#nombredesites {
	float: right;
	padding: 13px 180px 0 0;
}

#heures {
	float: right;
	padding: 13px 55px 0 0;
}

#topwelcome {
	float: left;
	padding: 13px 0 0 30px;
	color: #0485C6;
}	

#helplogin {
	font-size: 10px;
	padding: 0 0 0 10px;
}

/*------- PAGE ---------*/

#mainframe {
	width: 780px;
	background-image: url(images/bg_page.gif);
	background-repeat: repeat-y;
}

#top {
	background-image: url(images/top_page.gif);
	height: 41px;
	color:#18D3FF;
}

#left {
	background-image: url(images/left.gif);
	background-repeat: no-repeat;
	width: 4px;
}

#right {
	background-image: url(images/right.gif);
	background-repeat: no-repeat;
	width: 4px;
}

#page {
	height: 500px;
	vertical-align: top;
}

#bottom {
	background-image: url(images/bottom_page.gif);
	background-repeat: no-repeat;
	background-color: #18D3FF;
	height: 77px;
	text-align: center;
	padding: 30px 0 50px 0;
	color: #A3EDFF;

}

#bottom a:link {color: #fff;}
#bottom a:hover {color: #0E98C9;}
#bottom a:visited {color: #fff;}
#bottom a:active {color: #fff}

/*------- MAIN PAGE ---------*/

#mainpagetable {
	width: 100%;
}	


#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 298px;
}

#logonoel {
	background-image: url(images/logo_noel.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 298px;
}

#review {
	background-image: url(images/review_1.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 213px;
}

#reviewnoel {
	background-image: url(images/reviews_noel.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 213px;
}


#login {
	background-image: url(images/bg_login.gif);
	background-repeat: no-repeat;
	width: 236px;
	padding: 0 0 0 25px;
	vertical-align: middle;
	
}

#login input.login-field {
	background-image: url(images/bg_loginbox.gif);
	width: 133px;
	height: 16px;
	padding: 2px 2px 2px 5px;
	border: solid 2px #F0FAFF;
	margin: 0 2px 6px 0;
	color: #B3E5FA;
}

#tablelogin {
	
}

#menu {
	background-image: url(images/bg_menu.gif);
	height: 45px;
	text-align: center;
}	

#menu img {
	padding: 0 2px 0 2px;
}

#menuindex {
	background-image: url(images/menu_bar_index.gif);
	background-repeat: no-repeat;
	height: 12px;
}

#tablecontentindex {
	width: 100%;
}

#pic1index {
	background-image: url(images/pic1_index.jpg);
	background-repeat: no-repeat;
	height: 223px;
	width: 346px;
}

#pic2index {
	background-image: url(images/pic2_index.jpg);
	background-repeat: no-repeat;
	height: 323px;
	width: 346px;
}

#welcomeindex {
	background-image: url(images/welcome_home.jpg);
	background-repeat: no-repeat;
	height: 223px;
	width: 426px;
}

#textindex {
	vertical-align: top;
}

#indexbuttons {
	background-color: #E3F8FF;
	height: 96px;
}

#indexbuttons img {
	padding: 13px 1px 0 5px;
}

#stindex {
	background-image: url(images/st_indexdessites.gif);
	height: 28px;
	width: 426px;
}

#linksindex ul{
	margin: 0;
	padding: 0;
}

#linksindex li{
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 0px 10px 0px 20px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}


#linksindexdessites ul{
	margin: 0;
	padding: 0;
}

#linksindexdessites li{
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 0 0;
	padding: 0px 10px 0px 20px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

.linkname {
	color: #00CCFF;
	font-weight: bold;
}

.linkdescription {
	font-size: 12px;
	line-height: 14px;
}


#tablelinksindex {
	width: 411px;
	margin: 10px 0 50px 5px;
}


#tablelinksindexdessites {
	width: 370px;
	/*margin: 10px 0 20px 5px;*/
}

#linksindexleft {
	
}

#linksindexright {
	padding-left: 10px;
	border-left: solid 1px #E4F5FF;
}

#searchform {
	background: url(images/bg_searchform.gif) no-repeat;
	width: 300px;
	padding: 0 0 0 25px;

}


/*------- CONTENT --------*/

#contentintro {
	background-color: #E3F8FF;
	border-bottom: solid 1px #C8F1FF;
	padding: 0px 30px 0px 30px;
}

#tableintrotour {
	width: 100%;
	margin: 12px 0px
}

#textintro {
	padding: 0 10px 0 0;
	vertical-align: top;
}

.textbold {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

#flashvideodemo {
	background-image: url(images/flash_demo2.jpg);
	background-repeat: no-repeat;
	padding: 17px 0 0 13px;
	width: 324px;
	height: 241px;
	vertical-align: top;
}

#tablecontenttour {
	width: 720px;
	margin: 20px 30px;
}

#tourcolleft {
	vertical-align: top;
	width: 215px;
	border-right: solid 1px #E4F5FF;
}

#tourcolleft ul{
	margin: 0;
	padding: 0;
}

#tourcolleft li{
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0 0 0;
	padding: 0px 10px 0px 20px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

#tourcolright {
	vertical-align: top;
	padding: 0 0 0 20px;
}

.thumb {
	background-color: #fff;
	padding: 5px;
	border: solid 1px #C2E7F2;
	margin: 3px 6px 3px 0;
}

#imagetextright {
	float:right;
	
}	

#demosites {
	padding: 10px 0 10px 5px;
	text-align: center;
}

#demosites2 {
	padding: 20px 0 10px 0px;
	text-align: center;
}

#buttonbottom {
	padding: 20px 0 0 0;
}

#contentsitesindex {
	
}

#table-contentsitesindex {
	width: 720px;
	margin: 20px 30px;
}

#table-contentsitesindex2 {
	width: 720px;
}

#sitethumbcell {
	text-align: center;
	vertical-align: top;
}

#featuredsite {
	text-align: center;
	vertical-align: top;
}

#buttonstitlecategory {
	float: right;
	padding: 0 10px 0 0;
}	

#titlecategory {
	padding: 0 0 20px 5px;
}

#titlecategory2 {
	padding: 20px 0 20px 5px;
}

#bottom-category {
	border-bottom: solid 1px #C8F1FF;
	padding: 20px 20px 0px 0;
	font-size: 10px;
	text-align: right;
}

#bottom-category a{text-decoration: none;}

#tablesearch {
	width: 265px;
}	

#searchtext {
	/*padding: 10px 0 10px 0;*/
}

#tablesearch input.search-field {
	background-image: url(images/bg_loginbox.gif);
	width: 185px;
	height: 18px;
	padding: 2px 2px 2px 5px;
	border: solid 2px #F0FAFF;
	margin: 0 2px 6px 0;
	color: #074979;
	font-size: 16px;
}

#pic3join {
	width: 345px;
	vertical-align: top;
	background:url(images/pic3_join.jpg) no-repeat;
}

#contentjoin {
	vertical-align: top;
	padding: 10px 20px 0 10px;
}

#contentjoin ul{
	margin: 0;
	padding: 0;
}

#contentjoin li{
	font-size: 12px;
	line-height: 16px;
	margin: 3px 0 0 0;
	padding: 0px 10px 0px 25px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

.hottext {
	color: #FF0000;
}

#table-formulaire {
	width: 366px;
	margin: 10px 0 10px 0;
	background: url(images/bg_formulaire.gif) repeat-y;
}


#table-formulaire-emptypage {
	width: 366px;
	background: url(images/bg_formulaire.gif) repeat-y;
}

#contentformulaire {
	padding: 0px 35px;
}

#tableformulaire {
	width: 285px;
}	

#nameformulaire {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 0px 0;
	vertical-align: top;
}

#bulletformulaire {
	vertical-align: top;
	padding: 5px 0 0 0;
}


#textformulaire {
	font-size: 12px;
	line-height: 16px;
	color: #1497DB;
	padding: 6px 0 10px 5px;
}
.input-formulaire {
	background-image: url(images/bg_loginbox.gif);
	width: 100%;
	height: 20px;
	padding: 2px 2px 2px 5px;
	border: solid 2px #F0FAFF;
	margin: 0 2px 6px 0;
	color: #1EB0D9;
	font-size: 16px;
}

#dropmenu {
	padding: 5px 0 5px 0;
}

.dropmenu-formulaire {
	width: 100%;
	padding: 2px 2px 2px 5px;
	margin: 0 2px 6px 0;
	color: #1EB0D9;
	font-size: 16px;
}

#bouton-formulaire {
	text-align: center;
	padding: 5px 0 5px 0;
}

#content-emptypage {
	padding: 20px 50px;
	vertical-align: top;
}

#content-emptypage ul{
	margin: 5px 0 5px 0 ;
	padding: 0;
}

#content-emptypage li{
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0 0 0;
	padding: 0px 10px 0px 25px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
}

#supportbox {
	border: solid 3px #E3F8FF;
	padding: 20px 30px;
	margin: 10px 0;
}

#contentbox {
	padding: 20px 30px;
	margin: 10px 0;
}


h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0;
	padding: 5px 0;
	color: #16CCFA;
	border-bottom: solid 1px #16CCFA;
}


#tablecontacts {
	width: 100%;
	margin: 10px 0 0 0;
}

#contact1 {
	vertical-align: top;
	border-right: solid 1px #E3F8FF;
	padding: 0 0 0 10px;
}

#contact2 {
	vertical-align: top;
	padding: 0 0 0 10px;
}

.smalltext {
	font-size: 12px;
	color: #40B2DA;
}

/*------- WEBMASTERS ----------*/

#leftwebmasters {
	vertical-align: top;
	width: 223px;
}

#rightwebmasters {
	vertical-align: top;
	width: 426px;
}



#pic1webmasters {
	background-image: url(images/pic1_webmasters.jpg);
	background-repeat: no-repeat;
	height: 223px;
	width: 346px;
}

#pic2webmasters {
	background-image: url(images/pic2_webmasters.jpg);
	background-repeat: no-repeat;
	height: 219px;
	width: 346px;
}

#pic3webmasters {
	background-image: url(images/pic3_webmasters.jpg);
	background-repeat: no-repeat;
	height: 271px;
	width: 346px;
}

#twebmasters {
	background: url(images/t_webmasters.jpg) no-repeat;
	height: 223px;
	width: 426px;
}

#textwebmasters {
	background-color: #E3F8FF;
	padding: 0px 40px 0px 5px;
	height: 219px;
}


#contentwebmasters {
	vertical-align: top;
	padding: 10px 20px 0 10px;
}

#contentwebmasters ul{
	margin: 0;
	padding: 0;
}

#contentwebmasters li{
	font-size: 12px;
	line-height: 16px;
	margin: 8px 0 12px 0;
	padding: 0px 10px 8px 25px;
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	border-bottom: solid 1px #E3F8FF;
}

#loginwebmasters {
	background-image: url(images/bg_login2.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 60px;
	vertical-align: middle;
	height: 120px;
	
}

#loginwebmasters input {
	background-image: url(images/bg_loginbox.gif);
	width: 150px;
	height: 16px;
	padding: 2px 2px 2px 5px;
	border: solid 2px #F0FAFF;
	margin: 0 2px 6px 0;
	color: #B3E5FA;
}

#titlevide {
	background: url(images/t_empty.jpg);
	height: 120px;
	text-align: right;
	padding: 0 70px 0 0;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

/*------- WEBMASTERS ---------*/


#menuwebmasters {
	background-image: url(images/bg_menu.gif);
	height: 45px;
	text-align: center;
	text-transform:uppercase;
	font-weight: bold;
	padding: 0 0 0 16px;
}

#tablemenuwebmasters {

}



#cellmenuwebmasters a {
	text-decoration: none;
	background: url(images/button_empty.gif) no-repeat;
	width: 74px;
	height: 25px;
	font-size: 10px;
	padding: 8px 0 0 0;
	color: #04B6FA;
	display: block;
	text-align: center;
}

#cellmenuwebmasters a:visited {
	background: url(images/button_empty.gif) no-repeat;
	width: 74px;
	height: 25px;
	font-size: 10px;
	padding: 8px 0 0 0;
	color: #04B6FA;
}

#cellmenuwebmasters a:hover{
	background: url(images/button_empty_over.gif) no-repeat;
	width: 74px;
	height: 25px;
	padding: 8px 0 0 0;
	color: #012B52;			
}




#topempty {
	height: 41px;
	background: url(images/top_empty.gif) no-repeat;
}

#logininfo {
	background-image: url(images/bg_login3.gif);
	background-repeat: no-repeat;
	width: 180px;
	padding: 0 0 0 25px;
	vertical-align: middle;
	
}

#tablelogininfo {
	width: 250px;
	
}

#content-webmasterpage {
	padding: 20px 20px;
	vertical-align: top;
}

#statsbox {
	border: solid 3px #E3F8FF;
	padding: 2px 2px;
	margin: 10px 0;
	width: 100%;
}

#headerstats {
	background-color: #04B6FC;
	padding: 10px 20px;
	margin: 0 0 2px 0;
	text-transform:uppercase;
	color: #fff;
	font-size: 12px;
	border-bottom: solid 2px #fff;
}

#subheaderstats {
	background: #A6E4FE;
}

#subheaderstats-cell {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	border-bottom: solid 2px #fff;
}

#tablestatscell {
	background: #E3F8FF;
	border-bottom: solid 1px #fff;
	padding: 5px 20px;
}

#bottomstatstable {
	background: #fff;
	padding: 5px 20px;
	text-align: right;
	border-top: solid 1px #04B6FC;
}