* { margin: 0px;
}

html, body {
    height: 100%;
}

  a {
  	color: blue;
  }
  
  #art-pages-list li{
  	list-style: none;
  }

  #ecran { background-color: rgb(204, 204, 204);
    background-position: center;
    color: rgb(0, 0, 0);
    font-family: Arial,Helvetica,sans-serif;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 800px;
    text-align: center;
    }

  #page { border: thin solid rgb(51, 51, 51);
    margin: auto;
    background-color: rgb(255, 255, 255);
    width: 800px;
    position: static;
    text-align: left;
    float: none;
    }

  #hautDePage { width: 800px;
    background-image: url(img/bandeau.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    height: 144px;
    position: relative;
    }

  #menuLangue {  }

  #recherche { margin: 0;
    position: absolute;
    display: inline;
    left: 600px;
    top: 40px;
    bottom: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    vertical-align: center;
    }
  
  #recherche fieldset {
    border: none;
    margin: 0;
  }

  #recherche input {
    font-size: small;
  }
  
  #basDePage { 
    width: 800px;
    color: white;
    font-size: x-small;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
  	background-color: #C2914C;
  	clear: both;
    }

  #menuCommun {     
    left: auto;
    bottom: auto;
    margin-left: 550px;
    }

  #menuCommun ul li { 
  	display: inline;
    margin-right: 10px;
    }

  #menuCommun ul li a { font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: small;
    font-style: normal;
    font-weight: bold;
    }

  #navigation { 
    position: absolute;
    display: block;
//    overflow: hidden;
    top: auto;
    bottom: 0;
    margin-left: 20%;
    font-size: small;
    }

  #navigation ul li { 
    background-image: url(img/ongletVert_01.gif);
  	list-style-type: none;
    display: block;
    float: left;
    opacity: 0.75;
    filter: alpha(opacity=75);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0.5em;
    padding-top: 0.4em;
    padding-bottom : 0.4em;
    font-size: small;   
   }

  #navigation ul li a { 
  	text-decoration: none;
  	background-image: url(img/ongletVert_02.gif);
    background-repeat: no-repeat;
    background-position: right top;
    margin-left: 9px;
    padding-top: 0.4em;
    padding-right: 9px;
    font-size: small;
    padding-bottom: 0.4em;
    color: white;
	font-weight: bold;    
   }

 
  #navigation ul li.active { 
    background-image: url(img/ongletBeige_01.gif);
  	list-style-type: none;
    display: block;
    float: left;
    opacity: 0.65;
    filter: alpha(opacity=65);
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 0.5em;
    padding-top: 0.4em;
    padding-bottom : 0.4em;
    font-size: small;   
    }

  #navigation ul li.active a { text-decoration: none;
  	background-image: url(img/ongletBeige_02.gif);
    background-repeat: no-repeat;
    background-position: right top;
    margin-left: 9px;
    padding-top: 0.4em;
    padding-right: 9px;
    font-size: small;
    padding-bottom: 0.4em;
    color: white;
	font-weight: bold;    
   }
    
    
  #navigation ul:hover { 
    opacity: none;
    filter: none;
  }
  

/*
  #navigation ul li a:hover { text-decoration: none;
    background-color: green;
    background-image: none;
    color: rgb(255, 255, 255);
    margin-left: 0px;
    padding-left: 9px;
    padding-bottom: 0pt;
    padding-right: 9px;
    padding-top: 0.2em;
    font-size: small;
    }
*/    
  #sousNavigation { 
/*    background-image: url(img/sousNavigation.gif);
    background-position: center top;
    background-repeat: no-repeat;
*/
  	background-color: #C2914C;
    width: 100%;
    height: 2em;
  }
  #sousNavigation ul {
  	display: inline;
  	float: left;
    clear : none;
  }

  #sousNavigation li {
    display: inline;
    margin-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    clear : none;
   }

  #sousNavigation li a {
  	text-decoration: none;
    color: white;
    font-size: small;
    line-height:2;
     clear : none;
  }

  #sousNavigation li a:hover {
  	text-decoration: none;
    display: inline;
    color: blue;
    font-size: small;
  }

#langue {
	float : right;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
     clear : none;
}

#langue a {
  	text-decoration: none;
	color : #C2914C;
    clear : none;
}

#filAriane
{
	margin: 5px;
	padding: 0;
	color: green;
/*	color: #6887A4;*/
}

#filAriane li
{
	display: inline;
	list-style-type : none;
	background-image: url(img/puce.gif);
	padding-left:20px;
	margin-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
	
}
/*
#filAriane li:before
{
	content: ' \00bb  ';
}
*/

#filAriane li a {
	text-decoration: none;
    font-size: small;
	color: green;
}

/* mise en forme du contenu
*/

#contenu {
	font-size: small;
	padding: 2em;
}

#contenu h1 {
	font-size: xx-large;
	text-align: center;
	color: #B17014;
	margin: 0.5em;
	padding-bottom: 1em;
	font-variant: small-caps;
}

#contenu h2 {
	font-size: large;
	font-weight: bold;
	margin: 1em;
	margin-top : 2em;
	margin-left: .5em;
	color: green;
}

#contenu h3 {
	font-size: small;
	font-style: italic;
	margin: 1em;
	margin-left: .5em;
}

#contenu #info {
	margin:1em;
	margin-left:300px;
	color:gray;
	font-style: italic;	
	
}
#contenu #info a{
	font-size: small;
	color:gray;
	font-style: italic;	
}

#contenu img {
	margin: 1.5em;
}

#contenu .droite {
	display: block;
	float:right;
	padding-right: 5px;
	padding: 1em;
}
#contenu .gauche {
	display: block;
	float:left;
	padding-left: 5px;
	padding: 1em;
}

#contenu .centrer {
	display: block;
	float:center;
	padding: 1em;
}


#contenu .px-right {
	display: block;
	float:right;
	padding-right: 5px;
	padding: 1em;
}

#contenu .px-left {
	display: block;
	float:left;
	padding-left: 5px;
	padding: 1em;
}

#contenu .px-center {
	display: block;
	float:center;
	padding: 1em;
}

#contenu strong {
	font-weight: bold;
	
}


#contenu table {
	border: 2px solid #C2914C;
	margin: 1em;	
}

#contenu td {
	border: 1px solid #C2914C;
	padding: 1em;
	margin : 0;
	text-align: left;
}

#contenu p {
	margin : .5em;
}


iframe {
	margin: 0;
}

#logogites {
	float: right;
	clear: left;
}

#logogites a img{
	text-decoration: none;	
	border: none;
	color: white;
}


#commentaires #ajout {
	margin: 1em;
}

#commentaires h3.px-comment-add {
	color: black;
	font-style: italic;
}

#commentaires div.px-comment {
	border: 2px solid #C2914C;
	margin: 2em;
	padding: 1em;
	background-color:#EBE0C2;
}

#commentaires .px-comment-info {
	font-weight: bold;
	margin-left: -0.5em;
	margin-bottom: 1em;
}

#commentaires p {
	line-height: 2em;
	clear: both;	
}

#commentaires  label {
	display: block;
	float: left;
	width: 7em;
}

.minheight {
    float: right;
    width: 1px;
    overflow: hidden;
}
.value100pc {
    height: 100%;
}
.basbloc {
    clear: both;
    height: 1px;
    overflow: hidden;
}

#sitemap h3 a {
	text-decoration: none;
	font-size: large;
	text-align: center;
	color: green;
	margin: 0.5em;
}

#sitemap ul li  {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 3em;	
}

#sitemap ul li a {
	text-decoration: none;
	font-size: medium;
	margin: .2em;
}