@charset "utf-8";
/* CSS Document */

body  {
	background: #ececec;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	color: #000000;
}
a {
	color: #af0036;
	text-decoration: none;
}
a:hover {
	color: #af0036;
	text-decoration: underline;
}

.thrColFixHdr #container {
	width: 930px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */

	background-image: url(../images/bgrd.gif);
	background-repeat: repeat-y;
} 
.thrColFixHdr #header {
	background-image: url(../images/entete.gif);
	height:171px;
	padding: 0px;
	} 
.thrColFixHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.thrColFixHdr #mainContent { 
	margin: 0px ; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
	padding: 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
} 
.thrColFixHdr #footer {
	padding: 0;
	background-image: url(../images/bgrd_bas.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ececec;
} 
.thrColFixHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearboth { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size:1px;
    line-height: 0px;
	/*border-bottom:dotted #CCCCCC;*/
	
}
.onglet-1  {
	color: #5c7995;
}
.onglet-1-  {
background-color:#8ebbe5;}

.onglet-2-  {
background-color:#f1bb4c;}

.onglet-3-  {
background-color:#f2004b;}

/*Example CSS for the two demo scrollers*/

#pscroller1{width:220px;height: 85px;border: 0px solid black;padding-top: 0px;background-color: #FFFFFF;}
#pscroller2{width:300px;height: 200px;border: 0px solid black;padding-top: 0px;background-color: #FFFFFF;}

.someclass{ font-family: Arial, Helvetica, sans-serif;font-size: 11px;	color: #355F8F; }
.someclass a{ text-decoration:none; color:#333}
.someclass a:hover{ color:#CC0000}


.search{
	border: 1px solid #d00a47;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 2px;
	}
.flash-info{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
	}
a.flash-info{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	}
a.flash-info:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;	
	color: #000;
	text-decoration: none;

	}
h2 { font-size:14px; margin:5px 0; padding:0}
.pti_logo{float:left; overflow:hidden; margin-right:10px; border:0px}
.focus{ padding: 5px; margin: 5px ; border-bottom:#CCC 1px dotted; cursor:pointer; background-color:#FFF }	
.focusTop{	padding:5px; margin:  5px ; border-bottom:#CCC 1px dotted; cursor:pointer; background:url(images/over-b.gif) repeat ; /**/}
.focus H2 A{color:#000;  }  

.focusTop H2 A{color:#5a2c75; }	

.texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
a.texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#000;
	}
a.texte:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color:#000;
	}
.titre-blc{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	}
.lien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #af0036;
	text-decoration: none;	
	}
a.lien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #af0036;
	text-decoration: none;	
	}
a.lien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #af0036;
	text-decoration: underline;
	}
.lien-bas{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
	}
a.lien-bas{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
	text-decoration:none;
	display: block;
	padding-left: 8px;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	}
a.lien-bas:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
	text-decoration: underline;
	}
a.lien-bas2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
	text-decoration:none;

	}
a.lien-bas2:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #adadad;
	text-decoration: underline;

	}
.newsout{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #e7e7e7;

	}
.texte-news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
#news_titre2{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
a.texte-news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#000;
	}
a.texte-news:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000;
	}
.zoom img{ border:none; padding-top:5px;}
.multimedia img { border:none;}


.ariane  {color:#000; font:normal 11px arial;text-decoration: none; margin:5px;}
.ariane a {color:#af0036; font:normal 11px arial;text-decoration: none}
H2#titre  {MARGIN:5px 0px;font:BOLD 15px arial; letter-spacing:3px; color:#000000; background:#fff url(images/titre.jpg) repeat-x BOTTOM left;padding:5px 0 }
H2#titre a{text-decoration:none;}

H1#titre {MARGIN:20px 0 0 0;font:BOLD 14px arial; letter-spacing:3px; color:#5a2c75; 
border-bottom:1px solid #EEEEEE;}  
#chapo{font:bold 12px arial;letter-spacing:0.5px;  line-height:16px; color:#A43A13;	border-bottom:}
.menu_left_ul{font-size:11px; margin-left:10px; padding-left:5px;}
.menu_left_li{
	margin-left:10px;
	color:#9FC64D;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.menu_left_li a{ color:#FFF;font-weight:normal; text-decoration:none;}
.menu_left_li .on{ color:#9FC64D;font-weight:normal;}
.menu_left_li .on:hover{ }



a.tag{ color:#FFF;font-weight:normal; 	font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
a.tag:hover{ color:#9FC64D;font-weight:normal; 	font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}


.tabprofesstd{background:#a0cc43;}
.tabprofesstd a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#49650c; text-decoration:none;}
.tabprofesstdtitre{
	color:#49650c;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bachelor{background:#cf8f3f; }
.bachelor a {
	text-decoration:none;
	color:#5a3c17;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.bachelortitre{
	color:#5a3c17;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.certPro{background:#3f77cf; text-align:center;}
.certPro a {color:#17315a;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;}
.certProtitre{color:#17315a; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.seminPro{
	text-align:center;
	background-color: #E8E8E8;
}
.seminPro a {	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;}


 

.tabpro td {}




/* SPIP */

.spip_documents { text-align: center; } .spip_documents img{ border:0px}
.spip_documents_center { clear: both; /*width: 100%;*/ margin: auto;text-align:center; }
span.spip_documents_center { display: block; margin-top:1em; text-align:center; }
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_left img { border:1px solid #95C65B }
.spip_documents_right img { border:1px solid #95C65B }
.spip_documents_center img { border:1px solid #95C65B }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px;  }
.spip_doc_titre { font: normal 10px arial; color:#999; margin-left: auto; margin-right: auto;}
.spip_doc_descriptif { clear: both; font-size: 11px; color:#999; margin-left: auto; margin-right: auto;}

.spip li { margin-left:10px}

h3.spip{MARGIN:10px 0px 2px 0px;font:BOLD 16px arial; letter-spacing:0.5px; padding:0 ; color:#000; text-align:left}
h4.spip{MARGIN:10px 0px 2px 0px;font:normal 12px arial; letter-spacing:0.5px; padding:0 ; color:#000}
h4.spip a{MARGIN:10px 0px 2px 0px;font:normal 12px arial; letter-spacing:0.5px; padding:0 ; color:#666}
/*
img.spip_logos {margin:5px;border:1px solid #CCC ;float:right; margin:0px 0px 0px 5px;}*/


table.spip {border:#95C65B 1px solid; width:100%}
table.spip tr.row_first { background: #D2E5BD;color:#000; font-weight:bold; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #FFF; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }
/* CSS Document */


.sommaire {border:1px solid #9FC64D;  background: #f0f0f0; padding:5px;}
/*.puce{background-image:url(../images/puce_prive.gif);}*/