/*****************************************************************/
/*Déclaration des styles******************************************/
/*****************************************************************/
html, body 
{
background-color: #9dbad0;
font		: 12px Arial; 
}
th
{
border-style		: solid;
border-color		: black;
border-left-width	: 1pt;
border-top-width	: 1pt; 
border-right-width	: 1pt; 
border-bottom-width	: 1pt;
font			: 12px Verdana, Arial, Helvetica, sans-serif; 
}
/*****************************************************************/
/*Déclaration des classes id**************************************/
/*****************************************************************/
#boite_globale
{
min-height	: auto;
width		: 750px;
background	: transparent url("../images/design/bordure.png") repeat-y;
margin-left	: auto;
margin-right	: auto;
margin-top	: -10px;
margin-bottom	: -10px
}
#boite_logo
{
height		: 80px;
width		: 718px;
background	: url("../images/design/logo.PNG") no-repeat 20px 5px;
display		: block;
}
#barre_navig
{
height		: 15px;
width		: 716px;
background-color: #a6bbd0;
display		: block;
margin-left	: auto;
margin-right	: auto;
border-top	: 1px solid  #406d9b;
border-bottom	: 1px solid  #406d9b;
text-align	: right;
}
#boite_colonne
{
height		: auto;
min-height	: 800px;
width		: auto;
display		: block;
}
#colonne_gauche
{
height		: 100%;
min-height	: 800px;
width		: 160px;
float		: left;
margin-right	: 20px; 
margin-top	: 20px;
margin-right	: 20px; 
}
#colonne_droite
{
height		: auto;
width		: 522px;
min-height	: 800px;
margin-right	: 20px;
padding-top	: 20px;
float		: left;
text-align : justify;
}
#pied_page
{
height		: 15px;
width		: 716px; 
background-color: #a6bbd0;
margin-left	: auto;
margin-right	: auto;
margin-bottom	: 0px;
border-top 	: 1px solid #406d9b;
text-align 	: center;
display		: block; 
}
/*****************************************************************/
/*Déclaration des classes class***********************************/
/*****************************************************************/
div.spacer
{
clear		: both; 
height		: 1px; 
display		: block;
}
a.bouton
{
height		: 23px;
width		: 140px;
background	: url("../images/design/bouton.png") no-repeat;
margin-top	: 5px;
margin-left	: 17px;
display		: block;
}
.sommaire
{
background	: url("../images/design/sommaire.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.sfpa
{
background	: url("../images/design/sfpa.png") no-repeat 2px 1px;	
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.fondateur
{
background	: url("../images/design/fondateur.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.formation
{
background	: url("../images/design/cursus.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.act
{
background	: url("../images/design/act.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.bases
{
background	: url("../images/design/acc.gif") no-repeat 2px 4px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.psy
{
background	: url("../images/design/act2.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.actes
{
background	: url("../images/design/actes.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.bulletin
{
background	: url("../images/design/bulletin.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.adh
{
background	: url("../images/design/adh.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.cont
{
background	: url("../images/design/contact.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display		: block;
}
.liens
{
background	: url("../images/design/formation.png") no-repeat 2px 1px;
height		: 23px;
padding-top	: 5px;
padding-left	: 23px;
display:block;
}
.cadre_psy
{
width		: auto;
height		: auto;
border		: solid 1px #c4c8fe;
background-color: #fafaf2;
display 	: block;
}
.nom_psy
{
width		: 50%;
height		: 20px;
background	: url("../images/design/mb.png") no-repeat 2px 1px;
float		: left;
padding-top	: 3px;
font		: 12px Arial;
font-weight	: bold;
text-align	: left;
text-indent	: 20px;
}
.tel_psy
{
width		: 50%;
height		: 20px;
background	: url("../images/design/tel.png") no-repeat 2px 1px;
float		: left;
padding-top	: 3px;
font		: 12px Arial;
text-align	: left;
text-indent	: 20px;
}
.add_psy
{
width		: 100%;
height		: 15px;
clear		: both; 
background	: url("../images/design/add.png") no-repeat 2px 1px;
font		: 12px Arial;
text-align	: left;
padding-top	: 3px;
padding-left	: 23px; 
display		: block;
}
.titre
{
font		: 14px Arial;
font-weight	: bold;
text-decoration	: underline;
color		: #3742D6;
}
.texte
{
font		: 14px Arial;
font-weight	: bold;
color		: #3742D6;
vertical-align	: middle;
}
.titre-souligne
{
font		: 16px Arial;
font-weight	: bold;
text-align	: center;
color		: #3742D6;
}
.photo_right
{
width		: 30%;
float 		: left;
}
.texte_sommaire
{
width		: 60%;
text-align	: justify;
padding		: 5px;
float		: left;
}
.cadre
{
width		: auto;
height		: auto;
margin-top	: 25px;
border		: solid 1px #c4c8fe;
background-color: #fafaf2;
padding		: 15px;
display 	: block;
}
.cadre2
{
width		: auto;
height		: auto;
margin-top	: 25px;
border		: solid 1px #f4ff49;
background-color: #fbffb9;
padding		: 15px;
display 	: block;
}
/*****************************************************************/
/*Déclaration des pseudo-classes class****************************/
/*****************************************************************/

/*L'ordre suivant est primordial pour obtenir un résultat correct*/

a:link.bouton
{
color		: #555555;
font		: 12px Arial;
font-weight	: bold;
text-decoration	: none; 
}
a:link.navig
{
color		: #555555;
font		: 12px Arial; 
font-weight	: bold;
text-decoration	: none;
}
a:visited.bouton
{
color		: #555555;
font		: 12px Arial;
font-weight	: bold;
text-decoration	: none; 
}
a:visited.navig
{
color		: #555555;
font		: 12px Arial;
font-weight	: bold;
text-decoration	: none; 
}
a:hover.bouton
{
background	: url("../images/design/bouton2.PNG");
color		: #0066CC;
font		: 12px Arial;
font-weight	: bold;
vertical-align	: middle;
text-decoration	: none;
}
a:hover.navig
{
color		: #0066CC;
font		: 12px Arial;
font-weight	: bold;
text-decoration	: none; 
}
/*****************************************************************/