body { padding:0px 0px 20px 0px; margin:0px; background:url(../image/bandeau/fond01.jpg) #FFF top left no-repeat}
body, table, tr, td, a { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; padding:0px ; margin:0px }
select, textarea, input {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; }
input {font-family:Arial, Helvetica, sans-serif; background:#FFF; padding-left:2px; margin-bottom:2px; border:solid 1px #000; font-size:1em; color:#333 }
select, textarea {font-family:Arial, Helvetica, sans-serif; border:solid 1px #333; font-size:1em; color:#333; }
table {margin:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; vertical-align:top}
th a { font-family:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:none}
th a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:underline}
label { cursor:pointer}
font { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
a img {border:0px; padding:0px; border:0px; outline:none}
img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
p {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:justify}
a { text-decoration:none; color:#b4113e; outline:none }
a:hover { text-decoration:none; color:#333; outline:none }
a.On { text-decoration:none; color:#333; outline:none }
a.On:hover { text-decoration:none; color:#333; outline:none }
ul {padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; list-style-type:none}
li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none}

/* PAGE */
#pgContenu{text-align:left; margin:0px 0px 10px 0px; height:100%}

/* MENU TOP */
#menuTop { width:995px}
#menuTop div { background:#000; float:right; padding:5px 10px 0px 10px; color:#FFF; height:22px}
#menuTop div a { color:#FFF; text-decoration:none; text-transform:uppercase; font-size:1.1em}
#menuTop div a:hover { color:#b4113e; text-decoration:none; text-transform:uppercase; font-size:1.1em}
#menuTop div a.On { color:#b4113e; text-decoration:none; text-transform:uppercase; font-size:1.1em}
#menuTop div a.On:hover { color:#b4113e; text-decoration:none; text-transform:uppercase; font-size:1.1em}
#menuTop div img { vertical-align:middle}

/* BANDEAU */
#logo { margin:15px 0px 0px 10px; position:absolute}

/* MENU */
#menu { margin-top:250px; width:780px; margin-left:115px}
#menu .h1 {font-family:Century Gothic,sans-serif; color:#FFF; font-size:2.2em;}
#menu #univ1 { float:left; background:url(../image/menu/fond.gif) no-repeat; width:384px; height:147px}
#menu #univ1.fondUnivOn { float:left; background:url(../image/menu/fond_univ1.gif) no-repeat; width:384px; height:147px}
#menu #univ1 div { margin:10px 20px 2px 20px}
#menu #univ2 { float:left; margin-left:12px; background:url(../image/menu/fond.gif) no-repeat; width:384px; height:147px}
#menu #univ2.fondUnivOn { float:left; background:url(../image/menu/fond_univ2.gif) no-repeat; width:384px; height:147px}
#menu #univ2 div { margin:10px 20px 2px 20px}

#menu .univImg { position:absolute; margin-left:243px}
#menu ul { margin:0px 0px 0px 0px; padding:5px 0px 0px 0px}
#menu ul li { margin:0px 1px 2px 0px; padding:0px 0px 0px 20px; list-style-type:none}

#menu ul li a.Off { height:17px; display:block; padding:4px 0px 0px 25px; text-decoration:none; color:#FFF; font-size:1.1em}
#menu ul li a.Off:hover{ height:17px; display:block; padding:4px 0px 0px 25px; text-decoration:none; color:#000; font-size:1.1em}
#menu ul li a.On { height:17px; display:block; color:#FFF; padding:4px 0px 0px 25px; text-decoration:none; color:#000; font-size:1.1em}
#menu ul li a.On:hover { height:17px; display:block; color:#FFF; padding:4px 0px 0px 25px; text-decoration:none; color:#000; font-size:1.1em}

#menu ul li a.rub1Off { background:url(../image/menu/menu_off.gif) #cc0033 left no-repeat; color:#FFF}
#menu ul li a.rub1Off:hover{ background:url(../image/menu/menu_on.gif) #cc0033 no-repeat left}
#menu ul li a.rub1On { background:url(../image/menu/menu_on.gif) #cc0033 no-repeat left}
#menu ul li a.rub1On:hover { background:url(../image/menu/menu_on.gif) #cc0033 no-repeat left}

#menu ul li a.rub2Off { background:url(../image/menu/menu_off.gif) #ff9900 no-repeat left; color:#FFF}
#menu ul li a.rub2Off:hover{ background:url(../image/menu/menu_on.gif) #ff9900 no-repeat left}
#menu ul li a.rub2On { background:url(../image/menu/menu_on.gif) #ff9900 no-repeat left}
#menu ul li a.rub2On:hover { background:url(../image/menu/menu_on.gif) #ff9900 no-repeat left}

#menu ul li a.rub3Off { background:url(../image/menu/menu_off.gif) #009999 no-repeat left; color:#FFF}
#menu ul li a.rub3Off:hover{ background:url(../image/menu/menu_on.gif) #009999 no-repeat left}
#menu ul li a.rub3On { background:url(../image/menu/menu_on.gif) #009999 no-repeat left}
#menu ul li a.rub3On:hover { background:url(../image/menu/menu_on.gif) #009999 no-repeat left}

#menu ul li a.rub4Off { background:url(../image/menu/menu_off.gif) #669900 no-repeat left; color:#FFF}
#menu ul li a.rub4Off:hover{ background:url(../image/menu/menu_on.gif) #669900 no-repeat left}
#menu ul li a.rub4On { background:url(../image/menu/menu_on.gif) #669900 no-repeat left}
#menu ul li a.rub4On:hover { background:url(../image/menu/menu_on.gif) #669900 no-repeat left}

#menu ul li a.rub5Off { background:url(../image/menu/menu_off.gif) #980098 no-repeat left; color:#FFF}
#menu ul li a.rub5Off:hover{ background:url(../image/menu/menu_on.gif) #980098 no-repeat left}
#menu ul li a.rub5On { background:url(../image/menu/menu_on.gif) #980098 no-repeat left}
#menu ul li a.rub5On:hover { background:url(../image/menu/menu_on.gif) #980098 no-repeat left}

/* CHEMIN ET OUTILS */
#chemin {font-size:1em; color:#999; margin-bottom:20px}
#chemin a{ color:#333; text-decoration:none; font-weight:100}
#chemin a:hover{ color:#b4113e; text-decoration:underline; font-weight:100}

/* CONTENU */
.hr { border-top:1px dotted #ccc; margin-top:5px}
#contenu {margin:3px auto 0px 100px; padding:0px 0px 0px 0px; clear:both; width:895px}
#contenu .contentTop { width:895px; clear:both; height:6px; background:url(../image/contenu/top.gif); font-size:0.05em}
#contenu .contentMiddle { background:#FFF; padding:0px 30px 10px 65px; clear:both; min-height:450px}
* html #contenu .contentMiddle { height:450px}

#totem { position:absolute; margin-left:-60px; margin-top:45px}
#totem .fond { position:absolute}
#totem .titre { position:absolute; margin:25px 0px 0px 60px}

h1 { color:#999; font-size:2.1em; padding:0px 0px 5px 0px; margin:-10px 0px 0px 0px;font-family:Century Gothic,sans-serif;font-weight:normal}
h2 { color:#b4113e; font-size:18px; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; }

/* FORMULAIRE */
a.bouton {display:-moz-inline-box; text-decoration:none; display:inline-block; outline:none; background:url(../image/bouton/btn_left.gif) no-repeat left; padding:0px 0px 0px 12px; height:25px; line-height:25px }
a:hover.bouton { text-decoration:none; }
a:hover.bouton span { color:#333; text-decoration:none; position:relative; text-transform:uppercase }
a.bouton span { display:-moz-inline-box; display:inline-block; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:3px 0px 3px 0px; height:19px; line-height:19px; cursor:pointer; color:#FFF; text-transform:uppercase}
.bouton .ender { background:none; vertical-align:top; height:25px }
.oblig { color:#A03112; font-weight:100; font-size:1.1em}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}
.erreurChamp { color:#CC0000}

/* ALIGNEMENT */
.block { display:block}
.none { display:none}
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom {vertical-align:bottom}
.tdBottom td {vertical-align:bottom}
.tdMiddle td { vertical-align:middle}
.vab { vertical-align:bottom }
.vam { vertical-align:middle}
.vat { vertical-align:top}
.cb { clear:both; margin:0px; padding:0px; line-height:1px; height:1px }
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.inline { display:inline}
.italic { font-style:italic}
.cursor { cursor:pointer}
.both { clear:both}

/* LARGEUR */
.w100p { width:100%}

/* MENU BOTTOM */
#menuBottom { width:780px; margin:30px 0px 0px 115px; padding:5px 0px 5px 0px; text-align:center; color:#FFF; clear:both; background: url(../image/bandeau/fond_transv.png)}
* html #menuBottom { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/bandeau/fond_transv.png", sizingMethod="")}
#menuBottom a { color:#FFF; text-decoration:none; text-transform:uppercase; position:relative}
#menuBottom a:hover { color:#b4113e; text-decoration:none; text-transform:uppercase; position:relative}
#menuBottom a.On { color:#b4113e; text-decoration:none; text-transform:uppercase; position:relative}
#menuBottom a.On:hover { color:#b4113e; text-decoration:none; text-transform:uppercase; position:relative}

.contentBottom { width:895px; margin-left:100px; height:6px; background:url(../image/contenu/bottom.gif); font-size:0.05em }

/* DEBUG */
.debug { border:1px solid red}