body {
	background-image: url(img/bg.jpg);
	margin:0px;
	background-color:#f3f3f5;
	background-repeat:repeat-x;
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#3f4654;
}
a {
	text-decoration:none;
	color:#3a6adc;
}
p {
	text-align:justify;
}
form, input, textarea {
	margin:0;
	border:0;
	padding:0;
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#ffffff;
	}
div, input, a, textarea {
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	}
.menu a {
	border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	}
.imgfloat {
	float:left;
	}
h1 {
	font-family: 'HelveticaLTStdBlackCondensed', helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#3f4654;
}
h2 {
	font-family: 'HelveticaNeueLTStd55Roman', helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#3a6adc;
}
h2 a {
	font-family: 'HelveticaNeueLTStd55Roman', helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding-right:25px;
	text-decoration:none;
	color:#3a6adc;
	background-image:url(img/flechebleue2.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
h2 a:hover {
	color:#3f4654;
	}
h3 {
	font-family: 'HelveticaLTStdBoldCondensed', helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#645A4D;
/*	text-shadow:2px 2px 3px #23272F;*/
}
h4 {
	font-family: 'HelveticaLTStdBoldCondensed', helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#645a4d;
}
.decobulle {
	font-family: 'HelveticaLTStdBlackCondensed', helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#ffffff;
	text-align: left;
}
a {
	outline:none;
	}
img {
	border:0;
	}
.clear {
	clear:both;
	}
.head {
	color:#FFFFFF;
	width:900px;
	margin:auto;
	padding-top:13px;
	height:38px;
	}
.head a {
	display:block;
	float:left;
	text-decoration:none;
	margin-right:20px;
	color:#FFFFFF;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	}
.head a:hover,.head .compte.selected {
	background-color:#b6b7b9;
	}
.selected {
	background-image:url(img/bg-bout-top.jpg);
	}
.head .compte {
	background-image:url(img/flechebleue.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-right:0;
	float:right;
	}
	
.deco{
	float:right;
}

.head .compte:hover, .head .compte.selected{
	background-image:url(img/flechebleue2.gif);
	}
.bandeau {
	background-image:url(img/bandeau.jpg);
	background-position:top center;
	height:205px;
	width:900px;
	margin:auto;
	}
.menu {
	height:42px;
	margin-left:58px;
	}
.menu a {
	display:block;
	float:left;
	}
.solution {
	background-image:url(img/solution.jpg);
	}
.fonctionnement {
	background-image:url(img/fonctionnement.jpg);
	}
.equipements {
	background-image:url(img/equipements.jpg);
	}
.devis {
	background-image:url(img/devis.jpg);
	}
.faq {
	background-image:url(img/faq.jpg);
	}
.contacts {
	background-image:url(img/contacts.jpg);
	}
.rollmenu {
	position:absolute;
	top:95px;
	background-color:#1c2023;
	padding:5px;
	width:220px;
	text-transform:uppercase;
	-moz-box-shadow: 3px 3px 3px #3B4043;
	box-shadow: 3px 3px 3px #3B4043;
	-webkit-box-shadow: 3px 3px 3px #3B4043;
	border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}
.rollmenu a {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	float:none;
	height:auto;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	}
.rollmenu a:hover {
	background-color:#b6b7b9;
	}
*html .contacts{
	margin-left:-5px;
}
.accroche {
	width:860px;
	margin:auto;
	background-color:#ffffff;
	padding:20px;
	min-height:300px;
	/*
	background-color:#e9eaea;
	background-image:url(img/bg-accroche.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	}
*html.accroche {
		height:300px;
}
.accroche h1 {
	margin-bottom:10px;
	}
.interne {
	padding-top:65px;
	width:900px;
	margin:auto;
	margin-bottom:20px;
	background-image:url(img/bg-interne.png);
	background-repeat:no-repeat;
	background-position:top center;
	min-height:50px;
	}
*html {
	background-image:none;
	}
.bulle {
	width:242px;
	float:left;
	background-image:url(img/bulle-home.png);
	background-repeat:no-repeat;
	height:140px;
	padding:35px;
	padding-bottom:35px;
	padding-right:20px;
	padding-top:25px;
	color:#FFFFFF;
	}
.bulle div {
	text-align : right;
	}
.bulle a{
	color:#FFFFFF;
	font-size:13px;
	}
.bulle p {
	text-align : center;
	}
.bulle span {
	text-align: left;
	}
*html .bulle {
	background-image:url(img/bulle-home.gif);
}
	
.devisbulle {
	background-image:url(img/devis-bulle.jpg);
	background-position:top;
	width:226px;
	height:36px;
	display:block;
	}
.midencarthome {
	background-image:url(img/interne-encart-home.png);
	background-repeat:repeat-y;
	background-position:top left;
	}
.home1 {
	float:left;
	margin-left:25px;
	width:260px;
	}
*html .home1{
	margin-left:15px;
}

.home2 {
	float:left;
	margin-left:40px;
	width:260px;
	}
.home3 {
	float:left;
	margin-left:40px;
	width:260px;
	}
*html .home3{
	width:245px;
}
.home1 a, .home2 a, .home3 a, .encartrechercher a {
	color:#645a4d;
	text-decoration:none;
	}
.home1 a:hover, .home2 a:hover, .home3 a:hover {
	color:#ccc7c0;
	}

.home3 input, .encartrechercher input , .colDroite input, .colDroite textarea {
	background-color:#ccc7c0;
	float:left;
	padding:5px;
	}
.colDroite img {
	margin-top:20px;
	margin-bottom:20px;
}
.home3 input:hover, .encartrechercher input:hover , .colDroite input:hover, .colDroite textarea:hover {
	background-color:#645a4d;
}
	
.home3 input:focus, .encartrechercher input:focus , .colDroite input:focus, .colDroite textarea:focus {
	background-color:#645a4d;
}
	
.colDroite label {
	color:#3f4654;
	float:left;
	width:100px;
	margin-bottom:10px;
	}
.colDroite input {
	margin-bottom:10px;
	}
.home3 a, .encartrechercher a{
	float:left;
	height:23px;
	padding-right:25px;
	background-image:url(img/flechemarron.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	margin-top:3px;
	padding-top:2px;
	margin-left:5px;
	}
	
.colGauche{
	z-index:100;
	float:left;
	width:250px;
	margin-left:-50px;
}

*html .colGauche{
	margin-left:0px;
}

.colDroite{
	float:left;
	width:630px;
	margin-left:20px;
}

*html .colDroite{
	width:600px;
	margin-left:0px;
}
.footer {
	background-color:#262b2f;
	border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	padding-top:30px;
	padding-bottom:30px;
	}
.footerintern {
	width:900px;
	color:#FFFFFF;
	margin:auto;
	padding-top:80px;
	background-image:url(img/footer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
.footerintern a {
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:5px;
	display:block;
	}
.footerintern a:hover {
	color:#464b4e;
	}
.footer label {
	float:left;
	width:120px;
	padding-top:5px;
	}
.footer input, .colGauche input, .colGauche textarea {
	background-color:#464b4e;
	float:left;
	padding:5px;
	width:150px;
	color:#ffffff;
	margin-bottom:5px;
	}
	
.colGauche input, .colGauche textarea{
	padding:3px;
	float:none;
}


.footer input:hover, .footer input:focus, .colGauche input:hover, .colGauche input:focus, .colGauche textarea:hover, .colGauche textarea:focus {
	background-color:#ffffff;
	color:#262b2f;
}
	
.miniature{
		background-color:#B7B8BA;
		background-position:center center;	
		background-repeat:no-repeat;
		height:100px;
		width:110px;
		float:left;
		margin-right:5px;
	}
	
.actualite {
		padding:5px;
		padding-bottom:10px;
		border-bottom:dotted 1px #B7B8BA;
	}
	
.dateactu{
	font-style:italic;
}

.liresuite{
	float:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
	color:white;
	background-color:#3A6ADC;
	text-shadow:1px 1px #454C5E;
	text-decoration:none;
	border:solid 1px #454C5E;
}

.liresuite:hover{
	background-color:#262B2F;
}
	
	/*Pagination ///////////////////////////////////////*/
.lienpage{
	display:block;
	float:left;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	margin-right:5px;
	color:#3A6ADC;
	text-decoration:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-weight:bold;
}

.lienpage:hover{
	background-color:black;
	color:white;
}
 
.lienpageselected{
	display:block;
	float:left;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	margin-right:5px;
	background-color:#3A6ADC;
	color:#FFFFFF !important;
	font-weight:bold;
	text-decoration:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.lienpageinactif{
	display:block;
	float:left;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	margin-right:5px;
	color:#8F8F8F !important;
	text-decoration:none;
	cursor:default;
} 
	/*Fin pagination ///////////////////////////////////////*/	

.colonnegauche{
	width:110px;
	margin-right:20px;
	float:left;
}
.colonnedroite{
	width:710px;
	float:left;
}

.lienzoom{
	text-decoration:none;
	color:#666666;
	margin-top:5px;
}

.dlactu{
	padding:5px;
	background-color:#262B2F;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:white;
	text-shadow: 1px 1px 1px #02131F;
	text-decoration:none;
}

.dlactu span{
	margin-left:5px;
	color:#BDBDBF;
	text-shadow:none;
}

.dlactu img{
	border:none;
	vertical-align:middle;
}

.acturetour{
	margin-top:-45px;
	margin-left:20px;
	background-color:#FFFFFF;
	width:70px;
	padding:10px;
	margin-bottom:10px;
}
.bout {
	font-family: 'HelveticaNeueLTStd55Roman', helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding-right:25px;
	text-decoration:none;
	color:#3a6adc;
	background-image:url(img/flechebleue2.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
.bout:hover {
	color:#3f4654;
	}

/************************************ FOIRE AUX QUESTIONS *********************************/
#MenuGauche, #encartQuestion{
	margin-right:20px;
	background-color:#1C2023;
	-moz-box-shadow: 3px 3px 3px #3B4043;
	box-shadow: 3px 3px 3px #3B4043;
	-webkit-box-shadow: 3px 3px 3px #3B4043;
	width:220px;
	padding:10px;
	margin-bottom:20px;
	color:#FFFFFF;
}
	
	
#MenuGauche a, .retour, .menuFooter a{
	background-image:url(img/flechebleuemenu.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
}

.retourmoncompte{
	background-image:url(img/flechebleue2menu.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	color:#000000;
	display:block;
	text-decoration:none;
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:11px;
	float:right;
}
	
#MenuGauche a:hover, .retourmoncompte:hover, .menuFooter a:hover{
	background-image:url(img/flechebleue2menu.gif);
	background-color:#B6B7B9;
}
	
#MenuGauche .actif a{
	background-image:url(img/pucebleumenuactif.gif);
	background-color:#3F6EDA;
}
	
#MenuGauche ul,.menuFooter ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

*html #MenuGauche a{
	margin:0px;
	line-height:10px;
}
.question{
		cursor:pointer;
		background-color:#4B597C;
		display:block;
		color:#FFFFFF;
		font-size:14px;
		text-shadow:1px 1px #454C5E;
		border-bottom:1px solid #E9EAEA;
		padding:3px;
	}
	
.question:hover{
	background-color:#3F6EDA;
}

.mdpPerdu{
	color:#999999;
	text-decoration:none;
	border-bottom:dotted 1px grey;
}
.send{
	color:#FFFFFF;
}
	
.senderreur{
	color:#645A4D;
}

.sendInfos{
	color:#000000;
}
.erreurchamp{
	background-color:#645A4D;
}

.envoyer{
		float:left;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:3px;
		margin-top:10px;
		color:white;
		background-color:#BBBCBE;
		text-shadow:1px 1px #454C5E;
		text-decoration:none;
		border:solid 1px #454C5E;
	}
	
.envoyer:hover{
	background-color:#3F4654;
}

.logindevis input{
	background-color: #CCC7C0;
	color:#645A4D;
	padding:5px;
	margin-bottom:5px;
}

.logindevis input:hover, .logindevis input:focus{
	background-color:#645a4d;
	color:#CCC7C0;
}

.logindevis label{
	display:block;
	width:150px;
	color: #645A4D;
	float:left;
}

.logindevis .btenvoyer{
	height:23px;
	padding-right:25px;
	background-image:url(img/flechemarron.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:8px;
	margin-left:5px;	
	color: #645A4D;
    text-decoration: none;
}

.forminscription p{
	clear: left;
	margin: 0;
	padding: 10px;
	padding-left: 165px;
	padding-right:20px;
	height: 1%;
	border-top:dotted 1px #9F9281;
}

.forminscription label{
	float: left;
	margin-left: -155px;
	width: 150px; 
	font-family: 'HelveticaLTStdBoldCondensed', helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#645a4d;
}

.forminscription input{
	background-color:#ccc7c0;
	float:left;
	padding:5px;
	margin-bottom:5px;
	color:#645a4d;
}

.forminscription input:hover, .forminscription input:focus{
	background-color:#645a4d;
	color:#ccc7c0;
	
}

.forminscription .conseil{
	color:grey;
	font-style:italic;
	font-size:12px;
}

.bouton{
	color: #ffffff;
	text-transform:uppercase;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: solid #a8a8a8 1px;
	background:#b3db77;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b3db77), to(#528535));
	background: -moz-linear-gradient(top, #b3db77, #528535);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3db77, endColorStr=#528535);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3db77, endColorStr=#528535);
	display:inline-block; /* IE is so silly */
}

.forminscription .erreurchamp{
	background-color:#BF2347;
	color:white;
}

.msgerreurform{
	padding:6px;
	background-color:#BF2347;
	color:white;
	/*text-shadow:1px 1px black;*/
}

.msgerreurform a{
	color:white !important;
	border-bottom:dotted 1px white;
}

.msgsuccesform{
	padding:6px;
	background-color:#649541;
	color:white;
}

.head .deco {
	background-image:url(img/flecherouge.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-right:0;
	float:right;
}
.head .deco:hover {
	background-image:url(img/flecherouge-over.gif);
}

/********************* BASE DOCUMENTAIRE ***************************************/
.custom_tip .tip {
	background-color: #262B2F;
	padding: 5px;
	color:#FFFFFF;
}

.divDoc{
	border-bottom:dotted 1px #E9EAEA;
	display:block;
	color:#3a6adc;
}
	
.divDoc a{
	padding:3px;
	color:#3a6adc;
	text-decoration:none;
}

.html .divDoc a{
	width:575px;
}
.divDoc a:hover{
	color:#FFFFFF;
	background-color:#3a6adc;
	text-decoration:none;
}

/********************* COMMANDES ***************************************/
.telechargez{
		min-height:50px;
		height:50px;
		background-image:url('img/icone_pdf.png');
		background-repeat:no-repeat;
		padding-left:55px;
		float:left;
		width:230px;
	}
	
	.telechargez span{
		color:#6F6F6F;
	}
	
	.telechargez a{
		background-color:#50638f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffff;
		padding:3px;
		background: -moz-linear-gradient(
			top,
			#50638f 0%,
			#35415f);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#50638f),
			to(#35415f));
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #2b2e2e;
		-moz-box-shadow:
			0px 1px 0px rgba(000,000,000,0.5),
			inset 0px 1px 0px rgba(255,255,255,0.5);
		-webkit-box-shadow:
			0px 1px 0px rgba(000,000,000,0.5),
			inset 0px 1px 0px rgba(255,255,255,0.5);
		text-shadow:
			0px 0px 0px rgba(255,255,255,0),
			0px 1px 2px rgba(000,000,000,1);
		text-decoration:none;
		display:inline-block; /* IE is so silly */
	}

.lienzoom{
	text-decoration:none;
	color:#666666;
	margin-top:5px;
}

.chap1 {
	background-image:url(img/player/video_02.jpg);
	display:block;
}
.chap2 {
	background-image:url(img/player/video_03.jpg);
	display:block;
}
.chap3 {
	background-image:url(img/player/video_04.jpg);
	display:block;
}


.feed {
  font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
  font-size:12px;
  font-size:12px;
  color:grey;
  display:block;
  margin-top:-23px;
  margin-left:165px;
  padding: 0 0 0 19px;
  background: url(img/feed-icon.png) no-repeat 0 50%;
} 


.offre{
	display:block;
	margin-top:12px;
	margin-left:659px;
	width:251px;
	background-image:url(img/poste-promo.png);
	background-repeat:no-repeat;
	height:138px;
	background-position:top center;
}
.offre:hover {
	background-position:bottom center;
}
