/**
 * @author Martin Théault	(theault@ecole.ensicaen.fr)
 * @author Tristan Lamontagne	(lamontagne@ecole.ensicaen.fr)
 * @author Aurélien TAMISIER	<aurelien.tamisier@ecole.ensicaen.fr>
 *
 * @file  design.css
 * @brief Feuille de style du livret pédagogique numérique.
 * @date  juin 2011 
 */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/****************************************************** 
******************* Général ***************************
******************************************************/
html, body {
    padding: 0 0 1px;
    height: 100%;
}

body{
	width: 950px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;    
	background-color : #ddd;
	color:#333;
	font-family: Arial, Verdana, FreeSans, sans-serif;
	font-size: 86%;

}

table {
    margin: 10px;
    border-spacing: 0px;
    border-collapse: collapse;
}

a {
    color:#333;
    text-decoration:none;
}

a:hover { color: #147; }

h1 { font-size:2.5em; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }

ul {
    list-style:none;
    padding-left:20px;
}

li{
	padding-bottom:8px;
}

input{
	margin:5px;
}

p {
    margin: 15px;
}


/****************************************************** 
******************* Site ******************************
******************************************************/

.bordure_droite{
	border-right:solid 1px #0a2945;
}
.bordure_haut{
	border-top:solid 1px #0a2945;
}
.bordure_gauche{
	border-left:solid 1px #0a2945;
}
.bordure_bas{
	border-bottom:solid 1px #0a2945;
}

/****************************************************** 
******************* Header* ***************************
******************************************************/

/* sur_header */
#sur_header{
	text-align:right;
	margin-bottom:8px;
	color:#0a2945;
	margin-right:8px;
	font-size:1.1em;
	
}

/* header */

#header{
   height : 160px;
   margin-bottom: 10px;
   padding: 5px;
   background: #ffffff url("../images/logo.jpg") no-repeat;
   border: 1px solid #0a2945;
   -moz-border-radius: 6px;
   border-radius: 6px; 	
}

#header h1{
   margin-left: 250px;
   margin-top: 50px;
}

.drapeaux_langues{
	float:right;
	margin-top:40px;
	margin-right:10px;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

/****************************************************** 
******************* Menu ******************************
******************************************************/

#menu{
   /*float: left;
   width: 190px;*/
}

.element_menu{
	background:#ffffff url("../images/motif.png") repeat-x;   
	border: 1px solid #0a2945;	
	text-align: center;
	margin-bottom: 10px;	
	-moz-border-radius: 6px;
	border-radius: 6px; 
}

.element_menu div{
	width:170px;
	margin-left:12px;
}

.element_menu h3{
	margin-bottom:7px;
	margin-top:4px;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    float : left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; 
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.domaine{
	width:40px;
}

/****************************************************** 
******************* Corps de la page*******************
******************************************************/

#corps{
   margin-bottom: 20px;
   padding: 5px;
   background-color: white;   
   border: 1px solid #0a2945;
   -moz-border-radius: 7px;
   border-radius: 7px; 	
}

#corps h2, #corps h3{
    margin:15px 0px 15px 15px;
}

#champ_erreur{
	margin-right:40px;
	float:right;
	color:#e91414;
}

/****************************************************** 
******************* Footer ****************************
******************************************************/

#pied_de_page{
   padding: 5px;
   clear: both;
   text-align: center;
   background:#ffffff url("../images/motif.png") repeat-x;   
   border: 1px solid #0a2945;   
   -moz-border-radius: 7px;
   border-radius: 7px; 
}

/****************************************************** 
******************* Partie administration *************
******************************************************/
#menuAdmin, .tableau_centre {}

.tableau_centre th, .tableau_centre td, .supprimer td{
    padding: 1px 5px;
}

.supprimer td {
    color: #000;
    background-color: #FFC77E;
}

#menuAdmin td {
    padding-right: 5px;
}
#menuAdmin ul {
    border-left: 3px solid #147;
    margin: 0;
    padding: 0 5px;
}
#menuAdmin .verrou {
    border-left: 3px solid red;
    margin-left: -8px;
    padding: 4px 5px;
}

.pagination {
    text-align: center;
    margin: 20px 0;
}
.pagination a {
    border: 1px solid #147;
    margin: 2px;
    padding: .2em .4em;
}
.pagination a:hover {
    background-color: #ccc;
    color: #b11;
    border: 1px solid #b11;
}
.pagination span.actif {
    border: 1px solid #147;
    background: #ccf;
    color: #b11;
    margin: 2px;
    padding: .2em .4em;
}
.pagination span.inactif {
    border: 1px solid #147;
    background: #fff;
    color: #147;
    margin: 2px;
    padding: .2em .4em;
}
.rechercheType {
    font-size: 120%;
    margin: 10px 0;
}
.rechercheType a {
    float: right;
}

.operation_reussie{
	border:solid 1px #ff0000;
	color:#ff0000;
	font-size:1.2em;
	text-align:center;
	margin-left:160px;
	margin-right:160px;
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:10px;
}

.avertissement {
    border: 1px solid #f00;
    color: #f00;
}
.detail_type1_type2{
	padding:10px;	
}

.type1_type2 table {
    margin: 0;
}

.type1_type2, .matiere_a_valider{
	margin-bottom:15px;
	border:solid 1px #0a2945;
}

.tableau_type1_type2, .tableau_matiere_a_valider{
	background-color:#eee;
}

.tableau_type1_type2 tr, .tableau_matiere_a_valider tr{
	height:40px;
	vertical-align : middle;
}

.tableau_type1_type2 td, .tableau_matiere_a_valider td{
	vertical-align : middle;
	padding:8px;
}

.divListeMatieresOut{
	border-right:solid 1px #0a2945;
	padding:10px;
}
.divListeMatieresIn{
	padding:10px;
}

/* Tableau d'affichage d'une matière, d'un module */

.tableau_affichage_matiere, .tableau_affichage_module {
	width:90%;
	margin: 0 auto;
	margin-bottom : 10px;
}
.tableau_affichage_matiere th, .tableau_affichage_module th, .tableau_affichage_matiere td, .tableau_affichage_module td {
	border:1px solid #0a2945;
	width:20%;
	text-align:center;
}

.tableau_affichage_matiere td, .tableau_affichage_module td {
	text-align:left;
	padding:8px;
}

.tableau_affichage_matiere th, .tableau_affichage_module th{
	background-color:#eee;
	height:25px;
	vertical-align : middle;

}

.tr_grand{
	height:40px;
}

.tr_grand th{
	vertical-align : middle;

}
/* Affichage d'une spécialité */
.centre {
    text-align: center;
    margin-bottom: 10px;
}
.centre .tableau_centre {
    margin: auto;
    width: 60%;
    padding: 5px;
    font-size: 125%;
}
.numero_semestre{
	padding:5px;
	background-color:#eee;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	border:1px solid #0a2945;
}

.sousSemestreA, .sousSemestreB {
    float: right;
    padding: 0 10px;
    margin-right: 0;
}
.sousSemestreB { background-color: #C3D9E0; }
.sousSemestreA { background-color: #FFBD4F; }

.activites {
    text-align: center;
    font-size: 130%;
    color: #0a2945;
}
.tableau_activites {
    width: 100%;
    margin: 0;
    border: 1px solid #000;
}
.tableau_activites td {
    border: 1px solid #000;
    border-collapse: collapse
}

.tableau_affichage_specialite{
    margin: 0;
    width:100%;
    margin-top:15px;
}

.ligne_sous_total td{
    vertical-align : middle;
}


.liste_type2_in_type1, .liste_type2_notin_type1, .acteurInType1, .acteurNotInType1{
    max-height:200px;
    overflow:auto;	
}

.infosMatieresAdmin{ padding:8px; }

.couleur1{background-color:LightSeaGreen;}
.couleur2{background-color:OrangeRed;}
.couleur3{background-color:MediumSeaGreen;}
.couleur4{background-color:LightGreen;}
.couleur5{background-color:Peru;}
.couleur6{background-color:Chocolate;}
.couleur7{background-color:Wheat;}
.couleur8{background-color:LightSalmon;}
.couleur9{background-color:DarkSalmon;}
.couleur10{background-color:LightPink;}
.couleur11{background-color:Tomato;}
.couleur12{background-color:DarkGray;}
.couleur13{background-color:Khaki;}
.couleur14{background-color:Violet;}
.couleur15{background-color:MediumPurple;}
.couleur16{background-color:Lavender;}
.couleur17{background-color:DarkKhaki;}
.couleur18{background-color:SlateGray;}
.couleur19{background-color:RosyBrown;}
.couleur20{background-color:Tan;}

.couleurMajeure1{ background-color: #EFECCA; }
.couleurMajeure2{ background-color: #B5E655; }
.couleurMajeure3{ background-color: #E1E6FA; }
.couleurMajeure4{ background-color: #FFBD4F; }
.couleurMajeure5{ background-color: #FFF799; }
.couleurMajeure6{ background-color: #EACFB8; }
.couleurMajeure7{ background-color: #E2AD3B; }
.couleurMajeure8{ background-color: #FF73BF; }

.couleurActivites{ background-color: #D2F1C5; }

.blue { color: #77ABD6; }
.green{ color: #8FCF3C; }
.red  { color: #B9121B; }

.liModule { border-left: 2px solid #77ABD6; }
.liUE{ border-left: 2px solid #8FCF3C; }

.liUE, .liModule {
    padding: 2px;
    margin-bottom: 5px;
}