/* -----------------------------------------------
Auteur :Manon Bédard SRACQ
----------------------------------------------- */

/* A l'écran ----------------------------------------------- */

@media screen {

/* Mise à zéro et correction des styles par défaut pour contrer les différents navigateurs */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { 
margin : 0; 
padding : 0; 
} 

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; }

/* h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }*/



/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html {height: 100%; } 				
body {font: 0.75em/120% "Trebuchet MS", Helvetica, Arial, sans-serif; }

/*body {font: 0.8em/120%  Arial, Helvetica, sans-serif; }*/

/*Pour rétablir le mauvais effete sur les nouveaux navigateurs */
html>body #page {height: auto;}
html>body #principal {height: auto;}


/*
font-style: normal
font-variant: normal
font-weight: normal
font-size: medium
line-height: normal
font-family: (cela dépend de l'agent utilisateur.)
*/


h1 {font: bold 1.3em/115%  Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #003366;
	text-align: left;
	border-left: #003366 16px solid ;
	padding-left: 10px;
	 
	/*border-bottom: #660000 2px solid;
	padding-left: 4px;*/
	margin-bottom: 20px; 
	
}
	
	
#principal h2 {font: bold 1.1em/110% Arial, Helvetica, sans-serif;
	color:#336699;
	margin-top: 25px;
	margin-bottom: 20px;
	border-bottom: #336699 1px solid; 
	/*padding-left: 6px;*/	}
	
	
	
#principal-simulation h2 {text-align: right;
	font: bold 1.1em/110% Arial, Helvetica, sans-serif;
	color:#336699;
		margin-bottom: 20px;
	/*border-left: #2b7bb7 10px solid; 
	padding-left: 6px;*/	}


/* Paragraphes */
p { margin: 0 0 1.1em 0; padding: 0; }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

/*html {overflow-y: auto; } *** si probleme d'affichage on remet l'overflow   ------ html {overflow-y: scroll; }   FeF6E2*/


body { margin: 0; padding: 0; text-align: center;
background-image:url('img/fond_site_web.jpg');       
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
                               

 }


#page {width: 790px; margin: 0 auto; padding: 0; background: #FFF; border-right: 0px dotted #DEE0C8; border-left: 0px dotted #DEE0C8; 
	text-align: left; position: relative; min-height: 400px;  border: 1px solid #496077;}
	
#pageqas { width: 790px; margin: 0 auto; padding: 0; background: #FFF; border-right: 0px dotted #DEE0C8; border-left: 0px dotted #DEE0C8; 
	text-align: left;}
	
#page-large {margin: 0 auto; padding: 0; background: #FFF; border-right: 0px dotted #DEE0C8; border-left: 0px dotted #DEE0C8; 
	text-align: left; position: relative; min-height: 400px;}
 

/* Pour Rétablir le mauvais Effet Sur les nouveaux navigateurs */

#principal {padding: 0 10px; overflow: hidden;background: url(img/global2.png); min-height: 100%; height: 100%; margin-top: 30px;}
#principalqas {padding: 0 10px; background: url(img/global2.png); min-height: 100%; height: 100%; margin-top: 30px;}

#principal-simulation {padding: 2px 10px; overflow: hidden;min-height: 100%; height: 100%; margin-top: 2px;}


#principal-preu, #principal-bio, #principal-art, #principal-adm, #principal-hum, #principal-phy, #principal-acc, #principal-dep, #principal-cegep {
		margin: 0 auto;
		text-align: left;
		width: 790px;
		background: #fefefe;}

#principal-accueil {background: url(accueil1.jpg) left no-repeat;}
#principal-accueil2 {height: 600px; padding: 0 10px; overflow: hidden;background: url(accueil-manon.jpg); min-height: 100%; height: 100%;}

#principal-preu {background: url(design/fondglobal-preu.jpg) left top repeat-y;}
#principal-bio  {background: url(design/fondglobal-bio.jpg) left top repeat-y;}
#principal-art  {background: url(design/fondglobal-art.jpg) left top repeat-y;}
#principal-adm  {background: url(design/fondglobal-adm.jpg) left top repeat-y;}
#principal-hum  {background: url(design/fondglobal-hum.jpg) left top repeat-y;}
#principal-phy  {background: url(design/fondglobal-phy.jpg) left top repeat-y;}
#principal-acc  {background: url(design/fondglobal-acc.jpg) left top repeat-y;}
#principal-dep {background: url(design/fondglobal-dep.jpg) left top repeat-y;}		
#principal-cegep {background: url(design/fondglobal-cegep.jpg) left top repeat-y;}	


#contenu { float: left; width: 520px; border-right: 0px dotted #dde6cf; overflow: hidden; height: auto; }
#contenu_fc { float: left; width: 316px; border-right: 0px dotted #dde6cf; overflow: hidden; height: auto; }
#contenu_dp { float: left; width: 625px; border-right: 0px dotted #dde6cf; overflow: hidden; height: auto; }
#contenu A:link {background: transparent; color: #336699; text-decoration: none; border-bottom: 1px dotted #cc9; }
#contenu A:visited {background: transparent; color: #800080; text-decoration: none; border-bottom: 1px dotted #cc9; }
#contenu A:hover {background: #ffffcc; color: #800080;  text-decoration: none; border-bottom: 0px dotted #72724c; }
#contenu A:active {background: transparent; color: #800080;  text-decoration: none; border-bottom: 0px dotted #72724c; }






#condition {width: 200px; border: 1px solid #0e4d7d; margin-left: 30px; padding: 0 10px 0 10px}
#condition H2 {background-color: #FFF;}
.cadre {border: 1px solid #336699;  text-align: center; margin: 0; padding: 0;}




#sidebar {float: right; width: 250px; margin: 0; padding:0; min-height: 400px; height: 100%;z-index:100;}
#sidebar_fc {float: right; width: 454px; margin: 0; padding:0; min-height: 400px; height: 100%;z-index:100;}
#sidebar_dp {float: right; width: 100px; margin: 0; padding:0; min-height: 400px; height: 100%;z-index:100;}
.droite { float: right; width: 250px; margin: 0; padding:0; min-height: 400px; height: 100%;z-index:100;}
html>body  #sidebar {height: auto;}

#extra { float: left; position: absolute; left: 20px; top: 300px; width: 220px; padding-bottom: 20px; border-right: 1px dotted #DEE0C8; }


#top-2011 {position: relative; width: 790px; background: url(img/entete2011.jpg) no-repeat; color: #fff; height: 108px;}
#top {position: relative; width: 790px; background: url(img/entete2012.jpg) no-repeat; color: #fff; height: 110px;}


#top_fc {position: relative; width: 790px; background: url(img/entete_fc3.jpg) no-repeat; color: #fff; height: 104px;}
#top_matinee {position: relative; width: 790px; background: url(img/entete_matinee.jpg) no-repeat; color: #fff; height: 108px;}


.tableau_01 {width: 800px; background: url(img/back-tab-accueil.jpg) no-repeat; height: 700px;}
.tableau_04 {background: url(images/accueil/accueil_04.jpg) no-repeat;}



#btn-accueil a img {float: right;  height: 108px; width: 85px; border-width: 0;  }
#btn-accueil a#accueil img {  background: url(img/accueil.jpg) top right no-repeat; }
#btn-accueil a#accueil:hover img { background: url(img/accueil-over.jpg) top right no-repeat;
  }
  
  
#btn-accueil2 a img {float: right;  height: 110px; width: 85px; border-width: 0;  }
#btn-accueil2 a#accueil img {  background: url(img/accueil.jpg) top right no-repeat; }
#btn-accueil2 a#accueil:hover img { background: url(img/accueil-over.jpg) top right no-repeat;
  }



/* Pied de page */


#pied-2011 {margin: 0; clear: both; width: 790px; background: url(img/pied2011.jpg) no-repeat; height: 65px; }
#pied-2011 .txt {position: relative; padding-top: 16px; color: #fff;  font-size: 11px; text-align: center; }
#pied-2011 a {color:#fff;}


#pied {margin: 0; clear: both; width: 790px; background: url(img/pied2012.jpg) no-repeat; height: 65px; }
#pied .txt {position: relative; padding-top: 16px; color: #003366;  font-size: 11px; text-align: center; }
#pied a {color:#fff;}


#pied_fc {margin: 0; clear: both; width: 790px; background: url(img/pied_fc.jpg) no-repeat; height: 61px; }
#pied_fc .txt {position: relative; padding-top: 16px; color: #fff;  font-size: 11px; text-align: center; }
#pied_fc a {color:#fff;}

#pied10 {margin: 0; clear: both; width: 790px; background: url(img/pied-10.jpg) no-repeat; height: 61px; }
#pied10 .txt {position: relative; padding-top: 16px; color: #fff;  font-size: 11px; text-align: center; }
#pied10 a {color:#fff;}



.plansite A {font-size: 0.8em; position: absolute; float: right; margin-left: 720px; text-decoration: none; color:#fff;} 
.plansite A:hover{position: absolute; float: right; margin-left: 720px; text-decoration: none; color:#fff;} 
.plansite A:visited{position: absolute; float: right; margin-left: 720px; text-decoration: none; color:#fff;} 


.pair{background: #fff;}
.impair{background: #e8edff; }
.filet1 {color: #003366;}


/* class*/
blockquote {margin-left: 30px;
margin-right: 30px;
margin-bottom: 25px;
background-position: 0 2px;
background-repeat: no-repeat;
}

blockquote p {
display: inline;
margin: 0;
padding-right: 24px;
background-position: bottom right;
background-repeat: no-repeat;
color: #003366; 
}



blockquote.orange {background:url(img/quote.jpg) no-repeat;background-position:top left;padding-left:20px;text-align:justify;} 

p.orangeunquote {background: url(img/unquote.jpg) no-repeat;background-position:bottom right;padding-right:5px;}



.img-cadre {margin: 10px;padding: 10px; border: 1px solid #A5B6CE; }
.imagedroite{float: right;	margin: 1px; padding-left: 1em;} 
.imagedroite_cache{	float: right;	margin: 1px; padding-left: 1em;} 
.imagegauche{float: left;	margin: 1px; padding-right: 1em;	}
.imagelogo{	float: left;	margin: 1px; padding-right: 1em; width:230px;	}
.spacer {clear: both; line-height:80%;}
.minispacer {clear: both; line-height:2%;}
.spacer-page {clear: both; height: 50px;}
.english {float: right;}
.imagelegende {float: left;	margin: 0.5px; padding-right: 0.5em;	}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
      /* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* modification des puces */

.puce1	{margin-left: 0; padding-left: 0; list-style: none; line-height: 1.3em; }
.puce1 li  {padding-left: 20px; background-image: url(img/fleche_comm.jpg); background-repeat: no-repeat; background-position: 0px 3px; }
.puce2 {list-style-image : url(img/bullet2.gif); list-style-position: outside;}

.puce2 {line-height: 1.5em;}
.puce2 A:link {background: transparent; color: #6666ff; text-decoration: none; border-bottom: 1px dotted #cc9; }
.puce2 A:hover {background: transparent; color: #000;  text-decoration: none; border-bottom: 0px dotted #72724c; }
.puce2 A:active {background: transparent; color: #000;  text-decoration: none; border-bottom: 0px dotted #72724c; }
.puce2 A:visited {background: transparent; color: #6666ff; text-decoration: none; border-bottom: 1px dotted #cc9; }


.puce3 {list-style-image : url(img/carre.gif); list-style-position: outside;}


/*liste communiqué */
.news {clear: both; padding: 3px 0 ; border-bottom: 2px dotted #DEE0C8;}
.date {float: left; padding: 2px 0px;}
.txt-comm {margin-left: 65px;	 padding: 2px 28px; background-image: url("img/fleche_comm.jpg"); background-repeat: no-repeat; background-position: 10px 4px;}
.txt-comm A:link {text-decoration :none; color:#000;}
.txt-comm A:visited {text-decoration :none; color:#000;}
.txt-comm A:hover {text-decoration :none; color:#800000; background-color:#FFFFC0;}
.txt-comm A:active {text-decoration :none; color:#000;}
/*activité */
.txt-activite {margin-left: 200px; }
.txt-activite3 {margin-left: 300px; }

/*box couleur */
.box {border: 1px solid #0e4d7d; padding: 4px 0 4px 2px;}
.note-ancien {background-color:#C2CFDF;	border:1px dotted #C2CFDF;	color:#333;	padding: 0.3em; display:block;}
.note {
padding: 3px;
	font-weight: normal;
		color: #039;
	background: #cecece;}

.note-warning {border: 2px dotted #FF0000;	color:#333;	padding: 0.5em; display:block;}
.note-coche {border: 2px dotted #008000;	color:#333;	padding: 0.5em; display:block;}
.note-warning-jaune {border: 2px dotted #FFFF00;	color:#333;	padding: 0.5em; display:block;}

.note-titre {background-color:#C2CFDF;	border:1px dotted #C2CFDF;	color:#333;	padding: 0.5em; margin: 2px 0 5px 0; font-weight: bold; display:block;}
.astuce	{color:#369; background-color:#fff; border:1px dotted #69c; padding: 1em;}
.note3 {background-color: #FDEBA5;font-size: 1em; padding: 1px 2px 2px 2px;}
.commentbox{margin-top: 20px;
background-color: #cccccc;
/*background-color: #febf5c;*/
width: 500px;
padding: 10px;
}


.commentfooter{
/*background: url(img/arrow3.jpg) 10px 0 no-repeat; 20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.note-petit	{		background-color:#F2CECE;	border:1px dotted #F2CECE;	color:#333;	padding: 0.5em; 	display:block; font-size: 85%;}
#contenu .lienPetit {font-size: 10px;}
#contenu .lienPetit a:link	{text-decoration :none; color:#000;background: transparent;border-bottom: 0px}
#contenu .lienPetit a:visited	{text-decoration :none; color:#000;}
#contenu .lienPetit a:hover	{text-decoration :none;color:#000;}
#contenu .lienPetit a:active	{text-decoration :none;color:#000;}
.petit {font-size: 0.8em;}
.note2	{background-color:#DAD8D8;	border:1px dotted #dad8d8;	color:#333;	padding: 0.2em; display:block;}

.titre_blanc {color: #fff; text-align: center; }


.matinee {padding: 2px 40px; background-image: url("img/bloc-m.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}
.soiree {padding: 2px 40px; background-image: url("img/bloc-s.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}
.rencontre {padding: 2px 40px; background-image: url("img/bloc-r.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}
.autre {padding: 2px 40px; background-image: url("img/bloc-a.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}
.porte {padding: 2px 40px; background-image: url("img/bloc-o.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}
.carre-blanc {padding: 2px 40px; background-image: url("img/bloc-b.jpg"); background-repeat: no-repeat; background-position: 0px 3px;}

.retrait150{margin-left: 140px;}


.secteur {font: bold 1.4em/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2b7bb7;
	text-align: left; 
	border-bottom: #ffcc66 2px solid;
	margin-top: 35px;
	margin-bottom: 4px; }

.programme{	padding-top: 14px; padding-bottom: 2px; font-weight: bold;color: #589300;}
.programme-recherche{padding-top: 2px; padding-bottom: 2px; font-weight: bold;color: #589300;}
.titre-programme {font: 0.9em/100% "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* */
.bold {color: #6688AD; font-weight: bold; border-bottom: 1px dotted #6688AD;}
.gras {font-weight: bold;}
.warning {font-size: 1.2em; color: #E91111; font-weight: bold;}
.warning2 {color: #E91111; font-weight: bold;}

.red {color: #E91111; font-weight: bold;}
.txt-cegep {color:#003366;}
.alerte {color: #ff0000; font-weight: bold;}
.alerte-fond {background:#FFFF40;}
.ate {font-size: 1em; color: #336699; font-weight: bold;}
.codedecision{font-size: 1.5em; color: #6699cc; font-weight: bold; }

.titreH2 {font: bold 1.2em/100%  Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #003366;
	text-align: left;
	padding-top: 14px;
	
	
}


/* table */


table {	vertical-align: top; }


.rounded-corner	{
	font-size: 11px;
	margin: 1px;
	text-align: left;
	border-collapse: collapse;
}

.rounded-corner thead th.rounded-left {
	background: #003366 url('img/left3.jpg') left -1px no-repeat;
	
}


.rounded-corner thead th.rounded-right	{
	background: #003366 url('img/right3.jpg') right -1px no-repeat;
	
}

.rounded-corner th {	
	padding: 3px;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	background: #003366;
}


.rounded-corner th a {color: #fff;	}



.rounded-corner td	{ vertical-align: top;
	padding: 5px;
	background: #ffffcc;
	border-top: 1px solid #ffcc66;
	color: #669;
}

.rounded-corner td.titre	{ 
	background: #FF9C01;
	font-weight: bold; 
} 

.rounded-corner tfoot {
	color: #fff;
	}


.rounded-corner tfoot td.rounded-foot-left	{
	background: #003366 url('img/botleft3.jpg') left bottom no-repeat;
}



.rounded-corner tfoot a {
color: #000; }
	
.rounded-corner tfoot td.rounded-foot-right {

	background: #003366 url('img/botright3.jpg') right bottom no-repeat;
}
	
.rounded-corner tbody tr:hover td	{
	/* background: #003366; */
}



/*bouton */




/* -------- menu */
#dropmenudiv{
position:absolute;
border:1px solid black;
text-align: left;
padding: 1px;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
border-bottom: 1px solid black;
padding: 3px;
text-decoration: none;
font-weight: bold;
background-color: #fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ffcc66;
}

#menuhaut {position: absolute;
margin-top: 65px;
padding: 8px;
margin-left: 20px;
}

#menuhaut a {
text-decoration: none;
}


/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}

#confirmation {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}


#inscription H1{
    font-size: 1em;}

#titreForm  {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #000050;
	margin: 0;
	padding: 1em;
	text-align:center;
	
}


#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	background: #A5B6CE;
	margin: 0;
	padding: 1em;
	font-size: 110% !important; 
	font-size: 100%; 		
}


#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0.5em 3em;
	font-style: normal;
	padding: 1em ;
	text-align: left;
	background: #fff;
}

#corpForm fieldset.f1 {	/*** Mise en forme des cadres ***/
	background: #fff;
	
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

	
	
#corpForm label, label.f1   {	/*** Mise en forme des intitulés de champs ***/
	font-size: 0.8em;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.2;	/*** ... et centrés verticalement. ***/
}


#corpForm label.etr   {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align:left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.2;	/*** ... et centrés verticalement. ***/
}



#corpForm fieldset label.abc{
	display: inline;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 90%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	padding: 0;
	margin-left:2em;
	line-height: 1.2em;
	font-weight: normal;
}

#corpForm fieldset label.enligne-premier{
	display: inline;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width:15%;
	text-align: left;
	margin-left: 15%;
	line-height: 1.2em;
}

#corpForm fieldset label.enligne-premier_zero{
	display: inline;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;
	margin-left: 2%;
	line-height: 1.2em;
}

#corpForm fieldset label.enligne{
	display: inline;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width:15%;
	text-align: left;
	line-height: 1.2em;
}
	
	
#corpForm fieldset label.enligne2{
	display: inline;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;
	line-height: 1.2em;
}
	

#corpForm fieldset label.encolonne{
	display: inline;
	margin-left: 15%;
	text-align: left;
	width: 60%;
	line-height: 1.2;
}

#corpForm fieldset h4{	/*** Mise en forme des cadres ***/
	font-size: 100%;
	padding: 0 0 0 0;
	margin:1.5em 0 0 0;
	font-weight: bold;
	color: #000051;
}

#corpForm .vert {color: #690;}
	

/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute equals pdf */
a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(icon_pdf.gif) no-repeat center right;
}

/* all A tags whose HREF attribute starts with mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(icon_mailto.gif) no-repeat center right;
   
}

/* all A tags whose CLASS attribute is popup */
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(icon_popup.gif) no-repeat center right;
}


a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(icon_xls.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(icon_external.gif) no-repeat center right;
}





}/* Fin feuille écran -------------------------------------  */






@media print {

body, body * { background: #fff !important; list-style-image: none !important; color: #000 !important; }
body {margin: 0 0 0 0;	font-size: 76%;	}

#principal h1, #principal h2, #principal h3 {font-size: 10px;	padding: 0.5em 0 0.5em 0;	margin: 0;}
#description {margin: 0; font-size: 76%;}
#description h1, #description h2, #description h3 {font-size: 10px;	padding: 0.5em 0 0.5em 0;	margin: 0;}
#menuhaut{display: none}


#sidebar{display: none}


h1, H1, h2, H2, h3, H3, h4, H4, h5, H5 {
	font-size: 8pt;
	padding: 0.5em 0 0 0;
	margin: 0;
}



#page { width: auto; border: 0; }
#page #top {display: none; }
.noprint {display: none;}

#top {display: none; }

#contenu, #contenu ul.liste { width: 500px; border: 0; margin: 0; }

#contenu a, #contenu a * { text-decoration: underline; border: 0 !important; background: none !important; padding-right: 0 !important; }

.bold {color: #fff; border-bottom: 0px; font-weight: bold; }


.ad {/*  empêche l'impression de la div */
	display: none;   }
	
.imagedroite_cache{	display: none;	} 


}/* Fin impression ----------------------------------------  */