/* CSS Document */

* { margin: 0; padding: 0; }

a { color: #208dbc; text-decoration: none; }
a:hover { text-decoration: underline; }

ul, li { list-style: none; }

img { border: 0; }

hr, hr.spip {
	border: 0;
	clear: both;
	_height: 1px;
	_margin: -0.5em 0;
	visibility: hidden;
	}

.hidden {
	display: none;
}

.under {
	text-decoration: underline;
}

body {
/*	background: #ececec;*/
/*	background: #f0f0f0;*/
	background: #EFEFEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}

/* Layout */
#global {
	background: #FDFDFD url(../images/bg_m.jpg) repeat-y top left;
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
	text-align: left;
	width: 922px;
}

#header {
	background: url(../images/etudiants_home_01.jpg) no-repeat;
	height: 318px;
	margin: 0 11px;
}

#content {
	padding: 10px 31px;
}

#left {
	float: left;
	margin-right: 10px;
	width: 190px;
}

#right {
	float: right;
	width: 660px;
}

/* Pour les pages articles remplace RIGHT  */
#center {
	float: right;
	width: 660px;
}

/*#text {
	margin-top: 3em;
	margin-left: 40px;
}*/

#search {
	position: absolute;
	top: 3px;
	right: 20px;
	background: url(../images/menu_souligne.jpg) no-repeat bottom left;
}

#footer {
	position: relative;
	background: #EFEFEF url(../images/bg_footer.jpg) no-repeat top left;
	margin-top: 10px;
	_margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
}

/*#ent-link {
	position: absolute;
	top: 3px;
	left: 20px;
}*/


/* menu "Vous etes" dans le bandeau (Home) */

#vousetes {
	color: white;
	font-size: 1.1em;
	margin-left: 21px;
	position: absolute;
	top: 295px; /*a dfinir*/
}

#vousetes ul {
	list-style: none;
}

#vousetes li {
	display: inline;
}
#vousetes a { color: white; }

#vousetes span {
	font-size: 1.4em;
	font-weight: bold;
}

/* titres */

#header h1, #header h2 {
	font-size: 1em;
	position: absolute;
	top: 85px;
	margin-left: 73px;
	height: 141px;
	width: 188px;
}
#header h1 a, #header h2 a {
	display: block;
	height: 100%;
	width: 100%;
}
#header h1 a:hover, #header h2 a:hover { text-decoration: none; }
#header h1 span, #header h2 span { visibility: hidden; }

#left h2 {
	background: url(../images/bg_menu_h2.jpg) no-repeat bottom left;
	color: #909090; 
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 1em;
	padding-bottom: 4px;
}

/*#right h2, #right h1 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	padding-left: 40px;
	min-height: 32px;
	_height: 32px;
	line-height: 150%;
}

#right h3 {
	font-size: 1.2em;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 30px;
	min-height: 23px;
	_height: 23px;
	line-height: 150%;
}

#right h4 {
	font-size: 1em;
	margin-top: 1em;
}

#right h4 span {
	color: #453A2F;
	font-weight: lighter;
}

#right h5 {
	color: #453A2F;
	font-size: 0.9em;
	font-weight: lighter;
}

#right h6, #center h6 {
	background: url(../images/h4_puce.jpg) no-repeat left top;
	color: #453A2F;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
	padding-left: 20px;
}*/

/* outils */

.tools a {
	color: #453A2F;
}
ul.tools {
	margin-bottom: 20px;
	margin-top: 5px;
}
ul.tools li {
	display: inline;
	height: 30px;
	width: 33px;
	line-height: 250%;
}


/* Navigation principale */
#menu {
	position: absolute;
	top: 30px;
	left: 0;
	background: #453a2f url(../images/bg_menu.jpg) repeat-x;
	margin: 0 11px;
	height: 30px;
	width: 899px;
	z-index: 5;																	
}
#menu li {
	display: block;
	float: left;
	position: relative;
	padding-top: 5px;
	width: 119px;
}
#menu li ul {
	background-color: white;
	display: none;
	padding-top: 3px;
	position: absolute;
	top: 30px;
	left: 0;
}
#menu li:hover {
	background-color: white;
}
#menu li:hover ul {
	display: block;
}
#menu li div a {
	color: white;
	display: block;
	height: 25px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}
#menu li a:hover {
	text-decoration: none;
}
#menu li ul li {
/*	background: url(../images/ligne_points_h.jpg) no-repeat left top;*/
	margin: 0;
	padding: 0;
	padding-top: 3px;
	font-size: 1em;
	}
#menu li ul a {
	color: #453A2F;
	display: block;
	padding: 2px;
}
li#accueil {
	margin: 0;
	padding: 0;
	width: 35px;
}
#accueil img {
	display: block;
}
li#smenu6, li#smenu6 ul, li#smenu6 ul li { width: 150px; }

#menu li.on { background-color: white; }

li:hover#smenu1 div a, li#smenu1.on div a { color: #810249; font-weight: bold; }
li:hover#smenu2 div a, li#smenu2.on div a { color: #54c300; font-weight: bold; }
li:hover#smenu3 div a, li#smenu3.on div a { color: #5d3e11; font-weight: bold; }
li:hover#smenu4 div a, li#smenu4.on div a { color: #ab0031; font-weight: bold; }
li:hover#smenu5 div a, li#smenu5.on div a { color: #b2000c; font-weight: bold; }
li:hover#smenu6 div a, li#smenu6.on div a { color: #4b2884; font-weight: bold; }
li:hover#smenu7 div a, li#smenu7.on div a { color: #ff6200; font-weight: bold; }

li#smenu1 ul li a:hover { background-color: #810249; color: #FFFFFF; }
li#smenu2 ul li a:hover { background-color: #54c300; color: #FFFFFF; }
li#smenu3 ul li a:hover { background-color: #5d3e11; color: #FFFFFF; }
li#smenu4 ul li a:hover { background-color: #ab0031; color: #FFFFFF; }
li#smenu5 ul li a:hover { background-color: #b2000c; color: #FFFFFF; }
li#smenu6 ul li a:hover { background-color: #4b2884; color: #FFFFFF; }
li#smenu7 ul li a:hover { background-color: #ff6200; color: #FFFFFF; }



/* Navigation secondaire / Menu ouvert gauche */

#smenu a { color: #453A2F; }
#smenu li ul a { color: #909090; }
#smenu li ul li a.on { font-weight: normal; }

ul#smenu  {
	margin-bottom: 2em;
}
ul#smenu li {
	margin-bottom: 0.5em;
}
ul#smenu li ul {
	margin: 5px 0 5px 20px;
}
ul#smenu li ul li {
	margin-bottom: 0.3em;
}


/* Chemin ou fil d'ariane */

p#ariane { margin-top: 0; margin-bottom: 2em; }
p#ariane a { color: #453A2F; }



/*Pied de page*/
ul.footer {
	text-align:center;
}
ul.footer li {
	display: inline;
}
#footer a {
	color: #453A2F;
}

hr.cleaner {
	clear: both;
}

/* Liens RSS / réseaux sociaux */

#follow {
	position: absolute;
	right: 8px;
	top : 26px;
	width: 100px;
}
#follow li {
	display: inline;
	margin-left: 3px;
}
#follow img { display: inline; }


/* Formulaire de recherche */

#search label {
	color: #909090;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
}
#find {
	border: 1px solid #909090;
	/*padding: 1px;*/
	vertical-align: middle;
	width: 90px;
}
.ok {
	vertical-align: middle;
}



/* Lien ENT haut de page */

#ent a {
	color: #e4e4e4;
}

/* Sous services dans la liste des services */
div.sousservices {
	background: url(../images/ligne_points_v.jpg) repeat-y left top;
	color: #453A2F;
	margin-left: 10px;
	margin-bottom: 2em;
	padding-left: 20px;
}



/* Drapeaux / TRADUCTION */

#flag {
	position: absolute;
	left: 25px;
	top: 255px;
}
#flag li {
	display: inline;
}
#flag li img {
	border: 1px solid #cbdde7;
}
#flag li a:hover img {
	border: 1px solid white;
}

/*#center p.traductions {
	color: #999;
	line-height: normal;
	margin: 0;
	padding-left: 40px;
}*/


/* ENCART TYPE / ZOOM SUR */

#zoomsur {
	float: right;
	width: 230px;
}

#encart {
	float: right;
	background: url(../images/encart_type.jpg) no-repeat top;
	height: 250px;
	width: 230px;
}
#encart h3.encart {
	background-image: none;
	margin: 12px 17px 0 17px;
	padding: 0;
}

#right #encart h4 {
	color: #453A2F;
	font-size: 1em;
	margin: 5px 17px 0.3em 17px;
	margin-left: 17px;
}
#encart img {
	margin-left: 17px;
}
#right #encart p {
	font-size: 0.9em;
	margin: 0 17px 5px 17px;
}
#encart a.url {
	font-size: 1.2em;
}

#right div.encart-info {
	background: url(../images/bg-bottom-encart-info.jpg) no-repeat left bottom;
	color: #453A2F;
	float: right;
	width: 230px;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
	clear: right;
}

#right div.encart-info h3 {
	background: url(../images/bg-top-encart-info.jpg) no-repeat left top;
	margin: 0;
	padding: 0.5em 10px 0 10px;
	text-transform: uppercase;
}

#right div.encart-info h4 {
	background: url(../images/ligne-encart-info.jpg) no-repeat -1px top;
	font-size: 1em;
	margin: 0 10px 0.3em 10px;
	padding-top: 10px;
}
#right div.encart-info p {
	font-size: 0.9em;
	margin: 1em 10px;
}


/* Showing - Rubrique recrutement */

/*#right .showing {
	margin-bottom: 1.5em;
}
#right .showing h3 {
	background: #FFF url(../images/rub-actu/main-content-h3.png) no-repeat left top;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding-left: 30px;
	min-height: 21px;
	_height: 21px;
	line-height: 150%;	
}
#right .showing p {

}
#right .showing h4 {
	font-size: 1.1em;
}
*/


/* Colonne dans les home pages de rubriques */
/* Affichage classique dans les homes pages de rubriques */

/*.col { 
	width: 45%;
}
.col-large {
	width: 400px;
}

#right .col h3, #right .divhome h3, #right .col-large h3 {
	margin: 1em 0 0 0;
}
#right .col p, #right .divhome p, #right .col-large p {
	margin: 0 0 0 30px;
	text-align: justify;
}
#right .col div, #right div.divhome, #right .col-large div {
	margin-bottom: 1.2em;
}
#right .col img, #right .divhome img {
	float: left;
	margin: 0 5px 5px 30px;
}
#right h4.divhome {
	font-weight: normal;
	margin-left: 30px;
}

.c-left { margin-right: 10px; float: left; }
.c-right { float: right; }*/



/* Disposition du contenu de la page type et home page rubrique */

/*#right p, #right li, #right quote {
	line-height: 150%;
}

#right p.intro {
	background: url(../images/bg_intro.jpg) no-repeat left bottom;
	color: #453A2F;
	font-size: 1.15em;
	font-style: italic;
	line-height: 130%;
	margin-left: 40px;
	margin-bottom: 2em;
	padding: 0 0 10px 10px;
}

#right p {
	margin-bottom: 1.5em;
}
hr.space {
	clear: both;
	height: 2em;
}
hr.cleft{
	clear: left;
}

img.illustre {
	float: right;
	clear: right;
}

#right div#bi {
	margin-top: 1em;
}

#right div.box-srub {
	margin-bottom: 1em;	
}
#right div.box-srub h3 {
	margin-bottom: 0.3em;
}*/



/* Sites référencés */

/*#site-ref {
	font-size: 0.95em;
}

#right #site-ref h3.site-ref {
	background: url(../images/h2_plus_info_formation.jpg) no-repeat left center;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 1em;
	min-height: 25px;
	_height: 25px;
	padding-left: 30px;
}

#right #site-ref h3 span {
	background: #FFF;
	padding-right: 10px;
}

#right #site-ref ul {
	margin-left: 30px;
}

#right #site-ref li {
	list-style: inside url(../images/puce_plus_orange.jpg);
	min-height: 20px;
} */



/* Vidéo */
div.video {
	border: 3px solid #CCCCCC;
	margin-left: 10px;
	float: right;
}

/* Date de dernière modification - FORMATION */
.maj {
	color: #666666;
	text-align: right;
}

/* Date de mise en ligne des articles */

/*.date {
	color: #666666;
/*	color: #453A2F;*/
	font-size: 0.8em;
	font-weight: normal;
}*/


/* PAGE ARTICLE */
/* Sommaire d'article (ancres) */
/*
#center ul#tableofcontents {
	background: url(../images/ligne_points_v.jpg) repeat-y left top;
	margin-left: 10px;
	margin-bottom: 2em;
	padding-left: 20px;
	list-style: none;
}
#center ul#tableofcontents li {
	color: #453A2F;
	line-height: 140%;
}

#center ul#tableofcontents ul {
	margin-left: 30px;
}



#center p {
	line-height: 150%;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

#center h2, #center h1 {
	font-size: 1.6em;
	margin-bottom: 1em;
	padding-left: 40px;
	min-height: 23px;
	_height: 23px;
	line-height: 150%;
}

#center h3, h3.spip {
	background: url(../images/ligne_points_h.jpg) repeat-x bottom;
	color: #208dbc;
	font-size: 1.3em;
	margin-top: 3em;
	margin-bottom: 1em;
	padding-bottom: 5px;
}

#center h4 {
	color: #453A2F;
	font-size: 1em;
	margin-top: 2.5em;
	margin-bottom: 2em;
	text-transform: uppercase;	
}

#center h4.star {
	background: url(../images/h4_star_actu.jpg) no-repeat left top;
	color: #ff6200;
	font-size: 1.2em;
	margin-top: 3em;
	margin-bottom: 1em;
	padding-left: 30px;
	min-height: 23px;
	_height: 23px;
	line-height: 150%;
	text-transform: none;
}

#center h4.star span {
	background: #FFF;
	padding-right: 10px;
}

#psp {
	background: url(../images/bg_ps_b.jpg) no-repeat right bottom;
	margin-top: 0.5em;
	padding-bottom: 16px;
	width: 510px;
}

#center h3.soustitre, #center h2.soustitre {
	background: none;
	color: #453A2F;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 40px;
	padding: 0;
}

#center h5.info, #right h5.info {
	font-size: 1.3em;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 0.5em;
	min-height: 25px;
	_height: 25px;
	padding-left: 40px;
}

p.chapo {
	font-weight: bold;
	color: #453A2F;
}

#ps {
	background: url(../images/bg_ps_b.jpg) no-repeat left bottom;
	margin-top: 2em;
	padding-bottom: 16px;
	width: 510px;
}
#ps p, #psp p {
	background: url(../images/bg_ps.jpg) repeat-y;
	margin: 0;
	padding: 0.5em;
}

#center div.info, #right div.info {
	background-color: #ececec;
	margin: 0 0 0 40px;
	padding: 10px;
}
#center div.info p, #right div.info p {
	margin: 0 0 1em 0;
}

#center p.urlweb {
	background: url(../puce.gif) no-repeat left top;
	padding-left: 15px;
	min-height: 15px;
}

#center p.bigger {
	font-size: 1.2em;
}
#center span.bigger {
	font-size: 1.2em;
}
#center p.plus {
	background: url(../images/h4_puce.jpg) no-repeat left;
	padding-left : 15px; 
}


#center div.jpo {
	margin-left: 30px;
}*/


/* PAGE LISTES ACTUALITES */

/*#right div.listart {
	background-color: #f8f5f5;
	padding: 0.5em;
	margin-bottom: 2em;
}
#right .listart h4 {
	margin: 0.5em 0 0.4em 0;
}
#right .listart p {
	margin: 0;
}
#right .listart img, #right .col .listart img {
	float: left;
	margin: 0;
	margin-right: 0.5em;
}
#right .listart h4 {
	font-size: 1.1em;
}

#right ul {
	margin-left: 50px;
}
#right li {
	list-style-image: url(../images/li.gif);
	list-style-position: outside;
	line-height: 150%;
}*/


/* Appel d'offre */
#right h4.offre {
	margin-left: 30px;
}


/* Résultats de recherche */
/*#center div.resultat {
	background: url(../images/ligne_points_h.jpg) repeat-x bottom;
	margin-left: 40px;
	padding-bottom: 5px;
}
#center .resultat h3 {
	background: none;
	font-size: 1em;
	margin: 1em 0 0 0;
}
#center .resultat h4 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 1em 0;
}
#center p.pagination {
	margin: 2em 0 0 40px;
}*/

/* RSS */

.rss {
	font-size: 1.1em;
	line-height: 160%;
	width: 150px;
}




/* Essai UNIFORM puces ouvrir / fermer */

a.uniform {
	display: block;
	background: url(../images/uniform_fermer.jpg) no-repeat left top;
	padding-left: 30px;
	min-height: 24px;
}


/* SPIP-STYLE                                              */


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_logos { margin-left: 5px; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.9em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.9em; margin-left: auto; margin-right: auto; }

/* Tableaux */
table.spip {
	margin-bottom: 1em;
	border: 1px solid #00496c;
	border-collapse: collapse;
	width: 100%; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #bfd5e0; }
table.spip tr.row_odd { background: #FFF; }
table.spip tr.row_even { background: #ececec; }
table.spip th, table.spip td { padding: 0.5em; text-align: left; vertical-align: middle; /*border: 1px solid #00496c;*/ }

/*ul.spip {
	margin-left: 50px;
}
ul.spip li {
	list-style-image: url(../images/li.gif);
	list-style-position: outside;
	line-height: 150%;
}*/


/* TABLEAU AMELIORE */

table.tabamelior {
	margin-bottom: 1em;
	border: 1px solid #00496c;
	border-collapse: collapse;
	width: 100%;
}
table.tabamelior tr {
	background: #fff;
}
table.tabamelior td {
	padding: 0.5em; text-align: left; vertical-align: top;
}
table.tabamelior tr.exer {
	background: #ececec; border-bottom: 1px solid #00496c;
}

