/* body */
body { padding:10px; margin:131px 0px 10px 10px; width:970px; font:9pt verdana, geneva, arial, sans serif; color:#000; background-color:#FFFFEB; /*scrollbar-face-color : #7486c0; scrollbar-track-color : #bec6e1;*/ } 

/* Titre et sous-titre sur l'en-tête */
span#titre { position:absolute; font-size:28px; color:#758ac3; font-weight:bold; top:60px; left:200px; }
span#sous_titre { position:absolute; font-size:22px;color :#758ac3; top:120px; left:220px; }

/* Bannière CROUS */
div#banniere { position: absolute; top : 15px; left: 25px; width: 980px; height:141px; background: url(/images/bannieres/banniere.jpg) no-repeat; }
div#banniere2 { position: absolute; top : 15px; left: 25px; width: 980px; height:141px; background: url(/images/bannieres/banniere2.jpg) no-repeat; }

/* La bande orange en haut et en bas*/
div#bande_orange_haut { background: url(../images/bannieres/header.jpg) no-repeat; width: 980px; height:41px; margin-bottom: 20px;}
#bande_orange_bas { background: url(../images/bannieres/footer.jpg) no-repeat; height: 99px; width: 980px; }


.txt_dec_none { text-decoration: none; }



/************************************************************/
/*      Conteneur affiché lors du choix du département      */
/************************************************************/
#choix_dpt { top: 141px; left: 20px; position: absolute; padding : 10px; height: 41px; color: #FFFFFF; font-weight:bold; }


/*span#titre_cemois { position: absolute; top: 223px; left: 760px; margin-left : 160px; font-size: 26px; font-weight: bold; color: #758ac3; }*/





/* Style liens et droits en bas de page */
div#liens_bas a { text-decoration: none; float: left; color: #E67300; text-align: left; font-weight: bold; margin-left : 12px; font-size: 12px; }
div#liens_bas a:hover { text-decoration: underline; }
#droits {float:right; /*text-align:right;*/ color: #E67300; font-weight: bold; font-size: 12px; }



/*************************************************/
/*         Infos défilantes : Actualités         */
/*************************************************/
/* A décommenter si présence du bouton d'accès au Forum */
/*span#titre_actu { position: absolute; left : 350px; color : white; font-size: 26px; font-weight: bold; }
span#actu { position: absolute; left : 510px; font-size:13px; }
.actu_titre { font-size:12px; color: #000000; font-weight: bold; line-height:normal; text-indent:0px; }
.actu_txt {font-size:10px; color: #000000; line-height:normal;}
#footer_left_actu { position: absolute; left: 500px; }
#footer_right_actu { position: absolute; left: 940px; }*/



/*************************************************/
/*         Infos défilantes : Actualités         */
/*************************************************/
/* A commenter si présence du bouton d'accès au Forum */
span#titre_actu { position: absolute; left : 300px; color : white; font-size: 26px; font-weight: bold; }
span#actu { position: absolute; left : 480px; font-size:13px; }
.actu_titre { font-size:12px; color: #000000; font-weight: bold; line-height:normal; text-indent:0px; }
.actu_txt {font-size:10px; color: #000000; line-height:normal;}
#footer_left_actu { position: absolute; left: 470px; }
#footer_right_actu { position: absolute; left: 910px; }




/****************************************/
/*   Conteneur de la page principale    */
/****************************************/
div#conteneur { margin: 0px 0px 0px 135px; width: 840px; padding-bottom:10px; }




/***********************************/
/*        Le menu principal        */
/***********************************/
div#menu_principal { position:absolute; top:200px; left:20px; width:170px; height:241px; background: url(../images/menus/background.jpg) no-repeat; }
div#crous a { background: url(../images/menus/crous.jpg) no-repeat; position:absolute; top:20px; left:0px; width:134px; height:47px; }
div#crous a:hover { background: url(../images/menus/crous_over.jpg) no-repeat; }

div#citoyennete a { background: url(../images/menus/citoyennete.jpg) no-repeat; position:absolute; top:60px; left:0px; width:134px; height:47px; }
div#citoyennete a:hover { background: url(../images/menus/citoyennete_over.jpg) no-repeat; }


div#adresses a { background: url(../images/menus/adresses.jpg) no-repeat; position:absolute; top:100px; left:00px; width:134px; height:47px; }
div#adresses a:hover { background: url(../images/menus/adresses_over.jpg) no-repeat; }
div#contacts a { background: url(../images/menus/contacts.jpg) no-repeat; position:absolute; top:140px; left:00px; width:134px; height:47px; }
div#contacts a:hover { background: url(../images/menus/contacts_over.jpg) no-repeat; }
div#pratique a { background: url(../images/menus/pratique.jpg) no-repeat; position:absolute; top:180px; left:00px; width:134px; height:47px; }
div#pratique a:hover { background: url(../images/menus/pratique_over.jpg) no-repeat; }
/***********************************/
/***********************************/


/*****************************************/
/*        Le menu de pictogrammes        */
/*****************************************/
div#menu_pictos { position:absolute; top:240px; left:243px; width:498px; height:270px; }
div#logement a { position:absolute; top:0px; left:0px; width: 123px; height: 135px; background: url(../images/pictos/logement.jpg) no-repeat; }
div#logement a:hover { background: url(../images/pictos/logement_over.jpg) no-repeat; }
div#resto a { position:absolute; top:0px; left:125px; width: 123px; height: 135px; background: url(../images/pictos/resto.jpg) no-repeat; }
div#resto a:hover { background: url(../images/pictos/resto_over.jpg) no-repeat; }
div#bourses a { position:absolute; top:0px; left:250px; width: 123px; height: 135px; background: url(../images/pictos/bourses.jpg) no-repeat; }
div#bourses a:hover { background: url(../images/pictos/bourses_over.jpg) no-repeat; }
div#social a { position:absolute; top:0px; left:375px; width: 123px; height: 135px; background: url(../images/pictos/social.jpg) no-repeat; }
div#social a:hover { background: url(../images/pictos/social_over.jpg) no-repeat; }
div#international a { position:absolute; top:135px; left:55px; width: 134px; height: 133px; background: url(../images/pictos/international.jpg) no-repeat; }
div#international a:hover { background: url(../images/pictos/international_over.jpg) no-repeat; }
div#job a { position:absolute; top:135px; left:190px; width: 123px; height: 135px; background: url(../images/pictos/job.jpg) no-repeat; }
div#job a:hover { background: url(../images/pictos/job_over.jpg) no-repeat; }
div#culture a { position:absolute; top:135px; left:315px; width: 123px; height: 135px; background: url(../images/pictos/culture.jpg) no-repeat; }
div#culture a:hover { background: url(../images/pictos/culture_over.jpg) no-repeat; }
/*****************************************/
/*****************************************/


/**********************************************/
/*    Informations défilantes "Ce mois-ci"    */
/**********************************************/
div#cemois { position:absolute; top:200px; left:770px; width:221px; height:200px; background: url(../images/back_cemois.jpg) no-repeat; }
#infos_cemois { position: absolute; top: 55px; left : 15px; font-size:13px; }
.cemois_titre { font-size:12px; color: #FFFFFF; font-weight: bold; line-height:normal; text-indent:0px; }
.cemois_txt {font-size:10px; color: #FFFFFF; line-height:normal;}
/**********************************************/
/**********************************************/

/************************************/
/*        Le menu secondaire        */
/************************************/
div#menu_secondaire { position:absolute; top:420px; left:740px; width:254px; height:204px; background: url(../images/menus/background_sec.jpg) no-repeat; }
div#cercle a { background: url(../images/menus/cercle.jpg) no-repeat; position:absolute; top:35px; left:0px; width:248px; height:28px; }
div#cercle a:hover { background: url(../images/menus/cercle_over.jpg) no-repeat; }
div#marches a { background: url(../images/menus/marches.jpg) no-repeat; position:absolute; top:70px; left:0px; width:155px; height:28px; }
div#marches a:hover { background: url(../images/menus/marches_over.jpg) no-repeat; }
div#liens a { background: url(../images/menus/liens.jpg) no-repeat; position:absolute; top:105px; left:0px; width:77px; height:28px; }
div#liens a:hover { background: url(../images/menus/liens_over.jpg) no-repeat; }
div#faq a { background: url(../images/menus/faq.jpg) no-repeat; position:absolute; top:140px; left:0px; width:76px; height:28px; }
div#faq a:hover { background: url(../images/menus/faq_over.jpg) no-repeat; }
/************************************/
/************************************/


/********************************/
/*        Le menu gauche        */
/********************************/
div#menu_gauche { position:absolute; top:200px; left:5px; width:135px; height:535px; background: url(../images/menus/background_menu.jpg) no-repeat; }
div#m_accueil a { background: url(../images/menus/m_accueil.jpg) no-repeat; position:absolute; top:30px; left:0px; width:120px; height:52px; }
div#m_accueil a:hover { background: url(../images/menus/m_accueil_over.jpg) no-repeat; }

div#citoyennete a { background: url(../images/menus/citoyennete.jpg) no-repeat; position:absolute; top:60px; left:0px; width:134px; height:47px; }
div#citoyennete a:hover { background: url(../images/menus/citoyennete_over.jpg) no-repeat; }


div#m_logement a { background: url(../images/menus/m_logement.jpg) no-repeat; position:absolute; top:90px; left:0px; width:133px; height:52px; }
div#m_logement a:hover { background: url(../images/menus/m_logement_over.jpg) no-repeat; }
div#m_resto a { background: url(../images/menus/m_resto.jpg) no-repeat; position:absolute; top:150px; left:0px; width:135px; height:52px; }
div#m_resto a:hover { background: url(../images/menus/m_resto_over.jpg) no-repeat; }
div#m_bourses a { background: url(../images/menus/m_bourses.jpg) no-repeat; position:absolute; top:210px; left:0px; width:135px; height:52px; }
div#m_bourses a:hover { background: url(../images/menus/m_bourses_over.jpg) no-repeat; }
div#m_social a { background: url(../images/menus/m_social.jpg) no-repeat; position:absolute; top:270px; left:0px; width:135px; height:52px; }
div#m_social a:hover { background: url(../images/menus/m_social_over.jpg) no-repeat; }
div#m_international a { background: url(../images/menus/m_international.jpg) no-repeat; position:absolute; top:330px; left:0px; width:135px; height:52px; }
div#m_international a:hover { background: url(../images/menus/m_international_over.jpg) no-repeat; }
div#m_job a { background: url(../images/menus/m_job.jpg) no-repeat; position:absolute; top:390px; left:0px; width:135px; height:52px; }
div#m_job a:hover { background: url(../images/menus/m_job_over.jpg) no-repeat; }
div#m_culture a { background: url(../images/menus/m_culture.jpg) no-repeat; position:absolute; top:450px; left:0px; width:135px; height:52px; }
div#m_culture a:hover { background: url(../images/menus/m_culture_over.jpg) no-repeat; }
/********************************/
/********************************/




/* Background du menu principal */
div#menuP { background: url(../images/menuP.jpg) no-repeat; margin: 100px 0 0 29px; width: 173px; height: 211px; }

/* Background du menu secondaire */
div#menuS { position: absolute; background: url(../images/menuS.jpg) no-repeat; width: 203px; height: 211px; top: 520px; left: 910px; }



/*********************************/
/*  Le bouton d'accès au forum   */
/*********************************/
div#b_forum a { background: url(/images/b_forum.jpg) no-repeat; height: 81px; width: 202px; position:absolute; left: -80px; margin : 10px 0 0 150px;  }
div#b_forum a:hover { background: url(/images/b_forum_hover.jpg) no-repeat; }


.tdjaune { font-weight: bold; font-size: 12px; color: #000000; text-indent: 2pt; font-family: Arial, Helvetica, sans-serif; background-color: #fcf2ba; }
.tdvert { font-size: xx-small; color: #000000; text-indent: 0pt; font-family: Arial, Helvetica, sans-serif; background-color: #fff4e6; }
.tdvert2 { font-size: xx-small; color: #000000; text-indent: 0pt; font-family: Arial, Helvetica, sans-serif; background-color: #fffee6; }

.cadre { border: 2px solid #E67300; padding : 10px; width : 300px; margin-left: 300px;}


/***********************************/
/*       Demande de dossier        */
/***********************************/
#demande { position: absolute; top: 540px; left: 600px; font-size:20px; width:370px; text-align: center; font-weight: bold; }
#demande a { text-decoration:blink; color: #758ac3; }
#demande a:hover { text-decoration:none; color: #E67300; }
#demande_suivi { position: absolute; top: 620px; left: 600px; font-size:14px; width:370px; text-align: right; font-weight: bold; }
#demande_suivi a { text-decoration:blink; color: #758ac3; }
#demande_suivi a:hover { text-decoration:none; color: #E67300; }


/********************/
/* Style des textes */
/********************/
p { text-indent: 40px; line-height: 20px;}
p.no_alineas { text-indent: 0px; }
.orange { color: #E67300; }

ul { line-height: 25px; }
li { margin: 0px; list-style: none; line-height: 20px; background: url(../images/puce.jpg) no-repeat; background-position: top left; padding-left: 20px;}

li li { margin: 0px; background: url(../images/puce2.jpg) no-repeat; line-height: 25px;  padding-left: 20px;}

span.orange { color: #E67300; }
h1 { text-decoration:none; color: #E67300; font-size:28px; text-align:center;  margin-bottom: 40px; }

h2 { color: #758ac3; text-align:center; font-size:22px;}

h3 { color: #758ac3; border: solid 1px; border-color:#FEF0D6; border-top: none; border-right:none; margin-right: 100px;}
span.h3_lettrine { color:#E67300; font-size:25px;}
h3 a { text-decoration:none; }

h4 { text-decoration:none; margin-left: 50px; color: #E67300; background: url(../images/fleche.gif) no-repeat; background-position: center left; padding-left: 20px; margin-right: 150px; border-bottom: solid 1px; border-bottom-color:#F1F2FE; }


h5 { color: #758ac3; font-size: 15px;}

.nota_bene {font-style:italic; }
.nota_bene_min { font-style:italic; font-size: 12px;}

a {	text-decoration: underline; color:#000000; }
a:hover { color: #FF9900; }

table { font:10pt verdana, geneva, arial, sans serif; }


/********************/
/* Style des menus  */
/********************/
div#ligne_verticale { z-index:1; position: absolute; background: url(../images/ligne_verticale.jpg) no-repeat; width: 92px; height: 550px; top: 182px; left: 150px; }

#menu dl, #menu dt, #menu dd, #menu ul, #menu li { margin: 0; padding: 0; list-style-type: none; }

#menu { position: absolute; top: 350px; left: 300px; padding-left: 10px; }

#menu dt { cursor: pointer; padding-top: 1px; text-align: left; font-weight: bold; }
#menu dd { z-index: 100; margin-left: -35px; }

#menu ul { padding: 0px; }
#menu li { background:none; text-align: left; }

#menu li a { color:#758ac3; text-decoration: none; display: block; }
#menu dt a { color: #E67300; text-decoration: none; display: block; }

#menu h3 a { color: #758ac3; font-size:16px; }
#menu h3 a:hover { color: #9fadd5; }
#menu h4 a { color: #E67300; font-size:13px; }
#menu h4 a:hover { color: #ff8d1b; }


/******************************/
/*       Marchés Publics      */
/******************************/
/*
#login_marches { position: absolute; top: 190px; left: 780px; width: 216px; height: 65px; }
.menu_marches { padding-top:12px; padding-bottom:0px; } 
.menu_marches a { text-decoration: none; font-weight: bold; color: #E67300; } 

#conteneur_marches { padding : 20px; border: solid 1px gray; width: 805px; background-color:#FFFEE8; }
#conteneur_marches table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


.bloc_marche { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom:20px; }
.bloc_marche table { border: solid 1px black; border-top: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.bloc_marche .numero { float: left; padding: 8px; font-size: 10px; color: #999999; }
.bloc_marche .actionBloc a { float: right; padding: 8px; font-size: 10px; color: #999999; text-decoration:none; }
.bloc_marche .modif { float: right; padding: 8px; font-size: 10px; color: #999999; }
.bloc_marche .titre { float:none; border: solid 1px black; text-align: center; background-color: #dadada; color: #758ac3; font-weight: bold; padding: 8px; border-bottom: solid 1px black; font-size: 12px; }
.bloc_marche .hide { visibility: hidden; overflow: hidden; width:1px; position: absolute; }

.bloc_marche.legende { border-bottom:solid 1px #e67300; }
.bloc_marche .data { color:#2e4a6d; font-weight:bold; }*/

/******************************/
/*       Marchés Publics  new */
/******************************/
#login_marches { position: absolute; top: 190px; left: 780px; width: 220px; height: 65px; }
.menu_marches { padding-top:12px; padding-bottom:0px; } 
.menu_marches a { text-decoration: none; font-weight: bold; color: #E67300; } 

#conteneur_marches { padding : 20px; border: solid 1px gray; width: 805px; background-color:#FFFEE8; }
#conteneur_marches table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


.bloc_marche { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom:20px; }
.bloc_marche table { border: solid 1px black; border-top: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.bloc_marche .numero { float: left; padding: 8px; font-size: 10px; color: #999999; }
.bloc_marche .actionBloc a { float: right; padding: 8px; font-size: 10px; color: #999999; text-decoration:none; }
.bloc_marche .modif { float: right; padding: 8px; font-size: 10px; color: #999999; }
.bloc_marche .titre { float:none; border: solid 1px black; text-align: center; background-color: #dadada; color: #758ac3; font-weight: bold; padding: 8px; border-bottom: solid 1px black; font-size: 12px; }
.bloc_marche .hide { visibility: hidden; overflow: hidden; width:1px; position: absolute; }

.bloc_marche.legende { border-bottom:solid 1px #e67300; }
.bloc_marche .data { color:#2e4a6d; font-weight:bold; }



/********************/
/*       Forum      */
/********************/
.menu_forum { padding-top:12px; padding-bottom:0px; } 
.menu_forum a { text-decoration: none; font-weight: bold; color: #E67300; } 

.onglet { margin: 5px 3px 0px 3px; padding: 11px 0px 4px 0px; font-size : 16px; float: left; width: 109px;  background : url(../forum/images/onglet.gif) bottom no-repeat; text-decoration: none;  text-align:center}
a.onglet:hover {color:green}
.onglet-actif { position:relative; top:2px; border-bottom : solid 0px white; }

.spacer {clear:both;}

#conteneur_forum { padding : 20px; border: solid 1px gray; width: 805px; background-color:#FFFEE8; }

.sujet { border: solid 1px gray; margin-bottom: 10px; }
.titre_sujet { color: #758ac3; font-weight: bold; border: solid 1px gray; border-bottom: none; background-color:#FFCC66 ; text-align: center; padding: 7px; }
.nbrep_sujet, .ref_plan { font-size:11px; float: right; padding-right: 5px; }
.ref_plan a{color:#758ac3; text-decoration:none;}
.b_open { float: left; margin-top: 4px; margin-left: 10px; margin-bottom: -7px; }
.info_sujet { font-size:13px; float: left; padding: 10px; }
.corps_sujet { margin-left: 150px; padding: 10px; border-left: solid 1px gray; }

.reponse { border: solid 1px gray; margin-bottom: 10px; margin-left: 50px;}
.titre_reponse { color:#006600; font-weight: bold; border: solid 1px gray; border-bottom: none; background-color:#99CCFF; text-align: center; padding: 7px; margin-left: 50px;}
.info_reponse { font-size:13px; float: left; padding: 10px; }
.corps_reponse { margin-left: 150px; padding: 10px; border-left: solid 1px gray; }

.b_suppr { float: left; margin-top: 5px; margin-left: 55px; margin-bottom: -1px; }




/******************************************************/
/*      Les statistiques de fréquentation du site     */
/******************************************************/
div.stats ul { width: 400px; list-style: none; }
div.stats li { background:none; }
div.stats .percent { display: block; height: 1.5em; line-height: 1.5em; margin: 5px 10px; padding: 0 5px; text-align: right; color: #fff; font-weight: bold; font-family: monospace; -moz-border-radius: 5px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; cursor: default; }
	.v0 { width: 0%; }
	.v1 { width: 1%; } .v2 { width: 2%; } .v3 { width: 3%; } .v4 { width: 4%; } .v5 { width: 5%; } .v6 { width: 6%; } .v7 { width: 7%; } .v8 { width: 8%; } .v9 { width: 9%; } .v10 { width: 10%; }
	.v11 { width: 11%; } .v12 { width: 12%; } .v13 { width: 13%; } .v14 { width: 14%; } .v15 { width: 15%; } .v16 { width: 16%; } .v17 { width: 17%; } .v18 { width: 18%; } .v19 { width: 19%; } .v20 { width: 20%; }
	.v21 { width: 21%; } .v22 { width: 22%; } .v23 { width: 23%; } .v24 { width: 24%; } .v25 { width: 25%; } .v26 { width: 26%; } .v27 { width: 27%; } .v28 { width: 28%; } .v29 { width: 29%; } .v30 { width: 30%; }
	.v31 { width: 31%; } .v32 { width: 32%; } .v33 { width: 33%; } .v34 { width: 34%; } .v35 { width: 35%; } .v36 { width: 36%; } .v37 { width: 37%; } .v38 { width: 38%; } .v39 { width: 39%; } .v40 { width: 40%; }
	.v41 { width: 41%; } .v42 { width: 42%; } .v43 { width: 43%; } .v44 { width: 44%; } .v45 { width: 45%; } .v46 { width: 46%; } .v47 { width: 47%; } .v48 { width: 48%; } .v49 { width: 49%; } .v50 { width: 50%; }
	.v51 { width: 51%; } .v52 { width: 52%; } .v53 { width: 53%; } .v54 { width: 54%; } .v55 { width: 55%; } .v56 { width: 56%; } .v57 { width: 57%; } .v58 { width: 58%; } .v59 { width: 59%; } .v60 { width: 60%; }
	.v61 { width: 61%; } .v62 { width: 62%; } .v63 { width: 63%; } .v64 { width: 64%; } .v65 { width: 65%; } .v66 { width: 66%; } .v67 { width: 67%; } .v68 { width: 68%; } .v69 { width: 69%; } .v70 { width: 70%; }
	.v71 { width: 71%; } .v72 { width: 72%; } .v73 { width: 73%; } .v74 { width: 74%; } .v75 { width: 75%; } .v76 { width: 76%; } .v77 { width: 77%; } .v78 { width: 78%; } .v79 { width: 79%; } .v80 { width: 80%; }
	.v81 { width: 81%; } .v82 { width: 82%; } .v83 { width: 83%; } .v84 { width: 84%; } .v85 { width: 85%; } .v86 { width: 86%; } .v87 { width: 87%; } .v88 { width: 88%; } .v89 { width: 89%; } .v90 { width: 90%; }
	.v91 { width: 91%; } .v92 { width: 92%; } .v93 { width: 93%; } .v94 { width: 94%; } .v95 { width: 95%; } .v96 { width: 96%; } .v97 { width: 97%; } .v98 { width: 98%; } .v99 { width: 99%; } .v100 { width: 100%; }
	
	/* Image dégradée */
	.gradiant_pic li { width: 300px; padding: 0; }
	.gradiant_pic li .percent { height: 20px; line-height: 20px; padding: 0; color: #000; background: #fff url(/images/gradiant.jpg) repeat-y 0 0; -moz-border-radius: 0; }
/******************************************************/
/******************************************************/