/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/

body {
	margin:auto;
	text-align:center;
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
	padding:0;
	font-size:80%;
	background:#aec2ce url(../img/bg-global.jpg) repeat-x top; 

}
body{behavior:url("/fileadmin/templates/reims/js/hover.htc");} /* utile pour les roll-over d'autre element que <a> sur IE 5 */


* {background-repeat:no-repeat; margin:0; padding:0}
body img{border:0;}
hr {clear: both;visibility: hidden;}
.left {float:left;}
.right {float:right;}
.clear{clear:both;height:0px!important; margin:0!important; padding:0!important; font-size:0px;} 
.invisible{display:none;}
.spacer{float:none !important; clear:both; visibility: hidden; margin:0px; padding:0px; background:none;}
.important{color:#CC0000;font-weight:bold;}
/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	
	
/* LANGUE
/*-------------------------------------------------------------------------------------------------------*/

ul#lang{ position:absolute; top:10px; text-align:right; width:950px}
ul#lang li{ display:inline}	
ul#lang a{ color:#999999}

/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 {}
#global {
	margin: auto;
	margin-top:25px;
	margin-bottom:0;
	width:950px;
	text-align:left;
	background-color:#dfe7eb;
}

#corps{
	width: 950px;
	z-index:0;
	text-align:left;
	padding:0 0 10px 0;
	background: #dfe7eb url(../img/bg-corps.jpg) repeat-x top;
}
#contenuEtNav{width:725px; float:left}
#contenu{
	float:right;
	margin:0;
	width: 460px;padding:0 20px 20px 20px;
}

/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {	
	width: 950px; height:139px;
	z-index:0;
	background:#FFFFFF url(../img/bg-bandeau.jpg) no-repeat;
	padding-bottom:36px;
}
#swf-anime{ position:absolute; top:25px;}

#entete a{}

#entete  #accessibilite a{}

#logo {}
#entete h1 {position:absolute;top:45px;margin: 0 0 0 30px;z-index:3000;}
#entete h1 span{}


/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#corps #chemin {color:#6699cc;font-size:100%; padding:30px 0 30px 20px;}
#corps #chemin h2{ display:inline; margin:0; padding:0; color:#336699;font-size:100%;}
#corps #chemin a {color:#6699cc;  text-decoration:none;border:none  }
#corps #chemin a:hover {text-decoration: underline;}
#corps #chemin p, #chemin div {padding:0;margin:0;}
#corps #cheminContenu{width:680px;}


#outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:0; position:relative; top:-18px}
#outilsIcon img{ margin-left:5px;}
#outilsIcon a{ padding:0!important;text-decoration:none!important;}


/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:220px; margin:0 0 0 725px; width:200px; z-index: 50; padding: 0 0 7px 0px; text-align:left;}
/*#recherche h2 {display:none;}*/

#recherche form, #recherche p {z-index: 50;}

#recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; width:130px; border:0; height:15px; padding:2px 2px 2px 30px; color:#999999; background: transparent url(../img/bg-recherche.gif) no-repeat center top ; float:left;}

#recherche .searchbox-button {border:0; color:#fff; background:none; font-weight:bold;}

/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#hautDePage{ text-align:center; border-top:1px solid #336699; padding:10px 0 0 0; clear:both; width:100%}
#hautDePage a{ color:#336699!important; text-decoration:none}

#navigationHaut{list-style-type:none; font-weight:bold;position:absolute;top:4px;color:#FFF;}
#navigationHaut li {display:inline; padding:0; margin:0;}
#navigationHaut a{color:#FFF; text-decoration:none;}
#navigationHaut a:hover{text-decoration:underline;}


/* PIED DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#piedDePage{clear:both;  color:#fff; margin:auto; text-align:center; padding:5px 0;text-align:center;}
#piedDePage a {color:#fff; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0;}	
#piedDePage #copyright{}


/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- */
#outils {margin:10px 0; padding:0; list-style-type:none; font-weight:bold;color:#1b4e7c;}
#outils li {display:inline; padding:0; margin:0;}
#outils a{color:#1b4e7c; text-decoration:none;}
#outils a:hover{text-decoration:underline;}
#adresse {font-weight:bold;}
/* Navigation niveau 2 */
/* ------------------------------------------------------------------------------------------------------- */
#navigationNiveau2{float:left;display:inline; width:190px;border-left:10px solid #ff0033;background-color:#FFFFFF;
margin:0 0 0 25px;border-top:1px solid #aec2ce!important;}
#navigationNiveau2 h2 { display:none}
#navigationNiveau2 ul {list-style-type:none;font-weight:bold;}
#navigationNiveau2 li{border-bottom:1px solid #aec2ce;}
#navigationNiveau2 li a {text-decoration:none; padding:4px 10px; display:block; width:170px;color:#336699;}
#navigationNiveau2 li.on{background-color:#e9eef1;}
#navigationNiveau2 li.on a { color:#ff0033;}
#navigationNiveau2 li li.on { color:#ff0033;}
#navigationNiveau2 li a:hover {text-decoration:underline!important;}
#navigationNiveau2 ul ul {border-top:1px solid #aec2ce;font-size:90%; font-weight:normal;list-style-type:disc;padding-left:30px;}
#navigationNiveau2 ul ul li {border:none;color:#336699;}
#navigationNiveau2 li li a,#navigationNiveau2 li.on li a  {text-decoration:none!important;width:150px; border:none;color:#336699; padding:4px 10px 4px 0px;}
#navigationNiveau2 li li a:hover{text-decoration:underline!important;}
/*#navigationNiveau2 li li.on a {font-weight:bold; text-decoration:underline!important; color:#ff0033!important;}*/
#navigationNiveau2 li.on li a {color:#336699!important;}
#navigationNiveau2 li.on li.on a {color:#ff0033!important;}


.restauration #navigationNiveau2{border-color:#f9a03b;}
.logement #navigationNiveau2{border-color:#f80046;}
.bourses #navigationNiveau2{border-color:#7ccf29;}
.social #navigationNiveau2{border-color:#ff0099;}
.international #navigationNiveau2{border-color:#3398ff;}	
.culture #navigationNiveau2{border-color:#993366;}
.petiteannonce #navigationNiveau2{border-color:#e3b500;}

.restauration #navigationNiveau2 .on a, .restauration #navigationNiveau2 li li.on{color:#f9a03b;}
.logement #navigationNiveau2 .on a, .logement #navigationNiveau2 li li.on{color:#f80046;}
.bourses #navigationNiveau2 .on a, .bourses #navigationNiveau2 li li.on{color:#7ccf29;}
.social #navigationNiveau2 .on a, .social #navigationNiveau2 li li.on{color:#ff0099;}
.international #navigationNiveau2 .on a, .international #navigationNiveau2 li li.on{color:#3398ff;}	
.culture #navigationNiveau2 .on a, .culture #navigationNiveau2 li li.on{color:#993366;}
.petiteannonce #navigationNiveau2 .on a, .petiteannonce #navigationNiveau2 li li.on{color:#e3b500;}

.restauration #navigationNiveau2 li.on li.on a{color:#f9a03b!important;}
.logement #navigationNiveau2 li.on li.on a{color:#f80046!important;}
.bourses #navigationNiveau2 li.on li.on a{color:#7ccf29!important;}
.social #navigationNiveau2 li.on li.on a{color:#ff0099!important;}
.international #navigationNiveau2 li.on li.on a{color:#3398ff!important;}	
.culture #navigationNiveau2 li.on li.on a{color:#993366!important;}
.petiteannonce #navigationNiveau2 li.on li.on a{color:#e3b500!important;}


/* COLONNE DE DROITE  
/* ------------------------------------------------------------------------------------------------------- */
#colonneDroite {float:right;display:inline;width:200px;margin:0 25px 0 0;background-color:#FFFFFF;font-weight:bold;font-size:90%}
#colonneDroite h2{ color:#FFF;background:url(../img/bg-h2-droite.gif);margin:0;padding:0px; }
#colonneDroite h2 span{}
#colonneDroite ul{margin:10px 0 10px 25px;}
#colonneDroite li{color:#fea132;margin:0 0 7px 0;}
#colonneDroite a{text-decoration:underline;display:block; width:165px; padding:0px 5px 0px 0px; color:#224363;}
#colonneDroite a:hover{text-decoration:none;}

#colonneDroite #accesDirect {}
#colonneDroite .pasDevenement{padding:10px 10px 0 10px;}
#colonneDroite #agenda li .date{color:#000000;}
#colonneDroite .consulterAgenda{text-align:center;padding: 10px 0;margin:0 auto;} 
#colonneDroite .consulterAgenda a{width:auto; padding:0px;}


/* FORMATAGE DES LISTES
/* ------------------------------------------------------------------------------------------------------- */
#contenu .list{line-height:normal;}
#contenu .list ul{list-style-type:none;margin:0;padding:0;}
#contenu .list p{margin:0!important;padding:0!important;}	
#contenu .list li{padding:10px 0;border-top:1px solid #ccc;clear:both;}
/*#contenu .list li:first-child{border:none;}
#contenu .list li.colonnage2{background:#ebedef;}
/* POUR FAIRE 2 COLONNES*/
#contenu .list .colonne1, #contenu .list .colonne2 {float:left; width:48%; display:inline}
#contenu .list .colonne1 {clear:left;}
#contenu .list .colonne2 {float:right; clear:right;}


#contenu .list a{}
#contenu .list h3, #contenu .list h4{/* margin:0*/}
#contenu .list img{ float: left;margin:0 5px 5px 0;}

#contenu .list .theme{ /*text-transform:uppercase;*/ color:#999999;display:inline;margin:2px 0 0 0;padding: 3px 0 3px 22px!important;}
#contenu .list .date{ color:#000000; font-weight:bold}


/* AGENDA
/*-------------------------------------------------------------------------------------------------------*/

#contenu #agendaConteneur {text-align:center;}
#contenu .tx-artificaagenda-pi1 {} 
#contenu .tx-artificaagenda-pi1 h4{ color:#006699} 

#contenu .tx-artificaagenda-pi1 .calendar {text-align:center;color:#ccc;}
#contenu .tx-artificaagenda-pi1 .calendar h2 {}
#contenu .tx-artificaagenda-pi1 .calendar table {background-color:#999; width:100%;}
#contenu .tx-artificaagenda-pi1 .calendar table caption {background-color:#4D90CD; color:#fff; padding:3px; font-size:100%}
#contenu .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table a{ display:block;color:#999;padding:0.4em ; border:none}
#contenu .tx-artificaagenda-pi1 .calendar table a:hover {color:#000;background:#e4e4e4}
#contenu .tx-artificaagenda-pi1 .calendar td {background-color:#fff;text-align:right;padding:1px}
#contenu .tx-artificaagenda-pi1 .calendar th {background-color:#e4e4e4; color:#333;text-align:center;padding:1px}	

#contenu .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#999;color:#fff; }
#contenu .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#e4e4e4;}
#contenu .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#F9A03B;color:#000000;}

#contenu .tx-artificaagenda-pi1 .listrow .listrow {}
#contenu .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #ccc;}
#contenu .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold}
#contenu .tx-artificaagenda-pi1 .listrow a {font-weight:normal;}



/* FAQ
/*-------------------------------------------------------------------------------------------------------*/

DIV.tx-cfabwwwminifaq-pi1 {
}
DIV.tx-cfabwwwminifaq-pi1 A {
	color: #CC0000;
}
DIV.tx-cfabwwwminifaq-pi1 P.tx-cfabwwwminifaq-pi1-q {}

DIV.tx-cfabwwwminifaq-pi1 DIV.tx-cfabwwwminifaq-pi1-questions {
	font-weight: bold;
}
DIV.tx-cfabwwwminifaq-pi1 DIV.tx-cfabwwwminifaq-pi1-questions ol li {
	color: #CC0000;
}
DIV.tx-cfabwwwminifaq-pi1 DIV.tx-cfabwwwminifaq-pi1-questions A {
}

DIV.tx-cfabwwwminifaq-pi1 ol.tx-cfabwwwminifaq-pi1-answers {}
DIV.tx-cfabwwwminifaq-pi1 ol.tx-cfabwwwminifaq-pi1-answers li.tx-cfabwwwminifaq-pi1-q-a-package {
}
DIV.tx-cfabwwwminifaq-pi1 ol.tx-cfabwwwminifaq-pi1-answers li.tx-cfabwwwminifaq-pi1-q-a-package p.tx-cfabwwwminifaq-pi1-q {
	font-style: italic;
	font-weight:bold;
}
DIV.tx-cfabwwwminifaq-pi1 ol.tx-cfabwwwminifaq-pi1-answers li.tx-cfabwwwminifaq-pi1-q-a-package a.tx-cfabwwwminifaq-pi1-toplink {
	text-decoration: none;
}
DIV.tx-cfabwwwminifaq-pi1 ol.tx-cfabwwwminifaq-pi1-answers li.tx-cfabwwwminifaq-pi1-q-a-package P.tx-cfabwwwminifaq-pi1-a {
	text-align: justify;
}

DIV.tx-cfabwwwminifaq-pi1 .tx-cfabwwwminifaq-pi1-toplink {text-align:right;}
DIV.tx-cfabwwwminifaq-pi1 HR {
	display: none;
}


/* EMPLOI
/*-------------------------------------------------------------------------------------------------------*/
#contenu .tx-artificaofferemployment-pi1 .list li{}
#contenu .tx-artificaofferemployment-pi1 .list li:hover{}
#contenu .tx-artificaofferemployment-pi1 .list li .panier{float:right;margin-left:10px;}
#contenu .tx-artificaofferemployment-pi1 .list .theme{color:#999999;margin:0!important;padding:0!important;}
#contenu .tx-artificaofferemployment-pi1 .ajout{ display:block;background:url(../img/icon-add.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}
#contenu .tx-artificaofferemployment-pi1 .suppr{ display:block;background:url(../img/icon-delete.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}
#contenu .tx-artificaofferemployment-pi1 .voirSelection{background:url(../img/icon-view.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}

/* LOGEMENT
/*-------------------------------------------------------------------------------------------------------*/
#contenu .tx-artificahousing-pi1 .list li{}
#contenu .tx-artificahousing-pi1 .list li:hover{}
#contenu .tx-artificahousing-pi1 .list li .panier{float:right;margin-left:10px;}
#contenu .tx-artificahousing-pi1 .list .theme{color:#999999;margin:0!important;padding:0!important;}
#contenu .tx-artificahousing-pi1 .ajout{ display:block;background:url(../img/icon-add.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}
#contenu .tx-artificahousing-pi1 .suppr{ display:block;background:url(../img/icon-delete.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}
#contenu .tx-artificahousing-pi1 .voirSelection{background:url(../img/icon-view.jpeg) left #fff no-repeat; padding:4px 4px 4px 20px; margin:5px 0}