/**
 * <p>Title: Site Alpencom</p>
 * <p>Description: fichier permettant la mise en page du site </p>
 * @ version 1.1
 * @ modification 21/03/2006 : Modification du style workpackage (alignement à gauche et largeur
 */
body
{
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 auto 0 auto;
}

div#allcontent
{
    width: 775px;
    margin: 0 auto 0 auto;
}
/* HEADER */

div#header
{
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

/*div#header-design
{
    margin: 0;
    height: 70px;
    float: left;
}*/

div#header h1
{
    font-size: 2em;
    margin: 0;
    padding: 0.6em;
}

div#header ul
{
    margin: 0;
    padding: 0;
}

div#header li
{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}

div#header li div.spacing
{
    padding: 0.2em 12px 0.3em 12px;
}

div#header li a
{
    text-decoration: none;
}

div#header li a:hover
{
    text-decoration: underline;
}


/* PATH */
/* MAIN CONTENT */
/* LEFT MENU */

div#leftmenu
{
    margin:0 0 10px 0;
	float: left;
    width: 11em;

	/*margin: 0;
    padding: 0;
    float: left;
    width: 10em;*/
    /* border-bottom: 1px solid; */
}

div.leftmenu-line
{
    border-right: 1px solid; /* This line needs to be set to avoid bug in IE */
}

div#leftmenu-design
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

div#leftmenu ul
{
    margin: 0;
    padding: 0;
}

div#leftmenu li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid;
  /*  float: left;*/
    display: block;
    font-size: 12px;
}

div#leftmenu li div.spacing
{
    padding: 0.2em 12px 0.3em 12px;
    font-size: 12px;
}

div#topmenu li a
{
    text-decoration: none;
}

div#leftmenu li a:hover
{
    text-decoration: underline;
}



/* CONTENT */

/* PAGE HEADER */




/* TOOLBARS */

div#toolbar-bottom
{ 
    clear: both;
    text-align: center;
}

div#toolbar-bottom ul
{
    padding: 0;
	margin: 0;
}

div#toolbar-bottom li.toolbar-item a
{
    font-weight: bold;
}

div#toolbar-bottom li.toolbar-item
{
    border-right: 1px solid;
    display: inline;
    margin: 0;
    padding-left:6px;
    padding-right:6px;
    white-space: nowrap;
	font-size:0.8em;
}


div#toolbar-bottom li.toolbar-item a
{ 
    text-decoration: none;
}

div#toolbar-bottom li.first
{
    display: inline;
}

div#toolbar-bottom li.last
{
    border-right: none;
    display: inline;
}

/* FOOTER */

div#footer
{ 
    clear: both;
}

div#footer-design 
{
    padding-right: 5px;
    text-align: right;
	font-size:9px;
	margin-bottom:5px;
	height:23px;
}

div#footer-design address
{
    font-style: normal;
}

div#footer-design a
{
    text-decoration: none;
}


/* GENERAL ELEMENTS */
/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    margin-bottom: 5px;
    padding: 0;
	font-weight: bold;
    margin: 1em 0 0.5em 0;
}

h1
{
    margin-top: 0.5em;
    font-size: 1.8em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.1em;
}

h4, h5, h6
{ 
    font-size: 1em;
}

/* PARAGRAPHS */

p
{
    margin: 0.5em 0 0.5em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}

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

/* CONTENT LINK FOR ALL MAIN OBJECTS, E.G. " AND "THUMBNAIL/SLIDESHOW VIEW" */

div#maincontent
{ 
	padding: 8px;
}

div#maincontent div.content-view-full div.attribute-link p, div#maincontent div.view-slideshow div.attribute-link p, div#maincontent div.content-view-full div.attribute-tipafriend p
{ 
    clear:both;
	padding: 8px;
    font-weight: normal;
}

div#maincontent div.content-view-full div.attribute-link-disabled p, div#maincontent div.view-slideshow div.attribute-link-disabled p
{ 
    font-weight: normal;
    padding-left: 8px;
    vertical-align: middle;
}

/* ARTICLE */
div#maincontent div.content-view-full div.class-article div.attribute-short, div#maincontent div.content-view-full div.class-folder div.attribute-short, div#maincontent div.content-view-full div.class-folder div.attribute-long, div#maincontent div.content-view-full div.class-article div.attribute-long, div#maincontent div.content-view-full div.encadre div.attribute-long
{ 
    width:99%;
}

div#maincontent div.une div.content-view-full div.class-article div.attribute-short
{
    width:auto;
}

div#maincontent div.content-view-full div.class-article div.attribute-short p
{ 
    font-weight: bold;
}

div#maincontent div.class-article div.full
{
	padding: 0 5px 5px 5px;
}


div.content-view-line div.class-article
{ 
   	padding:5px;
	margin-bottom:5px;
}

div#maincontent div.content-view-full div.content-view-children div.class-article div.attribute-short p
{ 
    font-weight: normal;
}
/********/

td
{
    font-size: 100%;
}

hr
{
    height: 0px;
}

/* LINKS */

a
{
    color: #315578;
    text-decoration: underline;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}

.main
{
    width: 732px;
    margin-left: auto;
    margin-right: auto;
}

.border
{
    color: #ffffff;
    background-color: #333333;
}

.menu
{
    width: 80%;
    background-color: #474747;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 80%;
    padding: 2px;
}

.menu a
{
    color: #cccccc;
}

.menu a:visited
{
    color: #bbbbbb;
}

.menu a:hover
{
    color: #eeeeee;
}

.content
{
    padding: 32px;
    text-align: left;
}

.footer a
{
    color: #eeeeee;
}

.footer a:visited
{
    color: #eeeeee;
}

.footer a:hover
{
    color: #ef8e00;
}

.pagetitle
{
    font-size: 170%;
    padding-bottom: 8px;
}

.hide, .invisible
{
    display: none;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{
    clear: both;
    font-size: 1px;
    height: 1px;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 2.5em;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}
/* GENERAL CLASS STYLES */

div.view-full h1
{
    margin-top: 0.2em;
}

div.view-line
{
    margin: 1em 0 1em 0;
}

div.content-byline p
{
    font-style: italic;
}


/* LOGIN */
div#topmenu li.login
{
	font-size:1em;
	border-right:none;
	/*float:right;*/
	padding:0 5px 0 5px;
}

div#topmenu li.login a
{
	text-decoration:underline;
}

div#topmenu li.login a:hover
{
	text-decoration:none;
}


/* PATH */

div#path-design
{
    padding-left:5px;
	height:23px;
}

div#path p
{
    margin: 0;
}

div#path p a
{
    text-decoration: none;
}
div#path p a:hover
{
	text-decoration: underline;
}

/* DATE FOR ALL FULL OBJECTS */

div.content-view-full div.attribute-byline p.date
{ 
    margin: 0 0.2em 0 0.2em;
    display: inline;
}

/* DATE FOR ALL FULL OBJECTS */

div.content-view-full div.attribute-byline p.date
{ 
    margin: 0 0.2em 0 0.2em;
    display: inline;
}


/* LINK PART */

div.link
{ 
	font-size:0.8em;
}

div.link a:link, div.link a:visited
{ 
	color: black;
	text-decoration: none;
}
div.link a:hover, div.link a:active
{
	color : black;
	text-decoration: underline;
}


/* Menu gauche pour admin et calendar */

div.menugauche
{
    padding-left:5px;
    /*width: 170 px;*/
    height: auto;
    top: 15%;
    right: auto;
    left: 0;
	border: 2px solid #000099;
    float:left ;
}


a:link, a:visited
{
	color: #0000ff;
	text-decoration: none;
}
a:hover, a:active
{
	color : #0000ff;
	text-decoration: underline;
}
p, td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
h1
{
	font-family: arial, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}	
h2 {
	font-family: arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
h3 {
	font-family: arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.cadre
{
	border: 2px solid #000099;
}

/* temp
*/

.articleavecmenugauche {
       width:auto ;
       margin-left:180px ;
        top: 15%;
       text-align:justify ;
       padding : 5px ;
       Font-size : 9pt ;
}

div#maincontent{
	padding-left: 190px;
}

div#leftmenu-design li.ssmenu
{ 
    text-decoration: none;
    margin: 0;
    list-style-type: none;
}

div#leftmenu-design li.ssmenu a
{ 
    text-decoration: none;
	font-weight: normal;
	padding-left:15px;
}

.workpackage
{
	float:left ; /* flotte à gauche */
    display: inline;
    padding-right:6px;
	font-size:0.8em;
	width:100%;
}

.workpackageleft
{
  float:left ; /* flotte à gauche */
  width:400px;
}

.workpackageleftsmall
{
  float:left ; /* flotte à gauche */
  width:200px;
}

.workpackageright
{
  float:right ; /* flotte à gauche */
	width:170px;
}

.workpackagerightlarge
{
  float:left ; /* flotte à gauche */
	width:375px;
}

#titrehome
{
	color: #000099;
	text-align: center;
	font-family: verdana, sans-serif;
	font-style:italic; 
	font-size: 1.4em;
}

#titrep2 p
{
	color: #000099;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 0.9em;

}

#titrep3 p
{
	text-align: center;
	font-family: arial, sans-serif;
	font-style:italic; 
	font-size: 1em;

}
/* tableau de fichier */
.tabmain 
{
	border: 1px solid #5C88C8; 
	background-color: #F5F5EA; 
	margin:0px; 
	padding:0px;
	width: 99%;
	border-collapse:collapse
}

.td_tabmain { 
	border-style:solid; 
	border-width:1px; 
	border-color:#5C88C8;
}
/* AGenda*/
div.class-event
{ 
   	padding-top:0;
   	padding-left:10px;
	margin-top:0;
}

div.class-event p
{ 
   	padding-top:0;
   	margin-left:180px;
	margin-top:0;
}
/*envoie de mail*/
div#EmailNotif
{
margin: 0px 20px 0px 20px;
display: none;
}