/* 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";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

.input  {  
	border: 1px solid;
	border-color: #000000; 
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: #000000; 
	}
	
.lien		{FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #7A7A7A; FONT-FAMILY: arial}
.lien:active 	{COLOR: #7A7A7A; TEXT-DECORATION: none}
.lien:hover 	{COLOR: #932F7B; TEXT-DECORATION: none}
.lien:link 	{COLOR: #7A7A7A; TEXT-DECORATION: none}
.lien:visited 	{TEXT-DECORATION: underline}	

.italic {
	font-style:italic;
	}

/*-- ACCUEIL --*/
#contenuTexte #ss-menus {
	width:618px;
	margin:0 0 15px 0;
	background:#F7E7CA;
	text-align:center;
	font-size:12px;
	padding:2px 0 0 0;
	float:left;
	color:#000000;
	height:18px;
	}
#container .UL_menu-accueil li a:hover{color:#000;}
#container .UL_menu-accueil li a{ text-decoration:none;}
.UL_menu-accueil li {
	display:inline;
	margin:0 17px 0 0;
	background:url(../images/charte/puce.gif) no-repeat center left;
	padding:0 0 0 13px;
	}
.activite-citation {float:left;font-style:italic;}

h3 {
	border-bottom:1px dotted #0C436A;
	color:#0C436A;
	font-style:italic;
	font-weight:bold;
	margin:7px 0 5px 0;
	padding:0;
	font-size:15px;
	} 
.activite-description {
	float:left;
	width:378px;
	margin:5px 0 0 0;
	}
.activite-anim {
	width:210px;
	height:324px;
	float:right;
	margin:20px 15px 0 0;
	border:1px solid white;
	}
/*-- EXERCICE --*/
.exercice-anim {
	width:210px;
	float:right;
	height:324px;
	border:1px solid white;
	margin:7px 15px 0 0;
	}
.exercice-description {
	float:left;
	width:378px;
	margin:5px 0 0 0;
	}

/*-- BIOGRAPHIE --*/
.biographie img{ float:right;}
.biographie {
	float:left;
	width:610px;
	margin:5px 0 0 0;
	}
/*-- PARADIGME --*/
.paradigme-anim {
	width:210px;
	height:210px;
	float:right;
	margin:25px 15px 0 0;
	border:1px solid white;
	}
.paradigme-description {
	float:left;
	width:378px;
	margin:5px 0 0 0;
	}
/*-- METHODE --*/
.methode-description ul{margin:10px 0 0 30px;}
.methode-description li{font-size:12px;list-style-image:url(../images/charte/puce-li.gif); margin:5px 0 0 0;}
.methode-description {
	float:left;
	width:378px;
	margin:5px 0 0 0;
	}
.methode-anim {
	width:210px;
	height:210px;
	float:right;
	margin:8px 15px 0 0;
	border:1px solid white;
	}

/*-- 4 IDEES FORCES --*/
.idees-forces-decsription {
	width:430px;
	float:left;
	}
.idees-forces-visuel {
	width:173px;
	height:609px;
	float:right;
	background-image:url(../images/charte/corps.jpg);
	}
/*-- REFERENTIEL --*/
.referentiel-description {
	width:300px;
	float:left;
	}
.referentiel-anim {
	width:291px;
	float:right;
	}
/*-- INDICATIONS --*/
.indications-description li{
	margin:0 0 0 20px;
	list-style-image:url(../images/charte/puce-li.gif);
	font-size:12px;
	}
.indications-description ul img{ float:right; margin:20px 0 0 10px; border:1px solid #0C436A;}
.indications-description ul {
	margin:0 0 15px 0;
	height:130px;
	}
.indications-description ul p{
	border-bottom:1px dotted #0C436A;
	color:#0C436A;
	font-style:italic;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	}
.indications-description {
	float:left;
	}
/*-- LIENS --*/
.liens li{list-style-image:url(../images/charte/puce-li.gif);margin:0 0 5px 20px;}
.liens ul{font-size:12px;margin:20px 0 0 20px;}
.liens {float:left;}
.liens-visuel {
	float:right;
	background:url(../images/charte/fd-liens.jpg);
	width:288px;
	height:220px;
	margin:0 25px 0 0;
	}
/*-- TRAITEMENTS OSTHEOPATHE --*/
.traitement {float:left;}
.traitement ul {font-size:12px;margin:0 0 0 25px;}
.traitement li {list-style-image:url(../images/charte/puce-li.gif); margin:0 0 5px 0;}
/*-- STAGES ET FORMATIONS --*/
.stages-explicatif {
	float:left;
	font-style:italic;
	}
#stage {
	width:621px;
	margin:15px 0 0 0;
	float:left;
	background:url(../images/charte/fd-stage.gif);
	}
#container .stage-theme {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background:url(../images/charte/fd-stage-top.gif) no-repeat;
	height:21px;
	color:#084165;
	letter-spacing:1px;
	padding:3px 0 0 0;
	}
#container .stage-date {
	font-size:11px;
	text-align:right;
	background:url(../images/charte/fd-date.gif) no-repeat;
	height:18px;
	color:#000;
	font-style:italic;
	padding:1px 20px 0 0;
	}
#container .stage-bottom {
	background:url(../images/charte/fd-stage-bottom.gif) no-repeat;
	height:7px;
	margin:0;
	padding:0;
	float:left;
	width:621px;
	}
.stage-description {
	float:right;
	width:300px;
	margin:10px 20px 0 0;
	}
.stage-visuel img{ border:1px solid white;}
.stage-visuel {
	width:257px;
	float:left;
	margin:10px 0 0 20px;
	text-align:center;
	}
.pagination {
	float:left;
	width:621px;
	text-align:center;
	margin:15px 0 30px 0;
	font-size:11px;
	}
/*------------------- CONTACT ------------------------------*/
#contact input:focus { border:none; border:1px solid black;}
#contact input {
	padding:2px;
	width:210px;
	height:13px;
	font-size:11px;
	border:1px solid #0A4265;
	background:#FAF1E1;
	color:#0A4265;
	margin:0 0 2px 0;
	font-family:"Trebuchet MS";
	}
#contact textarea:focus {border:none; border:1px solid black;}
#contact textarea {
	width:208px;
	height:44px;
	font-size:11px;
	color:#0A4265;
	background:#FAF1E1;
	margin:0 0 2px 0;
	border:1px solid #0A4265;
	padding:3px;
	font-family:"Trebuchet MS";
	}
#contact {
	font-size:12px;
	margin:0;
	float:left;
	width:340px;
	color:#666;
	}
#contact .reinit {
	width:72px;
	height:18px;
	float:left;
	display:block;
	cursor:pointer;
	border:1px solid #F7EBD5;
	background:#F7EBD5;
	}
#contact .bouton {
	width:58px;
	float:left;
	height:18px;
	border:1px solid #F7EBD5;
	cursor:pointer;
	margin:0 30px 0 30px;
	background:#F7EBD5;
	}
.petit {font-size:10px; line-height:13px; color:#666;}
.contact-loi {float:left; width:540px; margin:10px 0 0 0;}
.merci {font-size:12px;margin:80px 0 0 155px; font-family:Arial, Helvetica, sans-serif;}
.adresse img{border:1px solid #ccc;}
.adresse a{color:#FFF; text-decoration:underline; cursor:pointer;}
#container .adresse a:hover {color:#FFF; text-decoration:none; font-weight:normal; cursor:pointer;}

.adresse a{ color:#0A4265;}
#container .adresse a:hover{ color:#0A4265; text-decoration:none;}
.adresse {
	float:left;
	color:#565656;
	width:180px;
	margin:35px 0 0 15px;
	}
.adresse-titre {
	color:#366B8D;
	font-size:13px;
	font-weight:bold;
	}
/*-- CONSULTATIONS --*/
.consultations-descriptif {width:350px; float:left;}
.consultations-descriptif ul {font-size:12px; margin:15px 0 0 0;}
.consultations-descriptif li {list-style-image:url(../images/charte/puce-li.gif);margin:8px 0 0 20px;}
.consultations-visuel {
	background:url(../images/charte/consultations.jpg); 
	width:243px; 
	height:184px; 
	float:right;
	}

.superul {
font-size:12px; margin:15px 0 0 0;
}

.superul li{
list-style-image:url(../images/charte/puce-li.gif);margin:8px 0 0 20px;
}