@import url("reset.css");

body{
	margin: 0px;
	padding: 0px 18px 0px 26px;
	background: #FFFFFF;
	font: 12px/16px Tahoma, Verdana, Arial, sans-serif;
	color: #0053a0;
}
#body{
	background: #d9e5f1 url(/images/bg.gif) 0px 0px repeat-x;
	text-align:  center;
	padding: 0px 0px 30px 0px;
}
a{color: #0053a0; text-decoration: underline;}
a:hover{color: #00396d; text-decoration: none;}

#main ul, #main ol, 
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6{text-align: left;}

h2, h3, h2 input.title_edit, #side h4{
	color: #0053a0;
	text-transform: uppercase;
	font: 14px/15px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #0858a3;
	padding: 16px 0px 5px 0px;
	margin-bottom: 6px;
	text-align: left;
}	h2{margin: 0px 18px 4px 26px;}
	div.texte h2{margin: 0px;}
	#side h4{z-index: 1;}
h2 input.title_edit{
	position: absolute;
	top: -5px;
	left: 8px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: none;
}
h2{position: relative;}
h3{padding: 36px 20px 5px 0px; margin-right: 110px;}
h4{
	color: #0053a0;
	text-transform: uppercase;
	font: 13px/15px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #0858a3;
	padding: 16px 0px 5px 0px;
	margin-bottom: 6px;
}
h5{
	color:#ea8a02;
	font: 13px/15px Arial, Helvetica, sans-serif;
	padding: 16px 0px 5px 0px;
	font-weight:bold;
}
h6{
	font: 13px/15px Arial, Helvetica, sans-serif;
	padding: 16px 0px 5px 0px;
	font-weight:bold;
}
p{
	padding: 8px 0px;
	text-align: justify;
}
ul{padding: 10px 0px;}
ul li{
	background: url(/images/bullets.gif) 2px 4px no-repeat;
	padding: 0px 0px 15px 18px;
	text-align: left;
}
ol{
	margin-left: 20px;
	list-style: decimal;
	text-align: left;
}
ol li{padding: 0px 0px 15px 0px;}

ul ul,
ol ol{padding-bottom: 0px;}
ol ol{padding-top: 10px;}
ul li li,
ol li li{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: -583px 10px;
	padding: 5px 0px 5px 25px;
	color: #666666;
}
body.profil ul li li{
	margin-left:90px;
}
ol li li,
ul li li{
	background: none;
	padding-left: 0px;
}

.editBTN{
	position: absolute;
	background: #FFFFFF url(/images/bg.gif) 0px -399px repeat-x;
	padding: 15px;
	top: 0px;
	left: 404px;
	z-index: 200;
}	.editBTN img{cursor: pointer;}

div.texte table, div.texte table th, div.texte table td{
	vertical-align: top;
	text-align: left;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: separate;
}
div.texte table{
	margin-bottom: 20px;
	border-bottom: 5px solid #0053a0;
}
div.texte table p{text-align: left;}
div.texte table th, div.texte table td{
	padding: 3px 10px;
}
div.texte table th{
	padding: 8px 10px;
	background: #0053a0;
	color: #FFFFFF;
	border-bottom: 1px solid #b2cbe2;
}
div.texte table td{
	border-top: 1px solid #0053a0;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

table.htmlarea,
table.htmlarea tr,
table.htmlarea th,
table.htmlarea td{
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	background: none;
	vertical-align: middle;
}

#main{text-align: justify;}

#header{background: url(/images/bg_header.gif) center top no-repeat;}
#header div.top{
	background-position: center 102px;
	background-repeat: no-repeat;
	height: 399px;
	min-height: 399px;
	background-image: url(/images/img-head-temp.jpg);
}	
	body.profil #header div.top{
		background-image: url(/images/img-head-profil.jpg);
	}
	body.services #header div.top{
		background-image: url(/images/img-head-services.jpg);
	}
	body.realisations #header div.top{
		background-image: url(/images/img-head-realisations.jpg);
	}
	body.nousjoindre #header div.top{
		background-image: url(/images/img-head-joindre.jpg);
	}
	body.promessededon #header div.top{
		background-image: url(/images/img-head-don.jpg);
	}


html > body{height: auto; min-height: 399px;}
#page{background: #FFFFFF url(/images/bg.gif) 0px -399px repeat-x;}
	#page div.top{background: url(/images/bg_page.gif) center top repeat-y;}
	#page.full div.top{background-image: url(/images/bg_page_full.gif);}
	#page div.middle{background: url(/images/bg_page_header.gif) center top no-repeat;}
	#page.full div.middle{background-image: url(/images/bg_page_header_full.gif);}
	#page div.col{background: url(/images/bg_footer_col.gif) center bottom no-repeat;}
	#page div.bottom{
		background: url(/images/bg_page_footer.gif) center bottom no-repeat;
		height: 467px;
		min-height: 467px;
	}	html > body #page div.bottom{height: auto; min-height: 467px;}
	#page.full div.bottom{background-image: url(/images/bg_page_footer_full.gif);}

#footer{background: url(/images/bg_footer.gif) 0px 0px repeat-x;}
	#footer div.top{
		background: url(/images/bg_footer.jpg) center top no-repeat;
		height: 60px;
		min-height: 60px;
	}	html > body #footer div.top{height: auto; min-height: 60px;}
#footer div.foot{padding-left: 230px;}
#footer div.foot a{text-decoration: none;}
#footer div.foot a:hover{text-decoration: underline;}
#footer div.foot ul,
#footer div.foot ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	color: #0053a0;
	font: 11px/14px Arial, Helvetica, sans-serif;
}
#footer div.foot ul{padding: 24px 0px 0px 26px;}
#footer div.foot ul li,
#footer div.foot ul li a{float: left;}
#footer div.foot ul li b{
	float: left;
	padding: 0px 6px;
	font-size: 14px;
}
#footer div.foot p{
	float: right;
	text-align: right;
	width: 280px;
	padding-right: 18px;
	font: 11px/14px Arial, Helvetica, sans-serif;
}
	
	
div.holder{
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	text-align: left;
}

#header h1{padding-top: 12px;}
#header h1 strong{display: none;}

#menu{padding: 19px 0px 0px 18px;}
#menu ul,
#menu ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#menu ul li{
	width: 191px;
	padding: 4px 0px;
}
#menu ul li a{
	display: block;
	width: 173px;
	height: 30px;
	font: bold 17px/30px Arial, Helvetica, sans-serif;
	background: url(/images/menu.jpg) -900px -0px no-repeat;
	margin: 0px 0px 3px 0px;
	text-decoration: none;
	color: #0053a0;
}
#menu ul li a:hover,
#menu ul li a.selected{color: #FFFFFF;}

#menu ul li.accueil a{margin-left: 8px; width: 133px; padding-left: 32px;}
#menu ul li.accueil a:hover,
#menu ul li.accueil a.selected{background-position: -26px -258px;}

#menu ul li.profil a{margin-left: 2px; width: 142px; padding-left: 29px;}
#menu ul li.profil a:hover,
#menu ul li.profil a.selected{background-position: -20px -299px;}

#menu ul li.services a{width: 149px; padding-left: 24px;}
#menu ul li.services a:hover,
#menu ul li.services a.selected{background-position: -18px -340px;}

#menu ul li.realisations a{margin-left: 1px; width: 142px; padding-left: 30px;}
#menu ul li.realisations a:hover,
#menu ul li.realisations a.selected{background-position: -19px -381px;}

#menu ul li.nous-joindre a{margin-left: 3px; width: 138px; padding-left: 32px;}
#menu ul li.nous-joindre a:hover,
#menu ul li.nous-joindre a.selected{background-position: -21px -422px;}

#right{
	width: 720px;
	float: right;
}
#left{
	width: 215px;
	float: left;
	padding-left: 15px;
	color: #FFFFFF;
}
#main, #side{
	width: 405px;
	float: left;
}
#side{
	width: 271px;
	padding: 0px 15px 40px 11px;
	
}
#page.full #main{
	width: 702px;
}
#side div.more{
	margin-top: -30px;
	text-align: right;
	z-index: 10;
	position: absolute;
	width: 271px;
}

#main{position: relative;}
#main div.texte{
	padding: 0px 18px 50px 26px;
}

	#left div.citation{padding: 60px 15px 15px 15px;}
	#left div.citation cite{
		text-align: justify;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		background: url(/images/cite-quotes.gif) 5px 0px no-repeat;
	}
	#left div.citation cite strong{
		display: block;
		font-weight: normal;
		background: url(/images/cite-quotes.gif) right bottom no-repeat;
		padding: 10px 0px 10px 0px;
	}
	#left div.citation em{
		display: block;
		text-align: right;
		font: 10px/12px Arial, Helvetica, sans-serif;
		padding-top: 15px;
	}
	
#don{position: relative;}
#don a{
	top: -145px;
	left: 20px;
	display: block;
	position: absolute;
	width: 205px;
	height: 173px;
	background: url(/images/faites-un-don.png) 0px 0px no-repeat;
}
#don a:hover{background-position: 0px -173px;}

#services ul,
#services ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#services ul{padding-top: 3px;}
#services ul li,
#services ul li a{float: left;}
#services ul li a{
	height: 20px;
	padding: 0px 6px;
	margin-right: 1px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #FFFFFF;
	border-top: 5px solid #e7e8e9;
	border-bottom: 1px solid #e7e8e9;
	background-position: -700px -700px;
	background-repeat: no-repeat;
}
#services ul li a:hover{
	color: #FFFFFF;
	background-color: #0053a0;
}
#services ul li a.selected,
#services ul li a.selected:hover{
	color: #666666;
	background-color: #FFFFFF;
	cursor: default;
	border: none;
	padding: 3px 9px;
	font-weight: bold;
	font-size: 15px;
}
#service{
	clear: left;
	background: #FFFFFF;
	margin-bottom: 10px;
}
#service a{text-decoration: none;}
#service a:hover{text-decoration: underline;}
#service p{
	padding: 5px 0px 5px 0px;
	text-align: center;
}
#service p img{
	background-position: center center;
	background-repeat: no-repeat;
}
#service div{
	padding: 0px 20px 9px 20px;
	text-align: center;
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
}

div.map{
	width: 343px;
	border: 1px solid #e7e8e9;
	padding: 8px;
	background: #FFFFFF;
}

.gauche{
	float:left;
	padding:0 5px 0 0;
}
.droite{
	float:right;
	padding:0 0 0 5px;
}

/* FORMULAIRES */
.promessededon #main div.texte{
	padding-bottom: 10px;
}
form, .marges{
	padding: 0px 18px 50px 26px;
}
input{
	background:#FFFFFF url(/images/bg_field.gif) left top repeat-x;
	height:21px;
	border:1px solid #0053a0;
}
form div{
	border:1px solid #ea8a02;
	padding:5px;
	background:#f6e9d0;
	margin-bottom:5px;
}
form span{
	padding:5px 0;
}

#videos ul,
#videos ul li,
#videos ul li a{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#videos{padding-top: 10px;}
	#videos ul li a{
		display: block;
		width: 658px;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #e3e3e3;
		text-decoration: none;
		background: url(/images/bg_page_footer_full.gif) -248px -160px no-repeat;
		color: #444444;
		float: left;
	}
	#videos ul li a:hover{
		background: #dfe9f2;
		border-bottom-color: #b7c5d1;
		color: #00396d;
	}
	#videos ul li a span{
		float: left;
		width: 476px;
		padding: 10px;
	}
	#videos ul li a span.pic{
		border: 10px solid #dfe9f2;
		margin: 10px;
		width: 122px;
		padding: 0px;
	}
	#videos ul li a:hover span.pic{border-color: #FFFFFF;}
	#videos ul li a span.pic img{border: 1px solid #0053a0;}
	#videos ul li a strong{
		display: block;
		font: 16px/20px Arial, Helvetica, sans-serif;
		padding-bottom: 10px;
		color: #00396d;
	}
	#videos ul li a:hover strong{color: #00274a;}