/*page {size: 210mm 297mm; margin : 10cm}*/

html {
	margin : 0; 
	padding: 0; 
	font-size: 75%;
	}

body {
	font: 1em verdana, arial, lucida, helvetica, sans-serif; 
  color: #333; 
	padding: 0; 
	margin: 0;
	} 
	
a:link, a:visited {
	color: #1a76b3;
	text-decoration: none;	}
a:hover, a:active {
	text-decoration: underline }

img {border: 0}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin: 0;
	padding-bottom : 2px;
	}
h1,h2,h3 {
	padding-top: 10px;
	}
h4,h5,h6 {
	padding-top: 5px;
	}
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3, .encart h2 { font-size: 1.3em; }
h4, .encart h3 { font-size: 1.2em; }
h5, h6 { font-size:1.1em; }



p, p.bodytext {
	/*clear: both;
	float: left;*/
	font : normal 1em verdana, arial, lucida, helvetica, sans-serif;
	line-height: 1.3em;
  margin : 0;
	padding: 1px 0 1px 0; 
	}

hr{
  color: #ccc;/**/
  background-color: #ccc;/**/
  height: 1px;
  margin: 1.5em 0 1.5em 0;
  border: none;/**/
  }

hr.clearer{
  clear: left;
  color: #ccc;/**/
  background-color: #ccc;/**/
  height: 1px;
  margin: 0.5em 0 1.5em 0;/**/
  }

.gras { font-weight: bold; }
.petitefont { font-size: 0.9em; }
.skiplink { display:none }
.csc-linkToTop { padding: 10px 0;}
.retrait { padding: 0 0 0 15px;}
.retrait2 { padding: 0 0 10px 20px;}
/**************************************************************/



/* pour aligner l'ensemble de la page */
div#global {
	margin : 0 ;
	padding: 0;
	/*border : 1px solid;*/
	}
div#fond {	/* pour les marges et le fond blanc */
	/*float: left;  gère le bon positionnement des div et la couleur de fond! */
	margin: 0;
	padding: 0;
	}



/**************************************************************************/
/***************************** special IMPRESSION *************************/
/**************************************************************************/
div  {
	clear: left; /* meilleur compromi pour l'affichage des pages entre IE et FF */
	/*border: 1px solid;*/
  }

/********************************/
	/* tableau*/
/********************************/
table {
	font : normal 1em verdana, arial, lucida, helvetica, sans-serif; 
	color : #333; 
	margin: 0;
	padding : 0; 
	border: 1px solid #333;
	/*page-break-before: left;*/
	} 
table.contenttable caption {
	/*background: url(../images/rondv.gif) no-repeat left 12px;*/
	padding: 5px 0 2px 0px ; 
	font-weight: bold;
	text-align: left;
	}
 
.tabvertfonce {
  background-color : #C6E7FB; /* bleu fonce*/
  }
.tabvertmoyen {
  background-color : #C6E7FB; /* bleu fonce*/
  }   
.tabvertclair {
  background-color : #E9F4FC; /* bleu clair*/
  }
  
table P.bodytext  {
	margin:0px;
	padding:0px;
	}/**/
table th  {
	margin:0px;
	padding: 5px 2px;
	}
table tr  {
	margin:0;
  padding:0;
	}
table td  {
	margin: 0;
  padding: 3px;
	border: 1px solid #ccc;
	}

	
/*********************************/
	/* entete */
/*********************************/
div#entete {
	float: left;
	clear: none;
  margin: 0;
	padding: 0 0 10px 0; 
	width: 100%;
	}
	
div#logofficiel {
	float: left;
	clear: none;
	margin: 0;
	width: 78px;
	height: 100px;
	}
div#logofficiel img {
	float: left; /* pour coller les images sur IE */ 
	}

div#signature{
	display:none;
  clear: none;/**/
	float: right;
	width: 400px;
	padding-right: 0px;
	border: 1px solid #099;/**/
	}
div#signature img{
	/*clear: none;
	float : right;*/
	}
div#logoPortea{
	clear: none;
	float: left;
  text-align: left;
	}
div#logoPortea img{
	clear: none;/**/
	float : left;
	}
h1#titrelogo, p#titrelogo{
	/*clear: none;*/
	float : left;
	font : normal 1em arial, lucida, helvetica, sans-serif;
	padding: 36px 0 0 10px;
	vertical-align: bottom;
	/*border: 1px solid #099;*/
	}

/* fin entete */
	
#portea {	/*pour gérer la couleur de fond	*/
	float: left;
	background-color: #fff ;
	padding:0;
  margin:0;
	/*border: 1px solid;*/
	}
#porteamarge {	/*pour gérer la marge de droite	*/
	float: left;
	padding:0;
	/*border-bottom: 1px solid;*/
	}
	
/*********************************/
	/* Navigation*/
/*********************************/

#navigtop{	/* pour gérer le fond gris haut */
	display:none;
	}	
	
/* fin navigation */	


/********************************/

form#mailform {
  background:  url(../images/lamelleblu02.jpg) repeat-x left top;
  /*border: #999 1px solid;*/
  }
fieldset {
  border: none;
  }

.news-single-backlink a {
  padding: 4px 10px;
  background:  url(../images/boubouton.gif) repeat-x top left;
  /*background-image: url(../images/boubouton.gif)  ;*/
  border-left: 1px solid #B2DAF7 ;
  border-right: 1px solid #B2DAF7 ;
  border-bottom: 1px solid #B2DAF7 ;
  }
/****** page contact ******/  
.csc-mailform {
  /*background: #eee url(../images/fondgris.jpg) repeat-y left bottom;
  background-color: #f3f1f1;*/
  padding: 5px;
  border : none;
}
  
.csc-mailform-field label{
  padding-right: 5px;
  width: 20%;
  /*width: 120px;*/
  float: left;
  text-align: right;
  } 
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea{
  margin-bottom: 4px;
  /*border: 1px solid #191919;*/
  } 
.csc-mailform-submit {
  margin-left: 21%;
  /*border: 1px solid #09f;*/
  } 

.csc-linkToTop {
  display: none; 
  }
/*******************************
		les rubriques
 *******************************/
#accmenu{
	float: left;
	width: 100%;
	margin: 0;
	padding : 0;
	/*border: 1px solid #191919;*/
	}
  
#accmenu ul{
	float: left;
  margin: 0;
	padding: 0;
	border-top : #ccc 1px solid;/**/
	border-bottom : #ccc 1px solid;/**/
  }

#accmenu li{
	float:left;
	display:inline;
	/*text-align: center;
	font-weight: bold;*/
	/*border : 1px solid;*/
	}
	
#accmenu a{
	display: block;
	/*color: #fff;*/
	font-size: 13px; /* 15px 129% 1.3em */
	margin: 0;
	padding: 5px 20px 0 0;
	/*border: 1px solid;*/
	}

.rubrik {
	float: left;
	margin: 0;
	padding: 0 0 10px 0; /* pour eviter de fixer une hauteur */
	color: #ccc;
	/*border: 1px solid;*/
  }

li#formationsB {
  color: #ccc;
  font-weight: bold;
  text-decoration: underline; }
li#metiersB {
  font-weight: bold;
  text-decoration: underline;	}
li#etablissementsB {
  font-weight: bold;
  text-decoration: underline;	}
li#viescolaireB {
  font-weight: bold;
  text-decoration: underline;	}
li#ensagriB {
  font-weight: bold;
  text-decoration: underline;	}

	
/************************************/
	/* contenu descente */
/************************************/
div#commun {
  float: left;/**/
  /*background : url(../images/photo02.jpg) no-repeat right bottom;*/
  width: 645px;
  margin : 0;
  padding: 0;
  /*border-bottom: 1px solid #000;*/
  }
#descente{
  float: left;/**/
  width: 100%;
  margin : 0;
  padding: 15px 0 10px 0 ;
  /*border: 1px solid #cfc;*/
  }
#descentedroite{
  float: left;/**/
  width: 100%;
  margin : 0;
  padding: 0;
  text-align: left;
  /*border: 1px solid #191919;*/
  }
#contenu0 {
  float: left;
  text-align: left;
  /*border: 1px solid #ccc;*/
  }

.blocentier {
  float: left;/**/
  width: 100%;
  border-bottom : 1px solid #ccc;
  padding : 10px 0 5px 0;
  }
.listeGauche {
  float: left;/**/
  width: 39%;
  margin : 0;
  padding: 0;
  /*border-bottom: 1px solid #f0f;*/
  }
.listeDroite {
  float: right;/**/
  width: 59%;
  text-align: left;
  margin : 0;
  padding: 0;
  /*border: 1px solid #191919;*/
  }
 
.photodesc {
  display: none;
  }
 #photodesc1{
	display: none;	/*border: 1px solid #191919;*/
	}
#photodesc2{
	display: none;
	}
#photodesc3{
	display: none;
	}
/************************************/
#contenu ul, ul.csc-menu {
	margin: 0;
	padding: 5px 0 5px 0;
	display: block;
	/*border : 1px solid;*/
	}
#contenu ul li,  ul.csc-menu li {
	background : url(../images/puce01.gif) no-repeat left 7px;
	margin: 0;
	padding: 0 0 2px 15px;
	display: block;
  list-style-type: none;
	}
#contenu ul li li,  ul.csc-menu li li {
	background : url(../images/puce02.gif) no-repeat left 7px;
	/*border : 1px solid;*/
	}
ul.csc-menu {
  padding-bottom: 15px !important; 
	}


/*********** Fil Ariane *************/
#filariane {
	margin: 0;
	padding: 0 0 20px 0;
	}
#filariane a {
	color: #5b7e03;
	}
#filariane ul{
	margin: 0;
	padding: 0;
	/*border: 1px solid #191919;*/
	}
#filariane  li {
	display: inline;/**/
	}

/************************************/
#coldroite0 {
  float: right;
  width: 306px;
  margin-left: 10px;
  /*border: #ccc 1px solid;*/
  }
#coldroite {
  /*text-align: center;*/
  padding: 0 0 10px 10px;
  /*border: #cfc 1px solid;*/
  }

.bordencart {
  /*background-color : #eee ;
  background:  url(../images/lamelleblu02.jpg) repeat-x left top;*/
    text-align: left;

  margin-left: 5px;
  padding: 0 5px 15px 15px;
  margin: 0;
  font-size: 0.95em;
  border-left: #ccc 1px solid;/**/
  }
  
#encart0 {
  /*float: right;*/
  /*background : url(../images/enbrefbas.jpg) no-repeat left bottom;*/
  width: 296px;
  padding: 0 0 5px 0;
  /*width: 300px;*/
  text-align: left;
  /*border : 2px solid #ccc ;*/
  border-top:  #ccc 1px solid;
  border-right:  #666 2px solid;
  border-bottom:  #666 2px solid;
  border-left :  #ccc 1px solid;
  }
.encart1 {
  /*background : url(../images/enbrefmilieu.jpg) repeat-y ;*/
  }
.encart {
  /*float: left;*/
  width: 100%; /*pour que ça fonctionne sous IE */
  max-width: 276px; /*pour que ça fonctionne sous FF */
  padding: 0 5px 15px 15px;
  margin: 0;
  font-size: 0.95em;
  /*border:  #f0f 1px solid;*/
  }

.encart ul {
	margin: 0;
	padding: 5px 0 2px 10px;
	display: block;
	/*border : 1px solid;*/
	}
.encart ul li {
	/*background : url(../images/puce01.gif) no-repeat left 70%;*/
	background-image: none;
  margin: 0;
	padding: 0 0 5px 0;
	display: block;
  list-style-type: none;
  /*border : 1px solid;*/
	}


/************************************/
	/* contenu accueil */
/************************************/
  
#blocmilieu{
  position: relative;
  float: left;/**/
  background : url(../images/photo02.jpg) no-repeat right bottom;/**/
  width: 100%;
  /*height: 400px;*/
  margin : 0;
  padding: 0;
  /*border: 1px solid #191919;*/
  }
#blocmilieu a{
	color: #629204 ;
	} 
  
#bloccentral{
  position: relative;
  /*top: 0;
  left: 0;*/
  z-index: -10;
  float: left;/**/
  /*background : url(../images/fonvert2.gif) repeat-x left bottom;*/
  width: 100%;
  margin : 0;
  padding:0;
  /*border: 1px solid #191919;*/
  }
#blocgauche{
  float: left;/**/
  background : url(../images/fonvert2.gif) repeat-x left bottom;/**/
  width: 550px;
  margin : 0;
  padding: 0;
  border-bottom: 1px solid #f0f;/**/
  }
  
#blocdroite{
  float: right;/**/
  /*background : url(../images/photo02.jpg) no-repeat right bottom;*/
  width: 180px;
  margin : 0;
  padding: 0;
  /*border: 1px solid #191919;*/
  }
  
#blocbas{
  float: left;/**/
  /*width: 700px;*/
  margin : 0;
  padding: 19px 0 0 0;
  /*border: 1px solid #191919;*/
  }
  
/***********************************/ 
#dossier {
  float: right;
  margin : 0;
  padding: 26px 0 0 0;
  /*border: 1px solid #191919;*/
	}  
dl.dossierparam  {
  margin : 0;
  padding: 0 5px 5px 0;
  text-align: right;
	}  
.dossierparam dt {
  font-weight: bold;
  margin: 0 ;
  padding: 0 0 3px 0 ;
	}  
.dossierparam dd { /* pour supprimer le décalage du mode liste */
  margin: 0 ;
  padding: 0 ;
	}  
#dossierimg {
  float: right;
  background : url(../images/fondossier.gif) no-repeat right bottom ;
  width: 141px;
  height: 81px;
  margin : 0;
  padding: 12px 13px 12px 12px;
	}  
/***********************************/  
#blocbas {
  color: #6b653a;
  }

#flashhead{
  float: left;
  background : url(../images/fonmetier01.jpg) no-repeat left top;/**/
  width: 405px;
  margin : 0 10px 0 0; /* pour gérer l'espace entre Flash métier et Chiffre du mois */
  padding: 9px 0 0 0;
  /*border: 1px solid #ccc;*/
  }
#flashimg{
  float: left;
  /*background : url(../images/metier.jpg) no-repeat 10px 4px;*/
  margin: 0;
  padding: 2px 0 0 10px;
  }
    
#flashimg h2{
  float: right;
  background : url(../images/guillemets01.gif) no-repeat left top;
  width: 220px;
  margin : 0;
  padding: 7px 0 2px 40px;
  }
#flashimg img{
  float: left;
  width: 110px;
  height: 72px;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  }

#flashbody0{
  float: left;
  /*width: 401px;*/
  margin: 0;
  padding: 0;
  border-left: 2px solid #bcbcbc;
  border-right: 2px solid #bcbcbc;/**/
  }
#flashbody{
  float: left;
  width: 401px;
  margin: 0;
  padding: 0;
  text-align: left;
  }
#flashfoot{
  float: left;
  background : url(../images/fonmetier03.jpg) no-repeat left bottom;
  margin : 0;
  padding: 0 0 12px 0;
  }

#metier{
  float: left;
  background : url(../images/guillmets02.gif) no-repeat 99% bottom;
  /*min-width: 235px;*/
  max-width: 210px;/**/
  margin : 0;
  padding: 10px 37px 0 30px;
  font-size: 1.1em;
  }

/***********************************/  

#chiffrehead{
  float: left;
  background : url(../images/fonchiffre01.jpg) no-repeat left top;
  width: 282px;
  margin : 0;
  padding: 9px 0 0 0;
  }
#chiffrebody0{
  float: left;
  /*width: 248px;*/
  margin: 0;
  padding: 0 10px 0 20px;
  border-left: 2px solid #bcbcbc;
  border-right: 2px solid #bcbcbc;
  }
#chiffrebody{
  float: left;
  width: 248px;
  height: auto !important;
  min-height: 78px;
  height: 78px;
  margin: 0;
  text-align: left;
  }
#chiffrefoot{
  float: left;/**/
  background : url(../images/fonchiffre03.jpg) no-repeat left bottom;/**/
  height: auto !important; /* ignoré par IE */
  min-height: 78px;/**/
  height: 78px; /* pour hauteur minimum sous IE */
  margin : 0;
  padding: 0 0 10px 0px;
  /*border: 1px solid #191919;*/
  }

#chiffrebody h2{
  padding-top: 0;
  } 
  
dl#chiffre {
  margin : 0;
  padding: 12px 10px 0 0px;
  /*text-align: center;*/
  }
#chiffre dt{
  font-weight : bold;
  }
#chiffre dd{
  margin : 0;/**/
  padding: 6px 0 0 0;
  }

/***********************************/  
#photoacc {
	float: left;
	background: url(../images/photo01.jpg) no-repeat 16px bottom;/**/
	width: 100%;
	margin : 0;
	margin-bottom : -0px;/**/
	padding : 0;
	/*border-bottom : 1px solid #ccc;*/
	}
	
	
div#majactu{
	float : left;
	padding : 0px 0 0 400px;
	text-align:left;
	border : #f0f 1px solid;
	}
div#maj{
	float : left;
	padding : 11px 0 8px 400px;
	text-align:left;
	font-size : 0.9em;
	color: #666 ;
	}
	
/************************************/
	/*les actualités*/
/************************************/

#actumarge{
	float: left;
	/*width: 700px; ne pas fixer la largeur ds cet id*/
	margin: 0;
	padding:0 0 0 399px;
	/*border : 1px solid #ccc;*/
	}
#actualite{
	float: left;
	width: 301px;
	margin: 0;
	padding:0;
	margin-bottom : -1px;
	/*border : 1px solid #ccc;*/
	}
  
#actuliste {
	float: left;
	width: 100%; /**/
	margin: 0 0 5px 0;
	padding: 0;
	border-right : 1px solid #ccc;
	
	}
#actubouton {
	float: right;
  	/*background : url(../images/fonvert2.gif) repeat-x left top;*/
	display: block;
	width: 100%;
	height: 47px;/**/
	/*height: 100%;*/
	margin : 0;
	margin-bottom: -3px;/**/
	padding: 0;
	text-align: right;
	/*border: 1px solid #0ff;*/
	}
#actubouton img {
	height: 44px;
	margin : 0;
	padding: 0;
	/*border : 1px solid #ccc;*/
	}/**/

dl.actu{
	float : left;
	margin: 0;
	padding: 1px 10px 1px 0;
	height: auto !important; /* non reconnu par IE, !important: valeur prise par FF  */
	min-height: 92px;
	height: 92px; /* "min-height" de IE  */
	font-size: 0.9em;
	}

.actu dt.imgactu, .pgactu dt.imgactu {  /* commun aux pages accueil, liste, détail */
	float: left;
  background: url(../images/fonactu.gif) no-repeat top left; /**/
  width: 115px;
  height: 79px;
	padding: 9px 15px 11px 8px;
	margin: 0;
 	/*border: 1px solid #999;*/
	}
	
.actu dt, .pgactu dt {
	margin: 0;
	/*padding: 5px 0 0 0;*/
	color: #333;
	font-weight: bold;
	text-align: left;
	/*border: 1px solid;*/
	}
.actu dt {
	padding: 5px 0 0 0;
	}
.pgactu dt {
	padding: 0;
	}

.actu dd{
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
.actu dd a{
	color: #cc6600;
	text-align: left;
	text-decoration: none;
	}


/* class pour la page actu */
.news-list-container, .news-single-backlink  {
  padding: 10px 0;
  }

dl.pgactu{
	float : left;
	margin: 0;
	padding: 1px 10px 10px 0;
	width: 100%;
  height: auto !important; /* non reconnu par IE, !important: valeur prise par FF  */
	min-height: 92px;
	height: 92px; /* "min-height" de IE  */
	}


dt.Actutitre {
	margin: 0;
  font-size: 1.4em;
  font-weight: bold;
	/*border: 1px solid #999;*/
	}
dt.Actutitre,  h2 dt.Actutitre {
	margin: 0;
  font-size: 1.4em;
  font-weight: bold;
  /*color: #fcf;
	border: 1px solid #999;*/
	}
	
dt.imgactu img{
  width: 101px;
  height: 69px;
	padding: 0;
  /*padding: 9px 15px 11px 8px;*/
	margin: 0;
	/*border: 1px solid #ccc;*/
	}

.pgactu dd.gras {
  font-weight: bold;
	/*font-size: 1.2em;
	border: 1px solid #ccc;*/
	}

.news-single-item {
  padding: 10px 0 0 0;
  }

dd.Actusoustitre {
	float: none;
  margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	/*font-size: 1.2em;
	border: 1px solid #ccc;*/
	}

dd.detail {
	margin: 0;
	padding: 8px 0 5px 0;
	/*height : auto;
	width : 150px;*/
	text-align: left;
	}

.imggauche{
  float : left; 
  padding : 0 5px 5px 0;
  /*border: 1px solid #ccc;*/
}
.imggauche2{
  float : left;
  padding : 0 5px 2px 0;/**/
}

.blocsource {
  float: left;
  /*width: 500px;
  border: 1px solid #ccc;*/
  }


/** pour le glossaire ***********/
/*  voir aussi feuille de style */
/*  portea_glossaire_mnu.css    */
/********************************/
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted #999; }
.type {
  display: none;
  margin: 0;
  padding: 0;
  }	
dl.glossary { 
  /*float: none;*/
  clear: both;
  }
dl.glossary dt { 
  float: left; 
  margin: 0 0 0px 0; 
  width: 90px;
  }
dl.glossary dd { 
  /*float: none;*/
  /*font-size: 11px;*/
  font-weight: normal !important;
  margin: 0 0 10px 90px;
  /*border: 1px solid #ccc;*/
  }
 
  
/********************************/
	/* pied de page*/
/********************************/
div#piedgris{
	clear: left;
	width: 100%;
  margin: 0;
	padding-top: 29px;
	/*border: 1px solid #ccc;*/
	}
div#pied{
	float: left;/*
	background-color: #3f3f3f;
	width: 100%;*/
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 0.9em;
	border-top: 1px solid #ccc;/**/
	}

#pied ul{
	margin: 10px 0;
	padding:0;	
	}
#pied li{
	float: left;/**/
	margin:0;
	padding:6px 10px 6px 0;
	display:inline;/**/
	}
ul#listbasgauche{
	display:none;/**/
	}
ul#listbasdroite {
	float : left;/**/
  margin: 10px 0;
  /*border: 1px solid #ccc;*/
	}
	
li.lienbottom a{
	color: #21bbe1;
	}
			
/**** fin pied ******/

.fdbleu {
  /*float: left;*/
  margin-bottom: 10px;
  padding: 10px 10px 0 10px;
  /*width: 100%;*/
  border: #999 1px solid;/**/
  }
/*.bordbleu {
  border: #c6e6fb 1px solid;
  }*/