/* CSS Document */

body {
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 0.8em;
text-align: justify;
color: #000000;
}

/* ------------------------HEADER source : http://matchab.free.fr--------------------------------*/

#header {
height: 100px;
background-image: url('banniere.jpg');
background-repeat: no-repeat;
background-position: center;
margin: 0px;
margin-bottom: 15px;
border-bottom:solid 1px;
border-bottom-color:#EA0012;
width:900px;
margin: auto;
}

/*-------------------------MENU CSS, source : http://iubito.free.fr ------------------------------*/

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	font-size:12px;
	font-weight:bold;
	width:90px;
	padding:1px;
	margin:1em;
}
.menu {
	text-align:center;

}
.ssmenu {
	text-align:left;
	color:#666666;
	background:#ECECEC;
	border:1px solid;
	border-color:#000000;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#000000;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	color:#EA0012;
	text-decoration:none;
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2289AA,endColorStr=#ABCDEF);*/
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/
/*------------------------------------------------CORPS / STYLES source : http://matchab.free.fr ---------------------------------------------------------*/

#corps {
width: 900px;
margin: auto;
/* margin: auto; permet de centrer le corps*/
margin-top: 60px;
padding: 0px;
text-align: justify;
}

#corps p {
text-indent: 10px;
}


#corps p:first-letter {
font-size: 1.5em;
color: #EA0012;
}



h1{
color: #000000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 150%;

}
h2 {
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d2d2;
}

h3 {
	margin: 0px;
	padding: 0px;
	color: #EA0012;
	font-family: Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
	margin-top: 35px;
	}
.h5-right{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-align : right;
	font-weight : bold;
}

a {
	color:#CC0033;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	color: #FF9999;
	text-decoration: underline;
}


/*------------------------------------------------petit menu sciences-po---------------------------------------------------------*/

#petitmenu{
	width: 152px;
	float: left;
	position: relative;
	margin-right: 5px;
 } 

 

/* Modules */

#petitmenu div.module {
width: 152px;
background: transparent url(module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#petitmenu div.module h3 {
font-size: 12px;
width: 130px;
font-weight: bold;
color:#000000;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
border-bottom: 1px solid #063758;
}

#petitmenu div.module div {
width: 152px;
background: transparent url(module_top.jpg) top left no-repeat;
}

#petitmenu div.module div div {
width: 152px;
background: transparent url(module_bottom.jpg)  bottom left no-repeat;
}

#petitmenu div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
}


#petitmenu div.module div div div a{

color:#FF0000;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}

#petitmenu div.module div div div a:hover{

color:#666666;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
}
.souspetitmenu140px{
	padding-top: 140px;
}

.souspetitmenu130px{
	padding-top: 130px;
}
.souspetitmenu120px{
	padding-top: 120px;
}

.souspetitmenu100px{
	padding-top: 100px;
}

.souspetitmenu95px{
	padding-top: 95px;
}
.souspetitmenu90px{
	padding-top: 90px;
}

.souspetitmenu85px{
	padding-top: 85px;
}

.souspetitmenu80px{
	padding-top: 80px;
}

.souspetitmenu75px{
	padding-top: 75px;
}

.souspetitmenu70px{
	padding-top: 70px;
}

.souspetitmenu65px{
	padding-top: 65px;
}

.souspetitmenu55px{
	padding-top: 55px;
}

.souspetitmenu45px{
	padding-top: 45px;
}

.souspetitmenu35px{
	padding-top: 35px;
}

.souspetitmenu25px{
	padding-top: 25px;
}

.souspetitmenu15px{
	padding-top: 15px;
}

.souspetitmenu10px{
	padding-top: 10px;
}

.souspetitmenu5px{
	padding-top: 5px;
}

/*------------------------------------------------IMAGES---------------------------------------------------------*/


.imagetitrecentre{
	text-align:center;

}

.img-centre{
	padding-left : 10px;
	padding-bottom : 10px;
}

.img-droite{ 
float : right;
padding-left : 10px;
padding-bottom : 10px;
}

.img-gauche{
float : left;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
}


/*------------------------------------------------VIDÉOS---------------------------------------------------------*/

.centrertableauvideo{
	 margin-left: auto;
     margin-right: auto;
	 padding: 20px;
     width:900px;/*--largeur du tableau-*/
}

.centrecontenutableau td{
	text-align:center;
}

/* ------------------------FOOTER--------------------------------*/

#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #000000;
text-align : center;
border-top:solid 1px;
border-bottom-color:#EA0012;
width:900px;
margin: auto;
}