*{
	margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body{
	font: .8em/1.3em  tahoma,verdana,arial,sans-serif;
	word-spacing: 1px;
	color: #000;
	text-align: center;
	position: relative;
	background: url(../im/layout/fdsite.png) top center no-repeat #9BB70D;
}
a, a:visited{ 
	color: #000;
	outline: none;
}
a:hover{
	text-decoration: none;
}
ul{
	list-style: none;
}
img{
	border: 0;
}
hr{
	clear: both;
	display: block;
	visibility: hidden;
	height: 1px;
}
h1, h2{
	clear: both;
	text-align: left;
	color:#E17218;
	margin: 10px 0;
	font-size: 1.6em;
	line-height: 1.3em;
}
h3{
	background: #F4F4F4;
	font-size: 1em;
	padding: 3px;
	border: 1px solid #ccc;
}
h3.sousTitre{
	padding: 0 0 0 15px;
	margin: 20px 0 5px 0;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #333;
	background: #fff url(../im/layout/puce-titre-actu.jpg) left 7px no-repeat;
	border: none;
	clear: both;
}
input, textarea, select{
	border: 1px solid #E17218;
	padding: 3px;
	vertical-align: middle;
	background: #fff;
}
textarea[disabled="disabled"], input[disabled="disabled"], .disabled {
	background: #aaa;
}
textarea{
	font: 1em/1.3em  tahoma,verdana,arial,sans-serif;
}
input:hover, textarea:hover, select:hover{
	border-color: #000;
}
/*#############################################################
#                        CLASSES                              #
#############################################################*/
.gras{
	font-weight:bold;
}
.italique{
	font-style: italic;
}
.center{
	text-align: center;
}
.rouge{
	color: #f00;
}
.orange{
	color:#E17218;
}
.gris{
	color:#bbb;
}
.vert{
	color: #96BE0D;
	font-weight: bold;
}
.grand{
	font-size:1.2em;
}
a.lienOrange{
	font-weight: bold;
	color: #E17218;
}
a.user{
	background: url(../im/layout/user.png) no-repeat 0 0;
	margin-bottom:5px;
	padding-left:20px;
	color:#E17218;
	font-weight:bold;
	text-decoration:none;
}
div.avatar{
	margin: 5px 5px 5px 0;
	float:left;
	width: 90px;
	height: 73px;
	overflow: hidden;
}
div.avatar img{
	display: block;
}
.confirmMsg{
	margin: 10px 0;
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #004ba5;
}
.confirmMsg span{
	padding-left: 22px;
	background: url(../im/layout/valid.png) 0 0 no-repeat;
}
ul.listeStd li{
	padding-left: 10px;
	background: url(../im/layout/puce.png) 0 .6em no-repeat;
}
/*Formulaires*/
form.formStandard{
	margin: 15px 0;
}
form.formStandard h6{
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight:bold;
	color:#fff;
	background: #E17218;
	text-align: center;
}
form.formStandard fieldset{
	margin-bottom: 15px;
	padding: 0 10px;
	background: #f2f2f2;
	border: 0;
}
form.formStandard legend{
	padding: 5px;
	background: #96be0d;
	font-weight: bold;
	color: #fff;
}
form.formStandard p{
	clear:both;
	vertical-align:middle;
	margin-top: 10px;
	margin-bottom: 20px;
}
form.formStandard p.half{
	width:48%;
	float:left;
	clear:none;
	margin-right:10px;
}
form.formStandard p.tier{
	width:31%;
	float:left;
	clear:none;
	margin-right:10px;
}
form.formStandard label{
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	padding-left: 18px;
	background: url(../im/layout/bullet_go.png) 0 0 no-repeat;
}
form.formStandard input, form.formStandard textarea{
	width: 588px;
}
form.formStandard input.moitie{
	width: 270px;
}
form.formStandard select{
	width: 595px;
}
form.formStandard p span{
	font-style: italic;
	color: #666;
	font-weight: normal;
}
form.formStandard p span.orange{
	font-weight: bold;
	color: #E17218;
	font-weight: normal;
}
form.formStandard p.center input{
	width: auto;
	background: #E17218;
	padding: 3px 10px 3px 30px;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
/*#############################################################
#                         LAYOUT                              #
#############################################################*/
/*CONTENANT DU SITE GLOBAL*/
div#content{
	position: relative;
	width: 970px;
	background:url(../im/layout/fd-footer.png) center bottom no-repeat #fff;
	text-align: left;
	margin: 0 auto;
	border: 1px solid #000;
	border-top: none;
	border-bottom: none;
}
/*HEADER*/
div#header{
	height:135px;
	padding: 5px 0 0 15px;
}
div#header .guadeloupe{
	float:left; 
	text-align: left;
	font-size:2em;
	font-weight:bold;
	margin-top: 10px;
}
div#header .guadeloupe a ,div#header .guadeloupe a:visited{
	color:#E17218;
	margin:-5px 5px 5px 5px;
	padding-top: 70px;
	text-decoration:none;
	display:block;
	width: 306px;
	text-align: right;
	background: url(../im/layout/logo.png) 0 0 no-repeat;
	line-height: 29px;
	font-size:1.6em;
}
div#header p.slogan { position:absolute; display:block; top:115px; left:30px; font-size:1.2em; }

/*RECHERCHE*/
form#recherche{
	position: absolute;
	top: 15px;
	left: 370px;
	width: 580px;
	padding-top: 25px;
	background: url(../im/layout/fd-recherche.png) top no-repeat #9BB70D;
}
form#recherche p{
	float: left;
	width: 190px;
	margin-bottom: 5px;
	margin-left: 12px;
}
form#recherche p label{
	display: none;
} 
form#recherche p input{
	width: 178px;
	padding: 5px;
	border-color: #E17218;
}  
form#recherche p#rechercheVille{
	width: 203px;
}
form#recherche p#rechercheVille select{
	width: 203px;
	padding: 4px 5px;
	border-color: #E17218;
}  
form#recherche p#btnRecherche{
	width: 130px;
}
form#recherche p#btnRecherche input{
	width: 130px;
	padding: 4px 4px 4px 17px;
	color: #fff;
	font-weight: bold;
	background: url(../im/layout/magnifier.png) 6px  no-repeat #E17218;
	border-color: #fff;
}
form#recherche p#btnRecherche input:hover{
	cursor: pointer;
	border-color: #000;
}
form#recherche p#btnRecherche input:active{
	color:#000;
	background-color: #fff;
}
form#recherche p span{
	display: block;
	font-size: 9px;
	margin-top: 1px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
form#recherche a{
	text-decoration: none;
}
form#recherche a:hover{
	text-decoration: underline;
}
/*PUB HEADER*/
form#recherche div#txt-pub{
	clear: both;
	display: block;
	height: 19px;
	width: 574px;
	padding: 2px;
	border: 1px solid #D4D700;
	text-align: center;
	line-height: 19px;
	background: #fff;
}
/*ONGLETS*/
div#menu{
	background:url(../im/layout/fd-onglet.png) no-repeat top left #9BB70D;
	height: 85px;
	border-top:1px solid #000;
	padding-top:10px;
}
div#menu ul#onglet{
	margin-left: 55px;
}
div#menu ul#onglet.connecte{
	margin-left: 20px;
}
div#menu ul#onglet li{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
div#menu ul#onglet li a{
   	display: block;
	height: 20px;
	float:left;
    padding: 3px 0;
	width:100px;
	text-align:center;
	color: #fff; 
	margin: 0 0 9px 10px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background-color:#9BB70D;
	border:1px solid #657909;
}
div#menu ul#onglet li a.ouvert{
	background-color:#E17218;
	border:1px solid #fff;
}
div#menu ul#onglet li a:hover{
	background-color:#E17218;
	border:1px solid #fff;
}
/*CONNEXION*/
div#menu form#connexion{
	clear: both;
	height: 24px;
	margin-left: 20px;
	background: url(../im/layout/bgConnexion.jpg) 0 0 no-repeat;
}
div#menu form#connexion p{
	line-height: 24px;
}
div#menu form#connexion p label{
	display: none;
}
div#menu form#connexion input{
	width: 120px;
	height: 18px;
	margin-right: 10px;
	border: none;

	vertical-align: top;
}
div#menu form#connexion input#login{
	margin-left: 45px;
}
div#menu form#connexion input#pass{
	margin-left: 105px;
}
div#menu form#connexion input#button2{
	padding: 2px 2px 2px 20px;
	height: 24px;
	margin: 0 0 0 20px;
	color: #fff;
	font-weight: bold;
	background: #E17218 url(../im/layout/lock.png) 8px 50% no-repeat;
	border: 1px solid #FFF;
}
div#menu form#connexion input#button2:hover{
	cursor: pointer;
	border-color: #000;
}
div#menu form#connexion input#button2:active{
	background-color: #fff;
	color: #000;
}
/*DECONNEXION*/
div#menu form#deconnexion{
	position: absolute;
	top: 150px;
	right: 30px;

}
div#menu form#deconnexion input{
	width: 116px;
	height: 26px;
	padding-left: 26px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #657909 url(../im/layout/lock.png) 8px 50% no-repeat;
	border: 0;
	color: #fff;
	font-weight: bold;
}
div#menu form#deconnexion input:hover{
	cursor: pointer;
	color: #000;
}
/*BARRE MEMBRE CONNECTE*/
div#menu ul.userbar{
	clear:both;
	margin-left:20px;
	color: #fff;
	font-weight:bold;
	height: 25px;
	float: left;
	line-height: 25px;
}
div#menu ul.userbar li{
	padding-left: 20px;
	float:left;
	margin-right: 15px;
}
div#menu ul.userbar li.login{
	font-size:1.2em;
}
div#menu ul.userbar li.coconews{
	background:transparent url(../im/layout/cocotiers.png) no-repeat 0 50%;
}
div#menu ul.userbar li.infosperso{
	background:transparent url(../im/layout/user_edi.png) no-repeat 0 50%;
}
div#menu ul.userbar li.profil{
	background:transparent url(../im/layout/vcard.png) no-repeat 0 50%;
}
div#menu ul.userbar li.mail{
	background:transparent url(../im/layout/email.png) no-repeat 0 50%;
}
div#menu ul.userbar li.newMsg a{
	font-weight: bold;
	text-decoration: blink;
}
div#menu ul.userbar li.mon_agenda{
	background:transparent url(../im/layout/date.png) no-repeat 0 50%;
}
div#menu ul.userbar li.mes_avis{
	background:transparent url(../im/layout/user_comment.png) no-repeat 0 50%;
}
div#menu ul.userbar li.mes_photos{
	background:transparent url(../im/layout/photos.png) no-repeat 0 50%;
}
div#menu ul.userbar li.fav{
	background:transparent url(../im/layout/heart.png) no-repeat 0 50%;
}
div#menu ul.userbar li.amis{
	background:transparent url(../im/layout/user_gre.png) no-repeat 0 50%;
}
div#menu ul.userbar li.groupes{
	background:transparent url(../im/layout/group.png) no-repeat 0 50%;
}
div#menu ul.userbar li.monBlog{
	background:transparent url(../im/layout/cat_edit.png) no-repeat 0 50%;
}
div#menu ul.userbar li.privilege{
	background:transparent url(../im/layout/cadeau16.png) no-repeat 0 50%;
}
div#menu ul.userbar a{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
div#menu ul.userbar a:hover{
	text-decoration:underline;
}
/*FIL*/
p.fil{
	margin: 10px 0 10px 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
/*MENU DROIT*/
div#droite{
	float: right;
	display: inline;
	margin-right: 15px;
	width: 300px;
	overflow: hidden;
}
/*Ajouter une fiche*/
div#droite a#ajouter_fiche{
	display: block;
	width: 300px;
	height: 70px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/ajouterFiche.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#ajouter_fiche:hover{
	background-position: 0 -70px;
}
/*Ajouter un evenement*/
div#droite a#ajouter_evenement{
	display: block;
	width: 300px;
	height: 70px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/ajouterEvenement.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#ajouter_evenement:hover{
	background-position: 0 -70px;
}
/*Inscription*/
div#droite a.inscription{
	display: block;
	width: 300px;
	height: 99px;
	margin-bottom: 15px;
	text-indent: -5000px;
	background: url(../im/layout/je-m-inscris.png) 0 0;
}
div#droite a.inscription:hover{
	background-position: 0 -99px;
}
/*Rejoindre groupe*/
div#droite a#joinGroup{
	display: block;
	width: 300px;
	height: 70px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/joinGroup.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#joinGroup:hover{
	background-position: 0 -70px;
}
/*rssActus*/
div#droite a#rssActu{
	display: block;
	width: 300px;
	height: 40px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/rssActu.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#rssActu:hover{
	background-position: 0 -40px;
}
/*bouton publi-annonce*/
div#droite a#publiAnnonce{
	display: block;
	width: 300px;
	height: 40px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/btnPubliAnnonce.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#publiAnnonce:hover{
	background-position: 0 -40px;
}

/*rssAgenda*/
div#droite a#rssAgenda{
	display: block;
	width: 300px;
	height: 40px;
	margin-bottom: 15px;
	background: #d4d700 url(../im/layout/rssAgenda.png) no-repeat 0 0;
	text-indent: -5000px;
}
div#droite a#rssAgenda:hover{
	background-position: 0 -40px;
}
div#droite h3{
	margin-top: 20px;
	font-size: 1.2em;
}
/*calendrier*/
div#calendarContainer{
	position: relative;
}
div#calendarContainer a#moisPrecedent{
	position: absolute;
	top: 0;
	left: 0;
}
div#calendarContainer a#moisSuivant{
	position: absolute;
	top: 0;
	right: 0;
}
/*Boites vertes*/
div#droite div.bloc-droite{
	margin: 15px 0;
	padding-bottom: 5px;
	background: #fff;
	border:1px solid #9BB70D;
}
div#droite div.bloc-droite *{
	margin: 5px;
}
div#droite div.bloc-droite p.titre-droite, div#droite div.bloc-droite h2.titre-droite{
	margin: 0 0 10px 0;
	background: #9BB70D;
	color: #fff;
	font-weight: bold;
	text-align:center;
	padding: 3px;
	font-size: 1.2em;
}
div#droite div.bloc-droite a{
	color:#E17218;
	font-weight:bold;
	text-decoration:none;
}
div#droite div.bloc-droite a:hover{
	text-decoration: underline;
}
div#droite div.bloc-droite p.lienBas{
	clear: both;
	padding-top: 3px;
	border-top: 1px dotted #96be0d;
}
div#droite div.bloc-droite p.lienBas a{
	padding-left: 20px;
	color: #96be0d;
	background: url(../im/layout/control_fastforward.png) 0 0 no-repeat;
}
/*CONTENU*/
div#contenu{
	width: 615px;
	float: left;
	display: inline;
	margin: 0 20px;
}
/*FOOTER*/
div#footer{
	clear: both;
	height:132px;
}
div#footer dl{
	float:left;
	display: inline;
	margin:150px 40px 10px 40px;
	height: 160px;
	padding: 5px;
	width: 230px;
	border: 1px solid #CCC;
	background-color: #F7F7F7;
}
div#footer dl dt {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
div#footer dl dd{
	margin-left: 10px;
	margin-bottom: 2px;
	color: #666;
}
div#footer dl dd a{
	text-decoration: none;
	color: #666;
}
div#footer dl dd a:hover{
	text-decoration: underline;
}
/*NUMEROTATION*/
#pageNav{
	margin-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	clear: both;
}
#pageNav span{
	padding: 3px 8px 3px 8px;
	border: 1px solid #96BE0D;
	color: #fff;
	background: #96BE0D;
	margin-right:5px;
}
#pageNav a{
	color: #000;
	text-decoration: none;
	padding: 3px 8px 3px 8px;
	border: 1px solid #E17218;
	margin-right:5px;
}
#pageNav a:hover{
	background: #E17218;
	color: #FFF;
}

div#droite div.bloc-droite div#nav{
	margin-top:5px;
}
div#droite div.bloc-droite div#nav a{
	font-size:0.9em;
	color: #333;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border: 1px solid #E17218;
	margin-right:5px;
	color:#000;
}
div#droite div.bloc-droite div#nav a.activeSlide{
	padding: 2px 5px 2px 5px;
	border: 1px solid #96BE0D;
	color: #fff;
	background: #96BE0D;
	margin-right:5px;
}
div#droite div.bloc-droite div#nav a:hover{
	background: #E17218;
	color: #FFF;
}
/*#############################################################
#                        CONTENU                              #
#############################################################*/
/*####################
#      ACCUEIL       #
####################*/
/*Cadre avec les avis des membres + les categories du guide*/
div#accueil-membres{
	background: #F7F7F2;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
div#accueil-membres p{
	margin: 5px 10px;
	font-size: 1.2em;
	clear: both;
}
div#accueil-membres p span{
	color: #E17218;
	font-weight: bold;
}
div#accueil-membres ul#derniersAvis li{
	float: left;
	display: inline;
	height: 60px;
	font-size:.7em;
	margin: 10px 0 0 10px;
	width: 191px;
	background: #ececed;
	overflow: hidden;
}
div#accueil-membres ul#derniersAvis li img{
	display: block;
	float: left;
	margin-right: 5px;
}
/*Categories du guide*/
div#accueil-membres div#cat ul.cat{
	margin:5px;
} 
div#accueil-membres div#cat ul.cat li{
	height: 25px;
	width: 142px;
	line-height: 25px;
	font-size:1em;
	margin:5px 0 5px 5px;
	float: left;
}  
div#accueil-membres div#cat ul.cat li a{
	padding-left: 30px;
	display: block;
	width: 112px;
	text-decoration: none;
}
div#accueil-membres div#cat ul.cat  li a.tourisme{
	background: url(../im/layout/guide-tourisme.png)  no-repeat;
} 
div#accueil-membres div#cat ul.cat  li a.avion{
	background: url(../im/layout/guide-avion.png)  no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.shopping{
	background: url(../im/layout/guide-shopping.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.sortir{
	background: url(../im/layout/guide-bar.png) no-repeat;
} 

div#accueil-membres div#cat ul.cat li a.culture{
	background: url(../im/layout/guide-culture.png) no-repeat;
} 

div#accueil-membres div#cat ul.cat li a.services-pro{
	background: url(../im/layout/guide-services-pro.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.restaurant{
	background: url(../im/layout/guide-restaurant.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.alimentation{
	background: url(../im/layout/guide-alimentation.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.artisans{
	background: url(../im/layout/guide-artisans2.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.transport{
	background: url(../im/layout/guide-transport.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.sport{
	background: url(../im/layout/guide-sport.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.forme{
	background: url(../im/layout/guide-forme.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.formation{
	background: url(../im/layout/video-proj.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.droit-finance{
	background: url(../im/layout/droit-finance.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.animaux{
	background: url(../im/layout/animaux.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.enfant{
	background: url(../im/layout/enfant.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a.servicep{
	background: url(../im/layout/servicep2.png) no-repeat;
} 
div#accueil-membres div#cat ul.cat li a:hover{
	color: #E17218;
	background-color: #fff;
}
/*Modifier les categories*/
div#accueil-membres div#cat p#modifCat{
	clear: both;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 5px;
	border-top: 1px dashed #ccc;
}
div#accueil-membres div#cat p#modifCat span{
	color:#E17218;
	cursor: pointer;
	padding-left: 20px;
}
div#accueil-membres div#cat p#modifCat select{
	padding: 0;
	width: 150px;
}
div#accueil-membres div#cat p#modifCat span.modif_cat{
	color:#E17218;
	cursor: pointer;
	padding-left: 20px;
	background:url(../im/layout/cat_edit.png) no-repeat 0 50%;
	cursor: default;
}
div#accueil-membres div#cat p#modifCat span.ajouter_cat{
	color:#E17218;
	cursor: pointer;
	padding-left: 20px;
	background:url(../im/layout/add.png) no-repeat 0 50%;
}
div#accueil-membres div#cat p#modifCat span.ajouter_cat:hover{
	text-decoration: underline;
}
/*Actualite*/
div#actualite-accueil{
	margin-top: 37px;
	padding: 10px;
	border: 1px solid #E17218;
	z-index: 10;
	position: relative;
}
div#actualite-accueil ul{
	margin-top: -34px;
	height: 24px;
}
div#actualite-accueil ul li{
	float: left;
	margin-right: 10px;
}
div#actualite-accueil ul li a{
   	display: block;
	float: left;
	height: 20px; 
    padding: 1px 8px;
	text-align: center;
	color: #fff; 
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background: #E17218;
	border: 1px solid #E17218;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
div#actualite-accueil ul li a.ouvert{
	background: #FFF ;
	color: #000;
	border: 1px solid #E17218;
	border-bottom-color: #FFF;
}
div#actualite-accueil ul li a:hover{
   	color: #000;
	background:#FFF;
}
/*Toute l'actualite de la Guadeloupe*/
div#bloc_actu_coconews img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
/*Actu coconews*/
div.blog p{
	font-size: .9em;
}
div.blog hr{
	margin: 15px 0;
}
div.blog p.info-blog{
	background: url(../im/layout/calendar_view_day.png) 15px 2px no-repeat;
	padding: 3px 3px 3px 35px; 
	margin: 5px 0 10px 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #CCC;
	color:#666;
}
div.blog p.info-blog a{
	padding-left: 20px;
	padding-bottom: 3px;
	line-height: 19px;
	margin-left: 15px;
	color:#666;
	text-decoration:none;
}
div.blog div.txt_actu img{
	margin:0 5px 5px 5px;
}
div.blog p.info-blog a.dossier{
	background: url(../im/layout/folder.png) no-repeat;
}
div.blog p.info-blog a.commentaire{
	background: url(../im/layout/comments.png) no-repeat;
}
div.blog p.info-blog a.aj-commentaire {
	background: url(../im/layout/comments_add.png) no-repeat;
}
div.blog p.info-blog a:hover{
	color:#F48801;
}
div.blog p.tag{
	position: relative;
	clear:both;
	margin: 10px 0;
	padding-top: 3px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px dashed #ccc;
}
div.blog p.tag a{
	text-decoration: none;
	color: #666;
	padding-left: 20px;
	margin-right: 5px;
	padding-bottom: 3px;
	line-height: 19px;
	background: url(../im/layout/tag_yellow.png) 0 2px no-repeat;
}
div.blog p.tag a.suite{
	position: absolute;
	right: 0;
	top: 3px;
	color: #96BE0D;
	font-size: 1.1em;
	background: url(../im/layout/add.png) no-repeat;
	padding-left: 20px;
	font-weight:bold;
}
div.blog p.tag a:hover{
	text-decoration: underline;
}
div.blog p.tag a.suite:hover{
	color: #F48801;
	text-decoration: none;
}
div.blog p.mp3{
	clear: both;
	margin-top:20px;
	width: 580px;
	height: 37px;
	padding-bottom: 7px;
	padding-left: 40px;
	line-height: 33px;
	font-weight: bold;
	background: url(../im/layout/sonActu.png) no-repeat;
}
div.blog p.mp3 object{
	vertical-align: middle;
}
div.blog div.video{
	margin-top:20px;
	text-align: center;
}
div.guide div.video{
	margin-top:20px;
	text-align: center;
	margin-bottom:15px;
}
/*Actu guadeloupe*/
div#actualite-accueil dl dd{
	padding-left:55px;
	height: 25px;
	line-height: 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}
div#actualite-accueil dl dd.bg{
	background-color: #EEFAB8;
}
div#actualite-accueil dl dd a{
	text-decoration:none;
}
div#actualite-accueil dl dd a:hover{
	text-decoration: underline;
}
/*Agenda guadeloupe*/
div#actualite-accueil hr.agenda{
	margin: 7px 0;
}
div#actualite-accueil h4{
	margin-bottom: 10px;
	margin-left: 125px;
	font-size: 1.2em;
}
div#actualite-accueil h4 a{
	text-decoration:none;
}
div#actualite-accueil h4 a:hover{
	text-decoration:underline;
}
div#actualite-accueil span.date-agenda{
	background:url(../im/layout/date.png) no-repeat;
	padding-left:20px;
}
div#actualite-accueil span.lieu-agenda{
	background: url(../im/layout/map.png) no-repeat;
	padding-left:20px;
	margin-left:10px;
}
div#actualite-accueil span.lieu-agenda a{
	text-decoration:none;
	color: #E17218;
	font-weight: bold;
}
div#actualite-accueil span.lieu-agenda a:hover{
	text-decoration: underline;
}
div#actualite-accueil p.txt-agenda{
	margin-top: 5px;
	padding-top: 3px;
	margin-left: 125px;
	border-top: 1px dashed #ccc;
}
/*Fermeture du cadre actualite avec lien toutes les actualites*/
a.actualite-accueil-fin{
	display: block;
	margin-top: 10px;
	height:37px;
	padding-bottom: 7px;
	line-height: 37px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #E17218;
	font-size:1.5em;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
a.actualite-accueil-fin:hover{
	color:#000;
	background-position: 0 -44px;
}
/*####################
#       GUIDE        #
####################*/
/*Sous-categories*/
div#cat ul.ss-cat{
	margin:5px 5px 15px 5px;
} 
div#cat ul.ss-cat li{
	height:18px;
	width:195px;
	margin: 5px 0 5px 5px;
	font-size: 1em;
	float: left;
} 
div#cat ul.ss-cat li a {
	display: block;
	padding-left: 20px;
	width: 180px;
	background: url(../im/layout/bullet_go.png) no-repeat;
	text-decoration:none;
} 
div#cat ul.ss-cat li a:hover{
	color:#E17218;
	background-color: #fff;
}
/*Modification, ajout*/
div#bloc_modif{
	display:none;
	clear:both;
}
div#bloc_modif form{
	border: 1px solid #ccc;
}
div#bloc_modif form p{
	margin-left: 7px;
}
/*Filtre*/
div#tri-guide{
	font-weight:bold;
	margin:15px 0; 
	text-align:right;
}
div#tri-guide select{
	margin-left: 2px;
	border-color: #ccc;
	width:200px;
}
/*Boites*/
div.guide{
	border: 1px solid #CCC;
	padding: 5px;
	margin: 15px 0;
	position: relative;
}
div.sponso{
	border: 1px solid #E17218;
	background-color:#fee8d2;
}
div.guide h3{
	padding-right: 110px;
}
div.sponso h3{
	padding-right:110px;
	border:none;
	background-color:#E17218;
}
div.sponso h3 a{
	color:#fff;
}
div.guide a{
	text-decoration:none;
}
div.guide a:hover{
	text-decoration:underline;
}
div.guide:hover{
	border: 1px solid #E17218;
}
div.guide p.file-guide a{
	font-size: .75em;
}
div.guide img{
	margin: 5px 5px 0 0;
	float:left;
}
div.guide p.adresse{
	background: url(../im/layout/house.png) no-repeat;
	margin: 3px 0 3px 125px;
	padding-left: 20px;
	width: 458px;
}
div.guide p.lieuEvenmt{
	background: url(../im/layout/map.png) no-repeat;
	margin: 3px 0 3px 125px;
	padding-left: 20px;
	width: 458px;
}
div.guide p.date{
	background: url(../im/layout/date.png) no-repeat;
	margin: 3px 0 3px 125px;
	padding-left: 20px;
	width: 458px;
}
div.guide p.user{
	font-size:.9em;
	margin:7px 0 0 125px;
	color:#999;
}
div.guide p.duplique{
	text-align:right;
}
div.guide p.duplique a{
	background: url(../im/layout/date_add.png) no-repeat;
	padding-left: 20px;
}
div.guide p.user a{
	color:#E17218;
	font-weight: bold;
	background: url(../im/layout/user_comment.png) no-repeat;
	padding-left: 20px;
}
div.guide p.user a:hover{
	color:#E17218;
}
div.guide p.description{
	font-size: .9em;
	margin: 5px 0 0 125px;
}
div.guide p.description a:hover{
	text-decoration:none;
}
div.guide p.nbreavis{
	padding-left:20px;
	background:url(../im/layout/comments.png) no-repeat;
	float: right;
	margin-top: 4px;
}
div.guide p.note-guide{
	position: absolute;
	right: 5px;
	top: 4px;
}
div.guide p.lienSponso {
	position: absolute;
	right: 10px;
	top:9px;
	color:#ff0;
	font-weight:bold;	
}
div.guide p.nbreavis a{
	font-weight: bold;
	color: #E17218;
}
div.guide a.lienSupport {
	padding-left:20px;
	background: url(../im/layout/magnifier.png) no-repeat;
}
div.guide a.lienRepondre {
	padding-left:20px;
	background: url(../im/layout/accept.png) no-repeat;
}
/*Pubs*/
div.pub-guide{
	padding:5px;
	margin:15px 0;
	text-align:center;
	border: 1px solid #ccc;
}
div.pub-guide:hover{
	border-color: #E17218;
}
/*####################
#      AGENDA        #
####################*/
div.agenda h3{
	padding-right: 3px;
}
div.agenda span.jyvais{
	float: right;
	margin-top: -1.75em;
	padding-left:20px;
	background: url(../im/layout/group.png) no-repeat;
	font-weight: bold;
	font-size: .9em;
}
div.agenda p.description{
	margin-top: 10px;
	padding-top: 3px;
	border-top: 1px dashed #ccc;
}
div.agenda p#reservation{
	margin: 10px 0 10px 125px;
	padding-top: 3px;
	padding-left:18px;
	border-top: 1px dashed #ccc;
	background: url(../im/layout/information.png) 0 3px no-repeat;
	font-weight: bold;
}
div.agenda p.lien{
	margin-left: 125px;
	padding-left:18px;
	background: url(../im/layout/link.png) no-repeat;
	color:#999;
}
div.agenda p#tarifs{
	margin-left: 125px;
	padding-left:18px;
	background: url(../im/layout/coins.png) no-repeat;
	font-weight: bold;
}
div.agenda p#reservation span, div.agenda p#tarifs span{
	font-weight: normal;
	font-style: italic;
}
/*####################
#       FICHE        #
####################*/
/*Liste gauche*/
ul#presentation-guide{
	border: 1px solid #CCC;
	padding: 5px;
	margin:0 15px 15px 0;
	float:left;
	width:406px;
}
ul#presentation-guide li{
	margin:5px 0;
	padding-left:20px;
}
ul#presentation-guide li.note{
	padding-left: 0;
}
ul#presentation-guide li.note img{
	margin: 0 1px;
}
ul#presentation-guide li.adresse{
	background:url(../im/layout/house.png) no-repeat;
}
ul#presentation-guide li.tel{
	background:url(../im/layout/phone.png) no-repeat;
}
ul#presentation-guide li.site{
	background: url(../im/layout/world_link.png) no-repeat;
}
ul#presentation-guide li.mail{
	background: url(../im/layout/email.png) no-repeat;
}
ul#presentation-guide li.horaire{
	background: url(../im/layout/clock.png) no-repeat;
}
ul#presentation-guide li.tarif{
	background: url(../im/layout/coins.png) no-repeat;
}
ul#presentation-guide li.autre{
	background: url(../im/layout/bullet_go.png) no-repeat;
}
ul#presentation-guide li.proposer-par{
	background: url(../im/layout/user_comment.png) no-repeat;
}
ul#presentation-guide li.liens{
	text-align: right;
	padding-top: 3px;
	padding-left: 0;
	margin: 10px 0 0 0;
	border-top: 1px dashed #ccc;
}
ul#presentation-guide li a{
	text-decoration: none;
}
ul#presentation-guide li a:hover{
	text-decoration:underline;
}
ul#presentation-guide li.liens a{
	color:#E17218;
	padding-left: 20px;
	margin-left: 10px;
}
ul#presentation-guide li.liens a.edit_fiche{
	background:url(../im/layout/comment_edit.png) no-repeat 0 50%;
}
ul#presentation-guide li.liens a.suppr_fiche{
	background:url(../im/layout/page_del.png) no-repeat 0 50%;
}
/*Liste droite*/
ul#outil-guide{
	border:1px solid #CCC;
	padding:5px;
	float:right;
	width:170px;
	margin:0 0 15px 0;
}
ul#outil-guide a{
	padding-left: 20px;
	text-decoration:none;
	line-height:30px;
}
ul#outil-guide a.coeur{
	background:url(../im/layout/heart_add.png) no-repeat;
}
ul#outil-guide a.envoyer{
	background: url(../im/layout/email_go.png) no-repeat;
}
ul#outil-guide a.imprimer{
	background:url(../im/layout/printer.png) no-repeat;
}
ul#outil-guide a.facebook{
	background: url(../im/layout/facebook-icon.png) no-repeat;
}
ul#outil-guide a.rss{
	background: url(../im/layout/feed.png) no-repeat;
}
ul#outil-guide a.avis{
	background: url(../im/layout/comments_add.png) no-repeat;
}
ul#outil-guide a.out-jyvais {
	background:url(../im/layout/group_go.png) no-repeat;
}
ul#outil-guide a.achat {
	background:url(../im/layout/images.png) no-repeat;
}
}
ul#outil-guide a:hover{
	text-decoration:underline;
}
/*Editer la fiche*/
div#modif_fiche{
	display:none;
	clear:both;
}
div#modif_fiche form p{
	margin-left: 7px;
}
/*Caroussel*/
div#g-photos{
	border: 1px solid #CCC;
	padding: 15px 5px 0 5px;
	margin: 15px 0;
	clear:both;
	text-align:center;
}
div#g-photos img{
	margin:2px 5px;
}

div#g-photos p{
	text-align: center;
	margin: 65px 0 57px 0;
	color: #f00;
}
div#g-photos p.liensPhoto{
	text-align: right;
	padding-top: 3px;
	border-top: 1px dashed #ccc;
	margin: 0;
}
div#g-photos p.liensPhoto a{
	color:#E17218;
	text-decoration:none;
	padding-left: 20px;
}
div#g-photos p.liensPhoto a.suppr_photo{
	margin-right: 10px;
	background:url(../im/layout/image_del.png) no-repeat;
}
div#g-photos p.liensPhoto a.add-photos{
	background: url(../im/layout/image_add.png) no-repeat;
}
div#g-photos p.liensPhoto a:hover{
	text-decoration:underline;
}
/*Suppression des photos*/
div#suppr_photos{
	display: none;
	margin-top: 5px;
	width: 603px;
	border: 1px solid #E17218;
	padding: 5px;
	margin-bottom: 15px;
}
div#suppr_photos h6{
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	background: #E17218;
	padding: 5px;
	margin-bottom: 5px;
}
div#suppr_photos ul li{
	width: 50%;
	height: 121px;
	float: left;
}
div#suppr_photos ul li.gris{
	background:#f7f7f7;
	cursor:pointer;
}
div#suppr_photos ul li img{
	margin: 10px;
	float: left;
}
div#suppr_photos ul li span.suppr_photo_lien{
	background: url(../im/layout/image_del.png) no-repeat;
	color: #E17218;
	text-decoration:none;
	padding-left: 20px;
	line-height: 121px;
	cursor: pointer;
}
div#suppr_photos ul li span.suppr_photo_lien:hover {
	text-decoration: underline;
}
/*Avis*/
div.avis{
	border: 1px solid #CCC;
	padding:5px;
	margin-bottom:15px;
	clear:both;
}
div.avis:hover{
	border-color: #E17218;
}
div.avis p.user{
	margin: 5px 5px 1em 95px;
	color: #999;
}
div.avis p.user a{
	color: #E17218;
	font-weight: bold;
}
div.avis p.note-guide{
	margin-top: -2.2em;
	float: right;
	width: 120px;
	text-align: right;
}
div.avis p.description{
	margin-left: 95px;
}
div.avis a.coco{
	display:none;
	position:absolute;
	top: 53px;
	left: 0;
	height:53px;
	width:57px;
	background: url(../im/layout/coconut_64.png) no-repeat;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	line-height:53px;
	text-align:center;
	z-index:20;
}
div.avis p.pertinence{
	clear:both;
	margin: 10px 0 0 95px;
}
div.avis p.pertinence a.merci{
	margin-right:10px;
	padding-left: 20px;
	color: #E17218;
	background: url(../im/layout/thumb_up.png) no-repeat 0 50%;
}
div.avis p.pertinence a.stop{
	color: #E17218;
	padding-left: 20px;
	background: url(../im/layout/thumb_down.png) no-repeat 0 50%;
}
div.avis p.pertinence a.merci2{ /* POUR L'AFFICHAGE DES LIENS MERCI ET STOP LORSQUE L'UTILISATEUR N'EST PAS CONNECTE */
	margin-right:10px;
	padding-left: 20px;
	color: #E17218;
	background: url(../im/layout/thumb_up.png) no-repeat 0 50%;
}
div.avis p.pertinence a.stop2{
	color: #E17218;
	padding-left: 20px;
	background: url(../im/layout/thumb_down.png) no-repeat 0 50%;
}
div.avis p.pertinence span{
	background: url(../im/layout/delete.png) no-repeat 0 50%;
	padding-left: 20px;
	color: #f00;
}
div.avis p.note-avis{
	clear: both;
	margin: 10px 0 0 95px;
	padding-top: 3px;
	border-top: 1px dashed #ccc;
	text-align: right;
}
div.avis p.note-avis a{
	color:#E17218;
	padding-left: 20px;
	text-decoration:none;
}
div.avis p.note-avis a.edit_avis{
	background: url(../im/layout/comment_edit.png) no-repeat 0 50%;
}
div.avis p.note-avis a.suppr_comment{
	background:url(../im/layout/comment_del.png) no-repeat 0 50%;
}
div.avis p.note-avis a.suppr_video{
	background:url(../im/layout/film_del.png) no-repeat 0 50%;
}
div.avis p.note-avis a:hover{
	text-decoration: underline;
}
/*Editer un avis*/
div.avis_edit{
	display:none;
	clear:both;
}
div.avis_edit form{
	border: 1px solid #ccc;
}
div.avis_edit form p{
	margin-left: 7px;
}
/*Donner un avis*/
/*Note*/
form#post-com p{
	margin-left: 7px;
}
div#maNote{
	float: left;
	margin-left: 7px;
	margin-bottom: 10px;
	height: 26px;
	width: 320px;
	padding-left: 5px;
	line-height: 26px;
	font-weight: bold;
	background: #E17218 url(../im/layout/quelleNote.png) 0 0 no-repeat;
	color: #fff;
	position: relative;
}
div#maNote div#etoile{
	position: absolute;
	height: 26px;
	left: 6em;
	top: 5px;
}
div#maNote div#etoile div{
	margin-right: 3px;
}
div#lienAjVideo{
	float: left;
	position: relative;
	margin-left: 35px;
	height: 80px;
	width: 236px;
}
div#lienAjVideo p{
	margin-left: 0;
	margin-top: 0;
	height: 26px;
	padding-left: 5px;
	line-height: 26px;
	background:url(../im/layout/ajoutVideo.png) no-repeat;
	font-weight: bold;
}
div#lienAjVideo p a.video{
	background:url(../im/layout/film_add.png) no-repeat;
	padding-left:20px;
	text-decoration:none;
	color: #fff;
}
div#lienAjVideo p a.video:hover{
	text-decoration:underline;
}
div#lienAjVideo div#form-aj-video{
	position: absolute;
	top: 26px;
	padding: 5px;
	background: url(../im/layout/bgAjoutVideo.png) 0 100% no-repeat;
}
div#lienAjVideo div#form-aj-video p{
	margin: 0 0 27px 0;
	padding-left: 0;
	background: none;
}
div#lienAjVideo div#form-aj-video p input{
	margin-top: 2px;
	width: 218px;
	font-style: normal;
	color: #ccc;
	font-style: italic;
	border: 1px solid #ccc;
}
/*plan*/
div#droite div#plan{
	margin: 15px 0;
}
/*Coup de coeur*/
div#droite div#coups-coeur{
	margin-top:15px;
}
div#droite ul#liste_cc{
	margin-bottom:5px;
}
div#droite ul#liste_cc li.cc{
	background: transparent url(../im/layout/user-cc.png) no-repeat 0 0;
	margin-bottom:5px;
	padding-left:25px;
}
div#droite ul#liste_cc li.coeur{
	background:url(../im/layout/heart_add.png) no-repeat;
	margin-bottom:5px;
	padding-left:20px;
	color: #f00;
}
/* mon agenda */
div#droite div.bloc-droite  dl#monAgenda dt{
	background: transparent url(../im/layout/date.png) no-repeat 0 0;
	margin-bottom:5px;
	padding-left:18px;
	float:left;
	width:55px;
	clear:left;
	display:inline;
	margin-right:0;
}
div#droite dl#monAgenda dd{
	float:left;
	width:187px;
	margin-bottom:5px;
	display:inline;
}

div#droite div.bloc-droite dl#monAgenda dd a{
	margin:0;
}



/*####################
#     AJOUT FICHE    #
####################*/
form#id_ajout_fiche input.champ_suppl_ajout{
	display:none;
}
form#id_ajout_fiche fieldset.flottant{
	float: left;
	width: 280px;
	margin-right: 15px;
}
form#id_ajout_fiche fieldset.flottant input{
	width: 270px;
}
form#id_ajout_fiche fieldset#questionSecu{
	margin-right: 0;
}
form#id_ajout_fiche p.center{
	clear: both;
}
/*####################
#       ACTUS        #
####################*/
/*Editer une actu*/
form.adminActu{
	float: right;
	overflow: hidden;
}
div.blog form.adminActu input.edit_actu{
	border:none;
	padding-left:18px;
	background:url(../im/layout/cat_edit.png) no-repeat 0 50%;
	margin-right:10px;
	cursor:pointer;
	color:#E17218;
}
div.blog form.adminActu input.suppr_actu{
	border:none;
	padding-left:18px;
	background:url(../im/layout/cancel.png) no-repeat 0 50%;
	cursor:pointer;
	color:#E17218;
}
div.articleBlog img{
	max-width:500px;
}
div.blog p.publi {
	background:#fee8d2 url(../im/layout/fleche_bas.png) no-repeat 3px 50%;
	text-align:right;
	color:#E17218;
	font-weight:bold;
	padding:3px;
	margin-top:20px;
	margin-bottom:-10px;
}
a.ajNewsletter{
	background:url(../im/layout/email_go.png) no-repeat 0 50%;
	padding-left:20px;
	margin-right:10px;
	font-weight:bold;	
	float:right;
}
a.supprNewsletter{
	background:url(../im/layout/email_de.png) no-repeat 0 50%;
	padding-left:20px;
	margin-right:10px;
	font-weight:bold;
	float:right;
}
/*commentaires*/
div.blog p.infoComm{
	font-size:0.85em;
	font-weight:bold;
	background:url(../im/layout/bullet_go.png) no-repeat 0 0;
	padding-left:20px;
	margin-bottom: 5px;
}
div.blog p.commentaire{
	background:#f7f7f7;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:15px;
	margin-left: 20px;
}
div.blog form#supprCommActu{
	margin-top: 2px;
}
/*flux*/
div#droite dl#fluxweb{
	margin: 15px 0;
}
div#droite dl#fluxweb dt{
	margin: 10px 0;
	font-size:1.2em;
	font-weight:bold;
}
div#droite dl#fluxweb dd{
	padding-left:52px;
	margin-top:5px; 
	font-size:.85em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
div#droite dl#fluxweb dd a{
	text-decoration:none;
}
div#droite dl#fluxweb dd a:hover{
	text-decoration: underline;
}
/*Tags*/
div#droite ul#tags { margin:15px 0;}
div#droite ul#tags li { float:left; }
div#droite ul#tags li a { text-decoration:none; margin-right:10px; line-height:25px; color: #96be0d;}
div#droite ul#tags li a:hover { text-decoration:underline;}
div#droite ul#tags li a.tag1 { font-size: 22pt;}
div#droite ul#tags li a.tag2 { font-size: 19.1509pt;}
div#droite ul#tags li a.tag3 { font-size: 18.2351pt;}
div#droite ul#tags li a.tag4 { font-size: 17.4667pt;}
div#droite ul#tags li a.tag5 { font-size: 16.4351pt;}
div#droite ul#tags li a.tag6 { font-size: 15.5018pt;}
div#droite ul#tags li a.tag7 { font-size: 14.6175pt;}
div#droite ul#tags li a.tag8 { font-size: 13.8491pt;}
div#droite ul#tags li a.tag9 { font-size: 12.1614pt;}
div#droite ul#tags li a.tag10 { font-size: 11.47368pt;}
div#droite ul#tags li a.tag11 { font-size: 10.22807pt;}
div#droite ul#tags li a.tag12 { font-size: 9.57895pt;}
div#droite ul#tags li a.tag13 { font-size: 9.12982pt;}
div#droite ul#tags li a.tag14 { font-size: 8.63158pt;}
div#droite ul#tags li a.tag15 { font-size: 8.34035pt;}
div#droite ul#tags li a.tag16 { font-size: 8.04211pt;}
div#droite ul#tags li a.tag17 { font-size: 7.88421pt;}
div#droite ul#tags li a.tag18 { font-size: 7.58596pt;}
div#droite ul#tags li a.tag19 { font-size: 7.08421pt;}
div#droite ul#tags li a.tag20 { font-size: 6.59825pt;}
/*####################
#     GROUPES        #
####################*/
div#q-groupe{
	border: 1px solid #ccc;
	padding: 5px;
	background: url(../im/layout/fd-groupe.png) 410px 40px no-repeat;
}
div#q-groupe ul{
	margin:5px;
} 
div#q-groupe ul li{
	background: url(../im/layout/bullet_go.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
} 
div.cadre-groupe{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 15px;
}
/*####################
#    INSCRIPTION     #
####################*/
#form_inscription label{
	float:left;
	margin: 5px;
	text-align:right;
	width:220px;
	background: none;
}
#form_inscription p{
	clear:both;
	vertical-align:middle;
	margin-bottom: 10px;
}
#form_inscription input, #form_inscription textarea{
	width: 200px;
}
#form_inscription p.center input{
	width: auto;
}
#form_inscription select{
	width: 208px;
}
#form_inscription select#jour{
	width: 50px;
}
#form_inscription select#mois{
	width: 90px;
}
#form_inscription select#annee{
	width: 60px;
}
form.formStandard input.radio_check{
	width: 20px;
	border: none;
	vertical-align: middle;
	background: none;
}
#form_inscription p span{
	font-style: italic;
	color: #666;
}
#form_inscription p span.valide{
	background:url(../im/layout/valid.png) no-repeat;
	padding-left:20px;
}
#form_inscription p span.pas-valide{
	background:url(../im/layout/not-valid.png) no-repeat;
	padding-left:20px;
}
#form_inscription p input#cgu_inscri{
	margin-left: 245px;
	font-style: italic;
}
/*####################
#       PROFIL       #
####################*/
/*Cadre gauche*/
div#presentation{
	border:1px solid #ccc;
	float:left;
	margin:0 15px 15px 0;
	padding:5px;
	width:400px;
	position: relative;
}
div#presentation h3{
	background-image: url(../im/layout/information.png);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 23px;
	margin-bottom: 10px;
}
div#presentation div.avatar{
	float: right;
	margin-top: 40px;
}
div#presentation div.avatar img#avatar{
	margin-top: 0;
}
div#presentation a.coco{
	background:url(../im/layout/coconut_64.png) no-repeat;
	display:none;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	height:53px;
	line-height:48px;
	text-align:center;
	width:53px;
	z-index:20px;
	position:absolute;
	top: 90px;
	right: 48px;
}
div#presentation ul.stats{
	margin-left:5px;
	line-height:1.5em;
}
div#presentation ul.stats li{
	background:url(../im/layout/bullet_go.png) no-repeat 0 50%;
	padding-left: 20px;
}

div#presentation ul.stats li img.star{
	float: none;
	vertical-align: top;
}
/*Liens pour les details du profil (avis, photos, favoris, amis, groupes) */
div.bloc-droite a.mes_avis{
	background:transparent url(../im/layout/user_comment.png) no-repeat 0 50%;
	padding-left:20px;
}
div.bloc-droite a.mes_photos{
	background:transparent url(../im/layout/photos.png) no-repeat 0 50%;
	padding-left:20px;
}
div.bloc-droite a.fav{
	background:transparent url(../im/layout/heart.png) no-repeat 0 50%;
	padding-left:20px;
}
div.bloc-droite a.amis{
	background:transparent url(../im/layout/user_gre.png) no-repeat 0 50%;
	padding-left:20px;
}
div.bloc-droite a.groupes{
	background:transparent url(../im/layout/group.png) no-repeat 0 50%;
	padding-left:20px;
}
p a#edit_profil{
	padding-left: 20px;
	margin-right: 15px;
	background:transparent url(../im/layout/user_edi.png) no-repeat 0 50%;
	text-decoration:none;
	margin-bottom:5px;
}
/*Cadre droit*/
ul#outil-membre{
	border:1px solid #ccc;
	float:right;
	padding:5px;
	width:170px;
	line-height: 2em;
}
ul#outil-membre a{
	padding-left:20px;
	text-decoration:none;
}
ul#outil-membre a:hover{
	text-decoration:underline;
}
ul#outil-membre a.amis{
	background:transparent url(../im/layout/user_gre.png) no-repeat 0 0;
}
ul#outil-membre a.blog{
	background:transparent url(../im/layout/cat_edit.png) no-repeat 0 0;
}
ul#outil-membre a.mail{
	background:transparent url(../im/layout/email.png) no-repeat 0 0;
}
ul#outil-membre a.avatar{
	background:transparent url(../im/layout/user.png) no-repeat 0 0;
}
h2 a.lienModifierProfil{
	text-align: left;
	display: block;
	height: 60px;
	line-height: 60px;
	padding-left: 70px;
	background:transparent url(../im/layout/titreEditProfil.png) no-repeat 0 0;
}
h2 a.lienVoirProfil{
	text-align: left;
	display: block;
	height: 60px;
	line-height: 60px;
	padding-left: 70px;
	background:transparent url(../im/layout/titreVoirProfil.png) no-repeat 0 0;
}
/*Avis*/
div.avis a{
	text-decoration:underline;
}
div.avis a:hover{
	text-decoration:none;
}
div.avis p.file-guide a{
	font-size: .75em;
}
div.avis div.video{
	margin-left: 95px;
}
/*Colonne*/
.galerie-membre{/*photos*/
	height:300px;
}
.galerie-membre img{
	padding:15px;
}
ul#liste-amis li.un_ami{/*amis*/
	background: transparent url(../im/layout/user.png) no-repeat 0 0;
	margin-bottom: 5px;
	padding-left: 20px;
}
/*####################
#     MESSAGERIE     #
####################*/
p#box{
	padding: 5px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
p#box a{
	text-decoration: none;
	padding-left:20px;
}
p#box a.inbox{
	background:url(../im/layout/inbox.png) 0 50% no-repeat;
}
p#box a.outbox{
	position: absolute;
	background:url(../im/layout/outbox.png) 0 50% no-repeat;
	right: 0;
}
p#box a:hover{
	text-decoration: underline;
}
/*Boite de reception*/
div#boite-reception{
	border-top:1px solid #CCC;
	margin-bottom: 20px;
}
div#boite-reception p{
	clear:both;
}
div#boite-reception ul#liste-msg{
	width:613px;
}
ul#liste-msg li{
	height: 25px;
	padding: 3px 0;
	float: left;
	border-bottom: 1px solid #ccc;
	line-height: 25px;
	overflow: hidden;
	background-color: #fff;
}
ul#liste-msg li.survol{
	background-color: #f7f7f7;
}
ul#liste-msg li.from{
	width: 80px;
	color:#E17218;
	font-weight:bold;
	padding-left: 20px;
	background-image: url(../im/layout/user.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}
ul#liste-msg li.objet{
	width:383px;
	background-image: url(../im/layout/email.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:20px;
	cursor:pointer;
}
ul#liste-msg li.objet-ouvert{
	width:383px;
	background-image: url(../im/layout/email-open.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:20px;
	cursor:pointer;
}
ul#liste-msg li.date-msg{
	width:90px;
	color:#999;
	font-size:.7em;
	background-image:url(../im/layout/date.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left:20px;
}
ul#liste-msg li.date-msg a img{
	margin-left: 8px;
	vertical-align: middle;
}
/*Lire un message*/
div#lire-message{
	background:#fff;
	border:1px solid #ccc;
	margin: 10px 0 20px 0;
	display:none;
}
div#lire-message div#infoMsg{
	background: #f2f2f2;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
div#lire-message div#infoMsg h4{
	font-weight: normal;
	margin-bottom: 5px;
}
div#lire-message div#infoMsg p.date-message{
	background:url(../im/layout/date.png) no-repeat 0 50%;
	padding-left:20px;
	border-bottom: none;
	float:right;
	color:#999;
	font-size: .7em;
}
div#lire-message p.message{
	padding: 5px;
}
/*Envoyer un message*/
a.lien-envoi{
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
	padding: 5px 0 5px 25px;
	margin: 20px 0 10px 0;
	background: #E17218 url(../im/layout/email_go.png) 5px 50% no-repeat;
	display: block;
	clear: both;
	width: 15em;
	text-decoration: none;
	border: 1px solid #fff;
}
a.lien-envoi:hover{
	border-color: #000;
}
/*####################
#        PHOTOS      #
####################*/
ul.galerie-photo li{
	float:left;
	width:130px;
	height:155px;
	padding-top: 5px;
	margin: 5px;
	text-align:center;
	border: 1px solid #ccc;
}
ul.galerie-photo li.survol{
	background: #f7f7f7;
	border: 1px solid #E17218;
}
ul.galerie-photo li img{
	margin-bottom: 5px;
}
ul.galerie-photo li a.fiche{
	padding: 3px 0 3px 20px;
	background: url(../im/layout/page.png) 0 0 no-repeat;
	font-size: .8em;
}
/*####################
#       FAVORIS      #
####################*/
div.favorite{
	width: 295px; 
	height: 267px;
	overflow: hidden; 
	float: left; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	border:1px solid #ccc; 
	padding: 4px;
	text-align: center;
}
div.favorite h3{
	margin-bottom: 10px;
	text-align: left;
}
div.favorite p{
	text-align: left;
}
div.favorite p.nbFav {
	background:transparent url(../im/layout/user-cc.png) no-repeat;
	margin-bottom: 10px;
	padding-left:27px; 
	float:left;
}
div.favorite p.nbreavis{
	padding-left: 20px; 
	background:url(../im/layout/comments.png) no-repeat;
	float:right;
}
div.favorite p.userFav{
	margin-bottom: 5px; 
	font-size:.9em;
	color:#999; 
	clear:both;
}
div.favorite p.userFav a{
	background: url(../im/layout/user_comment.png) no-repeat;
	padding-left: 20px;
}
div.favorite p a{
	color:#E17218;
	font-weight: bold;
}
div.favorite p a:hover{
	font-weight: bold;
	color: #E17218;
}
div.favorite img{
	border: 1px solid #ccc;
	margin: 5px;
}
/*####################
#       AMIS	     #
####################*/
div.ami{
	border:1px solid #ccc;
	float:left;
	padding:4px;
	width:295px;
	position: relative;
	height:150px;
	margin:0 5px 5px 0;
}
div.bloc-droite div.ami{
	height:175px;
}
div.ami h3{
	background-image: url(../im/layout/user.png);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 23px;
	margin-bottom: 10px;
}
div.ami h3 a{
	text-decoration: none;
}
div.ami div.avatar{
	float: right;
	margin-top:0;
}
div.ami div.avatar img#avatar{
	margin-top: 0;
}
div.ami a.coco{
	background:url(../im/layout/coconut_64.png) no-repeat;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	height:53px;
	line-height:48px;
	text-align:center;display:none;
	width:53px;
	z-index:20px;
	position:absolute;
	top: 90px;
	right: 48px;
}
div.ami a.envoi-message-ami {
	background:transparent url(../im/layout/email.png) no-repeat 0 50%;
	padding-left:22px;
	text-decoration:none;
}
div.ami a.voirProfil {
	background:transparent url(../im/layout/cocotiers.png) no-repeat 5px 50%;
	padding-left:24px;
	text-decoration:none;
}
div.ami a:hover{
	text-decoration: underline;
}
div.ami p.lienUtile {
	border-bottom:1px dashed #ccc;
	width:185px;
	padding:3px;
	margin-bottom:4px;
}
div.ami p.stats {
	background:url(../im/layout/bullet_go.png) no-repeat 5px 50%;
	padding-left: 23px;
	margin-bottom: 5px;
}
div.ami p.stats a:hover{
	text-decoration: none;
}
/*En attente*/
div#amis-attente{
	border:1px solid #ccc;
	margin-bottom: 20px;
	font-weight: bold;
}
div#amis-attente a.accepter{
	display: block;
	width: 50%;
	padding: 3px 0;
	color: #96be0d;
	text-decoration: none;
	float: left;
	font-size: .9em;
}
div#amis-attente a.accepter:hover{
	background: #96be0d;
	color: #fff;
}
div#amis-attente a.refuser{
	display: block;
	width: 50%;
	padding: 3px 0;
	color: #e2001a;
	text-decoration: none;
	float: left;
	font-size: .9em;
}
div#amis-attente a.refuser:hover{
	background: #e2001a;
	color: #fff;
}
/* import de contacts */
tr.thTableDesc {
	background-color:#E17218;
	color:#fff;
	font-weight:bold;
}
tr.thTableDesc td {
	padding:5px;
}
tr.thTableOddRow {
	background-color:#fff;
	height:25px;
}
tr.thTableEvenRow{
	height:25px;
}
td.thCheckbox {
	width:80px;
}

/*####################
#       BLOG	     #
####################*/
/*colonne*/
div#droite div.bloc-droite div.profilBlog{
	position: relative;
}
div#droite div.bloc-droite div.profilBlog h3{
	margin: 0;
	margin-bottom: 10px;
	border: 0;
	background: none;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #7b9325;
	border-bottom: 1px solid #7b9325;
}
div#droite div.bloc-droite div.profilBlog h3 a{
	font-weight: bold;
	color: #7b9325;
	padding-left: 0;
}
div#droite div.bloc-droite div.profilBlog a{
	color: #E17218;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	margin: 0;
}
div#droite div.bloc-droite div.profilBlog a.voirProfil{
	background:transparent url(../im/layout/user_edi.png) no-repeat 0 50%;
}
div#droite div.bloc-droite div.profilBlog a.envoi-message-ami{
	background:transparent url(../im/layout/email.png) no-repeat 0 50%;
}
div#droite div.bloc-droite div.profilBlog p{
	margin: 0 0 5px 105px;
}
div#droite div.bloc-droite div.profilBlog p img{
	margin: 0;
}
div#droite div.bloc-droite div.profilBlog p.stats a{
	background: url(../im/layout/comments.png) no-repeat;
}
div#droite div.bloc-droite div.profilBlog div.avatar img{
	margin: 0;
}
div#droite div.bloc-droite div.profilBlog a.coco{
	position:absolute;
	top: 87px;
	left: 0;
	height:53px;display:none;
	width:57px;
	background: url(../im/layout/coconut_64.png) no-repeat;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	line-height:53px;
	text-align:center;
	z-index:20;
	color: #000;
	padding-left: 0;
}
div#droite div.bloc-droite div.profilBlog a:hover{
	text-decoration:underline;
}
div#droite div.bloc-droite div.profilBlog a.coco:hover{
	text-decoration:none;
}
/*####################
#       GROUPES      #
####################*/
form#searchGroup{
	padding: 5px;
	border: 1px solid #ccc;
}
form#searchGroup input{
	font-style: italic;
	color: #ccc;
}
form#searchGroup input.bouton{
	width: 130px;
	padding: 3px 3px 3px 17px;
	color: #fff;
	font-weight: bold;
	background: url(../im/layout/magnifier.png) 6px  no-repeat #E17218;
	border-color: #fff;
	font-size: 1em;
	font-style: normal;
}
form#searchGroup input.bouton:hover{
	cursor: pointer;
	border-color: #000;
}
form#searchGroup input.bouton:active{
	color:#000;
	background-color: #fff;
}
/*Forum*/
form.nouveauSujet{
	margin: 10px 0;
	text-align: right;
}
form.nouveauSujet input{
	height: 26px;
	padding: 0 3px 3px 20px;
	background: #E17218 url(../im/layout/comment.png) 3px 50% no-repeat;
	line-height: 15px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
table.forum{
	position: relative;
	border: 0;
	width: 615px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.forum th{
	padding: 3px;
	background: #f2f2f2;
	font-weight: bold;
}
table.forum tr:hover{
	background: #f2f2f2;
}
table.forum td{
	position: relative;
	padding: 5px 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.forum tr.dateReponse:hover{
	background: #fff;
}
table.forum tr.dateReponse td{
}
table.forum tr.dateReponse td span{
	float: right;
	padding-left: 20px;
	margin-top: -1.2em;
	font-weight: bold;
	background: url(../im/layout/date.png) 0 0 no-repeat;
}
table.forum td.fleche a{
	text-decoration: none;
}
table.forum td a.titreSujet{
	font-weight: bold;
	color: #E17218;
}
table.forum div.avatar{
	margin: 0 0 35px 0;
	z-index:10;
}
table.forum td a.coco{
	display: block;
	position: absolute;display:none;
	margin-top: 53px;
	left: 20px;
	height:53px;
	width:57px;
	background: url(../im/layout/coconut_64.png) no-repeat;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	line-height:53px;
	text-align:center;
	z-index:100;
}
table.forum td a.user:hover{
	text-decoration: underline;
}
table.forum td p.nbrMessage{
	font-weight: bold;
	font-size: .9em;
	color: #999;
}
table.forum td p.modo{
	font-size: .9em;
	color: #E17218;
}
/*Reponse*/
form.repondre{
	border: 1px solid #E17218;
	margin: 10px 0;
}
form.repondre h3{
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight:bold;
	color:#fff;
	background: #E17218;
	text-align: center;
	border: none;
}
form.repondre label{
	display: block;
	margin: 0 15px;
	font-weight: bold;
}
form.repondre textarea{
	width:575px;
	margin-top: 5px;
}
form.repondre p{
	margin: 15px 0;
}
form.repondre p.center input{
	padding:3px 10px 3px 28px;
	color:#FFF;
	font-size: 1em;
	font-weight:bold;
	background: url(../im/layout/comments_add.png) 8px no-repeat #E2001A;
	border:1px solid #E2001A;
}
form.repondre input[type="submit"]:hover{
	cursor: pointer;
	border-color: #000;
}
form.repondre input[type="submit"]:active{
	background-color: #FFF;
	color:#000;
}
/*Nouveau sujet*/
form#nouveauSujet input, form#nouveauSujet textarea{
	margin: 5px 15px 10px 15px;
	width: 575px;
}
form#nouveauSujet p.center input{
	width: 10em;
}
/*####################
#     COCONAUTES     #
####################*/
div.classement{
	margin-bottom: 20px;
}
div.amiLight{
	border:1px solid #ccc;
	float:left;
	padding:4px;
	width:140px;
	position: relative;
	height:139px;
	margin: 0 5px 5px 0;
	text-align: center;
}
div.classement div.amiLight h3{
	margin-bottom: 10px;
}
div.classement div.amiLight h3 a{
	background: url(../im/layout/user.png) 3px 50% no-repeat;
	padding-left: 23px;
}
div.amiLight a.coco{
	background:url(../im/layout/coconut_64.png) no-repeat;
	text-decoration:none;
	font-size: .85em;
	font-weight:bold;
	height:53px;
	line-height:48px;
	text-align:center;
	width:53px;
	z-index:20px;
	position:absolute;
	top: 90px;
	left: 10px;display:none;
}
div.amiLight div.avatar{
	margin-left: 25px;
}
div.amiLight div.avatar img#avatar{
	margin-top: 0;
}
/*####################
#      A PROPOS      #
####################*/
div.apropos p, div.apropos ul{
	margin-bottom: 10px;
}
div.apropos p.adresse{
	padding-top: 3px;
	padding-left: 20px;
	border-top: 1px dotted #ccc;
	background: url(../im/layout/house.png) 0 3px no-repeat;
}
div.apropos p.courriel{
	padding-left: 20px;
	background: url(../im/layout/email.png) 0 0 no-repeat;
}
div.apropos p.courriel a{
	color: #E17218;
}
/*####################
#         MUR        #
####################*/
div.mur{
	margin: 0;
	padding: 0;
	width: 615px;
	position: relative;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;
}
div.mur p{
	margin-bottom: 5px;
}
div.image{
	float: left;
	width: 90px;
	height: 90px;
	margin-bottom: 5px;
	overflow: hidden;
}
div.mur p{
	margin-left: 95px;
}
div.mur p.action{
	padding-left: 20px;
	background: url(../im/layout/time.png) 0 0 no-repeat;
}
div.mur p.photo img{
	display: block;
	margin: 0 auto;
}
/*####################
#      BANNIERES     #
####################*/
pre{
	border: 1px solid #ccc;
	background: #eee;
	padding: 5px;
	margin: 10px 0;
	overflow: auto;
	height: 60px;
	clear: both;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*####################
#     ERREUR 404     #
####################*/
div#erreur404{
	width: 270px;
	height: 210px;
	padding: 5px;
	margin: 100px 350px;
	text-align: center;
}
div#erreur404 dt{
	font-size: 3em;
	color: #E17218;
}
div#erreur404 dd{
	margin-top: 20px;
	font-weight: bold;
}
div#erreur404 dd a{
	color: #004da5;
}
div#erreur404 dd a:hover{
	text-decoration: none;
}
/*####################
#   ZONE PRIVILEGE   #
####################*/
div#privilege{
	border: 1px solid #ccc;
	padding: 5px 140px 0 5px;
	background: url(../im/layout/cadeau.png) 475px 5px no-repeat;
}
div#privilege p{
	margin-bottom: 10px;
}
div#privilege p img{
	vertical-align: middle;
	margin-bottom: 2px;
}
div.cadeau{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
}
div.cadeau img{
	float: left;
	margin-right: 5px;
}
div.cadeau p{
	margin-bottom: 10px;
}
div.cadeau p.commander{
	font-weight: bold;
	color: #ccc;
}
div.cadeau p.commander a{
	color: #E17218;
}
div.cadeau span.stock{
	padding-left: 20px;
	background: url(../im/layout/box.png) 0 0 no-repeat;
	color: #96BE0D;
}
div.cadeau span.nonDispo{
	color: #ff003a;
}
div.cadeau ul li { /* pour la liste des vainqueurs dans la gestion */
	margin-left:210px;
	background:url(../im/layout/vcard.png) no-repeat 0 50%;
	padding-left:20px;
}
/*################################################################################################################
#                                            PAGES D'ADMIN                                                       #
################################################################################################################*/
/* Bas de page d'admin */
div#footerAdmin {
	width:96%; 
	margin-left:1%; 
	margin-right:1%; 
	position:fixed; 
	bottom:0; 
	height:20px; 
	background:#fff; 
	color:#000; 
	border-left:1px solid #555;
	border-right:1px solid #555; 
	border-top:1px solid #555; 
	text-align:left; 
	z-index:21; 
	padding:3px 1%;
}
div#footerAdmin a{
	text-decoration:none;
	padding-left:20px;
	margin-right:10px;
}
div#footerAdmin a:hover{
	text-decoration:underline;
}
div#footerAdmin a.adminStats{
	background:url(../im/layout/chart_li.png) no-repeat 0 50%;
}
div#footerAdmin a.adminPub{
	background:url(../im/layout/pubAdmin.png) no-repeat 0 50%;
}
div#footerAdmin a.adminMembre{
	background:url(../im/layout/group.png) no-repeat 0 50%;
}
div#footerAdmin a.adminFiche{
	background:url(../im/layout/page.png) no-repeat 0 50%;
}
div#footerAdmin a.adminAvis{
	background:url(../im/layout/comments.png) no-repeat 0 50%;
}
div#footerAdmin a.adminNewsletter{
	background:url(../im/layout/email_go.png) no-repeat 0 50%;
}
div#footerAdmin a.adminSupport{
	background:url(../im/layout/help.png) no-repeat 0 50%;
}
div#footerAdmin a.adminPriv{
	background:url(../im/layout/cadeau16.png) no-repeat 0 50%;
}
div#footerAdmin a.adminAchat{
	background:url(../im/layout/creditcards.png) no-repeat 0 50%;
}
/**/

ul.gestionMembre a.membre{
	background:url(../im/layout/user.png) no-repeat 0 50%;
	padding-left:20px;
	width:200px;
}
ul.gestionMembre a.fiche{
	padding-left:20px;
	width:200px;
}
ul.gestionMembre li {
	width:175px;
	float:left;
	height:20px;	
	padding-left:5px;
	padding-bottom:6px;
	text-align:center;
}
ul.gestionMembre li.nomMembre {
	width:535px;
	float:none;
	clear:both;
	padding-bottom:0;
	padding-top:3px;
	text-align:left;
}
ul.gestionMembre li.alternance {
	background-color:#f7f7f7;
}
ul.gestionMembre li span.date {
	font-style:italic;
	color:#474747;
	padding-left:20px;
	background:url(../im/layout/date.png) no-repeat 0 50%;
}
ul.gestionMembre li a{
	padding-left:20px;
	text-decoration:none;
}
ul.gestionMembre li a:hover{
	text-decoration:underline;
}
ul.gestionMembre li a.supprMembre {
	background:url(../im/layout/user_del.png) no-repeat 0 50%;
}
ul.gestionMembre li a.supprAvatar {
	background:url(../im/layout/photo_del.png) no-repeat 0 50%;
}
ul.gestionMembre li a.generateMdp {
	background:url(../im/layout/key_add.png) no-repeat 0 50%;
}
ul.gestionMembre li a.voirFiche {
	background:url(../im/layout/magnifier.png) no-repeat 0 50%;
}
ul.gestionMembre li a.supprFiche {
	background:url(../im/layout/page_del.png) no-repeat 0 50%;
}
ul.gestionMembre li.deleted span {
	background:url(../im/layout/delete.png) no-repeat 0 50%;
	padding-left:20px;
	color:#FF0000;
}
/* gestion des campagnes pubs */
div.pub {
	text-align:center;
}
div.pub img {
	float:none;
}

/*####################
#     POP-UP AJAX    #
####################*/
div#shadowbox{
	border-color: #E17218;
}
body#box{
	height: 400px;
	overflow: hidden;
	background: #eee ;
	padding: 10px;
	text-align: left;
}
body#box h3.sousTitre{
	background: url(../im/layout/puce-titre-actu.jpg) left 7px no-repeat;
}
body#box p{
	margin-bottom: 10px;
}
body#box p.box{
	text-align: center;
	font-weight: bold;
}
body#box p.remarque{
	text-align: center;
	font-style: italic;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
body#box p.remarque span{
	padding-left: 20px;
	background: url(../im/layout/information.png) 0 0 no-repeat;
}
body#box form#envoi label{
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	padding-left: 18px;
	background: url(../im/layout/bullet_go.png) 0 0 no-repeat;
}
body#box form#envoi label span{
	font-style: italic;
	color: #666;
	font-weight: normal;
}
body#box form#envoi input, body#box form#envoi select, body#box form#envoi textarea{
	border:1px solid #E17218;
	padding:3px;
	width: 99%;
}
body#box form#envoi textarea{
	height: 7em;
	background:#fff ;
}
body#box form#envoi textarea:hover, body#box form#envoi select:hover, body#box form#envoi input:hover{
	border: 1px solid #000000;
}
body#box form#envoi p.center input, p.center input{
	width: auto;
	background: #E17218;
	padding: 3px 10px 3px 30px;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

div#pub span{
	line-height:25px;
}
div#pub ul li{
	line-height:20px;
}
div#pub label{
	display:block;
	float:left;
/* 	font-weight: bold; */
	padding-left: 18px;
	background: url(../im/layout/bullet_go.png) 0 0 no-repeat;
	width:350px;
}
div#pub label.large{
	float:none;
}
/** voyages **/
div#contenu form.formVoyage {
	clear:both;
}
div#contenu ul#catVoyage li {
	text-align:center;
	float:left;
	width:25%;
	height:100px;
	cursor:pointer;
	padding-top:10px;
}
div#contenu ul#catVoyage li span{
	display:block;
}
div#contenu ul#catVoyage li.open {
	background-color:#f2f2f2;
	color:#E17218;
	font-weight:bold;
}

div#droite div.bloc-droite div.ficheVoyage{
	margin-bottom:20px;
}
div#droite div.bloc-droite div.ficheVoyage h3{
	font-size:1em;
}
div#droite div.bloc-droite div.ficheVoyage h3 a{
	color:#000;
	text-indent:0;
}
div#droite div.bloc-droite a.photo {
	margin:0;
}
div#droite div.bloc-droite a.photo img {
	margin-right:10px;
	margin-top:0;
	float:left;
}
div#droite div.bloc-droite img.etoileSponsor {
	margin:0px;
}
div#droite div.bloc-droite p.note-guide {
	margin:0;
}
div#droite div.bloc-droite p.adresse {
	background:transparent url(../im/layout/house.png) no-repeat scroll 0 0;
	margin:3px 0 3px 134px;
	padding-left:20px;
	width:100px;
}
div#droite div.bloc-droite p.tarif {
	background:transparent url(../im/layout/coins.png) no-repeat scroll 0 0;
	margin:3px 0 3px 134px;
	padding-left:20px;
	width:100px;
}


