/*-----------------------------------------------------
	IS AIX-EN-PROVENCE css 
	
	version: 1.0 
	date:    2005.01.01
	author:  objectif-lune.fr
------------------------------------------------------*/



/********************************
 * Styles generaux
*********************************/


body {
	margin: 0; /* pour éviter les marges */
	/*position:absolute;
	left:249px;*/
	
	font-family: verdana, arial, sans-serif;
/* on définit la police de base dans la page */
	
	font-size: 11px;
/* on définit la taille de la police de base dans la page */
	
	color : #333399;
/* on définit la couleur de la police de base dans la page */
}


/******************************************
 on définit le style des liens par défaut
 ******************************************/
 

 
 
a { text-decoration: none; color: #6C4ADA; font-weight: bold;}
a:hover { text-decoration: underline; }
a:visited { 
	/*color: #7472A4;*/
	font-weight: bold;}

a.lien_menu { text-decoration: none; color: #FFCC99; }
a.lien_menu_dossier { text-decoration: none; color: #650000; }


/* styles pour exposer une liste d'articles
*/
a.lien {
    color: #FFCC99;
	font-weight: bold;
}

a.lien-desactive {
   font-weight: bold;
}


/*Habillage Menu Déroulant*/
.menu_deroulant {
	margin:1em 0 0;
	padding:0;
	
	}
	
.menu_deroulant a{
	margin:1px;
	color:#AF412E;
	text-decoration:none;
	padding:1px 8px 1px 0;}
	
.menu_deroulant a:visited { color: #AF412E; }

/*Liens sous-menus*/
.menu_deroulant a:hover{
	padding:0 0px;color:#AF412E;text-decoration: underline;}
.menu_deroulant ul{margin-left:1.5em;padding:0;}

 /*
 * Couleurs Lien pour le pied de page
 */
a.pied_lien { 
text-decoration: none; color: #FFF0BD;
font-weight: bold;
}

a.pied_lien:hover { text-decoration: underline; }


a.pied_lien_dossier { 
text-decoration: none; color: #650000;
font-weight: bold;
}


/*
 * Mise en page des textes (bordures...)
 */

 
 .titre_accueil {
	font-weight: bold;
	font-size: 10px;
	}
 
 
  /*************************************************
 * mise en page pour les modules de droite dans la page de cours
 ****************************************************/
td.module_texte_cours {font-size: 10px;}
 
.champ_mail{width: 100px;}
 
 
 
 
 
 
 /*
 * Couleurs Lien pour les titres de modules en pages d'accueil
 */
 
 .a.chapo_lien {
 	color: #333399;
 	font-weight: bold;
	text-decoration: none;
	
	}	

a.chapo_lien:hover { text-decoration: underline; }
	
 
 
.generique {
	font-size: 9px;
	list-style-position: inside;
	margin-left: 10px;
}
	
.liste_resume {
list-style-position: inside;}

.generique2 {
font-size: 9px;
margin-left: 10px;
}
	
	
.module_lien_article {list-style-position: inside;}
	
.suite {
	font-size: 9px;
	
}		


div.navigation
{
font-size: 9px;

width:100%; 
padding-top:2px; 
padding-bottom:2px; 
margin-bottom:2px; 
border-top:0; 
border-bottom:1px dashed; 
} 


	
 /*
 * mise en page pour le formulaire texte
 */

  .chapo {font-weight: bold;}
	
	
.texte, .texte p.spip {
	text-align: justify;
}
.ps {}
.notes {}

table.module_carte {
	height: 113px;
}


td.module_accueil {
	width: 190px;
	height:120px;
}

td.module_texte {
	width: 180px;
	margin: 5px;
	font-size: 9px;
	height:50px;
	
}

td.module_news {
	width: 160px;
	padding-left: 13px;
	}

td.module_news_accueil {
	width: 160px;
	padding-left: 13px;
	/*height:70px;*/
	
}


td.module_news_rubrique {
	padding-top: 10px;
}

tr.module.provence {
width: 570px;
}

td.module_provence_picto {
	width: 22px;
}

td.module_provence {
	color : #ffffff;
	padding-left: 3px;
	width: 545px;
	font-weight: bold;
	background-color: #b04330;
	 /*font-size: 13px;*/
}



/*
 * Styles pour na navigation
 */

.titre-deroulant{
font-weight: bold;
 color: #AF412E;
 font-size: 13px;
}

a.titre-deroulant_lien{color:#AF412E;text-decoration:none;}
/*Liens sous-menus*/
a.titre-deroulant_lien:hover{color:#AF412E;text-decoration:underline;}



.lien-deroulant{}




/*
 * Styles pour le contenu (c-a-d. la colonne principale)
 */

.titre {
	 font-size: 17px;
	 font-weight: bold;
	 padding-top: 0px;
	 
}
 
 
.rubrique {
	 font-size: 14px;
	 font-weight: bold;
	 padding-top: 0px;
	 
} 
 
 
 
.soustitre {
	 font-size: 15px;
	  font-style: italic;
	 font-weight: bolder;
	 padding-top: 0px;
	 color: #AF412E;
	 
	 
} 
 
.contenu {}
.contenu h2.titre-extrait {}
.contenu h2.titre-texte {}
.contenu .surtitre {}
.contenu .detail {}
.contenu .detail .important {}
.extrait {}
.liste-articles {
	margin-top: 1em;
	margin-bottom: 1em;
	clear: left;
}
.contenu .forum-repondre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0.6em;
}



 .accroche-rubrique {
	font-weight: bold;
	color:#B44018;
	text-align: center;
	font-size: 13px;
}
 
  .accroche-rubrique-left {
	font-weight: bold;
	color:#B44018;
	font-size: 13px;
}
 
  .titre-recherche {
	font-weight: bold;
	color:#B44018;
	text-align: left;
	font-size: 13px;
}



.intitule_combo {
	margin-right: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 13px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-size: 11px;
	text-align:right; 
}

.menu-item {
	margin-right: 0px;
	padding: 0px;
	padding-left: 0px;
	padding-right: 13px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 11px;
	text-align:right; 
}


.menu-dossier {
	margin-left: 0px;
	padding: 0px;
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	
}


.menu-general {
	font-weight: bold;
	font-size: 11px;
	width: 95%;
	}


/*
 * Habillage des brèves dans le moteur de recherche
 */

 
 .menu {
	border: 1px solid #a0a0a0;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
}
.menu ul {
	display: block;
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
	list-style: none;
}
 
 
.menu-titre {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px dashed #d0d0d0;
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
}
 
.titre-texte-breve {
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
	
}
 
.titre-texte-breve-right {
	font-weight: bold;
	text-align:right;
}
 

.breves { background-color: #ffeaea; }
.breves .menu-titre	{ background-color: #fff2f2; text-align:left; }


.pied {
	color : #ffffff;
	margin: 3px;
	}



	
	


/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}


/*
 * Habillage des petitions
 */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
.signatures td {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signature-date {
	white-space: nowrap;
	background: #e4f0f0;
	padding: 0.5em;
}
.signature-nom {
	font-weight: bold;
	background: #ecf4f4;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 85%;
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}





	





/******************************************************
style dans le formulaire texte racccourcis typographiques
*******************************************************/
a.spip_out { text-decoration: none; color: #6C4ADA; }
a.spip_in, a.spip_url { text-decoration: none; color: #6C4ADA; }
a.spip_glossaire { text-decoration: none; color: #20a020; }


/**Les intertitres**/
h3.mon_style_h3 {
	background-color: #FCE48D;
	width: 410px;
	font-size: 13px;
	color: #AF412E;
	font-style:italic;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	}

	
/**Les intertitres**/
h3.plan {
	background-color: #FCE48D;
	width: 570px;
	font-size: 13px;
	color: #AF412E;
	font-style:italic;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	}	
	
.commentaire {
	color: #AF412E;
	font-style:italic;
	font-weight: bold;
	text-align: left;
	
	}
	


.spip_puce {
	list-style-position: inside;
}

.spip_documents{
	
	font-size : 70%;
}


.lettrine {
        float: left;
        font-size: 50px;
        font-weight: bolder;
       height: 40px;
        width: 40px;
        line-height: 40px;
}


/********************/
/* style des tableaux */
/********************/
/******table.spip permet de modifier le comportement général du tableau
(notamment sa position, à gauche, centré...)*****/

table.spip {
	width: 410px;
	
	/*border-color:#6C4ADA;
	border-width:2px;*/
	}
	
table.spip tr.row_first {
	background-color: #FDF4C8;
}
table.spip tr.row_odd {
	background-color: #F2EFF2;
}
table.spip tr.row_even {
	background-color: #CEC5E2;
}
table.spip td {
	/*width: 10%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

/**************************
 fin des styles des tableaux 
 **************************/

/*Les notes de bas de page*/
p.spip_note { }

hr.spip { 
	width: 370px;
	text-align: left;
	padding: 0px;
}

/***********************************************
Le gras et l’italique sont définis par les raccourcis :
Du texte {{en gras}}, du texte {en italique}
Ils peuvent être modifiés par les styles : b.spip et i.spip. Styles peu utiles.
**************************************************/

b.spip { }
i.spip { }
blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding: 5px;
}


/*****************************************
Les formulaires
/*****************************************/

.formulaire {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 4px;
	border: 1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
}


 .form_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 180px;
}

.formrecherche {
	width: 100px;
	background-color: #FFFFFF;
	color: #505030;
	/*padding: 2px;*/
	border: solid 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 150px;
	}


.forml {
	background-color: #ececec;
	margin: 4px;
	padding: 1px;
	border: dashed 1px #909090;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}


.spip_encadrer {
	
	width : 300px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_bouton {
	border: 2px solid #404040;
	padding: 3px;
	background-color: #FFCC00
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}


.spip-admin {
	
	position:absolute;
	top:200px;
	left:780px;
	right:0px;
	z-index:0;
	padding: 2px;
	line-height: 1.4em;
	
}


/****************
/*Code et cadre
****************/
.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}
.spip_code { }
/********************/

div.spip_poesie {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #999999;
}
div.spip_poesie div {
	text-indent: -60px;
	margin-left: 60px;
}



.reponse_formulaire {
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

/* CSS POUR MENUS DE NAVIGATION */

/*Caractères Menu*/
.onglet a{font-size:9px;color:6C4ADA;line-height:12px;text-decoration:none;}
.onglet a:hover{font-size:9px;color:6C4ADA;line-height:12px;text-decoration:underline;}
/*Fin Caractères Menu*/


/*Caractères sous-menu*/
.smenu a{font-size:9px;color:6C4ADA;text-decoration:none;text-align:right;}
.smenu a:hover{font-size:9px;color:7472A4;text-decoration:underline;}
.smenu a:active{font-size:9px;color:7472A4;text-decoration:underline;}

/*Fin Caractères sous-menu*/


/*MENUS*/

.fg_accueil{background-color: #FFF4CE;}
.bg_accueil{background-color:#F8C302;}
.bg_accueil2{background-color:#FFF4CE;}

.fg_cours{background-color:#FFF4CE;}
.bg_cours{background-color:#F8C302;}
.bg_cours2{background-color:#FFF4CE;}

.fg_hebergement{background-color:#FFF4CE;}
.bg_hebergement{background-color:#F8C302;}
.bg_hebergement2{background-color:#FFF4CE;}

.fg_stagiaires{background-color:#FFF4CE;}
.bg_stagiaires{background-color:#F8C302;}
.bg_stagiaires2{background-color:#FFF4CE;}

.fg_provence{background-color:#FFF4CE;}
.bg_provence{background-color:#F8C302;}
.bg_provence2{background-color:#FFF4CE;}

.fg_activites{background-color:#FFF4CE;}
.bg_activites{background-color:#F8C302;}
.bg_activites2{background-color:#FFF4CE;}

/*DIVs*/


.entete{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	
}



.principal{
	position:absolute;
	left:0px;
	right:0px;
	top:118px;
	
}

.dmenu{
	position:absolute;
	left:0px;
	right:0px;
	top:80px;
	z-index:111;
	visibility:hidden;
	width: 760px;
	height: 0px;
}
.dmenutop{position:absolute;left:0;top:0px;z-index:111;}


/**styles spécifiques pour le formulaire d'inscription**/
.form_h3 {
	
	font-size: 13px;
	color: #AF412E;
	font-style:italic;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin-left:10px;
	
	}

.titre_etape {
	
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	width: 300px;
	margin-left:10px;
	
	}	
	

/**styles spécifiques tables niveau**/	
	

td.niveau_380 {
	padding: 0px;
	text-align: left;
	padding-left: 0px;
	width: 380px;
}

td.niveau_190 {
	padding: 0px;
	text-align: left;
	padding-left: 0px;
	width: 190px;
}



 .champ_input {font-size: 10px;}


/* a voir si c'est utille 
.bg2 {
max-width:1024px;
min-width:780px;
width:expression(document.body.clientWidth > 1014 ? "991px":( document.body.clientWidth < 800? "780px" : "780px" ));
}*/