@import url(commun/typo.css);

/**
 *  Feuille de style gerant le contenu du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  
}

  /**
   * Zone d'en tete
   * @subsection en tete
   */

  #entete{
    
  }
  #identification {
    font-size :1.1em;
  }
  #identification input {
    font-family :arial;
    color:#40056D;
  }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */

  #contenu {
 
  }

    /**
     * Mise en forme de la contenu de contenue gauche 
     * @subsubsection gauche
     */

      .gauche {
        
      }

    /**
     * Mise en forme de la contenu de contenue centrale
     * @subsubsection centre
     */

      .centre {
        
      }
      .interne .centre h1 {
        background:url(../images/puceDoubleFleche.jpg) no-repeat left;
        padding-left:20px;
        text-transform :uppercase;
        color:#40056D;
        font-weight :bold;
        font-size :1.167em;
        margin-bottom:12px;
      }
		.TitrequiSommeNous h1 ,
		.TitrequiSommeNous h2{
		  color :#EB8A00 !important;
		}
		.Titrelaboratoires h1,
		.Titrelaboratoires h2{
		  color :#9BBE37 !important;
		}
		.Titreprothese h1,
		.Titreprothese h2{
		  color :#40056D !important;
		}
		.Titremateriaux h1,
		.Titremateriaux h2{
		  color :#43638A !important;
		}
		.Titreorganisation h1,
		.Titreorganisation h2{
		  color :#D8064D !important;
		}
		.TitreconseilAstuce h1,
		.TitreconseilAstuce h2{
		  color :#9D81B5 !important;
		}
      .interne .centre h2 {
        background:url(../images/puceH2.jpg) no-repeat left;
        padding-left:20px;
        color:#EB8A00;
        font-weight:bold;
        font-size :1.083em;
        margin:1em 0 10px 0;
      }
	  .interne .centre h3{
		color: #40056D;
		font-size :1.083em;
		font-weight :bold;
		padding:0 0 0 8px;
		margin:0 0 10px 0;
	  }
      .interne .centre {
        font-size:1.2em;
        line-height:1.333em;
      }
	  .interne .centre  p{
		margin:0 0 12px 20px;
	  }
	  .interne .centre  ul{
		margin:0 0 12px 20px;
	  }
	  .interne .centre  table{
		margin:0 0 12px 20px;
	  }
	  .interne .centre a{
		text-decoration: none;
		color: #B09BC2;
		font-weight: bold;
	  }
	  .interne .centre a:hover{
		text-decoration: underline;
	  }
	  .blockDiaporama{
		width: 420px;
		height: 360px;
		/*position: relative;*/
	  }
	   .galerie{
		width: 420px;
		height: 360px;
	  }
	  .diaporama .cacheImage{
		position: absolute;
		z-index:10;
		
	  }
	  .diaporama .boutoPlay{
		position: absolute;
		z-index:20;
		left: 190px;
		padding-top: 10px;
	  }
	  .diaporama .imageDiaporama{
		padding: 23px 0 0 30px;
 	  }
      .diaporama p {
        position:absolute;
        top: 300px;
        left:102px;
        z-index:30;
        color:#CB0246;
        font-weight:bold;
      }
      #contenuMiseEnAvant {
        color:#fff;
        font-style :italic;
        font-size :1.5em;
        line-height :1.5em;
        text-align :center;
      }
	  
	  .retourConseil{
		font-weight: bold;
		text-align: right;
		display: block;
		margin-bottom: 20px;
	  }
 
    /**
     * Mise en forme de la contenu de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        
      }
	/**	conseil et astuce	*/
	ul#postIt{
		width: 600px;
		margin-left: 40px;;
	}
	ul#postIt li{
		display: inline;
		float: left;
		padding: 15px 30px;
	}
	
	/*	Formulaire tarif	*/
	.interne .centre form {
          border: 1px solid #D8064D;
          width:415px;
          padding:20px 0 0 20px;
          margin:20px auto 0 auto;
          font-size:1.1em;
        }
	.interne .centre .row {
          margin-bottom:20px;
        }
	.interne .centre .row label {
          position:absolute;
        }
    .interne .centre .row input {
          margin-left:135px;
        }
    .interne .centre form p {
		font-size:0.8em;
        }
    .interne .centre .row textarea {
          margin:30px 0 0 50px;
        }
	.interne .centre input[type=image]{
          margin:10px 0 0 325px;
        }
	.erreur_form{
		color: #D8064D !important;
		}
	.message_confirm{
		color: #D8064D !important;
		font-weight: bold;
		}
  /**
   * Mise en forme de la contenu de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot address {
    font-style:normal;
    font-size:1.2em;
    font-weight :bold;
    color:#40056D;
  }
  #foot address a {
    color:#40056D;
    text-decoration :none;
  }
 /*		Google map		*/
 .interne .centre iframe{
	border: 3px solid #40056D;
 }
 .interne .centre small{
	margin-left: 247px;
 }