/* on reste le plus près de spip dans ce site 

  REDEFINITION DES CLASSES SPIP 
  
 */
 
 body { /* background-color: yellow; */}
 
#documents_portfolio { 
text-align: center;
 border-top:0;
clear:both;
margin-top:1.4em;
padding-top:2px;

}

body {
font-family:sans-serif,verdana;
	margin: 1.5em;
}
.entete{ width: 100%; margin: 0; padding:0;}

#hierarchie { text-transform:uppercase;	margin-bottom: 1em; color: #93B3C5;  }
#hierarchie a { color: #93B3C5; }


h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #333367;}
h2.menujquery {display: block; margin-left:10pt; padding:0;}
h3.menujquery {display:  inline; margin:0;margin-left:0pt; padding:0;}

h1.entete { font-size: 2em;font-weight:bold;}
h1{ font-size: 1.2em;font-weight:bold; margin-bottom:10px;}
h5{ font-size: 14px;font-weight:bold;}
h6.margin0 { margin:0; padding:0;font-size: 12px;font-weight:bold;}

.texte { color:#4A5679; line-height:1.2em;
}

img { margin-top: 10px; margin-bottom: 10px; }
.spip img { margin:0; padding:0; }
h5.titre { }
.cadre-rubrique img { margin-bottom: 0px; }
/* --------------- ---------------  STYLES VITAL--------------- ---------------  --------------- --------------- --------------- --------------- --------------- */
li.sous-chapitres  { 	list-style-type : none;	}
.chapitres{ color: #A9B8C4; margin:0; padding: 0;margin-top:10px;font-size:90%;}
.doumdoum { margin-top:15px;}
h2.chap-titres{ color: #333367; margin:0; padding: 0;margin-top:0px; }

.chapter { color: #4A5679; font-weight: bold; margin:10px; font-size:1em;}
ul.puce { list-style-image: url(/dist/puce.gif); margin-bottom: 5px; }
li.retrait {margin-left: 15px; }
h3.sous-chapitres {font-weight: normal; font-size:90%; color:#666;}

/* --------------- positionnement --------------- */

#page { 
	width:1000px;
	text-align: left;
	/*	margin-left: auto;
	margin-right: auto; */

}

.col-droite {float:left;  width:750px;margin:0; padding:0;padding-left:15pt;}


.col-gauche  { float:left;width:170px;margin:0; padding:0;} 

.demi-col-d { float:right; width:19%;margin:0; padding:0;}
.demi-col-g { float:left; width:74%; margin:0; padding:0;}


/* --------------- generaux --------------- */
.blanc { color:#fff;}
.bleu { color:#4A5679; font-weight: bold;}

.clear { clear: both; }
p {  margin-top:0px;}
p a { color:#4A5679;}
p.intro-une { line-height:0.8em; }
p.intro-une a { font-family:verdana,arial,sans-serif;font-size: 11px; }

.margin0 {margin:0; padding:0;}
.margin5-right {margin-right: 10px;}
.margin5-left {margin-left: 5px;}
.margin10-left {margin-left: 10px;}
.margin20-left {margin-left: 20px;}
.margin20-bottom {margin-bottom: 20px;}
.margin30-bottom {margin-bottom: 30px;}
.margin-top {margin-top: 20px;}

.center {text-align: center;}

.uppercase { text-transform: uppercase; }
.background-gris { background:#333367; color:#fff; }
.background-gris-clair { background:#E4EDF1; color:#9DB9CD; }
.background-bande-vital { background:#C9DAE3; color:#4F7191; font-size: 90%; padding: 3px; border-bottom: 1px solid #fff; font-weight:bold;} 
.background-bande-vital a {color:#4F7191;}
.background-gris-clair a { color:#4D82A0;}

.chapo { line-height:1.2em;  font-weight: normal;}
 p .chapo { line-height:1.2em;  font-weight: normal;}


    /* ---------------  paddings---------------  */
.padding10-right-left { padding-left: 10px;padding-right: 10px; }
.padding10 { padding: 10px; }
.padding5-right-left { padding-left: 5px;padding-right: 5px; }
.padding20-right { padding-right:20px; }


        /* --------------- bordures --------------- */
.border { border: solid 1px #000; }
.border-menu { border: solid 1px #000;  border-top: 0px; }
.border-cadre { border-top: solid 2px #C2D0D8; }
.border-entete {  border-bottom: 2px solid #666;}
.border-right{  border-right: 1px solid #ccc;}
.border-left{  border-left: 1px solid #ccc;}

.border-blue { border-bottom: 2px solid #333367;}  
.border-footer {  border-top: 2px solid #666;}
.border-3 { border-top: solid 0px #000; border-right:0;border-left:0;border-bottom: solid 1px #336699; padding-bottom:5px; }
.border-entete-2 {  border-top: 2px solid #C2D0D8; border-bottom: 2px solid #C2D0D8; }
.cadre-rubrique { border: solid 1px #CCC; padding:10px;}
.border-bottom { border-bottom: solid 1px #000; }


              /* --------------- ENTETE --------------- */


h1.impact { font-family:  Helvetica,Arial,sans-serif; 
text-decoration: none;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 1px;
line-height: 1em;
color: #fff;
padding-bottom:5px;}

h2.impact { font-family: verdana,sans-serif; 
text-decoration: none;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 0em;
font-size: 1em; color: #fff;}

.table { font-variant: small-caps; text-decoration:underline; }
.chap a { color : #4A5679; font-weight: bold;}
.logo-entete {
float:right !important;
float: none;
margin:0;padding:0;

}

* html .logo-entete
{
float:right;
margin:0;padding:0;
}
* html h1.impact { font-family:  Helvetica,Arial,sans-serif; 
text-decoration: none;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 1px;
line-height: 1em;
color: #fff;
padding-bottom:5px; width: 500px;}



* html h2.impact {  width: 500px;font-family: verdana,sans-serif; 
text-decoration: none;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 0em;
font-size: 1em; color: #fff;}


.forehead {  margin-top:0px; padding-top:0px; font-size:95%; color:#2E6C88;} 
.forehead h2{ font-size:140%; font-weight:bold; margin-bottom:10px;margin-top:10px; } 
.forehead p { font-family: 'Trebuchet MS';margin:0px; padding:2px;padding-left:5px; padding-top:0px; text-align:left; font-size: 80%;}
.forehead-gauche {float: left;  width: 280px; margin:0;padding:0;}
.forehead-droit {float: right; }
.forehead-img img {margin:0;margin-left:20px;padding:0;margin-bottom:10px;}

.trad li { text-transform: uppercase; font-size: 85%;}
.trad li.langue { padding-left: 550px;  }
li.langue a {  color: #4F7191;}



			 /* --------------- menu ------------------- */

.menu { font-size: 85%; color: #93B3C5; font-weight: bold; text-transform: uppercase; padding: 6px;}
.menu ul { margin:0;padding:0px;}

.menu a { color: #93B3C5;padding-right: 3px;padding-left: 3px;}
.menu a:hover { color: #333367;padding-right: 3px;padding-left: 3px;}


          /* ---------------  recherche --------------- */
.formulaire_recherche {float: right; text-transform: uppercase;}



          /* --------------- listes --------------- */
 ul li.home {   margin:0; padding:0; list-style: none; margin-bottom:3px;}
.demi-col-d ul { margin:0; padding:0; list-style: none;}
ul { margin:0;padding:5px;}
ul.inline  li { display:inline; margin:0;padding:0;}
ul.forehead { list-style: none;margin:0; margin-bottom:5px;padding:0;}

.rubriques { border: none; background:none; }
.rubriques ul {  list-style-image: url(/dist/puce.gif); background:#fff none repeat scroll 0%; }
.rub { font-weight:bold;}
h2.chapter { color: #4A5679; font-weight: bold; margin:10px; font-size:14px;}


ul li.tete { padding-top: 10px; }
ul li.decal { padding-left: 10px; }


.cadre-rubrique { background-color:none;}

			/* ---------------  col -gauche --------------- */

.col-gauche ul { list-style-type: none; margin:0px; padding-left: 0px;padding-right:10px; font-size:96%; } 
.col-gauche ul a { font-weight:normal; }
.col-gauche ul li { padding-bottom: 5px;color:#336699; font-weight: bold; }
.col-gauche ul li ul { margin:0; padding:0;  list-style: none;list-style-type: none; }
.col-gauche ul.puce   li{ list-style-image: url(/dist/puce.gif);}
.col-gauche h2 { font-size:92%; margin-top:5px; font-weight:bold; }
.col-gauche h2 a { color:  #336699; font-weight:bold;}
.col-gauche h2 a:hover { color:  #336699; }
/*.col-droite ul { list-style-type: square; margin:0px; padding-left: 20px;padding-right:10px; font-size:92%; } */
.col-droite ul li { padding-bottom: 2px;}




/* typo */
.demi-col-g h2 { font-size:95%; margin-top:5px; font-weight:bold; }
.demi-col-d h2 { font-size:95%; margin-top:2px; font-weight:bold; }
.demi-col-d h2 a { color:  #333367; }
.demi-col-g h2 a { color:  #333367; }
.demi-col-g h2 a:hover { color:  #336699;  }
.demi-col-d h2 a:hover { color:  #336699; }



/* tablo de rubrique */

.tablo h2 { font-size:92%; margin-top:5px;  }
.tablo  h2 a { color:  #336699; }
.tablo  h2 a:hover { color:  #336699; }
.tablo td  {  vertical-align:baseline; text-align:center;}
.title {  vertical-align:baseline; text-align:center;}




/*pied */

.rss {margin:0; padding:0;}
.footer {width: 100%; color:#336699;}
.footer p {font-family: sans-serif; font-size: 85%; padding: 5px; color:#336699; text-align: center; margin:0;} 
.footer p.addr{ padding: 0px; color:#336699; text-align: center;margin:0; } 

/* formulaire */

.formulaire_spip .forml { border: 1px solid #7FB3D9; margin-bottom: 10px; text-transform: uppercase; color:#4D82A0; }