/****************************************************************************************************************************

  KREACTIV STUDIOS

 ****************************************************************************************************************************

 @fichier  : styleNUTRITIS.css
 @auteur   : Matthieu Pouchin
 @creation : 10/10/2008
 
 
 /* ------------------------------------------------------------------------------------------------------ corps des pages */

html, body{ 
 margin:0 auto; 
 padding:0; 
 width: 100%;
 height: 100%;
 background-position: top;
 background-color:#fff;
} 
 
/* ------------------------------------------------------------------------------------------------------ corps des pages */

#background {
 height:auto;
 margin:0 auto;
}

#header{
 padding:0;
 margin:0 auto;
 width:980px;
 height:155px;
 z-index:1;
}

#contenu {
 padding: 0;
 margin: 0 auto;
 width:980px;
}

/* HOMEPAGE */

#flash_hp {
 float:left;
 padding: 0;
 margin: 0 auto;
 width:577px;
 height:586px;
}

#infos_hp {
 float:left;
 padding: 0;
 margin: 0 auto;
 width:403px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: left;
 text-decoration: none;
}

.textes_hp {
 padding-left: 27px;
 margin: 0 auto;
 width:352px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.textes_hp a {
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #e7b335;
 text-align: justify;
 text-decoration: underline;
}

.textes_hp a:hover {
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #ca9513;
 text-align: justify;
 text-decoration: underline;
}

.titre_hp {
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: bold;
}

.news_hp {
 padding-left: 15px;
 margin: 0 auto;
 width:250px;
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 font-weight: bold;
 color: #b09484;
 text-align: left;
 text-decoration: none;
}

/* APPLIS */

.separation {
 clear:both;
 margin:0;
 padding:0;
 visibility:hidden;
}

#colonne01_appli {
 float:left;
 padding: 0;
 margin: 0 auto;
 width:511px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: left;
 text-decoration: none;
}

.texte_appli {
 float:left;
 padding-left: 55px;
 margin: 0 auto;
 width:425px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.texte_appli a:hover{
 background-color:#b09484;
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.texte_type {
 float:left;
 padding-left: 55px;
 margin: 0 auto;
 width:425px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.texte_type a{
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.texte_type a:hover{
 background-color:#b09484;
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.texte_type2 {
 float:left;
 padding-left: 25px;
 margin: 0 auto;
 width:380px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

#flash_type2 {
 padding:0;
 margin: 0 auto;
 width:410px;
}

.texte_type2 a{
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.texte_type2 a:hover{
 background-color:#b09484;
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

#img_form {
 float:left;
 padding:0;
 margin: 0 auto;
 width:180px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

#texte_form {
 float:left;
 padding-bottom:50px;
 padding-left:10px;
 margin: 0 auto;
 width:190px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}


.ph_news {
 float:left;
 padding:0;
 margin: 0 auto;
 width:100px;
}

.ph_newshp {
 float:left;
 padding:0;
 margin: 0 auto;
 width:40px;
}

.texte_news {
 float:left;
 padding-left: 20px;
 margin: 0 auto;
 width:250px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.texte_appli a{
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.texte_appli a:hover{
 background-color:#b09484;
 font: 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.titre {
 float:left;
 padding:0;
 margin: 0 auto;
 width:400px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: left;
 text-decoration: none;
}

#colonne02_appli {
 float:left;
 padding: 0;
 margin: 0;
 width:462px;
}

#colonne02_appli_flash {
 float:left;
 padding-left: 30px;
 margin: 0 auto;
 width:385px;
}

.boutons_appli {
 padding-left: 27px;
 margin: 0 auto;
 width:352px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

#intro_fiche {
 float:left;
 padding:0;
 margin: 0 auto;
 width:940px;
}

#intro_fiche01 {
 float:left;
 padding-left: 30px;
 padding-bottom: 30px;
 margin: 0 auto;
 width:450px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

#intro_fiche02 {
 float:left;
 padding-left:25px;
 padding-top:40px;
 margin: 0 auto;
 width:425px;
 font: 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: center;
 text-decoration: none;
}

#intro_fiche02 a{
 font: 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: center;
 text-decoration: none;
}

#intro_fiche02 a:hover{
 font: 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 background-color: #E3A716;
 text-align: center;
 text-decoration: underline;
}

.colonne_fiche {
 float:left;
 padding-left: 45px;
 padding-bottom: 30px;
 margin: 0 auto;
 width:280px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.colonne_fiche a{
 font: 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}

.colonne_fiche a:hover{
 background-color:#b09484;
 font: 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}


h1 {
 margin-bottom: 0;
 font: normal bold 12pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: left;
 text-decoration: none;
}

h2 {
 margin-top: 0;
 font: normal bold 10pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #919191;
 text-align: left;
 text-decoration: none;
}

h3 {
 margin-bottom: 0;
 font: normal bold 9pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 text-align: left;
 text-decoration: none;
}

h4 {
 margin-bottom: 0;
 margin-top: 0;
 font: normal bold 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #e7b335;
 text-align: left;
 text-decoration: none;
}

h5 {
 margin-bottom: 0;
 margin-top: 0;
 font: italic 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

#visuel_prod {
 float:left;
 padding: 0;
 margin: 0 auto;
 width:511px;
}

/* FORMULAIRE */

#contenu_form {
 padding-top: 15px;
 margin: 0 auto;
 width:400px;
 font: 7pt "Verdana, Arial, Helvetica", Sans-Serif;
 font-weight: normal;
 color: #6e6b6b;
 text-align: left;
 text-decoration: none;
 z-index:10;
}

.texte_ml {
 float:left;
 padding-left: 55px;
 margin: 0 auto;
 width:425px;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #6e6b6b;
 text-align: justify;
 text-decoration: none;
}

.texte_ml a{
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #b09484;
 font-weight: normal;
 text-align: left;
 text-decoration: none;
}

.texte_ml a:hover{
 background-color:#b09484;
 font: 8pt "Verdana, Arial, Helvetica", Sans-Serif;
 color: #fff;
 font-weight: normal;
 text-align: left;
 text-decoration: none;
}

/* FOOTER */

#footer {
 padding: 0;
 margin: 0 auto;
 width:980px;
 height:26px;
 font: 7pt "Verdana, Arial, Helvetica", Sans-Serif;
 font-weight: normal;
 color: #bdbdbd;
 text-align: center;
 text-decoration: none;
}

#footer a{
 font: 7pt "Verdana, Arial, Helvetica", Sans-Serif;
 font-weight: normal;
 color: #bdbdbd;
 text-align: center;
 text-decoration: none;
}

#footer a:hover{
 font: 7pt "Verdana, Arial, Helvetica", Sans-Serif;
 font-weight: normal;
 background-color:#f0f0f0;
 color: #808080;
 text-align: center;
 text-decoration: none;
}