/* Start of CMSMS style sheet 'css minimalistic' */
/* Start of CMSMS style sheet 'css minimalistic' */
/**********************************************
      1 - STRUCTURE GENERAL CSS MINIMALISTIC
***********************************************/
* {
     margin:0;
     padding:0;
}

/* ------------------------------------------------------------
	3. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body{      
          text-align: left;                                               
         font-size: 1em;
         font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	 background :#006666  ;    
}


/* Les titres
----------------- */

h1 {
    font-size : 1.8em;
    color : #FF9833;
}
h2 { 
       font-size : 1.5em;
         color : #FF9933
}

h3 { 
        font-size : 1.2em;
     
}
h4 {
        font-size : 1em;
       color : #380070 ;
       text-align : center;
}
h5  {color : #AD0000 ;
         font-size : .9em;    
           padding : .7em 0;   
}

h6 { color : #007038; 
        font-size : .8em;
}

/* paragraphe
-------------------*/
p { 
    margin : 1em 0;
 }
/* image
-----------------*/

img { 
   border : none;
}

/* les listes 
-------------------*/
ul {   
      list-style-type : none;
 }
ol { }
dl { }
li  { }

/* les liens 
------------------*/
a { 
      text-decoration : none; 
      font-weight : normal;
 }
a:link {                                                 /* lien avant visite  */
 color: #47C;  
}
a:visited {color : #CB5543;  }              /* lien apres visite */

a:hover { color : #a08; }                    /* Quand le visiteur pointe sur le lien */

a:active, a:focus  { color : #a08; }        /* Quand le visiteur sélectionne le lien */

a [hreflang] { 
      font-size : .9em; color : #999; 
}
a[hreflang]:a border-bottom : outset  thin #006666;fter { 
          content: " [" attr(hreflang) "]"; 
            color : #999; 
         font-size : .9em;
}
a img { border : none; }

/* formulaires 
-------------------*/
form { }
fieldset { }
input { }
input[type=submit] { border-right : 1px solid #47c; border-bottom : 1px solid #47c;
	color : #FFF; text-transform : uppercase;background : #006666; font-weight : bold;font-size : 1em;}
input[type=submit]:hover { background : #FFFFFF; color : #000000; }
label { }

/* tableau 
---------------*/
table {
	border-collapse: collapse;
        
}

/* autres balises 
------------------------ */

sup { font-size : xx-small; padding-left : 1px; }

abbr, acronym { cursor: help;}

blockquote, q {
   font-style : italic;
  }
blockquote { }
cite { }
 
code, pre { font : 105% "courier new"; color : #AD0000 ; }
pre { width : 90%; 
          overflow : auto; 
           background : #e8f0ff; 
            padding : 4px; 
            border : 1px solid #aaa; }
 
hr { border: 0; width: 60%; color: #a08; background-color: #a08; height: 1px;}

/* ------------------------------------------------------------
	5. CONTAINER GENERAL
------------------------------------------------------------ */
/* center wrapper, min max width */

div#pagewrapper {
   border: 1px solid gray;
   margin: 0 auto;                          /* this centers wrapper marche pas sous IE */
   width: 85%;                              /* mise en page liquide en % */
   max-width: 80em;                    /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #EDEEF0;
   color: #000;
}

/* ------------------------------------------------------------
	7. ENTETE
------------------------------------------------------------- */

#header {
                position : relative;                /* pour positionner le bloc h1 en dessous */
                height : 140px;
 /*               background :   #006666   url(uploads/images/fond_entete_vert.jpg) repeat-y 100%;  */
                background-color: #007171;  
               border-bottom: 1px solid gray;  
               color : #FFF;
        
}

h1.titre1{
              position : absolute ;             /* positionne le bloc h1 par rapport a header */
              top : 30px;
              left : 250px;     
        }

h1.titre2 {
              position : absolute ;             /* positionne le bloc h1 par rapport a header */
              top : 70px;
              left : 380px;     
        }

img.logo {
        float : left ;                                  /* positionne le logo en flottant a gauche*/   
 }        

/* ------------------------------------------------------------
	9. BOITE RECHERCHE
------------------------------------------------------------- */
#search {
    width: 27em;     /* enough width for the search input box */
   text-align: left;
   padding: 0.6em 0 0.2em 0;
   margin: 0.5em 1em;
}

#search input[type="text"]
    {
     background: #FFFFE5;
}

#search input[type="text"]
   {
     background: #006666;
   color: white;
}

#search input[type="submit"]:hover
   {
      color: black;
   background: white;
}


/* ------------------------------------------------------------
	11. PARTIE CENTRALE (MAIN) 
------------------------------------------------------------- */

div#main {
      padding : 0.8em 1em ;
       margin : 0;
       margin-right : 201px;       /* correspond a largeur du menu a droite */
       background: #FFFFE5;
}


/* ------------------------------------------------------------
	13. CONTENT (la page en elle meme)
------------------------------------------------------------- */
#contenu {
    font-family: Arial;
}

/* balise titre h2 a chaque page */
#contenu .titre {
           
       text-align : center;
        padding : 0.9em 0;   
}

#contenu .rachter {
            color : #AD0000 ;
       text-align : center;
       font-style : italic;
         margin-bottom : 1em;
           
}

#contenu p {
        padding: 10px 0;
        margin: 5px  0;
        font-size: 1em;
        text-align : justify;
        line-height: 130%;
}

#contenu blockquote p  { 
          color : #A30000;
         text-align : center;
}

#contenu h3 {
         color : #006666;
         padding : 0.7em 0;
         border-bottom : ridge 2px #006666;
}


#contenu .centrage {
          text-align: center;             /* centrer les dessins des fiches environnement */ 
}

#contenu .souligne {
          text-decoration: underline;     /* souligner du texte */ 
}

#contenu .floatleft { 
	float: left;                                      /* faire flotter une image sur la gauche */ 
	margin: 0 2px 2px 0;
	 }



/* ------------------------------------------------------------
	15. NAVIGATION
------------------------------------------------------------- */
div.left49 {
   float: left;
  width: 49%; 
}
/* ------------------------------------------------------------
	17. TOP
------------------------------------------------------------- */
div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* ------------------------------------------------------------
	19. MENU LATERALE (a droite)
------------------------------------------------------------- */
div#sidebar {
       width : 200px;              /* element flottant donc largeur obligatoire */
      float : right;
       margin: 55px 0 0 0;
       padding : 0;
        text-align: center;
/*       background :   transparent  url(uploads/images/fond_lateral_vert.jpg);  */
        
}
/* ------------------------------------------------------------
	21. LES BOX (dans la partie laterale)
------------------------------------------------------------- */
.box {
	padding: 0.8em 0.1em;
	margin-bottom: 0.2em;
        background :   #007171; 
        border : 2px ridge gray;
        color : #FFF;
}

.box h3 {
        color : #FFD966 ;
}

.box ul
{
margin: 0;
padding: 0;
list-style-type: none;        /* To remove the HTML list bullets */
}

.box li 
    {
  margin: 0 0 .2em 0;
 }


.box li a
{
display: block;                 /*  toute la surface est cliquable */
color: #FFF;
padding: .2em .8em;
text-decoration: none;       /* to remove the text underline */
}


.box  a:link { 
      color: #FFC873;
 }

.box  a:visited {
      color: #FF8000;
 }

.box  a:hover , .box  a:focus
{
background-color: #00A3A3;
color: #FFF;
}

.box  a.currentpage
{
display: block;
color: #FFF;
background-color: #00A3A3;
padding: .2em .8em;
text-decoration: none;
}

/* ------------------------------------------------------------
	23. LE PIEDS DE PAGE
------------------------------------------------------------- */
div#footer {
   clear: both;                                        /* keep footer below content and menu */
   color: #fff;
   background-color: #007171;           /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;                               /* some air for footer */
   text-align: center;                           /* centered text */
   margin: 0;
}

/* End of 'css minimalistic' */


/* End of 'css minimalistic' */


/* End of 'css minimalistic' */


/* End of 'css minimalistic' */