

/* ---------- Styles specific to the project ----------- */

td.header1 {
        font-family: Verdana,Arial,Helvetica;
        font-weight: bold;
        font-size: 13px;
        color: rgb(34,39,139);
        text-decoration: none;
        text-align: left;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 20px;
        border-bottom: 0px;
        background: #ffffff url(../images/menu_st.gif) no-repeat center left;
        /*border-bottom: 1px solid rgb(203,220,252);*/
        height: 20px;
        }

div.fill {
        height: 40px;
        }


h3 {
        margin: 0;
        padding: 7px 0px 3px 0px;
        color: #4997f9;
        font-weight: bold;   
        font-size: 14px;
        border-bottom: 1px solid #cccccc;
        }


/* VIGNETTES */
/* Systemic Questionnaires */
div.beige {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #dcb995;
        }
div.beige span.title a {
		color: #c48b4f;
        text-decoration: none;
        }
div.mauve {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #e0a3ff;
        }
div.mauve span.title a {
		color: #cc66ff;
        text-decoration: none;
        }
div.rouge {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #ff8585;
        }
div.rouge span.title a {
		color: #ff0000;
        text-decoration: none;
        }
div.vert {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #75d4a0;
        }
div.vert span.title a {
		color: #00b050;
        text-decoration: none;
        }
div.fushia {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #e685ce;
        }
div.fushia span.title a {
		color: #cc0099;
        text-decoration: none;
        }
div.orange {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #ffa366;
        }
div.orange span.title a {
		color: #ff6600;
        text-decoration: none;
        }
div.bleu {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #7f8de2;
        }
div.bleu span.title a {
		color: #3040a5;
        text-decoration: none;
        }
span.title {
        font-size: 14px;
        font-weight: bold;
        }
span.subtitle {
		color: #666666;
        font-size: 11px;
        font-weight: bold;
        }
img.encart {
        float: left;
        padding: 4px 15px 0px 0px;
        border: 0px;
        }
p.encart {
        margin: 0.9em 0 0 0;
        }

/* Management & Leadership Training */
img.encart2 {
        /*
        float: none;
        padding: 3px 0px 10px 0px;
        border: 0px;
        */
        float: left;
        padding: 4px 15px 10px 0px;
        border: 0px;
        }
div.vert2 {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #99cc99;
        }
div.vert2 span.title a {
		color: #339933;
        text-decoration: none;
        }
div.fushia2 {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #e57fcc;
        }
div.fushia2 span.title a {
		color: #cc0099;
        text-decoration: none;
        }
div.bleu2 {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #85c2ff;
        }
div.bleu2 span.title a {
		color: #3399ff;
        text-decoration: none;
        }
div.orange2 {
		margin: 0px 0px 0px 3px;
        padding: 11px 10px 13px 15px;
        border: 1px solid #ff997f;
        }
div.orange2 span.title a {
		color: #ff3300;
        text-decoration: none;
        }


/* BOITE TEXTE ACCUEIL */
div.boxright h4 {
        margin:  0px 0px 6px 0px;
        padding: 0px 0px 3px 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 105%;
        color: #555555;
        font-weight: bold;
        text-align: left;
        }


/* BOITE AUTHENTIFICATION */
/* affichage dans colonne */
/*
div#boxAuth {
        margin: 0px 0px 20px 0px;
        padding: 7px 5px 12px 15px;
        color: #555555;
        font-size: 0.7em;
        text-align: left;
        width: 238px;
        background: #f7f7f7 url(../images/pixel_white.gif) repeat-x top left;
        border: 1px solid #e4e4e4;
        }
table.custAuthTable {
        text-align: left;
        }
table.custAuthTable td.custAuthLabel {
		padding: 6px 10px 0px 3px;
        text-align: left;
        }
table.custAuthTable td.custAuthField {
		padding: 6px 0px 0px 6px;
        text-align: left;
        }
*/
/* affiche en absolu dans le header */
div#boxAuth {
        position: absolute;
        top: 73px;
        margin: 0px 0px 0px 720px;
        padding: 0px 0px 0px 0px;
        color: #555555;
        font-size: 0.7em;
        text-align: left;
        /*border: 1px solid #e4e4e4;*/
        }
table.custAuthTable {
        text-align: right;
        /*border: 1px solid black;*/
        }
table.custAuthTable td.custAuthLabel {
		padding: 5px 3px 0px 3px;
        text-align: right;
        }
table.custAuthTable td.custAuthField {
		padding: 5px 3px 0px 3px;
        text-align: right;
        }


/* BOITE RECHERCHE */
/*div#custRech {
        text-align: right;
        position: absolute;
        top: 158px;
        margin-left: 625px;
        width: 300px;
        }*/
div#boxSearch {
		position: absolute;
        top: 156px;
        margin-left: 700px;
		text-align: left;
        width: 245px; /*215*/
		height: 28px; /*25*/
		background: url(../images/search_champ.gif) no-repeat 0px 2px;
		/*border: 1px solid red;*/
        }
input.fieldSearch {
		margin-left: 5px;
		padding: 1px 3px 5px 2px;
		font-size: 11px;
        color: #666666;
        text-decoration: none;
        text-align: left;
		width: 190px; /*145*/
		background: none;
		border: 0px;
		/*border: 1px solid green;*/
        }
input.btnSearch {
		margin-left: 10px;
		padding: 0px;
		text-indent: -9999px;
		cursor: pointer;
		color: #8c7f6c;
		font-size: 11px;
		font-weight: normal;
		text-align: right;
		text-decoration: none;
		height: 25px; /*22*/
		width: 30px; /*27*/
		background: transparent url(../images/search_bt.gif) no-repeat scroll 0px 2px;
		border: 0px;
		/*border: 1px solid blue;*/
        }
input.btnSearch[type=submit]:hover, input.btnSearch[type=reset]:hover {						/* hover */
        background: transparent url(../images/search_bt.gif) no-repeat scroll 0px 2px;
        border: 0px;
        }


/* BOITE LANGUES */
div#custLangues {
        text-align: right;
        position: absolute;
        top: 7px;
        margin-left: 400px;
        width: 525px;
        /*border: 1px solid red;*/
        }
ul.navlangues {
        list-style-type: none;
        margin: 0;
        font-size: 0.7em;
        color: #1d446b;
        }
ul.navlangues li {
        padding: 0px 0px 0px 6px;
        display: inline;
        }
ul.navlangues li a {
        color: #1d446b;
        text-decoration: none;
        }
ul.navlangues li a:hover {
        color: #1d446b;
        text-decoration: underline;
        }


/* BOITE LANGUES EN MENU DEROULANT */
#slidingMenuLangues {
		clear: both;
        position: absolute;
        top: 5px;
		margin: 0px;
		padding: 0px 0px 0px 885px;
		color: #444444;
		font-weight: normal;
        font-size: 11px;
        text-align: left;
        width: 75px;
        /*border: 1px solid blue;*/
        }
#menuLangues, #menuLangues ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
#menuLangues li {
        float: left;
        background: url(../images/spacer.gif) repeat top left;
		}
#menuLangues li ul {
		float: left;
        background: #444444;
        border-top: 2px solid #444444;
        border-bottom: 2px solid #444444;
		}
#menuLangues li ul {
		position: absolute;
		left: -999em;
		width: 75px;
		}
#menuLangues li:hover ul, #menuLangues li ul:hover {
		left: auto;
		}
#menuLangues li a {
		display: block;
		padding: 2px 0px 5px 6px; /* bottom = décalage derouleur vers bas */
		width: 69px;
        color: #444444;
        text-decoration: none;
        cursor: pointer;
		}
#menuLangues li a:hover {
        color: #444444;
        text-decoration: none;
		}
#menuLangues li ul li a {
		display: block;
		padding: 2px 6px 2px 6px;
		width: 63px;
        color: #ffffff;
        text-decoration: none;
		}
#menuLangues li ul li a:hover {
        color: #cccccc; /*FF0912*/
        text-decoration: none;
		}
#menuLangues img {
		border: 0;
        }


/* FOOTER */
span#foot1 {
        padding-left: 20px;
        }
span#foot2 {
        padding-left: 280px;
        }
