/* CSS Document */

/***********************  REGLES GLOBALES ****************************/
body{
	margin:0px;
	padding:0px;
	background-color:#FCEDA7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color:  #535C4B;*/
	color: #444935; /*Ajustement 2 juin*/
	background-color: #FCEDA7;
}

/**************** MAIN CONTAINER BOX  *******************/
/*HAS 3 ROWS, HEADER, CONTENT AND FOOTER
 ALWAYS,HAS A WHITE BORDER*/
#conteneurGlobal{
	padding:0px 3px 0px 3px; 
	border-color: #FFFFFF;
	border-style: solid; 
	border-width: 2px;
	width:755px;
	height:99%;
}
#conteneurGlobal .headerRow{
	height:200px;
	vertical-align:top;
	text-align:center;
}

#conteneurGlobal .contentRow{
	vertical-align:top;
	text-align:center;
	height:auto;
}
#conteneurGlobal .footerRow{
	height:125px;
	vertical-align:bottom;
	text-align:center;
}

/**************** MAIN WHITE BOX  *******************/
#blocPrincipal{
	width:755px;
	height:auto;
	margin:7px 3px 7px 3px;
	clear:none;
}

.capHaut{
	width:755px;
	height:10px;
	background-image:url(../images/cap_main_top.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
/*Preferably unique, but may occur twice in a page : EX:FORMATION*/
.blocCentralPrincipal{
	width:755px;
	background-color:#FFFDF3;
	margin:0px;
	padding-left:25px;
	padding-right:25px;
	text-align:left;
	height:auto;
	/*min-height:800px;*/
}
.capBas{
	width:755px;
	height:10px;
	background-image:url(../images/cap_main_bot.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
	/* Source : http://dbaron.org/css/1999/09/links_demo*/
	/*GESTION DES HYPERLIENS DE TOUT GENRE*/
	:link, :visited { text-decoration: none; color: #C66B08; }
	:link:focus, :visited:focus { color: #AB3914; }
	:link { text-decoration: none; color: #C66B08; }
	:visited { color: #8A993B; }
	:link:hover, :visited:hover { color: #AB3914; }
	:link:active, :visited:active { color: #AB3914; }

.btnHautPage{
	position:relative;
	margin:5px 0px 5px 0px;
	padding:0px;
	border:0px;
	vertical-align:bottom;
	float:right;
	clear:none;
	display:block;
}
.btnHautPageInclus{
	position:relative;
	margin:0px 10px 0px 0px;
	padding:0px;
	border:0px;
	float:right;
	clear:none;
}
#basPageBoutons{
	width:100%;
	height:10px;
	margin:0px;
	
}
#basPageBoutons td{
	width:50%;
	height:10px;
	margin:0px;
}


/*3 pages, at least once*/
.btnSavoir{
	float:right;
	vertical-align:top;
	margin:3px 0px 3px 0px;
}
/*À applique à un élément comme div ou table pour centre le contenu et définir la largeur maximale du contenu*/
/*2 pages, 1x*/
.contrainteTroisQuartCentre{
	width:75%;clear:both;margin: 0px 80px 0px 80px;
}

.pixVertHorizontal{
	width:705px;
	height:1px;
	text-align:center;
}
/*pour créer des boites vides à bordures fines*/
/*5 pages, 1-3x */
.boxBordureGriseGenerique{
	width:97%;
	border: 1px solid #7C7B7B;
	margin: 10px 0px 10px 0px;
	padding:0px 10px 0px 10px;
}

/***********************  TEXTES, TITRES ET PARAGRAPHES ****************************/
.titreVert14{
	color:  #535C4B;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding-bottom:10px;
	text-align:center;
}
.titreVert13{
	color:  #535C4B;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	padding-bottom:10px;
	
}
.titreVert12{
	color:  #535C4B;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding-bottom:10px;
}
.titreRouge12ital{
	color:#A02D16;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;
	text-align:left;
	
}
/* 4 files, 2x */
.titreRouge12{
	color:#A02D16;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

/* 4 files, many uses, i file outside formation folder */
.mainText10{
	/*color:  #535C4B;*/
	color: #444935; /*Ajustement 2 juin*/
	font-size:10px;
	font-weight:normal;
}
/* 7 files, 1-3x */
.mainText11{
	/*color:  #535C4B;*/
	color: #444935; /*Ajustement 2 juin*/
	font-size:11px;
	font-weight:normal;
}
.mainText12{
	/*color:  #535C4B;*/
	color: #444935; /*Ajustement 2 juin*/
	font-size:12px;
	font-weight:normal;
}
/* 3 files, 1x*/
.rouge{
	color:#A02D16;
}
/*  2 files, 1-2 x */
.alignCenter{
	text-align:center;
}
/*4 files, 1-10x */
.alignRight{
	float:right;
	text-align:center;
	clear:none;
}
/*Utile pour les entetes de tableaux avec couleur et titre*/
/*6 files, 1-5x  eval + contact a lot*/
.blancSurCouleur12{
		color:  #FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding-top:5px;
}
/*index page, twice*/
.blancSurCouleur13{
		color:  #FFFFFF;
		font-size:13px;
		font-weight:bold;
		padding-top:5px;
		text-align:center;
}
/*2 file, 2x*/
.blancSurCouleur14{
		color:  #FFFFFF;
		font-size:14px;
		font-weight:bold;
		padding-top:3px;
		text-align:center;
}
/*tlecharegement + paiements_index, 5x each*/
.blancSurCouleur11{
		color:  #FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-top:5px;
}
.boldSimple{
	font-weight:bold;
}
/*4 pages form, 1-2x... + 10x directeur*/
.italSimple{
		font-style:italic;
		font-weight:normal;		
	}
/*college folder only, 4 pages, 1-4x*/
.italBold{
	font-style:italic;
	font-weight:bold;
}
/*TO BE USED IN DIV TAG, FOR LINKS AND THE LIKE TAHT SHOULD GO ALONG ' HAUT DE PAGE ' BUTTON, with <br />*/
	/* consultations seulement  , 4x*/
	.texteADroite{
		text-align:right;
		margin:0px;
		padding:0px;
	}

	
/*END Main definitions*/

/* BEGIN DEFINITIONS FOR ALL INDEX PAGES W/ GREEN BUTTONS & TEXT IN ROUGED WH BOX ON THE RIGHT*/
/*admission, centre, college, 1x*/
#boxBoutonsVertsEtTexte{
	width:100%;
	vertical-align:top;
	margin:7px 0px 0px 0px;
}
/*admission, centre, college, 4-10x */
/*MODIFIED FOR ROLLOVER METHOD GREEN BUTTONS*/
.boxBoutonsVertsEtTexteColGauche{
	vertical-align:top;/**/
	width:160px;
	padding-top:9px;/**/
	height:50px;
}
/*admission, centre, college, 4-10x */
.boxBoutonsVertsEtTexteColDroite{
	vertical-align: middle;
	padding:3px 15px 3px 15px;
	height:50px;
	text-align:left;
	background-color:#FFFDF3;
}
.boxHautDePage{
	vertical-align:middle;
	padding:0px;
	margin:0px;
	height:12px;	
	background-color:#FFFDF3;
}
/*dimensions are hard coded in the <td> tags in this case, too unstable*/
#tdCapTop2{
	height:14px;
	background-image: url("../images/cap_top2_index.gif");
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
#tdcapBot2{
	height:14px;
	background-image: url("../images/cap_bot2_index.gif");
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}
/* END DEFINITIONS FOR ALL INDEX PAGES W/ GREEN BUTTONS & TEXT IN ROUGED WH BOX ON THE RIGHT*/


	/*nb : chaque lien doit porter l'attribut  class="ma classse d'exeption" */
	a.liensSurCouleur:link {color: #AB3914;text-decoration: none;}
	a.liensSurCouleur:visited {text-decoration: none; color: #427C1D;}
	a.liensSurCouleur:hover {color: #C66B08;}
	a.liensSurCouleur:active {color: #8A993B;}


.listeFlecheVerte{
	list-style-image: url(../images/flech_vert_liste.gif);
	list-style-position: outside;
	font-size: 12px;
	line-height: 15px;
}
.listeFlecheGrise{
	list-style-image: url(../images/flechegrise.gif);
	list-style-position: outside;
	font-size: 12px;
	line-height: 15px;
	margin:0px;
	padding:0px;
}


/*FIN DES DEFINITIONS PAGE TELECHARGEMENTS*/
/*DEBUT DES DEFINITIONS PAGE Contact*/
/* 6 files, 1-6x*/
.tableContact{
	border: 1px solid #535C4B;
	width:100%;
	margin-bottom:20px;
	padding:1px;
}
/* 5 files, 1-6x*/
.tdContactPale{
	background-color:#919F44;
	padding: 0px 0px 4px 0px;
	text-align:center;
	
}
/* 5 files, 1-6x*/
.tdContactFonce{
	background-color:#7F8933;
	padding: 0px 0px 4px 0px;
	text-align:center;
}
/* 6 files, 1-10x*/
.tdContenuTableEnteteCouleur{
	padding:10px;
	width:50%;
	vertical-align:top;
}
/*FIN DES DEFINITIONS PAGE Contact*/



/*DEBUT DES DEFINITIONS PAGE rechrche*/
/*recherche + acces>frais.html, 1x chaque*/
.boxRecherche{
	background-color:#FFFFFF;
	border: 1px solid #D4DDCA;
	padding:15px;
	text-align:center;
	width:500px;
	margin-top:10px;
	margin-bottom:10px;
}

/*recherche, 6, nouvelles>articles.php, 2xx*/
.listeSimple{
	list-style-position:outside;
	list-style-image: url(../images/ImageListeSimple.gif);
}

/*FIN DES DEFINITIONS PAGE recherche*/


/*DÉBUT DES DEFINITIONS PROGRAMMES> PROG.PHP*/
/*6-8 files, 1-3x*/
#tableBoiteVertes, #other-countries{
	width:100%;
	text-align:left;
	padding:5px;
	margin:0px;
	border: 1px solid #CCCACA;
}

/*6-8 files, 1-3x*/
#tableBoiteVertes .demiCollone, #other-countries .demiCollone{
	width:50%;
	padding:0px 4px 0px 4px;
	vertical-align:top;
	border-bottom: 1px solid #CCCACA;
	height:auto;
}
/*pages de paiement, strictement*/
#tableBoiteVertes .tiersCollone, #other-countries .tiersCollone{
	width:33%;
	padding:0px 4px 0px 4px;
	vertical-align:top;
	border:0px;
}

#tableBoiteVertes h1, #other-countries h1{
	vertical-align:top;
	margin:0px;
	padding:3px 0px 4px 0px;
	width:100%;
	color:  #FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:15px;
	clear:both;
}
#tableBoiteVertes p, #other-countries p{
	padding:0px 10px 10px 10px;
}

#tableBoiteVertes ul, #other-countries ul{
	line-height: 15px;
}
/* 10+ files, 3x + times*/
.paleEntete{
	background-color:#ADB770;
}
/* 10+ files, 3x + times*/
.fonceEntete{
	background-color:#7F8933;
}
/*50x, 127 documents*/
.paleBox{
	background-color:#F9F1D2;
	width:100%;
	vertical-align:top;
	border:1px solid #7C7B7B;
	margin:5px 0px 15px 0px;
	padding-bottom:10px;
	height:auto;
}
/*50x, 127 documents*/
.fonceBox{
	background-color:#FCEDA7;
	width:100%;
	vertical-align:top;
	border:1px solid #7C7B7B;
	margin:5px 0px 15px 0px;
	padding-bottom:10px;
	height:auto;
}

/* 4 pages, 1-4 */
#tableBoiteVertes .listefleches{
	margin-left:40px;
	margin-right:15px;
	line-height:15px;
}

/* 5 files, 5x, all over*/
.listeNumeros{
	list-style-type: decimal;
	list-style-position: outside;
}


/* DEBUT section college*/
/*college>directeur, twice */
.imgSmallFloatLeft{
		float:left;
		clear:none;
		margin:5px;
	}
	/*college, 2 pages, 1x*/
	.insertDroiteBordure200px{
		float:right;
		clear:none;
		margin:15px;
		padding: 3px 10px 3px 10px;
		background-color:#FCEDA7;
		border: 1px solid #8A993B;
		width:150px;
		height:auto;
	}
	
/* FIN section college*/