/* Start of CMSMS style sheet 'Bart' */
body {margin: 0px; background: #fff url(uploads/images/imagestemplate/bg.jpg) center repeat-y; font-family:Arial, Helvetica, sans-serif; font-size: .8em; }

/*-----------------------------------------------------------------------------------------------------------------------------------
	HEADER - Entête du site 
-----------------------------------------------------------------------------------------------------------------------------------*/ 
#header {width: 915px; height: 110px; margin: 0 auto 0 auto; background:url(uploads/images/imagestemplate/header.gif) no-repeat;}
	
#header img {float: left; padding-top: 37px; margin-left: 56px;}
	
#headerMenu {float: left; width: 500px; padding-top: 65px; margin-left: 125px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Modif JF */
#headerMenu ul {margin: 0; height: 34px; list-style:none;}
#headerMenu li {float:left;  padding: 0 17px 0 17px; background:url(uploads/images/imagestemplate/menuHeaderSep.gif) bottom left no-repeat;}
#headerMenu a {display: block; float: left; padding-top: 21px; font-size: .8em; height: 13px; color:#fff; text-align:center; text-decoration: none; }
#headerMenu a:link {color:#fff; text-decoration:none;}
#headerMenu a:visited {color:#fff; text-decoration:none;}
#headerMenu a:hover {color:#fff; text-decoration:underline;}
#headerMenu a:active {color:#fff; text-decoration:underline;}

.headerMenuIcon01 {background: url(uploads/images/imagestemplate/menuHeaderIcon01.gif) top center no-repeat;}
.headerMenuIcon01:hover {background: url(uploads/images/imagestemplate/menuHeaderIcon01actif.gif) top center no-repeat;}
.headerMenuIcon01:active {background: url(uploads/images/imagestemplate/menuHeaderIcon01actif.gif) top center no-repeat;}
.headerMenuIcon01active {background: url(uploads/images/imagestemplate/menuHeaderIcon01actif.gif) top center no-repeat;}

.headerMenuIcon02 {background: url(uploads/images/imagestemplate/menuHeaderIcon02.gif) top center no-repeat;}
.headerMenuIcon02:hover {background: url(uploads/images/imagestemplate/menuHeaderIcon02actif.gif) top center no-repeat;}
.headerMenuIcon02:active {background: url(uploads/images/imagestemplate/menuHeaderIcon02actif.gif) top center no-repeat;}
.headerMenuIcon02active {background: url(uploads/images/imagestemplate/menuHeaderIcon02actif.gif) top center no-repeat;}

.headerMenuIcon03 {background: url(uploads/images/imagestemplate/menuHeaderIcon03.gif) top center no-repeat;}
.headerMenuIcon03:hover {background: url(uploads/images/imagestemplate/menuHeaderIcon03actif.gif) top center no-repeat;}
.headerMenuIcon03:active {background: url(uploads/images/imagestemplate/menuHeaderIcon03actif.gif) top center no-repeat;}
.headerMenuIcon03active {background: url(uploads/images/imagestemplate/menuHeaderIcon03actif.gif) top center no-repeat;}

.headerMenuIcon04 {background: url(uploads/images/imagestemplate/menuHeaderIcon04.gif) top center no-repeat;}
.headerMenuIcon04:hover {background: url(uploads/images/imagestemplate/menuHeaderIcon04actif.gif) top center no-repeat;}
.headerMenuIcon04:active {background: url(uploads/images/imagestemplate/menuHeaderIcon04actif.gif) top center no-repeat;}
.headerMenuIcon04active {background: url(uploads/images/imagestemplate/menuHeaderIcon04actif.gif) top center no-repeat;}

.headerMenuIcon05 {background: url(uploads/images/imagestemplate/menuHeaderIcon05.gif) top center no-repeat;}
.headerMenuIcon05:hover {background: url(uploads/images/imagestemplate/menuHeaderIcon05actif.gif) top center no-repeat;}
.headerMenuIcon05:active {background: url(uploads/images/imagestemplate/menuHeaderIcon05actif.gif) top center no-repeat;}
.headerMenuIcon05active {background: url(uploads/images/imagestemplate/menuHeaderIcon05actif.gif) top center no-repeat;}
/* Fin Modif Jf*/

/* CONTENEUR PRINCIPAL */ 

#conteneur {width: 899px; padding: 0 8px; background-color: #fff; margin: 0 auto 0 auto;}

/*-----------------------------------------------------------------------------------------------------------------------------------
	MENU PRINCIPAL
-----------------------------------------------------------------------------------------------------------------------------------*/ 
#menuPrincipal {float: left; width: 255px;}
#menuPrincipal a:link {color:#005b85; text-decoration:none;}
#menuPrincipal a:visited {color:#005b85; text-decoration:none;}
#menuPrincipal a:hover {color:#ff6c00; text-decoration:underline;}
#menuPrincipal a:active {color:#000; text-decoration:none; font-weight: bold;}

	
/* Onglets */
.menuPrincOnglet01 {height:18px; background-image:url(uploads/images/imagestemplate/menuPrincOnglet01.gif); font-weight:bold; color:#fff; padding: 4px 0 0 30px;}
.menuPrincOnglet02 {height:22px; background-image:url(uploads/images/imagestemplate/menuPrincOnglet02.gif); font-weight:bold; color:#fff; padding: 8px 0 0 30px;}
.menuPrincOnglet03 {height:18px; background-image:url(uploads/images/imagestemplate/menuPrincOnglet03.gif); font-weight:bold; color:#fff; padding: 4px 0 0 30px;}
	
/* Menu APROPOS, INFOS, SERVICES */
.menuPrincContent {background:url(uploads/images/imagestemplate/menuPrincFade.gif) top no-repeat; font-size: .9em;}
.menuPrincContent ul {margin:0; padding: 5px 0 8px 30px;}
.menuPrincContent li {list-style-image:url(uploads/images/imagestemplate/menuPrincPuce.gif); }
.menuPrincContent a {display:block; width:215px; height:17px; padding-top:5px; color: #000; text-decoration: none;}
	
/* Menu NOS PROGRAMMES */
.menuProgFermer {height: 30px; background:url(uploads/images/imagestemplate/menuPrincBtProgrammes.gif) top no-repeat; font-size: .9em; font-weight:bold;}
.menuProgFermer a {display:block; width:215px; height:22px; padding-left:30px; padding-top:8px; color: #000; text-decoration: none; background:url(uploads/images/imagestemplate/menuPrincOuvrir.gif) 15px center no-repeat;}
.menuProgFermer a:link {color:#0776ab;}
.menuProgFermer a:visited {color:#0776ab;}
.menuProgFermer a:hover {color:#ff6c00; text-decoration:none;}
.menuProgFermer a:active {color:#000;}
	
.menuProgOuvert {height: 30px; background:url(uploads/images/imagestemplate/menuPrincBtProgrammes.gif) top no-repeat; font-size: .9em; font-weight:bold;}
.menuProgOuvert a {display:block; width:215px; height:22px; padding-left:30px; padding-top:8px; color: #000; text-decoration: none; background:url(uploads/images/imagestemplate/menuPrincFermer.gif) 15px center no-repeat;}
.menuProgOuvert a:link {color:#0776ab;}
.menuProgOuvert a:visited {color:#0776ab;}
.menuProgOuvert a:hover {color:#ff6c00; text-decoration:none;}
.menuProgOuvert a:active {color:#000;}
	
.menuProgContent {background:url(uploads/images/imagestemplate/menuPrincBgProgrammes.gif) top repeat-y; font-size: .9em; padding-bottom: 15px;}
.menuProgContent ul {margin:0; padding: 0 0 0 45px; list-style:none;}
/* Ajout steve*/
.menuProgContent li:first-child {list-style-image:url(uploads/images/imagestemplate/menuPrincPuce.gif); width: 190px; padding: 5px 0 5px 0; border-top: #e1dfda 1px dotted;border: medium none ;}
/* fin Ajout steve*/
.menuProgContent li {list-style-image:url(uploads/images/imagestemplate/menuPrincPuce.gif); width: 190px; padding: 5px 0 5px 0; border-top: #e1dfda 1px dotted;}
.menuProgContent a {display:block; width:190px; color: #000; text-decoration: none; }


/*-----------------------------------------------------------------------------------------------------------------------------------
	CONTENEUR DE GAUCHE + BAS DE PAGE
-----------------------------------------------------------------------------------------------------------------------------------*/ 	
#conteneurTextePhoto {float:left; width:643px; margin-left:1px; padding-bottom: 60px;}
		
#patchfloat {clear:both; visibility:hidden;}

#footer {width: 915px; height: 20px; margin: 0 auto 10px auto; padding-top: 20px ;background:url(uploads/images/imagestemplate/footer.gif) no-repeat; font: 9px Verdana, Arial, Helvetica, sans-serif; text-align:center;}

/* BALISES */
h1 {font: bold 1.4em Georgia, "Times New Roman", Times, serif; color:#ff7e00; border-bottom: #d5d2cb 1px dashed; margin-top: 7px;}
h2 {font: bold 1.2em  'Trebuchet MS' Arial, Helvetica, sans-serif, "Times New Roman", Times, serif; color:#0776ab;}
h3 {font: bold 1em Arial, Helvetica, sans-serif;}
h4 {font: bold 15px  'Trebuchet MS' Arial, Helvetica, sans-serif, "Times New Roman", Times, serif; color:#fff; background: url(uploads/images/imagestemplate/h4.gif) no-repeat; height:21px; padding: 0 0 0 40px; margin-top: 50px;}
h5 {font: bold 15px  'Trebuchet MS' Arial, Helvetica, sans-serif, "Times New Roman", Times, serif; color:#fff; background: url(uploads/images/imagestemplate/h5.gif) no-repeat; height:21px; padding: 0 0 0 40px; margin-top: 50px;}
h6 {font: normal .7em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 -13px 0; padding: 0; color:#ff6c00;}


/* ZONE PHOTO */
#zonePhotoAccueil {width: 643px; height: 129px;}
#zonePhotoSecondaire {width: 643px; height: 99px;}
	
/* ZONE IMPRIMER - ENVOYER À UN AMI */
#zoneImprimerCourriel {text-align:right; padding: 3px 10px 0 0; font: 9px Verdana, Arial, Helvetica, sans-serif;}
#zoneImprimerCourriel a:link {color:#005b85; text-decoration:none;}
#zoneImprimerCourriel a:visited {color:#005b85; text-decoration:none;}
#zoneImprimerCourriel a:hover {color:#ff6c00;}
#zoneImprimerCourriel a:active {color:#000;}

/* ZONE TEXTE */
#zoneTexte {width: 600px; margin: 0px 0 0 26px;}
#zoneTexte hr {color: #ebeae7; background-color: #ebeae7; height: 1px; border: 0; margin-top: 1.2em;}
/*#zoneTexte img {float: left; margin: 0 20px 20px 0; border: #eae8e5 4px solid;}*/
#zoneTexte ul {list-style-image:url(uploads/images/imagestemplate/puce.gif);}
#zoneTexte li { padding-left: 20px;}

#zoneTexteAccueil { float: left; width: 420px; margin: 0 0 0 16px;}
#zoneTexteAccueil hr {color: #ebeae7; background-color: #ebeae7; height: 1px; border: 0; margin-top: 1.2em;}
#zoneTexteAccueil img {float: left; margin: 0 20px 20px 0; border: #eae8e5 4px solid;}


.positionImgDroit {float: right; margin: 0 0 5px 20px; /*border: #eae8e5 4px solid;*/}
.positionImgGauche {float: left; margin: 0 20px 5px 0; /*border: #eae8e5 4px solid;*/}




.hautdepage {height: 10px; padding: 15px 0 30px 0; border-top: #eae8e5 1px solid;}


#zoneMenuDroit { float: left; width: 170px; float: right;}





/* ================================================== PAGE D'ACCUEIL  ================================================*/

/* Boite A NOTER */
#anoterBoiteContent {width: 148px; background: #ff7e00 url(uploads/images/imagestemplate/anoterBoiteHaut.gif) no-repeat; padding: 25px 10px 1px 10px; color:#fff; margin: 25px 0 0 0; text-align: right;}
#anoterBoiteContent a:link {color:#fff; text-decoration:underline;}
#anoterBoiteContent a:visited {color:#fff;  text-decoration:underline;}
#anoterBoiteContent a:hover {color:#fff; text-decoration:none;}
#anoterBoiteBas {width: 168px; height: 10px; background: url(uploads/images/imagestemplate/anoterBoiteBas.gif) no-repeat; margin-bottom: 20px;}

/* Collège en Images */
#collegeEnImageBoite {width: 168px; height: 40px; padding: 20px 0; border-top: #eae8e5 1px solid; border-bottom: #eae8e5 1px solid; margin-bottom: 20px;}

/* Boite d'adresse */
#boiteAdresse {width: 168px; border-bottom: #eae8e5 1px solid; margin-bottom: 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; text-align: right;}
.iconeAdresse {margin-bottom : -3px;} 



/* ================================================== PAGE PROGRAMMES  ================================================*/

#programmesAccesRapide {float: right; width:189px; padding: 10px 0 20px 20px; border-left: #ebeae7 1px solid; margin-left: 5px;margin-bottom:20px;}
#programmesAccesRapide a:link {color:#004d8a; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#programmesAccesRapide a:visited {color:#004d8a;  text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#programmesAccesRapide a:hover {color:#000; text-decoration:underline; }

.grilleCoursTitre {	font-size: 14px; font-weight: bold; color: #FF6600;}
.grilleCours {font-size:11px; padding: 10px 1px 2px 3px;}
.grilleCours TD {padding: 5px 1px 2px 3px; border-bottom: 1px #d5d2cb dotted; border-right: 1px white solid;}
.center {text-align: center;}

.conditionDadmissionBgCoin01 {background: #eae7e1 url(../images/conditionDadmissionBgCoin01.gif) top left no-repeat; padding: 10px 20px;}
.conditionDadmissionBgCoin02 {background: #f5f4f2 url(../images/conditionDadmissionBgCoin02.gif) bottom right no-repeat; padding: 10px 15px;}
/* End of 'Bart' */