/* Global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* -------------*/

/* GENERAL  */
	html {
	height:100%;}
	body{
	font: 75%/1em Tahoma, Arial, sans-serif;
	color:#606060;
	background-color: #ede9e7;
	background-image: url(images/i/background3.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height:100%;
	}
	a{color: #346954;}
	a:hover{}
	hr{display: none;}
	strong{font-weight: bold;}

	em {
	font-style:italic;}


/* LAYOUT */
.logo {
background-image:url(images/i/slogan.png);
background-repeat:no-repeat;
height:71px;
width:396px;
position:absolute;
top:60px;
/*left:-150px;*/
left:150px;

font-size:40px;
line-height:40px;
}
.logo span {
visibility:hidden;}
	#content{

	padding-left:395px;
	padding-right:25px;
	position:absolute;

	position:relative;
	line-height:1.3em;
	height:1%;
	text-align:justify;
  min-height:460px;
  height:auto !important;
  height:460px;
	}

.carrefour #content {	padding-left:335px;}
.projets #content {	padding-left:310px;}
.equipe #content {	padding-left:410px;}
.publications #content {	padding-left:310px;}
.joindre #content {	padding-left:380px;padding-right:0px;}

.joindre .cadre {background-image: url(images/i/cadre_joindre.png);
background-position:top;
background-repeat:no-repeat;
border-bottom:solid #346954 77px;
width:380px;
padding-top:45px;
padding-left:25px;
}
.publications .cadre {
border:solid #f3ba48 13px;
border-bottom-width:77px;
padding:15px;

}

	/* header layout */
	#header{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

	}
	#wrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	z-index:1000;
	background-position: left 40px;
	background-repeat:no-repeat;
	background-image: url(images/i/accueil_back.png);
	background-color:#FFFFFF;
	margin-top:280px;}

	.carrefour #wrap { background-image: url(images/i/carrefour_back.png);}
	.projets #wrap { background-image: url(images/i/lesprojets_back.png);}
	.desjardins #wrap,	.defi #wrap, .jeunes_volontaires #wrap,.ideo16_17 #wrap , .jeunes_en_action #wrap{ background-image: url(images/i/projet_back.png);}
		
		
	.equipe #wrap { background-image: url(images/i/equipe_back.png);}
	.services #wrap { background-image: url(images/i/services_back.png);}
	.publications #wrap { background-image: url(images/i/publications_back.png);}
	.joindre #wrap { background-image: url(images/i/joindre_back.png);}
				
	#page {
	margin-left:200px;
	margin-left:155px;

}


* html #page { height: 100%;}
	
	#footer{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:86px;
	color:#606060;
	background-color:#ffffff;
	padding-top:70px;
		padding-bottom:30px;
	font-size: 10px;
	text-align:left;
	background-image: url(images/i/footer.jpg);
	}

	#sidebar{
left:-200px;
position:absolute;
top:200px;

left:-100px;
top:-185px;

	}
	.left-column .right-column {
	width:400px;
	}
	
h1,h2,h3,h4,h5,h6 {
	color:#346954;
	letter-spacing: .1em;
	text-align:left;
}
h1{font-size:1.8em;margin-top:5px;margin-bottom:10px;}
h2{font-size:1.4em;margin-top:15px;margin-bottom:10px;}
h3{font-size:1.2em;margin-bottom:10px;}
h4{font-size:1.0em;margin-bottom:10px;}
h5{font-size:1.0em;margin-bottom:10px;}
h6{font-size:1.0em;margin-bottom:10px;}
/* top navigation */
ul.nav {
margin:0;
padding:0;
position:absolute;
right:20px;
top:200px;
border: none;

}


.nav, .nav li {
margin: 0;margin:0;float:left;
}

.nav li.first {

}
.nav li.last {

}
.nav li a {
	display:block;
	text-decoration: none;
	width: 85px;
	height:50px;
	color:#606060;
	background-image:url(images/i/menu.png);
	background-position:0 -50px;

}
.nav li a span {visibility:hidden;}
.nav li a.accueil {width: 85px;	background-position:0 -50px; }
.nav li a.carrefour {width: 115px;background-position:-85px -50px; }
.nav li a.services{width: 90px;background-position:-200px -50px; }
.nav li a.projets {width: 85px;background-position:-290px -50px; }
.nav li a.equipe {width: 87px;background-position:-375px -50px;  }

.nav li a:hover.accueil,.nav li.active a.accueil  {background-position:0 0px; }
.nav li a:hover.carrefour,.nav li.active a.carrefour {background-position:-85px 0px; }
.nav li a:hover.services,.nav li.active a.services{background-position:-200px 0px; }
.nav li a:hover.projets,.nav li.active a.projets {background-position:-290px 0px; }
.nav li a:hover.equipe,.nav li.active a.equipe {background-position:-375px 0px;  }

.nav li a:hover {
	}

/*Fin navigation */ 

/* sub navigation */
ul.subnav {
margin:0;
padding:0;
position:absolute;
left:10px;
top:200px;
border: none;

}


.subnav, .subnav li {
margin: 0;margin:0;
}


.subnav li a {
	display:block;
	text-decoration: none;
	width: 275px;
	height:66px;
	color:#606060;
	background-image:url(images/i/joindre.png);
	background-position:0 -147px;

}
.subnav li a span {visibility:hidden;}
.subnav li a.joindre {width: 270px;	background-position:0 -147px; }
.subnav li a.publications {width: 270px;height:81px;background-position:0 -213px; }


.subnav li a:hover.joindre,.subnav li.active a.joindre  {background-position:0 0px; }
.subnav li a:hover.publications,.subnav li.active a.publications {background-position: 0px -66px; }

.nav li a:hover {
	}

/*sub navigation */ 

/* footer navigation */
ul.footernav {
margin:0;
padding:0;
border: none;
	margin-left:25px;
	margin-right:auto;
	margin-bottom:10px;

}


 .footernav li {
margin: 0;display:inline;
}

.footernav li.first {

}
.footernav li.last {

}
.footernav li a {
	display:inline;
	text-decoration: none;
	color:#606060;

	margin-left:0px;
	margin-right:10px;
}
.footernav li a:hover, .footernav li.active a{
text-decoration:underline;}
 /* end footer nav*/ 

.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;}

.accueil #content {	
}

/* Content */
#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin-left:20px;
}

#content p {
padding-bottom:0.5em;}

#content img {
padding-left:5px;
padding-right:5px;}
/* Front page */







/* Content pages */
#sidebar {
line-height:1.2em;
letter-spacing:-.05em;}
#sidebar p{
color:#346954;
padding-bottom:0px;
}

#sidebar h2{
letter-spacing:normal;
margin-bottom:0px;
margin-top:0px;
font-size:1.3em;

}
/* Footer */
#footer_container {


}
#footer p{
text-align:left;
margin-right:25px;
margin-left:25px;
}

#footer a {
color:#606060;
text-decoration:none;}
ul.footer_nav {
margin: 0;

padding: 20px 0 0;
border: none;
}

/* Publication */

.publication {
padding-bottom:20px;}

/* End publication */

/* Logo projets */
ul.logos-projets {
margin:0;
padding:0;
border: none;

}


.logos-projets, .logos-projets li {
	margin: 0;
	margin:0;
	float:left;
	list-style-image: none;
	list-style-type: none;
}

.logos-projets li.first {

}
.logos-projets li.last {

}
.logos-projets li a {
	display:block;
	float:left;
	text-decoration: none;
	width: 212px;
	height:150px;
	color:#606060;
	background-image:url(images/i/logo_projets.png);
	background-position:0 -50px;}
	
.logos-projets li a span {visibility:hidden;}
.logos-projets li a.action {height:113px;background-position:0 -390px; }
.logos-projets li a.defi {height:115px;background-position:-212px -527px; }
.logos-projets li a.volontaires{height:177px;background-position:-0px -600px; }
.logos-projets li a.jeunes {height:115px;background-position:-212px -390px; }
.logos-projets li a.ideo {height:95px;background-position:-0px -503px; }
.logos-projets li a.retrospectives span {visibility:visible; }
.logos-projets li a.retrospectives  {background-image:none;font-size:25px;line-height:normal;text-align:center;}

.logos-projets li a:hover.action {height:113px;background-position:0 0; }
.logos-projets li a:hover.defi {height:115px;background-position:-212px -137px; }
.logos-projets li a:hover.volontaires{height:177px;background-position:-0px -210px; }
.logos-projets li a:hover.jeunes {height:115px;background-position:-212px 0px; }
.logos-projets li a:hover.ideo {height:95px;background-position:-0px -113px; }
.logos-projets li a:hover.retrospectives  {text-decoration:underline;}



/*Fin logo projets */ 


/* // Easy Slider */


/* Form Contact */
.abonnez label {
float:left;
font-size:1em;
margin-right:15px;
padding-top:5px;
text-align:right;
width:70px;
}

.abonnez input, #contactForm textarea {
border:2px solid #CCCCCC;
font-family:Helvetica,sans-serif;
font-size:1em;
margin:0 0 10px;
padding:5px;
width:150px;
}
.abonnez input.button {
width:100px;
margin-left:85px;}
.abonnez  legend {
font-size:1.2em;
padding-bottom:5px;}