/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#515e68;
}
body{
	position:relative;
	text-align: center;
}
h2{
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
p { padding-bottom:.5em; line-height:1.3em; }
a{
	text-decoration: none;
}
em{
	color: #db00db;
	font-weight: bold;
	font-style: normal;
}
img{
	border: none;
	vertical-align: text-bottom;
}

div.spacer { clear:both; font-size:0; line-height:0; height:0; }

#qnglobal,
#qntop,
#qnfooter{
	position:relative;
	width:970px; /*785px;*/
}
#qnglobal{
	padding:0 5px;
	margin:0 auto;
}
#qntop{
	height:147px;
	background:url(../img/header_frise_730x91.jpg) right 6px no-repeat;
}
#qnsubtop { position:absolute; top:35px; right:20px; z-index:1000; }

/******** navigation ********/
#qnnav{
	position:relative;
	display:block;
	float:right;
	width:705px;
	height:52px;
	margin-top:60px;
	padding:0 10px;
	/*border-top:1px solid red; border-bottom:1px solid red;*/
}
#qnnav dt{
	display: inline;
	margin: 0;
	padding: 0;
}
#qnnav dt img{
	float: left;
}
#qnnav dt.apropos img{
	padding-left:20px;
}
/******** navigation / sous-menus ********/
#snav0,
#snav1,
#snav2,
#snav3,
#snav4,
#snav5,
#snav6{
	position: absolute;
	top: 28px;
	left: 10px;
	width:700px;
	height: 25px;
	line-height: 25px;
	display: none;
}
#qnnav ul{
	display: inline;
	background: url(../img/break-nav.gif) no-repeat right center;
}
#qnnav li{
	display: inline;
	font-size: 11px;
	font-weight: bold;
	background: url(../img/break-nav.gif) no-repeat left center;
	padding-left: 8px;
	margin-right: 8px;
}
#qnnav li a:link,
#qnnav li a:visited{
	font-weight: normal;
	font-size: 11px;
	color: #515e68;
}

/******** Login ********/
#login { float:right; width:720px; height:22px; margin-top:10px; padding:4px 0 0 10px; background:#F2F2F1 url(../img/dash.gif) left top repeat-x; }
	#login #form_login { float:left; width:500px; }

/******** bloc d'info nb utilisateurs ********/
#info{
	padding:3px 2px 0 0;
	text-align:right;
}
#info li {
	display: inline;
	background: url(../img/puce-info.gif) no-repeat left center;
	padding-left: 8px;
	margin-right: 8px;
	color: #a5a08e;
}

/******** contenu ********/
#qncontenu{
	position:relative;
	width:970px; /*785*/
	background:url(../img/dash.gif) left top repeat-x;
}
#contenu-int{
	/*padding-top:48px;*/
}
/******** contenu / homepage ********/
/******** homepage / carte ********/
#gauche{
	float: left;
	width: 695px; /*520*/
	padding-top:20px; /*border-top:1px solid red; border-bottom:1px solid red;*/
}
#contenu-int #gauche{
/*	padding-left: 45px;*/
	width: 695px; /*475*/
}
#carte{
	background: url(../img/carte_692x670.gif) no-repeat left bottom;
	width: 692px;
	height: 544px; /*470+24*/
	margin-bottom:20px;
}
#action-carte{
	/*padding: 5px 0 0 15px;*/
}
#zone-carte{
	width:670px;
	height:470px;/*370*/
	margin:6px 0 15px 7px;
	padding:0; /* hérite de la balise P */
	border:1px solid #a09d92;
}
#onglet{
	float: left;
	margin-top: 7px;
}
#onglet dt a{
	display: block;
	width: 65px;
	height: 44px;
	position: relative;
	float: left;
	margin-right: 2px;
}
#onglet dt a#qtitre1{
	left: 20px;
	z-index: 311;
	background: url(../img/qn-et-vous-off.gif) no-repeat center top;
}
#onglet dt a#qtitre1.active{
	background: url(../img/qn-et-vous-on.gif) no-repeat center top;
}
#onglet dt a#qtitre2{
	z-index: 312;
	left: 20px;
	background: url(../img/qn-mobil-off.gif) no-repeat center top;
}
#onglet dt a#qtitre2.active{
	background: url(../img/qn-mobil-on.gif) no-repeat center top;
}
#onglet em{
	display: none;
}
#onglet dd{
	clear: both;
	position: relative;
	top: -2px;
	padding-top: 22px;
	width: 174px;
	height: 138px;
	background: url(../img/legende-carte.gif) no-repeat center top;
}
#onglet ul{
	background: url(../img/dash-wide.gif) no-repeat center bottom;
}
#onglet li{
	list-style-type: none;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
}
#onglet input{
	margin-right: 5px;
}
#onglet label{
	font-weight: bold;
	padding: 5px 0 5px 20px;
}
#onglet label#label-restaurant{
	background: url(../img/picto-restaurant.gif) no-repeat left center;
}
#onglet label#label-peuplade{
	background: url(../img/picto-peuplade.gif) no-repeat left center;
}
#onglet label#label-musique{
	background: url(../img/picto-musique.gif) no-repeat left center;
}
#onglet label#label-rdv{
	background: url(../img/picto-rdv.gif) no-repeat left center;
}
#onglet label#label-fibre{
	background: url(../img/picto-fibre.gif) no-repeat left center;
}
#onglet label#label-wifi{
	background: url(../img/picto-wifi.gif) no-repeat left center;
}
#onglet label#label-wimax{
	background: url(../img/picto-wimax.gif) no-repeat left center;
}
#onglet label#label-telip{
	background: url(../img/picto-telip.gif) no-repeat left center;
}
#onglet label#label-bluetooth{
	background: url(../img/picto-bluetooth.gif) no-repeat left center;
}
#onglet li.couleur{
	background: #d8d5ca;
}
#qdesc1{
	z-index: 301;
}
#qdesc2{
	z-index: 302;
	display: none;
}

/******** homepage / bloc Services et Peuplades ********/
#service{
	background: url(../img/bloc1.gif) no-repeat right top;
	width: 510px;
	height: 107px;
}
#service dt{
	position: relative;
	width: 90px;
}
#service dt#titre1{
	top: 22px;
	background: url(../img/dash.gif) repeat-x center top;
	height: 16px;
	padding: 6px 0 4px 0;
}
#service dt#titre2{
	top: 22px;
	background: url(../img/dash.gif) repeat-x center bottom;
	height: 18px;
	padding: 4px 0 4px 0;
}
#service dt#titre1.active,
#service dt#titre2.active{
	width: 91px;
	height: 16px;
	padding: 4px 0 4px 0;
	background: #fff;
	border-top: 2px solid #d8d5ca;
	border-bottom: 2px solid #d8d5ca;
}
#service dd{
	position: relative;
	top: -38px;
	left: 100px;
	width: 420px;
}
#service dd ul{
	float: left;
	width: 190px;
	height: 10px;
	margin: 0 20px 0 0;
}
#service dd li{
	line-height: 16px;
}
#service dd li a{
	color: #515e68;
}
#service dd li a:hover,
#service dd li a:focus{
	color: #db00db;
}
#service #desc2{
	display: none;
}
/******** homepage / bloc Partenaire ********/
#partenaire{
	margin:6px auto 0;
	width:655px;
	height:40px;
}
#partenaire li{
	display: inline;
	height: 40px;
	margin-right: 12px;
}
#partenaire li.last{
	margin-right: 0;
}
#partenaire table { position:relative; display:block; }
#partenairefade { position:absolute; left:0px; top:0px; z-index:10000; width:655px; height:40px; background:url(../img/partenaires_fade_655x1.png) left top repeat-y; }
/******** homepage / bloc de droite ********/
#droite{
	float: right;
	width: 235px;
	padding-left: 10px;
	/*margin-top: 25px;*/
	padding-top:15px;
	/*padding-top: 180px;*/
	/*background: url(../img/droite-home.jpg) no-repeat right top;*//*border-top:1px solid red; border-bottom:1px solid red;*/
}
#contenu-int #droite{
	float: right;
	width: 235px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 10px;
	/*padding-top: 180px;
	background: url(../img/droite-home.jpg) no-repeat right top;*/
}
#droite dt{
	clear: both;
	background: url(../img/dash.gif) repeat-x center top;
	padding: 5px 0 8px 0;
}
#droite dt.titre-texte{
	background: none;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 3px 0;
}
#droite dd{
	margin-bottom: 5px;
}
#qnnav li,
#droite li,
#service dd li,
.outer-sommaire li,
.bloc li{
	list-style-type: none;
}
#droite li,
#droite li a{
	color: #515e68;
}
#droite li.rss{
	text-align: right;
	background: url(../img/picto-rss.gif) no-repeat right center;
	padding-right: 22px;
	margin-top: 5px;
	height: 15px;
	line-height: 15px;
}
#droite li.rss a{
	background: url(../img/arrow-pink.gif) no-repeat right center;
	padding-right: 22px;
	color: #db00db;
}
li.visu{
	float: left;
	margin: 0 8px 8px 0;
}
li.visu img,
dt.visu img{
	border: 2px solid #d8d5ca;
}
li.titre{
	margin-bottom: 3px;
}
li.titre a{
	text-transform: uppercase;
	font-weight: bold;
	color: #db00db;
}
li.vote img{
	vertical-align: top;
}
.field{
	margin: 5px 0 5px 0;
}
.field label{
	float: left;
	width: 170px;
	margin-right: 10px;
	text-align: right;
}
.field input{
	width: 35%;
}
.field select,
.field textarea{
	width: 50%;
}
.submit{
	padding-left: 180px;
}
.submit input{
	text-align: center;
}
/******** contenu / pages intérieures ********/
.bloc,
.sommaire{
	width:655px;/*451*/
	padding: 2px 15px 0 15px;
}
.bloc{
	background: url(../img/bas-bloc_685x25.gif) left bottom no-repeat;
	padding-bottom: 23px;
}
.bloc p img{
	float: left;
	margin: 0 10px 5px 0;
}
.bas-sommaire-508,
.bas-sommaire-685,
.bas-sommaire,
.inner-sommaire{
	padding-left: 15px;
	padding-right: 15px;
}
.sommaire,
.bas-sommaire,
.inner-sommaire{
	background: url(../img/bas-sommaire_685x25.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.bas-sommaire-508 {
	background: url(../img/bas-sommaire_508.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.bas-sommaire-685 {
	background: url(../img/bas-sommaire_685x25.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

.inner-sommaire ul{
	padding: 0 0 10px 15px;
}
.inner-sommaire form{
	margin-top: 20px;
}
.marge{
	padding-top: 10px;
}
.outer-bloc,
.outer-bloc-685,
.outer-sommaire-508,
.outer-sommaire-685,
.outer-sommaire{
	background:url(../img/bgbloc_685x1.gif) repeat-y left;
	width: 685px;
	margin-bottom: 5px;
}
.outer-sommaire-508,
.outer-sommaire-685,
.outer-sommaire{
	margin-bottom:20px;
}
.outer-sommaire-508 {
	background:url(../img/bgbloc_508.gif) repeat-y left;
	width: 508px;
}

.outer-sommaire-685, .outer-bloc-685 {
	background:url(../img/bgbloc_685x1.gif) repeat-y left;
	width:685px;
}

.outer-qnpres{
	background:url(../img/bgbloc.gif) repeat-y left;
	width: 520px;
	margin-bottom: 5px;
}
.outer-qnpres{
	margin-bottom: 10px;
}
.outer-qnpres h1{
	height: 21px;
	width: 505px;
	padding: 8px 0 0 15px;
	font-size: 16px;
}
.outer-qnpres h1{
	background:url(../img/top-sommaire.gif) no-repeat left top;
	margin-bottom: 7px;
}

.outer-sommaire .resume a{
	color: #db00db;
}
.outer-bloc h1,
.outer-bloc-685 h1,
.outer-sommaire h1{
	height: 21px;
	width:670px;/*466*/
	padding: 8px 0 0 15px;
	font-size: 16px;
}
.outer-bloc h1{
	background: url(../img/h1.jpg) no-repeat left top;
}
.outer-bloc-685 h1{
	background: url(../img/h1_685x29.jpg) no-repeat left top;
	width:685px;
}
.outer-sommaire h1{
	background:url(../img/top-sommaire_685x25.gif) no-repeat left top;
	margin-bottom: 7px;
}
.outer-sommaire-508 h1{
	height: 21px;
	width: 493px;
	padding: 8px 0 0 15px;
	font-size: 16px;
	background:url(../img/top-sommaire_508.gif) no-repeat left top;
	margin-bottom: 7px;
}
.outer-sommaire-685 h1{
	height: 21px;
	width: 670px;
	padding: 8px 0 0 15px;
	font-size: 16px;
	background:url(../img/top-sommaire_685x25.gif) no-repeat left top;
	margin-bottom: 7px;
}
.inner-sommaire p,
.bloc p{
	padding-bottom: 10px;
}
.date{
	float: left;
}
.action{
	float: right;
}
.outer-bloc div.bloc p.action a img{
	float: none;
	margin: 0 0 0 5px;
	vertical-align: text-top;
}
.inner-sommaire a,
.sommaire dt,
.bloc dt,
.action a,
.date a{
	text-transform: uppercase;
	color: #db00db;
	font-weight: bold;
}
.resume{
	clear: both;
	color: #000;
	font-weight: bold;
}
.resume-droite{
	float: left;
	width: 240px;
	padding: 5px 10px 15px 0;
	color: #000;
	font-weight: bold;
}
.logo img{
	margin: 15px 0 0 10px;
}
.sommaire p{
	float: left;
	width: 385px;/*240*/
	padding-right: 10px;
	font-weight: bold;
}
.bloc ul.membre-gauche,
.bloc ul.membre-droite,
.sommaire dl,
.bloc dl{
	float: left;
	width: 190px;
	background: url(../img/dash-vert.gif) repeat-y left;
	padding-left: 10px;
}
.bloc dl{
	margin: 5px 0 15px 0;
}
.bloc ul.membre-gauche,
.bloc ul.membre-droite{
	width: 140px;
	margin: 5px 0 0 0;
}
.bloc ul.membre-gauche{
	background: none;
	padding-left: 0;
}
.sommaire li,
.bloc li,
.bas-sommaire li,
.sommaire dt,
.bloc dt{
	line-height: 16px;
}
.ou-carte img{
	border: 2px solid #d8d5ca;
	margin-top: 10px;
}
/*** pied de page ***/
#qnfooter{
	clear: both;
	padding-top: 10px;
	background: url(../img/footer.gif) repeat-x left bottom;
	height: 17px;
	line-height: 17px;
	position:relative;

}
#qnfooter ul{
	width: 275px;
	margin: 0 auto 0 auto;
	background: url(../img/break-footer.gif) no-repeat right center;
}
#qnfooter li{
	display: inline;
	background: url(../img/break-footer.gif) no-repeat left center;
	padding-left: 8px;
	margin-right: 8px;
	line-height:17px;
}
#qnfooter li a:link,
#qnfooter li a:visited{
	font-weight: bold;
	color: #fff;
}
#qnfooter li a:hover,
#qnfooter li a:focus{
	text-decoration: underline;
}
/*** rollover ***/
#qnnav li a:hover,
#qnnav li a:focus,
#droite a:hover,
#droite a:focus,
#service dd li a:hover,
#service dd li a:focus,
.outer-sommaire a:hover,
.outer-sommaire a:focus,
.bloc a:hover,
.bloc a:focus{
	color: #db00db;
}


/******************************* popup *******************************/
body#popup{
	/*height: 410px;*/
	background: url(../img/popup-content.gif) repeat-x left bottom;
	/*overflow: hidden;*/
	/*overflow: scroll;*/ 
}
#popup-top{
	background-color: #db00db;
	padding-left: 350px;
}
#popup-top a{
	display: block;
	width: 95px;
	height: 27px;
	line-height: 27px;
	background: url(../img/popup-close.jpg) no-repeat left top;
	padding-left: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
#popup-nav{
	height: 15px;
	margin: 13px 20px 0 20px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #cfa1d1;
}
#popup-nav li{
	list-style-type: none;
	display: inline;
	padding-right: 7px;
}
#popup-content{
	padding: 5px 0 0 37px;
}
#popup-content-qui{
	padding: 20px 0 0 87px;
}

#popup-content h1,
#popup-content-qui h1{
	margin-bottom: 20px;
}
#popup-content p,
#popup-content-qui p{
	margin-bottom: 15px;
}

/* Ajouté par Mike, logo cliquable
#qntop a.logo, a.logo:link { 
	position: relative;
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9999px;
	text-decoration: none;
	top: 15px;
}
 */


/******* Formulaire d'inscription ********/
div.forminsc{
	position:relative;
	width:685px;
	background:url(../img/forminsc/form_milieu.gif) left top repeat-y;
}
	div.formhead{
	position:relative;
	width:685px;
	height:47px;
}

	div.formtxt{
	position:relative;
	float:right;
	width:485px;
	padding-right:10px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

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

	div.formoblig{
	position: relative;
	width:655px;
	margin:0 15px;
	background:url(../img/forminsc/form_fond2.gif) left top repeat-y;
}
		div.formoblighrtop{
	position:relative;
	height:1px;
	background:url(../img/forminsc/separation.gif) center top no-repeat;
}
		div.formoblighrbottom{
	position: relative;
	height:1px;
	background:url(../img/forminsc/separation.gif) center bottom no-repeat;
}
div.champ{
	position:relative;
	float:right;
	width:480px;
	padding-bottom:5px;
	text-align:left;
	line-height:20px;
}
div.titreinsc{
	position:relative;
	float:left;
	width:170px;
}
.fieldinsc{
	position:relative;
	width:128px;
	padding-left:2px;
	font-size:11px;
	border:1px solid #989389;
}
.inter{
	margin:0px;
	padding:0 0 0 15px;
	color:#D5D0CC;
}
div.formbottom{
	width:685px;
	height:22px;
	bottom:0px;left:0px;
}

/****** Services/Contributeurs ******/

div.formcomplet{
	width: 685px;
	background: url(../img/services/form_milieu.gif) left top repeat-y;
	position: relative;
	margin-bottom:20px;
}
div.formheadsimple{
	width: 685px;
	top:0px;left:0px;
	height:22px;
}
div.formheadrose{
	width: 685px;
	top:0px;left:0px;
	background: url(../img/services/form_hautrose.jpg) no-repeat;
}
div.formbottomrose{
	width: 685px;
	bottom:0px;left:0px;
	background: url(../img/services/form_basgris.jpg) left bottom no-repeat;
}
div.formoblighrtop{
	background: url(../img/services/separation.gif) center top no-repeat;
	position: relative;
	height:1px;
}
div.formoblighrbottom{
	background: url(../img/services/separation.gif) center bottom no-repeat;
	position: relative;
	height:1px;
}

div.champserv{
	float:left;width:480px;text-align:left;margin:0 10px;padding-left:15px;
	text-align: left;
}

div.logoserv{
	width:130px;float:left; margin-bottom:10px;
}

p.descriptionserv{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #708090;
	margin: 0px;
	padding-bottom: 5px;
	
}

.descapi, .descapi p{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #343434;
	
}
.descapi{
	margin: 5px;
	padding: 0px;
}
.serviframeapi { width:665px; margin:10px auto; /*border:1px dashed #777;*/ }

.titreserv{
	font-weight:bold;font-size:17px;color: #960097;
}
.titreserv2{
	font-weight:bold;font-size:22px;color: #960097;
	margin:10px 0 0 0;
}

div.ligneserv{
		padding-top:10px;
		padding-bottom:10px;
	margin: 0 10px;
}
div.lignefourn{
		padding-top:10px;
		padding-bottom:10px;
	margin: 0 10px;
}