html, body {
 	
 	margin: 0;
 	padding: 0;
 	text-align: center;
 	font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;

	color: #333;
	background-color: #fff;
	background-image: url("images/commun/00.gif");
	background-position: top left;	
 }





/*---------------------------------------------------------------
					
				STYLES GLOBAUX 

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

h1, h2, h3 {
	font-family: Georgia, serif;
	clear: both;
	margin: 0;
	padding: 0;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 1.2em;
}


h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}


a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #07759e;
	outline: none;
}

a:hover {
	color : #a92f17;
}


p {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}


div {
	border: 0px solid #000;
	margin: 0;
	padding: 0;
}

table {
	border: 1px solid #999;
	float: left;
	clear: both;
	width: 100%;
}
td {
	border: 1px solid #999;
	padding: 2px;
	text-align: left;
}


h1 a {
	color: #333;
}

h1 a:hover {
	color: #a92f17;
}


h1.titreArticle {
	padding: 0;
	width: 98%;
}

h1.titreAutresArticles {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	line-height: 1em;
	width: 98%;
	display: none;
}

h1.titreAutresArticles a{
	color: #999;
}

h1.titreAutresArticles a:hover{
	color: #a92f17;
}


.sousTitreArticle {
	color: #07759e;
	margin: 0;
	margin-bottom: 5px;
	width: 98%;
	display: block;
	/*padding-left: 17px;
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	background-position:  left center;*/
}

.bleuCiel {
	color: #0096cc;
}

/*---------------------------------------------------------------
					
				TOTAL ET CONTENEUR GENERAL

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



#total {
	position: relative;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid #690;
	background-color: transparent;
	text-align: center;
	z-index: 10;

}

#conteneur {

	width: 98%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #690;
	background-color: transparent;
	
}

#degrade {
	width: 100%;	background-image: url("images/commun/00.gif");
	background-repeat: repeat-x;
	background-position: top left;
	z-index: 0;

}




/*---------------------------------------------------------------
					
					HEADER

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



#header {
	display: none;
	

}


#headerTexte {
	text-align: left;
	display: none;
}

/*---------------------------------------------------------------
					
						COLONNES : CONTENEURS DES 3 COLONNES

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


#colonnes {
	float: left;
	width: 100%;
	background-image: url("images/commun/00.gif");
	background-repeat: repeat-y;
	background-position: top left;
}




/*---------------------------------------------------------------
					
						COLONNE NAV

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



#colonneNav {
	display: none;
	
}



/*----------------------------
LISTE LIENS NAV
-------------------------------- */
#colonneNav ul {
	float: left;
	margin: 0;
	padding: 0;
	background-image: url("images/commun/pointillesNav.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	clear: both;
	padding-top: 9px;
	margin-bottom: 0px;
	padding-bottom: 9px;
	width: 160px;
}


#colonneNav li {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 5px;
	width: 160px;
	border: 0px solid #000;
}


/*----------------------------
COULEURS LIENS NAV 
-------------------------------- */

#colonneNav a {
	text-decoration: none;
	color: #0096cc;
	background-color: transparent;
}

#colonneNav a:hover {
	color: #fff;
	background-color: transparent;
	font-weight: normal;
}

#colonneNav a.selection {
	color: #fff;
	background-color: transparent;
	font-weight: normal;
}


/*----------------------------
NAV SANS POINTILLES BAS
-------------------------------- */

#colonneNav ul.sansPointilles {
	background-image: url("images/commun/00.gif");
}



/*----------------------------
CHAMP DE RECHERCHE
-------------------------------- */


#colonneNav form {
	margin: 0;
	padding: 0;
}

.champRecherche {
	float: left;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 17px;

	color: #a92f17;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	border: 0;
	border-top: 1px solid #999;
	border-right:  1px solid #ccc;
	border-left:  1px solid #ccc;
	border-bottom:  0px solid #ccc;
}
.bt {
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 6px;
	display: inline;
}






/*---------------------------------------------------------------
					
						COLONNE CONTENU

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


#colonneContenu {
	float: left;
	width: 99%;
	border: 0px solid #000;
	margin: 0;
	padding: 0;
}


#colonneContenu table p {
	text-align: center;
}



.colonneTexte {
	margin: 0;
	padding: 10px 12px 0px 12px;

}

.colonneTexte p {
	text-align: justify;
	width: 99%;
}
.colonneTexte img{
	border: 1px solid #999;

}

.colonneTexte, .deuxColonnesHome {
	
}

.deuxColonnesHome {
	
}
/*----------------------------
FOND BLEU : TITRE RUBRIQUE + FOND DOSSIER
-------------------------------- */
.fondBleu {
	background-color: #fff;
	color: #000;
	padding-bottom: 5px;
	height: 100%;
}


.fondBleu img {
	margin-bottom: 12px;
	border: 0;
	border: 0px solid #999;
}



.fondBleu a {
	color: #000;
}

.fondBleu a:hover {
	color: #ccc;
}

.pointillesBleus500 {
	padding: 0;
	margin: 0;
	background-image: url("images/commun/pointillesBleus500.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 1px;
	width: 100%;
}

.pointillesBleus473 {
	background-image: url("images/commun/pointillesBleus473.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 5px;

}


.pointillesBleus473anciensNumeros {
	background-image: url("images/commun/pointillesBleus473.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 0px;
	padding-top: 3px;

}

.pointillesBleus473auteurs {
	background-image: url("images/commun/pointillesBleus473.gif");
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 0px;
	padding-top: 15px;
	clear: both;
}
/*----------------------------
TITRE RUBRIQUE
-------------------------------- */

.titreRubrique {
	color: #000;
	font-family: Arial, sans;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	display: block;
	
}

.titreRubriqueEdito {
	text-transform: none;
	color: #000;
	font-family: Arial, sans;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	display: block
}

.texteNormal {
	text-transform: none;
}


/*----------------------------
EDITO
-------------------------------- */



.edito {
	background-image: url("images/commun/pointillesBlancs.gif");
	background-repeat: repeat-x;
	background-position: bottom left;

}

#texteEdito {
	float: left;
}
.editoVisible {
	float: left;
	padding: 0;
	margin: 0;
	display: block;

}
#liensEdito {
	width: 400px;
}

#ouvreEdito, #fermeEdito {
	padding-left: 17px;
	background-image: url("images/commun/flecheBlancheMarge.gif");
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color: #000;
}

#ouvreEdito:hover, #fermeEdito:hover {
	background-image: url("images/commun/flecheNoireMarge.gif");
	color: #000;
	padding-left: 17px;
}
/*----------------------------
DEUX COLONNES HOME
-------------------------------- */



.deuxColonnesHome {
	background-image: url("images/commun/00.gif");
	background-repeat: repeat-y;
	background-position: top right;
	border: 0px solid #000;
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;
	clear: both;

	

}

.colonneSources {
	float: left;
	width: 49%;
	border: 0px solid #ccc;
	padding-right: 10px;
	padding-left: 10px;
}

.colonnePortraits {
	float: left;
	width: 48%;
	border: 0px solid #ccc;
	padding-right: 10px;
	padding-left: 12px;
}



/*----------------------------
SELECT CATEGORIES
-------------------------------- */



.selectCategories {
	clear: both;

	width: 150px;
	font-size: 11px;
	border: 1px solid #999;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline;
	background-color: #ccdade;
	height: 16px;
	padding-bottom: 0px;
}





/*----------------------------
LISTE ARTICLES DOSSIER : STYLES
-------------------------------- */

h1.titreDossier {
	font-size: 48px;
	line-height: 1em;
	padding: 0;
	padding-bottom: 15px;
	/*text-shadow: 3px 3px 1px #333 ;*/
}


#listeDossier   ul {
	float: none;
	margin: 0;
	padding: 0px;
	clear: both;
	padding-bottom: 0px;
	width: 95%;
	display: block;
}




#listeDossier   li {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 0px;
	width: 95%;
	border: 0px solid #000;
	font-family: Georgia, serif;
	
}


#listeDossier  h2  {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.4em;
}


#listeDossier a {
	padding-left: 17px;
	background-image: url("images/commun/flecheBlancheMarge.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	color: #333;
	display: block;
}
#listeDossier a:hover {
	background-image: url("images/commun/flecheNoireMarge.gif");
	color: #000;
	padding-left: 17px;
}


#listeDossier  .auteur {
	font-family: Arial, verdana, sans-serif;
	margin-bottom: 10px;
	padding-left: 17px;
	font-size: 13px;
	color: #00bbff;
	line-height: 1.2em;
}




/*----------------------------
LISTE OUTILS ARTICLE
-------------------------------- */


#outilsArticle {
	display: none;
}

#outilsArticle   ul {
	float: right;
	margin: 0;
	padding: 0px;
}




#outilsArticle   li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 0px;
	border: 0px solid #000;
	font-family: Georgia, serif;
	padding-left: 10px;
	float: left;
	
}


#outilsArticle   li.espaceA {
	margin: 0;
	padding: 0;
	padding-left: 2px;
}

#outilsArticle img {
	border: 0;
}



/*---------------------------------------------------------------
					
					NAVIGATION TABULAIRE

--------------------------------------------------------------- */
.visibleAuteurs {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	border: 0px solid #06C;
}


.visible {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	border: 0px solid #06C;
}

#resume {
	display: none;
}


.menuTab {
	margin : 0;
	padding-bottom : 27px;
	padding-left : 0px;
	border-left: 1px solid #A3C1CC;
}

.menuTab ul, .menuTab li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
	
.menuTab a {
	
	float : left;
	margin-right : 0px;
	padding : 6px 10px 6px 10px;
	padding-left: 25px;

	border-top : 1px solid #A3C1CC;
	border-right: 1px solid #A3C1CC;
	border-bottom: 1px solid #A3C1CC;
	
	
	
	color: #07759e;
	font-style: italic;
	font-family: Georgia, serif;
		
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	
	background-position: 0.6em 0.9em;

}


.menuTab a:hover {
	color : #a92f17;
	background : #dee4e7;
	background-image: url("images/commun/flecheRouge.gif");
	background-repeat: no-repeat;
	background-position: 0.6em 0.9em;

}


.menuTab a.tabFondCouleur {
	background : #dee4e7;
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	background-position: 0.6em 0.9em;

}

.menuTab a.tabFondCouleur:hover {
	background : #dee4e7;
	background-image: url("images/commun/flecheRouge.gif");
	background-repeat: no-repeat;
	background-position: 0.6em 0.9em;

}



.menuTab a.tabSelection  {
	border-bottom: 1px solid #dee4e7;
	background : #dee4e7;
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	background-position: 0.6em 0.9em;
}



.menuTabOuvert {
	border-bottom : 1px solid #A3C1CC;

}

.menuTabFerme {
	border-bottom : none;

}

.tab {
	border-bottom : none;

}

.tabFerme {
	border-bottom : 1px solid #A3C1CC;

}



.contenuTab {
	background : #dee4e7;
	border : 1px solid #A3C1CC;
	border-top : none;
	clear : both;
	margin : 0px;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 5px;

}

.contenuTab p {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 10px;
	width: 95%;

}



/*---------------------------------------------------------------
					
						BOITES AUTEURS / NOTES / MOTS CLEFS

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

#boiteAuteurs {
	border: 1px solid #ccc;
	background : #dee4e7;
	padding: 7px;
	margin-top: 10px;
}

#boiteNotes {
	border: 1px solid #ccc;
	background : #95b4c0;
	padding: 7px;
	margin-top: 10px;	
}

#boiteMotsClefs {
	border: 1px solid #ccc;
	background : #dedacb;
	padding: 7px;
	margin-top: 10px;
}

#boiteHautDePage{
	display: none;
}



#boiteNotes img, #boiteAuteurs img, #boiteMotsClefs img {
	border: 0;
}

.sepAuteurs {
	border: 0px solid #ccc;
	background-image: url("images/commun/pointillesBlancs.gif");
}
/*---------------------------------------------------------------
					
						ANCIENS NUMEROS

--------------------------------------------------------------- */
#navAnciensNumeros {

float: none;
padding-bottom: 10px;
}

.anciensNumerosPairs{
	background-color: #dee4e7;
	color: #000;
	padding-bottom: 4px;
	padding-top: 4px;
}
.anciensNumerosImpairs {
	background-color: #ccdade;
	color: #000;
	padding-bottom: 4px;
	padding-top: 4px;
}


.bleuNumero {
	color: #0096cc;
}

.bleuNumero:hover{
	color: #0096cc;
}


.anciensNumerosPairs a,.anciensNumerosImpairs a{
	color: #000;
	font-family: Georgia, serif;
	font-size: 15px;
}

.anciensNumerosPairs a:hover,.anciensNumerosImpairs a:hover{
	color: #0096cc;
}




/*---------------------------------------------------------------
					
						COLONNE ACTU

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


#colonneActu {
	display: none;


}


/*----------------------------
IMPRIMER
-------------------------------- */
#imprimer {
	float: right;
	width: 202px;
	height: 36px;
	background-image: url("images/commun/fondImprimer.png");
	background-repeat: repeat-x;
	background-position: top left;
}


/*----------------------------
ACTU BOX
-------------------------------- */

.actuBox {
	float: right;
	padding:  12px 12px 6px 0px;
	clear: both;
	background-image: url("images/commun/pointillesRouges.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 177px;
	line-height: 15px;
	border: 0px solid #000;
}


/*----------------------------
ACTU BOX : LISTES
-------------------------------- */


.actuBox   ul {
	float: left;
	margin: 0;
	padding: 0px;
	clear: both;
	padding-bottom: 6px;
	width: 100%;
}




.actuBox  li {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 3px;
	width: 100%;
	border: 0px solid #000;
	font-family: Georgia, serif;
}


/*----------------------------
ACTU BOX : STYLES TITRES ET TEXTES
-------------------------------- */

.actuBox h3 {
	color: #07759e;
	font-size: 18px;
	line-height: 0.8em;
}

.actuBox a {
	color: #07759e;
}

.actuBox a:hover {
	color: #a92f17;
}



.actuBox  li.titre, .actuBox  li.titre a {
	color: #000;
}

.actuBox  li.titre a:hover {
	color: #a92f17;
}


.actuBox  li.texte {
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
}


.actuBox  li.suite a {
	font-style: italic;
	padding-left: 16px;
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

.actuBox  li.suite a:hover {
	background-image: url("images/commun/flecheRouge.gif");
}


/*----------------------------
ACTU BOX : NEWSLETTER
-------------------------------- */
.actuBox .champNewsletter {
	color: #a92f17;
	width: 140px;
	float: left;
	height: 16px;
	padding-left: 3px;
	font-size: 11px;
	border: 0;
	border-top: 1px solid #999;
	border-right:  1px solid #ccc;
	border-left:  1px solid #ccc;
	border-bottom:  0px solid #ccc;
}

/*----------------------------
ACTU BOX : NOUS CONTACTER
-------------------------------- */
.actuBox  li.mail a{
	color: #333;
	padding-left: 18px;
	background-image: url("images/commun/mail.gif");
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 10px;
	
}

.actuBox  li.mail a:hover{
	color: #a92f17;
	background-image: url("images/commun/mailRouge.gif");

}

.sansPointilles  {
	background-image: url("images/commun/00.gif");
}









/*---------------------------------------------------------------
					
						LOGO SCPO

--------------------------------------------------------------- */
/*
#scpoLogo {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 50px;
	background-image: url("images/commun/scpoLogo.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	bottom: 0;

	margin-top: -60px;
	margin-left: 0px;
	float: left;
	display: block;
}*/

#scpoLogo {
	position: relative;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 50px;
	background-image: url("images/commun/scpoLogo.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: -60px;
	margin-left: 12px;
	float: left;
	
}



#scpoLogo img{
	width: 75px;
	height: 50px;
	border: 0;
}
.replaceLogo {

}






/*---------------------------------------------------------------
					
					PAGE À PAGE

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

#pageApage {
	text-align: center;
	line-height: 30px;
	width: 465px;
	border: 0px solid #ccc;
}

.num, .numSelection {
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #000;
	margin: 0;
	margin-right: 1px;
	margin-left: 3px;
}


.num {
	border: 1px solid #ccc;
}

.numSelection {
	border: 0px;
	padding-left: 4px;
	padding-right: 4px;
}


/*---------------------------------------------------------------
					
						PIED DE PAGE

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

#piedPage {
	display: none;

	
}

#piedPage .mentions {
	margin-left: 225px;
	margin-top: 8px;
	color: #fffbec;
	font-size: 11px;
	font-family: Georgia, serif;
}

#piedPage .mentions a {
	color: #fffbec;
	text-decoration: none;
}
#piedPage .mentions a:hover {
	color: #0096cc;
	text-decoration: none;
}




#piedPage .hautDePage {
	margin-left: 40px;
	margin-top: 8px;
	color: #fffbec;
	font-size: 11px;
	font-family: Georgia, serif;
}

#piedPage .hautDePage a {
	color: #07759e;
	text-decoration: none;
}
#piedPage .hautDePage a:hover {
	color: #a92f17;
	text-decoration: none;
}

/*---------------------------------------------------------------
					
						OUTILS & STYLES GENERAUX

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

.versHaut {
	display: none;
}

.versHaut a  {
	color: #07759e;
	font-style: italic;
	padding-left: 13px;
	background-image: url("images/commun/flecheHaut.gif");
	background-repeat: no-repeat;
	background-position: 3px 1px ;
}

.versHaut a:hover {
	color: #a92f17;
	background-image: url("images/commun/flecheHautRouge.gif");
}


.suite {
	display: none;
}


.suite a, .fermer a {
	color: #07759e;
	font-style: italic;
	padding-left: 16px;
	background-image: url("images/commun/fleche.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

.suite a:hover, .fermer a:hover {
	color: #a92f17;
	background-image: url("images/commun/flecheRouge.gif");
}

.fermer {
	display: none;
}


.fermer a {
	background-image: url("images/commun/fermer.gif");
	background-position: bottom left;

}

.fermer a:hover {
	background-image: url("images/commun/fermerOn.gif");
}


.imageAgauche {
	margin-right: 10px;
	margin-bottom: 5px;
float: left;

}

.imageAdroite {
	margin-left: 10px;
	margin-bottom: 5px;
float: right;

}
.margeImageBas {
	border: 0;
	margin-bottom: 10px;
}


.invisible {
	display: none;
}

.espace5 {

	padding: 0;
	margin: 0;
	height: 5px;
	clear: both;
}

.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}


.aDroite {
	float: right;
}

.texteBleuFonce {
	color: #07759E;
}
.texteGris{
	color: #333;
}

#google_results iframe {
	border: 0px solid #CCC;
	width: 95%;
	padding: 0;
	margin: 0;
}