/* feuille de style du sommaire perso */
/* liens internes et externes */
a.spip_in { 
text-decoration: underline; color: #333333; 
} /* liens internes */
a.spip_out, a.spip_url, a.spip_glossaire { /* liens sortants */
	text-decoration: underline; color: red;
	background: url(../IMG/spip_out.gif) no-repeat right;
	padding-right: 10px;
}


#documents_portfolio
{ /*modification du porte folio pour mes besoins*/
 clear : none;
}

.date {
/*float : left;*/
}

.ical {
/*float : left;*/
padding-left : 3em;
}

.titre_sous_menu_vert{
 color : Gray;
 font-weight:bold;
 -moz-border-radius-topleft : 5px;
 -moz-border-radius-topright : 5px;
 background : #1D2B2D;
 
}

.bas_sous_menu_vert{
 -moz-border-radius-bottomleft : 5px;
 -moz-border-radius-bottomright : 5px;
 background : #1D2B2D;
 height : 10px;
}


.titre_gauche{
	color : red;
	text-decoration : underline;
	font-weight : bold;
		
}

.tout_clear
{
 clear : both;
}

.centrage {
  text-align: center;
}

#mention {
	font-size : 70%;
	/*text-align : center;*/
	height : 20px;
	color : white;

}

#travaux
{
 border : 2px white;
 
}

#logo_gauche
{
 width : 155px;
 height : 145px;
 margin-top : 2px;
 text-align : center;
}

#page_sommaire {
	/*background : #292F2F;*/
	background-image:url(./images/degrade.png);
	margin-left : auto;
	margin-right : auto;

}

#porte_folio
{
 text-align : center;
 font-size : 85%;
 margin-left : auto;
 margin-right : auto;
}

.spip_logos {
	border: 0px solid #DDDDDD;
}

.bandeau_gauche
{
float : left;
width : 400px;
font-size : 116%;
}


.bandeau_droite
{
margin-top : 50px;
float : right;
width : 400px;
}


#bandeau
{
 /*background : black;*/
 top : 5px;
 color : #E2BCC8;
/* border : 2px solid yellow;*/
 font-size : 85%;
 -moz-border-radius : 5px;
 height: 126px;
 margin-left : auto;
 margin-right : auto;
 width : 800px;
}

#bandeau a
{
 background : transparent;
 top : 5px;
 color : #E2BCC8;
 border : Opx solid yellow;
 font-size : 110%;
}

#menu
{
   clear : both;
	padding :1px; 
	margin-top : 5px;
	margin-left : 10px;
	height : auto;
	width : 1100px;
	font-size : 85%;
}

#sousmenu
{

	padding :1px; 
	margin-top : 55px;
	margin-left : auto;
	margin-right: auto;
	height : auto;
	width : 1000px;
	font-size : 75%;
}

#sousmenu2
{
 width : 155px;
}


/* utilisé dans article.html */
#gauche {
	float : left;
	margin-top : 55px;
	width : 155px;
	color : Black;
	font-size : 90%;
	background : #FAFA93;
	border : 2px solid #292F2F;
	padding : 1px;
	text-align : center;
/*	border : 1px solid red;*/
}

#droite {
	float : right;
	margin-top : 55px;
	width : 155px;
	color : black;
	font-size : 90%;
	background : #FAFA93;
	border : 2px solid #292F2F;
	padding : 1px;
	text-align : center;
	
}

#menu_piece ul li {
 list-style-type: disc;
 list-style-position : inside;
 margin-left : 5px;
}

#contenu
{
/*	background : #DDE1B2;*/
	margin-top : 55px;
	border : 1px none red;
 	margin-left : 160px;
	margin-right : 160px;
	text-align : center;
	-moz-border-radius : 5px;
	color : white;
}

#contenu_auto
{
	background : #DDE1B2;
	margin-top : 55px;
	border : 1px solid red;
 	margin-left : 160px;
	margin-right : 160px;
	
}



.contenu_affiche { 
 	position : relative;
  	
  	width : 800px;
  	margin-left : auto;
  	margin-right : auto;
	margin-bottom : 15px;
  	-moz-border-radius : 5px;
}

a#contact {
background:transparent url(./images/contact.png) no-repeat scroll right bottom;
bottom:0pt;
display:block;
height:63px;

position:fixed;
right:0pt;
text-decoration:none;
text-indent:-999em;
width:63px;
}


#pied_perso
{

	background : #DDE1B2;
	margin-top : 10px;	
	width : 960px;
	border : 1px none red;
 	margin-left : auto;
	margin-right : auto;
	-moz-border-radius : 5px;
	display : none;
}

.pied_gauche
{
float : left;
width : 400px;
}


.pied_droite
{

float : right;
width : 400px;
}

/* ********************* */

.texte li {
	text-align : left;
	list-style-image:url(../IMG/png/puce_texte.png);
}

.catalogue li {
	list-style-image:url(../IMG/png/catalogue.png);
 list-style-position : inside;
}


.titre_expo {
	
 	color : black;
	font-weight : 700;
}





ul {
 padding:0;
 margin:0;
 list-style-type:none;

 }



#menu  li {
 float:left; /*pour IE*/
 border-left:1px solid gray;
 border: 1px solid gray;
 padding : 1px;
 }


#menu li a{
 display:block;
 float:left;   
 width:100px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 font-size : 110%;
 }

#menu ul li a:hover {
 background:black url(./images/noir-2.png) repeat-x;
 color:white;
 }  





#sousmenu  li {
 float:left; /*pour IE*/
 border-left:1px solid black;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x; 	
 color:#DDCC00;
border: 0px solid gray;
 padding : 1px;
 }


#sousmenu li a{
 display:block;
 float:left;   
 width:100px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }


#sousmenu ul li a:hover {
 background:black url(./images/noir-2.png) repeat-x;
 color:white;
 
 }  


/* définition des paramètres du sous-menu gauche de selection des pièces par type*/

.sousmenu2  li {
 border-left:1px solid black;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x; 	
 color:#DDCC00;
  list-style-type:none;
 
 }


.sousmenu2 li a{
 width:100px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }


.sousmenu2 ul li a:hover {
 background:black url(./images/noir-2.png) repeat-x;
 color:white;
 }  





.diffusion{
 display:block;
 float:left;   
 width:400px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }






#contenu ul li a
{
 background : lightGoldenRodYellow;
 width : auto;
 display : inline;

}


.vignettes {
        
    }
    
    
.titre{
	color : white;
} 

/****************************************************************


parametrage du menu sommaire
*******************************************************************/

#menu_sommaire
{
   clear : both;
	padding :1px; 
	margin-top : 50px;
	margin-left : auto;
	margin-right : auto;
	height : auto;
	width : 1100px;
	font-size : 85%;
}

#menu_sommaire  li {
 float:left; /*pour IE*/
 border-left:1px solid gray;
 border: 1px solid gray;
 padding : 5px;
 }


#menu_sommaire li a{
 display:block;
 float:left;   
 width:100px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:black url(./images/noir-1.png) repeat-x;
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 font-size : 110%;
 }

#menu_sommaire ul li a:hover {
 background:black url(./images/noir-2.png) repeat-x;
 color:white;
 }  

#contenu_sommaire
{

	margin-top : 55px;
	border : 1px none red;
 	margin-left : 160px;
	margin-right : 160px;
	text-align : center;
	-moz-border-radius : 5px;
}

#contenu_sommaire h1
{
	 color: #FFC;
}
.img{
 border : 2px solid white;
}

#texte{
// display : none;
 margin-top : 55px;
  background-color: #FFD;
	border : 1px none red;
 	margin-left : 160px;
	margin-right : 160px;
	text-align : center;
	-moz-border-radius : 5px;

 }

#alterner img {
	 border : 0px red solid;
	}

#alterner a a:active {
	text-decoration: none;
	}
	
	
#actualites {
	//margin-top: 10px;
	position: fixed;
	top : 125px;
	left: 250px;
	width: 80%;
	height: 350px;
	z-index : 10000;
	background-color: #FFC;
	-moz-border-radius : 5px;
	font-size: 1.3em;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	}