body{
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    background-image:url('http://www.hiclass.ca/images/body-background-top2.png');
    background-repeat:repeat-x;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
}

h1,h2,h3,h4,h5,h6,p,ul,li{cursor:default;}
h5{
    font-weight:normal;
    font-size: 15px;
    font-style:normal;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
}

a{outline:none;}

#wrapper{
    background-image:url('http://www.hiclass.ca/images/body-background-footer3.png');
    background-position:bottom;
    background-repeat:repeat-x;    
}
#container{
    margin-left:auto;
    margin-right: auto;
    margin-bottom:0px;
    padding:0px 0px 0px 0px;
    width:900px;
}
#header{
    width:900px;
    height:175px;
    text-align:center;
}
#header a img.headerpic{
    position:relative;
    z-index:0;
    text-align:center;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    margin-left:auto;
    margin-right:auto;
    border:none;
}
/*Navigation des départements*/
#nav_departements{
    float:left;
    width:900px;
    clear:both;
    margin:20px 0px 0px 0px;
}
#nav_departements ul{
    width:900px;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    float:left;
    padding:0px 0px 0px 0px;
    text-align:center;
}
#nav_departements ul li{
    margin:0px 5px 0px 5px;
    padding:0px 0px 0px 0px;
    width: 140px;
    display:inline-block;
    float:left;
    overflow:visible;
    background-image:url('http://www.hiclass.ca/images/nav-departement.png');
    background-repeat:no-repeat; 
    background-position:center center;  
}
#nav_departements ul li:hover{
    background-image:url('http://www.hiclass.ca/images/nav-departement-over.png');
}

#nav_departements ul li h2{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
}
#nav_departements ul li h2 a{
  
    color:black;
    font-weight:bold;
    font-size:13px;
    display: block;
    width:130px;
    margin:0px 5px 0px 5px;
    vertical-align:bottom;
    padding:10px 0px 10px 0px;
    text-align:center;
    text-decoration:none;
    overflow:visible;
}
#nav_departements ul li h2 a:hover{
    color:#808080;  
}
/*Navigation des services*/
#nav_services{
    background-image:url('http://www.hiclass.ca/images/nav-services2.png');
    background-repeat:no-repeat;
    background-position:center center;
    margin:10px 0px 10px 0px;
    padding:7px 10px 0px 10px;
    width:880px;
    height:31px;
}
#nav_services a{color:silver; text-decoration:none;}
#nav_services a:hover{color:white;}
#nav_services ul{
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:5px 0px 0px 0px;
}
#nav_services ul li{
    margin:0px 0px 0px 0px;
    padding:0px 15px 0px 15px;
    float:left;
    border-left:1px solid white;
    height:15px;
}
#nav_services ul li h2{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#nav_services ul li h2 a{
    font-size:13px;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;

}

#nav_services ul li.first{border-left:none;}

#nav_services a.contact{float: right; margin:0px 15px 0px 0px; clear:none; font-size:13px;}



#titre{
 
    margin:5px 0px 0px 0px;
    width:890px;
    height:40px;
    padding:0px 10px 0px 0px;
    cursor:default;
 
}
#titre img{
    margin:0px 0px 0px 10px;
}
#titre h3{
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
    color:white;
    text-decoration:none;
    float: right;
    font-size:35px;    
}
#titre h3 a{
    color:white;
    text-decoration:none;
    float: right;
    font-size:35px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
h4.sous-titre{
    font-weight:normal;
    font-size:24px;
    display:block;
    width:650px;
    color: gray;
    margin:0px 0px 40px 0px;
    padding:0px 0px 0px 0px;
}
#milieu{
    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 0px;      
    width:900px;
    height: auto;
    overflow:hidden;
}
#rotator{
    height:100px;
    width:567px;
    margin:0px 0px 25px 5px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
}

#contenu{
    margin:0px 0px 0px 0px;
    padding:20px 0px 0px 20px;
    width:590px;
    min-height: 550px;
    height:auto;
    display:inline-block;
    float:left;
}
#contenu ul li{margin: 4px 0px 4px 0px;}
#contenu.pleinelargeur{width:860px; padding:20px 20px 20px 20px;}

#contenu p{clear:left; font-size:13px; line-height:22px; text-align:justify;}
#contenu p a{color:#000095; text-decoration:none;}
#submenu,#sidemenu{
    float:right;
    margin:0px 6px -1000px 0px;
    padding:0px 0px 1000px 0px;
    width:260px;
    text-align:center;
}
#submenu ul{
    list-style-type: none;
    width: 245px;
    margin:25px 0px 30px 0px;
    padding:0px 5px 0px 0px;
}
#submenu ul li{
    text-align:center;
    padding:0px 0px 0px 0px;
    font-size:13px;
    margin: 0px 0px 1px 0px;
    background-image:url('http://www.hiclass.ca/images/submenu-back-boutton-over2.png');
}
#submenu ul li:hover{
    background-image:url('http://www.hiclass.ca/images/submenu-back-boutton2.png');    
}
#submenu ul li a{
    height: 24px;
    width:245px;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    display:block;
    color:white;
    text-decoration:none;
}
#submenu ul li a:hover{
    color:white;
}
#submenu img{margin:0px 0px 15px 0px;}
#sidemenu{padding-top:20px; } 

#bottom_thumbs{width:auto;}
#bottom_thumbs_left{float: left; width:270px; margin:30px 30px 20px 10px;}
#bottom_thumbs_right{float:left; width:270px; margin:30px 0px 20px 10px;}
#bottom_thumbs_right img,#bottom_thumbs_left img{
    float:left;
    margin:5px 5px 5px 5px;
}

#footer{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
    color:white;
    width:900px;
    height:260px;
    cursor:default;
}
#footer_menu{
    margin:0px 0px 0px 0px;    
    width:900px;
    height:190px;
}
#footer_menu ul{
    float:left;
    margin:25px 25px 0px 25px;
    padding:25px 0px 0px 0px;
    list-style-type: none;
    width:175px;
}
#footer_menu ul li{padding:0px 0px 0px 5px;}
#footer_menu ul li a{
    color:silver;
    text-decoration:none;
    font-size:14px;
}
#footer_menu ul li a:hover{color:white;}
#footer_menu ul li.titre{text-align:center; border-bottom:2px solid white;}
#footer_menu ul li.titre{color:#F7F7F7; cursor:default;} 



#footer_infos{
    border-top:1px solid white;
    color:white;
    margin:0px 0px 30px 0px;
    padding:5px 5px 5px 5px;
    width:890px;
    font-size:13px;
}
#footer_infos .left{float:left;width:60%;text-align:left; clear:left; margin: 0px 0px 5px 0px;}
#footer_infos .left a{color:white; text-decoration:none;}
#footer_infos .left a img{border:none;}
#footer_infos label{color:white;}

#valid{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:right;width:38%;text-align:right;}
#valid a{border:none;text-decoration:none;font-size:12px;color:white; margin:0px 0px 0px 0px;}
#valid label{margin:0px 5px 0px 0px;}
#valid label.w3c{display:block; clear:both; margin:0px 0px 3px 0px;}
#footer_infos a:hover{color:#000095;}

form.contact{ width:500px;}
form.contact dl{margin:0px;padding:0px;}
form.contact dd{margin:0px;padding:0px;}
form.contact label{display:block;margin:7px 0px 0px 2px;font-size:11px}
form.contact input{font-size:10px;margin:0px 0px 0px 0px;}
form.contact textarea{font-size:12px;display:block;margin-bottom:5px;}
.inline{float:left;display:block;clear:both;}
form input.contact_envoyer{color:white;padding:1px 7px 2px 7px;font-size:10px;background-color:#333333;margin:15px 0px 0px 2px;vertical-align:middle;}


.homebox{
float:left;
margin:0px 5px 25px 5px;
padding:5px 3px 0px 3px;
width:176px;
height:217px;
background-image:url('http://www.hiclass.ca/images/blackbox.png');
background-position:center;
background-repeat:no-repeat;
}
.homebox img{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none;}
.homebox ul{
    display:block;
    text-align:left;
    width:175px;
    padding:0px 0px 0px 0px;
    margin:15px 0px 0px 0px;
    list-style-type:none;
    clear:both;
    color:black;
}
.homebox ul li{
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    font-size:11px;
    line-height:14px;
}
.homebox ul li a{
    color:white;
    text-decoration: none;
}
.homebox ul li a:hover{
    text-decoration:underline;
}


a.plus{
    display:block;
    text-align:center;
    margin:5px 0px 0px 0px;
    padding:2px 0px 2px 0px;
    text-decoration:none; 
    font-weight:bold; 
    font-size:14px; 
    color:white; 
    border-bottom:1px solid white;
    border-top:1px solid white;
    background-color:#000095;
}
a.plus:hover{font-weight:bold;}





#contenu ul.box_list{
    height:auto;
    width:600px;
    list-style-type:none;
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#contenu ul.box_list li{
    padding:0px 10px 15px 10px;
    margin:0px 7px 7px 7px;
    width:162px;
    height:222px;
background-image:url('http://www.hiclass.ca/images/blackbox.png');
background-position:center;
background-repeat:no-repeat;
    float:left;
}


#contenu ul.box_list li h5{
    margin:20px 0px 15px 0px;  
    padding:0px 0px 0px 0px;
    text-align:center;
    font-style:normal; 
    color:white;
}
#contenu ul.box_list li h5 a{color:white; font-size:17px; margin-bottom:20px;}

#contenu ul.box_list li h6{
    font-weight:normal;
    font-size:11px;
    margin:0px 0px 0px 0px;  
    padding:0px 0px 0px 0px; 
    text-align:justify;
    color:white;
        
}
#contenu ul.box_list li span.apartir{
    margin:0px 0px 0px 0px;  
    padding:0px 0px 0px 0px;  
    display:block;
    text-align:right;   
    line-height:9px;
    font-size:12px;
    color:gray;
}
#contenu ul.box_list li span.prix{
    display:block;
    clear:both;
    margin:0px 0px 10px 0px;  
    padding:0px 0px 0px 0px;    
    color:#c80405;
    font-size:24px; 
    font-weight:bold;
    text-align:right;     
}

ul.mission li{
    margin:0px 0px 10px 0px;
    line-height:22px;
}

ul.hebergement{
    list-style-type:none;
    padding:20px 20px 20px 20px;
    background-color:silver;
    width:auto;
}
ul.hebergement li{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
ul.hebergement li h6{
    font-size:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color:white;
}

dl.programmation{
    margin:0px 0px 0px 20px;
}
dl.programmation dt{
    font-weight: bold;
    margin:20px 0px 0px 0px;
}
dl.programmation dd{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

ul.courriel_forfaits{width:450px; list-style-type:none;}
ul.courriel_forfaits li{margin:0px 0px 20px 0px; padding:20px 20px 20px 20px; background-color:silver;}
ul.courriel_forfaits li span.prix3{margin-right:10px;}
    
.prix1,.prix2,.prix3{
    color:#c80405;
}
.prix2old{
    text-decoration:line-through;
    display:block;
    font-size:20px;
}

.prix1{font-size:14px;}
.prix2{font-size:25px; font-weight:bold;}
.prix3{font-size:45px;}

#tagsphere{
    margin:0px 20px 20px 0px;
    padding:0px 0px 0px 0px;
    background-color:#EEEEEE;
    float:right;
    text-align:center;
}
#tagsphere ul{float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
#tagsphere ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#tagsphere ul li a{color:gray; text-decoration:none; font-size:13px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#tagsphere ul li a:hover{color:#000095; font-weight:bold;}



.sidebox{
    text-align:center;
    width:210px;
    margin:0px 0px 20px 30px;
    padding:0px 0px 10px 0px;
    background-color:#EEEEEE;    
}
.sidebox h4{color:white; background-color:#000095; padding:2px 0px 3px 0px; margin:0px 0px 0px 0px; }
.sidebox p{padding:0px 5px 0px 5px; margin:10px 0px 10px 0px; }
.sidebox p.promo{ color:#c80405; font-size:20px;}
.sidebox input{text-align:center;}
.emailsend{margin-top:5px;}

#contenu ul.liste li{line-height:35px;}



dl.valeurs dt{
    font-weight: bold;
}
dl.valeurs dd{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
}

#contenu ul.liens{
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#contenu ul.liens li{
    float:left;
    width:300px;
    display:block;
    margin:0px 0px 20px 0px;
}
#contenu ul.liens li h5{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:15px; color:gray; font-style:normal;}
#contenu ul.liens li a{margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:normal; color:#000095; text-decoration:none;}


#adresse{
    font-size:14px;
    width:220px;
    margin:30px 10px 0px 0px; 
    display:inline-block;
    float:right;
    background-color:#F0F0F0;
    color:black;
}
#adresse h4{font-weight:normal; font-size:20px; color:gray; margin:20px 0px 10px 0px;}
#adresse p.adresse{font-size:13px;}
#adresse p.rv{color:gray; text-decoration:underline; margin-bottom:0px;}
#adresse p.tel{color:gray; margin-top:0px;}

#browsers{cursor:default;float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#browsers a{float:right;width:20px;height:20px;margin:5px 0px 0px 5px;padding:0px 0px 0px 0px;}
a.firefoxlogo{background-image:url(http://www.hiclass.ca/images/browsers/firefox.png);}
a.explorerlogo{background-image:url(http://www.hiclass.ca/images/browsers/explorer.png);}
a.operalogo{background-image:url(http://www.hiclass.ca/images/browsers/opera.png);}
a.safarilogo{background-image:url(http://www.hiclass.ca/images/browsers/safari.png);}
a.chromelogo{background-image:url(http://www.hiclass.ca/images/browsers/chrome.png);}