/* STRUCTURE DE LE PAGE */
body 
{
	padding: 0px;	
	margin: 0px;
	text-align: center;
	background-image: url("../images/green/bg_site.jpg");
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: #007043;
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
h1 {
	font-size: 1.7em;
	color: #336699;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.5em;
	/*color: #3399ff;*/
	color: #1a7cad;
	margin-top: 5px;
	clear: both;
}
h3 {
	font-size: 1.4em;	
	color: #003399;
}

p, td, ul, ol, blockquote, div, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

p.align-center {
	text-align: center;	
}

#contenu table th p {
	padding: 0px;
	margin: 0px;
}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
}

img
{
	border: none;
	display: block;
}

form img
{
	border: none;
	display: inline;
}

a 
{
	text-decoration: underline;
	color: #124170;
}

a:hover 
{
	text-decoration: none;
}

#page 
{	
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 764px;
	text-align: left;
	/*margin-top: 40px;*/
}

#banniere
{
	/*background-image: url("../images/green/green_bandeau_3column.jpg");*/
	background-image: url("../images/green/logo-caabc-top.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 764px;
	height: 196px;
	margin-bottom: 5px;
}

#logo_link {
	width: 230px;
	height: 195px;
	display: block;
	cursor: pointer;
}
#logo_bl {
	width:230px;
	height: 195px;
	cursor: pointer;
	float: left;
}

#slideshow-top {
	float: left;
}


#page_content {
	background-color: #dcdddf;	
	background-image: url("../images/green/background-content.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

/* Boutons Preset */
a.btn_green table {
	text-align: center;
	margin-bottom: 8px;
	width: 157px;
	height: 54px;
	padding-bottom: 5px;
	cursor: pointer;
	
}
a.btn_green table tr td {
	color: white;
	text-decoration: none;
	font-size: 1.2em;
}
a.btn_green {
	background-image: url("../images/green/btn_green.jpg");
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

a.btn_green:hover {
	background-image: url("../images/green/btn_green_hover.jpg");
	text-decoration: none;
}



a.btn_blue table {
	text-align: center;
	margin-bottom: 8px;
	width: 154px;
	height: 38px;
	padding-bottom: 5px;
	cursor: pointer;
}
a.btn_blue table tr td {
	color: white;
	text-decoration: none;
	font-size: 1.2em;
}
a.btn_blue {
	background-image: url("../images/green/btn_blue.jpg");
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

a.btn_blue:hover {
	background-image: url("../images/green/btn_blue_hover.jpg");
	text-decoration: none;
}





/* MENU PRINCIPAL */
#menu_principal
{
	width: 210px;
	padding-left: 5px;
	padding-top: 10px;
	position: relative;
}

#menu_principal ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#menu_principal ul li {
	
	width: 211px;
	text-align: left;
	font-size: 12px;
}
#menu_principal ul li.menu_princ_first {
}
#menu_principal ul li.menu_princ_last {
}

#menu_principal ul li a {
	text-decoration: none;	
	color: #003480;
	display: block;
	padding-top: 5px;
	padding-left: 20px;
}

	/* Color active / non active */
#menu_principal ul li.menu_princ a {
	background-image: url("../images/green/green_left_menubg.jpg");
	background-repeat: no-repeat;
	height: 23px;
}
#menu_principal ul li.menu_princ_arrow a {
	background-image: url("../images/green/green_left_menubg_arrow.jpg");
	background-repeat: no-repeat;
	height: 23px;
}
#menu_principal ul li.menu_princ_first a {
	background-image: url("../images/green/green_left_menubg_first.jpg");
	background-repeat: no-repeat;
	height: 25px;
}
#menu_principal ul li.menu_princ_last a {
	background-image: url("../images/green/green_left_menubg_last.jpg");
	background-repeat: no-repeat;
	height: 26px;
}

	/* Color hover */
#menu_principal ul li.menu_princ a:hover{
	background-image: url("../images/green/green_left_menubg_hover.jpg");
}
#menu_principal ul li.menu_princ_arrow a:hover {
	background-image: url("../images/green/green_left_menubg_arrow_hover.jpg");
}
#menu_principal ul li.menu_princ_first a:hover {
	background-image: url("../images/green/green_left_menubg_first_hover.jpg");
}
#menu_principal ul li.menu_princ_last a:hover {
	background-image: url("../images/green/green_left_menubg_last_hover.jpg");
}


/* MENU PRINCIPAL - 2eme niveau */
#menu_principal ul li ul.menu_princ_2 {
	position : absolute;
	visibility: hidden;
	left: 215px;
	margin-top: -30px;
	/*top: 0px;*/
	z-index: 999;
}
#menu_principal ul li ul.menu_princ_2 li {
	width: 260px;
	position: relative;
	/*border: 0px;*/
}
#menu_principal ul li:hover ul.menu_princ_2, #menu_principal ul li.sfhover ul.menu_princ_2 {
	visibility: visible;
}
#menu_principal ul li ul.menu_princ_2 a, #menu_principal ul.menu_princ_2 li:hover ul a, #menu_principal ul li.sfhover ul.menu_princ_2 a {
	text-align: left;
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: none;
}
* html #menu_principal ul li ul.menu_princ_2 a, * html #menu_principal ul.menu_princ_2 li:hover ul a, * html #menu_principal ul li.sfhover ul.menu_princ_2 a {
	height: 14px; 
}

	/* Color active / non active */
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active a, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a {
	background-color: #8F9095;
}
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive a, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a {
	background-color: #a9aaae;
}

	/* Color hover */
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active a:hover, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a:hover{
    background-color: #00936f;
    background-image: none;
}
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive a:hover, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a:hover{
    background-color: #00936f;
    background-image: none;
}

#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a {
	background-image: url("../images/green/arrow-menu-sub.jpg");
	background-position: center right;
}
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a:hover, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a:hover {
	background-image: url("../images/green/arrow-menu-sub-hover.jpg");
	background-position: center right;
}


/*#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a {
	background-image: url("../images/green/green_left_menubg_arrow.jpg");
	background-repeat: no-repeat;
}
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_active_sub a:hover, #menu_principal ul li ul.menu_princ_2 li.menu_princ_2_nonactive_sub a:hover {
	background-image: url("../images/green/green_left_menubg_arrow_hover.jpg");
	background-repeat: no-repeat;
}*/


	/* Separator */
#menu_principal ul li ul.menu_princ_2 li.menu_princ_2_sep {
	background-color: #eeeeee;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* MENU PRINCIPAL - 3eme niveau */
#menu_principal ul li ul li ul.menu_princ_3 {
	position : absolute;
	visibility: hidden;
	left: 258px;
	/*top: -10px;*/
	margin-top: -30px;
	z-index:999;
	padding-left: 2px;
}
#menu_principal ul li ul li ul.menu_princ_3 li {
	width: 195px;
}
#menu_principal ul li ul li:hover ul.menu_princ_3, #menu_principal ul li ul li.sfhover ul.menu_princ_3 {
	visibility: visible;
}
#menu_principal ul li ul li ul.menu_princ_3 a, #menu_principal ul.menu_princ_3 li:hover ul a, #menu_principal ul li ul li.sfhover ul.menu_princ_2 a {
	text-align: left;
	height: auto;
}

	/* Color active / non active */
#menu_principal ul li ul li ul.menu_princ_3 li.menu_princ_3_active a {
	background-color: #8F9095;
    background-image: none;
}
#menu_principal ul li ul li ul.menu_princ_3 li.menu_princ_3_nonactive a {
	background-color: #a9aaae;
    background-image: none;
}
	/* Color hover */
#menu_principal ul li ul li ul.menu_princ_3 li.menu_princ_3_active a:hover{
    background-color: #00936f;
    background-image: none;
}
#menu_principal ul li ul li ul.menu_princ_3 li.menu_princ_3_nonactive a:hover{
    background-color: #00936f;
    background-image: none;
}

/* MENU PRINCIPAL - 4eme niveau */
#menu_principal ul li ul li ul li ul.menu_princ_4 {
	position : absolute;
	visibility: hidden;
	left: 193px;
	top: -20px;
	z-index:999;
	padding-left: 2px;
}
#menu_principal ul li ul li ul li ul.menu_princ_4 li {
	width: 160px;
}
#menu_principal ul li ul li ul li:hover ul.menu_princ_4, #menu_principal ul li ul li ul li.sfhover ul.menu_princ_4 {
	visibility: visible;
}
#menu_principal ul li ul li ul li ul.menu_princ_4 a, #menu_principal ul.menu_princ_4 li:hover ul a, #menu_principal ul li ul li ul li.sfhover ul.menu_princ_2 a {
	text-align: left;
	height: auto;
}

	/* Color active / non active */
#menu_principal ul li ul li ul li ul.menu_princ_4 li.menu_princ_4_active a {
	background-color: #8F9095;
}
#menu_principal ul li ul li ul li ul.menu_princ_4 li.menu_princ_4_nonactive a {
	background-color: #a9aaae;
}
	/* Color hover */
#menu_principal ul li ul li ul li ul.menu_princ_4 li.menu_princ_4_active a:hover{
    background-color: #00936f;
}
#menu_principal ul li ul li ul li ul.menu_princ_4 li.menu_princ_4_nonactive a:hover{
    background-color: #00936f;
}



/* MENU SECONDAIRE */
#menu_secondaire
{
	width: 764px;
	height: 30px;
}
#contenu_menu_sec_left
{
	float: left;
	background-image: url("../images/green/green_top_menubg_left.jpg");
	background-repeat: no-repeat;
	width: 7px;
	height: 30px;
}
#contenu_menu_sec_right
{
	float: left;
	background-image: url("../images/green/green_top_menubg_right.jpg");
	background-repeat: no-repeat;
	width: 7px;
	height: 30px;
}
#contenu_menu_sec
{
	width: 750px;
	height: 25px;
	background-image: url("../images/green/green_top_menubg.jpg");
	background-repeat: repeat-x;
	float: left;
	
	padding-top: 5px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;	
	
}
#contenu_menu_sec ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
#contenu_menu_sec ul li {
	float: left;
}
#contenu_menu_sec ul li.menu_sec_active, #contenu_menu_sec ul li.menu_sec_nonactive {
	padding-left: 10px;
	padding-right: 10px;
}
#contenu_menu_sec a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;	
	text-decoration: none;
}

#contenu_menu_sec a:hover
{	
	color: #66ccff;	
	text-decoration: none;
}

/* FIL D'ARIANE */
#filAriane
{
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6393c3;
}
#filAriane a
{
	text-decoration: none;
	color: #6393c3;
}
#filAriane a:hover
{
	text-decoration: underline;
	color: #6393c3;
}

#droiteFilAriane
{
	padding-right: 30px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
#droiteFilAriane a
{
	text-decoration: none;
	color: #666666;
}
#droiteFilAriane a:hover
{
	text-decoration: underline;
	color: #666666;
}

/* TITRE DE LA PAGE */
#titrepage {
}
#titrepage h1 {
	color: #003480;
	font-size: 1.3em;
	/*margin: 0px;*/
	
}

/* ZONE DROITE */
#date_today {
	color: #00895d;
	font-size: 11px;
}
#zone_actualite {
	padding-top: 20px;	
}
#zone_actualite img {
	margin-bottom: 3px;
}
#actualite_title {
	color: #00895d;
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 5px;
}


#login_title {
	color: #00895d;
	font-size: 15px;
	text-transform: uppercase;
	padding-bottom: 5px;
}
#login_home {
	color: #00895d;
	font-size: 11px;
}


/* ZONE CONTENU */
#zone_gauche
{
	float: left;
	width: 215px;
	padding-bottom: 50px;
}
#zone_milieu
{
	float: left;
	width: 355px;
	padding-left: 15px;
	padding-right: 10px;
	
	/*overflow: hidden;*/
	
	min-height: 300px;
}
#contenu {
	
}
* html #zone_milieu {
	height: 300px;	
}
#zone_droite
{
	float: left;
	width: 165px;
	padding-top: 20px;
}

#contenu
{
	padding-bottom: 10px;
}


/* FORMULAIRES */
.Etiquette{
	color: #000000;
	text-align: left;
	font-size: 11px; 
	padding-left: 3px;
}
.EtiquettePetit{
	color: #000000;
	text-align: left;
	font-size: 11px; 
	padding-left: 0px;
}
.EtiquetteIndent{
	color: #000000;
	text-align: left;
	font-size: 12px; 
	padding-left: 50px;
}
.SEtiquette{
	color: #000000;
	text-align: left;
	font-size: 12px;
}
.ZoneTexteFormulaire{
	font-size: 12px;
	background-color: #bbdbfc;	
	font-family: arial;
}
.ZoneTexteFormulairePetit{
	font-size: 10px;
	background-color: #bbdbfc;	
	font-family: arial;
}
.ZoneTexteFormulaireNonModifiable{
	font-size: 12px;
	background-color: #DCDCDC;	
	font-family: arial;
}
.SousTitreFormulaire{
	color: #FFFFFF;	
	font-size: 16px;
	font-weight: bold;
}
.RenseignementFacultatif{
	color: #FFFFFF;	
	font-size: 17px;
	font-weight: bold;
}
.BoutonFormulaire{
	font-size: 12px;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
}
td.TitreFormulaire {
	color: #FFFFFF;
	/*background-color: #006699;	*/
	background-color: #14498f;
	text-align: left;
	padding-left: 20px;
	font-size: 18px;	
	font-weight: bold;
	height: 25px;
	
}
td.TabFormulaireGauche
{
	border-bottom: 0px;
	border-top: 0px;
	border-right: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #3399cc;
}
td.TabFormulaireDroite
{
	border-bottom: 0px;
	border-top: 0px;
	border-right: 1px;
	border-left: 0px;
	border-style: solid;
	border-color: #3399cc;
}
td.TabFormulaireGaucheDroite
{
	border-bottom: 0px;
	border-top: 0px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #3399cc;
}
td.TabFormulaireBas
{
	border-bottom: 1px;
	border-top: 0px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #3399cc;
}
tr.LigneEntreChamps{
	font-size: 1px;	
	height: 5px;	
}
td.Ligne{
	border-bottom: 0px;
	border-top: 1px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid;
	border-color: #22006F;
	font-size: 1px;	
}

td.listeLongue{
	text-align: left;
	font-size: 12px;
}

/* tableau avec en-tete bleu */
td.TitreListeBleu {
	color: #FFFFFF;
	background-color: #336699;	
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}


/* SITEMAP*/
.csc-sitemap ul {
	padding-top: 4px;
}
.csc-sitemap ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}
.csc-sitemap ul li a {
	color: #336699;
	text-decoration: none;
}
.csc-sitemap ul li ul li a {
	color: #1A80E5;
}
.csc-sitemap ul li ul li ul li a {
	color: #003399;
}
.csc-sitemap ul li ul li ul li ul li a {
	color: Gray;
}

/* Styles globaux */
P.Titre1 {
	color: #336699;
	text-align: left;
	font-size: 14px;
}
P.STitre1 {
	color: #3399ff;
	text-align: left;
	font-size: 13px;
}
P.SSTitre1 {
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

/* Styles pour la section formation */
P.TitreDomaine {
	color: #003399;
	text-align: justify;
	font-size: 17px;
}
a.TitreModule {
	text-decoration: none;
	color: #1a7cad;
	font-size: 12px;
}
a.TitreModule:hover {
	text-decoration: underline;
	color: #33ccff;
}
td.FormationEtiquette {
	color: Black;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
td.FormationContenu {
	color: Black;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
}
p.MessageDisponibilite {
	color: Black;
	text-align: justify;
	font-size: 12px;
}
/* Styles pour les sections imprimables */
.TexteTImprimer {
	color: #000000;
	text-align: justify;
	font-size: 14px;
	font-weight: bold;
}
.TexteSTImprimer {
	color: #000000;
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
}
.TexteSTImprimer2 {
	color: #000000;
	text-align: justify;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}
.TexteImprimer {
	color: #000000;
	text-align: left;
	font-size: 12px;
}
.TexteLongImprimer {
	color: #000000;
	text-align: justify;
	font-size: 12px;
	padding-left: 15px;
}
.TexteEtiquetteImprimer {
	color: #000000;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
}
.TitreImprimer {
	color: #000000;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.STitreImprimer {
	color: #000000;
	text-align: center;
	font-size: 12px;
}

P.TitreImprimable {
	color: #000000;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}


/* Message */
.msgFormObligatoire{
	color: #C33134;
	font-weight: bold;
	font-size: 14px;
}
.MsgError {
	color: #C33134;
	font-weight: bold;
}
.msgErrForm{
	color: #C33134;
	font-weight: bold;
	vertical-align: top;
}
.MsgErrorJavascript {
	color: White;
	font-weight: bold;
}
.MsgOk {
	color: #33cc33;
	font-weight: bold;
}


/* News */
table.ttnews-listfile dd {
	margin: 0px;
	padding: 0px;
	margin-left: 4px;
}
table.ttnews-listfile img {
	display: inline;
	margin-right: 3px;
}

ul.ttnews-evenement-list li {
	margin-bottom: 5px;	
	margin-top: 5px;	
}

.tx-pbzoneperso-pi1 .buttonform {
	text-align: center;	
}

/* Section index */

ul.csc-menu-3 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 745px;
}
ul.csc-menu-3 li {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}
ul.csc-menu-3 li a {
	display: block;
	padding: 3px 7px;
	background-color: #009470;
	color: white;
	text-decoration: none;
}
ul.csc-menu-3 li a:hover {
	background-color: #00d1b4;
}

