/* @override http://www.scaldis.com.fr/styles/screen.css */

/* Futur Proche Multimédia 2008
Scaldis*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

#intro ul li {
	list-style-type: disc;
	margin-left: 25px;
	font-size: 1.2em;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	text-align: center;
	background: #315777 url(/imgs/interface/bodyBG.jpg) no-repeat center top;
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
}

a#enimages {
	width: 135px;
	height: 31px;
	background: url(/imgs/interface/BTenimages.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	position: absolute;
	top: 180px;
	left: 45px;
}
/** html a#enimages {
	position: static;
	margin-top: 40px;
}*/

#galerie-texte p {
	margin-top: 10px;
	line-height: 1.5em;
}

#container {
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; top: 30px; height:39px; }
#events #nav_home,
#sermons #nav_home,
#articles #nav_home,
#nav li 			{ float:left; padding-left:4px; background:url(/images/nav_li.gif) no-repeat left top; margin-right:4px;}

#sermons #nav_home a,
#events #nav_home a,
#articles #nav_home a,
#nav li a 			{ 
					  display:block; padding:0 13px 2px 9px; line-height:37px; font-size:1.2em; text-decoration:none; background:url(/images/nav_a.gif) no-repeat right top;
					} 

#events #nav_events,
#articles #nav_resources,
#sermons #nav_resources,
#nav li:hover,
#nav li.current		{ background:url(/images/nav_li_current.gif) no-repeat left top; }

#events #nav_events a,
#articles #nav_resources a,
#sermons #nav_resources a,
#nav li:hover a, 
#nav li.current a	{ background:url(/images/nav_a_current.gif) no-repeat right top; color:#422313;  }

#nav li li				{ display:block; background:none; margin-right:0; }

#nav li li a,
#nav li.current li a,
#nav li:hover li a						{ font-size:11px; color:#211814; padding:0 8px; line-height:20px; }
#nav li li a:hover,
#nav li li.current a					{ text-decoration:underline; color:#5b2a14; }

#sermons li#nav_resources.current li a,
#events li#nav_events.current li a,
#articles li#nav_resources.current li a,
#articles #nav_resources:hover li a,
#sermons #nav_resources:hover li a,
#nav li:hover li a,
#nav li li:hover,
#nav li.current li a,
#nav li li.current 						{ background:none;  }

#nav li ul 								{ position:absolute; left:-5000px; z-index:1001; width:100%; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 				{ left:-5000px; }

#nav li:hover ul,
#nav li.current ul						{ left:0; top:32px; padding-top:18px;}

/* @end */

#navlist
{
position: relative;
width: 100%;
height: 1.05em;
margin: 0;
padding: 0;
border-bottom: 3px solid #f63;
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 2px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #aaa #555 #f63 #999;
list-style-type: none;
}

#navlist li a
{
position: relative;
width: 6em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #eee;
color: #666;
font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #00c;
text-decoration: underline;
}

#navlist li#active a
{
font-weight: bold;
background-color: #f63;
color: #fff;
border-color: #f96 #c30 #f63 #f96;
}

#navlist li#active a:hover { color: #fff; }

#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: 0;
top: 1.25em;
height: 0.75em;
margin: 0;
padding: 0;
border-bottom: 3px solid #f63;
white-space: nowrap;
}

#navlist ul#subnavlist li
{
width: 14ex;
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;
color: #000;
font: normal normal 0.66em/110% Verdana, Arial, sans-serif;
}

#navlist ul#subnavlist li a:hover
{
color: #00c;
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
background-color: #fc9;
color: #000;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 600px;
/* IE5/Mac fixed width fix */
}

/* @group Tools */

#tools {
	color: white;
}

#tools ul li a {
	color: white;
	text-decoration: none;
}

#tools ul li a:hover {
	text-decoration: underline;
}

#tools ul {
	position: relative;
	float: right;
	right: 5px;
	top: -20px;
}

#tools li {
	display: inline;
}



/* @end */

#contenu {
	padding-top: 25px;/*25px*/
	background: #eff7fa url(../imgs/interface/angle.jpg) repeat-x 0 25px;
	margin-top: 0;
}

#article #a, #article #b, #article #c {
	width: 213px;
	min-height: 35em;
	float: left;
	text-align: center;
	top: 0;
	padding: 0 10px;
	margin-left: 15px;
}



#article #a p, #article #b p, #article #c p {
	margin: 0;
}

#a p img, #b p img, #c p img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#a h3, #b h3, #c h3 {
	font-size: 1.4em;
	text-align: center;
	color: #315777;
}

* html body #container #contenu {
	background: #eff7fa url(/imgs/interface/angle.jpg) repeat-x 0 27px;
}

#main-access {
	display: inline-block;
	background-color: #eff7fa;
	width: 100%;
	border-bottom: 1px solid #727c8d;
}

#actualites, #galeries, #realisations, #newsletter {
	background-color: #fff;
}

.subheader {
	background-color: #c0c0c0;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	height: 15px;
	display: block;
	text-indent: -5000px;
}

#actualites, #galeries {
	float: left;
	width: 225px;
	height: 249px;
}

#actualites {
	background: url(../imgs/interface/gradient-actu.png) repeat-y right;
}

#actualites-ext {
	float: left;
	width: 540px;
}

#nouveautes-ext {
	width: 180px;
	padding: 5px;
	margin-left: 10px;
	float: left;
	display: block;
	border-left: 1px solid #8bb4c2;
	margin-top: 30px;
}

#nouveautes-ext h3 {
	color: #305776;
	font-weight: bold;
	font-size: 1.2em;
}

#nouveautes-texte p {
	color: #305776;
	margin-bottom: 0.25em;
	line-height: 1.4em;
}

#nouveautes-ext h2 {
	color: #ff2e2b;
	font-size: 1.4em;
	margin-bottom: 0.35em;
}

#galeries {
	background: url(../imgs/interface/gradient-galerie.png) repeat-y right;
	position: relative;
}

#realisations {
	background: url(../imgs/interface/newsletter-bg.jpg) no-repeat;
	width: 155px;
	height: 249px;
}

#newsletter {
	background: url(../imgs/interface/newsletter-bg.jpg) no-repeat right top;
	width: 155px;
	height: 249px;
}

#realisations, #newsletter {
	float: left;
	width: 155px;
}

#actu-titre {
	background: url(../imgs/interface/glissiere-actu.png) no-repeat;
	width: 225px;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	font-weight: bold;
	color: #315777;
}

#galerie-titre {
	background: url(../imgs/interface/glissiere-galerie.png) no-repeat;
	width: 225px;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	font-weight: bold;
	color: #315777;
}

a#realisations-exemples {
	background-color: transparent;
	width: 145px;
	height: 240px;
	display: block;
	position: relative;
	left: 10px;
	text-indent: -5000px;
}

#actu-texte {
	padding: 10px;
	color: #315777;
	line-height: 1.5em;
}

#actu-texte p a.suite {
	text-decoration: none;
	color: #fd3000;
	font-weight: bold;
}

#newsletter p input#email {
	position: relative;
	top: 190px;
	width: 100px;
	margin-left: 8px;
	color: #315777;
	border: 1px solid #cdcdcd;
	padding: 3px;
}

#newsletter p input#submit {
	position: relative;
	top: 193px;
	margin-left: 2px;
}

#galerie-texte {
	padding: 5px;
	color: #5b6559;
	text-align: center;
	/*position: relative;*/
}

#newsletter {
}

#newsletter p.archives {
	position: relative;
	top: 200px;
	left: 10px;
}

#newsletter p.archives a {
	color: #fd3000;
	text-decoration: none;
	font-weight: bold;
}

#footer {
	clear: both;
	text-align: center;
	color: #fff;
	font-size: 1em;
	background: #999 url(../imgs/interface/logo-scaldis-petit.gif) no-repeat 660px bottom;
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #f0f0f0;
}

#baseline {
	display: block;
	background-image: url(../imgs/baseline.gif);
	height: 15px;
}

/* @group Hacks */
.clearfix:after
{content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

#contenu img.imgleft {
	margin-left: 10px;
	margin-top: 15px;
	float: left;
	display: inline-block;
}

div#spacer.clearfix {
}

#article p strong {
	color: #315777;
}

#actu-texte p a {
	color: #f72c05;
	text-decoration: none;
	font-weight: bold;
}

#contenu h1.title {
	font-size: 1.4em;
	color: #f72c05;
	margin-left: 270px;
	margin-top: 15px;
}

#colabc h1.title {
	margin-left: 15px;
}

#article p {
	margin-top: .75em;
	font-size: 1.1em;
	color: #333;
	margin-right: 10px;
	line-height: 1.5em;
	margin-left: 270px;}

#article p.intro-newsletter {
	font-size: 13px;
	color: #305776;
}

#article p.lien-newsletter a {
	color: #ff370c;
	font-size: 13px;
}

ul#references {
	margin-left: 270px;
	font-size: 1.1em;
	line-height: 2em;
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}

#references li {
	border-bottom: 1px solid #9dccde;
	width: 80%;
}

#contenu.googlemap {
	margin-right: 15px;
	margin-bottom: 15px;
}

#contenu h1.title.nomargin {
	margin-left: 15px;
}

#introduction p {
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 15px;
	text-align: center;
}

#introduction p strong {
	color: #315777;
}

#references li span.domaine {
	color: #315777;
}

#contenu img.carte {
	position: relative;
	top: 9px;
}

.clearer {
	clear: both;
}

div#savoirfaire {
	margin-top: 5px;
	position: relative;
}

#freeform fieldset {
	margin-left: 20px;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #b7ccb3;
	width: 70%;
	background-color: #edf6ec;
}

#mentions {
	
}

#mentions {
	margin: 20px;
	padding: 5px;
	color: #315777;
}

#mentions h4 {
	font-weight: bold;
	color: #e73900;
}

input#envoyer {
	margin-left: 20px;
}

#freeform h3 {
	color: #2f5573;
	font-size: 1.4em;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#freeform fieldset div {
	margin-bottom: 10px;
}

#freeform fieldset div label {
	width: 12em;
	float: left;
}

textarea#commentaires {
}

#freeform fieldset legend {
	margin-left: 5px;
	color: #315777;
	font-weight: bold;
	border: 1px solid #b7ccb3;
	background-color: #fff;
	padding: 3px;
}

#actualites-ext h2 {
	background: url(../images/titres/actualites-nouveautes.gif) no-repeat;
	width: 227px;
	height: 17px;
	display: block;
	text-indent: -5000px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#actualites-ext h3 {
	font: 150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ff2e07;
	margin-left: 10px;
}

#actu-img-ext {
	float: left;
	margin-right: 10px;
	display: block;
}

#actualites-ext #actu-texte p {
	font-size: 1.1em;
	line-height: 150%;
}

/* @group Fiches realisations */

#iefix {
	margin-top: 15px;
}

div.fiche-realisation {
	border: 1px solid #cecece;
	margin-left: 10px;
	margin-top: 10px;
	color: #333;
	width: 353px;
	float: left;
	min-height: 150px;
	text-align: left;
	background: white url(../imgs/interface/ombre-realisations.gif) repeat-y;
	padding: 5px;
}

* html div.fiche-realisation {
	height: 180px;
}
#contenu div.fiche-realisation div.col-right a.pdf-icon {
	display: block;
	background: url(../images/icons/pdf_icon.gif) no-repeat 0 center;
	padding-left: 20px;
	color: #305776;
	margin-top: 20px;
}

#contenu div.fiche-realisation div.col-right h2 {
	font: 1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #f33;
}

#contenu div.fiche-realisation div.col-right cite {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
	margin-top: 3px;
}

#contenu div.fiche-realisation div.col-right p {
	font-size: 1.1em;
	margin-bottom: 5px;
}

#contenu div.fiche-realisation div.col-left {
	float: left;
}

#contenu div.fiche-realisation div.col-right {
	margin-left: 165px;
	padding-left: 10px;
}

#intro {
	padding-right: 20px;
	padding-left: 20px;
	color: #305776;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline-block;
}

#intro p {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#intro h3 {
	font-size: 1.5em;
}



/* @end */