/* CSS pour toutes les pages */
*{
	margin:0;
	padding:0;}

.clearIt {
	display:block;
	height: 0px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #F00;
	background-color: #F00;
	border: 0;
	visibility:hidden;
	clear:both;}

.question 
	{font-size:14px;}
	
body
	{font-family: Arial, Helvetica, sans-serif;}

h1
	{float:left;}

h2,
h3,
p
	{padding-bottom:20px;}
	
h4
	{color:#0066cc;
	font-size:11px;}

#menus{
	clear:both;
	float:left;}

#contacts{
	width:860px;
	height:25px;
	vertical-align:center;
	background-color:#333333;
	margin:-20px auto;
	padding:0;
	border:#333333 solid thin;}

#logo
	{padding:20px 0 36px 20px;}

#menuPrincipal {
	float:left;
	margin-left:20px;
	width: 200px;
	clear:both; }

#menuPrincipal li{
	font-size: 14px;
	font-weight: bold;
	color:#99CC99;
	margin-bottom:10px;
	list-style-type:none;}

#menuPrincipal li a,
#menuContact li a{
	list-style-type:none;
	list-style-position:outside;
	list-style:none;
	color: #FFFFFF;}

#menuPrincipal li a:hover,
#menuPrincipal li a:active,{
	list-style-type:none;
	list-style-position:outside;
	list-style:none;
	color: #99CC99;}

#menuContact{
	padding:0;
	background-color:#333333;
	float:left;
	color:#99CC99;}

#menuLang{
	padding:0;
	background-color:#333333;
	float:right;}

#menuContact li,
#menuLang li{
	display:inline;
	font-size: 11px;
	font-weight: bold;
	margin-left:10px;}

#menuContact li a,
#menuLang li a{
	list-style:none;
	list-style-type:none;
	text-decoration:none;}

.noborder{border:none;}

#contenuCommander,
#contenuFaq,
#contenuTelechargements,
#contenuActualites,
#contenuAcces {
	display:block;
	float: right;
	width: 440px;
	height:310px;
	padding-right:20px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}

#contenuDetailproduit {
	display:block;
	float: right;
	width: 520px;
	height:320px;
	padding-right:20px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}

#contenuReferences{
	display:block;
	float: right;
	width: 430px;
	height:345px;
	padding-left:10px;
	padding-right:20px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}

#contenuContacts{
	display:block;
	float: right;
	width: 455px;
	height:345px;
	padding-right:15px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}

#contenuSociete p,
#contenuContacts p,
#contenuTelechargements p,
#contenuReferences p,
#contenuActualites p,
#contenuAcces p,
#contenuDetailproduit p,ul,
#contenuFaq p,
#contenuCommander p {
	font-size:11px;}

#contenuSociete h3,
#contenuContacts h3,
#contenuTelechargements h3,
#contenuReferences h3,
#contenuActualites h3,
#contenuAcces h3,
#contenuSeringues h3,
#contenuFaq h3,
#contenuCommander h3{
color:#99CC99;
font-size:14px;}

#titreSociete,
#titreContacts,
#titreTelechargements,
#titreReferences,
#titreActualites,
#titreAcces,
#titreDetailproduit,
#titreFaq,
#titreCommander {
	display:block;
	float: right;
	width: 340px;
	padding-right:20px;
	margin-top:143px;
	color:#67C18C;}

/* FIN CSS pour toutes les pages */


/* CSS definitions des fonds d'ecran des différentes pages */
#accueil,
#societe,
#societeImages,
#telechargements,
#pageContacts,
#actualites,
#acces,
#produits,
#references,
#detailproduit,
#faq,
#commander{
	display:block;
	background-repeat:no-repeat;
	border:#333333 solid thin;
	width:860px;
	height:540px;
	margin: 20px auto;}

#accueil
	{background-image:url(../images/constr/back-acc.jpg);}

#produits
	{background-image:url(../images/constr/back-produits.jpg);}

#detailproduit
	{background-image:url(../images/constr/back-detailtetine.jpg);}

#telechargements
	{background-image:url(../images/constr/back-bebe3.jpg);}

#faq
	{background-image:url(../images/constr/back-bebe4.jpg);}

#pageContacts
	{background-image:url(../images/constr/back-contacts.jpg);}

#commander
	{background-image:url(../images/constr/back-bebe1.jpg);}

#footer{
margin-top:-14px;}

/* FIN CSS definitions des fonds d'ecran des différentes pages */

/* Page d'accueil */
#contenu{
	display:block;
	float: right;
	width: 340px;
	padding-right:20px;
	margin-top:143px;}

#contenu  p
	{font-size:11px;}

#contenu  h4{
	font-size:16px;
	color:#99CC99;}

#contenu  h2{
	color:#67C18C;}

#contenu  h5{
	font-size:15px;
	color:#0070BA;
	font-style:italic;}

#photo {
	display:block;
	float: left;
	margin:310px 0 0 80px;}

/* FIN Page d'accueil */

/* Page société */

#contenuSociete {
	display:block;
	float: right;
	width: auto;
	height:310px;
	padding-left:180px;
	padding-right:140px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}
	
#contenuSocieteOrganigramme {
	display:block;
	float: right;
	width: 550px;
	height:310px;}
	
#contenuSociete ul {
margin-top:10px;}

#contenuSociete li {
list-style:none;
text-decoration:none;
list-style-type:none;
font-size:11px;
margin-left:20px;}

#sousMenu li {
padding-left:4px;
display:inline;
list-style:none;
text-decoration:none;
list-style-type:none;
font-size:11px;
color:#99CC99;
font-weight:bolder;}

h2{padding-bottom:5px;}

#sousMenu{
	clear:right;
	margin-left:310px;
	width: 547px;
}

#sousMenu a,
#contenuActualites a{
	color:#0066CC;
	text-decoration:none;
	list-style-type:none;
	width: 450px;
}


#contenuActualites li {
padding-bottom:10px;
text-decoration:none;
font-size:11px;
color:#99CC99;
font-weight:bolder;}

#contenuDiaporama {
	display:block;
	float: right;
	width: 520px;
	height:310px;
	padding-left:20px;
	padding-right:10px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}
	
/* FIN Page société */

/* Page contacts*/

#contenuContacts h2{
	color:#0066CC;
	font-size:16px;
	text-align:center;}

#contenuContacts h1{
	color:#993399;
	font-size:24px;
	text-align:center;
	margin-left: 55px;
}

#contenuContacts a{
	font-weight:bold;
	font-size:12px;
	text-align:center;}

/* FIN Page contacts*/

/* Page Produits*/	   

#imgProduitshaut{
	display:block;
	float: left;
	padding-left:82px;
	margin-top:0px;}

#imgProduitsbas{
	display:block;
	float: left;
	padding-left:260px;
	margin-top:-40px;}

#titreProduits{
	display:block;
	float: left;
	width: 170px;
	padding-left:255px;
	margin-top:2px;
	color:#67C18C;}

#menuProduits{
	padding-left:95px;
	display:block;
	float: left;
	list-style:none;
	list-style-type:none;
	margin-top: 10px;}

#menuProduits li{
	font-size: 16px;
	font-weight: bold;
	list-style-type:none;
	margin:12px 0;}

#menuProduits li a{
	list-style-type:none;
	list-style-position:outside;
	list-style:none;
	color: #0066CC;}

#menuProduits li a:hover,
#menuProduits li a:active{
	list-style-type:none;
	list-style-position:outside;
	list-style:none;
	color: navy;}

#contenuSeringues li{
	width:280px;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;}

#contenuSeringues h5{
	background-color:#99CC99;
	color:#0066CC;
	font-size:12px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	clear:both;
	}
#contenuSeringues img{
	clear:both;
}



#contenuSeringues li a{
	color:#FFFFFF;
	text-decoration:none;}

.LienProd{
	background-color:#0066CC;
	color:#FFFFFF;
	text-align:right;
	float:right;
	width:80px;
	height:22px;
	line-height:22px;
	margin-top:-22px;
	text-align:center;}

/* FIN Page Produits*/

/* Page Produits Seringues*/
#contenuSeringues {
	display:block;
	float: right;
	width: 500px;
	height:540px;
	padding-right:20px;
	overflow:scroll;
	overflow-x:hidden;overflow-y:auto;}

/* FIN Page Produits Seringues*/