body {margin:0; padding:0; font-family:Helvetica, Arial}

a img {border-style:none}

#entete {width:100%; height:125px}
#entete-start {height:125px; width:125px; background-image:url('images/entete-start.gif')}
#entete-content {height:125px; position:absolute; top:0px; left:125px; right:165px; background-image:url('images/entete-content.gif'); background-repeat:repeat-x; }
#entete-content .logo {position:absolute; top:15px}
#entete-content h1 {display:none}
#entete-content #accroche {position:absolute; left:75px; top:65px; font-size:1em; width:320px; text-align:center;}
#entete-end {position:absolute; top:0px; right:0px; height:125px; width:165px; background-image:url('images/entete-end.gif')}

#menu {width:100%; height:40px;}
#menu-start {height:40px; width:70px; background-image:url('images/menu-start.gif')}
#menu-content {height:40px; min-width:900px; position:absolute; top:125px; left:70px; right:30px; background-image:url('images/menu-content.gif'); background-repeat:repeat-x; }
#menu-content ul {list-style: none; position:absolute; right:35px; height:40px; padding:0; margin:0}
#menu-content ul li {float:left; width:100px; height:40px; background-image:url('images/menu-separator.gif'); background-repeat:no-repeat; padding-top:15px; padding-left:10px}
#menu-content ul li a {text-decoration:none; color:black; font-size:0.75em}
#menu-content ul li a:hover {text-decoration:underline;}
#menu-content div.sous-menu ul li {float:none; width:195px; height:20px !important;font-size: 1em; background-image:url('images/sous-menu.gif'); height:auto; padding:0; margin:0; padding-left:5px}
#menu-end {height:40px; width:30px; position:absolute; right:0px; top:125px; background-image:url('images/menu-end.gif')}

#menu-ingenierie {position:absolute; right:423px; z-index:10}
#menu-formation {position:absolute; right:313px; z-index:10}
#menu-technologies {position:absolute; right:203px; z-index:10}

#content {padding:0; margin:0}
#content-start {height:70px; width:100%; background-image:url('images/content-start.gif'); background-repeat:no-repeat;}
#content-start h2 {font-weight:normal; color:red; margin-left:60px; margin-top:0; width:80%; background-image:url('images/barre-couleur-8.gif'); background-repeat:repeat-x; background-position:left bottom; height:40px; }
#content-body {clear:both; width:100%; background-image:url('images/content-body.gif'); background-repeat:repeat-y; padding:0; margin:0}
#content-end {clear:both; height:80px; width:100%; background-image:url('images/content-end.gif'); background-repeat:no-repeat;}

.content-body-intro {margin-left:60px; margin-top:-20px; margin-bottom:25px; padding-top:80px; padding-left:60px; width:60%; text-align:justify; font-size:0.9em; background-image:url('images/quote-jaune.gif'); background-repeat:no-repeat; background-position:left top}
.content-body-intro .liens {margin-top:10px;}
.content-body-intro .liens td {valign:top;}
.content-body-intro .liens a {color:red; text-decoration:none; display:block; text-align:left; font-size:0.8em;}
.content-body-intro .liens a:hover {text-decoration:underline;}
.content-body-article {margin-left:120px; width:60%; margin-bottom:15px}
.content-body-article h3 {color:red; font-weight:normal; font-size:1.1em; height:20px; padding-top:15px; margin-top:0px; margin-bottom:3px; padding-left:40px; background-image:url('images/fleche-rouge.gif'); background-repeat:no-repeat; background-position:top left; border-bottom:solid red 1px; }
.content-body-article .content-article {font-size:0.85em; text-align:justify}
.content-body-article form fieldset {border-style:none}
.content-body-article form fieldset legend {display:none}
.content-body-article form fieldset p.invite {color:#888}
.content-body-article form fieldset p label {display:block; width:40%; float:left}
.content-body-article form fieldset input.text {width:50%; border:solid black 1px}
.content-body-article form fieldset select {width:50%; border:solid black 1px}
.content-body-article form fieldset p.boutons {text-align:center; padding-top:25px}
.content-body-article form fieldset p.boutons input {border:solid black 1px}
.content-body-article form fieldset ul.field-errors {color:red}

#news {width:278px; margin-left:65px; margin-top:-40px;}
#news-start {width:100%; height:60px; background-image:url('images/news-start.gif')}
#news-start h2 {width:100%; text-align:center; padding-top:25px; font-size:1.3em; font-weight:normal;}
#news_content {width:278px; height:250px; overflow:hidden; background-image:url('images/news-content.gif')}
#news_content .news-body {padding:15px}
#news_content .news-body h3 {color:red; font-weight:normal; font-size:0.8em}
#news_content .news-body p {font-size:0.7em; text-align:justify;}
#news_content .news-body a {color:black; font-style:italic; text-decoration:none}
#news_content .news-body a:hover {text-decoration:underline;}
#news-end {width:100%; height:50px; background-image:url('images/news-end.gif')}
#news-end a {display:block; color:black; margin-left:15px; text-decoration:none; font-size:0.9em; padding-top:20px}
#news-end a:hover {text-decoration:underline;}

.accueil-bloc {width:50%; margin-left:380px}
.accueil-bloc h2 {color:red; display:block; font-size:1.1em; font-weight:normal; height:30px; background-image:url('images/barre-couleur-8.gif'); background-repeat:repeat-x; background-position: bottom; margin-bottom:0}
.accueil-bloc p {font-size:0.8em; text-align:justify; margin-top:0; padding:2px}
#bloc-leuville {margin-top:-350px; }

#footer {clear:both; width:100%; height:60px; background-image: url('images/footer.gif'); background-repeat:repeat-x; background-position:left top}
#footer p {font-size:0.7em; text-align:center; margin:0; padding-top:50px}

.catalogue-toc {margin-left:60px; width:80%}
.catalogue-toc h2 {position:absolute; left:60px; top:150px; font-weight:normal; color:red;}
.catalogue-toc h3 {color:red; font-weight:normal; font-size:1.1em; height:20px; padding-top:15px; margin-top:0px; margin-bottom:3px; padding-left:40px; background-image:url('images/fleche-rouge.gif'); background-repeat:no-repeat; background-position:top left; border-bottom:solid red 1px; }
.catalogue-toc p.filiere-desc {font-size:0.8em; text-align:justify;}
.catalogue-toc ul.filiere-content {font-size:0.8em}
.catalogue-toc ul.filiere-content li.formation a {color:black; text-decoration:none}
.catalogue-toc ul.filiere-content li.formation a:hover span.formation-ref {text-decoration:underline}
.catalogue-toc ul.filiere-content li.formation a span.formation-ref {display:block; width:90px; float:left; color:red}
.catalogue-toc ul.filiere-content li.formation span.formation-nom {display:block; width:310px; float:left; color:black}

.formation {margin-left:60px; width:80%}
.formation h2 {position:absolute; left:60px; top:150px; font-weight:normal; color:red;}
.formation h3 {color:red; font-weight:normal; font-size:1.1em; height:20px; padding-top:15px; margin-top:0px; margin-bottom:3px; padding-left:40px; background-image:url('images/fleche-rouge.gif'); background-repeat:no-repeat; background-position:top left; border-bottom:solid red 1px; }
.formation .formation-infos {font-size:0.9 em; margin-bottom:50px}
.formation .formation-infos p {width:80%}
.formation .formation-infos p strong {display:block; width:100px; float:left}
.formation .formation-content p {font-size:0.8em; text-align:justify;}
.formation .formation-content ul {font-size:0.8em; }
.formation .formation-content div.programme-col1 {background-image:url('images/content-body.gif'); background-repeat:repeat-y; ; margin:0; width:40%; float:left; margin-left:-60px; padding-left:60px }
.formation .formation-content div.programme-col2 {width:40%; margin-left:55%}
.formation .formation-content .programme-module h4 {font-size:0.9em; text-decoration:underline;}
.formation .formation-content .programme-module .description {font-size:0.7em; font-style:italic;}
.formation .formation-content .programme-module ul {font-size:0.7em}

table.calendrier {width:100%; border-collapse:collapse; margin-top:20px; font-size:0.9em;}
table.calendrier tr th {background-color:#FFFF00}
table.calendrier tr td,th {border:solid black 1px}
table.calendrier tr td.code-cours {font-weight:normal; width:190px; background-color:#FFFF00}
table.calendrier a {color:black; text-decoration:none; display:block; width:100%; text-align:center}
table.calendrier a:hover {text-decoration:underline;}