/******************************************/
/*     Classic Style CSS 01/2009          */
/*   Style CSS pour WikiUPVD	    v.2.O */
/******************************************/
/******************************************/

/******************************************/
/*              Général                   */
/******************************************/
html
{
	background-color : #e9f2f2;
	padding : 0;
	font-family : sans-serif;
	border:none;
}

body
{
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	font-size:0.9em;
}

hr
{
	height: 1px;
	color: #000000;
	background-color: #000000;
	border: 0;
}
ol
{
	position: relative;
	margin:0; 
	list-style:none;
}

.strong 
{
	color : #E47833;
	font-weight : bold;
}

.titre_article
{
	font-size:24px;
	margin-bottom:48px;
	width:98%;
	margin-left:0;
	margin-left:1%;
}

h1 
{
	font-size : 20px;
	color : #E47833;
	border-bottom: 1px solid #E47833;
	width:98%;
	padding-bottom:6px;
	margin-bottom:24px;
	font-weight : bold;
	top : 0;
	margin-left:6px;
}
a 
{
	text-decoration : none;
	color : #236B8E;
}
a:hover
{
	color : #FF7F00;
}

.italic
{
	color : black;
	font-style:italic;
}

h2
{
	text-align : left;
	font-size : 16px;
	color : #E47833;
	border-bottom: 1px solid #E47833;
	width:96%;
	margin-left:10px;
	font-weight : bold;
}

h3
{
	text-align : left;
	font-size : 14px;
	color : #E47833;
	border-bottom: 1px solid #E47833;
	width:94%;
	margin-left:14px;
	font-weight : bold;
}

h4
{
	text-align : left;
	font-size : 14px;
	color : #E47833;
	font-weight : bold;
}

pre {
line-height: 8px;
}
table
{
	margin:0;
	padding:0;
	top:0;
}

tr
{
	border:none;
}

td
{
	border:none;
}

img
{
	border:none;
}

.articles
{
	margin-left:1%;
}

.articles table
{
	margin:0;
	padding:4px;
	top:0;
	border-collapse: collapse;
	text-align:center;
}

.articles tr
{
	border:1px solid #646464;
}

.articles td
{
	border:1px solid #646464;
}

.articles caption
{
	font-family: sans-serif;
	color : #E47833;
}
/******************************************/
/*             Index	                  */
/******************************************/
div.conteneur
{
	overflow:hidden;
	width:100%;
	min-width:800px;
	max-width:1900px;
	margin:0;
	padding:0;
}

.conteneur2
{
	width:100%;
}

div.banniere
{
	height:105px;
	width:475px;
	margin: 4px auto;
}

div.banniere img
{
	border:none;
}

div.part_gauche
{
	float: left;
	width: 190px;
	border: 1px solid #cecece;
	margin-right:5px;
	margin-left:5px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
	div.boite_left
	{
		background-color : #eaeaea;
	}
	
	.image_haut, .image_haut2
	{
		background-image: url(../images/fond_haut.png);
		background-repeat: repeat-x;
		font-size: 12px;
		color: #ffffff;
		font-family: sans-serif;
		padding-top: 2px;
		padding-left: 4px;
		border-left:1px solid #cecece;
		border-right :1px solid #cecece;
		-moz-border-radius-bottomleft:8px;
		-moz-border-radius-bottomright:8px;
		-moz-border-radius-topleft:8px;
		-moz-border-radius-topright:8px;
	}
	div.image_haut
	{
		text-align: center;
	}
	div.image_millieu
	{
		background-color : #eaeaea;
		vertical-align: middle;
		position : relative;
		font-size : 12px;
		padding: 10px;
		z-index : 1;
	}

.part_droite
{
	top: 0px;
	margin-right:5px;
	margin-top:0;
	border: 1px solid #cecece;
	overflow:hidden;
	font-size:0.9em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.conteneur_droit
{
	clear:both;
	width:100%;
}

	div.menu_top
	{
		background-image: url("../images/sous_barre.png");
		background-position: center;
		background-repeat: repeat-x;
		width: 99%;
		padding: 5px;
	}

div.pied_de_page
{
	width: 80%;
	min-width:1024px;
	left: 0%;
	top: 100%;
	text-align:center;
	margin:10px auto;
	padding-top:6px;
	border-top: 1px solid #cecece;
}

.boxMessage
{
	margin-top:10px;
	margin-bottom:6px;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	border: 1px solid #f16868;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.erreur
{
	background:no-repeat;
	background-image:url("../images/erreur.png");
	color:red;
	padding-left:48px;
	padding-bottom:24px;
	padding-top:12px;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.boxInformation
{
	margin-top:10px;
	margin-bottom:6px;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	border: 1px solid green;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.information
{
	background:no-repeat;
	background-image:url("../images/information.png");
	color:green;
	padding-left:48px;
	padding-bottom:24px;
	padding-top:12px;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
/******************************************/
/*              Page d'acceuil            */
/******************************************/
.conteneur_departements
{
	clear:both;
	width:98%;
	margin-left:1%;
	border: 1px solid #cecece;
	margin-bottom:8px;
	background:#dff0ea;
	margin-top:8px;
}

.departements
{
	margin-top:30px;
}

.departements table
{
	margin:auto;
	padding:auto;
}

.departements td
{
	text-align:center;
	font-size:0.9em;
	width:80px;
	padding-right:40px;
}

.departements .matiere
{
	width:90px;
	margin-bottom:20px;
}

.departements img
{
	display:block;
	border:none;
	
}

.gauche
{
	float:left;
	width:30%;
	margin-top:8px;
	margin-left:2%;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:250px;
	border: 1px solid #cecece;
	font-size:1.2em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.gauche_acc
{
	float:left;
	width:40%;
	margin-top:12px;
	margin-left:10%;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:250px;
	border: 1px solid #cecece;
	font-size:1.2em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.milieu
{
	float:left;
	width:30%;
	margin-top:8px;
	margin-left:2%;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:250px;
	border: 1px solid #cecece;
	font-size:1.1em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.droit
{
	float:left;
	width:30%;
	margin-left:30%;
	margin-top:8px;
	margin-bottom:6px;
	margin-left:2%;
	background:#dff0ea;
	min-height:250px;
	border: 1px solid #cecece;
	font-size:1.2em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
.droit_acc
{
	float:left;
	width:40%;
	margin-left:2%;
	margin-top:12px;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:250px;
	border: 1px solid #cecece;
	font-size:1.2em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.listeAccueil
{
	font-size: 0.8em;
	padding-left:4px;
	padding-right:4px;
}

	div.image_haut2
	{
		text-align: left;
	}
	div.categorie
	{
		background-color: #eaeaea;
		padding: 5px;
		min-height: 50px;
		height: auto;
	}
	div.separation
	{
		background-image: url("../images/separator.png");
		background-color: #eaeaea;
		background-repeat: repeat-x;
		padding: 5px;
		height: 2px;
	}

.menuDroit
{
	font-size:0.7em;
	padding:4px;
}
	
.news
{
	clear:both;
	width:93%;
	margin-left:3%;
	border: 1px solid #cecece;
	margin-bottom:6px;
	background:#dff0ea;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.fullNews
{
	width:100%;
	margin-bottom:6px;
}

.newsContent
{
	margin-left:1%;
}

.newsTitle
{
	background-image: url(../images/fond_haut.png);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #ffffff;
	font-family: sans-serif;
	padding-top: 2px;
	padding-left: 4px;
	border-left:1px solid #cecece;
	border-right :1px solid #cecece;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.newsTitle a
{
	color: #ffffff;
	
}

.newsTitle a:hover
{
	color: #ffffff;
}

.newsBottom
{
	margin-top:12px;
	padding-left:8px;
	background-color: #d5d5d5;
}

.newsPages
{
	text-align:center;
}

.noComments
{
		text-align:center;
		font-size:1.4em;
}

.comment
{
	background-color:#edf2f6;
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
	margin-bottom:6px;
	font-size:0.9em;
}

.commentName  /*Titre d'un commentaire*/
{
	color:white;
	text-align:left;
	background: url("../images/fond_haut.png") repeat-x;
	/*background-color:#cbecf1;*/
	padding-left:8px;
	font-size:12px;
	padding-bottom:2px;
}

.newsComments
{
	margin-top:10px;
	padding-top:30px;
}

.commentConteneur
{
	min-height:64px;
}

.commentAvatar
{
	float:left;
	width:70px;
	padding-top:4px;
}

.commentContent
{
	border-left:1px solid #cecece;
	margin-left:70px;
	min-height:64px;
	padding-top:2px;
}

.commentAvatar img
{
	width:60px;
	height:60px;
	padding-left:5px;
}



.newsComments .noComments
{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.newsComments .leaveComment
{
	color:#2b4375;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #2b4375 ;
	margin-left:4px;
	margin-right:8px;
	margin-top:20px;
	margin-bottom:20px;
}

.newsComments
{
	padding-left:15px;
}

.commentContent
{
	padding-bottom:10px;
	padding-left:5px;
}

.commentName a
{
	color:white;
	text-decoration:underline;
}


/******************************************/
/*            Connexion		             */
/******************************************/
div.boite_log
{
	background-color : #eaeaea;
	width : 100%;
	margin-left : 0%;
	margin-top : 0%;
}
div.connexion
{
	background-color : #eaeaea;
	padding: 0px;
	font-size : 12px;
}

/******************************************/
/*           Inscriptions		          */
/******************************************/
div.boite_inscription
{
	background-color : #eaeaea;
	width : 100%;
	margin-left : 0%;
	margin-top : 0%;
}
div.inscription
{
	background-color : #eaeaea;
	font-size : 12px;
	padding: 5px;
}

/******************************************/
/*             Profil	                  */
/******************************************/
div.boite_profil
{
	background-color : #eaeaea;
	width : 55%;
	margin-left : 25%;
	margin-top : 10%;
}
div.profil
{
	background-color : #eaeaea;
	font-size : 12px;
	padding: 5px;
}

/******************************************/
/*           Messagerie 	              */
/******************************************/
.tableMP
{
	border: 1px solid #cecece;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	margin-bottom:10px;
	border-collapse: collapse;
}

.tableMP th
{
	color:#E47833;
	border:1px solid white;
	background-color:#cecece;
}

.tableMP tr.row1 td
{
	background-color: #c0e4e0;
}

.tableMP tr.row2 td
{
	background-color: #a7dcd7;
}

.tableMP td
{
	border:1px solid white;
	padding-left:4px;
}

.tableMP.etat
{
	width:8%;
}

.tableMP .sujet
{
	width:42%;
}

.tableMP .de
{
	width:25%;
}

.tableMP .date
{
	width:25%;
}

.mp
{
	width:70%;
	margin:0 auto;
	background-color:#e3e3e3;
	border: 1px solid white;
}

.lectureMP
{
	border: 1px solid #cecece;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:4px;
	border-collapse: collapse;
}

.lectureMP th
{
	color:#E47833;
	border:1px solid white;
	background-color:#cecece;
	width:20%;
}

.lectureMP tr.row1 td
{
	background-color: #c0e4e0;
}

.lectureMP tr.row2 td
{
	background-color: #a7dcd7;
}

.lectureMP td
{
	border:1px solid white;
	padding-left:4px;
	width:60%;
}

.corpsMessage
{
	padding-left:8px;
	min-height:120px;
}

.actionMP
{
	margin-top:8px;
	text-align:center;
	border-top: 1px solid white;
}

/******************************************/
/*           Administration	              */
/******************************************/

.actions
{
	margin-left:12px;
	padding-top:18px;
}

.actions table
{
	margin:auto;
	padding:auto;
}

.actions td
{
	text-align:center;
	font-size:0.9em;
	width:15%;
	
}

.actions .element
{
	width:90px;
	margin-bottom:20px;
}

.actions img
{
	display:block;
	border:none;
	
}

/******************************************/
/*           Utilitaires	              */
/******************************************/
div.boite_utilitaire
{
	background-color : #eaeaea;
	width : 100%;
	margin-left : 0%;
	margin-top : 3.2%;
}
div.util
{
	background-color : #eaeaea;
	font-size : 12px;
	padding: 5px;
}

/******************************************/
/*         Cours demandés				  */
/******************************************/
div.boite_wanted
{
	background-color : #eaeaea;
	width : 50%;
	margin-left : 25%;
	margin-top : 10%;
}
div.wanted
{
	background-color : #eaeaea;
	font-size : 12px;
	padding: 5px;
}

/******************************************/
/*             Mise en page               */
/******************************************/

.presentationConteneur
{
	background-color:#dff0ea;
	width:80%;
	border:1px solid #cecece;
	padding:4px;
	margin:0 auto;
	margin-top:8px;
}

.presentation
{
	margin-left:100px;
	
}

.imgpresentation
{
	float:left;
	width:100px;
}

.opt
{
	background-image: url("../images/bandeau_options.png");
	background-repeat: repeat-x;
	font-size: 12px;
	color: #ffffff;
	padding-top:2px;
	font-family: sans-serif;
	height: 28px;
	padding-left: 5px;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
}

.opt a
{
	color:white;
	margin-right:10px;
}

.opt .confirm
{
	color:red;
}

.balise_code
{
	border: 1px dotted #666666;
	background-color: #EAEAAE;
	font-size:12px;
	padding: 1px;
	width: 90%;
	margin-left: 20px;
	overflow:auto;
}

.console
{
	background-color: black;
	color: white;
	margin-right:4px;
	margin-top:0;
}

.underline
{
	text-decoration:underline;
}

.align-right
{
	float:right;
	padding-right:5px;
}

.align-center
{
	text-align:center;
}

ol li
{
	list-style-type:decimal;
}

.hr
{
	border-bottom:1px solid #cecece;
	width:100%;
	height:2px;
}

.xs
{
	font-size:0.6em;
}

.s
{
	font-size:0.8em;
}

.l
{
	font-size:1.2em;
}

.xl
{
	font-size:1.4em;
}

.hist
{
	margin-left:25%;
}
/******************************************/
/*             Formulaires                */
/******************************************/
.bouton, .bouton:hover
{
	color: #ffffff;
	background-color: transparent;
	border: none;
  	text-decoration: none;
  	font-weight: bold;
  	text-align: center;
  	width: 110px;
  	height: 24px;
}
.bouton
{
	background-image: url(../images/bouton_24px_silver.png);
}
.bouton:hover
{
	background-image: url(../images/bouton_24px.png);
}

.bouton2, .bouton2:hover
{
	color: #ffffff;
	background-color: transparent;
	border: none;
  	text-decoration: none;
  	font-weight: bold;
  	text-align: center;
  	width: 12px;
  	height: 12px;
	background: url(../images/loupe.png) no-repeat;
}

.input, .defaut
{
	border : 1px solid black;
	margin : auto;
}
.input
{
	width : 120px;
}
.input_message
{
	width : 60%;
	border : 1px solid black;
	margin : auto;
}

/******************************************/
/*          	Recherche                 */
/******************************************/
.recherche 
{
	padding-left: 10px;
	font-size : 12px;
}

.input_recherche
{
	width:140px;
	font-size:10px;
}
/*****************************************/
/*				Formulaires	                   */
/*****************************************/

.inputBBcode
{
	border:1px solid #cecece;
}

.textareaNote
{
	width:80%;
}

.inputNote
{
	width:250px;
}

.submit
{
	border:1px solid #cecece;
}

/*****************************************/
/*				Profil	                   */
/*****************************************/
.profil_gauche
{
	float:left;
	width:45%;
	margin-top:8px;
	margin-left:2%;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:200px;
	border: 1px solid #cecece;
	font-size:1.0em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.profil_droit
{
	float:left;
	width:45%;
	margin-top:8px;
	margin-left:2%;
	margin-bottom:6px;
	background:#dff0ea;
	min-height:200px;
	border: 1px solid #cecece;
	font-size:1.0em;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

.int_profil_droit
{
	padding-left:15%;
	padding-top:16px;
}

.avatarprofil
{
	float:right;
	margin-left:10%;
	margin-right:10%;
	margin-top:12px;
}

.avatarprofil img
{
	width:60px;
	height:60px;
}