/*-----------------------------------------------------
	Feuille de Style CCS - Notre-Dame du Vieux Cours
	version: 2.1
	date:    29/08/05
	author:  gjan
------------------------------------------------------*/


/* Structure principale - fond gris ------------------------------------*/
html, body {
  margin:0; /* pour éviter les marges */
  padding:0;
  text-align: center; /* pour corriger le bug de centrage IE */
  background: #dddddd;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
} 

/* Cadre ------ */

#cadre_header_1 {
	margin-top: 13px;
	background-image: url(../pics/cadre_haut.gif);
	width: 760px;
	height: 27px;
	margin-left: auto; 
	margin-right: auto;
}

#date_header {
	text-align: right;
	padding: 12px 12px 0 0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #aaaaaa;
}

#cadre_header_2 {
	background-image: url(../pics/cadre_bordures.gif);
	background-repeat: repeat-y;
	width: 760px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}

#menu_nav {
	margin-left: 5px;
    width: 750px;
	height: 26px;
	background-color: #D3005F;
}

#vague_bas {
	margin: 5px 5px 0 5px; 
	padding-top : 5px;
	width: 750px;
	height: 90px;
	background-image: url(../pics/vague_bas.gif);
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}

#coord_bas {
	position: relative;
	top: -30px;
	left: 40px;
	background: transparent;
	text-align: left;
}

#cadre_bas {
	position: relative;
	top: -20px;
	background-image: url(../pics/cadre_bas.gif);
	width: 760px;
	height: 27px;
	margin-left: auto; 
	margin-right: auto;
}

/* Gestion des Colonnes - Pages standard ----------------------------*/

#col_gauche_0 {
    margin: 10px 5px 10px 15px;
	width: 512px;
	padding-right: 5px;
	padding-bottom: 20px;
	border-right: 1px solid #aaaaaa;
}

#col_droite_0 {
	float: right;
	width: 200px;
	margin: 10px 15px 10px 0px;
	padding: 0;
}

/* Affichages Page d'accueil ----------------------*/

#home_gauche_0 {
	margin: 10px 10px 0px 15px;
	width: 250px;
	padding: 0;
}

#home_gauche_1 {
	height: 250px;
}

#home_gauche_2 {
	margin: 0;
	height: 24px;
	padding: 0;
	background-image: url(../pics/home_bienvenue.gif);
	background-repeat: no-repeat;
}

#home_gauche_3 {
	margin: 0;
	background-color: #ECBBDD;
	padding: 10px;
	text-align: left;
	font-size: 12px;
}

#home_gauche_4 {
	margin: 5px 1px 10px 0px;
	padding: 5px;
	border-right: 1px solid #aaaaaa;
}

#home_droite_0 {
    float: right;
	width: 470px;
	margin: 10px 10px 10px 0px;
	padding: 5px;
	font-size: 13px;
}

/*--- Classes Menu contextuels -------- */

h3.actu, h3.acces, h3.agenda, h3.web, h3.breve,
h3.lien, h3.connex, h3.rubrique, h3.recherche, h3.menu, h3.docs {
	margin: 5px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
}

h3.acces  span, h3.actu span, h3.agenda  span, h3.breve  span, h3.lien  span, h3.menu  span ,
h3.connex span, h3.recherche  span,  h3.rubrique span, h3.web span, h3.docs span {
	display: none;
}

h3.acces { background: transparent url(../pics/icon_acces.png) no-repeat bottom left; }
h3.actu { background: transparent url(../pics/icon_actu.png) no-repeat bottom left; }
h3.agenda     { background: transparent url(../pics/icon_agenda.png) no-repeat bottom left; }
h3.breve{ background: transparent url(../pics/icon_breve.png) no-repeat bottom left; }
h3.lien { background: transparent url(../pics/icon_lien.png) no-repeat bottom left; }
h3.menu  { background: transparent url(../pics/icon_menu.png) no-repeat bottom left; }
h3.connex {background: transparent url(../pics/icon_connex.png) no-repeat bottom left; }
h3.recherche  { background: transparent url(../pics/icon_recherche.png) no-repeat bottom left; }
h3.rubrique   { background: transparent url(../pics/icon_rubrique.png) no-repeat bottom left; }
h3.web  { background: transparent url(../pics/icon_web.png) no-repeat bottom left; }
h3.docs  { background: transparent url(../pics/icon_docs.png) no-repeat bottom left; }

.liste {
	margin: 5px 0 5px 10px;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color:  #000000;
	text-align: left;
	text-decoration: none;
}

.liste a, .liste a:active, .liste a:link {
	color: #9E0389;
	text-decoration: none;
}

.liste a:hover {
	color: #0076A3;
	text-decoration: underline;
	/*background: #eee;*/
}

.mini {
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #000000;
	text-decoration: none;
}

.mini a, .mini a:active, .mini a:link {
	color: #9E0389;
	text-decoration: underline;
}

.mini a:hover {
	color: #0076A3;
	text-decoration: underline;
	/*background: #eee;*/
}

/*--- Affichage Brèves Page d'Accueil ----*/

.cadre_intro_breve {
	padding: 5px;
	margin: 10px 5px 5px 5px;
	border-bottom: 1px solid #cccccc;
}

.titre_intro_breve {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	margin: 3px 0px 0px 0px;
}

.titre_intro_breve a, .mini a:active, .mini a:link {
	color: #9E0389;
	text-decoration: underline;
}

.titre_intro_breve a:hover {
	color: #0076A3;
	text-decoration: underline;
}

.texte_intro_breve {
	margin: 5px 0px 10px 0px;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.texte_intro_breve a, .mini a:active, .mini a:link {
	color: #9E0389;
	text-decoration: underline;
}

.texte_intro_breve a:hover {
	color: #0076A3;
	text-decoration: underline;
}
	
/* --- Page actualités --- */
.titre_intro_actu {
	font-size: 16px;
	margin-top: 6px;
	margin-bottom: 3px;
	font-weight: bold;
}

/* Affichage des articles ------------------*/

.article {
	margin: 0;
	text-align: left;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:  black;
	background: transparent url(../interface/article_end.png) no-repeat bottom center;
}

.article h1, .article h1 a {
	color:  #D3005F;
	font-size: 22px;
	margin:  15px 0 5px 0;
	padding: 0;
	text-decoration: none;	
}

.article h1 a:hover {
	text-decoration: none;
} 

.article a {
	color: #D3005F;
	text-decoration: underline;
}

.article a:hover {
	color: #005679;
	text-decoration: underline;
}

.surtitre  {
	font-weight: bold;
}

.soustitre { 
	margin-top: 5px;
	font-style: italic;
}
.chapo     {
	margin:   8px 20px 8px 20px;
	font-size: 13px;
	line-height: 100%;
	color: #96004B;
}

.texte {}

.ps {
	border-top: 1px dashed #ccc;
	margin: 10px 0px 10px 0px;
	font-size: 13px;
}

/*-- Eléments de formulaire -----*/
form {
	margin: 0;
	padding: 2px 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 0;
	font-size: 11px;
    font-family: Verdana, Arial, Helvetica;	
}

input.buttonwhite {
	border: 1px solid #FFF;
}

.radiobut {
	border: 0px solid white;
}