body, html {
    height: auto !important;
    height: 783px;
    min-height : 100%;
}
body { margin: 0 }
#page {height: 100%; } 
.none { display: none !important }

a { color: #000; text-decoration: none; outline: 0 none }
a:hover { color: #ff0043; text-decoration: underline }

sup { text-transform: lowercase !important; vertical-align: middle; position: relative; top: -6px }



#cont1 { display: table; height: 100%; border: 1px none blue; margin: 0 auto; width: 100%;   }
#cont2 { display: table-cell; vertical-align: middle; border: 1px none red; text-align: left;  }
#cont3 {border: 1px none blue; height: 100% }

.bloc { position: absolute; border: 1px none blue; width: 59em; font-size: 10px; left: 20px}

#bloc1 { top: 25px;  }

#bloc1 h2 { padding-top: 1px;  }

#bloc1 h2 sup { background: transparent url(img/asterisque1.png) no-repeat 0 0.1em; position: absolute; left: 31.5em; width: 1em; height: 1.8em; margin-top: -0.1em; font-size: 10px; top: 2.3em }

#bloc2 { position: absolute; top: 140px; left: 20px }

#bloc1 h2 { font-size: 17px }

#bloc3 { top: 240px; }

.bloc h2 a:hover { text-decoration: none }


.bloc-titre {

}


.bloc-titre h2 { color:#333333; font-family:Verdana,Geneva,sans-serif; font-size:14px; font-weight:normal; letter-spacing:0.06em; line-height:130%; text-align:left; text-transform:uppercase;  margin: 0; padding: 0; padding-left: 0.2em;  position: relative; z-index: 2; background: url(img/blanc.png) repeat-y }

.bloc-titre h2 span { 
background-color:#FFFFFF;padding-right: 1em;  border-top: 3px solid #fff; position: relative; top: 1px;
}

.bloc2 .bloc-titre h2 span { 
position: relative; top: 2px;
}


.bloc-titre ul { list-style-type:none;
margin: 0; 
padding:0;
margin-top: -1.1em
}


.bloc-titre ul li { 
margin:0;

}


.bloc-titre ul li .sous-titre{ 
margin-left:0;

}

.bloc-titre ul li .sous-titre h3{ 
background:transparent url(img/coin1.png) no-repeat scroll 0 2px;
padding-left:15px; font-weight: normal; line-height: 1.3em; padding-top: 6px; 
position: relative;
top: -4px; 
}



.bloc-titre ul li .sous-titre h3 div { 
padding-top: 8px; position: relative; top: -7px; padding-bottom: 0.05em; padding-left: 0.3em;  background: url(img/blanc.png) repeat-y 
}

.bloc-titre ul li .sous-titre h3 span { background: #fff; font-family:Courier,monospace;
font-size:13px;
border-top: 0.6em solid #fff;
border-bottom: 0.05em solid #fff;
padding-right: 0.5em;
position: relative;
top: 2px; 
}

.bloc2 .bloc-titre ul li .sous-titre h3 div { padding-bottom: 0.05em;
}

#bloc1 .bloc-titre ul li .sous-titre h3 span a { text-decoration: underline
}


.bloc-titre ul li .sous-titre h3 span a { color: #000; text-decoration: none
}

.bloc-titre ul li .sous-titre h3 span a:hover { color: #f00; text-decoration: underline
}

.bloc2 .aide { font-family:Courier,monospace; font-weight: bold; padding-left: 0.8em; font-size: 10px; margin: 0; margin-bottom: 0.5em }



.bloc2 .aide sup { background: transparent url(img/asterisque3.png) no-repeat 0 0; position: absolute; left: 0; width: 1em; height: 1em; margin-top: 0.2em; font-size: 10px; }


.liste #content ul.cat h2, .liste #content .resource { width: auto }

.cat a, .cat h2 span { color: #000 !important }

#footer2 { left: 0 !important }

.liste #content ul ul li h3 { display: block;  }


.liste #content ul ul li h3 a { font-size: 14px; background-color: #fff !important; border: 2px solid #fff; padding-right: 5px; border-style: solid none; border-top-width: 3px; white-space: nowrap }

.liste .thema h2 a span { font-size: 14px }


/*  footer  */

#footer2 { color:#003300; font-family:"verdana",geneva,sans-serif; margin:0 0px 1.5em; padding:0px 0px 7em 0; position:relative; padding-left: 0; background: transparent url(/TECH/img/footer-fd1.png) repeat-x; border: 1px solid red; /*min-width: 57.6em;*/  }


.liste #footer2 { left: 260px; width: 600px; }
.article #footer2 { left: 260px; width: 710px; }


.institution #footer2 { background-image: url(/TECH/img/footer2-fd1xx.png) }

.institution #fd-footer { background-image: url(/TECH/img/footer2-fd2c-d.png) } 

#footer2 #fd-footer { background:transparent url(/TECH/img/footer-fd2c-d.png) no-repeat; border: 1px solid red; /* min-width: 57.6em */; float: left; width: 100% } 

.institution#homepage #footer2 #fd-footer { background-image: none  } 

#footer2 #footer-txt { float: left;  border: 1px solid red; min-width: 50em;  }

#footer2 #footer-txt p { margin: 0; padding-top: 8px; margin-left: 0px; float: left;  background:transparent url(/TECH/img/bottom-home-footer.png) no-repeat 0 100%; position: relative; padding-right: 0; }


.institution #footer2 #footer-txt p { background-image: url(/TECH/img/bottom-home-footer.png-no)  }

#footer2 #footer-txt span.line { float: left; background:transparent url(/TECH/img/footer-fd4b.png) no-repeat 100% 0; padding-right: 20px; clear: left; display: block; border: 1px solid red; height: 1.4em; }

.institution #footer2 #footer-txt span.line { background-image: url(/TECH/img/line-home-footer.png-no)  }

.institution#accueil #footer2 #footer-txt span.line small { background: #eee;   }

#footer2 #footer-txt p #fin-footer { display: block; margin-top: 22px; float: left; clear: left; border: 0px solid #fff !important; width: 100% }


#footer2 #footer-txt p #ombre-end { display: block; position: absolute; right: -26px; bottom: 0; border: 1px solid red; width: 26px; height: 23px; background:transparent url(/TECH/img/footer-fd3c-c.png-no) no-repeat 100% 0; margin-right: 5px }


.institution #footer2 #footer-txt p #ombre-end { background-image: url(/TECH/img/footer2-fd3c-c.png-no) }



#footer2 #footer-end { position: absolute; right: -76px; width: 76px; height: 100px; background:transparent url(/TECH/img/footer-fd3-c.png) no-repeat; border: 1px solid blue; top: 0; height: 74px;   }

.institution #footer2 #footer-end { background-image: url(/TECH/img/footer2-fd3-c.png)    }

.institution#homepage #footer2 #footer-end { background-image: none    }

.noborder, .noborder * {  border: none !important }


#footer2 div span { background: #fff; font-style: normal; font-family: Verdana,Geneva,sans-serif; padding-left: 1px; padding-right: 5px; position: relative; border-bottom: 1px solid #fff !important }

/* Moon */

.liste #col4 form #ecourrier {
    padding:0;
    border:1px solid grey;
    font-size:14px;
    width: 200px;
    /*position:absolute;*/
    /*left:400px;*/
}

.liste #col4 ul ul li h3 a {
    padding:1px 3px;
}

#actu a {
	color:black;
	text-decoration:none;
}

#actu a:hover {
	color:black;
	text-decoration:underline;
}

#homepage {
	background : url("/squelettes/imgs/degrade.png") top left repeat-y #78eaff;
}

.liste #content, .article #content { margin-bottom : 0!important; padding-bottom : 0!important; }

/**/

#footer2 {
    font-size : 7pt !important;
    line-height : 9px;
}

#footer2 span {
    position : absolute;
    background : white;
    padding : 1px 1px 2px 1px;
}

#footer2 .un { top : 60px; left : 51px; width : 120px; padding-left : 5px; }
#footer2 .deux { top : 72px; left : 51px; width : 120px; padding-left : 5px; }
#footer2 .trois { top : 94px; left : 62px; width : 155px; text-align : right; padding-right : 5px; }
#footer2 .quatre { top : 106px; left : 62px; width : 155px; text-align : right; padding-right : 5px; }
#footer2 .cinq { top : 128px; left : 51px; width : 76px; text-align : center; }
#footer2 .six { top : 138px; left : 62px; width : 81px; text-align : center; }

/**/
 
h2.actualites_home,
#actu {
    font-family : Verdana,Geneva,sans-serif;
}
 
#actu span {
    font-family : "Courier new",monospace;
    display : block;
}
 
h2.actualites_home {
    font-weight : normal;
    text-transform : uppercase;
    margin-bottom : 3px;
}