/* ----- ELEMENTS DE DEPART ----- */

html {
	background:#F4F4F4 url('../../images/bg_html.jpg') repeat-x center top;
}

body {
	margin: 0;
	border: 0;
	background:url('../../images/bg_top.jpg') no-repeat center top;
	height:100%
}

#conteneur {
	width: 980px;
	padding: 0;
	margin: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000
}

#top {
	width:980px;
	height:210px;
}

#logo_ddi {
	background:url('../../images/logo_ddi.jpg') no-repeat ;
	display:inline;
	width:248px;
	height:136px;
	float:left;
	margin:15px 0 0 40px;
	padding:0;
	cursor:pointer;
}

#top img {
	position:absolute;	
}

#top object {
	width:675px;
	height:180px;
	float:right
}

#minimenu {
	float:left;
	display:inline;
	margin:9px 0 0 215px;
	width:96px
}

#minimenu a {
	display:inline;
	float:left;
	font:10px Arial, Helvetica, sans-serif;
	width:13px;
	height:13px;
	margin-left:10px;
}
	
#minimenu1 {
	background:url('../../images/ico_accueil.png') no-repeat center;
	width:10px;
	height:9px
}

#minimenu1:hover {
	background:url('../../images/ico_accueil_hover.png') no-repeat center;
}

#minimenu2{
	background:url('../../images/ico_direaunami.png') no-repeat;
	width:12px;
	height:12px
}

#minimenu2:hover {
	background:url('../../images/ico_direaunami_hover.png') no-repeat;
}

#minimenu3{
	background:url('../../images/ico_favoris.png') no-repeat center;
	width:11px;
	height:11px
}

#minimenu3:hover {
	background:url('../../images/ico_favoris_hover.png') no-repeat center;
}

#minimenu4{
	background:url('../../images/ico_sitemap.png') no-repeat;
	width:13px;
	height:13px
}

#minimenu4:hover {
	background:url('../../images/ico_sitemap_hover.png') no-repeat;
}

#menu_horizontal {
	height:30px;
	width:449px;
	display:inline;
	float:left;
}

#menu_horizontal a {
	margin-right:2px
}

#accueil {
	display:block;
	float:left;
	background:url('../../images/accueil.jpg') no-repeat;
	width:131px;
	height:30px
}

#accueil:hover {
	background:url('../../images/accueil_hover.jpg') no-repeat;
}

#presentation {
	display:block;
	float:left;
	background:url('../../images/presentation.jpg') no-repeat;
	width:177px;
	height:30px
}

#presentation:hover {
	background:url('../../images/presentation_hover.jpg') no-repeat
}

#contact {
	display:block;
	float:left;
	background:url('../../images/contact.jpg') no-repeat;
	width:135px;
	height:30px
}

#contact:hover {
	background:url('../../images/contact_hover.jpg') no-repeat;
}

/*********************************
******* COLONNE GAUCHE ******
*********************************/

#colonne_gauche {
	border:1px dotted #C5041E;
	background-color:white;
	border-top:0;
	margin-top:7px;
	width:220px;
	float:left
}

#menu_gauche {
	width:220px;
	margin:0 0 10px 0;
}

#menu_gauche h2 {
	margin:1px 0;
}

#menu_gauche h2 a, .menutitre {
	cursor:pointer;
	display:block;
	background:#A8A8A8 url('../../images/bg_menu_gauche.jpg') no-repeat;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ECE9D8;
	width:180px;
	padding:3px 0 3px 40px;
}

#menu_gauche h2 a:hover, .menutitre:hover {
	background:#E33128 url('../../images/bg_menu_gauche_hover.jpg') no-repeat;
	color:#ECE9D8
}

.stretcher {
	list-style-type:none;
	font-size:12px;
	margin:5px 0 5px 40px;
	padding:0;
}

.stretcher li {
	margin:5px 0;
}

.stretcher a {
	color:#666666
}

.stretcher a:hover {
	color:#1405A4
}

#diagnostic {
	background:url('../../images/bg_diagnostic.jpg') no-repeat top;
	text-align:center;
	width:219px;
	height:109px;
	margin:0 auto;
	padding-top:40px;
}

#diagnostic input {
	margin:0 auto;
}

#diagnostic h2 {
	margin:1px 0;
}

#diagnostic h2 a {
	cursor:pointer;
	display:block;
	background:#A8A8A8 url('../../images/bg_menu_gauche.jpg') no-repeat;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ECE9D8;
	width:180px;
	padding:3px 0 3px 40px;
}

#diagnostic h2 a:hover {
	background:#E33128 url('../../images/bg_menu_gauche_hover.jpg') no-repeat;
	color:#ECE9D8
}

#diagnostic  p {
	background-color:white;
	margin:0
}

.input_login {
	background:url('../../images/bg_input.jpg') no-repeat top right;
	width:155px;
	height:20px;
	margin:8px auto
}

.input_login input{
	width:150px;
	height:17px;
	border:0;
	background:none;
	padding:3px 0 0 5px;
	color:#1404A4;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#rss {
	display:block;
	background:url('../../images/rss.jpg') no-repeat center left;
	height:18px;
	padding:5px 0 0 30px;
	margin:12px 9px;
	text-decoration:underline;
}

#logo_ekinoxe {
	margin:auto;
	display:block;
	width:108px;
	height:92px;
	background:url('../../images/logo_ekinoxe.jpg') no-repeat;
}

/*********************************
******* COLONNE DROITE ******
*********************************/

#colonne_droite {
	border:1px dotted #1404A5;
	background-color:white;
	border-top:0;
	margin-top:7px;
	width:220px;
	float:right
}

#newsletter {
	text-align:center;
	width:219px;
	height:99px;
	margin:0 auto;
	padding-top:10px;
	background:url('../../images/bg_newsletter.jpg') no-repeat top;
}

#newsletter input {
	margin:10px auto;
	color:#1404A4;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#input_news {
	background:url('../../images/bg_input.jpg') no-repeat top right;
	width:155px;
	height:20px;
	border:0;
	margin:auto
}

#input_news input {
	border:0;
	margin:0;
	background:none;
	padding:3px 0 0
}

div#flash_infos {
	overflow:hidden;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	height:225px;
	padding:40px 20px;
	text-align:center;
	background:url('../../images/flash_infos.jpg') no-repeat top left;
	margin:0 auto;
}

#flash_infos h2 {
	margin:20px 0 5px 0;
}

#flash_infos h2, #flash_infos a {
	font:11px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:black;
}

#flash_infos a {
	text-decoration:underline;
}

#flash_infos a:hover {
	color:#666666;
	text-decoration:underline
}

#flash_infos marquee {
	text-align:center;
	height:225px;
}

/*********************************
******* CENTRE (PAGE) ***********
*********************************/

#page {
	width:100%;
	background-color:white;
	width:530px;
	float:left;
	margin:18px 0 0 2px;
}

#arbo {
	text-align:right;
	background-color:#F4F4F4;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	width:520px;
	padding:0 10px 10px 0;
}

#arbo a {
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#333333
}

.article {
	background:#F4F4F4 url('../../images/bg_article.jpg') no-repeat top left;
	float:left;
	width:410px;
	margin-bottom:5px;
	padding:15px 60px;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#333333
}	

.article h2 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#C00320
}

.article a {
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline
}

/*********************************
******* BAS *********************
*********************************/

#bas {
	float:left;
	margin:auto;
	padding-top:15px;
	width:530px;
	background-color:#F4F4F4
}

#coordonnees {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ABABAB;
	margin:auto;
	background:#F4F4F4 url('../../images/bg_coordonnees.jpg') no-repeat center left;
	width:342px;
	padding-left:80px;
} 

#coordonnees h2 {
	margin:0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1404A5
}

#menu_bas {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:10px auto;
	width:342px;
	text-align:center
} 

#menu_bas a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#menu_bas a:hover {
	color:#C00320
}

/*********************************
******* AUTRES *****************
*********************************/

.map {
	list-style-type:none
}

h1 {
	position:absolute;
	font-size:0;
	width:0;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

hr {
	border:0;
	border-top:1px dotted #C5041E;
	height:0px
}

.photo_galerie {
	float:left;
	width:139px;
	height:100px;
	border:1px solid #020938;
	margin:0 10px 10px 0;
}

/* ----- CLASSES COMMUNES ----- */
img {
	border: 0
}

form {
	margin:0;
	padding:0;
}
.normal ,.notre_prix{color:#545454}
a {text-decoration:none;font:12px Verdana, Arial, Helvetica, sans-serif;color:#666666}
.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #303030; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.erreur_diag {font-size: 11px; color: #c00; margin-left: 10px}
span.rouge { color: #c00 }
h2.cgv_titre{font-size:14px;margin:6px 0;color:#000}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}
img.plus_moin_qte {cursor:pointer}
input.plus_moin_qte{width:20px}

/* ----- FORMULAIRE DE DEMANDE DE DIAGNOSTIC ----- */
.formulaire_diagnostic td {
	vertical-align:middle;
}

.formulaire_diagnostic td input {
	float:left;
	margin:0 5px 0;
}