@import url("tipo.css");
@import url("a.css");


/* Perspectives Formation CSS
[ADiFCO] Victor VILA
21-12-2007
--------------------------------*/


* {
	margin:0;
	padding:0;
	list-style-type:none;
}

html {
	background-color:#FFFFFF;
}

body {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	width: 880px;
	margin: 0 auto;
	text-align:left;
	background:#FFFFFF;
}

#logo {
	height: 125px;
	width: 263px;
	position: absolute;
	left: 0;
	top: 0;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #003366;
	top: 127px;
	left: -2px;
	position: absolute;
	font-size: 15px;
	line-height: 30px;
	width: 233px;
	height: 358px;
	background-image: url(../images/PerspectivesMenu.jpg);
	background-repeat: no-repeat;
}

#menu ul {
	position: absolute;
	left: 20px;
	top: 30px;
}

#contenu {
	width: 617px;
	position:relative;
	left:263px;
	top:0;
	background: url(../images/Perspectives02.jpg) top right no-repeat;
	color: #333333;
	padding: 80px 0 0 0;
}


/* Parti BO
--------------------*/
#contenu2 {
	width: 617px;
	position:relative;
	left:263px;
	top:0;
	background: url(../images/Perspectives02.jpg) top right no-repeat;
	padding: 80px 0 0 0;
}

#gris_bo {
background-color:#eeeeee;
height: auto;
}

#contenu2 form {
background-color:#eeeeee;
background:none;
}

#leftcontent {
		margin-right:15px;
		padding-bottom:20px;
}
		
#leftcontent input {
		margin-right:5px;
		margin-top: 5px;
}
	
#leftcontent img {
		margin-right:5px;
}	
		
#rightcontent {
		margin-left:0px;
		float:none;
}

#rightcontent img{
		margin-right:5px;
}
		
#leftcontent input {
		margin-right:5px;
		margin-top: 5px;
}

.table_dynamique {
margin-left:110px;
margin-top:-18px;
}


.form {
margin:0auto;
}

.pre_inscription form {
background-color:#eeeeee;
background-image:none;
}

#both {
clear:both;
}

/*--------------------*/




#flash {
	height: 114px;
	width: 617px;
	margin: 0px 0 0 0;
	text-align:center;
}

#sante {
	float: left;
	width: 288px;
	margin-top: 11px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
}

#entre {
	float: left;
	width: 288px;
	margin-top: 11px;
	margin-left: 10px;
	position: relative;
}

#footer {
	background-image: url(../images/Perspectives_pied.jpg);
	height: 178px;
	width: 880px;
	clear: both;
	position: relative;
}

#footer_inscription {
	background-image: url(../images/Perspectives_pied.jpg);
	height: 178px;
	width: 880px;
	clear: both;
	position: relative;
	left: -300px;
	}
p alert{
position: relative;
top: -300px;
left: 300px;
}
 
img.sup {
	position: absolute;
	left: -30px;
	top: 0px;
}

#siteInfo {
	text-align: center;
	width: 617px;
	position: absolute;
	top: 75px;
	left: 263px;
}

#sante li, #entre li {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding: 5px;
	list-style-type: disc; 
	list-style-position: inside; }

#sante li {list-style-image:url(../images/puces/puceRouge.jpg);}

#entre li {list-style-image: url(../images/puces/puceVerte.jpg);}

p {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: justify;
}

cite {
	text-align: right;
	padding-left: 500px;
}
cite.temoignages {
	padding-left: 52px;
	text-align: left;
}

blockquote, .infosTop {
	width: 350px;
	margin-top: 21px;
}
#contenu p.temoin {
	font-weight: normal;
	padding: 0;
	margin: 33px 0 5px 0;
}


blockquote.entre {margin-bottom: 25px;}

blockquote p {
	margin-bottom:10px;
}



/* Infos legales, Equipe
------------------------------------*/

#infosLegales, .equipe {
	background-image: none;
	width: 617px;
	position:relative;
	left:263px;
	top:0;
	color: #333333;
}
.infosTop li {
	font-weight: 700;
	color: #121212;
	margin-bottom: 10px;
}
.infosTop p {
	font-weight: normal;
}
.infosTop {
	width: 95%;
}

.infos p, .contact p, .equipe p {
	width: 95%;
	padding-top: 0px;
	padding-bottom: 5px;
	margin:0;
	font-weight: normal;
	color: 333333;
	font: normal 12px;
}
.gras {
	font-weight: 700;
}
.infos .gras, .contact .gras, .equipe .gras {
	padding-top: 15px;
	padding-bottom: 21px;
}
.infos li, .contact li, .equipe li {
	padding: 5px 0 5px 21px;
	list-style-position:inside;
}

.infos li {
	list-style-image:url(../images/puces/puce.jpg);
}

.equipe li {
	list-style-image:url(../images/puces/puce-l.jpg);
	font-weight: 700;
	color: 003366;
	font: bold 14px;
}

.equipe h2 {margin-bottom:0;padding-bottom:0;line-height:25px;height:25px;}
 
.equipe dt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
	background-image: url(../images/puces/puce-l.jpg);
	padding-left: 21px;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	clear: both;
}
.equipe dl {
	background: url(../images/photo-verticale.jpg) no-repeat top right;
	padding: 15px 0 0 0;
}

.equipe dd {
	margin: 8px auto 15px auto;
	padding: 0 120px 21px 33px;
	text-align: justify;
}


/* References
-------------------------------------*/

.references h2 {
	margin:0;
}

.references li {
	font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	list-style-image:url(../images/puces/puce.jpg);
	list-style-position:inside;
	padding: 0 0 5px 36px;
}
 
.references p {
	margin-top: 21px;
	font-weight: 700;
}


/* Plan
-------------------------------------*/

.plan {
	padding: 0 0 21px 0;
}

.plan .quart, .plan .dernier {
	width:21%;
	float:left;
	margin-right: 4%;
	font: normal 11px/21px Verdana, Arial, serif;
}




.plan .quart2, .plan .dernier {
	width:45%;
	float:left;
	margin-right: 4%;
	font: normal 11px/21px Verdana, Arial, serif;
}
#contenu .quart2 dd {
	padding-top: 15px;
}




 
.plan .dernier {
	margin-right: 0%;
	width: 18%;
}
 

.plan dt {
	font-weight: bold;
	color: #003366;
	margin: 0 0 0 0;
}

#contenu .quart dd {
	padding-top: 15px;
}


/* Formations Sante
-------------------------------------*/

.formations h2 {
	margin:0;
	padding: 0;
}

.formations h3 {
	margin:21px 0 0 0;
	padding: 0;
	background-image: url(none);
	line-height: 33px;
	height: 33px;
}

.formations ul {
	margin: 10px 0 10px 0;
	padding: 0 0 21px 0;
}

.formations li {
	margin: 0;
	padding: 0 0 5px 21px;
	list-style-position: inside;
}

.formations dl {
	padding-top: 10px;
	padding-bottom: 33px;
}

.formations dt {
	font-weight: bold;
	padding-left: 21px;
	color: #003366;
	background: url(../images/puces/puce-l.jpg) no-repeat;
	padding: 2px 0 10px 21px;
	margin: 21px 0 0 0;
}

.inscription {
	font-weight: bold;
	color: #003366;
	text-align: center;
}

.toutesFormations {
	padding:33px auto 15px 45px;
	text-align:left;
	float: left;
}

.TFSante a, .TFEntre a {
	color: #003366;
}

.TFSante, .TFEntre {
	color: #003366;
	padding: 0 0 0 21px;
	background: url(../images/puces/puce_rouge.jpg) left top no-repeat;
	margin: 0 0 39px 0;
}

.TFEntre {
	background: url(../images/puces/puce_verte.jpg) left top no-repeat;
}

.TFSante dt, .TFEntre dt {
	line-height: 21px;
	padding: 0 0 0 0;
	margin: 0;
}

.TFSante dd, .TFEntre dd {
	line-height: 21px;
	padding: 0 0 0 0;
	margin: 0;
}


/* Contact
------------------------*/

.coordonnees {
	font-family: Tahoma, Verdana, Arial, serif;
	font-size: 12px;
	font-weight: 700;
	color: #003366;
	text-align: center;
	padding: 39px 0 0 0;
}

.coordonnees li {
	list-style-image: none;
}
.coaching dd {
	margin-top: 21px;
	padding: 0 0 0 39px;
}




/* Formulaire 
-------------------------------------*/

.lieux_dates input {
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
float: top-left;
width:auto;
}

.prix_duree_intra {
margin-left: 20px;
margin-top: 7px;
margin-bottom: 10px;
float:top-right;
width:auto;
}

.clear {
 clear: both;
 }



form {
	margin: 0 auto;
	background: url(../images/angle.gif) no-repeat right bottom;
	background-color: #eeeeee;
}



.center {
	background: #FFFFFF url(none);
	text-align: center;
	padding: 0 0 0 0px
}

#contenu .center table {
	padding: 0px;
}

.form_admin  table  {
	text-align: left;
	padding: 0 0 0 21px;
}


.formPerspect {
	border: 2px solid #660000;
	padding: 10px 0 0 0;
}
.coaching li {
	padding-top: 21px;
	padding-left: 21px;
	list-style-position: inside;
	list-style-image: url(../images/puces/puce.jpg);
	list-style-type: none;
}

.formPerspect p {
	width: 500px;
}
.formPerspect p label {
	width: 100px;
	float: left;
	padding: 0 0 0 5px;
	color: #003366;
}

.formPerspect p input {
	width: 180px;
}
.formPerspect p textarea {
	width: 350px;
	height: 200px;
}

.formPerspect p .envoyer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660000;
	width: 100px;
}

.form_modif {
	margin: 0 auto;
	background-color: #eeeeee;
}


/* Outils
-------------------------------------*/

.right {float: right;}

.left, img.leftEquipe, img.leftEquipePadBot {float: left;}

a img {border:0}

img.right {padding:10px 0 10px 10px;}

img.left {padding:10px 10px 10px 0;}

img.leftEquipe {padding:0px 10px 0px 0;}

img.leftEquipePadBot {padding: 0 10px 33px 0;}
.clear {
	clear: both;
}

hr {color: #999999;clear: both;margin-top: 20px;}

.finPage {margin: 36px auto 52px auto;width: 99%;}

.puceRouge {list-style-image: url(../images/puces/puceRouge.jpg);}

.puceVerte {list-style-image: url(../images/puces/puceVerte.jpg);}



a, p a {text-decoration:underline}
.coaching li p {
	font-weight: 700;
	color: #003366;
	display: inline;
}
.formationSubtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	color: #003366;
	text-align: center;
}



/* Sp
-------------------------------------*/

.sp dl {
	padding: 10px 0 36px 0px;
}
.sp dt {
	font-weight:700;
	background: url(../images/puces/puce-l.jpg) no-repeat;
	padding: 0 0 10px 21px;
}
.sp dd {
	padding: 0px 0px 0px 52px;
}
.sp form {
	background: #e7e7e7 url(../images/admin.gif) no-repeat right bottom;
	text-align: center;
}
.sp   p   {
	text-align: center;
	line-height: 30px;
}
.pdf {
	font-size: 10px;
	padding-bottom: 21px;
}
.place {
	height: 40px;
}
.mini {font-size:9px}
.dif {
	padding: 10px 0 10px 10px;
	text-align: right;
	float: right;
}
.difabs {
	position:absolute;
	top:84px;
	right:-1px;
	background-image: url(../images/dif.gif);
	height: 88px;
	width: 88px;
}
.sans {
	line-height: 70%;
}