body {
text-align:center;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#696868;
background:url(../images/bg_container.gif) top center repeat-y;
margin:0;
padding:0;
}

a {
color:#266DB3;
text-decoration:none;
}

a:hover {
color:#266DB3;
text-decoration:underline;
}

a:visited {
color:#3d3d3d;
}

h2 {
color:#016f96;
font-size:22px;
}

h3 {
color:#016f96;
font-size:18px;
margin-top:30px;
font-weight:400;
}

h4 {
color:#4a4a4a;
font-size:13px;
font-weight:700;
margin:25px 0 0;
}

h5 {
color:#4a4a4a;
font-size:12px;
margin:20px 0 0;
}

h6 {
color:#4a4a4a;
margin-top:15px;
}

ul li {
margin-bottom:5px;
}

hr {
height:4px;
border:0;
background:url(../images/bg_bottom_nouvelle.gif) center center no-repeat;
margin:30px 0;
padding:0;
}

table {
text-align:center;
}

table caption {
height:31px;
line-height:31px;
color:#124983;
font-size:14px;
font-weight:700;
background:#D2E0E5;
}

table tr.col-titre {
height:25px;
vertical-align:middle;
color:#6E6D6C;
font-size:14px;
font-weight:700;
text-align:left;
background:#E5E4E4;
}

table tr.ligne td {
height:7px;
border-top:2px solid #FFF;
border-bottom:2px solid #FFF;
line-height:0;
padding:0;
}

table td {
border:1px solid #FFF;
text-align:left;
vertical-align:middle;
padding:5px;
}

table td.categorie-titre {
font-weight:700;
background:#F5F5F5;
text-align:left;
}

table td.col1 {
background:#EAEFF2;
}

table td.col2 {
background:#F5F9FC;
}

.clear-float {
clear:both;
}

.important {
color:#10668A;
}

.etoile {
color:#D7061F;
}

.ancreHaut {
text-align:right;
margin:30px 0 0;
}

.ancreHaut a {
padding-left:13px;
color:#10668A;
background:url(../images/fleche_haut.jpg) center left no-repeat;
}

a.pdf {
display:block;
padding-left:33px;
min-height:30px;
_height:30px;
background:url(../images/icone_pdf.gif) 0 0 no-repeat;
}

#content hr {
height:38px;
border:0;
background:transparent url(../images/hr_contenu.jpg) no-repeat center center;
margin:25px 0;
}

.res-sociaux {
font-size:11px;
text-align:right;
margin:20px 10px 33px 0;
}

.res-sociaux a {
line-height:18px;
margin-right:10px;
padding:2px 0 2px 23px;
}

.res-sociaux a.facebook {
background:url(../images/facebook_icon.gif) no-repeat;
}

.res-sociaux a.twitter {
background:url(../images/twitter_icon.gif) no-repeat;
}

.res-sociaux a.youtube {
background:url(../images/youtube_icon.gif) no-repeat;
}

.res-sociaux a.rss {
background:url(../images/feed_icon.gif) no-repeat;
}

#container {
position:relative;
text-align:left;
}

#top {
position:relative;
z-index:9;
width:996px;
height:187px;
padding-top:10px;
background:#fff url(../medias/banieres/image_accueil.jpg) center no-repeat;
text-indent:-9999px;
margin:0 auto;
}

#top h1 a {
position:absolute;
display:block;
width:994px;
height:187px;
}

#top h1 a:focus {
outline:0;
}

#trueMiddle {
position:relative;
width:994px;
text-align:left;
margin:0 auto;
}

#menu,#menu-bas {
position:relative;
z-index:10;
height:50px;
background:url(../images/images-2/bg_menu.gif) repeat-x;
}

#sous-menu {
position:relative;
width:994px;
height:45px;
font-size:12px;
color:#000;
background:url(../images/images-2/ombre_sousmenu.gif) 50% 77% no-repeat;
}

#b_act-intern {
margin-left:0;
}

#menu ul li,#sous-menu ul li,#menu-bas ul li {
display:block;
float:left;
list-style:none;
text-align:left;
margin:0!important;
padding:0;
}

#menu ul li a,#menu-bas ul li a {
display:block;
line-height:41px;
font-size:14px;
color:#b8b8b8;
margin:0;
padding:0 11px;
}

#menu ul li,#menu-bas ul li {
height:50px;
min-width:60px;
}

#menu ul .liselected {
background:url(../images/images-2/ombre_menu.png) 50% 100% no-repeat;
}

#sous-menu ul {
position:relative;
width:994px;
height:37px;
top:-9px;
background:#f3f3f3;
}

#sous-menu ul li {
height:37px;
margin-top:-9px!important;
}

#menu ul li a:hover,#menu-bas ul li a:hover {
color:#FFF;
font-weight:400;
text-decoration:none;
}

#menu ul li a.selected,#menu ul li a.selected:hover,#menu-bas ul li a.selected,#menu-bas ul li a.selected:hover {
color:#FFF;
font-weight:700;
}

#menu ul li a.selected {
display:inline-block;
background:#007298;
margin-top:-3px;
padding-bottom:3px;
text-shadow:-1px -1px 1px #2e2e2e;
filter:dropshadow(color=#2e2e2e,offx=-1,offy=-1);
}

#sous-menu ul li a {
color:#000;
line-height:56px;
padding:10px 12px;
}

#sous-menu ul li a:hover {
background:#dfdfdf;
text-decoration:none;
}

#sous-menu ul li a.selected {
background:#006c92;
color:#fff;
}

#menu-bas ul li a {
padding:0 30px;
}

#top-bar {
position:relative;
min-height:45px;
margin-top:9px;
}

#search {
position:relative;
border:1px solid #e6e6e6;
width:270px;
height:30px;
float:left;
}

#search input {
width:230px;
border:none;
font-style:italic;
margin:6px;
}

#search input.labelHighlight {
color:#535353;
font-style:italic;
}

#search a {
display:block;
position:absolute;
top:4px;
right:8px;
height:23px;
width:23px;
background:url(../images/images-2/ico_search.gif) no-repeat;
text-indent:-9999px;
}

#top-bar h2 {
width:450px;
float:left;
font-size:24px;
margin:13px 0 0 16px !important;
}

#top-bar #portail-omnivox {
position:absolute;
font-weight:700;
display:block;
top:8px;
right:0;
height:23px;
padding-top:9px;
padding-right:48px;
background:url(/images/images-2/b_portail_omnivox.gif) 100% 0 no-repeat;
font-size:16px;
}

.chemin-site {
float:left;
width:420px;
background:url(../images/bg_titre_page.gif) bottom left no-repeat;
margin:10px 5px 5px 15px;
padding:0 0 8px 15px;
}

.chemin-site p {
padding-left:15px;
background:url(../images/fleche_chemin.gif) no-repeat;
background-position:0 4px;
margin:0;
}

#contenu {
background:#016f96;
}

#container-droite {
float:left;
width:100%;
background:#fff;
overflow:hidden;
position:relative;
}

#container-centre {
float:left;
width:100%;
background:#fff;
position:relative;
right:279px;
}

#container-gauche {
float:left;
width:100%;
background:#016f96 url(../images/images-2/degrade_colgauche.png) 100% 0 repeat-y;
position:relative;
right:430px;
}

#contenu-gauche {
position:relative;
width:285px;
float:left;
left:710px;
font-size:13px;
color:#fff;
}

#contenu-gauche a {
color:#fff;
}

#contenu-gauche .boite {
margin-left:7px;
margin-bottom:10px;
background:url(/images/images-2/ombre_colonne_gauche.png) 50% 0 no-repeat;
padding:10px;
}

#contenu-gauche .boite h3 {
color:#fff;
font-size:13px;
text-transform:uppercase;
font-weight:700;
padding-left:50px;
padding-right:30px;
margin-top:5px;
margin-bottom:20px;
text-shadow:-1px -1px 1px #2e2e2e;
}

.boite h3 {
min-height:36px;
background:url(/images/images-2/ico_cegep.png) no-repeat;
}

#contenu-gauche .boite ul li {
list-style:none;
padding:0;
}

#contenu-gauche .boite ul li a {
font-weight:400;
padding-left:11px;
display:block;
min-height:20px;
padding-right:25px;
margin:15px 10px 15px 0;
}

#contenu-gauche .boite ul li a.selected {
background:url(/images/images-2/menu-gauche_fleche.png) 0 6px no-repeat;
text-decoration:underline;
}

#contenu-gauche .boite ul ul {
margin:0 0 0 25px;
}

#contenu-gauche .boite ul ul li a {
background:none;
font-weight:400;
margin:10px 10px 10px 0;
}

#contenu-gauche .boite ul li a.develop {
background:url(../images/images-2/menu-gauche-fleche.png) 100% 3px no-repeat;
}

#contenu-gauche .boite ul li a.developed {
text-decoration:underline;
background:url(/images/images-2/menu-gauche-fleche-developped.png) 100% 4px no-repeat;
}

#programmes-formation h3 {
min-height:36px;
background:url(/images/images-2/graduation_icon.png) no-repeat;
padding-top:5px;
}

#programmes-formation ul li a {
font-size:13px;
font-weight:700;
}

#programmes-formation .minscrire {
margin-top:20px;
text-align:right;
text-decoration:underline;
padding-right:15px;
}

#liens h3 {
min-height:18px;
background:url(/images/images-2/liens_icon.png) no-repeat;
padding-top:18px;
}

#liens ul li a {
background:none;
}

#cegep-images h3 {
min-height:18px;
background:url(/images/images-2/ico_photo.png) no-repeat;
padding-top:12px;
}

#cegep-images ul {
margin:0 0 15px!important;
padding:0!important;
}

#cegep-images ul li {
margin:0!important;
padding:0!important;
}

#cegep-images ul li a {
margin:0!important;
padding:0!important;
}

#cegep-images a.b-img {
display:block;
width:257px;
height:267px;
background:none;
margin:0 0 15px 10px;
padding:0;
}

#meteo {
margin:0!important;
padding:20px 0 0!important;
}

#fb-like-box {
background:#fff;
margin-top:17px;
}

#cegep-sans-titre {
position:relative;
width:266px;
overflow:hidden;
background:#fff;
margin:20px 0 0 6px;
}

#cegep-sans-titre .cg-sans-titre-wrapper {
padding-left:12px;
margin:0;
}

#cegep-sans-titre img {
margin:5px;
}

#techniques h4 {
margin-top:15px;
background-position:180px center;
}

#collegia {
padding-bottom:35px;
}

#collegia h4 {
background-position:125px center;
margin:15px 0 15px 9px;
}

#portail {
position:relative;
height:175px;
background:url(../images/bg_portail.gif) bottom no-repeat;
}

#portail h4 {
width:279px;
height:60px;
overflow:hidden;
background:url(../images/titre_portail.gif);
text-indent:-9999px;
margin:5px 0 0;
}

#portail p {
text-align:center;
font-weight:700;
margin:0;
padding:30px 60px 0;
}

#portail a,#portail a:visited {
color:#006082;
}

.titre-cours {
margin-left:20px;
color:#124982;
font-size:20px;
font-weight:700;
}

#header-contenu-centre {
position:relative;
width:430px;
float:left;
overflow:hidden;
}

#header-zone-portail {
float:right;
width:280px;
overflow:hidden;
margin-top:10px;
}

#module-nouvelle {
position:relative;
float:left;
font-size:11px;
line-height:16px;
background:#ddd;
height:279px;
width:707px;
overflow:hidden;
margin-bottom:30px;
margin-left:9px;
}

#contenu-centre {
position:relative;
width:430px;
float:left;
left:710px;
}

#contenu-centre h2,#header-contenu-centre h2 {
font-size:24px;
line-height:28px;
margin:10px 0 0 13px;
}

#contenu-centre h3,#header-contenu-centre h3 {
font-size:16px;
font-weight:700;
margin:15px 0 10px;
}

#contenu-centre .wrapper {
margin-left:13px;
_margin-left:0;
}

#contenu-centre ul {
padding:0 0 0 20px;
}

#contenu-centre ul li,#header-contenu-centre ul li {
margin-left:10px;
}

#photo {
margin-left:15px;
}

#photo .alpha-shadow {
position:relative;
float:left;
background:url(../images/photo_ombre.gif) no-repeat bottom right;
margin:9px 0 0!important;
}

#photo .alpha-shadow div {
background:url(../images/photo_ombre_offset.gif) no-repeat left top;
padding:0 17px 13px 0;
}

#photo .alpha-shadow img {
background-color:#F4F1F1;
border:1px solid #CBCDCB;
padding:8px;
}

#photo .description {
text-align:left;
margin:0 0 0 10px;
}

#photo ul {
margin:15px 0 0 15px;
padding:0;
}

#photo ul li {
margin-right:30px;
list-style-type:none;
text-align:right;
}

#nouvelles .nouvelle {
padding-bottom:20px;
color:#6E6E6D;
background:url(../images/bg_bottom_nouvelle.gif) center bottom no-repeat;
margin:0 0 5px;
}

#nouvelles .nouvelle h4 {
font-size:14px;
margin:0;
}

#nouvelles .nouvelle .date {
color:#A3A2A2;
margin:0;
}

#nouvelles .nouvelle .bottom {
clear:both;
margin-right:10px;
text-align:right;
font-size:14px;
font-weight:700;
}

#nouvelles .nouvelle .bottom a {
color:#06558C;
padding-right:25px;
min-height:15px;
background:url(../images/images-2/menu-gauche-fleche.png) 100% 2px no-repeat;
}

#nouvelles .nouvelle img {
margin-right:10px;
float:left;
}

#nouvelles ul {
margin:15px 0 0 14px;
padding:0;
}

#nouvelles ul li {
list-style-type:none;
margin:0;
padding:0;
}

#nouvelles .autres-nouvelles {
font-size:14px;
font-weight:700;
color:#fff;
background:#016f96;
text-shadow:-1px -1px 1px #043a4e;
padding:4px 12px;
}

#contenu-droit {
position:relative;
float:right;
padding-right:4px;
width:260px;
left:710px;
font-size:11px;
line-height:16px;
}

#contenu-droit a {
padding-right:10px;
color:#636363;
background:url(../images/fleche_gauche_gris.gif) center right no-repeat;
}

#contenu-droit .boite {
width:260px;
margin-bottom:20px;
background:#fbfbfb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.2);
box-shadow:0 0 6px 0 rgba(0,0,0,0.2);
padding-bottom:10px;
}

#contenu-droit .boite h4 {
height:43px;
text-align:left;
color:#fff;
font-variant:small-caps;
font-size:15px;
font-weight:400;
line-height:43px;
background:url(/images/images-2/bg_repeat_title_col_right.gif) repeat-x;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomleft:0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
margin:0;
}

#contenu-droit .boite h4 span {
display:block;
padding-left:50px;
}

#calendrier h4 span {
background:url(/images/images-2/ico_calendrier.png) 17px 11px no-repeat;
}

#calendrier .mois {
margin:0 2px;
}

#calendrier .mois h5 {
background:#efefef;
height:30px;
line-height:30px;
font-size:12px;
text-transform:uppercase;
text-align:center;
color:#4a4a4a;
margin:0 0 15px;
}

#calendrier .mois .evenement {
margin-bottom:10px;
background:url(../images/separator_right_box.gif) bottom center no-repeat;
padding:10px 10px 15px;
}

#calendrier .mois .evenement h6 {
font-size:12px;
color:#4B4B4B;
margin:0;
}

#calendrier .consulter {
text-align:right;
margin:0 10px;
}

#partagez .wrapper {
width:253px;
padding-top:10px;
margin:0 auto;
}

#partagez h4 span {
background:url(/images/images-2/ico_video.png) 16px 10px no-repeat;
}

#partagez p {
line-height:11px;
text-align:right;
clear:both;
margin:0 20px;
padding:0;
}

#partagez .commenter {
margin-top:20px;
text-align:right;
}

#temoignages .wrapper {
margin-right:2px;
}

#temoignages h4 span {
background:url(/images/images-2/ico_temoignage.png) 16px 13px no-repeat;
}

#temoignages .temoignages {
padding:0 20px;
}

#temoignages h5 {
font-size:14px;
font-weight:400;
margin:8px 0 0;
}

#temoignages h5 .nom {
font-size:14px;
font-style:italic;
font-weight:700;
}

#temoignages h5 .programme {
font-size:11px;
}

#temoignages .voir {
text-align:right;
margin-right:26px;
}

#temoignages .video {
margin:11px 0 0 2px;
}

#temoignages .image {
float:left;
}

#temoignages .image .alpha-shadow {
position:relative;
float:left;
background:url(../images/ombre_temoignages_mini.gif) no-repeat bottom right;
margin:9px 0 0!important;
}

#temoignages .image .alpha-shadow div {
background:url(../images/temoignage_ombremini__offse.png) no-repeat left top!important;
padding:0 5px 2px 0;
}

#temoignages .image .alpha-shadow img {
background-color:#FFF;
border:1px solid #CBCDCB;
padding:2px;
}

#temoignages p {
margin:5px 0 0;
}

#temoignages .voir-clip {
margin-top:15px;
text-align:right;
}

#temoignages .temoignage {
margin:0 4px;
}

#temoignages hr {
height:1px;
border:0;
clear:both;
border-bottom:1px solid #DFDDDD;
margin:0;
padding:15px 0 0;
}

#cegep-sans-titre .alpha-shadow img {
background-color:#FFF;
border:1px solid #CBCDCB;
padding:2px;
}

#menu-bas {
width:994px;
height:41px;
overflow:hidden;
clear:both;
margin:0 auto;
padding:0;
}

#bas-de-page {
position:relative;
width:994px;
height:280px;
overflow:hidden;
padding-bottom:10px;
font-size:11px;
line-height:15px;
background:url(/images/images-2/bg_footer.gif) repeat-x;
margin:0 auto;
}

#bas-de-page .col-gauche {
width:247px;
height:280px;
padding-left:19px;
float:left;
background:url(/images/images-2/footer_separator.gif) 100% 0 no-repeat;
}

#bas-de-page .col-gauche .email a {
font-size:12px;
color:#696868;
}

#bas-de-page .col-centre {
width:314px;
height:280px;
padding-left:56px;
float:left;
background:url(/images/images-2/footer_separator.gif) 100% 0 no-repeat;
}

#bas-de-page .col-centre p {
margin-top:20px;
}

#bas-de-page .col-droite {
width:311px;
height:280px;
padding-left:47px;
float:left;
}

#bas-de-page .col-droite .reseaux {
padding-bottom:39px;
margin-top:30px;
margin-bottom:35px;
background:url(/images/images-2/separ_horiz_footer.png) 0 100% no-repeat;
}

#bas-de-page .col-droite .realise {
text-align:right;
padding-right:30px;
}

#bas-de-page h4 {
color:#949494;
font-size:18px;
text-shadow:1px 1px 1px #fff;
}

#bouton-portail {
margin-left:4px;
margin-bottom:10px;
}

#bouton-portail a {
background:transparent url(../images/b_acces_portail.jpg) no-repeat scroll 0 0;
display:block;
height:48px;
text-indent:-9999px;
width:272px;
}

#bouton-portail a:hover {
background-position:left bottom;
width:272px;
}

.main_image {
width:440px;
height:270px;
float:left;
background:#e8e8e8;
position:relative;
overflow:hidden;
color:#fff;
}

.module-nouvelle-container {
margin-left:4px;
margin-top:4px;
width:707px;
clear:both;
overflow:hidden;
}

.image_thumb {
float:left;
width:258px;
background:#e8e8e8;
}

.image_thumb ul {
list-style:none;
margin:0;
padding:0;
}

.image_thumb ul li {
z-index:0;
background:#f0f0f0 url(/images/images-2/bg_nouvelle_box.gif) repeat-x;
width:238px;
float:left;
font-size:9px;
line-height:12px;
height:52px;
padding-left:10px;
padding-right:10px;
overflow:hidden;
margin:1px 0;
}

.overbox {
position:absolute;
z-index:10;
cursor:default;
width:238px;
height:54px;
font-size:9px;
line-height:12px;
background:#016f96 url(/images/images-2/bg_overbox.png) repeat-x;
padding-left:10px;
padding-right:10px;
padding-bottom:0;
margin:0;
}

.image_thumb ul li h2,.overbox h2 {
font-size:1.1em;
margin-top:5px;
}

.image_thumb a,.image_thumb a:visited {
color:#124983;
text-decoration:none;
}

.overbox h2,.overbox h2 a,.overbox h2 a:visited {
color:#fff;
text-decoration:none;
}

img,table tr.col-titre td {
border:0;
}

.vignette p,#top h1,#top p,#cegep-images .cg-images-wrapper,#calendrier .mois .evenement .date {
margin:0;
}

#middle,#nouvelles {
position:relative;
}

#menu ul,#sous-menu ul,#menu-bas ul,#contenu-gauche .boite ul {
margin:0;
padding:0;
}
