/*******************************************************************************************************/
/*** MAIN / LAYOUT  ***********************************************************************************/
/******************************************************************************************************/
*{margin:0;padding:0;}
body {
   background-color: #fff;
   margin:0 0 40px 0;
   padding:0;
   font-size:12px;
   font-family:'Trebuchet MS', Arial, sans-serif;
   background-image: url(img/background.jpg);
   background-repeat: no-repeat;
   background-position: center -70px ;
   border:0px solid #fff;
}  

fieldset,img{border:0}
form{margin:0;padding:0;}
table, tr, td{border-collapse:collapse;margin:0;padding:0;}
input[type="radio"] { border: none; }
input[type="checkbox"] { border: none; }
input[type="submit"] { border: none; }

input#submitsearch { border: 0px solid red; margin:0;padding:0;}

#conteneur {width: 1000px;margin: 0 auto;text-align: left;}
#contenu {padding:0;margin:0;border:0px dashed red;nheight:1000px;}
#header{height:240px;width:1000px;border:0px dashed red;}
.header_menuhaut{padding-top:10px;nbackground:green;position:relative;top:0px;left:0px;height:28px;} 
/*.header_bandeau{background:#fff;position:relative;top:10px;left:248px;height:88px;width:720px;}*/
.header_bandeau{nbackground:#f0f;nposition:relative;margin:10px 0 0 248px;height:88px;width:720px;}
.header_menubas{noverflow:hidden;margin:5px 0 0px 0;border:0px solid red;}
/***** HEADER BOUTONS ****************************************************************************/
/***** TOUTES PAGES SAUF INDEX *******************************************************************/



.bt_promos_sel{display:inline-block;height:66px;width:210px;border:0px solid green;}
.bt_promos {
	background-image: url(img/bt_promos.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;height:50px;width:143px;border:0px solid green;
	overflow:hidden;
	
}
.bt_promos:hover{background-position:0px -50px;}

a.bt_promosweb_sel{
display:inline-block;height:66px;width:210px;border:0px solid green;
}
.bt_promosweb{
	background-image: url(img/bt_promosweb.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;height:50px;width:143px;border:0px solid green;
	margin-top:16px:
}
.bt_promosweb:hover{background-position:0px -50px;}

a.bt_annuaire_sel{display:inline-block;height:74px;width:180px;border:0px solid green;}
.bt_annuaire {
	background-image: url(img/bt_annuaire.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;height:50px;width:96px;border:0px solid green;
	margin-top:16px:
}
.bt_annuaire:hover{background-position:0px -50px;}

.bt_planville {
	background-image: url(img/bt_villeplan.png);
	background-position:0 -1px;
	background-repeat:no-repeat;
	cursor:pointer;
	border:0px solid red;
	margin:0;padding:0;
}
.bt_planville:hover {
	background-position:0 -20px;
}

/*** PETITS BOUTONS SUR FICHES (ACCES/DETAILS/PROMO/VOIR TOUTES LES ADRESSES) */
.btsmall_acces{ padding:0 10px 2px 10px;background:#090;color:#fff;cursor:pointer; }
.btsmall_acces:hover{background:#999;}
.btsmall_details{ padding:0 10px 2px 10px;background:#2197BD;color:#fff;cursor:pointer; }
.btsmall_details:hover{background:#999;}
.btsmall_promos{ padding:0 10px 2px 10px;background:#f00;color:#fff;cursor:pointer; }
.btsmall_promos:hover{background:#999;}
.btsmall_adresses{ padding:0 10px 2px 10px;background:#2197BD;color:#fff;cursor:pointer; }
.btsmall_adresses:hover{background:#999;}

.btsmall_vert{ padding:0 10px 2px 10px;background:#090;color:#fff;cursor:pointer; }
.btsmall_vert:hover{background:#999;}
.btsmall_rouge{ padding:0 10px 2px 10px;background:#f00;color:#fff;cursor:pointer; }
.btsmall_rouge:hover{background:#999;}
.btsmall_bleu{ padding:0 10px 2px 10px;background:#2197BD;color:#fff;cursor:pointer; }
.btsmall_bleu:hover{background:#999;}
.btsmall_orange{ padding:0 10px 2px 10px;background:#fc0;color:#fff;cursor:pointer; }
.btsmall_orange:hover{background:#999;}
.btsmall_violet{ padding:0 10px 2px 10px;background:#90308e;color:#fff;cursor:pointer; }
.btsmall_violet:hover{background:#999;}

/*
span.ou{
	background-image: url(img/fond_ou.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:50px;width:186px;
	ndisplay:inline-block;
	nmargin:0px 20px 10px 60px;
	margin:121px 140px 10px 60px;
	border:0px solid red;
} 
span.quoi{
	background-image: url(img/fond_quoi.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	height:50px;width:193px;
	display:inline-block;
	margin:21px 40px 10px 0px;
} 
*/
span.ouquoi{
	background-image: url(img/fond_ouquoi.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:84px;width:193px;
	display:inline-block;
	nmargin:1px 40px 10px 0px;
	border:0px solid red
} 
span.bt_ok{
	nheight:84px;nwidth:60px;
	npadding:12px;
	ndisplay:inline-block;
	nbackground-color:#6cf;
} 
input#ou{
	text-align:center;
	background-color: #2197BD;
	color:#ffffff;
	width:125px;
	border:1px solid #fff;
	nmargin:0 40px 0 0;
	margin:6px 22px 0 0px;
} 

input#quoi{
	text-align:center;
	background-color: #E7E7E7;
	color:#000000;
	width:125px;
	border:1px solid #333;
	margin:12px 15px 0 0px;
} 

input#submitsearch{
	background-color: #f58203;
	color:#ffffff;
	width:40px;
	height:35px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	nposition:relative;ntop:12px;nleft:0px;
	background : url(img/bt_ok.png) left top no-repeat;
	cursor : pointer;
	nmargin-top:40px;
}
input#submitsearch:hover{
	background : url(img/bt_ok.png) left -35px no-repeat;
}

span.bt_home{
	border:0px solid #f58203;
	width:18px;
	height:18px;
	cursor:pointer;
	background:url(img/bt_home.png);
	background-position:0 0;
	display:inline-block;
	background-repeat:no-repeat;	
	cursor : pointer;
	overflow:hidden;
	padding:0px;margin:0px;
}
span.bt_home:hover{
	background : url(img/bt_home.png) left -18px no-repeat;
}
.panneau_left{
	width:7px;
	height:20px;
	background : url(img/border-left.png) 0 0 no-repeat;
	overflow:hidden;
}
.panneau_centre{
	text-align:center;
	font-weight:bold;
	height:20px;
	padding-bottom:2px;
	ncursor:pointer;
	background : url(img/border-middle.png) 0 0 repeat-x;
	overflow:hidden;
}
.panneau_right{
	width:7px;
	height:20px;
	cursor:pointer;
	background : url(img/border-right.png) 0 0 no-repeat;
	overflow:hidden;
}
/*pour les bloc en bas avec liens vers pourquoi*/
.bloc_bas{border:0px solid red;width:205px;height:116px;float:left;text-align:center;color:#fff;font-weight:bold;margin-top:10px;}
.index_bt_pourquoi{border:0px solid red;position:relative;top:-76px;left:44px;width:161px;height:42px;}
.index_bt_inscrivez{border:0px solid red;position:relative;top:-70px;left:44px;width:161px;height:42px;}

#col1_240{ /*** main categories ***/
   border-top:0px outset #ccc;
   border-bottom:0px outset #ccc;
   width:240px;
   height:596px; /*560 + 18 +18  moins 2 (borders)*/
   background:#fff;
   float:left;
}

/*** MAIN CATEGORIES ***********/
#colmaincats{ /*** main categories ***/
	background:#f5f5f5;
	float:left;
	width:240px;
	margin:0;padding:0;
	height:596px;
	overflow:hidden;
}
/*** SOUS CATEGORIES ***********/
#colsubcats{ /*** main categories ***/
	width:239px;
	nposition:relative;ntop:-598px;nleft:240px;
	border-top:0px outset #ccc;
	border-bottom:0px outset #ccc;
	border-left:1px outset #ccc;
	height:596px; /*560 + 18 +18  moins 2 (borders)*/
	background:#fff;
	margin:0 0 0 240px;
	overflow:hidden;
}
#col2_720{ /*** col droite triple  : maville.php ***/
	width:760px;
	/*position:relative;top:-598px;nleft:240px;*/
	border-top:0px outset #ccc;
	border-bottom:0px outset #ccc;
	border-left:1px outset #ccc;
	height:596px; /*560 + 18 +18  moins 2 (borders)*/
	background:#fff;
	margin:0 0 0 240px;
}
#col3_480{ /*** col droite double ***/
	width:519px;
	position:absolute;top:281px;nleft:480px;
	height:596px; /*560 + 18 +18 */
	background-color:#fff;
	border-left:1px outset #ccc;
	border-top:0px outset #ccc;
	border-bottom:0px outset #ccc;
	nfloat:right;
	nclear:both;
	margin:0 0 0 480px;
	nmargin:0;padding:0;
}
#col2_240{ /*** col droite double ***/
	width:239px;position:relative;top:-598px;left:240px;
	border-top:1px outset #ccc;
	border-bottom:1px outset #ccc;
	border-left:1px outset #ccc;
	height:596px; /*560 + 18 +18  moins 2 (borders)*/
	background:#fff;
}

div#colmaincats div { /*** CATEGORIES ***/
	width:240px;
	height:32px;
	line-height:32px;
	padding:0 0 0 6px;
	font-size:11px;
	border-bottom:1px outset #ccc;
	background-color: #f5f5f5;
	cursor:pointer;
}
div#colsubcats div { /*** SOUS CATEGORIES ***/
	width:240px;
	height:22px;
	line-height:22px;
	padding:0 0 0 6px;
	font-size:11px;
	border-bottom:1px outset #ccc;
	background-color: #f5f5f5;
	cursor:pointer;
}
/*** MENU MAINCATS COL1 PAGE=MAVILLE (GRIS) *********************/
div#colmaincats div.maville{	
	background:#eee;
	nbackground:#2197BD;
	color:#000;
}
div#colmaincats div.maville:hover{	
	background:#fff;
	color:#2197BD;
}
/*** MENU MAINCATS COL1 RUB=ANNU (BLEU) *********************/
div#colmaincats div.annu{	
	background:#e5f4fb;
	nbackground:#2197BD;
	color:#000;
}
div#colmaincats div.annu:hover{	
	background:#fff;
	color:#2197BD;
}
/*** MENU MAINCATS COL1 RUB=PROMOS (ROUGE) *********************/
div#colmaincats div.promos{	
	background:#fdd;
	color:#000;
}
div#colmaincats div.promos:hover{	
	background:#fff;
	color:#f00;
}
/*** MENU MAINCATS COL1 RUB=PROMOSWEB (VIOLET) *********************/
div#colmaincats div.promosweb{	
	background:#efd4ef;
	color:#000;
}
div#colmaincats div.promosweb:hover{	
	background:#fff;
	color:#90308e;
}


/*** MENU SUBCATS RUB=ANNU (BLEU) *********************/
div#colsubcats div.annu{	
	background:#e5f4fb;
	nbackground:#2197BD;
	color:#000;
}
div#colsubcats div.annu:hover{	
	background:#fff;
	color:#2197BD;
}
/*** MENU SUBCATS RUB=PROMOS (ROUGE) *********************/
div#colsubcats div.promos{	
	background:#fdd;
	color:#000;
}
div#colsubcats div.promos:hover{	
	background:#fff;
	color:#f00;
}
/*** MENU SUBCATS RUB=PROMOSWEB (VIOLET) *********************/
div#colsubcats div.promosweb{	
	background:#efd4ef;
	color:#000;
}
div#colsubcats div.promosweb:hover{	
	background:#fff;
	color:#90308e;
}














/**** FORMULAIRES **************************************/

input{
	height:20px;
	line-height:20px;
	border:0px solid #f0f;
	font-size:12px;
	font-weight:normal;
	font-family:'MS Trebuchet', Arial, sans-serif;
	margin:0;padding:0;
	padding-left:2px;
}
input.submitbtn{
	height:20px;
	line-height:14px;
	font-size:12px;
	border:1px solid #999;
	background:#fff;
	padding:0 4px 0 4px;
	cursor:pointer;
}
input.submitbtn:hover{
	background:#ccc;	
}

input#login{
	text-align:center;
	background-color: #fff;
	width:100px;
	font-weight:normal;
	color:#2197BD;
}

input#pwd{
	text-align:center;
	background-color: #fff;
	width:100px;
	font-weight:normal;
	color:#2197BD;
}

input#submitlog{
	nfont-size:10px;
	background-color: #fff;
	width:30px;
	cursor:pointer;
	color:#2197BD;	
} 

input#moncompte{
	background-color: #fff;
	width:100px;
	cursor:pointer;
	color:#2197BD;
	color:#2197BD;
}

img.zoomable{cursor:pointer;margin:0;padding:0;}

/*** PAGE "MA VILLE" *****************************************************************************/
/*** BLOC BAS PAGE MAVILLE ***********************************************************************/
.mavilleblochaut{border:0px solid red;width:699px;height:340px;position:relative;top:0px;padding:0 20px 20px 24px;}
/*** BLOC PROMOS DU MOIS *************************************************************************/
.promo_bloc{background:#fff;float:left;position:nabsolute;nleft:352px;ntop:280px;width:457px;height:347px;}
.promo_header{background-image:url(img/promos.gif);height:137px;background-repeat:no-repeat;}
.promo_text{background:#fff;border:0px solid red;position:absolute;left:90px;top:75px;width:365px;font-weight:bold;color:#990000;}

/*** BLOC COMMERCE DU MOIS ***********************************************************************/
.commerce_bloc{float:right;nposition:relative;nleft:352px;ntop:-280px;background:#f5f5f5;border:0px solid red;width:209px;margin:0;padding:0;}
.commerce_header{background-image:url(img/commercedumois.gif);height:137px;background-repeat:no-repeat;}
.commerce_text{background:#fff;border:0px solid red;position:absolute;left:600px;top:75px;width:105px;font-weight:bold;color:#990000;}
/*** BLOC NEWS  *************************************************************************/
.news_bloc{background:#f0f0f0;nposition:absolute;left:22px;top:100px;width:272px;height:150px;border:0px solid green;}
/*** BLOC BAS PAGE MAVILLE ***********************************************************************/
.mavilleblocbas{border:0px solid red;width:699px;height:200px;position:relative;top:0px;padding:0 20px 20px 24px;}

/*** FORMULAIRE INSCRIPTION **********************************************************************/
.formline{nbackground:#ddd;line-height:28px;height:28px;border:0px solid navy;}
.etiquette{display:inline-block;width:150px;height:28px;line-height:28px;nbackground:yellow;}
.error{color:#cc0000;font-weight:bold;border:1px solid #cc0000;padding:2px;}



/*** "pourquoi villenvie" ************************************************************************/
#corps_page{background:#f5f5f5;}
#corps_page h1{color:#0ca4d6; font-weight:bold; font-size:28px; background:#f5f5f5;}
#corps_page h2{color:#0ca4d6; font-weight:bold; font-size:18px; background:#f5f5f5;height:40px}
#corps_page h3{color:#676767; font-weight:bold; font-size:14px; background:#f5f5f5;height:30px}
#corps_page p,h1,h2,h3,nimg{margin:0 16px 8px 16px;padding:0;}
#corps_page p{font-size:14px;color:#666;}
#corps_page a{color:#0ca4d6; text-decoration:none;}
#corps_page a:hover{text-decoration:underline;}
.pourquoi_haut{background:#f5f5f5;color:#676767; border-bottom:1px solid #676767;font-size:110%;}
.pourquoi_haut h1{color:#0ca4d6; font-weight:bold; font-size:28px; background:#f5f5f5;}
.col_haut{width:50%;float:left;}
.pourquoi_bas{background:#f5f5f5;width:100%;color:#676767;}
.col_pourquoi {width:248px; float:left;background:#f5f5f5;height:700px;padding-top:16px;border-left:1px solid #676767;}
.col_pourquoi2 {width:248px; float:left;background:#f5f5f5;height:500px;padding-top:16px;border-left:1px solid #676767;}
.col_pourquoi_sans_bordure {border:0;width:253px;float:left;background:#f5f5f5;height:700px;padding-top:16px;}
.col_pourquoi_sans_bordure2 {border:0;width:253px;float:left;background:#f5f5f5;height:500px;padding-top:16px;}
.img_pourquoi{height:170px;margin:0 0 0px 20px;}
.texte_pourquoi{height:380px;line-height:16px;}
.btn_inscription_pourquoi{margin-top:40px;}

sup{color:#f3120e;}
.rouge{color:#f3120e;}
.formline input.check_box{border:none;}


/* CLASSES POUR TAILLE *****************/
.size08{font-size:8px;}
.size09{font-size:9px;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
/* CLASSES POUR COULEURS *****************/
.turquoise{color : #2197BD;}
.black{color : #000000;}
.grey{color : #999999;}
.darkgrey{color : #666666;}
.white{color : #FFFFFF;}
.blue{color :#2197BD;}
.red{color:#990000;}
.violet{color:#90308e;}
.yellow{color:#ffff00;}
.orange{color:#f47709;}
/* CLASSES POUR Formatage *****************/
.centered{text-align:center;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
/*BLOCS*/
.padding0{padding:0;}
.padding12{padding:12px;}
.padding20{padding:20px;}
.margin12{margin:12px;}
.margintop12{margin-top:12px;}

/**** Links sizes*****************************************************************/
a.size08:link , a.size08:hover, a.size08:active, a.size08:visited  {font-size:8px;}
a.size10:link , a.size10:hover, a.size10:active, a.size10:visited  {font-size:10px;}
a.size12:link , a.size12:hover, a.size12:active, a.size12:visited  {font-size:12px;}
a.size13:link , a.size13:hover, a.size13:active, a.size13:visited  {font-size:13px;}
a.size14:link , a.size14:hover, a.size14:active, a.size14:visited  {font-size:14px;}
a.size16:link , a.size16:hover, a.size16:active, a.size16:visited  {font-size:16px;}
/**** Links colors *****************************************************************/
a.red:link , a.red:hover, a.red:active, a.red:visited  {color :red;}
a.yellow:link , a.yellow:hover, a.yellow:active, a.yellow:visited  {color :yellow;}
a.navy:link , a.navy:hover, a.navy:active, a.navy:visited  {color :navy;}
a.blue:link , a.blue:hover, a.blue:active, a.blue:visited  {color :#2197BD;}
a.white:link , a.white:hover, a.white:active, a.white:visited  {color :#fff;}
a.dark:link , a.dark:hover, a.dark:active, a.dark:visited  {color :#3f2a1c;}
a.turquoise:link , a.turquoise:hover, a.turquoise:active, a.turquoise:visited  {color :#2197BD;}

a.bold:link , a.bold:hover, a.bold:active, a.bold:visited  {font-weight:bold;}
/**** Links decorations *****************************************************************/
a.no-underline:link , a.no-underline:hover, a.no-underline:active, a.no-underline:visited  {text-decoration : none;}
a.over-underline:link , a.over-underline:visited  {text-decoration : none;}
a.over-underline:hover, a.over-underline:active{text-decoration : underline;}
a.underline:link , a.underline:hover, a.underline:active, a.underline:visited  {text-decoration : underline;}