/*
2010-02-23	PhD	Refonte générale de la mise en page
2010-05-09	PhD	Adaptation nouvelle charte graphique
2010-06-02	PhD	Amélioration des fonds, repris le placement de #page
2012-11-01	PhD	Ajouts styles Sommaire
2013-04-22  Claudine Refonte générale du site
2015-02-03	PhD	augmenté hauteur bloc dmi verts
2016-10-19	PhD	Changé les couleurs a et a:hover
2019-01-08	PhD	Ajouté les classes m_img et m_text
2020-08-03	PhD	Ajouté classe bloc-demi pour refonte squelette Rubrique
2020-09-13	PhD	Ajouté m_text0
2023-06-15	PhD	Ajouté 'justify' dans balise 'p'


/********************************************************/
/*    Feuille de style site web ACONIT 									*/
/* Cette feuille est complétée par certaines feuilles 	*/
/* de style spécifiques SPIP  													*/
/********************************************************/

/***************************************************** Couleurs de base

Logo
Orange		#FF6600	Pantone Orange 021
Rouge		#CC0066	Pantone Rhodamine Red
Vert clair	#B0CA17		(#CCCC33	Pantone 390 ???)
			(Vert sombre #666633 Pantone 385 ???)

Vert
Clair #E3FAE9   -> Fond bloc
Foncé #007812   -> Bordure bloc
Kaki #BOCA17    -> Carré titre

Rose
Clair #FFF2F9   -> Fond bloc
Foncé #CC0066   -> Bordure bloc

Orange
Clair #FFE9D4   -> Fond bloc
Foncé #FF6600   -> Bordure bloc

*/

/***************************************************** Définitions génériques */

* {
margin: 0em;
padding: 0em;
color: #101000 ;		/* noir coloré brun */
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
}

html{
}

body {
width: 1000px;
margin: 0 auto;
padding: 0;
}

h1 {
text-align: center;
font-weight: bold;
margin: 0.5em 0em 0.5em 0em;
font-size: 2em;
}

h2, caption {
font-weight: bold;
margin: 1.5em 1.5em 0.5em 0em;
padding-left: 0.5em;
font-size: 1.5em;
}

h3 {
font-style: italic;
font-weight: bold;
text-align: center;
font-size: 1.2em;
margin: 0.2em 0em 0.2em 1em;
}

h4  {
text-align: left;
font-style: italic;
font-size: 1em;
}

h5 {
text-align: center;
font-style: italic;
font-size: 1em;
}

h6 {
font-weight: bold;
font-size: 0.3em;
}

p {
 margin: 0.6em 0 0.4em 0;
 text-align: justify;
}

ul, ol {
margin-left: 0px;
}

a  			{ color: navy; text-decoration: none }
a:visited	{ color: maroon }
a:hover		{ text-decoration: underline; }

b {						/* Limiter l'effet de l'ancienne balise <b> */
font: inherit;
font-weight: bold;
}

form {
display: inline;
}

img {
border: 0;
}

/************************************************************ Classes générales */
.spacer {
clear: both;
visibility: hidden;
/* line-height: 0; */
}

.centrer {
text-align: center;
}

.cadre {
border: 0.05em solid #aaaaaa;
margin-bottom: 0.4em;
min-height: 10em;
}

.aconitgras  {
font-weight: bold;
}

.aconititalique  {
font-style: italic;
}

.comment {
font-size: 66%;
font-style: italic;
text-indent: 15px;
}

.dateright {
font-style: italic;
font-size:80%;
float:right;
}

.fondformulaire {
background-color: #9caed0;
}

.grasrouge {
color: #cc0000;
font-weight: bold;
}

.indent {
text-indent: 15px;
}
.strong2 {
color: #006633;
font-weight: bold;
}

.verdanaconit {
color: #302000;
font-size: 12px;
}

/************************************************************************* En-tête */

#entete {
width: 100%;
height: 70px;
}


#logo {
position: absolute;
}

#lignenavig {
width: 100%;
height: 18px;
background-color: #B0CA17 ;
padding-left: 5px;
}

#lignenavig a {
color: #FFFFFF;
font-size: 11px;
}

/************************************************************************* Menu */

#bord_gauche {
float: left;
width: 150px;
background-color: #FFFFFF;
}

div#menu {
margin: 5px 0 5px 0;
}

#infos {
width: 130px;
background-color: #E3FAE9;
border: 1px solid #007812;
margin: 5px 0 5px 5px;
padding: 10px 0 0 8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}

#google {
width: 145px;
background-color: #E3FAE9;
border: 1px solid #007812;
margin: 10px 0 15px 0;
padding: 10px 0 0 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}

.m_img {
float:left;
margin-top:-2px;
}

.m_text0 {
font-size:115%;
}

.m_text {
font-size:115%;
font-weight: bold;
}

/**************************************************************** Gestion des sous-menus en survol ***/

div#menu ul {
margin: 0; padding: 0;
}

div#menu li {
padding: 5px 0 5px 5px;		/* Les padding top et bottom règlent la taille des boites ovales */
position: relative;
list-style: none;
width: 140px;
}

div#menu li:hover {					/* bloc ovale au survol */
background-color: #E3FAE9;
border: 1px solid #007812;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div#menu li a {				/* style général pour les liens */
display: block;
text-decoration: none;
width: 130px;
}

div#menu>ul a {
width: auto;
color:black;
}

div#menu ul ul {
position: absolute;
display: none;
}

div#menu ul ul li {			/* bloc ovale autour des liens niveau 2 et 3*/
padding: 5px 0 5px 5px;		/* Les padding top et bottom règlent la taille des boites ovales */
background-color: #FFFFFF;
border: 1px solid #007812;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div#menu ul.level1 li.submenu:hover ul.level2, div#menu ul.level2 li.submenu:hover ul.level3 {
display:block;				/* Attention, ceci commande l'affichage du niveau 2 quand le niveau 3 est survolé */
}

div#menu ul.level2 {		/* Position bloc niveau 2 */
top: 0px; left: 140px;
}

div#menu ul.level3 {		/* Position bloc niveau 3 */
top: 0px; left: 140px;
}

/******************************************************************* Page */

#corps {
background-color: #FFFFFF;
float: right;
width: 850px;
}

#colonneDroite {
width: 25%;
float: right;
margin-left: 1em;
padding-left: 2em;
background: #E3FAE9;
}

#maj, #logo {
float:left;
margin: 0;
font-size: 0.2em;
}

#bottom {
text-align: right;
margin-right: 40px;
}

/******************************************************************* Tailles blocs ronds */

#corps_centre {
width: 840px;
margin-left: 5px;
overflow-x:	auto;
}

#corps_gauche {
float: left;
width: 417px;
margin-left: 5px;
}

#corps_droit {
float: right;
width: 417px;
}

#corps_gauche_grand {
float: left;
width: 490px;
margin-right: 5px;
}

#corps_gauche_grand2 {
float: left;
width: 630px;
margin-right: 5px;
}

#corps_gauche_petit {
float: left;
width: 340px;
margin-right: 5px;
}

#corps_droit_petit {
float: right;
width: 340px;
margin-right: 5px;
}

#corps_droit_petit2 {
float: right;
width: 200px;
margin-right: 5px;
}

#corps_droit_grand {
float: right;
width: 490px;
margin-right: 5px;
}

/******************************************************************* Couleurs & formes blocs ronds */


#bloc_vert {
padding: 5px;
margin: 2px 5px 10px 5px;
border-right: 1px solid #007812;
border-bottom: 1px solid #007812;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.bloc_vert_demi {
float: left;
width: 400px;
max-height: 450px;
overflow: auto ;
padding: 5px;
margin: 2px 5px 10px 5px;
border-right: 1px solid #007812;
border-bottom: 1px solid #007812;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.bloc_demi {
float: left;
width: 400px;
padding: 5px;
margin: 2px 5px 10px 5px;
border-right: 1px solid #007812;
border-bottom: 1px solid #007812;}

h3.bloc_vert { color: #666633; }


#bloc_orange {
padding: 5px;
margin: 2px 5px 10px 5px;
border-right: 1px solid #FF6600;
border-bottom: 1px solid #FF6600;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

h3.bloc_orange { color: #666633; }


#bloc_rose {
padding: 5px;
margin: 2px 5px 10px 5px;
border-right: 1px solid #CC0066;
border-bottom: 1px solid #CC0066;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

h3.bloc_rose{ color: #666633; }


.titre_vert {
margin: 10px 5px 2px 5px;
background-color: #E3FAE9;
/* height: 20px;  */
padding: 4px;
border-left: 1px solid #007812;
border-top: 1px solid #007812;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.titre_orange {
margin-top: 10px;
background-color: #FFE9D4;
/* height: 20px; */
padding: 4px;
border-left: 1px solid #FF6600;
border-top: 1px solid #FF6600;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.titre_rose {
margin-top: 10px;
background-color: #FFF2F9;
height: 20px;
padding: 4px;
border-right: 1px solid #CC0066;
border-bottom: 1px solid #CC0066;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.scroll {
max-height: 300px;
overflow: auto ;
}

.scroll_long {
max-height: 400px;
overflow: auto ;
}

.scroll_petit {
max-height: 300px;
overflow: auto ;
}

/******************************************************************* Blocs carrés */

#carre2 {
width: 146px ; }


#carre1vert {
padding-left: 10 px;
width: 140px;
height: 125px;
vertical-align: middle;
text-align: center;
border: 1px solid #007812;
background-color: #E3FAE9;
display: inline;
float: left;
margin-top: 10px;
}


#carre1orange {
padding-left: 10 px;
width: 140px;
height: 125px;
vertical-align: middle;
text-align: center;
background-color: #FFE9D4;
border: 1px solid #FF6600;
display: inline;
float: left;
margin-top: 10px;
}



#carre1rose {
padding-left: 10 px;
width: 140px;
height: 125px;
vertical-align: middle;
text-align: center;
background-color: #FFF2F9;
border: 1px solid #CC0066;
display: inline;
float: left;
margin-top: 10px;
}


#carre {
vertical-align: middle;
text-align: center;
padding-left: 5 px;
width: 140px;
height: 1000px;
float: left;
}

/************************************************************ ARTICLE  */
#BlocBas {
clear: both;
width: 500px;
float: right;
border: 0.1em solid #A19E8F;
padding-left: 0.5em;
background: #E3E6D1;
}