.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**
 * Définition des règles CSS génériques (mise en forme globale de l'application).
 *
 */
body {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family: "Trebuchet Ms", "Lucida Grande", sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor:            default;
	background-color: #FFFFFF;
	background-image: url(annuaire_competences/media/fond_site.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}



@media print {
    body {
	background:    #fff;
	height: 100%;
    }
}


a {
	color:          #005995;
	text-decoration: none;
}

a:hover {
    text-decoration:    none;
}

a.button {
    padding:        0px 20px;
    
}

a img {
    border:            none;    
}

hr.separator {
    display:           block;
    margin:            0;
    padding:           0;
    height:            0px;
    border:            none;
    visibility:        hidden;
    clear:            both;
}

hr{
	border-top-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #99CCCC;   
}

/**
 * Mise en forme des messages d'erreurs.
 *
 */
div.failure {
    margin:            5px;
    padding:           5px;
    color:             #aa0000;
}


/**
 * Mise en forme des tableaux.
 *
 */
 
 td.date {
	text-align: center;
}
 
table.basic {
	margin:               0px;
	padding:              0px;
	width:                100%;
	border-collapse:      collapse;
	text-align:           left;
	height: 100%;
}

table.basic th {
	padding:              2px;
	border:               1px solid #CCCCCC;
	color:                #333333;
	background-color: #CCCCCC;
}

table.basic td {
	padding:              2px;
	border:               1px solid #CCCCCC;
	background-color: #FFFFFF;
}

table.basic tr.altern td {
    background:           #fafafa;    
}


#header {
	min-height:        118px;
	background-color: transparent;
	background-image: url(annuaire_competences/media/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 236px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#header h1 {
    margin:            0px;
  
}

#header ul {
    margin:            10px 0px 0px 0px;
    padding:           0px 0px 2px 0px;
    list-style:        none;    
    float:            right;
}

@media print {
    #header ul {
        display:    none;    
    }
}

#header ul li {
    display:          inline;
    margin:           0px;
    padding:          3px 5px 5px 20px;    
}

#header ul li a {
    font-size:        100%;
    color:            inherit;
    font-weight:      bold;
    text-decoration:  none;    
}

#header ul li a:hover {
    text-decoration:  underline;    
}

#content/** MISE EN FORME DE LA PAGE D'ACCUEIL */
 {
	width: 800px;
	background-image: url(annuaire_competences/media/fond_global.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: left;
	padding-left: 100px;
	display: block;
	position: relative;
	background-color: #FFF;
}
#contentPrincipal{
	width: 100%;
	background-image: url(annuaire_competences/media/fond_global.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
	display: block;
	position: absolute;
}

#page-accueil {
	width:         55%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin: 0px;
	text-align: justify;
}
#page {
	height: 100%;
}
#page-accueil div {
	cursor:        pointer;
}
#page-accueil div p a{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(annuaire_competences/media/savoir_plus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 78px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	margin-left: 200px;
	vertical-align: middle;
}
.savoir {
	text-decoration: none;
	background-image: url(annuaire_competences/media/fond_clin.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#page-accueil div:hover a {
    text-decoration:    none;    
}

#page-accueil div img {
    float:         left;
    padding-right: 5px;
    padding-bottom:2px;    
}

#page-accueil div h1 {
	padding:       0px;
	color:         #333333;
	border:        none;
	font-size:     120%;
	margin: 0px;
}

#page-accueil div p {
	color:         #999999;
	font-size: 93%;
	margin: 0px;
	padding: 0px;
	line-height: 13px;
}

/** MISE EN FORME DE LA LISTE DES CLASSIFICATIONS DES COMPETENCES */

ul.classification_lvl1 {
	padding:        0px;
	list-style:     none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}

ul.classification_lvl1 li {
	display:        inline;
	background-image: url(annuaire_competences/media/fond_onglet.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

ul.classification_lvl1 li.selected {
	background-image: url(annuaire_competences/media/fond_onglet_on.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

ul.classification_lvl1 li a {
	height: 38px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

ul.classification_lvl1 li.selected a {
	padding: 0px 5px 0px 5px;
	color:  #333333;
	text-decoration: none;
}

ul.classification_lvl2 {
	padding: 10px;
	list-style: none;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	width: 516px;
	display: block;
	margin: 0px;
}

ul.classification_lvl2 li {
	padding: 5px;
	float: left;
	width: 100%;
	margin: 0px;
}

form.edition {
	padding: 10px;
	list-style: none;
	overflow: auto;
	border: 1px solid #CCCCCC;
	width: 516px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	height: 100%;
	min-height: 100%;
}

form.edition fieldset {
	margin:            0px;
	padding-bottom:    10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form.edition fieldset legend {
    font-size:         80%;
    font-style:        italic;
    font-weight:       bold;
    letter-spacing:    1px;
    text-transform:    uppercase;
    color:             #005495;
}

form.edition p.failure,
form.edition p.failure label {
    color:             #aa0000;
}

form.edition label {
    display:      block;
    margin:       0px;
    padding:      2px 5px 0px 0px;
    float:        left;
    width:        150px;
    text-align:   right;
    color:        #363636;
}

form.edition label.checkbox,
form.edition label.radio {
    display:        inline;
    float:            none;    
}

form.edition select.text,
form.edition input.text,
form.edition textarea.text {
    
    /* width:        380px;
     */
     width:          72%;
     font-size:      inherit;
     font-family:	"Trebuchet MS", arial, sans-serif;
    color:        #363636;
}

input.button {
    cursor:         pointer;
}

form.edition p.button {
	margin-top:     40px;
}

form.edition ul
{
    margin:        0px;
    padding:        0px;
    list-style:        none;
}

form.edition ul li {
    margin-left:    25px;        
}

form.edition ul li label {
    display:        inline;
    float:            none;
}

#content-column {
	width: 539px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background-image: url(annuaire_competences/media/fond_content.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	display: block;
	padding: 0px;
	float: left;
	position: relative;
}

#content-column.home {
}

#content-column h1 {
	margin:            0px 0px 20px 0px;
	padding:           0px 0px 2px 0px;
	font-size:         130%;
	color:             #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content-column h2 {
	margin:            0px 0px 5px 0px;
	padding:           10px 0px 0px 0px;
	font-size:         95%;
	color:             #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content-column address {
    margin:            10px 0px;    
}


/** DETAIL D'UNE FICHE */

a.button_actor {
    display:        block;
    margin:         10px 0px;
    padding:        5px;
    background:    #e6e6e5 url(annuaire_competences/media/button_background_hover.png) left top repeat-x;
    border:        1px solid #e6e6e5;
}

#fiche_description {
	margin:        0px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: block;
	width: 100%;
 }

#fiche_description table {
	margin:    0px;
	padding:    0px;
	border-collapse:    collapse;
	width:           100%;
}

#fiche_description table th {
    border:        1px solid #ccc;
    padding:        4px;
    width:          140px;
    text-align:     right;
    vertical-align: top;
    font-weight:    normal;
    border-right:   1px solid #ccc;
    background:    #f3f3f3;    
    color:          #585858;
}

#fiche_description table td {
    padding:        4px;
    text-align:     left;
    vertical-align: top;
    border:        1px solid #ccc;
}

#fiche_description table td address {
    margin:            0px;
    font-style:        normal;

}


#fiche_complements {
	margin-top:    10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	display: block;
	width: 100%;
}

#fiche_complements div.box_comp {
	padding:       5px;
	background:    #f5f5f5 url(annuaire_competences/media/button_background_hover.png) left top repeat-x;
	border:        1px solid #e6e6e5;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#fiche_complements div.box_comp h2 {
    margin:        0px 0px 5px 0px;
    padding:       3px 0px;
    border-bottom: 1px solid #005495;
    color:         #005495;
}

#fiche_complements div.box_comp ul {
    margin:        5px 5px 5px 10px;
    padding:       0px 0px 0px 10px;
    list-style:    square;    
}

#fiche_imprime {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: right;
}

#fiche_imprime div.box_comp ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url(annuaire_competences/media/icone-imprimer.png);
	list-style-type: none;
}

#fiche_imprime div.box_comp {
	padding:       0px;
	margin: 0px;
}

#fiche_imprime div.box_comp ul li {
    margin:        0px;
    padding:       0px;

}

#fiche_complements div.box_comp ul li {
    margin:        0px;
    padding:       0px;

}

#navigation-column {
	width:        150px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigation-column div.box {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#navigation-column div.box h2 {
	font-size:     95%;
	color:         #333333;
	padding-left:  22px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(annuaire_competences/media/fond_h2_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	vertical-align: bottom;
	display: block;
	margin: 0px;
}

/**
 * Boite PROJET
 *
 */

#navigation-column #projet {
}

#navigation-column #projet ul {
	background-image: url(annuaire_competences/media/fond_projet.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	height: 58px;
	width: 169px;
	list-style-image: none;
	list-style-type: none;
	font-size: 11px;
	text-decoration: none;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 18px;
	padding-top: 15px;
}

#navigation-column #projet ul li a {
	text-decoration: none;	
}
/**
 * Boite de menu
 *
 */

#navigation-column #menu {
	width: 100%;
	padding-right: 0px;
	padding-left: 16px;
}

#navigation-column #menu ul {
	list-style:    none;
	background-image: url(annuaire_competences/media/fond_search.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 146px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 66px;
}

#navigation-column #menu ul li {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 2px;
	padding: 0px;
	text-align: left;
	text-indent: 30px;
	display: block;
	height: 17px;
}

#navigation-column #menu ul li a {
	font-size:         100%;
	color:             #FFFFFF;
	text-decoration:    none;
	font-weight:        bold;
}
#navigation-column #menu ul li.active a {
	text-decoration: none;
}

/**
 * Boite de recherche
 *
 */

#navigation-column #search {
	background-image: url(annuaire_competences/media/fond_moteur_search.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 30px;
	width: 100%;
}

#navigation-column #search form {
	padding:    0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	text-align: left;
}

#navigation-column #search form input.text {
	width:          65%;
	font-size:      10px;
	background-color: transparent;
	background-image: url(annuaire_competences/media/fond_input.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 15px;
	margin-top: 17px;
	margin-right: 1px;
}

#navigation-column #search form input.button {
	padding:        0px;
	margin-top:    17px;
	cursor:         pointer;
	vertical-align:  top;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigation-column #advance p {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-left: 10px;
}

#navigation-column #advance p a {
	font-size:     95%;
	color:         #666666;
	text-decoration:    none;
	font-weight:        normal;
	text-align: right;
}

#navigation-column #advance p a:hover {
	text-decoration:    none;
}

/**
 * Boite des utilisateurs
 * 
 */
 #navigation-column #utilisateur{
	width: 94%;
	padding-left: 16px;
}

#navigation-column #utilisateur ul {
	list-style:    none;
	background-image: url(annuaire_competences/media/fond_menu_li.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	border-top-width: 0.4pt;
	border-bottom-width: 0.4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
}
#navigation-column #utilisateur ul li {
}

#navigation-column #utilisateur ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3AABD8;
	text-decoration: none;
	text-align: left;
	text-indent: 30px;
}

/**
 * Boite de newsletter
 * 
 */
 #navigation-column #newsletter {
	margin-bottom: 20px;
	padding-left: 16px;
	width: 94%;
}

#navigation-column #newsletter ul {
	list-style:    none;
	background-image: url(annuaire_competences/media/fond_menu_li.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	border-top-width: 0.4pt;
	border-bottom-width: 0.4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
}
#navigation-column #newsletter ul li {
}

#navigation-column #newsletter ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3AABD8;
	text-decoration: none;
	text-align: left;
	text-indent: 30px;
}
/**
 * Boite USER
 * 
 */
 #navigation-column #espace {
	margin-bottom: 20px;
	padding-left: 16px;
	width: 94%;
}

#navigation-column #espace ul {
	list-style:    none;
	background-image: url(annuaire_competences/media/fond_menu_li.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	border-top-width: 0.4pt;
	border-bottom-width: 0.4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
}
#navigation-column #espace ul li {
}

#navigation-column #espace ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3AABD8;
	text-decoration: none;
	text-align: left;
	text-indent: 30px;
}
/**
 * Boite des partenaires.
 * 
 */
#navigation-column #partnaire {
    background:        #fff;
}
 
#navigation-column #partnaire h2 {
    background:    transparent url(annuaire_competences/media/puce_titre_alternative.transparent.png) left top no-repeat;
}

#navigation-column #partnaire p {
    text-align:    center;
}

#information-column {
    margin:        0px;
    padding:       10px 2px;
    
    float:         right;
    width:         16%;
}

#information-column div.box {
    margin:        0px auto 35px auto;
    padding:       5px 0px;
    background:    #41c9eb;
    
}

#information-column div.box h2 {
    margin:        0px 0px 5px 0px;
    padding:       3px 0px;
    font-size:     110%;
    color:         #005495;
    padding-left:  25px;
    background:    transparent url(annuaire_competences/media/puce_titre.transparent.png) left top no-repeat;
}

#information-column div.box p {
    padding:        0px 4px;
    color:          #fff;
    font-size:      90%;    
}

/**
 * Boite Témoignage
 *
 */
 
#information-column #temoignage {
    background:    #005995;
}

#information-column #temoignage h2 {
    color:         #41c9eb;    
}


#partenaires {
	clear: both;
	text-align: center;
	width: 774px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
}

#footer {
	clear: both;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(annuaire_competences/media/fd_footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 90px;
	background-color: #FFF;
}

#footer p{
	font-size: 11px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 200px;
}


#breadcrumbbar {
    margin:                 0px;
    padding:                0px 5px;
    list-style:             none;
    background:             #f4911d url(annuaire_competences/media/breadcrumb_background.png) left top repeat-x;
    border-bottom:          2px solid #f4911d;
    border-bottom:          1px solid navy;
    border-top:             1px solid navy;
}

#breadcrumbbar li {
    display:                inline;
    margin:                 0;
    padding:                0px 10px 0px 5px;
    
    color:                  navy;
    font-size:              90%;
    
    background:             transparent url(annuaire_competences/media/follow.png) right center no-repeat;
}

#breadcrumbbar li.last {
    background-image:       none;
}

#breadcrumbbar li a {
    color:                  #fff;
    text-decoration:        none;    
}

#breadcrumbbar li a:hover {
    color:                  #ededed;    
}

#annuaire {
	background-image: url(annuaire_competences/media/bull.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	text-align: left;
	display: block;
	position: static;
	margin-left: 620px;
	width: 150px;
	vertical-align: bottom;
}

#annuaire a{
	color: #006699;
	text-decoration:none;
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	display: block;
}

#an{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: bottom;
	padding-top: 185px;
	display: block;
}

#region {
	width: 130px;
}
#city {
	width: 130px;
}
#department {
	width: 130px;
}
.lastinscrits {
	background-image: url(annuaire_competences/media/inscrit.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 140px;
}
#content-column div.lastinscrits h1 {
	text-indent: 38px;
	display: block;
	padding-top: 16px;
	font-size: 13px;
}
#searchForm{
	/*min-height: 370px;*/
	padding: 10px;
	list-style: none;
	overflow: auto;
	border: 1px solid #CCCCCC;
	width: 516px;
	margin: 0px;
}
.inscript{
	background-image: url(annuaire_competences/media/fond_inscription.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	width: 162px;
	display: block;
	list-style-image: none;
	list-style-type: none;
	padding-top: 32px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	float: right;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.inscript li a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #025EB1;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 150px;
}
.inscription{
	background-image: url(annuaire_competences/media/bull.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}