/*
Feuilles de style contenant le positionnement des blocs principaux du site.
*/
body {
	background: #ffffff;
	margin:0;
	padding:0;
	text-align: center;
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #707070;	
}

p {
  padding-top:0;
  padding-bottom:0;
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */
  margin-top:0;
  margin-bottom:10px;
  text-align: justify;  
}



h1 {
  font-size: 14px;
  color: #707070;
  font-weight: bold;
  margin:0px; 
  padding:0px; 
  line-height:100%;	 
}

h2 {
  font-size: 14px;
  color: #707070;
  font-weight: bold;
  margin:0p; 
  padding:0px; 
  line-height:100%;
  padding-left: 20px;
  margin-top:15px;
  background:url(../images/h2.png) no-repeat top left;
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */	 
}

h3 {
  font-size: 12px;
  color:#ff9900;
  text-align: right;
  line-height:16px;
  margin-left: 0; 
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */
  margin-left:0;
  margin-top:0;
  margin-bottom:0; 
  padding:0px; 
  line-height:100%;	 
}



h3 a {
text-decoration:underline;
color:#ff9900;
}

h4 {
  font-size: 14px;
  text-align: center; 
}

h5 {
  font-size: 12px;
  text-align: center;
  color:#ff9900;
  padding:0;
  margin:0; 
}

h5 a{
color:#ff9900;
}

table {
width:97%;
border:solid 1px #ff9900;
}

.devis {
width:97%;
border:0;
margin-left:30px;
}

.images {
width:97%;
border:0;
}

.edit {
width:97%;
border:0;
}

.orange {
color:#ff9900;
font-weight:bold;
}

.fleche {
background:url(../images/liens.png) no-repeat top left;
padding-left:18px;
color:#ff9900;
}

.pdf {
background:url(../images/pdf.png) no-repeat top left;
padding-left:18px;
color:#ff9900;
}

.banniere-fleche {
background:url(../images/banniere-fleche.png) no-repeat top left;
padding-left:18px;
color:#ff9900;
text-decoration:underline;
}

a {
text-decoration:underline;
color:#707070;
}

a img
{
	border:none;
}


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

.auteur {
  font-size: 10px;
  color: #bababa;
}

.auteur a {
  color: #bababa;
  text-decoration: underline;
}

.auteur a:hover {
  color: #ff9900;
  text-decoration: underline;
}

.footertxt {
  font-size: 10px;
  color: #707070;
}

.footertxt a {
  color: #707070;
  text-decoration: underline;
}

.footertxt a:hover {
  color: #ff9900;
  text-decoration: underline;
}

.resume {
  font-size: 12px;
  margin-left: 0; 
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */
  margin-top:0;
  margin-bottom:0; 
  padding:0;
  text-align: justify;   
}

#boutton {
  text-align: center;
}

#header-1 {
	height:90px;
	background: #ffffff;
	margin-top:5px
}

#logo-haut {
  background:url(../images/logo-haut.png) no-repeat top left;
  height:90px;
  width: 1033px;
  margin: 0 auto; 
  padding: 0; 
  text-align: left;
}

#cabinet {
  width: 50%px;
  height: auto;
  text-align: left; 
	float: left;
  font-size:14px;
  color: #ff9900;
  padding-left: 305px;
  padding-top: 72px;  
}

#contact {
  width: 50%px;
  text-align: right; 
	float: right;
  font-size:12px;
  color: #707070;
  padding-right:60px;
  padding-top:6px;  
}

#header-2 {
	height:46px;
	background: #ffe5bd;
}

#logo-bas {
  background:url(../images/logo-bas.png) no-repeat top left;
  height:46px;
  width: 1033px;
  margin: 0 auto; 
  padding: 0; 
  text-align: left;
}

#header-home-1 {
	height:150px;
	background: #ff9900;
}

#banniere {
  height:150px;
  width: 935px;
  margin: 0 auto; 
  padding: 0;
  text-align: left;
}

#banniere-gauche {
  width: 654px;
  height: 110px;
  text-align: left; 
	float: left;
  font-size:14px;
  color: #707070;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top:11px;
  background:url(../images/banniere.png) no-repeat top left;
}


#banniere-gauche-1 {
  width: 280px;
  height: 102px;
  text-align: left; 
	float: left;
  font-size:14px;
  color: #707070;
  margin-top: 4px;
}

#banniere-gauche-2 {
  width: 370px;
  height: 102px;
  text-align: left; 
	float: right;
  font-size:14px;
  color: #707070;
  margin-top: 4px;
}

#banniere-droite {
  width: 196px;
  height: 110px;
  text-align: center; 
	float: left;
  background:url(../images/pub.png) no-repeat top left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  font-size:14px;
  font-weight: bold;
}

#banniere-droite-1 {
  padding-top:5px;
  padding-left:5px;
}
#PubPictureBackground {
  margin-top:5px;
  margin-left:5px;
}

#header-home-2 {
	height:15px;
	background: #ffe5bd;
}

#nav {
	padding-left: 146px;
	padding-top: 14px;
	padding-bottom: 14px;
	width: 1033px;
  text-align: left;
  font-size:14px;
  color: #707070;
  position:relative;  
  z-index:100
}

#nav a {
text-decoration:none;
color:#707070;
}

#nav a:hover{
text-decoration:none;
color:#ff9900;
}



#main {
  width: 935px;
  height: auto;
  margin: 0 auto; 
  padding: 0; 
  text-align: left; 
	background: #ffffff;
}

#gauche {
  width: 690px;
  height: auto;
  text-align: left; 
	background: #ff9900;
	float: left;
	margin-right:15px;
	margin-top:15px;
}



#gauche-agenda {
  width: 322px;
  height: auto;
  margin-left:15px;
  margin-top:11px !important; /* pris en compte par Firefox */
  margin-top:0; /* pris en compte par Ie */
  text-align: left; 
	background: #ffffff;
	float: left;
	margin-bottom:11px!important; /* pris en compte par Firefox */
  margin-bottom:0;
}

#gauche-agenda-haut {
  width: 322px;
  height: 60px; 
	background:url(../images/main-agenda-haut.png) no-repeat top left;;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -15px!important; /* pris en compte par Firefox */
  margin-bottom:0; /* pris en compte par Ie */	
}

#gauche-espace {
  width: 15px;
  background: #ffe5bd;
}

#gauche-agenda-contenu {
  width: 322px;
  height: auto;
  text-align: left; 
	float: left;
  padding-left:10px;
	padding-bottom:10px;
}

#gauche-actualites {
  width: 322px;
  height: auto;
  margin-left:16px;
  margin-top:11px !important; /* pris en compte par Firefox */
  margin-top:0; /* pris en compte par Ie */
  text-align: left; 
	background: #ffffff;
	float: left;
	margin-bottom:11px!important; /* pris en compte par Firefox */
  margin-bottom:0;
}

#gauche-actualites-haut {
  width: 322px;
  height: 60px; 
	background:url(../images/main-actualites-haut.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */  	
}

#gauche-accueil-haut {
  width: 322px;
  height: 60px; 
	background:url(../images/main-accueil-haut.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */  	
}

#gauche-agenda-contenu a {
text-decoration:underline;
color:#ff9900;
}

#gauche-agenda-contenu a:hover{
text-decoration:underline;
color:#ff9900;
}

#colonne {
  width: 230px;
  height: auto;
  text-align: left; 
	background: #ff9900;
	float: left;
	margin-top:15px;
}

#colonne-contenu {
  width: 230px;
}

#colonne-espace {
  width: 15px;
}

#colonne-devis {
  width: 200px;
  height: 60px;
  margin-left:15px;
  margin-top:11px !important; /* pris en compte par Firefox */
  margin-top:0;
  margin-bottom:3px;
  background:url(../images/colonne-devis.png) no-repeat top left;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding-top:10px;
  padding-left:20px!important; /* pris en compte par Firefox */
  padding-left:50px;
}

#colonne-devis a {
  color: #707070;
  text-decoration: none; 
}

#colonne-devis a:hover {
  color: #ff9900;
  text-decoration: none; 
}  

#colonne-certif {
  width: 200px;
  height: 169px;
  margin-left:15px;
  margin-top:0px !important; /* pris en compte par Firefox */
  margin-top:0;
  background:url(../images/colonne-certifications.png) no-repeat top left;
  padding-left:10px;
  padding-top:15px;
}

#colonne-temoignages {
  width: 200px;
  margin-left:15px;
  margin-top:0;
  height: auto;
  background:#ffffff;
}

#colonne-temoignages-1 {
  width: 200px;
  height: 63px;
  padding-left:45px;
  padding-top:15px;
  background:url(../images/colonne-temoignages-haut.png) no-repeat top left;
}

#colonne-opca {
  width: 200px;
  height: 63px;
  padding-left:55px;
  padding-top:5px;
  background:url(../images/colonne-opca-haut.png) no-repeat top left;
}

#colonne-temoignages-2 {
  width: 200px;
  height: auto;
  padding-left:10px;
  margin-top : -16px!important; /* pris en compte par Firefox */
  margin-top : 0; /* pris en compte par Ie */ 
}

#colonne-temoignages-2 a{
  color: #ff9900;
  text-decoration: underline;
} 

#colonne-contact {
  width: 200px;
  height: 60px;
  margin-left:15px;
  margin-bottom:3px!important; /* pris en compte par Firefox */
  margin-bottom:0;
  background:url(../images/colonne-contact.png) no-repeat top left;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding-left:23px!important;/* pris en compte par Firefox */
  padding-left:46px;
  padding-top:8px;
}

#colonne-contact a {
  color: #707070;
  text-decoration: none; 
}

#colonne-contact a:hover {
  color: #ff9900;
  text-decoration: none; 
}

#colonne-catalogue {
  width: 200px;
  height: 60px;
  margin-left:15px;
  margin-bottom:8px!important; /* pris en compte par Firefox */
  margin-bottom:5px;
  background:url(../images/colonne-catalogue.png) no-repeat top left;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding-left:23px!important;/* pris en compte par Firefox */
  padding-left:46px;
  padding-top:8px;
}

#colonne-catalogue a {
  color: #707070;
  text-decoration: none; 
}

#colonne-catalogue a:hover {
  color: #ff9900;
  text-decoration: none; 
}  

#gauche-page {
  width: 660px;
  height: auto;
  margin-left:15px;
  margin-top:11px !important; /* pris en compte par Firefox */
  margin-top:0; /* pris en compte par Ie */
  text-align: left; 
	background: #ffffff;
	float: left;
	margin-bottom:11px!important; /* pris en compte par Firefox */
  margin-bottom:0;
}

#gauche-page-haut {
  width: 660px;
  height: 60px; 
	background:url(../images/gauche-page-haut.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#societe-icone {
  width: 660px;
  height: 60px; 
	background:url(../images/societe.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#formation {
  width: 660px;
  height: 60px; 
	background:url(../images/formation.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#prestation {
  width: 660px;
  height: 60px; 
	background:url(../images/prestation.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#actualite {
  width: 660px;
  height: 60px; 
	background:url(../images/actualite.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#footer-icone {
  width: 660px;
  height: 60px; 
	background:url(../images/footer.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#user {
  width: 660px;
  height: 60px; 
	background:url(../images/user.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#devis-icone {
  width: 660px;
  height: 60px; 
	background:url(../images/devis.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#backoffice {
  width: 660px;
  height: 60px; 
	background:url(../images/backoffice.png) no-repeat top left;
	float: left;
	padding-left : 80px;
	padding-top: 14px;
  margin-bottom : -20px!important; /* pris en compte par Firefox */
  margin-bottom : -4px; /* pris en compte par Ie */ 	
}

#gauche-page-contenu {
  width: 660px;
  height: auto;
  text-align: left; 
	float: left;
	padding-bottom:0px;	
  padding-left:10px;
}

/* LISTES A PUCES */
#gauche-page-contenu li{
	list-style-image: url(../images/li.jpg);
	background: #fafafa;
	height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 20px!important;
  margin-right: 10px;
	border-bottom: solid 1px #e5e5e5;
}

#ariane {
	padding-top:10px !important;
  padding-top:0px;	
  padding-left:20px;
  margin-bottom:0px!important;
  margin-bottom:10px; 
}

#ariane a {
text-decoration:underline;
color:#707070;	 
}

#ariane a:hover {
text-decoration:underline;
color:white;	 
}

#inter-footer {
  height:10px;
	background: #ffffff;
	clear: both;
}

#footer {
  height:auto;
	background: #ffe5bd;
	padding-top:2px;
}

#footer-in {
  width: 930px;
  margin: 0 auto; 
  padding: 0; 
  text-align: left;
}

#footer-in-gauche {
  width: 275px;
  margin: 0 auto; 
  padding: 0; 
  text-align: left;
  float:left;
}

#footer-in-droite {
  width: 655px;
  margin: 0 auto; 
  padding: 0; 
  text-align: right;
  float:left;
}

#footer-in-bas {
  width: 930px;
  margin: 0 auto; 
  padding: 0; 
  text-align: left;
}

#carousel {
	margin: 0;
	width: 633px;
	height: 89px;
	padding: 0;
	overflow: scroll;
	border: 0;
	margin-left:10px; 
}

#carousel a {
	color:#ff9900;
}

#carousel ul {
	list-style: none;
	width: 633px;
	margin: 0;
	padding: 0;
	/*position: relative;*/
}
#carousel li {
	display: inline;
	float: left;
}

#carousel p {
  padding:0;
  margin:0; 
  text-align: right; 
}

.textholder {
	text-align: right;
  padding: 6px!important;
  padding:0;
  font-size: 18px;
  color:#000000;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}



/* Sous Menu*/	



/* common styling */
#nav ul li a, #nav ul li a:visited {display:block; text-decoration:none; color:#707070;width:125px; height:21px; text-align:center; color:#707070; border-right: solid 1px #707070; background:#ffe5bd; line-height:20px; font-size:14px; overflow:hidden;}
#nav ul {padding:0; margin:0; list-style: none;}
#nav ul li {float:left; position:relative;}
#nav ul li ul {display: none;}

/* specific to non IE browsers */
#nav ul li:hover a {color:#ff9900;}
#nav ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:126px;}
#nav ul li:hover ul li a.hide {background:#6a3;font-size:10px;color:#707070;}
#nav ul li:hover ul li:hover a.hide {background:#ffe5bd; color:#000;}
#nav ul li:hover ul li ul {display: none;}

#nav ul li:hover ul li a {display:block; background:#ffe5bd;font-size:12px;color:#707070;height:auto;border-bottom: dotted 1px #707070;border-right: none;}

*:first-child+html #nav ul li:hover ul li a {display:block; background:#ffe5bd;font-size:12px;color:#707070;height:auto;border-bottom: solid 1px #707070;border-right: none;}
* html #nav ul li:hover ul li a {display:block; background:#ffe5bd;font-size:12px;color:#707070;height:auto;border-bottom: solid 1px #707070;border-right: none;}

#nav ul li:hover ul li a:hover {background:#ffe5bd;font-size:12px;color:#ff9900;height:auto}
#nav ul li:hover ul li:hover ul {display:block; position:absolute; left:126px; top:0;}
#nav ul li:hover ul li:hover ul.left {left:-126px;}

#nav a {display:block; color:#707070; text-decoration:none; width:290px; height:16px; text-align:center; overflow:hidden}