body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* pour preserver apparence de line-height et des selecteurs */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* permet de resizing sur les produits IE */
input,textarea,select{font-size:100%;}
/* Sur IE legend n'herite pas de son ancetre */
legend{color:#000;}
del,ins{text-decoration:none;}
/*
Copyright (c) 2008, e-quinox All rights reserved.
version: 1.0
*/

/*
L objectif est de fournir une base coherente pour les fontes.

 Les fontes sont initialisées à 13px. Utiliser ensuite les pourcentages afin d'ajuster
10px  => 77%
11px  => 85%
12px => 93%
13px => 100%
16px => 123.1px;
etc ...
*/
/* Pour obtenir les % equivalent sous IE (merci microsoft) 
	IE's em width = em width * 0.9759
	em width = pixel width / 13
width en pixel ; em = pixel/13 FF, opera. em* 0.9759 IE

*/

/**
* Les pourcentages peuvent marcher pour IE mais pour des raisons de compatibilite, on utilise le keyword small.
 */
body { /* polices sans empattement */
	font:13px arial,helvetica,sans-serif;
	*font-size:small; /* pour IE */
	font-weight:normal;
	line-height:1.231em;
	*line-height:1.20em;
}
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*
Copyright (c) 2008, e-quinox All rights reserved.
version: 1.0
*/
/* base.css,  base de la fondation Css des produits  equinox*/

.Separateur 
{
	margin:0; 
	clear:both; 
	visibility:hidden;
	height:0;
}
.hidden {
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}
h1 {
	/*18px */
	font-size:138.5%;  
}
h2 {
	/*16px */
	font-size:123.1%; 
}
h3 {
	/*14px */
	font-size:108%;  
}

strong {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
del {
	text-decoration:line-through;
}

ol li {
	list-style: none;	
}
ul li {
	list-style: none;
}

th,td {
	border:1px solid #000;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	text-align:center;
}


body{

	background: #141414 ;/*url(../img/equinoxCreationBckgrd.gif) repeat-x;*/
	color:#695f5f;
	font-family: Verdana;
	height:100%;

}
.hidden {
height:1px;
overflow:hidden;
position:absolute;
top:-10000px;
width:1px;
line-height: 0;
}
.Right {float:right;}
.Left {float:left;}
.equinox {
 color : #B74926;
 font-weight:bold;
 font-size:16px;
}
.annonce {
	color : #3399CC;
	font-size:105%;
}
.option {
	color: #b27436;
	color : #792504;
	
}
.error-message {
	color: red;
	border:none;
	font-size:85%;

}
#Creation #deco {
	width:100%;
/*	background: transparent url(../img/FondCreation.gif) no-repeat 120px 0;*/
}
#Creation #Conteneur {
	width:980px;
	position:relative;
	margin:0 auto;
}
/* ********************* HEADER ************************** */
#Creation #Header {
	position: relative;
	height: 150px;
}
#Creation #Header h1{
visibility:hidden;

}
#Creation  #Logo {
		height:90px;
}
#Creation  #MenuPrincipal {
	position: relative;
	left:0;
	bottom:0;
	width: 975px;

}
#Creation  #MenuPrincipal li{
	float : left;
	background-color:transparent;
	margin-left:-21px;
	width:142px;
}
#Creation  #MenuPrincipal li#jsAccueil{
	margin-left:-1px;
}
#Creation  #MenuPrincipal li a {
	display:block;
	/*width:145px; ne marche pas sous Ie6*/
	height:23px;
	width:110px;

	padding:7px 0 0 30px;
	color: white;
	text-decoration:none;
	background: url(../img/menuOnglets.gif) no-repeat 0 -32px;
}
#Creation  #MenuPrincipal li a#long {
	padding:7px 0 0 20px;
}
#Creation  #MenuPrincipal li a:hover{
	background: url(../img/menuOnglets.gif) no-repeat 0 0px;
	color:#3350AF;
}
#Creation  #MenuPrincipal li#jsAccueil a{
	background: url(../img/menuOngletsFirst.gif) no-repeat 0 0;
}
 #Creation  #MenuPrincipal li#jsAccueil a {
	background: url(../img/menuOngletsFirst.gif) no-repeat 0 -32px;
}
#Creation  #MenuPrincipal li#jsAccueil a:hover {
	background: url(../img/menuOngletsFirst.gif) no-repeat 0 0px;
	color:#3350AF;
}
#Creation #MenuPrincipal li.current a{
	background: url(../img/menuOnglets.gif) no-repeat 0 0px;
	color:#3399CC;
}
#Creation #MenuPrincipal li#jsAccueil.current a{
	background: url(../img/menuOngletsFirst.gif) no-repeat 0 0px;
	color:#3399CC;
}

/* ********************* FIN HEADER ************************** */

#Creation #Conteneur #Principal {
	clear:both;
	height:100%;
}
#Creation #MainTabView {
	background: #bababa url(../img/equinoxCreationMainTabView.gif) repeat-x;
	min-height: 37em;
	padding:0.5em 1.5em;
}
/* Contenu sur Accueil */
#Creation #MainTabView #AccueilServices {
	width: 960px;
}
#Creation #MainTabView  #TexteAccueil{
	float: left;
	width: 350px;
}
#Creation #MainTabView  #TexteAccueil h2{
	line-height : 30px;
}
#Creation #MainTabView  #Offres{
	float: left;
	width: 330px;
}
#Creation #MainTabView  #Offres h2{
	color : #1D5C9F ;
}
#Creation #MainTabView  #Offres #OffresTexteWrapper{
	margin-top:25px;
}
#Creation #MainTabView  #Offres #OffresTexteWrapper ul li{
	background: transparent url(../img/puceVerte.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom:5px;
}
#Creation #MainTabView  #Offres #OffresTexteWrapper p{
	line-height :20px;
}
#Creation #MainTabView #Devis #WrapperTexte {
	float:left;
}
#Creation #MainTabView #Devis #WrapperTexte  p{
	margin-bottom:50px;
}
#Creation #MainTabView #Devis h2 span{
position:absolute;
height:0;
left:-1000em;
}
#devis #imgDevis {
	border:3px solid white;
}
 #formDevis {
	margin: 50px 0 0 10px;
	float: left;
}
 #formDevis div {
	margin-left: 25px;
}
 #formDevis fieldset{
	width: 380px;
	padding-left:20px;
	border: none;
}
#formDevis div label{
	display:block;
	padding-top:0.4em;
	padding-bottom:0.1em;
}
#formDevis div.input input{
	width:350px;
	border: 1px solid rgb(128,128,128);
	line-height:120%;
	height:21px;
}
 #formDevis #message{
	height:195px;
}
#Devis .submit {
	float:right;
	margin-right:100px;
}


#Creation #MainTabView  #References #TexteAccueil{
	display:block;
	margin:0 0 0 10px;
}
#Creation #hautMainTabView {
	background: transparent url(../img/hautMainTabView.gif) no-repeat	;
	height: 7px;
}
#Creation #basMainTabView {
	background: transparent url(../img/basMainTabView.gif) no-repeat;
	height: 7px;
}

#Creation #PreFooter {
	margin-top:2em;
	margin-top:-50px;
	height:30em;
	width:100%;
	min-width:980px;
	background: transparent url(../img/essai.gif) repeat-x;
}
#Creation #PreFooter #setInfo{
	margin: 0 auto;
	padding-top: 70px;
	width:980px;
}
#Creation #PreFooter #Temoignage, #Creation #PreFooter #ResumeServices,#Creation #PreFooter #info {
	float:left;
	width : 220px;
	margin: 0.2em;
}
#Creation #PreFooter #ResumeServices { width: 260px; }

#Creation #PreFooter #Temoignage h2 {
	font-size:85%;
	color: #808080;
	padding-top:20px;
	margin-left:5px;
}
#Creation #PreFooter #ResumeServices {
	margin-left: 155px;
}
#Creation #PreFooter #info{
	margin-left: 100px;
}

#Creation #PreFooter #info #Wrapper a{
	float : left;
	border: 3px solid silver;
	width:50px;height:50px;
	margin : 5px;
}
#QuiSommesNous ul li{
		background: transparent url(../img/puceQuiSommesNous.gif) no-repeat center left;
		padding-left: 30px;
		padding-bottom:2px;
}
blockquote {
	width : 250px;
	font-style:italic;
}
/* ************************** */
#formsuccess {
	font-size:120%;
	position: relative;
	top:150px;
	left:100px;
}
#Creation #Footer {
	clear:both;
	position: relative;
	bottom:0;
	margin-top:2em;
	height:1em;
}
#Footer #partenariat a {
color : silver;
}
#backup {
	width:400px;
	height:250px;
	font-size:17px;
	display:block;
	position:absolute;
	top:550px;
	left:550px;
}
#Devis p#tel {position: absolute; top: 650px; left:350px; font-size:18px;}

.stickyWinWrapper 
{width:550px;height:470px; margin:1em; 
border: 10px solid white; display: block; background-color: #333; padding: 20px;}
#idStickyWin .myStickyWin {font-size: 12px;font-family: Verdana;color: #FFFFFF; line-height:18px;}
.stickyWinWrapper a { cursor:pointer; color: #ffc}
#idStickyWin .myStickyWin  p{
	padding:3px 0;
}

.myClass { width:350px;}
 .closeSticky
			{
				position: absolute;
				right:0;
				top:0;
				margin:-35px -73px 0 0 !important;
				width:					80px;
				height:					80px;
				background:				url(../img/ClosedStickyWin.gif) no-repeat center;
				cursor:					pointer;
			}	
	#presentationCarroussel {float: left; width: 550px;height:440px;background-color: white; margin: 0px 0 0px 0; padding:1em;border: 5px solid silver;}

	#presentationCarroussel img {
		border: none;
	}
	#presentationCarroussel .panel .slide {position: absolute;width: 550px; margin-top:15px;}
	#presentationCarroussel a { color: #FFA100 !important; cursor:pointer;}

	#presentationCarroussel .panel { width: 401px; background-color: white;  display: inline; height: 295px; margin-bottom: 40px;}

	#presentationCarroussel .panel h3 {display:block;font: bold 1.2em Arial, Helvetica, sans-serif; color: #9996af; padding: 0; margin: 7px 0 11px 22px;}
	#presentationCarroussel .panel .panel-top {height: 77px; }
	#presentationCarroussel .panel .panel-bottom{clear: both; height: 78px; }
	#presentationCarroussel .panel .panel-texte {width: 100%; padding: 0 15px 0 0; color:#635F5F;line-height: 20px;}
	#presentationCarroussel .panel .panel-texte h4{font-size: 1.4em; padding: 0; margin: 0 0 6px 0;}
	#presentationCarroussel .panel .panel-texte p { padding: 0; margin: 0 0 3px 0; }
	#presentationCarroussel .panel .panel-texte ul {  padding: 0; margin: 0 0 3px 0; line-height: 18px;}
	/*#presentationCarroussel .panel .panel-texte ul li{list-style:inside; list-style-image:url(../images/puceBleu.gif);padding:1em 0 0 1em;}*/
	#presentationCarroussel .panel .panel-texte ul li{
		padding-left: 30px;
		margin-bottom:10px;
		list-style-image:none;
		list-style-position:outside;
	}
	#presentationCarroussel .panel .panel-texte ol li{
		padding-left: 3px;
		margin-bottom:5px;
		list-style-image:none;
		list-style-position:inside;
		list-style-type:decimal;
		color: #4C85C5;
		font-weight: bold;
	}
	#presentationCarroussel .panel .panel-texte ol li span{
		color:#695f5f;
		font-weight:normal;
	}
	#presentationCarroussel .panel .panel-texte #annonce {
		color: #1D5C9F;
	}

	#presentationCarroussel .panel .panel-texte p a {font-size: 0.9em; font-weight: bold;}



	#presentationCarroussel a:link, #presentationCarroussel a:visited, #presentationCarroussel a:active {text-decoration: none; color: #FFA100;}
	#presentationCarroussel a:hover {text-decoration: underline; color: #FFA100;}
	#References #sliderWrapper {
		float:left;
		position:relative;
		left: 50px;
		top:100px;
		width: 550px;
		height:305px;
	}
	#References #sliderBtnPrevious, #References #sliderBtnNext {
		float:left;	
		margin-top:150px;
		width:40px;
	}
	#References #sliderBtnPrevious {
	}
	#References #sliderBtnNext {
	}	
	#References #slideShow {
		margin-top:0;
		float:left;
		width: 445px;
		height:300px;
	}
	#References #slideShow a {
		display: block;
		width: 435px;
		height: 280px;
	}
	#References #slideShow img {
		border: 3px solid #343434 ;
		cursor: pointer ;
	}
	#References #slideColonneGauche {
		float:left;
		width:360px;
	}
	#References #slideColonneGauche #TexteAccueil{
		padding-bottom: 4em;
	}
	#References #slideColonneGauche #slideTexteWrap{
		display: block;
		clear:both;
		padding:1em;

	}
	#References #slideTexteWrap div.slideTexte h3.titre{
		font-weight:bold;
		text-decoration: underline;
		margin-bottom: 5px;
		color : #1D5C9F ;
	}

	#References #slideTexteWrap div.slideTexte {
		display:none;
		color : #1D5C9F ;
		color:#2F1606;
	}


#myAccordeon {
	float: left; 
	width: 550px;
	margin: 20px 0 0 50px

}

#myAccordeon .stretchtoggle{
	/*background-color: white;
	border-bottom: 1px solid grey;*/
	height: 1.5em;
	padding:1em 0 3em 0;

}
#myAccordeon ul li {
	background: transparent url(../img/puceVerte.gif) no-repeat center left;
	padding-left: 30px;
	padding-bottom:2px;
}
#myAccordeon h2{
	margin-bottom:17px;
	font-size:116%;
}
#myAccordeon { padding-bottom:5px;}