/***************************************
                 SCREEN
***************************************/
*{text-indent:0px;}
body {
    margin: 0;
	  padding: 0;
  	font-family: Arial, Times New Roman, Times, serif;
  	font-size: 11px;
    background-color:#F2F2F2;  
    margin:auto;
    }

/*
 img{padding :0px 8px 2px 5px;float:left;z-index:5;}*/
a img{border:none;text-decoration:none;}
a.lien{color:#9E7742;font-weight:bold;}
a {border:0px solid black;width:auto;margin:none;}
/* *************************************
   Positionnement des éléments
   
   ***************************************** */
#site{
        width: 980px;
        margin:auto;       
        min-height:900px;
        border:0px solid black;
       
        }
#wrapper {   width:765px;
             height:auto;
             float:right;
             border:0px solid black;
          }
 
#texte{
        width:559px;
        float:left;
        height:653px;
        /*background-image:url('../ui/images/new_centre.jpg');*/
        background-repeat: no-repeat;
        background-color:white;
        } 
#droit{  
      
      float:right;
      width:206px;   
      height:762px;
      background-repeat: no-repeat;
      background-image:url('../ui/images/new_droite.jpg');
      }        		                
/*#haut{background-image:url('../ui/images/public_haut.jpg');
      background-repeat: no-repeat;width:732px;height:131px;}*/
      
#haut{background-image:url('../ui/images/new_haut.jpg');
      background-repeat: no-repeat;width:765px;height:172px;}
#bas{
      width:765px;}
            
      
a{text-decoration:none;color:black;}  
/* *************************************
   Contenu
***************************************** */

#footer { 
          clear: both;
          font-size: x-small;
          text-align: center;
          height:19px;
          color: black;
          width:100%;
          border:0px solid black;
          }

#footer div{ 
          display:inline;
          margin-left: 2%;
          }

/* *************************************
Menus
***************************************** */

#gauche { background-image:url('../ui/images/new_gauche.jpg');
          background-repeat: no-repeat;width:215px;height:763px;float:left;   
          margin-top:0;} 
          
            
#menuGauche {height:190px;margin-left:0;border:0px solid black;}
#menuGauche ul{margin-left:90px;list-style-type:none;margin-top:160px;}
#menuGauche ul li{float:left;}
#menuGauche ul li a{color:white;margin-top:10px;font-size:10px;font-weight:bold;padding-left:2%}      
  
#flash{margin-left:85px;margin-top:52%;border:0px solid black;z-index:0;} 

     

#logoCrij{width:50%;float:left;height:auto;margin-left:15%;}
#picto{width:50%;float:left;height:21px;margin-left:35%;margin-top:4%;}



#bas{

} 

.contenu{background-color:white;
         min-height:800px;
         margin:0;
         padding-left:2%;
         
         text-align:justify;
         }  
      
.contenu a{color:#162868;}     
.contenu a:hover{color:gray;}     
.contenu a:active,.contenu a:link{color:gray;} 
.contenu *{padding-right:3%;margin:0;}
.contenu p{padding-right:2%;margin:0;}
.contenu form select{border:0px solid dotted;}
#actus{
  margin-top:35%;
  width:130px;
  float:left;
  margin-left:5%;
  height:150px;
  font-size:10px;
  
  }
#actus ul{list-style-type:none;width:100%;float:left;padding-left:5%;height:99%;}
#actus ul li{width:82%;margin-right:0%;color:white;margin-top:2%;
            background-image:url('../ui/images/puceActu.jpg');
            background-repeat:no-repeat;text-align:left;
            background-position:left top;padding-left:15%;}
#actus ul li a{color:white;font-weight:bold;}
#actus div a{margin-left:-6%;}

.menu,.menu a{
  border:0px solid black;
  width:120px;
  margin-top:45%;
  color:white; 
  font-size:11px;
  font-weight:bold;
  list-style-type:none;
  padding:0;
  margin-left:0%}
  
.menuGauche{width:100%;}

li.menuGauche{
  
  padding-top:10%;
  width:80%;
  background-image:url('../ui/images/public_puce_blanche.jpg');
  background-repeat:no-repeat;
  background-position:left center;
  text-align:left;
  font-weight:bold;
  float:left;
  padding-left:18%;
  height:28px;
  margin-left:-10%;
}

li.menuGauche a{width:100%;font-weight:bold;}


li.menuGauche a:link { 
  font-size: 1.1em; 
  text-decoration: none; 
  color:white;
} 
li.menuGauche a:active { 
   color:white;
   font-weight:bold;
} 
li.menuGauche a:visited { 
} 
/**********************************************/ 
li.menuGauche a:hover { 
}

#sousMenu{
          background-repeat:no-repeat;
          height:20px;
          margin-top:0%;
          font-weight:bold;
          position:absolute;
          font-size:11px;
          background-color:#D4C3D1;
          /*D4D5D6*/
          width:550px;
          color:#5C1C52;
          padding-left:2%;
          margin-bottom:25%;
          }

#sousMenu *{color:#5C1C52;}
/************************************/
.menuIE {
    display:none !important;
    display:block;
    margin-top:2%;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#5C1C52;
    width:150px;
    height:18px;
    display:block;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-family: verdana;
    font-size:9px;
    line-height:18px;
    overflow:hidden;
}

a.boutonIE:hover {
    color:#fff;
    /*background:#5C1C52;*/
    overflow:visible;}

a.boutonIE:hover table {
    display:block;
    background:#5C1C52;
    border-collapse:collapse;
}

.boutonFF {
    color:#5C1C52;
    width:155px;
    height:18px;
    display:block !important;
    display:none;
    font-weight:bold;
    text-align:center;
    float:left;
    text-decoration:none;
    font-family: verdana;
    font-size:9px;
    line-height:18px;
    overflow:hidden;
    border:0px solid black;
    background-color:#D4C3D1;
 }

.boutonFF:hover {
    height:auto;
    cursor:pointer;
    color:#5C1C52;
    
 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block;
    width:155px !important;
    width:88px;
    min-height:18px;
    border-bottom:0px solid #5C1C52;
    text-decoration:none;
    color:#5C1C52;
    font-family: verdana;
    font-size:9px;
    text-align:left;
    padding-left:3%;
 /*   background:#5C1C52;*/  
}

a.SousMenu:hover {
    color:#5C1C52;
}

h1{margin-top:5%;font-size:13px;padding:0;color:#5C1C52;}
h2{font-size:0.9em;font-weight:bold;color:#5C1C52;}
.titre{font-weight:bold;}
.titrePartie{font-weight:bold;color:#5C1C52;}
h2 a{color:#5C1C52;padding-left:2%}
h2 a:hover{color:#334380}
h2 a.selected{color:#F19300;size:13px;}
h3{color:#5C1C52;margin-bottom:3%;padding-left:5%;background-image:url('../ui/images/puce_texte.jpg');background-repeat:no-repeat;min-height:20px;}
h5{height:10px;color:#5C1C52;}
.texteactu{
height:auto;margin-bottom:3%;border-bottom:0px solid #E8E8EA;margin-top:2%;width:100%;margin-left:1%;}
.texteactu .titreActu{margin-bottom:2%;}
.texteactu .texte{text-align:justify left;text-indent:0;}
.contenu .texteactu div.image img.image{
  height:auto;float:left;margin:10px 2px 2px 0;}

.contenu > div.image{height:auto;float:right;margin:80px 2px 2px 3px;}

.textesite{
height:auto;margin-bottom:3%;border-bottom:0px solid #E8E8EA;margin-top:1%;width:99%;margin-left:1%;padding-right:2%;}
.textesite .texte{text-align:justify;text-indent:0;}
.textesite .image{height:auto;float:right;margin:20px 2px 2px 3px;}

/*** petit input pour les champs date ***/
.date{font-size:9px;font-weight:italic;color:#DAA973;}

/*** affichage de la liste de docs du catalogue ***/
ul li{list-style-type:none;}
.brochure{border-bottom:0px solid #B3B3B3; width:93%;padding-left:2%;min-height:50px;padding-bottom:5%;}
.brochure .photo{ width:12%;float:left;height:auto;border:0px solid black;}
.brochure .titre{ width:80%;float:right;height:auto;border:0px solid black;font-weight:normal;}
.brochure .titre a{ font-size:12px;font-weight:bold;}
.brochure .titre div{ padding-bottom:2%;}
.brochureDetail{border-bottom:0px solid #B3B3B3; width:93%;padding-left:2%;height:auto;padding-bottom:5%;}
.brochureDetail .photo{ width:25%;float:left;height:auto;border:0px solid black;}
.brochureDetail .titre{ width:65%;float:right;height:auto;border:0px solid black;font-weight:normal;}
.brochureDetail .titre a{ font-size:12px;font-weight:bold;}
.brochureDetail .titre div{ padding-bottom:2%;font-weight:bold;}

.catalogue *{font-size:11px;}

.contenu ul li{list-style-type:circle;}
.result{width:100%;border-bottom:0px dotted gray;height:40px;margin-top:15px;margin-bottom:2%;}
.result .ligne{width:95%;border:0px solid black;}
.result .ligne:hover{background-color:#EDEDED;}