@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	/* background-image: url(../images/2011-body-background.gif); */
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../images/2016-body-header.png);
}

#body_container{
	width:100%;
	background-attachment: scroll;
	/*background-image: url(../images/2011-body-header.gif);*/
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
}

.title2 {
	margin-top:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #313131;
	background-attachment: scroll;
	background-image: url(../images/2011-separation.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height:45px;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

p td th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #313131;
}

a:link {
	outline:none;
	color:#279824;
}

a:visited {
	outline:none;
	color:#279824;
}

a:hover {
	outline:none;
	color:#175B15;
}

a:active {
	outline:none;
	color:#279824;
}

.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #494b4c;
	padding-bottom: 6px;
}

/****************************************************/
/* HEADER */
/****************************************************/

#header_container {
	position: relative;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../images/2018-header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#header {
	position: relative;
	width: 100%;
	height: 208px;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	border-bottom: #b1b1b1 4px solid;
}

#header_banner {
	position: relative;
	height: 200px;
	width: 960px;
	display: inline-block;
}

#logout {
	position: absolute;
	right:-165px;
	bottom:-7px;
}

/****************************************************/
/* NAVIGATION */
/****************************************************/

#navigation_container {
	position: relative;
	width: 100%;
}

#navigation {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 52px;
	width: 1008px;
	background-attachment: scroll;
	background-image: url(../images/2011-navigation-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.btn-departements:link {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/btn-departements-n.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: relative;
	height: 32px;
	width: 260px;
	line-height: 32px;
}

.btn-departements:visited {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/btn-departements-n.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: relative;
	height: 32px;
	width: 260px;
	line-height: 32px;
}

.btn-departements:hover {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/btn-departements-h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: relative;
	height: 32px;
	width: 260px;
	line-height: 32px;
}

.btn-departements:active {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	background-attachment: scroll;
	background-image: url(../images/btn-departements-n.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: relative;
	height: 32px;
	width: 260px;
	line-height: 32px;
}

#navigation_departements {
	position:absolute;
	top:-283px;
	left:-16px;
	z-index:100000;
}

.navigation_dep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3d3d3d;
	padding-top: 23px;
	padding-left: 23px;
	padding-bottom: 15px;
}

.navigation_dep1 {
	width: 100%;
}

.navigation_dep_url:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	padding-left: 23px;
	line-height: 20px;
	display: block;
	position: relative;
	height: 20px;
	text-decoration:none;
	
}
.navigation_dep_url:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	padding-left: 23px;
	line-height: 20px;
	display: block;
	position: relative;
	height: 20px;
	text-decoration:none;
}
.navigation_dep_url:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-left: 23px;
	line-height: 20px;
	background-color: #e43c14;
	display: block;
	position: relative;
	height: 20px;
	text-decoration:none;
}
.navigation_dep_url:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 23px;
	line-height: 20px;
	background-color: #0CC;
	display: block;
	position: relative;
	height: 20px;
	text-decoration:none;
}

.navigation_dep1_url:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	padding-top:2px;
	padding-left: 23px;
	line-height: 15px;
	display: block;
	position: relative;
	height: 32px;
	text-decoration:none;
	
}
.navigation_dep1_url:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	padding-top:2px;
	padding-left: 23px;
	line-height: 15px;
	display: block;
	position: relative;
	height: 32px;
	text-decoration:none;
}
.navigation_dep1_url:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top:2px;
	padding-left: 23px;
	line-height: 15px;
	background-color: #e43c14;
	display: block;
	position: relative;
	height: 32px;
	text-decoration:none;
}
.navigation_dep1_url:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:2px;
	padding-left: 23px;
	line-height: 15px;
	background-color: #0CC;
	display: block;
	position: relative;
	height: 32px;
	text-decoration:none;
}

.retour_dep:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.retour_dep:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.retour_dep:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	font-weight:bold;
}

.retour_dep:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.navigation_droite:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	background-color: #282828;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	display:block;
}

.navigation_droite:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	background-color: #282828;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	display:block;
}

.navigation_droite:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	/* background-attachment: scroll; */
	/* background-image: url(../images/navigation-droite-h.jpg); */
	/* background-repeat: repeat-x; */
	/* background-position: left top; */
	display: block;
	background-color: #279824;
}

.navigation_droite:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	background-color: #282828;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	display:block;
}

.navigation_droite_active:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	/* background-attachment: scroll; */
	/* background-image: url(../images/navigation-droite-h.jpg); */
	/* background-repeat: repeat-x; */
	/* background-position: left top; */
	display: block;
	background-color: #279824;
}

.navigation_droite_active:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	background-attachment: scroll;
	background-image: url(../images/navigation-droite-h.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display:block;
}

.navigation_droite_active:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	/* background-attachment: scroll; */
	/* background-image: url(../images/navigation-droite-h.jpg); */
	/* background-repeat: repeat-x; */
	/* background-position: left top; */
	display: block;
	background-color: #279824;
}

.navigation_droite_active:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 40px;
	width: 265px;
	margin-bottom: 1px;
	position: relative;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	background-attachment: scroll;
	background-image: url(../images/navigation-droite-h.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display:block;
}

/****************************************************/
/* CONTENT */
/****************************************************/

#content_container {
	position: relative;
	width: 100%;
}

#content {
	position: relative;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
}

/****************************************************/
/* LOGIN */
/****************************************************/

#login {
	position: relative;
	width: 400px;
	padding: 15px;
	margin-top:100px;
	margin-left:275px;
	border: 3px solid #000;
	background-attachment: scroll;
	background-image: url(../images/2011-gradient-formulaire.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFF;
}

/****************************************************/
/* ACCUEIL */
/****************************************************/

#content_accueil {
	position: relative;
	width: 693px;
	background-attachment: scroll;
	background-image: url(../images/2011-fond-babillard.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding-bottom:30px;
}

.accueil_concours_background{
	background-attachment: scroll;
	background-image: url(../images/concours-background.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.cadre_image_2{
	background-attachment: scroll;
	background-image: url(../images/cadre_image2.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.accueil_horaire{
	margin-top: 15px;
	margin-left: 15px;
}

.accueil_concours{
	margin-top: 15px;
	margin-left: 15px;
}

/****************************************************/
/* NOUVELLES */
/****************************************************/

#news {
	position: relative;
}
#petites-annonces {
	position: relative;
	margin-top:80px;
}

.news_item_note1 {
	position: relative;
	height: 133px;
	width: 323px;
	margin-top: 10px;
	margin-left: 10px;
}

.new_item_note1_url:link {
	background-image:url(../images/2018-note1-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 133px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

.new_item_note1_url:visited {
	background-image:url(../images/2018-note1-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 133px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

.new_item_note1_url:hover {
	background-image:url(../images/2018-note1-h.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 133px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

.new_item_note1_url:active {
	background-image:url(../images/2018-note1-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 133px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}

.news_item_note2,.news_item_note3 {
	position: relative;
	height: 128px;
	width: 323px;
	margin-top: 10px;
	margin-left: 10px;
}

.new_item_note2_url:link,.new_item_note3_url:link {
	background-image:url(../images/2018-note2-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 128px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}
.new_item_note2_url.noteUnread:link {
	background-image: url(../images/2018-note2-unread.png);
	color: #fff;
}
.new_item_note2_url.noteUnread:hover {
	background-image: url(../images/2018-note2-unread-h.png);
	color: #fff;
}
.new_item_note3_url:link {
	background-image:url(../images/2018-note3-n.png);
    color: #fff;
}
.new_item_note3_url.noteUnread:link {
	background-image: url(../images/2018-note3-unread.png);
	color: #fff;
}
.new_item_note3_url.noteUnread:hover {
	background-image: url(../images/2018-note3-unread-h.png);
	color: #fff;
}
.new_item_note2_url:visited,.new_item_note3_url:visited {
	background-image:url(../images/2018-note2-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 128px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}
.new_item_note3_url:visited {
	background-image:url(../images/2018-note3-n.png);
    color: #fff;
}
.new_item_note2_url:hover,.new_item_note3_url:hover {
	background-image:url(../images/2018-note2-h.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 128px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}
.new_item_note3_url:hover {
	background-image:url(../images/2018-note3-h.png);
    color: #fff;
}
.new_item_note2_url:active,.new_item_note3_url:active {
	background-image:url(../images/2018-note2-n.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 128px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #514e2e;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}
.new_item_note3_url:active {
	background-image:url(../images/2018-note3-n.png);
    color: #fff;
}
.news_item_notePetitesAnnoncesVendre,.news_item_notePetitesAnnoncesLouer,.news_item_notePetitesAnnoncesRecherche {
	position: relative;
	height: 133px;
	width: 323px;
	margin-top: 10px;
	margin-left: 10px;
}
.news_item_notePetitesAnnoncesVendre a,.news_item_notePetitesAnnoncesLouer a,.news_item_notePetitesAnnoncesRecherche a {
	color: #ffffff;
}
.new_item_notePetitesAnnoncesVendre_url,.new_item_notePetitesAnnoncesLouer_url,.new_item_notePetitesAnnoncesRecherche_url {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
	position: relative;
	height: 133px;
	width: 303px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
}
.new_item_notePetitesAnnoncesVendre_url {
	background-image:url(../images/petites-annonces-a-vendre.png);
}
.new_item_notePetitesAnnoncesVendre_url:hover {
	background-image:url(../images/petites-annonces-a-vendreOver.png);
}
.new_item_notePetitesAnnoncesLouer_url {
	background-image:url(../images/petites-annonces-a-louer.png);
}
.new_item_notePetitesAnnoncesLouer_url:hover {
	background-image:url(../images/petites-annonces-a-louerOver.png);
}
.new_item_notePetitesAnnoncesRecherche_url {
	background-image:url(../images/petites-annonces-recherche.png);
}
.new_item_notePetitesAnnoncesRecherche_url:hover {
	background-image:url(../images/petites-annonces-rechercheOver.png);
}

/****************************************************/
/* FICHE NEWS / PROMO */
/****************************************************/

.fiche_header{
	background-attachment: scroll;
	background-image: url(../images/2011-fiche-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	width: 600px;
}

.fiche_header1{
	background-attachment: scroll;
	background-image: url(../images/2011-fiche-header1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	width: 600px;
}

.fiche_content{
	background-attachment: scroll;
	background-image: url(../images/2011-fiche-background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.fiche_footer{
	background-attachment: scroll;
	background-image: url(../images/2011-fiche-footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 88px;
	width: 600px;	
}

.vignette {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #FFF;
	display: block;
	padding: 10px;
	background-attachment: scroll;
	background-image: url(../images/2011-vignette-bck.png);
	background-repeat: repeat;
	background-position: left top;
}

/****************************************************/
/* CONCOURS */
/****************************************************/

#concours {
	padding: 15px;
	float: right;
	width: 330px;
	position: relative;
	background-color: #0FF;
	clear: right;
}

#content_concours {
	background-color:#009;
	position: relative;
	width: 100%;
	padding: 15px;
}

/****************************************************/
/* BLOG */
/****************************************************/

#content_blog {
	position: relative;
	width: 663px;
	padding-left:15px;
	padding-right:15px;
}

#blog_recherche {
	padding: 15px;
	float: right;
	width: 330px;
	position: relative;
	background-color: #0FF;
	clear: right;
}

#blog_recents {
	float: right;
	width: 280px;
	position: relative;
	clear: right;
}

#blog_recents_header {
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/2011-blog-recents-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 51px;
	width: 280px;
}

#blog_bouton{
	position: relative;
	padding-top: 7px;
	padding-left: 11px;
	height: 43px;
	width: 119px;
}

#blog_recents_content {
	position: relative;
	width: 250px;
	background-color: #50b94e;
	padding: 15px;
}

.blog_recents_url:link{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;	
}

.blog_recents_url:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;	
}

.blog_recents_url:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	text-decoration:underline;
}

.blog_recents_url:active{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;	
}

#blog_recents_footer {
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/2011-blog-recents-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	width: 280px;
	text-align: right;
}

.blog_recents_archives:link{
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	font-size: 14px;
	color: #312f2b;
	text-decoration:underline;
}

.blog_recents_archives:visited{
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	font-size: 14px;
	color: #312f2b;
	text-decoration:underline;
}

.blog_recents_archives:hover{
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	font-size: 14px;
	color: #000;
	text-decoration:underline;
}

.blog_recents_archives:active{
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	font-size: 14px;
	color: #312f2b;
	text-decoration:underline;
}

.comment_user {
	float: left;
	width: 150px;
	position: relative;
	background-color: #CCC;
	clear: both;
}

.comment_comment {
	float: left;
	width: 400px;
	position: relative;
	margin-bottom: 10px;
}

/****************************************************/
/* LIENS UTILES */
/****************************************************/

#content_links {
	position: relative;
	width: 663px;
	padding-left:15px;
	padding-right:15px;
}

/****************************************************/
/* DOCUMENTS UTILES */
/****************************************************/

#content_documents {
	position: relative;
	width: 663px;
	padding-left:15px;
	padding-right:15px;
}

/****************************************************/
/* POSTES DISPONIBLES */
/****************************************************/

#content_postes {
	position: relative;
	width: 663px;
	padding-left:15px;
	padding-right:15px;
}

/****************************************************/
/* MON COMPTE */
/****************************************************/

#content_user {
	position: relative;
	width: 627px;
	padding: 15px;
	margin-left:15px;
	margin-right:15px;
	border: 3px solid #000;
	background-attachment: scroll;
	background-image: url(../images/2011-gradient-formulaire.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFF;
}

.moncompte_label {
	background-color: #090;
	height: 25px;
	width: 200px;
	margin-bottom: 5px;
	position: relative;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	clear: both;
	float: left;
}

.moncompte_input {
	background-color: #0C0;
	height: 25px;
	width: 200px;
	margin-bottom: 5px;
	position: relative;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	float: left;
}

.moncompte_btn {
	background-color: #090;
	height: 25px;
	width: 200px;
	margin-bottom: 5px;
	position: relative;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	clear: both;
	float: left;
}

.back_form_input_1{
	background-attachment: scroll;
	background-image: url(../images/2011-form-input-bck1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 21px;
	width: 256px;
}

.back_form_input_2{
	background-attachment: scroll;
	background-image: url(../images/2011-form-input-bck2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 21px;
	width: 256px;
}

.back_form_input_3{
	background-attachment: scroll;
	background-image: url(../images/2011-form-area-bck1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 100px;
	width: 650px;
}

.form_input_1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #313131;
	position: relative;
	height: 21px;
	width: 246px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.form_area_1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #313131;
	position: relative;
	height: 90px;
	width: 630px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 10px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

.form_label{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #313131;	
}

.form_info{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #313131;
	font-style: italic;
}

.max_form_input{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	color: #313131;
	background-color: #FFF;
	border: 1px solid #000;
	padding-left: 5px;
	padding-right: 5px;
}

/****************************************************/
/* SUGGESTIONS */
/****************************************************/

#content_suggestions {
	position: relative;
	width: 663px;
	padding-left:15px;
	padding-right:15px;
}
#content_suggestions p {
    font-family: Verdana, Geneva, sans-serif;
    color: #313131;
}

/****************************************************/
/* MOT DU PRÉSIDENT */
/****************************************************/

#motpresident_container {
	float: right;
	width: 280px;
	position: relative;
	clear: right;
}

#motpresident {
	padding: 15px;
	font-family: Verdana;
	font-size: 13px;
}
/****************************************************/
/* FOOTER */
/****************************************************/

#footer {
	position: relative;
	height: 60px;
	width: 663px;
}

.button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-right: 30px;
  padding-left: 30px;
  position: relative;
  background-color:rgb(41,127,184);
  color:rgb(255,255,255);
  text-decoration: none;
  letter-spacing: 1px;
  margin-bottom: 15px;
  
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow:0px 1px 0px rgba(0,0,0,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);

  -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
    font-family: arial;
    margin-left: 18px;
}

.button span {
  position: absolute;
  left: 0;
  width: 50px;
  background-color:rgba(0,0,0,0.5);
  
  -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid  rgba(0,0,0,0.15);
}

.button:hover span, .button.active span {
  background-color:rgb(0,102,26);
  border-right: 1px solid  rgba(0,0,0,0.3);
}

.button:active {
  margin-top: 2px;
  margin-bottom: 13px;

  -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
box-shadow:0px 1px 0px rgba(255,255,255,0.5);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}
.button.red {
  background: #b72b08;
    color: #fff;
}
.unread {
	position: absolute;
	right: 13px;
	bottom: 10px;
	z-index: 1;
	background-color: #ff3b09;
	color: #fff;
	padding: 1px 5px 2px 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.news_item_note3 .unread,.news_item_note1 .unread {
	right: 1px;
	bottom: 23px;
}
#logo-header {
	background-color: rgb(255, 255, 255);
	width: 164px;
	height: 164px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	opacity: 0.92;
	margin-top: 20px;
	position: relative;
	top: 22px;
	left: 0px;
}
.catNews {
	position: absolute;
	color: #c8c8c8;
	z-index: 10;
	font-family: verdana;
	font-size: 11px;
	transform: rotate(1deg);
	left: 21px;
	top: 8px;
}
#header-social {
	padding-top: 6px;
	text-align: right;
	padding-right: 13px;
}
#header-social a {
	margin: 0 5px;
}
#header-social i {
	color: #161616;
	background-color: #fff;
	height: 39px;
	width: 39px;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
    /*color: #279824;*/
}
#header-social i:hover {
	color: #fff;
	background-color: #279824;
}
#alertScheduleContainer {
	background-color: #fff;
	position: absolute;
	top: 28px;
	left: 0;
	display: none;
	padding: 30px;
	z-index: 9000;
	padding-bottom: 15px;
	font-family: Arial;
	margin: 20px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25);
	font-size: 16px;
	line-height: 22px;
	border-radius: 8px;
}
#alertScheduleContainer #title
{
    color: #ff0000;
}
#alertScheduleContainer #btn {
	background-color: #fc3808;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 5px;
	margin-top: 10px;
	display: none;
    margin-bottom: 15px;
}
#alertScheduleContainer #btn:hover {
	background-color: #c73b06;
}
#alertScheduleContainer .label {
	font-weight: bold;
	/*cursor: pointer;
	 display: inline-block; */
	float: left;
	width: 560px;
}
#alertScheduleConfirmationWrapper {
	/* display: inline; */
	float: left;
	margin-right: 8px;
	position: relative;
	top: 2px;
}