@charset "iso-8859-1";
@import url("print.css");

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, li, span, form, a { border: none; margin: 0; padding: 0; }
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, li, input, textarea, span, select, a, td, tr { font-family: Verdana, Arial, Helvetica, sans-serif; }
input, select, textarea { margin: 0; padding: 0; }
img { border: none; }

/*.raccourcieTitre { margin:0px; padding:0px; visibility: hidden; font-size:0px; width:0px; height:0px; border:none; }*/
.raccourcieTitre { position: absolute; visibility: visible; z-index: 0; }
.raccourcieDV {  margin:0px; padding:0px; position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 80; }
.raccourcieAncre { margin:0px; padding:0px; width:0px; height:0px; font-size:0px; border:none; }



#corps { float: left; width: 100%; border: 0px solid #000; }
#corpsTheme { background-image: url("../images/fondDV.jpg"); }
#corpsThemeSeniors { background-image: url("../images/fondSeniors.jpg"); }
#corpsThemeJeunes { background-image: url("../images/fondJeunes.jpg"); }

#corpsTheme {
  float: left; width: 100%;
  background-position: left 25px;
  background-repeat: no-repeat;
}

#corpsThemeSeniors, #corpsThemeJeunes {
  float: left; width: 100%; height: 90%;
  background-position: left 25px;
  background-repeat: no-repeat;
}

/* Pour les lignes de séparation en pointillées */
.linePixel { width:100%; background-image: url("../images/pixel.gif"); background-repeat: repeat-x; }
/* Pour les boutons de formulaire */
.effectBT { width: 250px; height: 25px; background-image: url("../images/form_button.gif"); background-color:#F5F5F5; }
/* Pour l'encadrement et le positionnement des photos */
span.cadrePhoto { text-align: left; }
/*span.cadrePhoto img { border: 1px solid #000; }*/



html, body { background: #FFF;	color: #000; font-size: 100%; }

input, select, textarea { font-size: 100%; }

.logoTexte { font-size: 80%; }
p, .small, td, tr { font-size: 90%; }
li { font-size: 90%; }
.smallsmall, .small2, .small2 span { font-size: 100%; }
.small3, span.small3 { font-size: inherit; }
.date, .horloge, .copyright { font-size: 90%; }
.copyright2 { font-size: 70%; }
.textCopyrightIntro { font-size: 70%; }
span.grandTitre { font-size: 200%; }
.tabloCaption { font-size: 80%; }

h2, h4, h5, h6 { font-size: 100%; }
h3 { font-size: 140%; }

a.menuSeniorsLink, a.menuJeunesLink { font-size: 85%; }

a.menuLink { font-size: 75%; }
a.seniorsLink, a.etudiantsLink { font-size: 16px; }
a.seniorsLink span, a.etudiantsLink span { font-size: 14px; }

.accueilTexte1, .accueilTexte2, .accueilTexte3 { font-size: 80%; }
a.normalLink { font-size: 88%; }


/* 										   POLICES	 									   */
.date { font-weight: bolder; color: #FFF; background-color: transparent; }
.horloge { font-family: Verdana; font-weight: bolder; text-align: right; color: #FFF; background-color: transparent; padding: 0px 20px 0px 0px; }
.small, .small2, .small3, .smallsmall { padding: 2px 0px 0px 0px; }
.small2 { width: 100%; }
.grandText { width: 80%; }
.bordureContent { margin: 0px 40px 0px 30px; }
.copyright { float: left; width: 100%; padding: 5px 0px 10px 0px; clear:both; text-align: center; }
.copyright2 { float: left; width:92%; padding: 0px 0px 0px 30px; }
.textCopyrightIntro { float: left; width:80%; padding-left: 30px; font-weight: bolder; }

/* 										   OUTILS	 									   */
.invisible { display: none; }
.hide { visibility: hidden; clear: both; border: none; margin: 0; padding: 0; }

/* 									   COULEURS	& FONDS									   */
.whiteFond { background: #fff; }
.greenFond { width: 95%; background:#C9DDC9; padding: 20px; border: 1px solid #006400; }
.blueFond { width: 95%; background:#A7B9C7; padding: 20px; border: 1px solid #0C419A; }
.grayFond { width: 95%; background:#f0f0f0; padding: 20px; border: 1px solid #000; }
.redFond { width: 95%; background: #F4E5E5; padding: 10px; border: 1px solid #a52a2a; }

.colorNoir { color: #000; background-color: transparent; }
.colorMarron { color: #A52A2A; background-color: transparent; }
.colorBleu { color: #1F58A1; background-color: transparent; }
.colorBlanc { color: #FFFFFF; background-color: transparent; }
.colorJaune { color: #EED548; background-color: transparent; }
.colorOrange { color: #FACC18; background-color: transparent; }

.colorSeniors { color: #C40623; background-color: transparent; }
.colorJeunes { color: #602A7F; background-color: transparent; }

/* 										   TABLEAUX	 									   */
.tablo { border: 0px solid #0C419A; }
.tabloTitre { background:#2F516D; color:#FFF; height:20px; }
.tabloLabel { background:#FFF; color:#000; font-weight:bolder; }
.tabloCaption { font-weight: bolder; text-align: left; border-bottom: 1px solid #000; }
.champStatutTR { margin-bottom: 8px; }
.champStatut1 { width: 370px; }
.champStatut2 { width: 100px; text-align: right; vertical-align: top; }

/*  								   TAILLES TEXTES	 								   */
.textRetrait { margin-left: 20px; }
.textItalic { font-style: italic; }
.textGras { font-weight: 900; }
.textNormal { font-weight: normal; }
.textCenter { width:100%; text-align: center; }
.textCenter2 { float:left; width:100%; text-align: center; }
.imgCenter { text-align: center; }
.textLeft { width: 100%; text-align: left; }
.textRight { width: 100%; text-align: right; }
.textGrand { font-size: 14px; }
.textGrand2 { font-size: 16px; }




/* 								   OPTIONS : CONTENU CADRES 							   */
.Content { float: left; width: auto; padding-bottom: 30px; }

/* AFFICHAGE DU CADRE DES RUBRIQUES */
.cadreRub { float: left; width: auto; }
.rubTitre { float: left; width: auto; padding-left: 272px; }

.rubContenu { float: left; width: auto; padding-left: 50px; padding-right: 50px; }
.rubContenu div { text-align: left; }
.rubContenuAcces { float: left; width: 100%; }
.rubContenuAccesTitre { float: left; width: auto; padding-left: 300px; }
.rubContenuAccesPolices { float: left; clear: both; width: 100%; }

.rubContenu ul { padding-left: 90px; padding-top: 5px; }
.rubContenu ol { padding-left: 20px; padding-top: 5px; list-style: circle; }
.rubContenu li { padding-bottom: 3px; }

/* 									   FICHIER INTRO	 								   */
.tableIntro { width: 100%; height:100%; }

.banniereBleu {
  float: left; width: 100%; height:27px; background-color: #1F58A1;
}
.banniereOnglet { float: left; width: 100%; height: 58px; background-image: url("../images/banniereOnglet.jpg"); background-position: top right; background-repeat: no-repeat; }
.cadreFond { float: left; width: 100%; height: 508px; background-image: url("../images/fond_suite.jpg"); background-position: center top; background-repeat: no-repeat; }

.contentLogo { height: 290px; }
.logo { float: left; width: 180px; height: 90px; padding-left: 30px; }
.logoTexte { float: left; clear: left; /*  width: 200px;*/ width: 100%; height: 200px; }
.logoTexte p { text-align: left; width: 320px; padding: 50px 0px 0px 30px; }

.accesDVBis { float:left; width:50%; height: 200px; }
.accesDV { float: left; width: auto; padding-top: 45px; }
.accesDV a { float: left; width: 150px; height: 25px; }

.accesDV1 { float: left; width: auto; padding-left: 248px; padding-top: 2px; }
.accesDV2 { float: left;  clear: left; width: auto; padding-left: 180px; padding-top: 38px; }
.accesDV3 { float: left;  clear: left; width: auto; padding-left: 85px; padding-top: 25px; }


/* *************************************************************************************** */
/*
a.seniorsLink {
  line-height: 20px;
  vertical-align: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  height: 63px;
}
a.etudiantsLink {
  line-height: 20px;
  vertical-align: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  height: 95px;
}
*/
.cadreFondSelect {
  float: left;
  width: 100%;
  height: 515px;
  background-image: url("../images/fond2_suite.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

.contentLogo2 { height: 90px; }
.contentLogo2Width { float:left; width:50%; }

.contentAccueilBis { float: left; width: 50%; height: 250px; }
.contentAccueil { float: left; width: 380px; }

/* Calque commentaire et liens Séniors */
.accueilTexte1 { float: left; clear: right; width: 150px; height:171px; }
.accueilTexte1 p { float: left; width: auto; text-align: left; padding-top: 80px; }
.accueilTexte11 { float: left; width: 230px; height: 170px; }
.accueilTexte11 p { float: left; width: auto; text-align: left; padding-top: 0px; }
.accueilTexte11 a { text-decoration:none; }
a.seniorsLink:hover { text-decoration:underline; }

/* Calque du contenu du texte */
.accueilTexte2 { float: left; width: 100%; }
.accueilTexte2 p { float: left; width: auto; text-align: left; padding-left: 30px; padding-top: 130px; }

/* Calque commentaire et liens Jeunes */
.accueilTexte3 { float: left; clear: left; width:140px; }
.accueilTexte3 p { float: left; width: auto; text-align: left; padding-top: 25px; }
.accueilTexte33 { float: left; width:200px; }
.accueilTexte33 p { float: left; width: auto; text-align: left; padding-top: 12px; }
.accueilTexte33 a { text-decoration:none; }
a.etudiantsLink:hover { text-decoration:underline; }

/* 									   FICHIER THEME	 								   */
.tableTheme { width: 100%; }

.listeMenuJeunes, .listeMenuSeniors { float: left; width: 200px; }

.listeMenuJeunes li { background-color: #E7DFEC; }
.listeMenuSeniors li { background-color: #F6DADE; }
.listeMenuSeniors li, .listeMenuJeunes li {
  list-style: none;
  margin: 3px 0px 3px 0px;
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}


.banniereBleuSeniors {
  float: left; width: 100%; height:25px; background-color: #C40623;
}
.banniereOngletSeniors {
  float: left;
  width: 100%;
  height: 58px;
  background-image: url("../images/banniereOngletSeniors.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}


.banniereBleuJeunes {
  float: left; width: 100%; height:27px; background-color: #602A7F;
}
.banniereOngletJeunes {
  float: left;
  width: 100%;
  height: 58px;
  background-image: url("../images/banniereOngletJeunes.jpg");
  background-position: top right;
  background-repeat: no-repeat;
}


.enTete { float: left; width:100%; height: 180px; }

.decoTitre h3 { padding-left:50px; padding-top: 15px; }
.decoTitre p, .decoTable { padding-left:70px; padding-top: 5px; }
.decoTitre {
/*  float: left;*/
  background-image: url("../images/decoChapitre.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}


.circleSeniors, .circleJeunes {
  float: left;
  width: 98%;
  height: 191px;
  background-position: right 10px;
  background-repeat: no-repeat;
}
.circleSeniors { background-image: url("../images/circleSeniors.gif"); }
.circleJeunes { background-image: url("../images/circleJeunes.gif"); }



.alerteForm p { color:#FF0000; font-weight:bolder; padding: 5px; margin-bottom: 10px; border-top:2px solid red; border-bottom:2px solid red; }
.alerteForm2 p { padding: 5px; margin-bottom: 15px; border-top:2px solid red; border-bottom:2px solid red; font-weight:bolder; text-align:center; }
.cadreForm div { float: left; width:100%; clear: both; }
.champForm {
  float: left; width: 200px; text-align: right; padding-right: 10px;
}

.architec { float:right; width:auto; padding-left:30px; }
.architec1 { float:left; height: 120px; width: 220px; }
.architec2 { float:left; height: 100px; clear: both; width: 220px; }

.planAdresse { float:left; width:250px; height: 150px; }