

.theClear{
	clear:both;
}

/* ========================= SUB COL LEFT EVENTS =========================== */

.subcol-left #events{
	margin:0;
	padding:0;
	width:434px;
	height:160px;
	margin-left:25px;
	padding-top:30px;
}

#centercol #events h4{
	margin:0;
	padding:0;
	width:200px;
	margin-right:15px;
	float:left;
	text-align:left;
	font-size:15px;
	color:#6e5737;
}

#events li{
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.subcol-left #events hr, #centercol hr{
	display:inherit;
	position:relative;
	border-color:#333333;
	border-style:solid;
	border-bottom-width:1px;
	line-height:10px;
}



.subcol-left #events #leftSide a, .subcol-left #events #rightSide a {
	position:relative;
	margin-bottom:10px;
}

.subcol-left #events #leftSide{
	padding:10px;
	margin-top:5px;
	float:left;
	width:174px;
	height:180px;
	background-image:url(images/eventBackLeft.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

.subcol-left #events #rightSide{
	margin-left:15px;
	margin-top:5px;
	float:left;
	width:174px;
	height:180px;
	background-image:url(images/eventBackRight.jpg);
	background-repeat:no-repeat;
	padding:10px;
	text-align:left;
}

.subcol-left h4{
	text-align:center;
}

/* ===== SUB COL Right ====== */

.subcol-right{
	margin:0;
	padding:0;
	float:right;
	width:160px;
	/*background:url(images/right-bgr.gif) no-repeat top; */
	font-size:12px;
}

.subcol-right ul{
	margin-left:15px;
	margin-top:5px;
	width:120px;
}

#centercol .subcol-right h4{
	padding-left:14px;
	margin-top:20px;
	text-align:left;
}


/* Bottom */
.subcol-bot{
	clear:both;
	width:561px;
	background:url(images/columns-bot.jpg) no-repeat;
	height:126px;
}



/*---------- News List ----------*/
ul.services{
	padding:10px 0;
}
.services li{
	font-size:11px;
	background-image:url(images/list_logo.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding-left:30px;
	padding-top:3px;
	margin-top:10px;
	padding-bottom:5px;
}

.services li a{
	position:relative;
}



/*- Bottom Inline List -*/
.bottom h5{
	padding:0 0 8px 0;
	color:#000000;
	font-weight:normal;
	font-size:20px;
	letter-spacing:-1px;
}

.bottom h5 a{
color:#000000;
}

.bottom h6{
padding:0 0 8px 0;
color:#ffffff;
font-weight:normal;
font-size:10px;
}

.bottom h6 a{
color:#ffffff;
}

ul.bottom{
overflow:hidden;
}

.bottom li{
padding:10px 0 0;
margin:0 14px;
width:158px;
float:left;
font-size:10px;
}

* html .bottom li{
margin:0 20px 0 7px;
}

.bottom li.last,* html li.last{
	margin-right:0;
}


/*--- FOOTER ---*/
#footer{
	margin:0;
	padding:0;
	width:850px;
	color:#ffffff;
	text-align:center;
	margin-top:-6px;
	padding-top:30px;
	background-image:url(images/columns-bgr-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
}


#footer a{
	color:#ffffff;
}

/*--- Misc. styles ---*/
.fix{
	clear:both;
	line-height:1px;
	height:1px;
}*{
	margin:0;
	padding:0;
	border:0;
}

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	color:#636363;
	background:url(images/bgr.jpg) #42a9b0 repeat-x top;
	font:12px arial,tahoma,verdana,helvetica,sans-serif;
}

a{
	color:#6a5834;
	text-decoration:none
}

img{
	margin:0;
	padding:0;
}

a:hover{
	text-decoration:underline
}

input,select,textarea{
	border:#969696 1px solid;
	padding:2px;
	color:#000000;
	font:11px arial,tahoma,sans-serif;
}

select{
	padding:1px
}

li{
	list-style:none
}

#page{
	margin:auto;
	width:850px;
	padding:0;
}

/*--- HEADER ---*/
#header{
	position:relative;
	color:#ffffff;
	height:120px;
	margin:0;
	padding:0;
	background-image:url(images/columns-bgr-top.gif);
	background-repeat:no-repeat;
	background-position:bottom;		
}

#header img{
	float:left;
	margin-top:15px;
	margin-left:10px;
}




/* ======== Header Nav ========= */

#header ul{
	float:right;
	position:relative;
	width:850px;
	height:30px;
	text-align:right;
	margin-top:-15px;
}

#header ul li{
	display:inline;
	margin-right:15px;
}

#header ul li a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#header ul li.Case{
	display:none;
}

#header ul li.Community{
	display:none;
}

#header ul li.Partnerships{
	display:none;
}

#header ul li.conflit{
	display:none;
}

#header ul li.Partenariats{
	display:none;
}

#header ul li.internationaux{
	display:none;
}

#header ul li.Resources{
	display:none;
}

#header ul li.Ressources{
	display:none;
}



/*--- COLUMN LAYOUT ---*/
#columns{
	margin:0;
	padding:0;
	clear:both;
	background-image:url(images/columns-bgr-middle.gif);
	background-repeat:repeat-y;
	width:850px;
}


.frontColumn{
	height:493px;
}


/*--- LEFT column ---*/
#leftcol{
	position:relative;
	margin:0;
	padding:0;
	width:231px;
	float:left;
	margin-top:-7px;
}

#leftcol ul{
	margin-left:15px;
	margin-top:10px;
}

#leftcol ul li{
	margin-top:5px;
}

#leftcol ul li a{
	font-size:14px;
}

/*----------------------- CENTER column ---------------------*/
#centercol{
	margin:0;
	padding:0;
	width:619px;
	float:left
}

#centercol h2{
	color:#0b758d;
	font-size:22px;
	padding-bottom:20px;
}

#centercol h2 img{
	padding-right:20px;
}

#centercol h3{
	color:#9e9fa3;
	font-size:12px
}

#centercol h4{
	padding:0 0 3px 0;
	color:#6e5737;
	font-size:18px
}

#centercol #theRule{
	width:400px;
	margin-left:25px;
	margin-top:15px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
}


/*-=================================== Sub Columns ==============================-*/

/* Left */
.subcol-left{
	float:left;
	width:450px;
}

.subcol-left .spacer{
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
}

.subcol-left p{
	padding:0 0 0 0;
	font-size:12px
}


