body {



	margin: 0;



	padding: 0; 



	font-size: 62.5%; /* Resets 1em to 10px */



	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



	color: #333;



	text-align: center;



	background: #EFEFEF url(site_bg.jpg) repeat-x; 



	







}







a {



	color: #676869;



	text-decoration: none;



	font-size:12px;











	



}







a:hover {



	color: #ff397a;



	text-decoration: none;



}







h1 {



	font-size: 4em;



}







h2 {



color: #525252;



font-size: 13pt;



margin-top: 0px;



margin-right: 0px;



margin-bottom: 2px;



margin-left: 0px;



font-family: Verdana,Arial,Helvetica,sans-serif;







}



#menu22 {



width: 190px;



margin: 10px;



}







#menu22 ul {



list-style: none;



margin: 0;



padding: 0;



}







#menu22 li a {



height: 32px;



voice-family: "\"}\"";



voice-family: inherit;



height: 24px;



text-decoration: none;



}







/* N'oubliez pas de renseigner l'adresse des images */



#menu22 li a:link, #menu22 li a:visited {



color: #333;



display: block;



background: url(menu22.gif) no-repeat;



padding: 8px 0 0 10px;



}







#menu22 li a:hover {



color: #FFF;



background: url(menu22.gif) 0 -32px no-repeat;



padding: 8px 0 0 10px;



}







h3 {







	height: 22px;







width: 162px;







font-family: tahoma,Verdana,Arial,'Trebuchet MS',Sans-Serif;







font-size: 14px;







font-variant: small-caps;







color: #ffffff;







padding-top: 2px;







padding-right: 0pt;







padding-bottom: 0pt;







padding-left: 10px;







background-color: transparent;







background-image: url(images/menu_cap.gif);







background-repeat: no-repeat;







background-attachment: scroll;







background-position: left top;







}







h1, h2, h3 {



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



}







td {



    background: none;



	font-family: tahoma, verdana, arial, helvetica, sans-serif;



	font-size: 10px;



	font-style: normal;



	color:#5d6e75;



	padding: 0px;



	text-align:left;



}







acronym, abbr, span.caps {



	cursor: help;



	}







acronym, abbr {



	border-bottom: 1px dashed #999;



	}







blockquote {



	margin: 15px 30px 0 10px;



	padding-left: 20px;



	border-left: 5px solid #ddd;



	}







blockquote cite {



	margin: 5px 0 0;



	display: block;



	}







hr {



	display: none;



	}



















a img {



	border: none;



	}







.linkspage_button{



	border:0px;



}







.hidden{



	display:none;



}







.nextprev_link{



border:1px solid #bbb;



display:inline-table;



text-align:center;



padding-left:3px;



padding-right:3px;



}



.nextprev_current{



border:1px solid #bbb;



display:inline-table;



text-align:center;



padding-left:3px;



padding-right:3px;



background-color:#FF397A;



color:#FFFFFF;



font-weight:bold;



}



.nextprev{



float:right;



}



/* BEGIN LAYOUT */







#page {



	margin: 20px auto;



	padding: 0;



	width: 760px;



	border: 1px solid #959596;



	text-align: left;



	background:white url("images/foupixbg.jpg") repeat-y top; border: none;



}







#page2 {



	margin: 20px auto;



	padding: 0;



	width: 760px;



	border: 1px solid #959596;



	text-align: left;



	background:white url("images/bg2.jpg") repeat-y top; border: none;



}







#header {



	position:relative;



	padding: 0;



	margin: 0 auto;



	height: 168px;



	width: 100%;



	background: #73a0c5 url("images/foupixheader.jpg") no-repeat bottom center; 



}







#header h1{



	position:absolute;



    width: 740px;







	margin-left:10px;



	margin-top:25px;



	height:130px;



	







	



}







#header h1 a, #header h1 a:hover{



	color:white;



}







#header h2 {



	position:absolute;



	top:100px;



	left:0px;



	width: 100%;



	padding: 0;



	margin: 0 auto;



	font-size: 1.2em;



	text-align: center;



	color: #ffffff;



}











/* UL NAVIGATION ADDED BY QUE~ */







#navigation{



font-size: 11px;



	



	height: 22px; 







	top: 140px;



	left: 12px;



	list-style: none;







	width:100%;



	float:left;







	text-align:center;



	margin-left:-10px;



	position:absolute;



}







#navigation li{



	background: none;



 	display: inline;



}







/* END UL NAVIGATION */







#content {



	margin-top:22px;



	font-size: 1.2em



}







#sidebar{







}







#sidebar {



	margin:22px 0px 0px 545px;



	padding: 0px 0 10px 0;



	width: 190px;



	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;



}







.narrowcolumn {



	float: left;



	padding: 0 0 20px 45px;



	margin: 0px 0 0;



	width: 450px;



	background-color: transparent;











}







.widecolumn {



	padding: 2px 0 2px 0;



	margin: 5px 0 0 5px;



	width: 99%;



	margin-left: auto;



	margin-right: auto;



	



}







.narrowcolumn .entry, .widecolumn .entry {



	line-height: 1.4em;







}







.widecolumn {



	line-height: 1.6em;



}







#footer {



	padding: 0;



	margin: 0 auto;



	width: 760px;



	clear: both;



	background:transparent url("images/foupixfooter.jpg") bottom left no-repeat;



}







#footer p {



	margin: 0;



	padding: 10px 0;



	text-align: center;



}







/* END LAYOUT  */











/* BEGIN E107 CORE CLASSES MAINTAINER QUE~ */











.button {







	background-color:#93CDFF;







	border:2px solid #3D94DF;







	color: #065c74;



	







}







.button:hover {







	background-color:#93CDFF;







	border:2px solid #3D94DF;







	color: #000;







}







.tbox.chatbox {



	width: 80%;



	margin-left: auto;



	margin-right: auto;



}







.spacer {



	padding: 2px 0 2px 0;



}











.indent{



	padding:4px;



	border: 1px solid #06c;



}







.smalltext {



	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-size:10px;



}







.mediumtext {



	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;



	



}







.tbox{



	background-color: #ffffff;



    background-position: 2px 3px;



    border:1px solid #ddd;



	font: 10px verdana, tahoma, arial, helvetica, sans-serif;



}



.tbox:hover{



border: 1px solid #ccc;



background-color: #FFFFCC;



}



#textinput{	



background-image: url(images/login-user.gif);



background-repeat:no-repeat;



background-color: #ffffff;



background-position: 2px 3px;



border:1px solid #ddd;



padding-left: 1.4em;



}



#textinput:hover{	border: 1px solid #ccc;



background-color: #FFFFCC;







} 



#passwordinput{	



background-image: url(images/login-authen.gif);



background-repeat:no-repeat;



background-color: #ffffff;



background-position: 2px 3px;



border:1px solid #ddd;



padding-left: 1.4em;



}



#passwordinput:hover{	border: 1px solid #ccc;



background-color: #FFFFCC;



} 



.sear{

position:relative;



display:block;



background-image:url(images/search-bg.png); background-repeat:no-repeat;



height:35px;



padding-top:6px;



margin-left:-10px;







}



#rech{	



background-image: url(images/search.gif);



background-repeat:no-repeat;



background-color: #FFF;



background-position: 2px 3px;



border:1px solid #ededed;



padding-left: 1.4em;



width:130px;







}



#rech:hover{	border: 1px solid #ccc;



background-color: #FFFFCC;



} 







.helpbox {



	border: 0px;



	background-color: transparent;



	color:#000;



	font: 9px tahoma, verdana, arial, helvetica, sans-serif;



}







.fborder {



	border: #fff 1px solid;



	background-color: #fff;







	



}







.forumheader{







	font-family: verdana, tahoma, arial, helvetica, sans-serif;



	font-size: 11px;



	color:#fff;



	padding: 4px;



	



	background-image: url("images/cat_title_head_bg.gif");



	height:20px;



}



.forumheader a{



font-family: verdana, tahoma, arial, helvetica, sans-serif;



color:#fff;







}



.forumheader2{



	background-color: #F6F7FB;



	font-family: verdana, tahoma, arial, helvetica, sans-serif;



	font-size: 10px;



	color:#000;



	padding: 4px;



	border: #ddd 1px solid;



	



}



.forumheader2 a{



font-family: verdana, tahoma, arial, helvetica, sans-serif;



color:#006699;



font-weight: bold;



}







.forumheader3{



	background-color: #F6F7FB;



	font: 12px verdana, tahoma, arial, helvetica, sans-serif;



	color:#333;



	padding: 2px;



	border: #ddd 1px solid;







}



.smallblacktext{



font-size:9px;



font-family: Verdana, Helvetica, Arial, sans-serif;



color: #333;







}







.forumheader3 a{



font-family: verdana, tahoma, arial, helvetica, sans-serif;



color:#006699;











}



.forumborder{







	background-color: transparent;



	



}







.fcaption {







	



	background-color: #68ADE5;



	font: 10px verdana, tahoma, arial, helvetica, sans-serif;



	color:#fff;



	font-weight:bold;



	background-image: url("images/tileage.jpg");



	height:22px;



	padding-left:2px;











}



.fcaption a{



	padding-right:4px;



	color:#fff;







}







/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.



	It won't be a stylish marriage, I can't afford a carriage.



	But you'll look sweet upon the seat of a bicycle built for two." */











/* START NAVIGATION */







/* THIS PART IS FOR THE NAVIGATION LINKS */



.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, .nav4 a:link, .nav4 a:visited, .nav5 a:link, .nav5 a:visited, .nav6 a:link, .nav6 a:visited, .nav7 a:link, .nav7 a:visited, .nav8 a:link, .nav8 a:visited{



	color: #566069;



	width: 80px;



	height: 20px;



	line-height: 20px;



	background: url(images/01_linkbg2.gif) top repeat-y;



	padding: 0;



	text-align:center;



	font-size:11px; 



	font-weight:bold;











}







.nav1_onpage a:link, .nav1_onpage a:visited, .nav2_onpage a:link, .nav2_onpage a:visited, .nav3_onpage a:link, .nav3_onpage a:visited, .nav4_onpage a:link, .nav4_onpage a:visited, .nav5_onpage a:link, .nav5_onpage a:visited, .nav6_onpage a:link, .nav6_onpage a:visited, .nav7_onpage a:link, .nav7_onpage a:visited, .nav8_onpage a:link, .nav8_onpage a:visited{



	color: #000;



	width: 80px;



	height: 20px;



	line-height: 20px;



	background: url(images/01_linkbg2.gif) top repeat-y;



	padding: 0;



	text-align:center;



	font-weight:bold;



	font-size:11px; 



}







.nav1 a:link, .nav1 a:visited, .nav1_onpage a:link, .nav1_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 14px;



}







.nav2 a:link, .nav2 a:visited,.nav2_onpage a:link, .nav2_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 96px;



	background: url(images/plan.gif) top repeat-y;



	width:120px;



	color:#fff;



	



}



.nav2 a:hover{



	position: absolute;



	top: 2px;



	left: 96px;



	background: url(images/plan.gif) top repeat-y;



	width:120px;



	color:#fff;



	



}







.nav3 a:link, .nav3 a:visited, .nav3_onpage a:link, .nav3_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 218px;



}







.nav4 a:link, .nav4 a:visited, .nav4_onpage a:link, .nav4_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 300px;



}







.nav5 a:link, .nav5 a:visited, .nav5_onpage a:link, .nav5_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 382px;



}







.nav6 a:link, .nav6 a:visited,.nav6_onpage a:link, .nav6_onpage a:visited{
position: absolute;
top: 2px;
left: 464px;
background: url(images/tor.gif) top repeat-y;
color:#fff;
}

.nav6 a:hover{
position: absolute;
top: 2px;
left: 464px;
background: url(images/tor1.gif) top repeat-y;
color:#fff;
}







.nav7 a:link, .nav7 a:visited, .nav7_onpage a:link, .nav7_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 546px;



}







.nav8 a:link, .nav8 a:visited, .nav8_onpage a:link, .nav8_onpage a:visited{



	position: absolute;



	top: 2px;



	left: 546px;



}







/* HOVER EFFECTS */







.nav1 a:hover, .nav1 a:active,



.nav3 a:hover, .nav3 a:active,



.nav4 a:hover, .nav4 a:active,



.nav5 a:hover, .nav5 a:active,






.nav7 a:hover, .nav7 a:active,



.nav8 a:hover, .nav8 a:active{



	background: url(images/01_linkbg1.gif) top repeat-y;



	margin: 1px 0 0 0;



	color:#000;



}







/* USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE */







.nav1_onpage a:link, .nav1_onpage a:visited,



.nav2_onpage a:link, .nav2_onpage a:visited,



.nav3_onpage a:link, .nav3_onpage a:visited,



.nav4_onpage a:link, .nav4_onpage a:visited,



.nav5_onpage a:link, .nav5_onpage a:visited,







.nav7_onpage a:link, .nav7_onpage a:visited,



.nav8_onpage a:link, .nav8_onpage a:visited{



	background: url(images/01_linkbg1.gif) top repeat-y;



	color:#FF2F78;



}







/* END NAVIGATION */







/* NICETITLE ADDED BY QUE~*/











.nicetitle-content{



	overflow: hidden;



	background: white;



	border: 1px solid #333;



	padding: 7px;



	opacity: 0.9;



	display:none;



}



.nicetitle p{



	margin: 0;



	line-height: 120%;



}



.nicetitle p.destination {



	font-weight: normal;



	font-size: 10px;



	color: #5E7743;



}



div.nicetitle p span.accesskey {



	color: #FF7200;



}



<style type="text/css">







/*Credits: Dynamic Drive CSS Library */



/*URL: http://www.dynamicdrive.com/style/ */







.arrowlistmenu{



width: 180px; /*width of menu*/



}















.arrowlistmenu ul{



list-style-type: none;



margin: 0;



padding: 0;



margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/



}








.arrowlistmenu ul li{



padding-bottom: 2px; /*bottom spacing between menu items*/



}







.arrowlistmenu ul li a{



color: #566069;



background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/



display: block;



padding: 2px 0;



padding-left: 19px; /*link text is indented 19px*/



text-decoration: none;







border-bottom: 1px solid #dadada;



font-size: 13px;



font-family:Arial, Helvetica, sans-serif;



}







.arrowlistmenu ul li a:hover{ /*hover state CSS*/



color: #ff397a;



background-color: #f9f9f9;



}







.post {



	clear:both;



	padding-top: 15px;



	



}



.post-title {



	float: left;



	margin-left: 5px;



	width: 410px;







}







.post-date {



	width: 60px;



	height: 35px;



	float:left;



	position:relative;



	margin-left:-30px;



	



	text-align:right;



	background:url(cl.jpg) no-repeat;



}



.post-month {



	font-family: Verdana,Arial,Helvetica,sans-serif;







font-size: 10pt;







font-weight: bold;



	







	text-align: center;



	display:block;



	



	color:#ff397a;



	



}



.post-day {



font-family: Verdana,Arial,Helvetica,sans-serif;







font-size: 16pt;







font-weight: bold;







	text-transform: uppercase;



	color: #999999;



	text-align: center;



	display:block;



	line-height: 13px;



	padding-top: 3px;color:#ff397a;







	



}







.entry {



	padding-top: 10px;



	font-family: Verdana,Arial,Helvetica,sans-serif;



    font-size: 8pt;



	color: #4a4a4a;



	text-align:justify;















text-decoration: none;



}



.entry a{



color: #ff397a;



font-size: 8pt;



}



.entry  a:hover {



color: #757575;



}







.ima{



border: 6px solid #e5e5e5;



margin-top:5px;



margin-bottom:5px;



margin-left:-10px;



}



.imo{



border:1px solid #e5e5e5;

padding:5px; 

background-color: #e5e5e5;



 }



.post-cat {



	background: url(images/mini-category.gif) no-repeat;



	padding-left: 20px;



	float:left;



	font-size: 95%;



	color: #999999;



	padding-bottom:10px;



}



.post-mov {



	background: url(images/movies.gif) no-repeat;



    



	







	}



.post-comments a{



	background: url(images/comments.png) no-repeat;



	padding-left: 20px;



	float: right;



	font-family: Verdana,Arial,Helvetica,sans-serif;



    font-size: 8pt;



    color: #676869;



	padding-bottom:10px;



}



.post-comments a:hover {







    color: #ff397a;







}



.post-com a{



	background: url(images/comments.png) no-repeat;



	padding-left: 20px;



	float: left;



	font-family: Verdana,Arial,Helvetica,sans-serif;



    font-size: 8pt;



    color: #676869;



	padding-bottom:10px;



}



.post-com a:hover {







    color: #ff397a;







}











.post-calendar {



	background: url(images/mini-calendar.gif) no-repeat;



	padding-left: 20px;



	float: right;



	font-size: 95%;



	color: #999999;



}



.mini-add-comment {



	background: url(images/mini-down-arrow.gif) no-repeat;



	padding-left: 18px;



	float: right;



}



.navigation {



display: block;







height: 20px;







background-color: transparent;







background-image: url(images/separator.png);







background-repeat: no-repeat;







background-attachment: scroll;







background-position: 50% 50%;



}



.navigation a, .navigation a:visited {



	color: #59770e;



}



.previous-entries a {



	float: left;



	padding-left: 18px;



	background: url(images/mini-nav-left.gif) no-repeat left center;



}



.next-entries a {



	float: right;



	padding-right: 18px;



	background: url(images/mini-nav-right.gif) no-repeat right center;



}



.com







{







border:1px solid #eeeeee;



font-family: Verdana,Arial,Helvetica,sans-serif;



font-size: 8pt;



color: #4a4a4a;



text-decoration: none;



width:440px;



padding:10px;







}



.com a







{



color: #ff397a;



font-size: 8pt;



}







.bouton_bleu {







	background-color:#93CDFF;







	border:2px solid #3D94DF;







	color: #065c74;











}







.bouton_bleu:hover {







	background-color:#93CDFF;







	border:2px solid #3D94DF;







	color: #000;



}



.men



{



background-image:url(images/h2.png);



background-repeat:no-repeat;



background-position: left;



padding:10px;



}



.l{



background-image:url(images/l.png); background-repeat:no-repeat;



width:15px;



}



.r{



background-image:url(images/r.png); background-repeat:no-repeat;



width:15px;



}



.m{



background-image:url(images/m.png);



}



.t{



width:auto;



height:25px;



margin-bottom:10px;



margin-top:10px;



}



.nav6_onpage a:link, .nav6_onpage a:visited{



	background: url(images/tor1.gif) top repeat-y;



	color:#fff;



}
BLOCKQUOTE{
border:1px solid #999999;
MARGIN: 5px 15px 15px 15px; PADDING: 8px;
background-color:#FFFFFF;
font-weight:bold;

}