
html body  {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#e45398; 
	font-family:arial;
	font-size:12px;
	color: #666666;
	text-align:center;
	/*behavior:url(/lib/css/csshover.htc); */
}
tr td table div span {
font-size:12px;
color: #666666;

}


div#logo{
border:none;
float:left;margin:0px 0px 0px 200px; height:74px; 

}

#menuconnexion{width:180px; float:right;margin:-65px 39px 0px 0px;}
/*#menuconnexion ul{width:376px; height:52px; display:block;margin:0px; padding:0px; background:url(interface/menu-bg.gif) 0 0 repeat-x ; color:#fff;}

#menuconnexion ul li{float:left; display:block; width:75px; height:30px; background:url(interface/menu-devider.gif) right top no-repeat;}
#menuconnexion ul li span{display:block; width:73px; height:30px; background:url(interface/menu-hover.gif) 50% 0 no-repeat; font:13px/32px Arial; font-weight:bold; text-align:center; text-decoration:none;}
*/
/* ----------------- top navigation start --------------------- */
/*#topNav{
	width:700px; float:left;
	margin:-50px 0px 40px 0px;}
#topNav img{
	border:none; float:left; margin:0 0px 0 0;}
#topNav ul{
	
	width:700px; height:23px;margin:50px  0px 0 10px;}
#topNav ul li{
	color:#0B0B0B; float:left;
	font:bold 11px/23px Arial; text-transform:uppercase;}
#topNav ul li a{
	color:#fff;
	font:bold 11px/23px  Arial;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:75px ; height:23px; display:block; }*/
				/*#topNav ul li a.hover{
					background:url(/interface/top_btn_h.gif) no-repeat 0 0 #e45398; color:#FFFFFF;
					font:bold 11px/23px Arial;
					text-transform:uppercase; text-align:center; text-decoration:none;
					width:70px; height:23px; display:block;}*/
/*#topNav ul li a:hover{
	background:url(/interface/top_btn_h.gif) no-repeat 0px 0px #e45398; color:#FFFFFF;
	font:bold 11px/23px Arial;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:75px; height:23px; display:block;}*/

div#container {

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1002px;
	background:#ffffff;
	/*border-left: solid 1px #abc1bf;*/
	/*border-right: solid 1px #abc1bf;*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	clear:both;
}




div#content {

	margin:0 ;
	padding:0;
	background:#b0dbfe url("/interface/header2.jpg") 100% 10px repeat-x;
	background-position: top left;

	
}


div#footer 
{
	clear: both;
	position: inherit;
	padding: 0px 0px 0px 0px;
	bottom:0;
	border-top:3px double #abc1bf;
	background:url(/interface/footerbg.gif) 0 0 repeat-x #fff; 
	color:#6F5D2B;
	font:12px/22px Arial;
}

div#footer a
{
color: #878767;font-family: Arial;font-weight: normal; font-size: 12px;
}
.footergreenpanel
{
	background-image:url('/interface/button_small_white.png'); 
	background-repeat:no-repeat;
	float:right; 
	width:250px; 
	height:102px;
	text-align:center; 
	margin-right:10px;
	
	
	}
div#boxleft{
	width:357px;
	float:left;
	background-color:#e4eeef;
	text-align:left;
	padding-left:10px;

}
div#boxleft span{padding-left:10px}
div#boxleft  li{background:url(/img/puce-02.png) no-repeat 0px 6px; padding-left:10px;}

div#box2left span, p {padding-left:10px}

div#box2left{
	width:357px;
	float:left;
	background-color: #EEEEEE;text-align:left;
}
div#boxright li{background:url(/img/puce-02.png) no-repeat 0px 6px; padding-left:10px;}

div#boxright{
	width:357px;
	float:right;
	margin-right:40px;
	padding-left:10px; 
	background-color: #fef8e6;text-align:left;
}
div#box2right{
	width:357px;
	float:right;
	margin-right:40px;
	background-color: #EEEEEE;text-align:left;
}
div#box2right span, p{padding-left:10px}
div#boxright span {padding-left:10px}

div#left{
	
	float:left;
	padding: 40px 0px 0px 23px;
	width:347px;
	
}
div#left1{
	width:324px;
	background:url(/interface/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#e4eeef solid 7px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
	height:80px;
}

div #left1:hover{
	
	border:#cae8ff solid 7px;
	
	
}

#left1 img{
	display:block;
	width:90px;
	height:68px;
	margin:8px 0 0 0;
	float:left;
	border-right:#F9F9F1 solid 2px; padding-right:10px;
	
}
#left1 p{
	float:right;
	padding:0 0 0 15px;
	font:normal 11px/16px Arial;
	width:199px;
}
#left1 h1{
	
	padding:0 0 0 15px;
	font:normal 19px/17px Arial;
	color:#e45398;
	background-color:inherit;
	
	margin:0 0 10px 0;
	height:17px;
	line-height:22px;
	display:block;
}
/* onglet*/
.boxsousmenu{background-color:#e4eeef;}
.boxsousmenu a{ font-size:12px; font-weight:bold; color:#FFFFFF;}
.contenu {
background:#FFCCFF;

margin: 0 1px 0 1px;
}
/* Article */
div #article {
	float: left;
	padding: 0px 15px 0px 20px;
}
div #article .blocarticle {
	clear: both;padding: 10px 0px 0px 10px;
}
div #article .titre {
	padding: 20px 0px 0px 0px;
}
div #article .titrearticle {
	clear: both;padding: 0px 0px 0px 0px;
}
div #article .articlecontent {
	clear: both;padding: 10px 0px 0px 0px;
}

div #article .articleauteur {
	clear: both;padding: 10px 0px 0px 0px;
}

div #article .box {
	clear: both;width:380px; min-height: 270px; height:auto !important; height: 270px;background-position: top left; background-image: url('/interface/svn_homeblue.jpg'); background-repeat: no-repeat;
}
div #article .box img{
	border-color:#CCCCCC;border-width:1px;border-style:Solid;width:50px;float: left;
}
div #article .separator {
	clear: both;padding: 10px 0px 0px 10px;
}
div #article .content {
	float: left;padding: 0px 0px 0px 10px; width:250px;
}


/* Agenda */
div #agenda {
	float: left; padding: 0px 0px 0px 15px;
}

div #agenda .blocagenda {
	clear: both;padding: 0px 0px 0px 10px;
}
div #agenda .titre {
	padding: 20px 0px 0px 0px;
}
div #agenda .titreagenda {
	clear: both;padding: 0px 0px 0px 0px;
}
div #agenda .agendacontent {
	clear: both;padding: 10px 0px 0px 0px;
}

div #agenda .agendaauteur {
	clear: both;padding: 0px 0px 0px 0px;
}

div #agenda .box {
	clear: both;width:400px; min-height: 270px; height:auto !important; height: 270px;background-position: top left; background-image: url('/interface/svn_homeblue.jpg'); background-repeat: no-repeat;
}
div #agenda .box img{
	border-color:#CCCCCC;border-width:1px;border-style:Solid;width:50px;float: left;
}
div #agenda .separator {
	clear: both;padding: 10px 0px 0px 10px;
}
div #agenda .content {
	float: left;padding: 0px 0px 0px 10px; width:250px;
}
/* Pub page d'accueil */
div #pubaccueil {
	float:left;
	float: left; padding: 0px 0px 0px 18px;
}

div #pubaccueil .box {
	clear: both;width:355px; min-height: 270px; height:auto !important; height: 270px;
}


/* annonce */
div #annonce {
	float: left; padding: 0px 0px 0px 18px; 
}

div #annonce .blocannonce {
	clear: both;padding: 10px 0px 0px 10px;
}
div #annonce .titre {
	padding: 20px 0px 0px 0px;
}
div #annonce .titreannonce {
	clear: both;padding: 0px 0px 0px 0px;
}
div #annonce .annoncecontent {
	clear: both;padding: 10px 0px 0px 0px;
}

div #annonce .annonceauteur {
	clear: both;padding: 0px 0px 0px 0px;
}

div #annonce .box {
	clear: both;width:355px; min-height: 270px; height:auto !important; height: 270px;background-position: top left; background-image: url('/interface/homeblue-355.jpg'); background-repeat: no-repeat;
}
div #annonce .box img{
	border-color:#CCCCCC;border-width:1px;border-style:Solid;width:50px;float: left; padding:0;
}

div #annonce .separator {
	clear: both;padding: 10px 0px 0px 10px;
}
div #annonce .content {
	float: left;padding: 0px 0px 0px 10px; width:250px;
}


/* Pub page d'accueil */
div #pubaccueil {
	float:left;
	float: left; padding: 0px 0px 0px 18px;
}

div #pubaccueil .box {
	clear: both;width:355px; min-height: 270px; height:auto !important; height: 270px;
}


/* Members */
div #member{
	width:170px;
	float:left;
	padding: 0px 10px 0px 5px;
	margin:0 6px 0px 6px;
	
}
div #member1{
	width:160px;
	background:url(/interface/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#e4eeef solid 7px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
	min-height: 270px; height:auto !important; height: 270px;
}

div #member1:hover{
	
	border:#cae8ff solid 7px;
	
	
}

#member img{
	
	width:80px;
	margin:8px 0 0 0;
	border-right:#F9F9F1 solid 2px; padding-right:10px;
	
}
#member1 p{
	
	padding:0 0 0 15px; 
	font:normal 11px/16px Arial;
	width:140px;
}
#member1 h1{
	float:left;
	padding:0 0 0 5px;
	font:normal 12px Arial;
	color:#e45398;
	background-color:inherit;
	
	margin:0 0 10px 0;
	height: auto;
	line-height:22px;
	
}
/*  affichage article fiche pro*/
div #articlefiche{
	width:auto;
	float:left;
	
	margin:0 25px 4px 10px; text-align:left;padding:0px 10px 0px 0px;
	
}
div #articlefiche1{
	width:100%;
	background:url(/interface/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#e4eeef solid 7px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
	min-height: 80px; height:auto !important; height: 80px;
}

div #articlefiche1:hover{
	
	border:#cae8ff solid 7px;
	
	
}

#articlefiche img{
	display:block;
	width:3px;
	height:3px;
	margin:8px 0 0 0;
	float:left;
	border-right:#F9F9F1 solid 2px; padding-right:10px;
	
}
#articlefichelien img{
	display:block;
	width:15px;
	height:15px;
	margin:0;
	float:left;
	border:0;
	
}



#articlefiche1 p{
	float:right;
	padding:0 0 0 15px;
	font:normal 11px/16px Arial;
	width:199px;
}
#articlefiche1 h1{
	
	padding:0 0 0 15px;
	font:normal 19px/17px Arial;
	color:#e45398;
	background-color:inherit;
	
	margin:0 0 10px 0;
	height:17px;
	line-height:22px;
	display:block;
}


/*  affichage article fiche pro*/
div #articlebox{
	width:259px;
	float:left;
	
	margin:0 25px 4px 10px; text-align:left;padding:0px 10px 0px 0px;
	
}
div #articlebox1{
	width:100%;
	background:url(/interface/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	border:#e4eeef solid 7px;
	margin:0 0 4px 0;
	padding:5px 10px 6px 9px;
	color:#878767;
	min-height: 80px; height:auto !important; height: 80px;
}

div #articlebox1:hover{
	
	border:#cae8ff solid 7px;
	
	
}

#articlebox img{
	display:block;
	width:3px;
	height:3px;
	margin:8px 0 0 0;
	float:left;
	border-right:#F9F9F1 solid 2px; padding-right:10px;
	
}
#articleboxlien img{
	display:block;
	width:15px;
	height:15px;
	margin:0;
	float:left;
	border:0;
	
}



#articlebox1 p{
	float:right;
	padding:0 0 0 15px;
	font:normal 11px/16px Arial;
	width:199px;
}
#articlebox1 h1{
	
	padding:0 0 0 15px;
	font:normal 19px/17px Arial;
	color:#e45398;
	background-color:inherit;
	
	margin:0 0 10px 0;
	height:17px;
	line-height:22px;
	display:block;
}
#landingpage{
font-size:12px;
}

#landingpage #boxeleft{
width:410px; height:300px;
	float:left; background:url(/img/img_1.jpg) no-repeat 10px 0px;
	
	text-align:left;
	padding-left:10px;
}
#landingpage #boxeleft h1{
font-size:16px;color:#e45398; border:none; margin-top:0px;
}
#landingpage #boxeright{
	width:367px;
	float:right;
	margin-right:5px;
	padding-left:5px; 
	background-color: #fef8e6;text-align:left;
}
#landingpage #boxeright a{
font-size:12px;color:#639A97; text-decoration:none; margin:0; padding:0;	
}


#landingpage h1 {
font-size:16px; border-bottom:solid #fef8e6; color:#639A97; padding-left:10px; text-align:left;
}

#landingpage h2 {
font-size:14px;color:#639A97; padding-left:10px; text-align:left;
}
#landingpage a {
font-size:14px;color:#639A97; padding-left:10px; text-align:left; text-decoration:none;
}
#landingpage a:hover {
font-size:14px;color:#639A97; padding-left:10px; text-align:left; text-decoration: underline;
}

#landingpage p{
text-align: left; padding-left:20px;color: #666666;
}
#landingpage img{
 float:right; margin-right:20px;
}
#landingpage #puce img{
 float:left; margin-right:10px; vertical-align:top;
}
#landingpage #puce a{
 float:left; font-size:12px;
}
#landingpage #btn_inscription img{
  position:absolute; top:650px;
}
#landingpage #btn_inscription #btn_pro{ margin:0;}
#landingpage #btn_inscription #btn_part{ margin-left:220px;}

#landingpage #tags { float:left;
 
font-size:10px;color: #CCCCCC; padding-left:10px; text-align:left;
}

