@charset "GB2312";
/* CSS Document */


/* GENERAL */
body{  margin:0; padding:0; background-color:#fff; font-family:"����",arial; color:#595959; font-size:12px}
.center{ text-align:center}
h1{ margin:0}
h2{  background:url(../images/puce/h2.jpg) left top no-repeat; padding-left:24px; color:#b09b10; font-size:22px; font-weight:bold}
h3{ background:url(../images/puce/h3.jpg) left top no-repeat; padding-right:24px;padding-left:24px;  margin-bottom:10px; color:#010101; font-size:22px; font-weight:bold}
h4{ color:#000; font-weight:bold; font-size:15px; margin:0}
img{ border:none}
ul li{ list-style-type:none}
a{ font-weight:bold; color:#000; text-decoration:none}
a:hover{color:#b09B10}
.clear{ clear:both; visibility:hidden}
.right{ text-align:right}

/* BLOCS PRINCIPAUX */
#main{ width:963px; margin:0 auto;}
#intro{ width: 963px; height:160px; background: url(../images/illustr/bandeau.jpg) left top no-repeat; position:relative}

/*INTRO*/
.logo{ position:absolute; top:10px; left:3px}
.slideshow{ position:absolute; right:0px; top:0px}
.homesearch{ padding:0}
.homesearch p{ margin-bottom:0}
.homesearch .mc{ width:84px; height:18px; background:url(../images/fond/input.jpg) left top no-repeat; border:none}
.homesearch .valid{ width:18px; height:17px}


/*MENU*/
#menu { padding-left:0px; padding-bottom:5px; margin-bottom:0; background:url(../images/fond/menu.gif) left bottom repeat-x; width:96%}
#menu li { display:inline}
#menu li a { color:#6e6e6e; font-size:13px; font-weight:normal; margin:0 10px}
#menu li a:hover { color:#b09b10}



/*OUTRO*/
.outro{ width:963px; height:97px; background:url(../images/fond/footer.gif) left top no-repeat}
.outro p{ color:#777; font-size:11px; text-align:center; padding-top:70px}
.outro p a{ color:#777; font-size:11px;}

/*CONTENT*/
.table01 .illustr-left{ width:190px; vertical-align:top}
.table01 .content{ width:539px; vertical-align:top}
.table02 .content{ width:750px; vertical-align:top}
.table01 .pub-right, .table02 .pub-right{ width:193px; vertical-align:top}
.minipub{ width:174px; height:295px; background:url(../images/fond/minipub.jpg) left top no-repeat; float:right}
.bigpub{ width:174px; height:600px; background:url(../images/fond/bigpub.jpg) left top no-repeat; float:right}


.cadre{ padding:6px; background-color:#fff; border:1px solid #ccc;}
.fleft{margin:0 10px 5px 0; float:left}

#lastnews{ margin-left:34px}

	/*actus*/
	.actutop{ width:136px; background:url(../images/fond/actutop.gif) left top no-repeat; padding:10px 8px 0 8px}
	.actuhomeun, .actuhomedeux{ margin-right:23px}
	.actutop p{ margin-bottom:3px}
	.actutop p.center{ height:94px}
	.actubottom{ width:153px; background:url(../images/fond/actubottom.gif) left bottom no-repeat; float:left}
	.actutop .resume{ height:105px}
	.actutop h4{ height:25px}
	
	.option{ color:#a8972e; font-weight:bold}
	.options{ position:relative; height:58px}
	.options a{ display:block; zoom:1; cursor:pointer}
	.options .print{ position:absolute; left:0px; top:0px}
	.options .printt{ position:absolute; left:80px; top:35px}
	.options .friend{ position:absolute; left:75px; top:0px}
	.options .plan{ position:absolute; left:200px; top:35px}
	.options .infos{ position:absolute; left:380px; top:38px}
	.options .renren{ position:absolute; right:150px; top:0px}
	.options .bai{ position:absolute; right:120px; top:0px}
	.options .douban{ position:absolute; right:90px; top:0px}
	.options .kaixin{ position:absolute; right:60px; top:0px}
	.options .twitter{ position:absolute; right:30px; top:0px}
	.options .facebook{ position:absolute; right:0px; top:0px}
	
#commentaires{ background:url(../images/fond/fondcomm.jpg) left 14px no-repeat; width:741px}
#commentaires form{ padding:0;}
#commentaires .intitule{ font-size:15px}
#commentaires table{ width:95%; margin:0 auto}
#commentaires td{ vertical-align:top}
#commentaires td form input, #commentaires td form textarea{ border:1px solid #959595; width:210px;}
 #commentaires td form textarea{ height:85px;}
#commentaires .namecomm{ font-weight:bold; text-decoration:underline; color:#a8972e; margin-bottom:0}
#commentaires .contentcomm{margin-top:0}
#commentaires td form p{ text-align:right; color:#383838; font-size:13px; margin-bottom:0}
#cadrecomm{ width:400px; padding-left:20px; overflow:hidden; position:relative}
#cadrecommm{ width:400px; height:190px; padding-left:20px; overflow:hidden; position:relative}
.cadrecommin{ width:400px; height:4000px;  overflow:hidden}
.f_haut{ position:absolute; right:2px; top:-2px}
.f_bas{ position:absolute; right:2px; top:167px}


#allnews{ background:url(../images/fond/allnews.gif) left top no-repeat; width:618px; padding:0 40px; height:167px; overflow:hidden; margin:0 auto; position:relative}
#allnewsmini{ background:url(../images/fond/allnewsptt.gif) left top no-repeat; width:424px; padding:0 40px; height:167px; overflow:hidden; margin:0 auto; position:relative}
#allnews #allnewsin{ width:615px; height:150px; overflow:hidden; margin:0 auto;}
#allnewsmini #allnewsin{ width:420px; height:150px; overflow:hidden; margin:0 auto;}
#allnews h4, #allnewsmini h4{ font-size:13px; height:17px; text-align:center}
.f_gauche{ position:absolute; left:-5px; top:63px}
.f_droite{ position:absolute; right:0px; top:63px}
#allnews .onenews, #allnewsmini .onenews{ width:150px; float:left; margin-top:15px;}


h3.h3article{ margin-left:25px}

	/*photo*/
	.photo{ float:left; width:140px; height:130px; text-align:center;}


/*FORM*/
form{ width:88%; margin:0 auto; padding:30px}
form input, form textarea{ width:500px; font-size:12px; color:#333; border:1px solid #ccc}
form textarea{ height:150px}
form h3 { border-bottom:1px solid #569512; color:#569512; font-size:14px; background:none}
form input.valid{ width:auto; border:none}

.message{ font-weight:bold; color:#990000; text-align:center; font-size:15px}
.formu label { float:left; width:150px;}
.formu input, .formu textarea{ width:250px;}
.formu { background:url(../images/fond/contact.jpg) right top no-repeat;}


/*GALERIE*/
.gal{ float:left; width:200px; margin: 10px 0 10px 10px; background:url(../images/fond/gal.jpg) left bottom no-repeat; padding: 0 0 10px 22px}