/***************** INSTRUCTIONS DE BASE *****************/

body                 {
	color: #000;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, "Trebuchet MS", sans-serif;
	line-height: 16px;
	background-color: #000;
	margin: 0;
	padding: 0
	}


* {
	margin: 0;
	padding: 0;
	}


p   {
	margin: 0 0 16px;
	padding: 0
	}

	
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	
/***************** ZONING *****************/


#container      {
	margin: 0 auto;
	width: 900px
	}




#entete      {
	position: relative;
	background-image: url("images/entete.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
	height: 299px;
	margin: 0
	}

#menu       {
	background-color: #e50083;
	margin: 0;
	position: relative;
	width: 900px;
	height: 55px
	}


#content      {
	background-color: #fff;
	position: relative;
	width: 900px;
	height: auto;
	margin: 0
	}

#editorial        {
	background-color: #fff;
	margin-left: 42px;
	position: relative;
	width: 820px;
	border-bottom: 40px solid #fff
	}


#pied            {
	background-color: #000;
	position: relative;
	width: 900px;
	height: 160px;
	border-top: 4px solid #333
	}


/***************** RETOUR ACCUEIL - LOGO *****************/


h1   {
	margin-left: 140px;
	padding: 0;
	text-indent: -9999px;
	width: 210px;
	height: 100px
	}

h1 a {
	text-decoration: none;
	display: block;
	width: 210px;
	height: 100px
	}




/***************** MENU NAVIGATION *****************/

#menu-navigation        {
	background-color: #e50083;
	margin: 0;
	padding: 0;
	height: 55px
	}


#menu-navigation li       {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 55px
	}


#menu-navigation a     {
	float: left;
	text-indent: -9999px
	}


#menu_qui a       {
	background-image: url("images/qui.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 191px;
	height: 55px
	}

#menu_qui a:hover, #menu_qui a.active        {
	background-image: url("images/qui.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}


#menu_chaine a       {
	background-image: url("images/chaine.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 213px;
	height: 55px
	}

#menu_chaine a:hover, #menu_chaine a.active        {
	background-image: url("images/chaine.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}


#menu_produits a       {
	background-image: url("images/produits.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 183px;
	height: 55px
	}

#menu_produits a:hover, #menu_produits a.active        {
	background-image: url("images/produits.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}
	
	
#menu_pratiques a       {
	background-image: url("images/pratiques.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 166px;
	height: 55px
	}

#menu_pratiques a:hover, #menu_pratiques a.active        {
	background-image: url("images/pratiques.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}
	
	
#menu_devis a       {
	background-image: url("images/devis.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 52px;
	height: 55px
	}

#menu_devis a:hover, #menu_devis a.active        {
	background-image: url("images/devis.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}
	
	
#menu_contact a       {
	background-image: url("images/contact.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 95px;
	height: 55px
	}

#menu_contact a:hover, #menu_contact a.active        {
	background-image: url("images/contact.jpg");
	background-repeat: no-repeat;
	background-position: left bottom
	}
	
	

/***************** DESIGN EDITORIAL *****************/


#sousmenus  {
	margin-bottom: 24px
	}



#editorial a:link, #editorial a:visited  {
	color: #e50083;
	text-decoration: none
	}

#editorial a:hover  {
	color: #fff;
	text-decoration: none;
	background-color: #e50083
	}


#entete a:link, #entete a:visited  {
	color: #fff;
	font-weight: bold;
	text-decoration: none
	}


#entete a:hover  {
	color: #e50083;
	font-weight: bold;
	text-decoration: none
	}




h2   {
	color: #bdbdbd;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 20px
	}
	
	
h3   {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px
	}



#sousmenus a:link  {
	color: #999;
	text-decoration: none
	}

#sousmenus a:visited  {
	color: #999;
	text-decoration: none
	}


#sousmenus a:hover  {
	color: #000;
	font-weight: bold;
	text-decoration: none
	}

#sousmenus a.on    {
	color: #000;
	font-weight: bold;
	text-decoration: none
	}

#accesclients  {
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 252px;
	left: 64px;
	width: 100px;
	height: 20px
	}


dl {
	margin-bottom: 20px
	}

dt {
	font-size: 13px;
	font-weight: bold
	}

.chevrons {
	color: #333;
	font-size: 24px;
	font-weight: bold
	}

.istrong {
	font-style: italic;
	font-weight: bold
	}
	
#zone-extranet {
	background-color: #fff;
	margin-right: 20px;
	width: auto;
	float: right;
	}
	
#signature {
	color: #999;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	margin-top: 12px
	}

#signature a:link, #signature a:visited   {
	color: #ccc;
	text-decoration: none
	}

	
#signature a:hover  {
	color: #fff;
	text-decoration: none
	}

#visuel-imprim   {
	margin-top: 20px;
	margin-right: 40px;
	float: right
	}

.float-left       {
	margin-right: 40px;
	width: 200px;
	float: left
	}


#body-savoir #editorial dl       {
	color: #999;
	font-size: 11px;
	font-family: Georgia;
	margin-top: 6px
	}


	
#body-savoir #editorial dt       {
	color: #000;
	font-size: 12px;
	font-family: Georgia;
	font-weight: bold
	}



#body-savoir #editorial dd.auteur       {
	color: #31b8f0;
	font-size: 11px;
	font-family: Georgia
	}

/***************** PIED DE PAGE *****************/

#pied-float1, #pied-float2, #pied-float3, #pied-float4, #pied-float5    {
	color: #fff;
	font-family: Geneva;
	margin-top: 20px;
	float: left
	}


#pied-float1  {
	margin-left: 42px;
	width: 160px
	}

#pied-float2 {
	margin-left: 22px;
	width: 160px
	}
	
#pied-float3 {
	margin-left: 22px;
	width: 160px
	}
	
#pied-float4 {
	margin-left: 22px;
	width: 160px
	}
	
#pied-float5 {
	margin-left: 22px;
	width: 80px
	}

#pied dl    {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333
	}


#pied dt   {
	color: #e20183;
	font-size: 11px;
	font-weight: normal;
	}


#pied dd  {
	color: #ccc;
	font-size: 10px;
	font-weight: normal;
	margin-top: 2px
	}

#pied ul    {
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333
	}


#pied li   {
	font-family: Geneva;
	color: #ccc;
	font-size: 10px;
	font-weight: normal;
	}
	
#pied a:link, #pied a:visited   {
	color: #fff;
	text-decoration: none
	}


#pied a:hover   {
	color: #ccc;
	text-decoration: none
	}

	
/***************** LEXIQUE *****************/

.lex-float      {
	margin-top: 20px;
	margin-right: 11px;
	width: 194px;
	height: 120px;
	float: left
	}

#body-lexique #signature   {
	color: #999;
	font-size: 10px;
	font-family: Verdana;
	text-align: center;
	margin-top: 12px;
	clear: left
	}


#body-lexique #content     {
	height: 1960px
	}


#body-lexique h2       {
	color: #000;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 16px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999
	}



#body-lexique #content dt     {
	color: #000;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}



#body-lexique #content dd      {
	color: #666;
	font-size: 11px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 11px
	}


	
/***************** FORMULAIRE DEVIS *****************/


#accroche     {
	margin-top: 16px;
	margin-bottom: 12px;
	padding: 2px
	}


.instructions     {
	color: #666;
	font-size: 11px;
	font-family: Arial;
	font-style: italic;
	font-weight: normal;
	margin-left: 12px;
	width: 400px;
	float: right
	}


#formulaire textarea       {
	font-size: 11px;
	background-color: #fff;
	width: 360px;
	height: 60px;
	overflow: auto;
	border: solid 1px #ccc
	}



#formulaire  dt  {
	color: #e30083;
	font-size: 12px;
	font-weight: normal;
	margin-top: 20px
	}

fieldset  {
	color: #000;
	margin-top: 20px;
	margin-bottom: 12px;
	padding: 12pt;
	border: solid 1px #ccc
	}

fieldset dt  {
	color: #e30083;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px
	}

fieldset textarea      {
	font-size: 11px;
	background-color: #fff;
	width: 260px;
	height: 18px;
	overflow: hidden;
	border: solid 1px #ccc
	}


#formulaire-contact .champ       {
	font-size: 11px;
	background-color: #fff;
	width: 260px;
	height: 18px;
	overflow: auto;
	border: solid 1px #ccc
	}

#formulaire-contact dt {
	color: #e30083;
	font-size: 12px;
	font-weight: normal;
	margin-top: 20px
	}
	
legend  {
	color: #fff;
	background-color: #ccc;
	margin-right: 2px;
	margin-left: 2px;
	padding: 1px 4px
	}