@charset "UTF-8";
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
}
body{
	background:#98C5D3 url(../design5/bgHeader.png) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.4%;
	text-align:center;
	cursor: url('../design5/exo.cur'), default;
}

#Content{
	width:900px;
	margin:auto;
	position:relative;
	overflow:hvisible;
}
h2{
	font-size:13px;
	font-style:italic;
	text-shadow:0 1px #FFF;
	color:#333333;
}
hr{
	border-top:3px dotted #266B99;
	margin:10px 0;
}
/* Fond Modules ---------------------------------------------*/
.headerBgModule{
	height:35px;
}
.headerBgModule .TL{
	display:block;
	float:left;
	width:35px;
	height:35px;
	background:url(../design5/css/cadreGris/bgTL.png) no-repeat;
}
.headerBgModule .TM{
	display:block;
	float:left;
	height:35px;
	background:url(../design5/css/cadreGris/bgTM.png) repeat-x;
}
.headerBgModule .TR{
	display:block;
	float:left;
	width:35px;
	height:35px;
	background:url(../design5/css/cadreGris/bgTR.png) no-repeat;
}
.bodyBgModule .ML{
	display:block;
	float:left;
	width:35px;
	background:url(../design5/css/cadreGris/bgML.png) repeat-y;
}
.bodyBgModule .MM{
	display:block;
	float:left;
	background:#CCCCCC;
}
.bodyBgModule .MR{
	display:block;
	float:left;
	width:35px;
	background:url(../design5/css/cadreGris/bgMR.png) repeat-y;
}
.footerBgModule .BL{
	display:block;
	float:left;
	width:35px;
	height:35px;
	background:url(../design5/css/cadreGris/bgBL.png) no-repeat;
}
.footerBgModule .BM{
	display:block;
	float:left;
	height:35px;
	background:url(../design5/css/cadreGris/bgBM.png) repeat-x;
}
.footerBgModule .BR{
	display:block;
	float:left;
	height:35px;
	width:35px;
	background:url(../design5/css/cadreGris/bgBR.png) no-repeat;
}
.footerBgModule{
	height:35px;
}
/* Fond Cadre Txt ---------------------------------------------*/
.headerBgTxt{
	height:10px;
	line-height: 10px;
}
.headerBgTxt .TL{
	display:block;
	float:left;
	width:10px;
	height:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgTL.png) no-repeat;
}
.headerBgTxt .TM{
	display:block;
	float:left;
	height:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgTM.png) repeat-x;
}
.headerBgTxt .TR{
	display:block;
	float:left;
	width:10px;
	height:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgTR.png) no-repeat;
}
.bodyBgTxt .ML{
	display:block;
	float:left;
	width:10px;
	background:url(../design5/css/cadreTxt/bgML.png) repeat-y;
	height:100%;
}
.bodyBgTxt .MM{
	display:block;
	float:left;
	background:#FFFFFF;
}
.bodyBgTxt .MR{
	display:block;
	float:left;
	width:10px;
	background:url(../design5/css/cadreTxt/bgMR.png) repeat-y;
	height:100%;
}
.footerBgTxt .BL{
	display:block;
	float:left;
	width:10px;
	height:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgBL.png) no-repeat;
}
.footerBgTxt .BM{
	display:block;
	float:left;
	height:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgBM.png) repeat-x;
}
.footerBgTxt .BR{
	display:block;
	float:left;
	height:10px;
	width:10px;
	line-height: 10px;
	background:url(../design5/css/cadreTxt/bgBR.png) no-repeat;
}
.footerBgTxt{
	height:10px;
	line-height: 10px;
}
/* Scroller ---------------------------------------------*/
.contentEl{
	float:left;
}
.scrollControlsY{
	width:20px;
	position:relative;
	overflow:hidden;
	float: left;
}
.scrollControlsY .upBtn, .scrollControlsY .downBtn{
	width:15px;
	height:15px;
	position:absolute;
	overflow:hidden;
	right:5px;
}
.scrollControlsY .upBtn{
	background:url(../design5/scroll/btnUpScroll.png) no-repeat;
	top:5px;
}
.scrollControlsY .upBtn.upBtn-Roll{
	background:url(../design5/scroll/btnUpScrollRoll.png) no-repeat;
}
.scrollControlsY .upBtn.upBtn-Active.upBtn-Roll{
	background:url(../design5/scroll/btnUpScrollDown.png) no-repeat;
}
.scrollControlsY .downBtn{
	background:url(../design5/scroll/btnDownScroll.png) no-repeat;
	bottom:5px;
}
.scrollControlsY .downBtn.downBtn-Roll{
	background:url(../design5/scroll/btnDownScrollRoll.png) no-repeat;
}
.scrollControlsY .downBtn.downBtn-Active.downBtn-Roll{
	background:url(../design5/scroll/btnDownScrollDown.png) no-repeat;
}
.scrollControlsY .scrollBar{
	position:absolute;
	overflow:hidden;
	top:20px;
	height:203px;
}
/*patch Opera */
.opera .scrollControlsY .scrollBar{
	height:197px;
}
/*------------*/
.scrollControlsY .scrollHandle{
	position:relative;
	overflow:hidden;
	height:15px;
	width:15px;
}
.scrollControlsY .scrollHandleMiddle{
	width:15px;
	height:15px;
	background:url(../design5/scroll/btnPanScroll.png) no-repeat;
}
.scrollControlsY .scrollHandle-Roll .scrollHandleMiddle{
	background:url(../design5/scroll/btnPanScrollRoll.png) no-repeat;
	opacity:1;
}
.scrollControlsY .scrollHandle-Active.scrollHandle-Roll .scrollHandleMiddle{
	background:url(../design5/scroll/btnPanScrollDown.png) no-repeat;
	opacity:1;
}

/* Header ---------------------------------------------*/
#Header{
	height:20px;
	position:relative;
	overflow:visible;
}
#Header p{
	font-size:13px;
	font-style:italic;
	text-shadow:0 1px #FFFFFF;
	color:#333333;
	position:relative;
}
#Header #stats{
	float:left;
	margin-top:2px;
}
#Header #stats span{
	margin-left:15px;
}
#Header #langues{
	float:right;
	margin:2px 10px 0 0;
}
#Header #langues .drapeau{
	width:18px;
	height:12px;
	float:left;
	position:relative;
	overflow:hidden;
	margin: 2px 5px 0 0;
}
#Header #langues span{
	display:block;
	float:left;
	margin-right:5px;
}
#Header #langues .selected,#Header #langues a:hover{
	background-position:0 -12px;
}
#langues #drapeau_fr{
	background:url(../design5/drapeauFr.png) no-repeat;
}
#langues #drapeau_uk{
	background:url(../design5/drapeauUk.png) no-repeat;
}
#langues #drapeau_nl{
	background:url(../design5/drapeauNl.png) no-repeat;
}
/* Main ---------------------------------------------*/
#Main{
	width:900px;
	height:320px;
	position:absolute;
	overflow:visible;
	top:55px;
	left:0;
}
#Main .bgModule .MM{
	height:250px;
	width:830px;
}
#Main .bgModule .ML, #Main .bgModule .MR{
	height:250px;
}
#Main .bgModule .TM, #Main .bgModule .BM{
	width:830px;
}
h1{
	background:url(../design5/bgTitre.png) no-repeat;
	text-indent:-1000%;
	position:absolute;
	overflow:hidden;
	width:305px;
	height:95px;
	top:-40px;
	left:30px;
}
#Main #communication{
	position:absolute;
	overflow:hidden;
	top:45px;
	left:55px;
	width:650px;
	height:245px;
}
#Main #communication .TM,#Main #communication .BM{
	width:630px;
}
#Main #communication .ML,#Main #communication .MR{
	height:225px;
}
#Main #communication .MM{
	width:630px;
	height:225px;
}
#Main #bgCom{
}

#Main #communication #imageCom{
	display:block;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}

#Main #communication .bouton{
	background:url(../design5/bgBtnCom.png) no-repeat;
	height:54px;
	width:223px;
	position:absolute;
	overflow:hidden;
	line-height:54px;
	font-size:28px;
}
#Main #communication .bouton:hover{
	background-position:0 -54px;
}
#Main #communication #visite{
	top:10px;
	right:10px;
}
#Main #communication #inscription{
	bottom:10px;
	right:10px;
}
#Main .bouton{
	display:block;
	overflow:hidden;
	width:162px;
	height:22px;
	background:url(../design5/bgBtnConnection.png) no-repeat;
	color:#266B99;
	text-shadow: 0 1px #FFF;
	font-style:italic;
	line-height:22px;
	font-size:13px;
	text-align:center;
	margin-bottom:5px;
}
#Main .bouton:hover{
	background-position:0 -22px;
	color:#B07500;
	cursor:pointer;
}
#Main #connection{
	position:absolute;
	overflow:hidden;
	height:255px;
	width:162px;
	top:45px;
	right:25px;
	text-align:left;
}
#Main label{
	font-size:13px;
	font-style:italic;
	color:#333333;
	text-shadow:0 1px #FFFFFF;
	display:block;
	margin-bottom:2px;
}

#Main input.champ-texte{
	width:142px;
	height:16px;
	background:transparent url(../design5/css/bgInputText.png) no-repeat;
	padding:3px 10px;
	margin-bottom:5px;
}
/* Patch IE7&8 ----------------*/
.ie7 #Main label{
	margin:0;
}
.ie #Main input.champ-texte{
	margin-bottom:2px;
}
/*-------------*/
#Main #console{
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}
#Main #console .TM,#Main #console .BM{
	width:142px;
}
#Main #console .ML,#Main #console .MR{
	height:56px;
}
#Main #console .MM{
	width:142px;
	height:56px;
	overflow:hidden;
	font-size:14px;
	font-style:italic;
	color:#808080;
}
/* Modules ---------------------------------------------*/
#Modules{
	width:900px;
	height:320px;
	position:absolute;
	overflow:visible;
	top:355px;
	left:0;
}

#module1{
	width:620px;
	height:320px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	text-align:left;
}
#module1 .bgModule .TM,#module1 .bgModule .BM{
	width:550px;
}
#module1 .bgModule .ML, #module1 .bgModule .MR{
	height:250px;
}
#module1 .bgModule .MM{
	height:250px;
	width:550px;
}
#module1 #news{
	position:absolute;
	overflow:hidden;
	top:25px;
	left:55px;
	width:360px;
	height:270px;
}
#module1 #bgNews{
	position:absolute;
	overflow:hidden;
	top:20px;
	left:0;
}
#module1 #bgNews .TM,#module1 #bgNews .BM{
	width:340px;
}
#module1 #bgNews .ML,#module1 #bgNews .MR{
	height:225px;
}
#module1 #bgNews .MM{
	width:340px;
	height:225px;
}
#module1 #news #scroll_global{
	height:243px;
	left:10px;
	overflow:hidden;
	position:absolute;
	top:20px;
	width:350px;
}
#module1 #news #newsContent{
	width:330px;
}
/*patch Opera*/
.opera #module1 #news #newsContent{
	width:325px;
}
/*-------------*/
#module1 #news .date{
	font-size:12px;
	font-style:italic;
	color:#4C4C4C;
}
#module1 #news h3{
	font-size:16px;
	color:#266B99;
	font-weight:normal;
}
#module1 #news p{
	font-size:14px;
	color:#333333;
}
#module1 a, #console a{
	color:#65BDF7;
}
#module1 a:hover, #console a:hover{
	color:#F0AC00;
	text-decoration:underline;
}

#module1 #tips{
	position:absolute;
	overflow:hidden;
	left:420px;
	height:270px;
	width:180px;
	top:25px;
}
#module1 #bgTips{
	position:absolute;
	overflow:hidden;
	top:20px;
}
#module1 #bgTips .TM,#module1 #bgTips .BM{
	width:160px;
}
#module1 #bgTips .ML,#module1 #bgTips .MR{
	height:225px;
}
#module1 #bgTips .MM{
	width:160px;
	height:225px;
}

#module2{
	width:300px;
	height:140px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:600px;
}
#module2 .bgModule .TM,#module2 .bgModule .BM{
	width:230px;
}
#module2 .bgModule .ML, #module2 .bgModule .MR{
	height:70px;
}
#module2 .bgModule .MM{
	height:70px;
	width:230px;
}
#module2 #forum, #module2 #aide{
	position:absolute;
	overflow:hidden;
	text-align:left;
	height:32px;
	line-height:32px;
	font-size:13px;
	color:#333333;
	font-style:italic;
	text-shadow:0 1px #FFFFFF;
	text-indent:40px;
}
#module2 #forum:hover, #module2 #aide:hover{
	background-position:0 -32px;
}
#module2 #forum{
	background:url(../design5/css/pictoForum.png) no-repeat;
	left:55px;
	top:45px;
}
#module2 #aide{
	background:url(../design5/css/pictoAide.png) no-repeat;
	left:55px;
	top:82px
}



#module3{
	width:300px;
	height:200px;
	position:absolute;
	overflow:hidden;
	top:120px;
	left:600px;
}
#module3 h2{
	position:absolute;
	overflow:hidden;
	top:27px;
	left:55px;
}
#module3 .bgModule .TM,#module3 .bgModule .BM{
	width:230px;
}
#module3 .bgModule .ML, #module3 .bgModule .MR{
	height:130px;
}
#module3 .bgModule .MM{
	height:130px;
	width:230px;
}
#module3 #bgPartenaires{
	position:absolute;
	overflow:hidden;
	top:45px;
	left:55px;
	width:225px;
}
#module3 #bgPartenaires .TM,#module3 #bgPartenaires .BM{
	width:205px;
}
#module3 #bgPartenaires .ML,#module3 #bgPartenaires .MR{
	height:105px;
}
#module3 #bgPartenaires .MM{
	width:205px;
	height:105px;
}

/* Footer ---------------------------------------------*/
#Footer{
	position:absolute;
	overflow:hidden;
	left:0;
	top:675px;
	width:900px;
	color:#328BA8;
	font-size:10px;
}
#Footer a{
	color:#266B99
}
#Footer a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

/* Deco ---------------------------------------------*/
#Deco{
	position:absolute;
	overflow:visible;
	top:0;
	left:0;
}
#deco1{
	position:absolute;
	overflow:hidden;
	width:415px;
	height:75px;
	background:url(../design5/deco/bgDeco1.png) no-repeat;
	left:283px;
	top:21px;
}

#deco2{
	position:absolute;
	overflow:hidden;
	width:216px;
	height:72px;
	background:url(../design5/deco/bgDeco2.png) no-repeat;
	left:686px;
	top:29px;
}
#deco3{
	position:absolute;
	overflow:hidden;
	width:90px;
	height:321px;
	background:url(../design5/deco/bgDeco3.png) no-repeat;
	top:345px;
	left:-12px;
}
#deco4{
	position:absolute;
	overflow:hidden;
	width:194px;
	height:49px;
	background:url(../design5/deco/bgDeco4.png) no-repeat;
	top:350px;
	left:695px;
}
#deco4b{
	position:absolute;
	overflow:hidden;
	width:160px;
	height:158px;
	background:url(../design5/deco/bgDeco4b.png) no-repeat;
	top:365px;
	left:750px;
}
#deco5{
	position:absolute;
	overflow:hidden;
	width:161px;
	height:67px;
	background:url(../design5/deco/bgDeco5.png) no-repeat;
	top:625px;
	left:745px;
}
#deco6{
	position:absolute;
	overflow:hidden;
	width:131px;
	height:70px;
	background:url(../design5/deco/bgDeco6.png) no-repeat;
	top:625px;
	left:-20px;
}