body {
	background-color: #3e3e40;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0;
	width:100%;
	text-align: center;
}
img {
	border: none
}
a{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	outline: none;
	
}
a:hover{
	text-decoration: underline;
	
}
input{
	border: 1px solid #cccccc;
	height: 16px;
	background: #ebebeb;
	font-size: 11px;
	color: #666666;
}
textarea{
	border: 1px solid #cccccc;
	background: #ebebeb;
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	
}
submit{
	border: 0;
}
h1{
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #666666;

}
h2{
	font-size: 11px;
	color: #9FC22A;
	padding: 0;
	margin: 5px 0;
}
h3{
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 5px 0;
	font-weight: normal;
}
h4{
	font-size: 16px;
	color: #EA6528;
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: bold;
}
p{
	font-size: 11px;
	color: #666666;
	margin: 5px 0;
	padding: 0;
}
table{
	font-size: 11px;
	color: #000000;
}
.submit{
	border: 0;
}
#error{
	width: 800px;
	height: 20px;
	margin: 0 auto;
	padding:5px 0 0 0;
	text-align: center;
	background: #b90c0c;
}
#error span{	
	color: #fff;
	margin: 0px;
	padding: 2px 0 2px 20px;
	background: url('../images/icons/error.png') no-repeat left;
	font-size: 11px;
	font-weight: bold;
}

#page{
	background-image:url('../images/background-page.gif');
	background-repeat:repeat-y;
	width:800px;
	min-height:679px;
	margin:0 auto;
	text-align: left;
}

#wrapper{
	background-image:url('../images/background-page.gif');
	background-repeat:repeat-y;
	width:800px;
	margin:0 auto;
	text-align: left;
}
#pagenews{
	background-image:url('../images/background-page.gif');
	background-repeat:repeat-y;
	width:800px;
	height:1050px;
	margin:0 auto;
	text-align: left;
}
#pageevents{
	background-image:url('../images/background-page.gif');
	background-repeat:repeat-y;
	width:800px;
	height:790px;
	margin:0 auto;
	text-align: left;
}
#hautpage{
	/*background-color:#9fc22a;*/
	height:4px;
	width:800px;
	margin:auto;
	position:relative;
}
#hautpage2{
	background:#f29400;
	height:4px;
	width:800px;
	margin:auto;
	position:relative;
}
#hautheader{
	width:100%;
	height:120px;
}
#menu{
	height:33px;
	width:629px;
	/*background-color:#9fc22a;*/
	margin-left:8px;
}
#menu a{
	margin: 0 0px;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	height: 33px;
}
/* menu 1 */
#menu a.tab1{
	background: url('../images/button/presentation.jpg') no-repeat left;
	width: 178px;
}
#menu a.tab1-on,
#menu a.tab1:hover{
	background: url('../images/button/presentation-on.jpg') no-repeat left;
	width: 178px;
}
#menu a.tab2{
	background: url('../images/button/arrepien.jpg') no-repeat left;
	width: 135px;
}
#menu a.tab2-on,
#menu a.tab2:hover{
	background: url('../images/button/arrepien-on.jpg') no-repeat left;
	width: 135px;
}
#menu a.tab3{
	background: url('../images/button/rejoignez.jpg') no-repeat left;
	width: 163px;
}
#menu a.tab3-on,
#menu a.tab3:hover{
	background: url('../images/button/rejoignez-on.jpg') no-repeat left;
	width: 163px;
}
#menu a.tab4{
	background: url('../images/button/relation.jpg') no-repeat left;
	width: 150px;
}
#menu a.tab4-on,
#menu a.tab4:hover{
	background: url('../images/button/relation-on.jpg') no-repeat left;
	width: 150px;
}
/* menu 2 */
#menu a.tab6{
	background: url('../images/button/quoi.gif') no-repeat left;
	width: 113px;
}
#menu a.tab6-on,
#menu a.tab6:hover{
	background: url('../images/button/quoi-on.gif') no-repeat left;
	width: 113px;
}
#menu a.tab7{
	background: url('../images/button/vie.gif') no-repeat left;
	width: 104px;
}
#menu a.tab7-on,
#menu a.tab7:hover{
	background: url('../images/button/vie-on.gif') no-repeat left;
	width: 104px;
}
#menu a.tab8{
	background: url('../images/button/agenda.gif') no-repeat left;
	width: 69px;
}
#menu a.tab8-on,
#menu a.tab8:hover{
	background: url('../images/button/agenda-on.gif') no-repeat left;
	width: 69px;
}
#menu a.tab9{
	background: url('../images/button/annuaire.gif') no-repeat left;
	width: 84px;
}
#menu a.tab9-on,
#menu a.tab9:hover{
	background: url('../images/button/annuaire-on.gif') no-repeat left;
	width: 84px;
}
#menu a.tab10{
	background: url('../images/button/marche.gif') no-repeat left;
	width: 141px;
}
#menu a.tab10-on,
#menu a.tab10:hover{
	background: url('../images/button/marche-on.gif') no-repeat left;
	width: 141px;
}
#menu a.tab11{
	background: url('../images/button/entre.gif') no-repeat left;
	width: 113px;
}
#menu a.tab11-on,
#menu a.tab11:hover{
	background: url('../images/button/entre-on.gif') no-repeat left;
	width: 113px;
}
#header{
	height:165px;
	width:640px;
}
#headeradmin{
	height:20px;
	width:640px;
}
#arrepiens a{
	margin: 0 0px;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	height: 37px;
	width: 188px;
	border-bottom: 1px solid #cccccc;
}
#arrepiens a.link1{
	background: url('../images/button/tab-arrepien/agences.gif') no-repeat left;	
}
#arrepiens a.link1-on,
#arrepiens a.link1:hover{
	background: url('../images/button/tab-arrepien/agences-on.gif') no-repeat left;	
}
#arrepiens a.link2{
	background: url('../images/button/tab-arrepien/association.gif') no-repeat left;	
}
#arrepiens a.link2-on,
#arrepiens a.link2:hover{
	background: url('../images/button/tab-arrepien/association-on.gif') no-repeat left;	
}
#arrepiens a.link3{
	background: url('../images/button/tab-arrepien/collectivite.gif') no-repeat left;	
}
#arrepiens a.link3-on,
#arrepiens a.link3:hover{
	background: url('../images/button/tab-arrepien/collectivite-on.gif') no-repeat left;	
}
#arrepiens a.link4{
	background: url('../images/button/tab-arrepien/culture.gif') no-repeat left;	
}
#arrepiens a.link4-on,
#arrepiens a.link4:hover{
	background: url('../images/button/tab-arrepien/culture-on.gif') no-repeat left;	
}
#arrepiens a.link5{
	background: url('../images/button/tab-arrepien/enseignement.gif') no-repeat left;	
}
#arrepiens a.link5-on,
#arrepiens a.link5:hover{
	background: url('../images/button/tab-arrepien/enseignement-on.gif') no-repeat left;	
}
#arrepiens a.link6{
	background: url('../images/button/tab-arrepien/entreprise.gif') no-repeat left;	
}
#arrepiens a.link6-on,
#arrepiens a.link6:hover{
	background: url('../images/button/tab-arrepien/entreprise-on.gif') no-repeat left;	
}
#arrepiens a.link7{
	background: url('../images/button/tab-arrepien/institution.gif') no-repeat left;	
}
#arrepiens a.link7-on,
#arrepiens a.link7:hover{
	background: url('../images/button/tab-arrepien/institution-on.gif') no-repeat left;	
}
#arrepienslist{
	margin: 0;
	padding: 5px 10px;

}
#arrepienslist .column{
	width: 200px;
	overflow: hidden;
	float: left;

}
div.agenda-detail h1{
	margin: 0 0 5px;
	padding: 0;
	font-size: 11px;
	color: #58585A;
}

div.agenda-detail h2{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #EA6528;
	
	font-weight: normal;
}
div.agenda-detail h3{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	color: #EA6528;
	
}

div.agenda-detail p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #58585A;
	width: 100%;
}
div.agenda-detail img{
	float: right;
}
.agendalist{
	margin: 0;
	padding: 5px 10px;

}
div.agendalink {
	width: 170px;
	color: #ffffff;
	padding: 5px;
	margin:5px 0;
	cursor: pointer;
}
div.agendalink-on{
	width: 170px;
	background: #EA6528;
	padding: 5px;
	margin:5px 0;
	cursor: pointer;
}
div.agendalink h1{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #58585A;
	clear: both;
}
div.agendalink h2{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #EA6528;
	clear: both;
	font-weight: normal;
}

div.agendalink h3{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #EA6528;
	clear: both;
}

div.agendalink p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #58585A;
	clear: both;
}

div.agendalink-on h1{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
	width: 100%;
}
div.agendalink-on h2{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
	width: 100%;
	font-weight: normal;
}

div.agendalink-on h3{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
	width: 100%;
}

div.agendalink-on p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
	width: 100%;
}
#vie a{
	margin: 0 0px;
	padding: 6px 4px;
	font-size: 16px;
	float: left;
	height: auto;
	width:188px;
	border-bottom: 1px solid #ccc;
}
#vie a.link1{
	color: #EF844A;
	text-decoration: none;		
}
#vie a.link1-on,
#vie a.link1:hover{
	background-color: #EF844A;
	text-decoration: none;
	color: #ffffff;
}
#vielist{
	margin: 0;
	padding: 5px 10px;

}
#vielist .column{
	width: 200px;
	overflow: hidden;
	float: left;

}
.emploi-head{
	background: #fff;
	cursor: pointer;
}
.emploi-head table{
	margin: 0 auto;
}
.emploi-head td{
	background: #9C9D9F;
	color: #ffffff;
}
.emploi-head2{
	background: #fff;
	cursor: pointer;
}
.emploi-head2 td{
	background: #9FC22A;
	color: #ffffff;
}
.emploi{
	width: 570px;
	padding: 5px;
	background: #9fc22a url('../images/background-emploi.gif') repeat-x top;
	color: #ffffff;
	margin:0 auto;
}
.emploi span{
	color: #3E3E40;
}
a.link-login{
	float: right;
	color:#be3036;
	text-decoration: none;
	background: url('../images/flechedeconnexion.gif') no-repeat left;
	padding: 0 5px 0 15px;
	font-size: 11px;
}
a.link-login:hover{
	text-decoration: underline;
}
#footer{
	height:16px;
	width:642px;
	text-align:center;
	margin: 0px 0 0 0;
}

#footer p{
	font-size: 10px;
	color: #666666;
}
#footer a{
	color: #666666;
	text-decoration: none;
	font-size: 10px;
}
#footer a:hover{
	text-decoration: underline;
	
}
#sidebar{
	position:relative;
	float: left;
	width:155px;
	height:678px;
	background-image:url('../images/background-sidemenu.gif');
	background-repeat:repeat-y;
}
#content{
	height:485px;
	width:625px;
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
}
#contentadmin{
	width:800px;
}
#contentadmin a{
	font-size: 11px;

}
table.listing{
	font-size: 11px;
	color: #000000;
	margin: 15px auto;
	text-align: left;
	width: 780px;
	border: 1px solid #cccccc;
}
table.listing tr{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
table.listing tr:hover{
	background: #cccccc;
}
table.listing th{
	background: #ebebeb;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
}
#contentadmin h1{
	padding: 4px 10px;
	margin: 0;
	font-size: 13px;
	color: #ffffff;
	background: #A4C233;
}
#contentadmin p{
	padding: 2px 10px;
	margin: 0;
	font-size: 11px;
	color: #666666;
}
#contentadmin div.filter{
	float: left;
	height: 18px;
	margin: 5px 5px 0;
}
#contentadmin .err{
	color: #ff0000;
	font-size: 11px;
	padding: 0;
	margin: 10px 15px 0;
}
#contentadmin fieldset{
	border: 0;
	width: 390px;
	float: left;
	margin: 10px 10px 0;
}
#contentadmin  input.checkbox{
	width: 15px;
	height: 18px;
	float: left;
	margin: 5px 180px 10px 0;
}
#contentadmin textarea{
	width: 200px;
	height: 80px;
	float: left;
	margin: 5px 0;
	font-family: Tahoma, sans serif;
}
#contentadmin label{
	width: 120px;
	float: left;
	height: 18px;
	padding: 2px 0 0 0;
	margin: 5px 0;
	color: #666666;
}
#contentadmin input{
	width: 200px;
	height: 18px;
	float: left;
	margin: 5px 0;
}
#contentadmin select{
	width: 200px;
	height: 20px;
	float: left;
	margin: 5px 0;
	background: #ebebeb;
	border: 1px solid #cccccc;
	font-size: 11px;
	color: #666666;
}
#contentadmin option{
	float: left;
}
#contentadmin .submit{
	width: 100px;
	font-weight: bold;
	float: left;
	background: #A4C233;
	color: #fff;
	height: 18px;
	margin: 10px 2px;
}
a.mailto{
	color:#666666;
}
a.mailtowhite{
	color:white;

}
a.mailtofooter{
	color:black;
	text-decoration:none;
}
h1.accueil{
	font-size:13px;
	color:#2e559e;
	display:inline;
}
p.contenu{
	font-size:11px;
	color:#666666;
	font-family:tahoma;
	display:inline;
	line-height:normal !important;
	font-weight:normal;
}
p.contenuwhite{
	font-size:11px;
	color:white;
	font-family:tahoma;
	display:inline;
	line-height:normal !important;
	font-weight:normal;
}
p.contenublack{
	font-size:11px;
	color:black;
	font-family:tahoma;
	display:inline;
	line-height:normal !important;
	font-weight:normal;
}
p.contenuarchive{
	color:white;
	font-weight:lighter;
	font-size:13px;
	font-family:tahoma;
	display:inline;
	line-height:15px !important;
	font-weight:normal;
}
p.contenuform{
	font-size:11px;
	color:black;
	font-family:tahoma;
	display:inline;
	line-height:normal !important;
	font-weight:normal;
}
p.scontenuarchive{
	color:white;
	font-weight:lighter;
	font-size:9px;
	font-family:tahoma;
	display:inline;
	line-height:15px !important;
	font-weight:normal;
}
h1.title{
	color:#55b4e2;
	font-family:arial;
	display:inline;
	font-size:15px
}
a.linkvie1{
	color:#ef844a;
	text-decoration:none;
}
a.linkvie{
	color:#b5b4b5;
	text-decoration:none;
}
a.linkvie:hover{
	color:#ef844a;
}
.scrollable2{
	height:350px;
	width: 190px;
	overflow:hidden;
}
.scrollable3{
	height:370px;
	width: 335px;
	overflow:hidden;
	margin: 10px 5px 0 0;
}

.scrollable {
	height:380px;
	width: 430px;
	overflow:hidden;
}
.scrollableentrenous {
	height:400px;
	width: 428px;
	overflow:hidden;
	margin: 7px 0px 0 0;
}
.scrollablenews {
	height:420px;
	width: 408px;
	overflow:hidden;
	margin: 7px 2px 0 0;
}
.scrollablenews2 {
	height:265px;
	width: 187px;
	overflow:hidden;
	margin: 2px 2px 14px 0;
	padding: 0;
}
.firsttitle{
	margin: 0 0 0 5px;
	padding: 20px 0 0 0;
}
.scrollable4 {
	height:260px;
	width: 360px;
	overflow:hidden;
}
.scrollable5 {
	height:350px;
	width: 600px;
	overflow:hidden;
}
.scrollable6 {
	height:330px;
	width: 620px;
	overflow:hidden;
	
}
.scrollable7 {
	height:415px;
	width: 400px;
	overflow:hidden;
}

.scrollable8 {
	height:420px;
	margin: 5px 0 0;
	width: 190px;
	overflow:hidden;
}
.scrollable9 {
	height: 420px;
	width: 410px;
	margin: 5px 0 0;
	overflow:hidden;
}
.scrollable10 {
	margin: 5px 0 0;
	height:420px;
	width: 600px;
	overflow:hidden;
}
.scrollableindex {
	height:180px;
	width: 160px;
	overflow:hidden;
}
.scrollableadmin {
	height:640px;
	width: 640px;
	overflow:hidden;
}
.scrollableevent{
	height:350px;
	width: 400px;
	overflow:hidden;
}
.scrollablearrep{
	height:340px;
	width: 410px;
	overflow:hidden;
}
.vscroll-line {background:url(../images/line.gif) repeat-y;}
.vscroll-line1 {background:url(../images/line1.gif) repeat-y;}
.vscroll-line2 {background:url(../images/line.gif) repeat-y;}
#scrollslider0 {height:11px !important;}
.vscroll-slider {
	background: url(../images/button-slider.gif) no-repeat;
	height:64px !important;
	cursor: pointer;
}
.vscroll-slider1 {
	background: url(../images/button-slider1.gif) no-repeat;
	height:14px !important;
	cursor: pointer;
}

.vscroll-slider2 {
	background: url(../images/button-slider2.gif) no-repeat;
	height:228px !important;
	cursor: pointer;
}
#boxleft{
	width:645px;
	height:100%;
	float:left;
}
#container-admin{
	width:800px;
	height:100%;
	background: #fff;
	float:left;
}
#contenuvie{
	width:390px;
	float:left;
	display:inline;
	margin-top:15px;
	margin-left:15px
}
#contenuvie2{
	width:390px;
	float:left;
	display:inline;
	margin-left:15px
}
#linkvie{
	margin-left:11px; 
	margin-top:15px;
	width:200px;
	height:400px;
	border-right:1px solid #b1b3b4;
	display:inline
}
.stitle{
	color:#f29400;
	display:inline;
	font-size:11px;
	text-decoration:bold;
	margin: 0 0 5px 0;
}
h1.title{
	color:#ea6528;
	display:inline;
	font-size:16px;
	font-family:arial;
}
#contenu{
	width:629px;
	margin:auto;
	padding:0;
	margin: 0;
}

#contenudiv1{
	margin:10px 0 0 11px; 
	padding: 0;
	width:190px;
	height:430px;
	float:left;
	border-right:1px solid #b1b3b4;
	display:inline;
}
#contenudiv2{
	width:400px;
	height:430px;
	margin:10px 0 0 11px; 
	float:left;
	padding: 0;
}
h5.stitlegreen{
	color:#9fc22a;
	display:inline;
	font-size:11px;
	text-decoration:bold;
}
div.divevenement{
	background-color:white;
	width:190px;
	height:100px;
	padding-left:5px;
	cursor:pointer;
	padding-bottom:3px
}
div.divevenement-on{
	background-color:#ea6528;
	width:190px;
	height:100px;
	padding-left:5px;
	cursor:pointer;
	padding-bottom:3px
}

h1.titleeventgrey{
	display:inline;
	font-size:9px;
	color:#58585a
}
h2.titleeventorange{
	display:inline;
	font-size:9px;
	color:#ea6528;
}
.titleeventwhite{
	display:inline;
	font-size:9px;
	color:white;
}
p.contenuevent{
	display:inline;
	font-size:13px;
	color:#58585a
}
p.contenueventwhite{
	display:inline;
	font-size:13px;
	color:white
}
#separationevent{
	background-image:url('../images/separation5.gif');
	background-repeat:repeat-x;
	width:190px;
	height:1px;
	margin-top:2px;
	margin-bottom:2px
}
#photo{
	width:90px;
}
img.search{
	top:0;
	position:absolute
}
#descriptionrecherche{
	width:230px;
	float:left
}
.resrecherche{
	width:100%;
	border-bottom:1px solid #eceded
}
#separationorange{
	width:98%;
	margin:0 0 0 5px;
	background-image:url('../images/background-sep-orange.gif');
	background-repeat:repeat-x;
	height:15px;
	
}
#boxarchive1{
	height:367px;
	width:465px;
	float:left
}
#boxarchive2{
	height:367px;
	width:167px;
	background-color:#f29400;
	float:left;
	background-image:url('../images/box_arrondi.gif');
	background-position:bottom right;
	background-repeat:no-repeat
}
#boxconnexion{
	background-image:url('../images/box-connexion.gif');
	_background-image:url('../images/box-connexion.gif');
	background-repeat:no-repeat;
	width:485px;
	height:285px;
	display:block;
	position:absolute;
	opacity:0.90;
	filter:alpha(opacity=90);
	margin-top:30px;
	margin-left:30px;
	padding-top:30px;
	padding-left:40px;
}
#boxemploi{
	z-index: 9999;
	width:500px;
	height:364px;
	background-image:url('../images/box-emploi.png');
	_background-image:url('../images/box-emploi.gif');
	!background-image:url('../images/box-emploi.gif');
	background-repeat:no-repeat;
	position:absolute;
	display:none;
	margin-left:10px;
	margin-top:65px;
	opacity:0.90;
	_filter:alpha(opacity=90);
	!filter:alpha(opacity=90);
	padding:29px 60px 0 60px;
}
#boxemploi h1{
	font-size: 11px;
	margin: 5px 0 10px 0;
	padding: 0;
	color: #F29400;

}
h1.titleconnexion{
	color:#58585a;
	font-size:20px;
}
.titleboxnews{
	color:black;
	font-size:12px;
	display:inline;
}
.titleconnexiongreen{
	color:#9fc22a;
	font-size:20px;
	display:inline;
	text-decoration: underline;
	font-weight: bold;
}
h2.titleconnexionorange{
	color:#f29400;
	font-size:20px;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: underline;
}
p.contenuconnexion{
	color:black;
	font-size:11px;
	display:inline;
}
.boxchangement{
	height:60px;
	width:380px;
	margin:auto;
	border-bottom:1px solid #eceded;
	padding-top:3px;
	padding-bottom:3px;
}
font.green{
	color:#9fc22a;
	font-size:11px;
}
font.blue{
	color:#55b4e2;
	font-size:11px;
}
font.orange{
	color:#F29400;
}
font.title{
	color:black;
	font-size:11px;
}
img.logo{
	margin-left:15px;
	margin-top:10px
}
td.emploi{
	background-color:#9c9d9f;
	text-align:center;
}
div.emploidesc{
	width:559px;
	height:185px;
	display:none;
	background-image:url('../images/background-emploi.gif');
	background-repeat:repeat-x;
	/*background-color:#9fc22a;*/
	margin:auto;
	padding-left:11px;
}
.emploititreblack{
	font-size:11px;
	color:black;
}
.emploititrewhite{
	font-size:11px;
	color:white;
	font-weight:normal;
	display:inline;
}
.emploititregrey{
	font-size:12px;
	color:#3e3e40;
	font-weight:lighter;
	display:inline;
}
a.dossierspe{
	font-size:11px;
	color:#f5a434;
	text-decoration:none;
	font-weight:bold;
}
div.news,
div.news3{
	border-bottom:1px solid #b1b3b4;
	width:400px;
	float: left;
	color: #666666;
}
div.news3{
	width:420px;
	float: left;
}
div.news h1,
div.news3 h1{
	margin: 2px 0;
	padding: 0;
	font-size: 24px;
	float: left;
	width: 390px;
	color: #000000;
	font-weight: normal;
}
div.news h2,
div.news3 h2{
	margin: 2px 0;
	padding: 0;
	font-size: 16px;
	float: left;
	width: 390px;
	color: #000000;
	font-weight: normal;
}
div.news p,
div.news3 p{
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #666666;
	width: 390px; 
}
div.news p.image,
div.news3 p.image{
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #666666;
	width: 295px; 
}
div.news img,
div.news3 img{
	margin: 2px 5px 2px 0;
	padding: 0;
	float: left;
}
div.news2{
	border-bottom:1px solid #b1b3b4;
	width:170px;
	float: left;
	color: #666666;
	overflow: hidden;
}
div.news2 h3{
	margin: 2px 0;
	padding: 0;
	font-size: 12px;
	float: left;
	width: 100%;
	color: #000000;
	font-weight: bold;
}
div.news2 p{
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #666666;
	width: 99%; 
}
div.news2 a{
	color: #F5A434;
}

div.newsdetail{
	width:600px;
	float: left;
	color: #666666;
	overflow: hidden;
}
div.newsdetail h1{
	margin: 2px 0;
	padding: 0;
	font-size: 16px;
	float: left;
	width: 600px;
	color: #000000;
	font-weight: normal;
}
div.newsdetail p{
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #666666;
	width: 600px; 
}
div.newsdetail p.image{
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
	float: left;
	color: #666666;
	width: 500px; 
}
div.newsdetail a{
	color: #F5A434;
}
div.newsdetail img{
	margin: 2px 5px 2px 0;
	padding: 0;
	float: left;
}
a.more{
	text-decoration:none;
	font-size: 11px;
	float: right;
	color: #F5A434;
	margin: 14px 10px 2px 0;
	
}

a.more:hover{
	text-decoration:underline;
}
.titlenews{
	font-size:24px;
	color:black;
	padding:0;
	margin: 2px 0;
}
.stitlenews{
	font-size:16px;
	color:black;
	padding:0;
	margin: 2px 0;
}
.sstitlenews{
	font-size:14px;
	color:black;
	display:inline;
}
a.orange{
	color:#f5a434;
	text-decoration:none;
}
a.white{
	color:white;
	text-decoration:none;
	font-size:9px;
}
a.whitenews{
	color:white;
	text-decoration:none;
	font-size:11px;
}
font.white{
	font-size:11px;
	color:white;
}

select{
	font-size:9px;
	font-family: Tahoma, sans-serif;
	
}
.archiveform{
	height:90px;
	width:170px;
	margin-top:210px;
	margin-left:5px
}
labelemploi{
	width: 100px;
	display: block;
	float: left;
}
selectemploi{
	float: right;
	margin-right: 5px;
}
#boxquoi{
	width:177px;
	height:192px;
	position:absolute;
	background-image:url('../images/boxquoi.gif');
	margin-top:190px;
	margin-left:-168px;
	opacity:0.90;
	filter:alpha(opacity=90);
	padding:75px 0 0px 0;
	padding-left:10px;
	background-repeat:no-repeat;
	text-align: left;
}
/* STYLE ADMIN */
#admin{
	width: 800px;
	height: 95px;
	color: #ffffff;
	margin: 0 auto;
	padding:0;
}
#admin .toplinks{
	height: 16px;
	padding: 2px 0;
}
#admin  h1{
	float: left;
	padding: 0;
	margin: 0;	
	color: #a4c233;
	padding: 0 0 0 15px;
	background: url('../images/admin/online.gif') no-repeat left;
	font-size: 11px;
	font-weight: bold;
}

#admin  h2{
	float: left;
	padding: 0;
	margin: 25px 0 2px 10px;	
	color: #ebebeb;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
#admin  img{
	float: left;
}
#admin .toplinks span{
	float: right;
}
#admin .toplinks a{
	float: right;
	color: #ebebeb;
	padding: 0;
	margin: 0 10px;
	font-size: 11px;	
	text-decoration: none;
}
#admin .toplinks a:hover{
	text-decoration: none;
	color: #a4c233;
}
#admin .topadmin{
	width: 790px;
	height: 65px;
	background: url('../images/admin/bg.gif');
	padding: 5px;
	text-align: left;
	margin: 0;
}
#admin .topadmin a{
	float: left;
	color: #fff;
	padding: 2px 9px;
	margin: 0px 0 0px;
	font-size: 11px;	
	text-decoration: none;
	font-weight: normal;
}
#admin .topadmin a:hover{
	text-decoration: none;
	background: #a4c233;
	
}
#admin .topadmin a.btn{
	float: right;
	text-decoration: none;
	margin: 25px 0 2px 10px;
	padding: 0;
}
#admin .topadmin a.btn:hover{
	text-decoration: none;
	background: none;	
}

#main{
	width:100%;
	overflow:hidden;
	padding:9px 0 0;
}
#navigation:after{
	content:"";
	clear:both;
	display:block;
}
#navigation{
	width:700px;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height: 20px;
	position:relative;
}
#navigation ul li{
	position: relative;
	float:left;
	padding: 0 8px;
	height: 20px;
	margin:0px;
}
#navigation ul li a{
	color:#fff;
	text-decoration:none;
	padding:0 18px 0 0;
	margin:0 0px;
	font-size:12px;
	float:left;
	height: 17px;
}
#navigation ul li a:hover{
	
	
}
#navigation ul li.hover,
#navigation ul li:hover {
	position: relative;
}
#navigation ul li.hover a,
#navigation ul li:hover a{
	background: #A4C233;
}
#navigation ul li.hover ul,
#navigation ul li:hover ul {
	display: block;
}
#navigation ul ul {
	display: none;
	position: absolute;
	left: 0%;
	top: 100%;
	float:left;
	width:740px;
	padding:0 8px;
	margin:0;
	height: 16px;
	
}
#navigation ul ul li.first{
	background:none;
}
#navigation ul ul li{
	float:left;
	padding:0px;
	
}
#navigation ul li ul li a{
	background:none;
}
#navigation ul li.hover ul li a,
#navigation ul li:hover ul li a{
	float:left;
	background:none;
	color:#fff;
}
#navigation ul li ul li a:hover{
	background:none;
}
#navigation ul li.hover ul li a:hover,
#navigation ul li:hover ul li a:hover{
	background:#A4C233;
}
.texte-borderleft{
	padding: 0 0 10px 10px;
	border-left: 1px solid #cccccc;
	margin: 0 0 10px 10px;
}
a.linkedit{
	position: absolute;
	background: url('../images/icons/edit.gif');
	padding: 0;
	width: 14px;
	height: 16px;
	text-indent: -9999px;
	color: transparent;
	
}
a.fichierjoint{
	background: url('../images/icons/piecejointe.jpg') no-repeat;
	padding: 0px 0 3px 20px;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin: 15px 0 5px 0;
	float: left;
}
a.fichierjoint:hover{
	text-decoration: underline;
}
.connect{
	height: 16px;
	background: #afcb52;
	text-align: right;
	width:780px;
	padding: 2px 10px;
	margin:0 auto;
	color: #666;
	
}
.connect a{
	color: #666;
	font-weight: normal;
}
.connect div{
	float: right;
	margin: 3px 0 0;
}
.connect .ok{
	color: #666;
	float: right;
	font-weight: bold;
	height: 17px;
	line-height: 11px;
	vertical-align: top;
	padding: 0px;
	font-size: 10px;
	border: 1px solid #666;
	margin: 0 3px;
	
}
.connect .input{
	color: #666;
	float: right;
	font-weight: normal;
	height: 16px;
	border: 1px solid #666;
	margin: 0 3px;
	padding: 0;
}
#gallery{
	float: left;
	width: 250px;
	margin: 8px 0 6px;
}
#gallery .frame{
	float: left;
	margin: 5px;
	padding: 0px;
	height: 75px;
	width: 60px;

}
#gallery .thumb{
	width: 56px;
	height: 56px;
	overflow:hidden;
	border: 2px solid #ccc;
}
#gallery a{
	width: 60px;
	text-align: center;
	margin: 0 0 0 5px;
	cursor: pointer;
}
.highslide-gallery{
	height: 80px;
	float: left;
	clear: left;
}