/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLES DES TITRES */

.titre-accueil{
	background:url(../images/titres/titre-accueil.jpg) top left no-repeat;
	height: 45px;
}
.titre-equipements{
	background:url(../images/titres/titre-equipements.jpg) top left no-repeat;
	height: 60px;
}
.titre-ped-presentation{
	background:url(../images/titres/titre-ped-presentation.jpg) top left no-repeat;
	height: 45px;
}
.titre-ped-deroulement{
	background:url(../images/titres/titre-ped-deroulement.jpg) top left no-repeat;
	height: 45px;
}
.titre-ped-sterilisation{
	background:url(../images/titres/titre-ped-sterilisation.jpg) top left no-repeat;
	height: 45px;
}
.titre-ped-orthoplastie{
	background:url(../images/titres/titre-ped-orthoplastie.jpg) top left no-repeat;
	height: 45px;
}
.titre-pod-examen{
	background:url(../images/titres/titre-pod-examen.jpg) top left no-repeat;
	height: 45px;
}
.titre-pod-pathologies{
	background:url(../images/titres/titre-pod-pathologies.jpg) top left no-repeat;
	height: 45px;
}
.titre-pod-semelles{
	background:url(../images/titres/titre-pod-semelles.jpg) top left no-repeat;
	height: 45px;
}
.titre-pod-materiaux{
	background:url(../images/titres/titre-pod-materiaux.jpg) top left no-repeat;
	height: 45px;
}
.titre-refl-presentation{
	background:url(../images/titres/titre-refl-presentation.jpg) top left no-repeat;
	height: 45px;
}
.titre-refl-historique{
	background:url(../images/titres/titre-refl-historique.jpg) top left no-repeat;
	height: 85px;
}
.titre-refl-deroulement{
	background:url(../images/titres/titre-refl-deroulement.jpg) top left no-repeat;
	height: 45px;
}
.titre-contact{
	background:url(../images/titres/titre-contact.jpg) top left no-repeat;
	height: 45px;
}
.titre-merci{
	background:url(../images/titres/titre-merci.jpg) top left no-repeat;
	height: 45px;
}


.floatright {
	float:right;
	margin-left:15px;
	border: 1px solid #E5D3BF;
	padding: 1px;
}

.floatleft {
	float:left;
	margin-right:15px;
	border: 1px solid #E5D3BF;
	padding: 1px;
}

.photo{
	border: 1px solid #E5D3BF;
	padding: 1px;
}

.separateur{
	border-top:1px solid #C6A172;
	height: 10px;
}

.list li{
	padding-left: 30px;
	padding-bottom: 5px;
	font-size:1.1em;
	text-align:justify;
	color: #ecddca;
	background: url(../images/charte/puce.gif) left top no-repeat;
	list-style-type: none;
}

.list2 li{
	padding-left: 10px;
	padding-bottom: 5px;
	font-size:1.1em;
	text-align:justify;
	color: #ecddca;
	list-style-type: disc;
}
/* STYLE DE LA PAGE CONTACT */

.mail_label{
	font-size:1.2em;
	float:left;
	width:100px;
	margin:2px 0;
	padding-left:15px
}

.mail_input{
	font-size:1.2em;
	float:left;
	width:90px;
	margin:2px 0;
}

.inputForm{
	background-color:#fffbe8;
	border:1px solid #f0e2a8;
	width:150px;
	color:#784852;
	font-size:12px;
	padding:2px;
}

.inputFormOver{
	background-color:#f0e2a8;
	border:1px solid #fffbe8;
	width:150px;
	color:#784852;
	font-size:12px;
	padding:2px;
}

.button{
	background-color:#f0e2a8;
	border:1px solid #fffbe8;
	width:70px;
	color:#784852;
	cursor:pointer;
	font-size:12px;

}

.buttonOver{
	background-color:#fffbe8;
	border:1px solid #f0e2a8;
	width:70px;
	color:#784852;
	cursor:pointer;
	font-size:12px;

}