/*
	Nom: Collectif Autisme
	Date: Février 2011
	Description: Design for collectif-autisme.com
	Version: 1.0
	Auteur: Frédéric Honoré
	Auteur URI: http://www.egztudio.com/
*/

/* Global
----------------------------------------------------------------------------------------------------*/
/* Body */
body {
	color: #525252;
	font-size: 75%;
	font-family: Verdana, 'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;
	}
.pink-text {
	color:#bd3686;
}
p, th, td {
	line-height: 1.25em;
	}
ul, ol, dl, .with-margin {
	margin-bottom: 1.667em;
}
p {
	margin-bottom: 1em;
	}
	.small-margin {
		margin-bottom: 0.5em;
	}
	.medium-margin {
		margin-bottom: 1em;
	}
	.large-margin {
		margin-bottom: 2.417em;
	}
a {
	text-decoration: none;
}
strong {
	color: #000;
}
.bold{
	font-weight:bold;
}
small {
	color: #808080;
	font-size: 0.833em;
	text-transform: uppercase;
	font-weight: normal;
	}
	small strong {
		color: #808080;
	}
#main-content h2 {
	color: #000000;
	font-size: 1.25em;
	line-height: 1.267em;
	margin-bottom: 1.267em;
}
#main-content h3 {
	color: #ea661d;
	margin-bottom: 1.267em;
}
#main-content h4 {
	font-weight:normal;
	font-style:italic;
	color: #ea661d;
	margin-bottom: 0.75em;
}
#main-content h5 {
	color: #bd3686;
	margin-bottom: 1.267em;
}
#main-content h6 {
	font-weight:normal;
	font-style:italic;
	color: #bd3686;
	margin-bottom: 0.75em;
}
#main-content h7 {
	color: #ffbc00;
	margin-bottom: 1.267em;
}
#main-content h8 {
	color: #0942a2;
	margin-bottom: 1.267em;
}



h2:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
hr:last-child {
	margin-bottom: 0;
}
/* IE class */
h2.last-child,
p.last-child,
ul.last-child,
ol.last-child,
dl.last-child,
hr.last-child {
	margin-bottom: 0;
}

/**************** Generic classes ***************/
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.center-align {
	margin:0 auto;
}
img.center-align {
	display:block;
	margin:1em auto;
}
.align-right {
	text-align: right;
}
.margin-left {
	margin-left: 1em;
}
.margin-right {
	margin-right: 1em;
}
.gutter-left {
	margin-left: 2em;
}
.gutter-right {
	margin-right: 2em;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.relative {
	position: relative;
	z-index: 89;
}
.absolute {
	position: absolute;
	z-index: 89;
}
.upper-index {
	z-index: 90 !important;
}
.with-padding {
	padding: 1em;
}
.with-margin-top {
	margin-top: 1em;
}
.with-padding-bottom {
	display:block;
	padding-top: 1em;
}
.no-bottom-margin {
	margin-bottom: 0 !important;
}
.bigger {
	font-size: 2.5em;
	}
	h2.bigger {
		margin-bottom: 0.8em;
	}
.big {
	font-size: 1.5em;
	}
.small {
	font-size: 0.833em;
}
.smaller {
	font-size: 0.75em;
}
.upper{
	text-transform:uppercase;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
}
	#header div#left{
		width:275px;
		height:110px;
		border-left:1px solid #4c4c4b;
		/*background:url(/images/left.jpg) no-repeat;*/
	}
	#header h1{
		display:block;
		line-height:1px;
		text-indent:-8000px;
	}
	#header h1 a{
		display:block;
		width:409px;
		height:110px;
		position:relative;
		left:-45px;
		background:url(/images/collectif_title.png) no-repeat top center;
	}
	#header div#right{
		float : right;
		width:275px;
		height:110px;
		border-right :1px solid #4c4c4b;
		/*background:url(/images/right.gif no-repeat top right;*/
	}

/* Content
----------------------------------------------------------------------------------------------------*/
div.border{
	border:1px solid #4c4c4b;
	border-top:none;
	position : relative;
	height : 570px;
}

div.border-new {
	border:1px solid #4c4c4b;
	position : relative;
	height : 700px;
}

#main-nav{
	line-height: 1.429;
	margin-left:0;
}
	#main-nav ul.rounded-list{
		margin-top:150px;
	}
	#main-nav a.contact{
		display:block;
		width:106px;
		height:21px;
		color:#515151;
		padding-left:52px;
		padding-top:7px;
		background:url(/images/contact.jpg) no-repeat;
		text-transform:uppercase;
	}
	#main-nav a.contact:hover{
		text-decoration:underline;
	}
#main-content{
	text-align:justify;
	margin-top:45px;
	width:484px;
}
#main-content address{
	margin-bottom:1em;
}
#main-content #links{
	height:390px;
	overflow-y:scroll;
}
#main-content #links a{
	color:#bd3686;
}
#main-content #links a:hover{
	text-decoration:underline;
}	
#main-content A {
	color : #525252;
	text-decoration : underline;
	font-style:normal;
}
#main-content A:hover {
	color : #000000;
	text-decoration : underline;
	font-style:normal;
}	
#main-side #actu{
	width:120px;
	margin:0 0 0 auto;
	border:1px solid #4c4c4b;
	text-align:center;
	font-size:0.8em;
	padding:1.5em 0.25em;
}
	#main-side ul{
		margin-right:0;
		margin-top:400px;
	}
		#main-side ul li{
			text-align:right;
			margin-bottom:1.5em;
		}
			#main-side ul li a{
				text-transform:uppercase;
				color:#515151;
			}
			#main-side ul li a:hover{
				text-decoration:underline;
			}
footer a{
	margin-top:1em;
	color:#bbbbbb;
}
	footer a:hover{
		text-decoration:underline;
	}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix{
	display: inline-block;
}

* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}