/* CSS Document  copyright Alpha Design*/



* {

 	padding:0;

	margin:0;

}



body, html {

	font:11px/20px Verdana, arial,  Helvetica, sans-serif;

	color: #000;

	text-align: center; 

}

body {

	background-color:#e2e2e2;

}

.floatleft{float:left}

.floatright{float:right}

.alpha {font: italic 23px "Courier New", Courier,Georgia; }

.alpha_h2 {font: bold italic 36px "Courier New", Courier,Georgia; }

.italic { font-style:italic}

.bold {font-weight:bold}

.highlight_blue {color:#2F1F89;font-weight:bold}

.highlight_grey {color: #666666 ;font-weight:bold}

.grey {color: #666666 ;}

.blue {color:#2F1F89;}

.blue_italic { font-style:italic; color:#2F1F89;}

.abbrev{cursor: help; }

.clear { clear: both; }



#preload {

	background-image: url("http://www.elatus.org/ban1.png");

	background-image: url("http://www.elatus.org/ban2.png");	
	
	background-image: url("http://www.elatus.org/ban3.png");

	background-image: url("http://www.elatus.org/ban4.png");

	background-image: url("http://www.elatus.org/ban5.png");

	background-image: url("http://www.elatus.org/ban6.png");

	background-image: url("http://www.elatus.org/ban7.png");

	background-image: url("http://www.elatus.org/ban8.png");

	background-image: url("http://www.elatus.org/ban9.png");

	background-image: url("http://www.elatus.org/ban10.png");

	display:inline;

	height:0px;

	width:0px;

}



#shadow-left	{

	background: transparent url("http://www.elatus.org/shadow_left.gif") repeat-y left;

	width:984px;

	margin: 0 auto;

}

#shadow-right	{

	background: transparent url("http://www.elatus.org/shadow_right.gif") repeat-y right;

	width:984px;

}

p {	

	color: #000; 

	margin:0;

	padding:0; 

}

sup {

	font-size:8px; 

	font-weight:normal;

	vertical-align: super;

}



* html sup {

	font-size:10px; 

}



th {

	font: bold 11px/18px Verdana, arial, Helvetica, sans-serif; 

}

ul {

	color:#e2e2e2; 

	font:11px/18px Verdana, arial, Helvetica, sans-serif;  

	letter-spacing: 0.1px;

	list-style-type:square;

}



li {

	color:#000;

	margin: 0 0 4px 40px;



}

div.box-ul { /*pour image en float left*/

	float:left;

}



.box {

	float:left;

	padding:0;

	margin:0 10px 10px 0;

	border: none;

}



#container {

	background-color:#fff;

	margin: 0px auto; 

	overflow:hidden;

	text-align: left;

	width:950px; 

}

#black_header {

	background:#000 ; 

	height: 180px;

	margin-bottom:-180px;

}

* html #header{

/*	margin-bottom:25px;

	overflow:hidden;*/

}

h1 {

	font-size:9px; 

	height: 321px; 

	margin-bottom:-115px;

	padding:0; 

	text-indent: -9999px;   

	width: 960px;

}

h1.accueil {

	background: transparent url("http://www.elatus.org/ban1.png") 0 ;

}

h1.realisation {

	background: transparent url("http://www.elatus.org/ban1.png") 0 ; 

}

h1.compte {

	background: transparent  url("http://www.elatus.org/ban2.png") 0 ; 

}

h1.news {

	background: transparent  url("http://www.elatus.org/ban3.png") 0 ; 

}

h1.screen {

	background: transparent  url("http://www.elatus.org/ban4.png") 0 ; 

}

h1.telecharger {

	background: transparent  url("http://www.elatus.org/ban5.png") 0 ; 

}

h1.support {

	background: transparent  url("http://www.elatus.org/ban6.png") 0 ; 

}

h1.faq {

	background: transparent  url("http://www.elatus.org/ban7.png") 0 ; 

}

h1.suggestion {

	background: transparent  url("http://www.elatus.org/ban8.png") 0 ; 

}

h1.contact {

	background: transparent  url("http://www.elatus.org/ban9.png") 0 ; 

}

h1.mentions {

	background: transparent  url("http://www.elatus.org/ban10.png") 0 ; 

}

blockquote {

	background:url("http://www.elatus.org/quote1.gif") no-repeat;

	width:220px;

	float:right;

	padding:15px 0 0 15px;

	margin:5px 0 0 5px;

}

blockquote ul{

text-indent:0px;



}

blockquote ul li{

text-indent:0px;

margin:10px;

}



blockquote.home{

	background:url("http://www.elatus.org/quote1.gif") no-repeat;

	float:left;

	width:400px;

	padding:0px 15px 0 15px;

	margin:5px 0 0 5px;

}



/*****  =Navigation 

***************************************/

#left {

	float: left; 

	width: 183px; 

	background:#FAFBF8; 

	padding-right:10px; 

	padding-bottom:10px; 

	border: 1px solid #dde6d7; 

	z-index:-1;

}

* html #left { 

	margin-top:-4px;

}								

#navcontainer {

	width: 178px; 

	margin-top:15px;

}

#navcontainer ul {

	padding:0; 

	margin: 0; 

	font: bold 13px/22px Verdana, arial, Helvetica, sans-serif; 

	text-indent: 20px; 

	border-bottom: #fff 1px solid; 

	list-style-type: none; 

	letter-spacing: 0.7px;

}

#navcontainer ul li {

	margin:0;

}

#navcontainer a {

	display: block; 

	width: 178px; 

	height: 25px;  

	padding:5px 0 0 12px; 

}

#navcontainer a:link {

	background:  url("http://www.elatus.org/bg_navbutton.gif"); color:#2F1F89; text-decoration: none;

	margin:0;

}

#navcontainer a:visited {

	background:  url("http://www.elatus.org/bg_navbutton.gif"); color: #697bd6; text-decoration: none

}

#navcontainer a:hover {

	background:  url("http://www.elatus.org/bg_navbutton_over.gif"); color: #0033CC; text-decoration: none

}



#navcontainer li a#current {

	background:  url("http://www.elatus.org/bg_navbutton_current.gif"); color: #a5003b; text-decoration: none

}



/*****  =Favorite Links

***************************************/

#favlinks {

	margin-top:5px; 

	padding-left:10px; 

	width:175px; 

	float:left;

}

#favlinks h2 {

	padding:20px 0 0 0; 

	margin:0 0 5px 7px; 

	font:13px Verdana, arial, Helvetica, sans-serif; 

	color: #039; 

}

#favlinks ul {

	padding:0; 

	margin: 0; 

	list-style-type: none; 

	text-indent: 15px;

}

ul.extlinks li {

	padding-left: 10px; 

	background:  url("http://www.elatus.org/bullet_extlink_1.gif") no-repeat 0px 3px; 

	font: 11px/20px Verdana, arial, Helvetica, sans-serif;

	margin:0 0 0 7px;

}

.extlinks a:link {

	color: #141ECB; 

	border-bottom: #039 1px dotted; 

	text-decoration: none;

}

.extlinks a:visited {

	color: #6f2d47; 

	border-bottom: #959e79 1px dotted; 

	text-decoration: none;

}

.extlinks a:hover {

	color: #a5003b; 

	border-bottom: #a5003b 1px solid; 

	background-color: #ffffff; 

	text-decoration: none;

}

#favlinks img{

	margin-left:15px;

}



h3 {

	font: 14px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 

	padding-top: 5px; 

	font-weight: bold; 

	border-bottom:2px solid #fff;  

}

h3.noligne {

	border-bottom:0px solid #fff;  

}

h3.photo {

	font: 10px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 

	padding-top: 0px; 

	font-weight: normal; 

	border-bottom:1px solid #fff; 

}



/***** =Main Content 

***************************************/



#content {

	float: left; 

	margin: 0 10px 10px 30px;

	text-align:left;

	width:706px;

	z-index:10;

}

* html #content {

	width:700px;

}

	#content  img {

		border: 1px solid #e2e2e2; 

		padding: 20px; 

		background-color:#ffffff; 

		margin:15px 25px 0 0;

	}

	

	#content img.box {

		float:left;

		padding:0;

		margin:0 20px 10px 0;

		background-color:transparent;

		border: none;

	}

	#content h2 {

		color: #a5003b; 

		font: bold 18px Verdana, arial, Helvetica, sans-serif, Times, serif; 

		padding: 0; 

		margin: 5px 0 0 0; 

	}

	#content h2.ref {

		color: #a5003b; 

		font: bold 11px Verdana, arial, Helvetica, sans-serif, Times, serif; 

		margin:-2px 0 10px 1px;

	}

	#content h3 {

		border-bottom:2px solid #f3f3f3; 

		font: bold 14px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 

		margin:5px 0 5px 0;

		padding: 15px 0 2px; 

		

	}

		#content h3 .small_h3_bold{

			font: bold 11px Verdana, arial, Helvetica, sans-serif, Times, serif;

		}

		#content h3 .small_h3{

			font: 11px Verdana, arial, Helvetica, sans-serif, Times, serif;

		}

	#content h4 {

		font: 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif; 

		line-height:20px; 

		margin:0 0 0 15px; 

		padding-top: 10px; font-weight: bold; 

		padding-bottom: 5px;	

	}

	#content li  h4 {

		font: bold 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif;  

		margin:0; 

		padding: 10px 0 5px 0; 

	}

	

	#content  a:link {

		color: #2F1F89; 

		border-bottom: #C5D7F7 1px solid; 

		text-decoration: none;  

		margin-left: 0px;

	}

	#content  a:visited {

		color: #617E20; 

		border-bottom:#959e79 1px dotted; 

	

	}

	#content a:hover {

		color: #a5003b; 

		border-bottom: #a5003b 1px solid; 

	}

	#content .langue {float:right; margin:0 -25px 0 0 ; padding:0;}

	#content .langue a:link img {border: 1px solid #e2e2e2; padding: 10px; background-color:#ffffff; }

	#content .langue a:visited img {border: 1px solid #e2e2e2; }

	#content .langue a:hover img {border: 1px solid #a5003b;

	}

	#content .langue a:link {border-bottom:0} 

	#content .langue a:visited {border-bottom:0}

	#content .langue a:hover {border-bottom:0}





/*****  =sitepal présentation

***************************************/





ul.sitepal-presentation {

	width:550px;

	margin:15px 0 0 -10px;

}



ol li {

	font-weight:bold;

}



/*****  =sitepal tarif

***************************************/





table.sitepal {

	margin-left:15px; 

	border-collapse:collapse;

}

	table.sitepal tr td {

		text-align:left; 

		padding:5px ; 

		line-height:130%; 

	}

	#content table.sitepal tr td.center{

		text-align:center;

	}

	#content table.sitepal tr td.center img{

		border: #ececec 1px solid; 

		padding:10px 15px 10px 15px; 

		margin:0 10px 0 10px;

	}



.border_bottom_light_blue{

	border:1px solid #ececec; 

}

td.border_bottom_light_blue ul{

	margin-left:-15px;

}

* html td.border_bottom_light_blue ul{

	margin-left:-30px;

}

#content table.sitepal  td.eighteenpx{

	font-size: 17px;  font-weight:bold; font-style:oblique; text-align:right; 

}

#content table.sitepal  td.ninepx{

	font-size:9px; vertical-align:top; text-align:left;

}



table.sitepal_pack {

	border-collapse:collapse; z-index:10;

}

table.sitepal_pack tr td {

	text-align:center; padding:1px 1px 3px 1px ; line-height:130%; border-bottom:1px solid #ececec;

}

#content table.sitepal_pack tr td.center{

	text-align:center;

}

#content table.sitepal_pack tr td.center img{

	border:0; padding:0; margin:0 5px 0px;

}

#content table.sitepal_pack tr td img{

	border:0; padding:0; margin:0 5px 0px;

}

.border_bottom_light_blue{

	border:1px solid #ececec; 

}

td.border_bottom_light_blue ul{

	margin-left:-15px;

}

* html td.border_bottom_light_blue ul{

	margin-left:-30px;

}

#content table.sitepal_pack  td.thirteenpx{

	font-size: 13px;  font-weight:bold; font-style:oblique; text-align:right; text-align:right;

}

#content table.sitepal_pack  td.ninepx{

	font-size:9px; vertical-align:top; text-align:left;

}

.ninepx{

	font-size:9px; vertical-align:top; text-align:left;

}

#content table.sitepal_pack td.left {

	text-align:left;}

#content table.sitepal_pack td.left span.highlight_blue {

	color:#2F1F89;font-weight:bold

}



/***** =Palettes de couleur

***************************************/



#wrap-palette-turnkey {

	overflow:hidden;

	width:721px;

} 

	#wrap-palette-turnkey table{

		margin-left:-13px

	} 

		#wrap-palette-turnkey table iframe {

			width:721px;

			height:406px;

		}

		

* html #wrap-palette-turnkey {

	overflow:hidden;

	width:720px;

} 

hr#palette {

	width:711px;

	size:1px;

	noshade:noshade;

	color:#e2e2e2;

	background-color: #e2e2e2;

}



/***** =google map

***************************************/



div#map{

	float:left; 

	height: 700px; 

	margin-left:38px;

	width: 721px;

}





/***** = adapted from alistapart Practical CSS Layout Tips, Tricks, & Techniques by MARK NEWHOUSE ***************************************/

div.row {

	clear: both; 

	padding-top: 0px;

}

div.row span.label {

	float: left;  

	text-align: left;

	width: 45px;

}

div.row span.formw {

	float: left; 

	width: 120px; 

	text-align: left;



}

div.address {

	padding-left:4%; 

	margin-left: 10%; 

	background-color:#fff; 

	width:65%; 

	border: 1px solid #ececec; 

}

* html div.address {

	width:65%; 

	padding-left:10%;

}

div.address_left {

	width: 45%; 

	float:left;

}

* html div.address_left {

	width: 45%;

}

div.address_right{ /* ????*/

	width: 50%; 

	float:left; 

	margin-left:0%;

	clear:both;

}

* html div.address_right {

	width: 55%;

}









/***** =back to top NOT USED 

***************************************/

.arrow { 			

	font-size: 10px; 

	font-weight:bold; 

	position:relative; 

	left: 57%;

}

* html .arrow {

	left: 60%; 

}

.arrow img {

	margin-right:5px; 

	border:0;

}

.arrow a:link{

	color: #B3DC93; 

	text-decoration: none;

}

.arrow a:visited{

	color: #6f2d47; 

	text-decoration: none;

}

.arrow a:hover{

	color: #a5003b; 

	background-color: #ffffff; 

	text-decoration: none

}







/***** =footer 

***************************************/

#footer {

	background-color:#000;

	clear:both;

	padding: 0 0 5px 0;   

	margin: 0 auto;

	height:40px;

	width:950px; 

}

	#footer h2 {

		color: #fff; 

		font: 10px Verdana, arial, Helvetica, sans-serif; 

		margin: 0; 

		padding:0;

		text-align: center;

	}

		#footer h2 a {

			text-decoration: none

		}

		#footer h2 a:link {

			color: #fff; 

		}

		#footer h2 a:visited {

			color: red; 

		}

		#footer h2 a:hover {

			color: red; 

		}









/***** =référencement

 ***************************************/



ol {

	margin: 0 0 0 25px; 

	font:12px/18px Verdana, arial, Helvetica, sans-serif;  

	letter-spacing: 0.1px; 

}

	ol li {

		font: 11px/18px Verdana, arial, Helvetica, sans-serif;  

		margin-top:5px;

	}



		ol li p{

			margin:-5px 0 0 -2px; 

		}

		ol li ul li{

			font-weight:normal; 

		}

.imageright {

	border: #bac1a3 1px solid; 

	float: right; 

	padding: 7px;   

	margin-left: 10px;    

	background-color: #ffffff

}



.noscript {

	background-color:#990000;

	font-family:Verdana, arial, Helvetica, sans-serif; 	

	line-height: 140%; 

	font-weight:bold; 

	font-size:14px; 

	color:#fff; 

	display:block; 

	margin:auto; 

	text-align:center

}



/**=boxover tootips ****/



.deux {

	width:194px; 

	text-align:left;

	border:1px solid #A5CFE9;

	font: 11px/14px Verdana;

	background-color:#fff;

	color:#1B4966;

	padding:3px;

}

.sixsixzero {

	width:660px; 

	font: 11px/14px Verdana;

	background-color:#fff;

	color:#1B4966;

	padding:3px;

}