/* CSS Document */

body{margin:0; padding:0;
background-color: #393939;
color: #000000;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
a img{border:none;}

#conteneur{width:825px;  margin:0 auto; background: url(../images/fond-carreaux.jpg) repeat-y; margin-bottom:50px;}
#contenu{width:781px;margin:0 auto;  padding-bottom:0px;}
/*======================================================================================*/
/*========================================== ENTETE ====================================*/
/*======================================================================================*/
#entete h1 img{border:1px solid #FFFFFF;}
.ubibar{ background:#000000; font-size:11px;}
.ubibar a, .ubibar{color:#FFFFFF; text-decoration:none;}
.ubibar a:hover{color:#393939;}
/*======================================================================================*/
/*====================================== MENU UTILITAIRE ===============================*/
/*======================================================================================*/
#menu-utilitaire{ background:url(../images/fond-menu-utilitaire.png) right no-repeat; position:relative; z-index:2; top:-140px;  text-align:right;}
#menu-utilitaire li{display:inline; }
#menu-utilitaire li a {position:relative; z-index:4;}
#menu-utilitaire #li-faq{margin-left:-30px;}

/*======================================================================================*/
/*====================================== MENU PRINCIPAL ================================*/
/*======================================================================================*/

#menu-principal{background:#7f7f7f url(../images/fond-menu-principal.jpg) no-repeat;text-align:left;  list-style:none; margin:0; padding-left:0px; margin-top:-70px; width:782px; height:22px; position:relative; z-index:2; border:1px solid #fff;}
#menu-principal li img{margin:0; padding:0; margin-right:-5px;}
#menu-principal li{display:inline; }






#banniere-partenaire img{display:block;margin:180px 0 0 -30px; border:none;}

/*======================================================================================*/
/*========================================= CORPS ======================================*/
/*======================================================================================*/
.corps { min-height:502px;width:782px;  margin-top:-20px; padding-bottom:20px; margin-bottom:0; border:1px solid #fff;}
/*

si on change le fond d'un section comme pour campus montréal, on chance l'image qu'il faut en bas
C'est tous les meme images ou cas ou il y a
*/
#accueil-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#campus-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#carrieres-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#programmes-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#conditions-admission-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#candidature-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#partenaires-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#pour-nous-joindre-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#faq-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#news-joindre-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#news-corps{background: #fff url(../images/fond.jpg) no-repeat;}
#box{ margin-left:30px;width:450px; padding-top:50px; padding-right:40px; }
#box h2{ font-size:1.1em; display:block; margin-bottom:27px;  }
#liste-partenaires{margin-top:20px; padding-left:10px;}


#candidature-transparent, #carriere-transparent, #programme-transparent{ margin-top:40px;  padding-top:10px; position:relative; z-index:3; }

.corps  h3{margin-left:20px;font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 9pt;color: #3D286D;font-weight: bold;padding:15px;	text-transform: uppercase; padding-right:60px; margin-bottom:-30px;}

.contenu, .fin-transparent{width:350px;}
.contenu{padding:20px;}

#menu-section{margin-top:-30px; padding-top:10px; padding-left:20px;list-style:square; background:url(../images/transparent-fond.png) repeat-y; }
#menu-section li {margin-left:20px;}
#menu-section li h3 a{font-size:11px;text-transform:uppercase;font-weight:bold; text-decoration:none; font-family:tahoma; color:#1B1E5D; width:320px;padding:7px;margin-left:-40px;padding-left:10px;padding-right:10px;display:block; margin-top:-15px; margin-bottom:10px;}
#menu-section li h3 a:hover{background:#1B1E5D; color:#fff;}
#menu-section li p{width:290px; padding-bottom:10px; margin-bottom:10px;}

/*======================================================================================*/
/*========================================= PIED ======================================*/
/*======================================================================================*/
#pied{ background:#393939 url(../images/pied.jpg) no-repeat; width:762px;  padding:30px 10px 0 10px; color:#ccc; font-size:0.8em;}
#pied a{display:block; float:right; }

/*======================================================================================*/
/*======================================== ACCUEIL ==================================*/
/*======================================================================================*/
#accueil-corps ul{list-style:none;}
#accueil-corps #liste-partenaires {padding:0; width:360px; margin-left:0; text-align:center;}
#accueil-corps #liste-partenaires li{ padding:0; margin-left:-5px; display:inline; padding-bottom:20px;}
#accueil-corps #liste-partenaires li img{margin-right:20px; margin-bottom:20px;}
#accueil-corps #menu-section{padding-top:2px;}
#accueil-corps #logo-cegep-matane{display:block;}
/*======================================================================================*/
/*===================================== QUESTIONNAIRE ==================================*/
/*======================================================================================*/
#questionnaire{padding-left:0;}
#questionnaire table{width:380px; border:2px solid #1B1E5D;border-right:1px solid #1B1E5D;margin:10px auto;padding:0px;}
#questionnaire table th{color:#1B1E5D;background:#C8C9DE; text-align:left; padding:5px;border-bottom:2px solid #1B1E5D;}
#questionnaire table td{padding:10px; border-bottom:1px solid #1B1E5D; border-right:1px solid #1B1E5D;}
#questionnaire table .questions{ margin-right:10px;}
#questionnaire table .reponse{text-align:right;}
.resultat{color:#1B1E5D;background:#C8C9DE; }
#resultats{margin-left:40px; list-style:square;}

.tourmenu  {
font-size:11px;
text-transform:uppercase;
font-weight:bold; 
text-decoration:none; 
font-family:tahoma; 
color:#1B1E5D; 
width:200;
height:26px;
padding:7px;
padding-right:3px;
padding-left:18px;
vertical-align:middle;
cursor:pointer;

}