/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
	margin: 0;
	padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: */ 
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
	font-size: 0.8em; /* À adapter pour la police choisie. (3) */ 
	line-height: 1.4; /* À adapter au design. (4) */ 
	color: black; 
	position: relative;
	text-align:center;
	background-color:#FFFFFF;
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.80em; 
} 
h2 { 
  font-size: 1.4em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  /*font-size: 1.2em; */
  font-family: 'Molengo', serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 2px 2px 2px #aaa;
  text-decoration: none;
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

img { margin: 0; padding: 0; border: 0; }

#site{
position: relative; 
width: 1000px; 
/*min-width: 900px;
max-width: 1024px;*/
margin: 0 auto; 
text-align: left;
padding:5 0 2 0px;
/*background-color:#FFFFFF;
*/border:none;
overflow:hidden;
} 


#bandeau {
overflow:hidden;
/*background-image:url('img/haut_droite.gif');*/
background-image:url('img/site2010.png');
background-repeat:no-repeat;
background-position:top right;
} 


#bandeau ul li{
display:block;
 font-size: 1.25em; 
 float:left;
} 

#bandeau ul li a { 
display: block;
width: 6.9em;
height: 5em;
margin: 0.1em;
padding: 0em;
text-decoration:none;
font-weight:bold;
/*overflow-x: hidden;
overflow-y: hidden;*/
text-align: center;
border:dotted 1px #0000CC;
} 

#bandeau ul li a:hover {
background-color:#FFFF66;
} 

#bandeau ul li img{

margin:0 0 0 .4em;}


.bandeau_menu_logo{text-align:center;}


#logo{
float:left;}

#logo a img .logo_site{
float:left;}
#cim{}

#conteneur {
	clear: both;
	text-align:left;

}

#menu{
	float: left;
	width: 20%;
	overflow:hidden;
} 

#menu ul {

} 


#menu ul li{
font-size: 1.2em;
display:block;

margin: 0.5em 0 0.3em 0;
padding: 0em;
border-left:dotted 1px;
list-style:inside none;



} 


#menu ul li a{
display:block;
margin: 0em;
padding: 0.3em 0.5em;
background-color:#FFFFFF;

}


#menu ul li a:hover{
background-color:#FFFF66;
background-image:url('img/fleche_normal.png');
background-repeat:no-repeat;
background-position:center right;
}

#contenu{
float:right;
width:78%;
background-image:url('img/TRAME-fond.gif');
background-repeat:repeat-y;
background-position:center top;
padding:0.5em;



} 


#ligne1{
} 

#presentation{
width:46%;
/*background-color:#00CC00;*/

float:left;
} 

#presentation .soustitre{
color:#000000;}


#photos{
width:53%;
float:right;
/*background-color:#990099;
background-image:url('img/Crystal_Clear_app_lphoto.png');
background-position:top right;
background-repeat:no-repeat;*/
} 



#ligne2{
clear:both;
} 


#agenda{
width:48%;
float:right;
/*background-color:#CCFFFF;
background-image:url('img/calendrier1.png');*/
background-image:url('img/agenda_1.png');
background-repeat:no-repeat;
background-position:top right;
} 

#agenda  table tr td 
{
}

#agenda  table tr td h4
{
	font-family: 'Reenie Beanie', arial, serif; 
	color:#0033FF;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  text-shadow: 2px 2px 2px #aaa;
	text-decoration: overline;
  text-transform: uppercase;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
}


#agenda ul {
padding: 0;
margin:0;
}

#agenda ul li{
margin:5px 0px;
padding:2px 0px;

	
} 

#agenda ul li p {
padding: 0;
margin:0;
} 



#liste_accueil_articles{
width:48%;
float:left;
/*background-color:#00CCFF;*/
} 


#liste_accueil_articles ul {
padding: 0;
margin:0;
}

#liste_accueil_articles ul li{
clear:both;
padding: 2px 0;
margin:3px 0;
list-style:none;
border-top:dotted 1px;
} 

#liste_accueil_articles ul li a{
display:block;

}


#liste_accueil_articles ul li h3 {
 margin:0.2em 0 0.1em 0.1em; padding:0.1em;   }


#liste_accueil_articles .spip_logos { float: right;  margin: 0.2em ; padding:0;}



/* Alertes */
.alertes-breves {}
.alertes-breves ul li {
background-image:url('img/gens-bureau.png'); 
background-position:top right; 
background-repeat:no-repeat; 
list-style:none;      
border: 2px red dashed;
margin:0;
}
.alertes-breves ul li {
padding:2px;
}

.alertes-breves ul li p{
margin: 30px 0px 0px 0px;
padding:2px;
}

/*--------------------------------- */

#articles{
} 

.entete_articles{}
.spip_logos { float: right; margin:5px 5px 4px 16px;} 
.TITRE{color:#3300CC;}
.soustitre {color: #000000; margin-top: 0.5em; margin-bottom: 0.3em;} 
.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; font-style:italic; }
.texte { line-height: 1.60em; }
.hyperlien {padding: 0.50em 1em; font-weight: bold; text-align:center; }

#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #FFFF00; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #0099FF; }

.remonte_ecran{
clear:both;
border-top:dotted 1px;
float:right;
text-align:center;
}

#rubriques{
} 

.debut_rubrique{}



.spip_logos { float: right; margin:5px 5px 4px 16px;}

.liste_articles_rubriques{
clear:both;
width:65%;
float:left;}

.liste_articles_rubriques ul{
}

.liste_articles_rubriques ul li{
clear: both; padding: 0.50em 0.20em; list-style:none; border-top:dashed 1px;
}

.liste_articles_rubriques ul li a{
}


.liste_articles_rubriques ul li h3 { margin: 0.20em 0; list-style:none; }

.liste_articles_rubriques .spip_logos { float: right; clear: right; margin: 0 0 4px 6px;}

.liste_sites_rubriques{
width:34%;
float:right;}

.liste_sous_rubriques{
clear:both;
width:65%;
float:left;
overflow:hidden;}

.liste_sous_rubriques ul li{
display:block;
 font-size: 1.25em; 
 float:left;
} 

.liste_sous_rubriques ul li a { 
display: block;
width: 6.9em;
height: 6em;
margin: 0.2em;
padding: 0em;
text-decoration:none;
font-weight:bold;
text-align: center;
} 

.liste_sous_rubriques ul li a:hover {
background-color:#FFFF66;} 

.liste_sous_rubriques ul li img{

margin:0 0 0 .4em;}

.liste_articles_archive_rubriques{
width:65%;
float:left;}



.liste_sites_partenaires_rubriques{
width:70%;}

.liste_sites_partenaires_rubriques ul li{
display:block;
/* font-size: 1.25em; */
 float:left;
} 

.liste_sites_partenaires_rubriques ul li a { 
display: block;
width: 115px;
height: 100px;
margin: 0.2em;
padding: 0.2em;
text-decoration:none;
font-weight:bold;
text-align: center;
} 

.liste_sites_partenaires_rubriques ul li a:hover {
background-color:#FFFF66;} 


#tableau_initiations_rubriques{}

#tableau_initiations_rubriques table{
border:0;
empty-cells: hide;
border-spacing: 2px;
width:100%;
}

#tableau_initiations_rubriques table td{
border:dotted 1px;
width:25%;
text-align:center;
}

.titre_tableau_initiations
{
font-weight:bold;
font-size:larger;
}

.logo_tableau_initiations
{

}
.inititation1{
background-color:#FFFFCC;
padding:10px;
}

.inititation2{
background-color:#99FFCC;
padding:10px;
}

.inititation3{
background-color:#FFFFFF;
padding:10px;
}


#tableau_partenaires{}

#tableau_partenaires table{
border:0;
empty-cells: hide;
border-spacing: 2px;
width:100%;
}

#tableau_partenaires table td{
border:dotted 1px;
width:25%;
text-align:center;
padding:8px 4px;
}

.titre_tableau_partenaires
{
font-weight:bold;
font-size:larger;
}

/*
.liste_initiations_rubriques{}
.liste_initiations_rubriques ul li{
display:block;
 font-size: 1.25em; 
 float:left;
 text-align:center;
} 

.liste_initiations_rubriques ul li a { 
display: block;
width: 6.9em;
height: 7em;
margin: 0.5em;
padding: 0.5em ;
text-decoration:none;
font-weight:bold;
text-align: center;
 border-top:2px solid #003399;
} 

.liste_initiations_rubriques ul li a:hover {
background-color:#FFFF66;
 
} 
*/
.liste_dates_initiations_rubriques{
clear:both;
width:100%;
float:left;
}

#blog
.titre{
padding:5px;
text-align:center;}

.logo_blog{
float:left;
margin:0;
}

.blog_ligne_titre{
text-align:left;
}
.date_billet_blog_mois
{
border:1px solid #000000;
width:100px;
background-color:#990033;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;}

.date_billet_blog_date{
background-color:#FFFFFF;
color:#000000;
width:100px;
padding:15px 0px;
border:1px solid #000000;
text-align:center;}

.bulle1
{
border:1px dashed #CCCCCC;
}

.blog_col_logo{
width:40px;
text-align:right;
float:right;}

.blog_col_calendrier{
width:110px;
background-color:#FFFFCC;
}

.blog_titre_billet{
color:#0033FF;}

#agenda-cim-full
{
}


#agenda-cim-full h2
{
clear:both;
margin:0px;
padding:3px;
text-align:center;



border-top:solid 1px #000000;
/*border:solid 1px #000000;*/

}

#agenda-cim-full h3
{
display:block;
float:left;
margin:0px 0px 20px 0px;
padding:8px;
text-align:center;
font-style:normal;
border:dotted 1px;
}


/*  Agenda CIM
---------------------------------------------- */
.agenda_imprimable{
text-align:left;}


#pied_page{
clear:both;

}