/* 
************************
Habillage IFEParis.org 
************************
(C) Siloh 2007
http://www.siloh.fr
Certains droits réservés:
Creative-Commons BY-NC-SA 
*************************
*/

/*  ------------------------------------------ 
    Correction des styles HTML par defaut
    ------------------------------------------ */

html { font-size: 100%; /* IE hack */ }


body { 
text-align: center;
background: #001b45;
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Arial, Lucida Grande, sans-serif;
color: #666666;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; }
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}

h3.spip {
color: #999999;
font-weight: bold;
text-align: left; 
margin-top: 20px; 
clear: both;
font-size: 1.4em;
}
    
strong.spip { color: #404040; }

p.spip_note { font-size: 0.8em; font-style: italic;}
hr.spip {
	clear: both;
	border: 0;
	height: 0;
	color: #ffffff;
	// background: url(img/points.png) repeat-x;
	margin-top: 20px;
	margin-bottom: 20px;
	}


a:link {color: #0099cc; text-decoration: none;}    
a:visited {color: #0099cc; text-decoration: none;}  
a:hover {text-decoration: none; color: #0066cc;}   
a:active {color: #0066cc;}   

a.spip_out { text-decoration: none; color: #0099cc; }
a.spip_out:visited {text-decoration: none; color: #0099cc; }
a.spip_out:hover {text-decoration: none; color: #0066cc; }
a.spip_out:active {text-decoration: none blink; color: #0066cc; }

a.spip_in, a.spip_ancre { text-decoration: none; color: #0099cc; }
a.spip_in:visited, a.spip_ancre:visited {text-decoration: none; color: #0099cc; }
a.spip_in:hover, a.spip_ancre:hover {text-decoration: none; color: #0066cc; }
a.spip_in:active, a.spip_ancre:active {text-decoration: none blink; color: #0066cc; }

.texte {
	text-align: left;
	font-size: 1.3em;
}


/* Element pour le centrage vertical */
.cellule { display: table-cell; border: 1px solid #000000; }
.cellule div, .cellule img { vertical-align: middle; }
img {vertical-align: middle;}

.date {
color: #978071;
font-style: italic;

}

.chapeau {
    text-align:  justify;
    -moz-border-radius: 10px;
	background-color: #eaf1ff;
	padding: 20px;
	overflow: hidden;
	color: #404040;
	margin-top: 20px;
	margin-bottom: 20px;
border: 1px solid #d3dadd;
font-weight: bold;
font-size: 0.9em;
    }
    
.contexte {
	text-align: left;
	font-size: 1.1em;
}


.soustitre {
color: #999999;
font-weight: bold;
font-style: italic;
}

.titre {
color: #999999;
font-weight: bold;
}

#logo-rubrique{
position:absolute;
left: 0px;
top: 295px;
}

#logo-article {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#logo-survol {
position: absolute;
left: 170px;
top: 5px;
}



.surtitre {
	color: #999999;
	font-variant: small-caps;
	float: right;
}

/* Général */

.spip_surligne {
background-color: #ffff66;
}


/* Tableaux */
table.spip {
	border-collapse: collapse;
	margin-bottom: 20px;
	margin-top: 20px;
    width: 100%;
clear: both;
   
    text-align: left;
}

table.spip tr.row_first {
     background-color: #ffffff;
	color: #404040;

}


table.spip th {
   background-color: #ffffff;
   border: 1px solid #d3dadd;
   font-weight: bold;
   color: #404040;
   padding: 10px;
}

table.spip tr.row_odd {
	background-color: #ffffff;
}

table.spip tr.row_even {
	background-color: #ffffff;
}

table.spip td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #d3dadd;
}



#corps-droit div {
margin-right: 2px;
padding: 10px;
border-bottom: 2px solid #ffffff;
}

.centre {
text-align: center;
}

.gauche {
float: left;
}

.droite {
float: right;
}

blockquote.spip {
margin: 0;
padding: 10px;
border: 1px dotted #d3dadd;
-moz-border-radius: 10px;s
background-color: #eaf1ff;
font-family: Arial, Lucida Grande, sans-serif;
}

.boite {
background-color: #eaf1ff;
-moz-border-radius: 10px;
border: 1px solid #d3dadd;
overflow: hidden;
margin-bottom: 10px;
}

.boite-titre img {
margin-right: 10px;
float: left;
}

.boite-contenu img {
margin-left: 10px;
float: right;
}

.boite .boite-titre {
padding: 10px;
overflow: hidden;
vertical-align: middle;
}

.boite .boite-contenu {
padding: 10px;
overflow: hidden;
background-color: #ffffff;
margin-bottom: 10px;
}

ol.spip {
padding-left: 20px;
}

#secteurs {
height: 190px;
font-size: 1.1em;
padding-left: 20px;
}

#secteurs ul {
list-style-type: circle;
padding: 5px;
}

#secteurs li {
padding-bottom: 5px;
}

#secteurs ul.raccourcis {
padding-top: 10px;
list-style-type: disc;
color: #999999;
}

#secteurs a.raccourci{
color: #666666;
}

#secteurs ul.portails {
font-variant: small-caps;
font-weight: bold;
font-size: 1.2em;
color: #1a5490;
}

#secteurs ul.portails a {
color: #1a5490;
}

/* Sommaire */

#sommaire ul.rubrique {
float: left;
padding: 10px;
margin-left: 30px;
color: #999999;
font-size: 1.1em;
}

#sommaire ul.rubrique a {
color: #999999;
text-decoration: none;
font-weight: bold;
}

#sommaire ul.rubrique a:hover{
color: #404040;
}

#sommaire {
background: url(img/accueil.png) no-repeat top left;
overflow: hidden;
margin-top: -3px;
margin-bottom: -20px;

}

#sommaire ul.portails {

}

#sommaire ul.rubrique li {
list-style-image: url(img/3-p-couleurs.png);
}

#sommaire #fr {
width: 200px;
margin-bottom: 20px;
float: right;
}

#sommaire ul.rubrique ul li {
list-style-type: square;
list-style-image: none;
}

#sommaire ul.portails li{
display: block;
text-align:center;
float: left;
width: 256px;
-moz-border-radius-topright: 10px;
font-variant: small-caps;
font-size: 1.4em;
font-weight: bold;
padding: 5px;

}

#sommaire a.fr {
color: #d5f952;
}
#sommaire li.fr {
background-color: #6699cc;
}

#sommaire li.Students{
background-color: #ffba00;
border-right: 1px solid #ffffff;
}
#sommaire a.Students { 
color: #ff3913;
}

#sommaire li.Teachers, #sommaire li.en{
background-color: #1a5290;
border-right: 1px solid #ffffff;
}
a.Teachers, a.en{ 
color: #ffbfff;
}


/* Menu déroulant */

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 68px;
right: 0px;
z-index: 100;
width: 657px; /* correction pour Opera */
}


#menu dl {
float: left;
}

#menu dl.fr {width: 164px; }
#menu dl.en {width: 109px; }

#menu dt {
height: 15px;
cursor: pointer;
text-align: center;
font-variant: small-caps;
padding: 5px;
-moz-border-radius-topright: 10px;
margin-right: 1px;
}

#menu dt.en {
background-color: #1a5290;
color: #ffbfff;
}

#menu dt.fr {
background-color: #6699cc;
color: #d5f952;
}

#menu dt.courant {
background-color: #ffba00;
color: #ff3913;
}

#menu dd {
display: none;
margin-top: 1px;
border-top: 1px solid #006892;
}

#menu li {
text-align: center;
background: #fff;
text-align: left;
border-bottom: 1px solid #006892;
border-left: 1px solid #006892;
border-right: 1px solid #006892;
padding: 4px;
}

#menu li a, #menu dt a {
color: #999999;
text-decoration: none;
/* display: block; Plante IE6 */
height: 100%;
border: 0 none;
font-weight: bold;
}


#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: #000000;
}

#menu a.courant {
color: #000000;
}


/* Reponse du formulaire */
.reponse_formulaire { 
font-weight: bold;
background-color: #ffffe1;
border: 1px solid #afafaf;
font-size: 1.2em;
}

fieldset.reponse_formulaire {
font-weight: normal; 
padding: 10px;
background-color: #ffffff;
}

.alerte {
    padding: 10px;
	background-color: #ffffe1;
	border: 1px solid #afafaf;
	text-align: justify;
	}
	
.alerte img {
   	vertical-align: middle;
    margin-right: 10px;
	}

#logo {
position: absolute;
left: 0;
top: 0;
}

#pied-gauche div {
color: #999999;
padding-left: 10px;
padding-top: 5px;
}

#pied-gauche form {
padding: 0;
margin: 0;
}

#pied-centre {
padding-top: 10px;
}

#pied-droit {
color: #999999;
text-align: right;
padding-right: 10px;
padding-top: 10px;
}

#pied-gauche form input {
border: 1px solid #d3dadd;
background: #eaf1ff;
color: #404040;
}

form.contact #submit { float: right;}
form.contact #message { height: 200px; 	border: 1px solid #978071; }
form.contact input { border: 1px solid #978071; }
form.contact .large { width: 98%;}
form.contact .champ { width: 220px; }
form.contact fieldset {
	padding: 10px;
    margin-bottom: 10px;
	border: 1px solid #e0d8d0;
	text-align: left;
    }



#pied-centre {color: #999999;}
#pied-centre a:link, #pied-centre a:visited {color: #999999;}
#pied-centre a:hover, #pied-centre a:active {color: #f5b407;}