﻿/* selectors */
html{ width:100%; height:100%; }
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#414141; font-size:12px; margin:0; padding:0; height:100%; width:100%; background:url(../images/bg_repeat.png) repeat-x top #9de5eb;}
p{text-align:justify; padding:0; margin:0; padding-bottom:15px; line-height:18px;}
/* selectors end */

/* Custom styles */
.errorMessage{ font-weight:bold; color:Red;}
.centeredTable{ margin-left:auto; margin-right:auto;}

.row_color{background-color:white;}
.row_color:hover{background-color:gray; color:white;cursor:pointer; cursor:hand;}

.alt_row_color{ background-color:silver;}
.alt_row_color:hover{ background-color:gray; color:white; cursor:pointer; cursor:hand;}

#usersTable td{padding:3px;}
#usersInfo td{padding:3px;}

input[type="button"]{cursor:pointer;cursor:hand;}
input[type="submit"]{cursor:pointer;cursor:hand;}
input[type="file"]{cursor:pointer;cursor:hand;}

.alt_link:link{color:black; text-decoration:none}
.alt_link:active{color:black;text-decoration:none}
.alt_link:hover{color:white;text-decoration:none}
.alt_link:visited{color:black;text-decoration:none}

a img{border:none;}
a {outline:none; cursor:pointer; color:#117a82; text-decoration:underline;}
a:hover {outline:none; cursor:pointer; color:#117a82; text-decoration:none;}

h1{ color:#208f98; font-size:21px; padding:0; margin:0; padding-bottom:15px; font-weight:bold; }
h2{ color:#208f98; font-size:15px; padding:0; margin:0; padding-bottom:10px; font-weight:bold; }
h3{ color:#414141; font-size:13px; padding:0; margin:0; padding-bottom:10px; font-weight:bold; }
.error{
	visibility:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:11px;
	text-align:left;
	clear:both;
	padding-top:10px;
}

#headerFlash { 	position:absolute; width: 100%; z-index:10; }

.errorChamps{
	visibility:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:11px;
	text-align:left;
	position:relative;
	float:left;
	padding-top:13px;
	padding-left:20px;
}


/* Custom styles end */

#header{
	width:925px;
	height:429px;
	position:relative;
	background-color:#fff;
}
#logo{
	width:324px;
	height:112px;
	position:relative;
	float:left;
}
#topMenu{
	width:601px;
	height:55px;
	position:relative;
	float:left;
	background-color:#80c9ce;
}
#joinBtn{
	position:relative;
	float:right;
	height:39px;
	padding-right:5px;
}
#joinBtnLeft{
	position:relative;
	float:left;
	background:url(../images/top_join_bg_left.png) no-repeat top right;
	width:9px;
	height:39px;
}
#joinBtnMiddle{
	position:relative;
	float:left;
	background:url(../images/top_join_bg_middle.png) repeat-x top;
	height:39px;
}
#joinBtnRight{
	position:relative;
	float:left;
	background:url(../images/top_join_bg_right.png) no-repeat top left;
	width:9px;
	height:39px;
}
#joinTxt{
	position:relative;
	float:left;
	color:#595959;
	font-size:11px;
	padding-top:11px;
	padding-left:10px;
}
#joinFacebook{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:10px;
}
#joinTwitter{
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:6px;
}
#joinYouTube{
	position:relative;
	float:left;
	margin-top:9px;
	margin-left:6px;
	margin-right:10px;
}
#contactBtn{
	position:relative;
	float:right;
	margin-right:5px;
	cursor:pointer;
	cursor:hand;
}
#langBtn{
	position:relative;
	float:right;
	height:39px;
	margin-right:40px;
	cursor:pointer;
	cursor:hand;
}
#bannerImg{
	position:relative;
	float:right;
	height:374px;
}
#bannerTxt{
	position:relative;
	clear:left;
	float:left;
	padding-left:100px;
	padding-top:60px;
	background:url(../images/banner_txt_bg.jpg) no-repeat top left;
}
#menu{
	width:925px;
	height:56px;
	clear:both;
	z-index:2001;
	position:absolute;
}
.menuItem{
	position:relative;
	float:left;
	height:56px;
}
.menuItem a{
	display:block;
	padding:19px 78px;
	background:url(../images/menu_bg.png) repeat-x;
}
.menuItem a:hover{
	display:block;
	padding:19px 78px;
	background:url(../images/menu_bg_over.png) repeat-x;
}
.menuSep{
	width:3px;
	height:56px;
	background:url(../images/menu_sep.png) no-repeat;
	position:relative;
	float:left;
}
div.sub:hover div.submenu{
	position:absolute;
	left:0;
	top:55px;
	z-index:2000;
	display:block;
}
.submenu{	
	position:absolute;
	left:0;
	top:55px;
	z-index:2000;
	display:none;
}
.menuItem .submenu a{
	font-size:13px;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:8px 0;
	text-align:center;
	background:url(../images/submenu_bg.png) repeat-x;
}
.menuItem .submenu a:hover{
	font-size:13px;
	color:#fff;
	text-decoration:none;
	display:block;
	background:url(../images/submenu_bg_over.png) repeat-x;
}
.submenuSelected{
	font-size:13px;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:8px 0;
	text-align:center;
	background:url(../images/submenu_bg_over.png) repeat-x;
	cursor:default;
}
.submenuItem{
	font-size:13px;
	color:#fff;
	line-height:18px;
}
.submenuSep{
	height:3px;
	background:url(../images/submenu_stroke.png) repeat-x left;
}
#content{
	position:relative;
	width:925px;
	z-index:1000;
	margin-top:56px;
}
#contentZone{
	width:538px;
	padding-left:33px;
	position:relative;
	float:left;
}
#contentZoneMiddle{
	background:url(../images/content_bg.png) repeat-y top;	
}
#contentZoneBottom{
	width:538px;
	height:14px;
	background:url(../images/content_bg_bottom.png) no-repeat top;
}
#contentZoneTxt{
	padding:40px 40px 10px 40px;
}

.contentZoneTxtTitle{ 
	padding-bottom:15px;
}

.contentZoneTxtTitle a{
	color:#208f98; 
	font-size:21px; 
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
.contentZoneTxtItem p{
	text-align:justify;
	width:270px;
}
p.nouvellesPara{
	text-align:justify;
	width:370px;
}
.admin p{
	text-align:justify;
	width:260px;
}
.longtext p{
	text-align:justify;
	width:280px;
}
.contentZoneTxtItem{
	position:relative;
	padding-bottom:15px;
}
.contentZoneTxtImg{
	position:absolute;
	bottom:0;
	right:7px;
}
.contentZoneTxtIcon{
	position:absolute;
	bottom:30px;
	right:7px;
}
.contentZoneTxtSep{
	clear:both;
	width:450px;
	height:2px;
	margin-bottom:40px;
	background:url(../images/content_stroke.png) repeat-x;
}
#contentZoneImg{
	margin-top:5px;
	margin-bottom:25px;
	width:450px;
	height:265px;
	background:url(../images/cadre_img.gif) no-repeat;
}
#rightCol{
	width:291px;
	position:relative;
	float:right;
	padding-right:33px;
}
#rightColMiddle{
	background:url(../images/right_col_bg.png) repeat-y top;	
}
#rightColContent{
	padding:40px 22px 10px 22px;	
}
.rightColBtn{
	padding-bottom:20px;	
}
.rightColBtnPng{
	padding-bottom:12px;	
	margin-left:-2px;
}
.rightColContest{
	margin-left:-15px;
	padding-bottom:4px;	
}
#rightColBottom{
	width:291px;
	height:14px;
	background:url(../images/right_col_bottom.png) no-repeat top;
}
.dateNews{
	text-align:right;
	font-style:italic;
	font-size:14px;
	padding-right:10px;
}
form{
	padding:0;
	margin:0;
}
form label{
	font-size:11px;
	color:#000;
	padding:0;
	margin:0;
}
form input[type=text]{
	width:180px;
	height:20px;
	background-color:#fff;
	border:solid 1px #dadada;
	margin-top:3px;
	margin-bottom:8px;
	color:#414141;
	font-size:12px;
	text-align:left;
}
form input[type=file]{
	background-color:#fff;
	border:solid 1px #dadada;
	margin-top:3px;
	margin-bottom:8px;
	color:#414141;
	font-size:12px;
	text-align:left;
}
form textarea{
	width:180px;
	height:192px;
	background-color:#fff;
	border:solid 1px #dadada;
	margin-top:3px;
	margin-bottom:8px;
	color:#414141;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}
#formBtn{
	position:relative;
	margin-top:10px;
	margin-right:5px;
	cursor:pointer;
	cursor:hand;
}
#sendBtnFR{
	position:relative;
	float:left;
}
#sendBtnFR input{
	background:url(../images/form_bt_fr.png) no-repeat;
	cursor:pointer;
	width:101px;
	height:38px;
	border:none;
	outline:none;
}
#sendBtnFR input:hover{
	background:url(../images/form_bt_fr_over.png) no-repeat;
	cursor:pointer;
	width:101px;
	height:38px;
	border:none;
	outline:none;
}
#sendBtnEN{
	position:relative;
	float:left;
}
#sendBtnEN input{
	background:url(../images/form_bt_en.png) no-repeat;
	cursor:pointer;
	width:80px;
	height:38px;
	border:none;
	outline:none;
}
#sendBtnEN input:hover{
	background:url(../images/form_bt_en_over.png) no-repeat;
	cursor:pointer;
	width:80px;
	height:38px;
	border:none;
	outline:none;
}

#donateFormBtnFR input{
	background:url(../images/btn_donateForm_fr.png) no-repeat;
	cursor:pointer;
	width:125px;
	height:38px;
	border:none;
	outline:none;
}
#donateFormBtnFR input:hover{
	background:url(../images/btn_donateForm_fr_over.png) no-repeat;
	cursor:pointer;
	width:125px;
	height:38px;
	border:none;
	outline:none;
}
#donateFormBtnEN input{
	background:url(../images/btn_donateForm_en.png) no-repeat;
	cursor:pointer;
	width:90px;
	height:38px;
	border:none;
	outline:none;
}
#donateFormBtnEN input:hover{
	background:url(../images/btn_donateForm_en_over.png) no-repeat;
	cursor:pointer;
	width:90px;
	height:38px;
	border:none;
	outline:none;
}

#calltoaction{
	position:relative;
	clear:both;
	height:23px;
}
#ctaInfo{
	background:url(../images/icon_small_info.png) no-repeat left;
	height:23px;
	position:relative;
	float:left;
}
#ctaDon{
	background:url(../images/icon_small_don.png) no-repeat left;
	height:23px;
	position:relative;
	float:left;
}
#ctaInfo a{
	padding-left:40px;
	padding-right:30px;
	font-size:11px;
	display:block;
	margin-top:5px;
}
#ctaDon a{
	padding-left:35px;
	font-size:11px;
	margin-top:5px;
	display:block;
}
#donAct{
	margin-top:15px;
}
#contributeAct{
	margin-top:15px;
}
#playerContainer{
	margin-top:30px;
}
.thumbCont{
	position:relative;
	float:left;	
	margin-bottom:15px;
	margin-right:10px;
	width:103px;
}
.thumbImgVideo{
	width:93px;
	height:93px;
}
.thumbImg{
	width:93px;
	height:93px;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
	float:left;	
}
.thumbImg a{
	background:url(../images/thumb_cadre.png) no-repeat;
	display:block;
}
.thumbImg a:hover{
	background:url(../images/thumb_cadre_over.png) no-repeat;
	display:block;
}
.thumbImg img{
	width:75px;
	height:75px;
	margin:9px;
}
.thumbTitle{
	font-size:11px;
}
.thumbTitle a{
	text-decoration:none;
	outline:none;
}
.itemShop{
	position:relative;
	width:450px;
}
.itemShopImg{
	height:100px;
	position:relative;
	float:left;
}
.itemShopText{
	position:relative;
	float:left;
	padding:20px;
	width:180px;
}
.itemShopText p{
	text-align:left;
}
.itemShopBtn{
	position:relative;
	float:right;
	padding-top:35px;
	padding-left:10px;
	cursor:pointer;
	cursor:hand;
}
#footer{
	text-align:left;
	padding-top:20px;
	padding-left:25px;
	padding-bottom:15px;
	clear:both;
	font-size:10px;
}
#footer a{
	color:#414141;
	text-decoration:none;
	outline:none;
}
#footer a:hover{
	color:#414141;
	text-decoration:underline;
	outline:none;
}
