/* --------------------------------------------------------- */
/* Feuille de style pour le site FRAPRU elle est appliqué avant les autres  */
/* --------------------------------------------------------- */
/* ------------------------------------------
/* Typographie generale (style transversaux)*/


html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/*/

body { font-size: 0.88em; 
	font-family: Arial,Helvetica,sans-serif;
	/*color: #333; 
	background-color:#3366ff;*/
	}
 /* Par défaut, ce texte s'affichera à 13px */
 
 a {color: #333; text-decoration:none;}
 a:active {color: #333; text-decoration:none;}
 a:hover {color: #A0383B;}
 
 /* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; font-weight: bold; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h1, h1 a, h1 a:focus, h1a:hover, h1 a:active; h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h4{ font-size: 1.20em; }
h3.spip {text-align:left;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* ------------------------------------------
/* Les cadres
/* ------------------------------------------ */
#page { width: 976px; 
	   margin-left:auto;
	   margin-right:auto; 
	   margin-top: 10px; 
	   margin-bottom:10px; 
	   background-color:#FFFFFF;
	   border: 2px solid #CCCCCC; }
#entete {margin: 0; padding: 0; width:964px;}
#entete .image  {position:relative;
			   border:none;}
#entete  a {text-decoration:none; color: white;}
#entete .texte {margin-left:740px; margin-top:-50px;position:relative; text-align:justify; padding:2px 10px 0 0 ;}
#entete .div_fb {position:absolute;top:0px;right:0px;margin:0px;padding:0px;}
#entete .div_fb IMG {height:32px;}
#entete .div_rss {position:absolute;top:40px;right:0px;margin:0px;padding:0px;}
#entete .div_rss IMG {height:32px;}

		
/* section colonne   */
#contenu { margin-left: 17em; margin-right: 17em; padding: 3em 0.7em 0.3em 0.7em;  }

#contenuRub { margin-left: 18em; padding: 0.3em 0.7em 0.3em 0.7em;  }
#contenuRub .calendrier { margin-left:0; padding: 0; }
#contenuRub .DateEnv{ border: 1px solid; padding: 8px; list-style:none;}

.cartoucheRub {  margin: 2em 0; }
#contenuLarge { margin-left: 10em; margin-right: 25em; padding: 3em 0.7em 0.3em 0.7em;  }
#colgauche {float: left; padding: 6em 1em 1em 1em;  width:16em; border-right:0px solid; border-bottom: 0px solid;}
#colgaucheImg{float: left; padding: 0em; width:16.2em; border-right:0px solid; border-bottom: 0px solid;}
#colgaucheUne {float: left; padding: 1em; width:14em; border-right:1px solid; border-bottom: 1px solid;}
#coldroite {float: right; padding: 1em; width:14em; border-left:1px solid; border-bottom: 1px solid;}
#coldroiteLarge {float: right; padding: 8em 1em 1em 1em; width:27em; clear: both ;}


/* Section sommaire gauche   */
.menu ul{padding:0.5em;}
.menu li {list-style-type: square; list-style-position: outside;
		padding-left:0.7em;
		padding-bottom:0.2em;}
/* section boite des colonnes   */
#calendrier { text-align: center;}
#communiques h1 {font-size: 1em;padding-bottom:2px;}
#communiques h2 {font-size: 0.95em;}
#communiques h3 {font-size: 0.85em;}
#communiques h1.titre {font-size: 1.3em; color: #A0383B;}
#communiques .date {font-style:normal; font-size: 0.8em; }
#communiques ul {padding:1em;}
#communiques li {list-style-type: square; list-style-position: outside;padding-bottom:0.5em;}

#document p {vertical-align: middle;}
#document img {float:left;}
#document h1.titre {font-size: 1.3em; color: #A0383B;}
#document h2 {font-size: 0.95em;}

#pied { clear: both; margin: 0; padding: 1.40em 1em ; border-top: 1px solid #CCCCCC; text-align:center; font-size: 0.90em; }
#pied img { vertical-align: middle; }
.gauche {text-align:left;}
.droite {text-align:right; float:right; padding-right: 18px;}
.centre {text-align:center;}

/* section bloc principale   */
#blocPrincipale {margin-right:18em;}
.UneNouvelle{padding-bottom: 0.95em; font-style:bold; color: #A0383B;}
.UneNouvelle a {padding-bottom: 0.95em; font-style:bold; color: #A0383B;}
.imageune {float:left; padding : 0 1em 1em 0em; text-decoration: none;margin-left:auto;margin-right:auto;width:280px;}
.une1 {text-align: center; }
.droite-italique{text-align: right; font-style: italic;}
.enligne {display: inline;}
.bloc ul{padding:1.5em;}
.bloc li {list-style-type: square; list-style-position: outside;
		padding-left:0.7em;
		padding-bottom:0.2em;}


/* Modification des style de spip   */
/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: left; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { width: 90%; margin: 1em auto; }
.spip_documents_left { float: left; margin: 5 10px 5px 10px;}
.spip_documents_right { float: right; margin: 5 10px 5px 10px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.70em; }
/* modeles par defaut */
.spip_modele { float: right;  padding: 1em; border: 1px solid; width: 180px; }

.p_docune {height:50px}

/* Portfolio */
#contenuRub .documents_portfolio { margin: 1em auto; text-align: center; }
#contenuRub .documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#contenuRub .documents_portfolio a.on .spip_logos { border-color: #F57900; }
#contenuRub .documents_portfolio a:focus .spip_logos,
#contenuRub .documents_portfolio a:hover .spip_logos,
#contenuRub .documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

/* Section bulletin   */

#entete-bulletin{ margin-left: 17em; padding-top: 18px;}
#entete-bulletin .image  {height:100px;float:left; border:none;}
#entete-bulletin .droite {height:100px; float:right; margin:0.3em 0.2em 0 0; }
#entete-bulletin .formulaire{font-size:1em;}

#sommaireBulletin{
   float: left; 
   padding: 1em; 
   width:14em; 
   border-right:0; 
   border-bottom: 1px solid; 
   margin-right: 12px; 
   background-color: #97ced1;
}
#sommaireBulletin .image{text-align:center;}
#sommaireBulletin p {text-align:center; font-size:1em;}
#sommaireBulletin h1 {text-align:center; font-size:1.5em;}
#sommaireBulletin h2 {text-align:center; font-size:1.3em;}
#sommaireBulletin ul {margin-left:12px; padding-left:0}
#sommaireBulletin ul li {margin-left:0;padding-bottom:9px;padding-left:0;list-style:square;}


#contenu-bulletin{ margin-left: 16em; margin-right: 1em; padding: 0.3em 0.7em 0.3em 0.7em; clear:right ; }