/* ATTENTION : IE6 NE COMPREND PAS LES DEUX SLASH //  => ca fait un bon HACK ça !!!  POUR COMMENTER  IL FAUT UTILISER SLASH ETOILE   */
/* structure des div pour les colonnes d'après http://www.couzinhub.com/node/148    */

/* RAZ  */ 
* {
	margin:0;
	padding:0;
}
html {overflow-y: scroll;}  /* TOUJOURS AFFICHER LA SCROLL BAR (sinon ca decale la page qud elle s'affiche)  */


/*****************************/
/* POSITIONNEMENT GLOBAL */
/*****************************/

#page {
	top:0px;
	width:950px;  			/* LARGEUR PAGE UTILISEE */
	margin:0 auto;
	position:relative;
}
#main {
	clear:both;
}


*html #main, * html #page{ height:1%; }  	 /* HACK for IE6 only */
*html .bg{ height:1000em; }    			/* HACK for IE6 only */

#content {
	float:left;
	margin-right:-100%;
	width:100%;
}
.column {
	float:left;
}
#content-inner {
	min-height:444px;		/* HAUTEUR MINIMALE DES COLONNES */
	margin-left:150px;		/* LARGEUR 1ere COLONNE (menus) */
	float:none;
	margin-right:0px;		/* LARGEUR 3eme COLONNE (pas utilisée) */
}
.left {
	margin-right:-150px;		/* LARGEUR 1ere COLONNE (menus) */
	width:150px;				/* LARGEUR 1ere COLONNE (menus) */
	background-color:#AAA;      /* necessaire pour IE6  */
}
*html #left {
left:0px;
}

.right {
	float:right;
	width:0px;				/* LARGEUR 3eme COLONNE (pas utilisée) */
}
#footer, #header {
	clear:both;
}
.bg {
	bottom:0;
	height:100%;
	position:absolute;
}
#bgleft {
	left:0;
	background-color:#AAA;      /* necessaire pour IE6  */
}
#bgright {
	right:0;
}
#bgcenter {
	right:0;
	width:100%;
}
#content, #left, #right, #header, #footer {
	position:relative;
	z-index:2;
}
#header {
	height:100px;
	background-image: url(images/degrade_y100.bmp);
	background-repeat: repeat-x;
	vertical-align: top;
}
#footer {
	background-color:white;
	text-align:right;
    font-family: sans-serif;
	font-size: 8pt;
}

#bgleft {
	background-color:#AAA;
}
#bgright {
	background-color:#DAFFC6;
}
#bgcenter {
	background-color:#FAFAFA;
}
/*  BANDEAU GAUCHE --------------------------------------- */
#bandeau_gauche {
	clear:both;
	float:left;
	width:150px;
	background-color:white;

}
/*  BANDEAU CENTRE --------------------------------------- */
#bandeau_centre {
	float:left;
//	width:300px;   /* HACK for IE6 only  qui ne commente pas le SLASH SLASH*/
	height:100px;
	top:50px;
}
/*  BANDEAU DROITE --------------------------------------- */
#bandeau_droite {
	float:right;
	height: 50px;
	vertical-align: top;
    font-family: sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
/* partie SUPERIEURE de la partie droite du bandeau  */
#bandeau_droite_haut  {
	margin-top:0px;
	font-family: sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 30px;
	text-align: center;
	vertical-align: bottom;

}
/* La partie INFERIEURE de la partie droite du bandeau */
#bandeau_droite_bas {
/*	position: absolute;*/
	height: 30px;
	top:50px;
	width:100%
}




/******************/
/* page d'accueil */
/******************/

#accueil {
	min-height:600px;
	background-color: #666;
//	background-color: white;    /* HACK for IE6 only  qui ne commente pas le SLASH SLASH*/
	color: white;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}

#police_accueil_1 {
	font-family:garamond;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
//	background-color: white;    /* HACK for IE6 only  qui ne commente pas le SLASH SLASH*/
//	color:#666;
	padding-top:30px;   
}

#police_accueil_2 {
	font-family: garamond;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-right:50px;
//	background-color: white;    /* HACK for IE6 only  qui ne commente pas le SLASH SLASH*/
//	color:#666;
	padding-top:10px;   
	padding-bottom:30px;   
}
p.police_news {
	color:white;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin-right:50px;
	padding-left:10px;
	padding-top:10px;   
	padding-bottom:5px;
	
}
p.police_news a {
	color:white;

}
img.logo_bandeau {
	border:none;    /* je sais par pourquoi il y a un border 2px */
	background-color:white;
}
img.logo_menu {
	border:none;    /* je sais par pourquoi il y a un border 2px */
	margin-left:10px;
}

img#logo_iut {
	margin-top:10px;
// margin-top:0px;  /* UNIQUEMENT PRIS EN COMPTE PAR IE6   */
	height: 100px;
}
img#logo_pres {
	background-color:white;
}
#accueil img{
	border:none;
	margin-left: 0em;
}
#candidater {
	color:white;
	height:60px;
	line-height:60px;
	margin-top:170px;
	background-image: url(/squelettes/iut/images/candidater_vide.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;  /*position  par rapport à left et top */
	background-color:none;
	border:none;
	text-align:center;

}
#candidater a {
	color:white;
	font-size:18px;
	display: block;
	text-decoration: none;
	vertical-align:middle;
}
#actualites {
	width:800px;
	text-align: left;
	background-color: white;
	color: black;
}
#actualites  a {
	color: black;
	font-size: 14px;
	font-weight: normal;
}

#breves {
    color: black;
    clear: both;
    font-size: 8pt;
    padding: 0;
    margin: 0;
	text-align: left;
}
#breves span {
        display: block;
        margin-bottom: 2em;
}
#breves strong {
        color: #0066ff;
        font-weight: bold;
}
#breves a {
        color: black;
        font-weight: normal;
        text-decoration: none;
}
#actu {
        margin-bottom: 0;
        text-align: center;
}

#videos {
	min-height:180px;
	text-align: center;
	vertical-align: center;
} 

 


/**********************/
/* Paramètres globaux */
/**********************/
body {
	background-color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
}
dl {  /* definition list  */
	margin: 0;
	padding: 0;
}
dt {  /* Definition Term */
	margin: 0;
	padding: 0;
}
dd {   /* Definition Description */
	font-size: smaller;
	margin: 0;
	padding: 0.5em;
	text-align: justify;
}






/*********************************************************************/
/* BANDEAU  (haut de page) contenant le logo et les boutons  */
/*********************************************************************/
#header  a {
	color:#666;
}

/* boutons_bandeau_centre (ancien menuderoulant) */
#bandeau_centre, #bandeau_droite {
	height:100px;
	padding-top:50px;
	font-family: sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 50px;
	text-align: center;
	line-height:50px;
}
* html  #bandeau_centre, * html  #bandeau_centre li { /* HACK for IE6 only */
	border:none;
}
.boutons_bandeau ul {
	height:50px;
	list-style: none;
	text-align: center;
}
.boutons_bandeau li {
	height:50px;
	float:left;
	display:block;
	cursor:pointer;
}
	
.boutons_bandeau a {
	clear :both;
	display: block;
	width: 70px;   /* largeur des boutons  */
	height:50px; 
	font-size: 12px;
	text-align:center;
	text-decoration: none;
}
.boutons_bandeau a:hover {
	background-color: #AAA;
	color:white;
}

#bandeau_centre li {
	border-right:1px solid #BBB;
}
#bandeau_droite li {
	border-left:1px solid #BBB;
}

.intitule_bouton {
	border:none;
}





/************************/
/* zone bouton recherche */
/*************************/

#formulaire_recherche  {
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
}
#zone_recherche label {
	vertical-align: -4px;
}
#zone_recherche input#recherche {
	float:left;
	width: 80px;
	text-align: left;
	padding: 1px;
	margin: 0;
}
#zone_recherche input.submit {
	float:left;
	width:17px;
	height:17px;
	background-image: url(/squelettes/iut/images/loupe17_degra.bmp);
	background-repeat: no-repeat;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;

	}
#zone_recherche input.submit img {
	width:17px;
}






/**********************/
/* Contenu */
/**********************/



#image_titre img {   /* l'image enrigistrée comme logo de l'article et affichée en bandeau */
	margin-bottom: 5px;
}


#texte .spip_documents img {    /* un peu de marge autour des images insérées dans les rubriques et articles  */
	margin:1em;
}

#texte {
	clear :both;
	margin : 1em;
}
#texte ul {
	margin : 1em;
	margin-left:2em;
}
#texte p{
	margin : 1em;
	text-align:justify;
}



table.actualites {
	font-size: 10pt;
}
table.actualites td {
	padding: 0.5em;
}
table.actualites td.date {
	background-color: #52696b;
	color: white;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
table.actualites td.texte {
	border: 1px solid #52696b;
	border-left: none;
}
#telechargement {
	border: 3px groove #52696b;
	padding: 0.5em;
	margin: 1em;
	text-align: center;
}

#surtitre {
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}
#soustitre {
	clear: both;
	font-size: 1.25em;
	font-style: italic;
	text-align: right;
}
#chapo {
	border-bottom : 2px groove #52696b;
	border-top : 2px groove #52696b;
	font-style: italic;
	clear: both;
}

#corps span.spip_surligne {
	background-color: yellow;
}


#ps {
	border: 1px solid #52696b;
	clear: both;
	font-size: 8pt;
	margin: 1em;
	padding: 1em;
}
#ps ul {
	margin:1em;
}
/* la liste des articles contenus dans la rubrique */
#articles {
	padding: 1em;

}
#articles  a {
	font-size:12pt;
/*	font-weight:bold;*/
}

/* Liste de liens */
#sites {
	padding: 1em;
}
/* Liste des documents à télécharger */
#documents {
	padding: 1em;
}
#documents dt {
	clear: both;
}
#documents img {
	/*float: left;*/
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	border:none;
	height: 30px; width: 30px;
	vertical-align:middle;
}


/* Notes de bas de page */
#notes {
	padding: 0.5em;
	font-size: smaller;
}


/***************/
/* styles de SPIP */
/***************/
a {
	color: #0066ff;
	text-decoration: none;
}
/************ Les TITRES DANS SPIP **************/
h1 {
	font-size: 16pt;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin-left: 10px;
	padding-top:.5em;
	margin-bottom:.5em;
	background-image: url(/squelettes/iut/images/carre_jaune_16x16.gif);
	background-repeat: no-repeat;
	background-position: 0 16px;  /*position de la puce  left top */
	padding-left: 25px;
}

#impression {
	background-color: white;
	float:right;
	margin-left: 0.5em;
	margin-right: 1em;
	padding-top:5px;
}
#impression a img {
	text-decoration:none;
	border:none;
	height:18px;
}
.socialtags {
	float:right;
}
ul.socialtags {
	float:right;
//	vertical-align:bottom;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}
h3.spip {
	background-color: none;
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 0.4em;
	margin-top: 0.7em;
	padding: 0em;
	margin-left:2em;
	text-align: left;
	display:list-item;
	list-style-type:square;
}

a:link {
	color: #2200CC;
}
a:visited {
	color: #551A8B;
}
a:hover {
	text-decoration: underline;
}
a.spip_in {
	color: #0066ff;
}

h4 {
	border: 2px groove #52696b;
	font-size: 1em;
	font-weight: normal;
	padding: 0.1em;
}
div.spip_documents, span.spip_documents {
	background-color: white;
	font-size: smaller;
	margin: 0.5em;
	padding: 0.5em;
}

a.spip_glossaire {
	color: inherit;
	font-style: italic;
	font-weight: normal;
}
a.spip_glossaire:hover {
	text-decoration: underline;
}

p.spip {
	margin: 0.5em;
}
/* les tableaux dans spip  */
table.spip {
	border: 1px solid #666;
	border-collapse: collapse;
	font-size: 80%;
	min-width: 80%;
	margin-bottom: 1em;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1em;
}
table.spip tr.row_first {
	background-color: #666;
	color: white;
	text-align: left;
}
table.spip th {
	padding: 0.5em;
}
table.spip tr.row_odd {
	background-color: #e0e0e0;
}
table.spip tr.row_even {
	background-color: white;
}
table.spip td {
	padding: 0.5em;
}

/* LA BARRE HORIZONTALE NE DOIT PAS ETRE COLLEE AU TEXTE */
hr.spip {  margin-top:20px; }




/* Authentification */
#auth {
	background-color: white;
	font-size: smaller;
	padding: 4px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
/* Formulaire écrire à un auteur */
div.formulaire_ecrire_auteur input {
	vertical-align: top;
}
div.formulaire_ecrire_auteur textarea {
	vertical-align: top;
}


/* Les formulaire du plugin spip-formulaires */



.formulaire_spip {
border:0 none;
clear:both;
font-size:1em;
margin-bottom:2em;
margin-left:2em;
padding:0;
text-align:left;
}

.formulaire_spip ul {
list-style:none;
}

.formulaire_spip .legend {
line-height:2em;
}
.formulaire_spip .explication {
font-size:.75em;
line-height:1em;
}

.formulaire_spip li.fieldset {
padding-bottom: 10px;
line-height:1.5em;
}

.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea {
background-color:#FFCCCC;
border-color:#CC3300;
border-style:solid;
}
spip_f...res.css (ligne 66)
.formulaire_spip input.text {
border:1px inset;
width:15em;
}
spip_f...res.css (ligne 36)
input, select, textarea {
font-family:inherit;
font-size:100%;
}

.formulaire_spip li.erreur .erreur_message {
color:#CC3300;
display:block;
font-weight:bold;
}
spip_f...res.css (ligne 65)
span[class="erreur_message"] {
color:red;
font-size:12pt;
}

.reponse_formulaire_ok {
font-size:2em;
line-height:2em;
font-weight:bold;
color:green;
}

/******************************/
/* Menu (à gauche) */
/******************************/

#menu {
	margin-left : 15px;    /* pour laisser la place aux puces du menu */
	margin-top : 30px;
}
#menu a {
	font-family: Arial,Helvetica,sans-serif;
	color: white;
	display: block;
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	text-align: left;
	display:list-item;
	list-style-type:disc;
}
#menu a:link {
	text-decoration: none;
	border:0px;
}
#menu a:visited {
	text-decoration: none;
}
#menu a:hover {
	border-color: white;
	color: white;
	list-style-image:url("images/fleche_orange_12x12.gif");
}

/*************/
/* menu_arbo */
/*************/
#menu ul {
	list-style: none;
	margin: 0; 
	padding-left: 10px;
	font-size: 14px;
}
#menu ul  li  a {
	display:list-item;
	line-height:16px;
	/* list-style-image:url("images/fleche_orange.gif");*/
}
#menu ul  li a.lienon {
	display:list-item;
	list-style-image:url("images/fleche_orange_12x12.gif");
	line-height:16px;
}
#menu > ul > li > a.lienon {  /* seulement  le premier niveau des menus */
	display:list-item;
	list-style-image:url("images/fleche_orange_12x12.gif");
	line-height:16px;
}
ul.menu li a {
	padding-left: 0.5em;
	text-decoration: none;
	color: yellow;
}
ul.menu li b { font-size: 105%; }






/* LA RUBRIQUE DEPARTEMENTS rubrique=14.html */

td.dep_sigle {
	height:20px;
	width:100px;
	background-color:#5F91C1;
	vertical-align:middle;
	margin-left:10px;
}
td.dep_intitule {
	padding-left:10px;
}
.dep_liste {
	list-style:none;
	clear:both;
}
#texte .dep_sigle {
	height:100%;
	color:white;
	font-size:12pt;
	font-weight:bold;
	text-align: center;
}
a.dep_sigle {
/*	display:block;     ça rend toute la cellule du tableau cliquable, mais du coup le texte est impossible à centrer verticalement en css  donc non! */
}
a.dep_sigle:hover {
	text-decoration: none;
}
#texte .dep_intitule p {
	padding:0em;
	margin:.5em;
}
a.dep_intitule:hover {
	text-decoration: none;
}

.dep_intitule {
	clear:both;
	color:black;
	font-size:14pt;
	vertical-align:middle;
	line-height: 16px;
	font-weight:normal;
}