/* Structure
#banniere
#admin
.banniere-titre
#conteneur
#centre
#gauche
#droite
#pied

Habillage des menus et de la navigation
.edito
li.cadre
.ul
.menu-titre
.menu-liste
.menu-item
.articles-une
*/

#banniere {
top: 2px;
width: 100%;
}
#admin {
position: relative;
float: left;
bottom: 12px;
}
.banniere-titre {
position: relative;
bottom: 30px;
float: right;
width: 16%;
border-width: 0px;
}
#conteneur {
position: absolute;
margin-top: 1%;
border-width: 0px;
width: 100%;
background: #FFF;
}
#centre {
margin-left: 26%;
margin-right: 26%;
top: 0px;
}
#gauche {
float: left;
padding: 0px;
width: 24%;
margin-top: 0.5%;
margin-left: 0.5%;
background: #FFFFFF;
}
.gauche-bas {
border-top: 4px solid #CF9;
background: #EFD;
}
.blanc {
height:5px;
background: #FFF;
}
#droite {
float: right;
padding: 0px;
width: 24%;
margin-top: 0.5%;
margin-right: 0.5%;
background: #FFFFFF;
}
#pied {
background-color: #066;
clear: both;
}
/*
 * Habillage des menus et de la navigation
 */
.edito {
}
li.cadre {
   border-top: 1px solid #AAA;
   border-left: 1px solid #AAA;
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
   padding: 2%;
   margin-top: 1%;
   margin-bottom: 1%;
}
li.cadrefd {
	background: #EFD; 
   border-top: 1px solid #066;
   border-left: 1px solid #066;
   border-bottom: 1px solid #033;
   border-right: 1px solid #033;
   padding: 2%;
   margin-top: 1%;
   margin-bottom: 1%;
}
ul {
   display: block;
   margin: 0px;
   padding: 0px;
   padding-bottom: 1px;
   border-bottom: 2px solid #FFF;
   list-style: none;
}
.menu-titre {
   margin: 0px;
   margin-top: 2px;
   padding-left: 0px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 0px;
}
.menu-liste {
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 5px;
}
.menu-item {
   margin: 0px;
   margin-left: 8px;
   padding-left: 0px;
   padding-right: 4px;
   padding-top: 0px;
   padding-bottom: 2px;
}
.articles-une {
   border: 1px solid #00575A;
   padding: 0px;
   margin: 0px;
   margin-bottom: 16px;
   background: #FFFFFF;
}
.publication {
display: block;
height: 110px;
}
.image100pc { width: 100%;}
.image95pc { width: 95%;}
.image50pc { width: 50%;}
.image35pc { width: 35%;}
.image22pc { width: 22%;}

/*
 * Habillage du menu horizontal
 */

#acc {
position: relative;
bottom: 24px;
float: right;
width: 159px;
height: 24px;
background: transparent url(http://pste.scup.fr/ecrire/upload/menu-horizontal.png) top left no-repeat;
border-width: 0px;
}
a#acc:hover {
background-position: 0px -24px;
}
#fede {
position: relative;
bottom: 24px;
float: right;
width: 151px;
height: 24px;
background: transparent url(/ecrire/upload/menu-horizontal.png) top left no-repeat;
border-width: 0px;
background-position: -159px 0;
}
a#fede:hover {
background-position: -159px -48px;
}
#prot {
position: relative;
bottom: 24px;
float: right;
width: 151px;
height: 24px;
background: transparent url(/ecrire/upload/menu-horizontal.png) top left no-repeat;
border-width: 0px;
background-position: -310px 0;
}
a#prot:hover {
background-position: -310px -24px;
}
#trav {
position: relative;
bottom: 24px;
float: right;
width: 151px;
height: 24px;
background: transparent url(/ecrire/upload/menu-horizontal.png) top left no-repeat;
border-width: 0px;
background-position: -460px 0;
}
a#trav:hover {
background-position: -460px -48px;
}
.separation {
clear: both;
visibility: hidden;
}
.nous-ecrire {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   text-align: justify;
   letter-spacing: -0.01em;
   word-spacing: -0.02em;
   line-height: 120%;
   font-size: 78%;
   padding: 0px;
   margin-left: 2%;
   margin-right: 2%;
   margin-top: 0px;
   margin-bottom: 0px;
   color: #000;
}