/* 
Webdesign : alchimie-communication.com
inspiration : zi-modx-1 - An open source xhtml/css website template by Zaigham Rana - site: http://ziworks.com , blog: http://zidesigns.com. Free to use in any way and for any purpose as long as the proper credits are given to the original designer. */


/* HTML & Body
------------------------------------------------ */
* { margin: 0; padding: 0 }

html {
	height: 95%;
	margin-bottom: 1px;
	font-size: 100%;
	}

body {
	font: 76%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background:#fcfdf9 url(images/bodybg.jpg) top center repeat-y;
	cursor: default;
	margin-top: 10px;
	}

/* Headers and Paragraphs:
------------------------------------------------ */
#wrap h1, h2, h4, h5, h6 {
	font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.1em;
    color: #444;
    padding-bottom: 3px;
    border-bottom: 2px solid #066;
	margin: 10px 0 5px 0;
}

#wrap  h3 {
	font-family:  Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1em;
    color: #399;
    
    padding-bottom: 3px;
    border-bottom: 0px solid #666;
	margin: 10px 0 5px 0;
}


h4, h5, h6 {
    line-height: 1.3em;
    border: 0;
	margin: 5px 0 3px 0;
}

#wrap h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; border-width: 1px }
h4 { font-size: 118%; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 86%; font-weight: bold; }
p { margin: 10px 0 10px 0; }

/* Layout
------------------------------------------------ */
#wrap {
	width: 750px;
	margin: 0 auto;
	}

#header {
	background: transparent url(images/header-bg.png) no-repeat;
	height: 106px;
	margin: 0;
	padding: 0;
	}

#contentwide, #contentfull {
	padding: 10px 5px 10px 04px;
	width: 515px;
	float: left;
	}

#leftside {
	width: 210px;
	float: right;
	padding: 5px 5px 30px 15px;
	}

#footer {
	clear: both;
	padding: 2px 10px 2px 10px;
	background: #F7F7F7;
	border-top: 2px solid #DCEDA9;
	}
	
#footer #andreas {display: none;}
#footer #zi {display: inline !important;}

/* Content styling a:link, a:visited {
	color: #333;
	background: #DCEDA9;
------------------------------------------------ */
#contentwide ul, #contentwide li, #contentfull ul, #contentfull li {
	margin-left: 15px;
	}
	
#contentwide li, #contentfull li {
       padding-top: 3px;
       padding-bottom: 3px;
}	

a:link, a:visited {
	color: #69F;
	background: #FFF;
	border-bottom: 1px solid #666;
	text-decoration: none;
	}

a:hover {
	color: black;
	background: #DCEDA9;
	text-decoration: none;
	}



.nl_summaryPost h3 a:link, .nl_summaryPost h3 a:visited, .nl_info a:link, .nl_info a:visited{
	color: black;
	background: none;
	border-bottom: none;
	}

.nl_summaryPost h3 a:hover, .nl_info a:hover {
	color: black;
	background: none;
	border-bottom: none;

	}
	
.nl_summaryPost .nl_info {
	background-color: #eee;
	}
	


/* Header 
------------------------------------------------ */
#header h1 {
	text-align: center;
	font-size: 210%;
	margin-left: 220px;
	margin-right: 100px;
	padding: 25px 0 0 0;
	border: 0;
	}

#header a, #header a:link, #header a:visited {
	color: #399;
	background: transparent;
	border: 0;
	text-decoration: none;
	}

#header a:hover {
	color: #111;
	}
#header h2, #header #mainmenu {display:none;}
#slogan {
	text-align: center;
	margin: -3px 0 0 0;
	text-transform: uppercase;
	padding:0 ;
	}

/* leftside 
------------------------------------------------ */
#lmenu {display: block !important;}

#leftside h1, #leftside h2, #leftside h3 {
	background: #399;
	padding-left: 3px;
	color : white;
	}

#leftside #lmenu li {
	list-style: none;
	padding-left: 5px;
	text-indent: 3px;
	}

#leftside #lmenu li a:link, #leftside #lmenu li a:visited {
	display: block;
	height: 1%;
	background: #F7F7F7;
	border-bottom: 1px solid #bbb;
	}

#leftside #lmenu li a:hover {
	background: #DCEDA9;
	color: #333;
	}
	
#leftside #lmenu li ul {
	display: none;
	}

#leftside .links li {
	list-style: none;
	}
	
/* Misc.
------------------------------------------------ */

abbr, acronym {
	cursor: help;
	border-bottom: 1px solid #666;
	}

.about {
	font-size: 80%;
	}

#modxicon { 
	margin-top: -3.5em !important;
}

#mailing_liste {
padding : 3px;
border : 1px dashed blue;
Background : #F3F7BA;}


#MenuInterne {

margin : 5px;

float : left;

width : 200px;
Background : #FFF;
border : 0px dashed blue; }


#actu {
float:left;
margin-top : 9px;
padding : 3px;
border : 2px solid #DCEDA9;
background : white;
width : 300px; }


#sidePub {
float:right;
margin-top : 5px;
padding : 3px;
border : 2px solid #DCEDA9;
width : 120px;
background : #DCEDA9;
 
}

#Pub {
float : left;
margin : 5px;

height : 600px;
width : 220px;

border : 0px solid #DCEDA9; }

#links_cloud
{border : 2px dotted #DCEDA9;
background : #F3F7BA;
padding : 3px;
}
#links_cloud a{background :transparent ;
color :  #69F; }

#EmailForm
{border : 7px solid #69F;
border-left : 1px solid #69F;
border-right : 1px solid #69F;
background : transparent;
padding : 3px;
width : 400px;
margin : 12px;
padding : 5px;
}

#menuBas {
margin-top : 5px;
border-top : 2px solid #DCEDA9;
border-bottom : 2px solid #DCEDA9;
padding-bottom :3px;
padding-left : 10px;
padding-right : 10px;
background : #F3F7BA;
float : right; }

#menuBas a {background : transparent;}


#listing
{border : 2px solid #DCEDA9;
background : #FFF;
padding : 3px;
margin-top : 2px;
}

#listing a {color: green;
	
	background: #DCEDA9;
}

#listing a:hover {color: red;
	
	background: #DCEDA9;
}



#contentwide li {padding-bottom : 12px;}

.rubrique169, .rubrique168, .rubrique167,.rubrique166, .rubrique165, .rubrique164, .rubrique158, .rubrique157 {
background : url(images/menu/coach.gif) no-repeat;
padding-left : 50px;}

.rubrique156,  .rubrique144, .rubrique132,.rubrique108, .rubrique96, .rubrique84, .rubrique120, .rubrique72 {
background : url(images/menu/entreprises.gif) no-repeat;
padding-left : 50px;}

.rubrique155, .rubrique143, .rubrique131,.rubrique107, .rubrique95, .rubrique83, .rubrique119, .rubrique71 {
background : url(images/menu/menage.gif) no-repeat;
padding-left : 50px;}

.rubrique154,.rubrique142, .rubrique130,.rubrique106, .rubrique94, .rubrique82, .rubrique118, .rubrique70 {
background : url(images/menu/livraison.gif) no-repeat;
padding-left : 50px;}

.rubrique153,  .rubrique141, .rubrique129,.rubrique105, .rubrique93, .rubrique81, .rubrique117, .rubrique69 {
background : url(images/menu/sante.gif) no-repeat;
padding-left : 50px;}

.rubrique152, .rubrique140, .rubrique128,.rubrique104, .rubrique92, .rubrique80, .rubrique116, .rubrique68 {
background : url(images/menu/artisants.gif) no-repeat;
padding-left : 50px;}

.rubrique151, .rubrique139, .rubrique127,.rubrique103, .rubrique91, .rubrique79, .rubrique115, .rubrique60 {
background : url(images/menu/depannage.gif) no-repeat;
padding-left : 50px;}

.rubrique150, .rubrique138, .rubrique126,.rubrique102, .rubrique90, .rubrique78, .rubrique114, .rubrique59 {
background : url(images/menu/cours.gif) no-repeat;
padding-left : 50px;}

.rubrique149, .rubrique137, .rubrique125,.rubrique101, .rubrique89, .rubrique77, .rubrique113, .rubrique58 {
background : url(images/menu/jardinnage.gif) no-repeat;
padding-left : 50px;}

.rubrique148, .rubrique136, .rubrique124,.rubrique100, .rubrique88, .rubrique76, .rubrique112, .rubrique57 {
background : url(images/menu/restauration.gif) no-repeat;
padding-left : 50px;}

.rubrique147, .rubrique135, .rubrique123,.rubrique99, .rubrique87, .rubrique75, .rubrique111, .rubrique56 {
background : url(images/menu/coiffeur.gif) no-repeat;
padding-left : 50px;}

.rubrique146,.rubrique134, .rubrique122, .rubrique98, .rubrique86, .rubrique74, .rubrique55 {
background : url(images/menu/veto.gif) no-repeat;
padding-left : 50px;}