/* CSS Document */

/* -------------------------RESET------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td{font-size:11px;color:#666}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* -------------------------------------------------------  */

* { font-family: Verdana, Arial, Helvetica, sans-serif;}

BODY {
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
	background:#608237 url(/design/background/top.jpg) no-repeat top center;
}

#body{
	background:url(/design/background/bottom.jpg) no-repeat bottom center;
}

TABLE{ border-collapse:0; border:0;}

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{margin:0;padding:0}

LI{
	list-style-image:url(/design/puce.gif);
}

INPUT, TEXTAREA{
	padding:2px;
	margin:0;
	border:1px solid #999;
	font-size:10px;
	background:url('/design/input.gif') no-repeat top left;
}

INPUT.button , INPUT.formbutton{
	border:1px solid #999;
	background:#666;
	color:#999;
	font-size:10px;
	cursor:pointer;
}

TABLE.neo_form_mail_table INPUT.formbutton{
	margin:0 10px 0 0;
	float:left;
	background:#395E0E;
	color:#fff;
}

INPUT.formbutton:hover , INPUT.button:hover{background:#222;}

TABLE.neo_form_mail_table{
	background:#eee;
}

TABLE.neo_form_mail_table TD{
	vertical-align:middle;
	padding:5px;
	font-size:14px;
}

TABLE.neo_form_mail_table INPUT{
	padding:3px;
	font-size:14px;
}

A:link, A:visited{color:#527336;text-decoration:none;}
A:hover, A:active{color:#000000;text-decoration:underline;}

HR.clear{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:20px;
}

HR{
	background:#cccccc;
	height:1px;
	clear:both;

	margin: 5px 0;
	padding: 0;
	color: #cccccc;
	border: 0;
}

.hr{
	height:1px;
	clear:both;

	margin: 5px 0;
	padding: 10px 0 0 0;
	color: #cccccc;
	border-bottom: 1px solid #ccc;
}



.center{text-align:center;}

#container{
	margin:0 auto;
	width:929px;
	padding-bottom:130px;
}

#banner{
	height:125px;
	position:relative;
}

A#goHome{
	display:block;
	height:60px;
	left:135px;
	position:absolute;
	top:5px;
	width:240px;
}

.slogan{
	width:114px;
	height:120px;
	background:url(/design/slogan.gif) no-repeat;
	
	position:absolute;
	top:5px;
	left:728px;
}

.languages{
	width:93px;
	height:21px;
	position:absolute;
	right:-20px;
	top:10px;
}

.languages A , .languages A:hover{
	display:block;
	height:15px;
	width:12px;
	padding:4px 5px;
	margin:0 4px 0 0;
	float:left;
	
	font-size:10px;
	text-decoration:none;
	
	background:url(/design/lng.png) no-repeat left top;
}

.languages A:active , .languages A:hover , .languages A.active{
	background:url(/design/lng-active.png) no-repeat left top;
	text-decoration:none;
	color:#000;
}

.menuTop{
	position:absolute;
	bottom:-33px;
	left:0;
	width:929px;
	text-align:center;
}

.menuTop TD A:link , .menuTop TD A:visited{
	display:block;
	text-align:center;
	background:url(/design/menu.gif) repeat-x top center;

	height:21px;
	padding:21px 14px 13px 14px;
	white-space:nowrap;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	font-family:"Century Gothic";
}

.menuTop TD A:hover , .menuTop TD A:active{
	text-decoration:none;
	color:#fdd831;
}

.menuBorderLeft{
	display:block;
	width:13px; 
	height:55px;
	background:url(/design/menu-left.png) repeat-x top right;
}

.menuBorderRight{
	display:block;
	width:13px; 
	height:55px;
	background:url(/design/menu-right.png) repeat-x top left;
}

.topBorder{
	background:url(/design/border-top.png);
	height:12px;
}
.bottomBorder{
	background:url(/design/border-bottom.png) no-repeat;
	height:12px;
}

TD.border{
	width:7px;
	background:url(/design/border.png);
}

.main{
	background:#fff;
	min-height:630px;
	padding:50px 10px 0 10px;
}

.colLeft{
	width:211px;
	float:left;
}

.breadcrumb{
	color:#b4b4b4;
	position:relative;
	top:-10px;
}

.breadcrumb A , .breadcrumb A:visited , .breadcrumb A:hover , .breadcrumb A:active{
	color:#b4b4b4;
}

.breadcrumb SPAN{
	color:#9bcb69;
}

/* ==leftt ============================================== */
.top-green{
	height:115px!important;
}
.top-green , .top-red , .top-yellow-home , .top-yellow-plus , .top-yellow-minus{
	background:url(/design/title-green.gif);
	height:16px;
	padding:15px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family:"Century Gothic";
}

.top-green INPUT{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family:"Century Gothic";
	background:transparent;
}

.top-green{
	background:url(/design/title-green.gif);
}

.top-red{
	background:url(/design/title-red.gif);
}

.top-yellow-plus{background:url(/design/title-yellow-plus.gif);	color:#62500e;cursor:pointer;}
.top-yellow-minus{background:url(/design/title-yellow-minus.gif); color:#62500e;cursor:pointer;}

.picture-green{}

.middleBlock{
	border:solid #d5d5d5;
	border-width:0 1px;
	padding:10px 15px;
}

#infoBlock , .infoBlock{
	border:solid #d5d5d5;
	border-width:0 1px;
	padding:10px 15px;
}

.infoBlock A , .infoBlock A:visited{
	display:block;
	padding:16px 0 10px 30px;
	border-bottom:1px solid #ccc;
	color:#766114;
	
}

.infoBlock A:active , .infoBlock A:hover{
	color:#000;
}

.infoBlock .info-0{background:url(/design/info/info-ico-1.gif) no-repeat 0 12px;}
.infoBlock .info-1{background:url(/design/info/info-ico-2.gif) no-repeat 0 12px;}
.infoBlock .info-2{background:url(/design/info/info-ico-3.gif) no-repeat 0 12px;}
.infoBlock .info-3{background:url(/design/info/info-ico-4.gif) no-repeat 0 12px;}
.infoBlock .info-4{background:url(/design/info/info-ico-5.gif) no-repeat 0 12px;}

.infoBlock .menu{background:url(/design/menu-ico.gif) no-repeat 0 16px;color:#595959;font-size:12px;}
.infoBlock .menu:hover , .infoBlock .sel{background:url(/design/menu-ico.gif) no-repeat 0 -169px;color:#a91f36;}

.infoBlock .last{border:none !important;}

.middleBlock-home{
	border:solid #d5d5d5;
	border-width:0 1px;
	padding:0px 15px 10px 15px;
}

.bottomBlock{
	background:url(/design/bottom.gif)  no-repeat;
	height:5px;
	margin-bottom:10px;
}

.bottomBlockYellow{
	background:url(/design/bottom-yellow.gif)  no-repeat;
	height:5px;
	margin-bottom:5px;
	position:relative;
	top:-5px;
}

.facebook{
	display:block;
	margin-bottom:10px;
	height:47px;
	background:url(/design/buttons/facebook.gif) no-repeat 0 0;
}

.facebook:hover{background:url(/design/buttons/facebook.gif) no-repeat 0 -47px;}

.games-fr {
	display:block;
	margin-bottom:10px;
	height:43px;
	/* background:url(/design/buttons/games-fr.gif) no-repeat 0 0; */
	background-position:0 0;
}

/* .games-fr:hover{background:url(/design/buttons/games-fr.gif) no-repeat 0 -43px;} */
.games-fr:hover {background-position:0 -43px !important;}

.win-fr{
	display:block;
	margin-bottom:10px;
	height:160px;
	/* background:url(/design/buttons/win-fr.jpg) no-repeat 0 0; */
	background-position:0 0;
}

/* .win-fr:hover {background:url(/design/buttons/win-fr.jpg) no-repeat 0 -160px;} */
.win-fr:hover {background-position:0 -160px !important;}

.win-fr-2{
	display:block;
	margin-bottom:10px;
	height:173px;
	background:url(/design/buttons/win-fr-2.jpg) no-repeat 0 0;
}

.win-fr-2:hover{background:url(/design/buttons/win-fr-2.jpg) no-repeat 0 -173px;}
					
/* ==/Left ============================================== */

.colRight{
	width:675px;
	float:right;
	position:relative;
}

IMG.dates{
	position:absolute;
	top:0;
	right:-10px;
}

.bigImg{
	margin:15px 0;
}

.homeLeft{
	width:474px;
	float:left;	
}

.homeRight{
	width:191px;
	float:right;
}

.meteo{
	height:122px;
	padding:10px 15px;
	background:url(/design/meteo.gif) no-repeat;
	position:relative;
}

.imgMeteo{
	height:110px;
	position:absolute;
	right:-25px;
	top:-25px;
	width:110px;
} 

.meteo1{background:url(/design/meteo/1.png)}
.meteo2{background:url(/design/meteo/2.png)}
.meteo3{background:url(/design/meteo/3.png)}
.meteo4{background:url(/design/meteo/4.png)}
.meteo5{background:url(/design/meteo/5.png)}
.meteo6{background:url(/design/meteo/6.png)}
.meteo7{background:url(/design/meteo/7.png)}
.meteo8{background:url(/design/meteo/8.png)}
.meteo9{background:url(/design/meteo/9.png)}
.meteo10{background:url(/design/meteo/10.png)}
.meteo11{background:url(/design/meteo/11.png)}
.meteo12{background:url(/design/meteo/12.png)}
.meteo13{background:url(/design/meteo/13.png)}
.meteo14{background:url(/design/meteo/14.png)}
.meteo15{background:url(/design/meteo/15.png)}
.meteo16{background:url(/design/meteo/16.png)}
.meteo17{background:url(/design/meteo/17.png)}
.meteo18{background:url(/design/meteo/18.png)}
.meteo19{background:url(/design/meteo/19.png)}
.meteo20{background:url(/design/meteo/20.png)}
.meteo21{background:url(/design/meteo/21.png)}
.meteo22{background:url(/design/meteo/22.png)}
.meteo23{background:url(/design/meteo/23.png)}
.meteo24{background:url(/design/meteo/24.png)}
.meteo25{background:url(/design/meteo/25.png)}
.meteo26{background:url(/design/meteo/26.png)}
.meteo27{background:url(/design/meteo/27.png)}
.meteo28{background:url(/design/meteo/28.png)}
.meteo29{background:url(/design/meteo/29.png)}
.meteo30{background:url(/design/meteo/30.png)}
.meteo31{background:url(/design/meteo/31.png)}
.meteo32{background:url(/design/meteo/32.png)}
.meteo33{background:url(/design/meteo/33.png)}
.meteo34{background:url(/design/meteo/34.png)}
.meteo35{background:url(/design/meteo/35.png)}
.meteo36{background:url(/design/meteo/36.png)}
.meteo37{background:url(/design/meteo/37.png)}
.meteo38{background:url(/design/meteo/38.png)}
.meteo39{background:url(/design/meteo/39.png)}
.meteo40{background:url(/design/meteo/40.png)}
.meteo41{background:url(/design/meteo/41.png)}
.meteo42{background:url(/design/meteo/42.png)}
.meteo43{background:url(/design/meteo/43.png)}
.meteo44{background:url(/design/meteo/44.png)}
.meteo45{background:url(/design/meteo/45.png)}
.meteo46{background:url(/design/meteo/46.png)}
.meteo47{background:url(/design/meteo/47.png)}
.meteo48{background:url(/design/meteo/48.png)}
.meteo49{background:url(/design/meteo/49.png)}
.meteo50{background:url(/design/meteo/50.png)}

.infoMeteo{margin-top:15px;font-size:25px;font-weight:bold;}
.tempMeteo{margin-top:10px;font-size:12px;font-weight:bold;text-align:right;}
.textMeteo{margin-top:10px;text-align:right;}

.top-yellow-home{
	background:url(/design/title-yellow-home.gif);
	color:#62500e;
}

.bottomBlock-home{
	background:url(/design/bottom-home.gif)  no-repeat;
	height:5px;
	margin-bottom:10px;
}

.grayLine{
	background:#f2f2f2;
	padding:25px 0px;
}

.grayLine H2{
	font-family:"Century Gothic";
	font-size:14px;
	font-weight:bold;
	color:#595959;
	margin-left:20px;
}

A.grayBlock{
	display:block;
	width:110px;
	height:113px;
	background:#FFFFFF;
	margin-right:15px;
	float:left;
	background-position:0 0;
}

A.grayBlock:hover{background-position:0 -113px;}

#block-0{background-image:url(/design/gray-line/img-1.jpg)}
#block-1{background-image:url(/design/gray-line/img-2.jpg)}
#block-2{background-image:url(/design/gray-line/img-3.jpg)}
#block-3{background-image:url(/design/gray-line/img-4.jpg)}
#block-4{background-image:url(/design/gray-line/img-5.jpg)}
#block-5{background-image:url(/design/gray-line/img-6.jpg)}
#block-6{background-image:url(/design/gray-line/img-7.jpg)}

.flashHome{
	margin-bottom:10px;
}

.top-news-home{
	background:url(/design/top-news-home.gif);
	height:51px;

	padding:15px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family:"Century Gothic";
}

.bottom-news-home{
	background:url(/design/bottom-news-home.gif) no-repeat;
	height:5px;
	margin-bottom:10px;
}

.more , A.more , A.more:visited{
	display:block;
	background:url(/design/next.gif) no-repeat left top;
	padding:0 0 0 15px;
	margin:10px 0;
}

.more2 , A.more2 , A.more2:visited{
	display:block;
	margin:10px 0;
	clear:both;

	border-top:1px dotted #ccc;
	background:url(/design/next.gif) no-repeat right 5px;
	padding:5px 17px 0 0;
	text-align:right;
}

A.more:hover , A.more:active{

}

A.sendPhotos , A.sendPhotos:visited{
	display:block;
	padding:5px 20px 5px 5px;
	color:#6c6c6c;
	text-align:center;
	background:url(/design/send.gif) no-repeat center center;
}

A.sendPhotos:active , A.sendPhotos:hover{text-decoration:none;color:#000;}

H2.green , H2.green INPUT , H2.green A , H2.green A:hover{
	font-size:14px;
	font-weight:bold;
	color:#80b935;
	font-family:"Century Gothic";
	text-decoration:none;


}
H2.red , H2.red INPUT{
	font-size:14px;
	font-weight:bold;
	color:#ab1f37;
	font-family:"Century Gothic";
}

H1.red , H1.red INPUT{
	font-size:20px;
	font-weight:bold;
	color:#ab1f37;
	font-family:"Century Gothic";
}

H2.yellow , H2.yellow INPUT{
	font-size:14px;
	font-weight:bold;
	color:#e5bd14;
	font-family:"Century Gothic";
}


.headerNews-home-left{
	width:50%;
	float:left;
}

.headerNews-home-left H2{
	position:relative;
	top:-5px;
}

.headerNews-home-left IMG{
	float:left;
	background:#fff;
	padding:2px;
	border:1px solid #d9d9d9;
	margin:0 5px 0 0;
}
						
.headerNews-home-right{
	padding:20px 0 0 0;
	width:45%;
	float:right;
}

.headerNews-list{clear:both;padding:10px 0;}

.headerNews-list H2{
	position:relative;
	top:-5px;
}

.headerNews-list IMG{
	float:right;
	background:#fff;
	padding:2px;
	border:1px solid #d9d9d9;
	margin:0 0 0 10px;
}

.paperBack{
	margin:10px 0;
	background:url(/design/paper.gif);
	padding:15px 10px;
	
}

.paperBack IMG{                     
	border:3px solid #fff;
}
 
.print{height:32px;}

.print A , .print A:visited{
	display:block;
	height:22px;
	width:74px;
	background:url(/design/print.gif) no-repeat 0 0;
	padding:10px 33px 0 4px;
	text-align:center;
	font-weight:bold;
	color:#666;
	
	float:right;
}

.print A:hover , .print A:active{
	color:#895c9c;
	text-decoration:none;
	background:url(/design/print.gif) no-repeat 0 -32px;
}

.gallery{
	height:714px;
	background:url(/design/back-gallery.gif) no-repeat;
}

.sendPhoto{height:34px;}

.sendPhoto A , .sendPhoto A:visited , .sender{
	display:block;
	height:24px;
	width:200px;
	background:url(/design/send-photo.gif) no-repeat 0 0;
	padding:10px 33px 0 4px;
	text-align:center;
	font-weight:bold;
	color:#666;
	position:relative;
	
}

.sendPhoto A:hover , .sendPhoto A:active{
	color:#0064AB;
	text-decoration:none;

}
.sendPhoto A SPAN , .sendPhoto .sender SPAN{
	position:absolute;
	right:0;
	top:0;
	height:34px;
	width:35px;
	display:block;
	background:url(/design/send-photo-ico.gif) no-repeat 0 0;
}

.photos{
	padding:10px 20px 0 40px;
}
.photo{
	float:left;
	width:108px;
	margin:0px 13px 0 0;

}

.photo IMG{border:2px solid #fff;}

.photo SPAN{
	display:block;
	height:12px;
	background:url(/design/photo-shadow.png) no-repeat center top;
}
 


/* ==============================================
Bottom
============================================== */

.bottom{
	clear:both;
	padding:25px 20px;
	
	color:#476d83;
	font-size:10px;

	
	height:15px;
	background:#fff;

}

.botMenu{
	width:42%;
	height:15px;
	float:left;

	color:#333;
	
}

.botMenu A:link, .botMenu A:visited{color:#333;text-decoration:none;}
.botMenu A:hover, .botMenu A:active{color:#527336;text-decoration:underline;}

.copyright{
	width:55%;
	height:15px;
	float:right;
	color:#333;
	font-size:10px;
	text-align:right;
}

.copyright A, .copyright A:visited{color:#333;text-decoration:none;}
.copyright A:hover, .copyright A:active{color:#527336;text-decoration:underline}



/**** PANTENE GALLERY ****/
/*************************/

#overlayPantene {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
z-index: 2;
opacity: 0.7;
}

#imgPanteneGallery {
display: none;
position: absolute;
top: 70px;
left: 50%;
width: 300px;
margin-left: -160px;
background-color: #FFF;
border: 10px solid #FFF;
z-index: 4;
}

#imgPanteneGallery div { position: relative; }

#imgPanteneGallery span {
display: block;
width: 100%;
text-align: center;
font-size: 10px;
margin-bottom: 3px;
color: #AAA;
}

#imgPanteneGallery h6 {
display: block;
width: 100%;
margin: 13px 0 10px 0!important;
font-weight: bold;
}

#imgPanteneGallery p {
margin: -5px 0 2px 0;
width: 260px; 
}

#imgPanteneGallery a:link, #imgPanteneGallery a:visited {
display: block;
position: absolute;
bottom: 0px; right: 0px;
}

#formUpload {
width: 460px;
height:402px;
background: #FFF url("/design/bg-upload.gif") repeat-x top left;
border: none;
padding: 24px 20px 10px 20px;
margin-top: -9px;
position: relative;

margin:0 auto;
}

#formUpload td { color: #2b4053; vertical-align: middle!important; }
#formUpload input { background-color: #ebebe4; width: 301px; }
#formUpload input#upload_ipv, #formUpload input#upload_ipv {}
#formUpload textarea { width: 301px; height: 90px; }

#formUpload .upload-merci { font-weight: bold; text-align: center; margin: 65px 0 75px 0; }


input.formbutton { 
	background: transparent url(/design/send-photo.gif) no-repeat scroll center center;
	width: auto!important;
	padding: 2px 15px;
	margin: 5px 0 0 0;
	color:#333;
}

input.formbutton:hover{color:#000}


#zone-upload-top-fr, #zone-upload-top-nl { width: 465px; height: 32px; position: relative; z-index: 8; margin:0 auto;}
#zone-upload-top-fr { background: transparent url("/design/zone-upload-top-fr.png") no-repeat top right; }
#zone-upload-top-nl { background: transparent url("/design/zone-upload-top-nl.png") no-repeat top right; }

#arrowUpload { position: absolute; display: block; width: 15px!important; height: 8px!important; top: 13px; right: 19px; background: transparent url("/design/arrow-bottom.gif") no-repeat top left; cursor: pointer; }

#formUpload .img-bottom { position: absolute; left: -1px; bottom: -1px;display:none;}
#formUpload td.tdFormUploadGallery { width: 130px; }



.GalleryPhotos{
	padding:0;
	position:relative;


	background:transparent url(/design/back-gallery.gif) no-repeat 0 0;
	height:714px;
}

.GalleryPhotos A.thm{
	float:left;
	display:block;
	height:103px;
	margin:0 6px 6px 0;

	float:left;
	margin:0 13px 13px 0;
	width:108px;
}

.GalleryPhotos A.thm IMG{border:2px solid #FFFFFF;}

.navPhotos{
	width:60px;
	height:25px;
	position:relative;
	top: -82px;
	left:377px;
}

#navPrev:link , #navPrev:visited{
	background:URL(/design/aprev.gif) no-repeat left top;
	position: absolute;
	display:block;
	width:25px;
	height:25px;
	position: absolute;
	top: 0px; left: 0px;
}

#navPrev:active , #navPrev:hover{
	background-image:URL(/design/aprev_hover.gif);	
}

#navNext:link , #navNext:visited{
	background:URL(/design/anext.gif) no-repeat right top;
	position: absolute;
	display:block;
	width:25px;
	height:25px;
	top: 0px; right: 0px;
}

#navNext:active , #navNext:hover{
	background-image:URL(/design/anext_hover.gif);	
}

A.hNews{color:#333;}
A.hNews:hover{text-decoration:none;}

.video-fr{
	display:block;
	height:127px;
	margin-bottom:10px;
}


/* VIDEOSGALLERY */


.video_gallery_item {
	float:left;
	border:1px solid #CCCCCC;
	margin:2px;
	padding:6px;
	background:#F6F6F6;
	text-align:center;
}

.video_gallery_item_inner {
	font-weight:bold;
}

.video_gallery_item_inner IMG {
	border:2px solid #FFFFFF;
	cursor:pointer;
}


#vidbox {
	height:460px;
	width:555px;
	position:absolute;
	left:76px;
	top:45px;
	display:none;
	border:1px solid #666666;
	z-index:9999999;
}

#backbox {
	background:#000000;
	opacity:0.8;
	filter: alpha(opacity = 80);
	height:460px;
	width:555px;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	z-index:2;
}

#closebox {
	position:absolute;
	right:8px;
	z-index:9;
	top:8px;
}

#closebox IMG {
	cursor:pointer;
}	

#inbox {
	height:350px;
	width:465px;
	position:absolute;
	left:40px;
	padding:0px;
	top:40px;
	z-index:5;
}

.video_gallery_vote {
	padding-top:4px;

	display:none;
}


#inbox EMBED, #inbox OBJECT {
	width:472px !important;
	height:378px !important;
}

#video_gallery_englo object{
	margin-right:20px;
}

#html_print_span {
	padding-top:10px;
}