/* Start of CMSMS style sheet 'ProgressForma' */
/* ***** CSS Reset ********************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ***** GENERAL ************************************************************ */

html {
	width : 100% ;
	height : 100% ;
	}

body {
	background : #dddddd ;
	}

/* ***** HEADER ************************************************************* */
	
#headerwrapper {
	width : 100% ;
	height : 190px ;
	background : white ;
	clear : both ;
	}
	
	#header {
	   position : relative ;
		width : 950px ;
		height : 100% ;
		margin : 0 auto ;
		}
		
		#logo {
		   position : absolute ;
		   left : 0 ;
		   top : 20px ;
		   width : 453px ;
		   height : 149px ;
		   background : url("epsigon/style/progressforma-logo.jpg") no-repeat ;
		   text-indent : -5000px ;
		   }
		   
		   #logo > a {
		      display : block ;
		      width : 100% ;
		      height : 100% ;
		      }
		      
		#slogan {
		   position : absolute ;
		   bottom : 33px ;
			left : 155px ;
			font-size : 1.1em ;
			font-weight : normal ;
		   }
		   
		   
		   
/* ***** ANIMATION ********************************************************** */
		   
#animationwrapper {
	width : 100% ;
	height : 168px ;
	background : #fc3804 url("epsigon/style/animationwrapper-background.jpg") repeat-x ;
	border-top : 5px solid #820e02 ;
	clear : both ;
	}
	
	#animation {
	   position : relative ;
		width : 950px ;
		height : 100% ;
		margin : 0 auto ;
		background : url("epsigon/style/animation-background.jpg") top center no-repeat ;
		}
		
		#flash {
		   position : absolute ;
		   width : 800px ;
		   height : 168px ;
		   left : 75px ;
		   }
		
	
	
/* ***** MENU TOP *********************************************************** */

/* Fix for Opera 8 */
.clearb { clear: both; }


#menuwrapper {
	width : 100% ;
	height : 32px ;
	background : #820e02 url("epsigon/style/menuwrapper-background.jpg") repeat-x ;
	font-size : 0.9em ;
	}

	/* Faire passer tous les éléments du menu au dessus du reste */
	#menuwrapper * {
		z-index : 100 ;
		}

	#primary-nav {
		width : 950px ;
		height : 100% ;
		margin : 0 auto ;
		}
		
		/* Mise en forme globale du menu - BEGIN ****************************** */
		
		#primary-nav a {
		   display : block ;
		   position : relative ; /* IE Fix Display Block */
		   text-decoration : none ;
		   }
		
		#primary-nav a.menuparent {
		   cursor : default ;
		   }

      #primary-nav ul {
			display: none;
			}
			
		#primary-nav li {
		   position : relative ;
		   }
		   
	   #primary-nav ul li.menuparent,
		#primary-nav ul li.menuparent:hover {
			background : url("images/cms/arrow.gif") no-repeat center right ;
			}
		   
      #primary-nav > li.menuactive {
         background : url("epsigon/style/menuwrapper-active-background.jpg") repeat-x ;
			}
			
			#primary-nav > li > ul li.menuactive {
	         background : black ;
				}
				
				#primary-nav > li > ul li.menuactive.menuparent {
		         background : black url("images/cms/arrow.gif") no-repeat center right ;
					}
				
					/* Lors du survol des menus parents - BEGIN */
					#primary-nav ul,
					#primary-nav li:hover ul,
					#primary-nav li:hover ul ul {
						display: none;
						}

					#primary-nav li:hover ul,
					#primary-nav ul li:hover ul,
					#primary-nav ul ul li:hover ul {
						display: block;
						}
				   /* Lors du survol des menus parents - END */
		   
		/* Mise en forme globale du menu - END ******************************** */
		
		
		/* Mise en forme du niveau 1 du menu - BEGIN ************************** */
		
		#primary-nav > li {
		   float : left ;
		   height : 32px ;
		   line-height : 32px ;
		   color : white ;
		   border-right : 1px solid white ;
		   }
		   
      #primary-nav > li:hover {
         background : #808080 url("epsigon/style/menuwrapper-on-background.jpg") repeat-x ;
         }
		   
		#primary-nav > li:first-child {
		   border-left : 1px solid white ;
		   }
		   
		   #primary-nav > li > a {
		      color : white ;
		      padding : 0 1em ;
				text-decoration : none ;
		      }
			   
		/* Mise en forme du niveau 1 du menu - END **************************** */


		/* Mise en forme du niveau 2 du menu - BEGIN ************************** */
		
		#primary-nav > li > ul {
		   background : #808080 url("epsigon/style/menu-niv2-ul-background.jpg") repeat-x top ;
		   position : absolute ;
		   border : 1px solid #2a2a2a ;
		   border-top : 0 ;
		   line-height : 2 ;
		   }
		   
		   #primary-nav > li > ul > li {
		      width : 210px ;
		      }
		      
		      #primary-nav > li > ul > li > a {
		         color : white ;
		         padding : 0 1em ;
		         height : 1% ; /* IE Fix Margin Bug */
		         }

            #primary-nav > li > ul > li:hover {
		         background : #820e02 ;
		         }
		         
				#primary-nav > li > ul > li.menuparent:hover {
				   background : #820e02 url("images/cms/arrow.gif") no-repeat center right ;
				   }
				   
		/* Mise en forme du niveau 2 du menu - END **************************** */


		/* Mise en forme du niveau 3 du menu - BEGIN ************************** */

		#primary-nav > li > ul > li > ul {
		   background : #999999 ;
		   position : absolute ;
		   top : 2px ;
		   left : 210px ;
		   border : 1px solid #2a2a2a ;
		   line-height : 2 ;
		   }

		   #primary-nav > li > ul > li > ul > li {
		      width : auto ; /* Pour adapter la largeur du LI au texte */
            white-space : nowrap ; /* Pour adapter la largeur du LI au texte */
		      }

		      #primary-nav > li > ul > li > ul > li > a {
		         color : white ;
		         padding : 0 1em ;
		         height : 1% ; /* IE Fix Margin Bug */
		         }

            #primary-nav > li > ul > li > ul > li:hover {
		         background : #820e02 ;
		         }

		/* Mise en forme du niveau 3 du menu - END **************************** */

		
/* ***** PAGE *************************************************************** */

#pagewrapper {
	width : 100% ;
	background : url("epsigon/style/pagewrapper-background.jpg") repeat-x ;
	clear : both ;
	}
	
	#page {
	   width : 855px ;
	   overflow : auto ;
	   margin : 0 auto ;
	   background : white url("epsigon/style/page-background.jpg") repeat-x ;
	   padding : 50px 20px 0 20px ;
	   }
	   

/* ***** CONTENT ************************************************************ */
	   
	   #content {
	      float : left ;
	      display : inline ; /* IE Double Margin Bug */
	      width : 600px ;
	      font-size : 0.9em ;
	      line-height : 1.5 ;
	      }

	      #content h1 {
			   padding-left : 15px ;
			   margin : 2em 0 1em 0 ;
			   font-size : 1.3em ;
			   font-weight : bold ;
			   letter-spacing : 0.1em ;
			   word-spacing : 0.1em ;
			   color : #820e02 ;
			   background : url("epsigon/style/content-h1-background.jpg") no-repeat 0% 50% ;
			   clear : both ;
			   }
			   
			   #content h1:first-child {
			      margin-top : 0 ;
			      }
			      
	      #content h2 {
			   padding-left : 30px ;
			   margin : 2em 0 1em 0 ;
			   font-size : 1.1em ;
			   font-weight : bold ;
			   letter-spacing : 0.1em ;
			   word-spacing : 0.1em ;
			   color : #820e02 ;
			   clear : both ;
			   }
			      
			#content a {
			   color : #820e02 ;
			   font-weight : bold ;
			   text-decoration : none ;
			   }
	      
	      #content a:hover {
	         color : red ;
			   }
			   
			#content strong,
			#content b {
			   font-weight : bold ;
			   }

		   #content em,
			#content i {
			   font-style : italic ;
			   }

		   #content u {
			   text-decoration : underline ;
			   }
			   
			#content img.right {
				   float : right ;
				   margin : 0 0 0 20px ;
				   border : 0 ;
				   }
				   
		   #content img.rightnoborder {
			   float : right ;
			   margin : 0 0 0 20px ;
				border : 0 ;
			   }

			#content p {
			   margin : 1em 0 ;
			   line-height : 2 ;
			   font-size : 0.9em ;
			   text-align : justify ;
			   }
			   
			   #content p.center {
					text-align : center ;
			      }

			#content ul,
			#content ol {
			   margin : 1em 0 1em 3em ;
			   line-height : 2 ;
			   font-size : 0.9em ;
			   text-align : justify ;
		      list-style-type: disc ;
			   }

			/* Si un UL ou OL suit un P */
			#content p + ul,
			#content p + ol {
			   margin-top : -1em ;
			   }

			#content blockquote {
			   display : block ;
			   float : right ;
			   clear : right ;
			   padding : 10px ;
			   margin-left : 1em ;
			   width : 35% ;
			   }

			   #content blockquote p {
			      font-size : 1.4em ;
			   	font-family : "Times New Roman" ;
			   	text-align : center ;
			   	color : #a90000 ;
			   	font-style : italic ;
			   	font-weight : bold ;
			   	letter-spacing : 0.1em ;
			   	word-spacing : 0.2em ;
			      }

				#content blockquote p:first-letter {
				   font-size : 1.2em ;
				   margin-right : -0.1em ;
				   }


/* ***** NEWS *************************************************************** */
	      
		#news {
	      float : right ;
	      display : inline ; /* IE Double Margin Bug */
	      width : 215px ;
	      }
	      
	      #news > h1 {
	         font-size : 0.9em ;
	         font-weight : bold ;
	         text-transform : uppercase ;
	         padding-bottom : 0.3em ;
	         background : url("epsigon/style/news-h1-background.jpg") bottom repeat-x ;
	         }
	         
			#news .article {
			   font-size : 0.7em ;
			   line-height : 1.5 ;
			   margin-top : 1em ;
			   margin-bottom : 6em ;
			   }
			   
			   #news .article h2 {
			      font-weight : bold ;
			      font-size : 1.1em ;
			      color : #820e02 ;
			      }
			      
			      #news .article h2 a {
			         text-decoration : none ;
			         color : #820e02 ;
			         }
			         
					#news .article h2 a:hover {
					   color : red ;
						}
						
   			#news .article .date {
			      font-size : 0.8em ;
			      color : #6b6b6b ;
			      text-align : right ;
			      }
			      
   			#news .article .sommaire {
			      text-align : justify ;
			      }
			      
   			#news .article .ensavoirplus {
   			   display : block ;
   			   height : 35px ;
   			   padding-right : 70px ;
   			   padding-top : 18px ;
			      text-align : right ;
			      color : #6b6b6b ;
			      font-style : italic ;
			      background : url("epsigon/style/news-ensavoirplus-background.jpg") top right no-repeat ;
			      }
			      
			      #news .article .ensavoirplus a {
			         text-decoration : none ;
			         color : #6b6b6b ;
			         }
			         
			      #news .article .ensavoirplus a:hover {
			         color : red ;
			         }
			         
				#news .plus {
					font-size : 0.7em ;
				   line-height : 1.5 ;
				   margin-top : 1em ;
				   text-align : justify ;
				   }
				   
				   #news .plus img {
				      vertical-align : top ;
				      }


div.modification {
  background : red ;
  width : 100% ;
  }


/* ***** LOGOUT ************************************************************* */

#logout {
	background : red ;
	color : white ;
	margin-bottom : 30px ;
	}
	
	#logout h1 {
		font-weight : bold ;
		text-align : center ;
		padding : 10px ;
		}
	
	#logout p {
		padding : 10px ;
		font-size : 0.8em ;
		}
		
		#logout p a {
			text-decoration : none ;
			color : black ;
			}




/* ***** PAGEBOTTOM ********************************************************* */
	   
#pagebottomwrapper {
   width : 100% ;
	height : 117px ;
	clear : both ; /* Pour que le contenu de précédent ne dépasse pas */
	}
	
	#pagebottom {
	   position : relative ;
	   width : 895px ;
	   height : 100% ;
	   margin : 0 auto ;
	   background : url("epsigon/style/pagebottom-background.jpg") bottom center no-repeat ;
	   font-size : 0.7em ;
	   }
	   
	   #pagebottom p a {
	      color : black ;
	      text-decoration : none ;
	      font-weight : bold ;
	      }
	      
	   #pagebottom p a:hover {
	      color : red ;
	      }
	   
	   #linktop {
	      position : absolute ;
	      left : 20px ;
	      width : 600px ; /* Même largeur que #content */
	      bottom : 50px ;
	      text-align : center ;
	      }
	   
	   #linkprevious {
	      position : absolute ;
	      left : 20px ;
	      bottom : 50px ;
	      text-align : left ;
	      }
	      
      #linknext {
	      position : absolute ;
	      right : 275px ;
	      bottom : 50px ;
	      text-align : right ;
	      }


/* ***** FOOTER ************************************************************* */
	      
#footerwrapper {
   width : 100% ;
	height : 60px ;
	clear : both ; /* Pour que le contenu précédent ne dépasse pas */
	}

	#footer {
	   position : relative ;
	   width : 895px ;
	   height : 100% ;
	   margin: 0 auto ;
	   }
	   
	   #menubottom {
	      position : absolute ;
	      top : 0 ;
	      right : 265px ;
	      height : 60px ;
	      line-height : 45px ;
	      font-size : 0.7em ;
	   	}
	   	
	   	#menubottom > li:first-child {
	   	   float : left ;
	   	   list-style-type : none ;
	   	   margin-right : 10px ;
	   	   }
	   	
	   	#menubottom li {
	   	   float : left ;
	   	   list-style-type : square ;
	   	   margin-left : 13px ;
	   	   margin-right : 10px ;
	   	   color : #949494 ;
	   	   letter-spacing : 0.1em ;
	   	   }
	   	   
	   	   #menubottom li a {
	   	      text-decoration : none ;
	   	      color : #949494 ;
					}
					
	   	   #menubottom li a:hover {
	   	      color : black ;
					}
	   
	   #epsigon {
	      position : absolute ;
	      display : block ;
	      top : 0 ;
	      right : 0 ;
	      width : 160px ;
	      height : 100% ;
	      line-height : 2em ;
	      padding-right : 70px ;
	      text-align : right ;
	      font-size : 0.6em ;
	      background : url("epsigon/style/epsigon-logo.jpg") top right no-repeat ;
	      }
	      
	      #epsigon a {
	         font-weight : bold ;
	         letter-spacing : 0.1em ;
	         text-decoration : none ;
	         color : black ;
	         }
	         
	      #epsigon a:hover {
	         color : red ;
	         }


/* ***** CSS SPECIFIQUE A CERTAINES PAGES *********************************** */

/* ***** ACCORDEON ********************************************************** */

#content h2.atStart {
	background : url("epsigon/style/plus.jpg") no-repeat left ;
	}
	
#content div.atStart p:first-child {
	font-weight : bold ;
	}
	
#content div.atStart {
	overflow : auto ;
	}
	
	


/* ***** REFERENCES ********************************************************* */
	
#content ul.reference {
	overflow : auto ;
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	}
	
	#content ul.reference li {
	   float : left ;
   	width : 160px ;
   	height : 96px ;
		margin : 0 10px 20px 0 ;
		padding : 0 25px 0 5px ;
		text-align : center ;
		background : url("epsigon/style/reference-background.jpg") right no-repeat ;
	   }
	   
	   
/* ***** PARTENAIRES ******************************************************** */

#content ul.partenaire {
	overflow : auto ;
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	}

	#content ul.partenaire li {
		border-top : 1px solid gray ;
		padding : 20px 0 ;
		font-weight : bold ;
		clear : both ;
	   }
	   
   #content ul.partenaire li:first-child {
      border : 0 ;
      }
      
      #content ul.partenaire li img {
         float : left ;
         margin-right : 20px ;
         }
         
		#content ul.partenaire li p {
         font-weight : normal ;
         margin-left : 120px ;
         }
         
         #content ul.partenaire li p img.normal {
	         float : none ;
	         }

	

/* ***** SITEMAP ************************************************************ */

#content > ul.sitemap {
   line-height : 1.5 ;
   font-size : 0.9em ;
   text-align : left ;
   list-style-type: disc ;
   font-size : 0.9em ;
   }

   #content > ul.sitemap ul {
		list-style-type: disc ;
		margin-left : 50px ;
		}

	#content > ul.sitemap a {
		color : black ;
		font-weight : normal ;
		}

	#content > ul.sitemap a:hover {
		color : #a90000 ;
		font-weight : bold ;
		}


/* ***** COORDONNEES ******************************************************** */

#content ul.coordonnees {
	width : 100% ;
	padding : 0 ;
	}

	#content ul.coordonnees > li {
		float : left ;
		list-style-type : none ;
		text-align : left ;
		font-weight : bold ;
		letter-spacing : 0.1em ;
		color : #a90000 ;
		margin : 0 ;
		padding : 0 10px ;
		background : url("epsigon/style/separator-vertical-background.jpg") repeat-y left ;
		}
			
		#content ul.coordonnees > li:first-child {
			background : none ;
			}
		

		#content ul.coordonnees > li > p {
			margin : 0 ;
			padding : 0 ;
			font-size : 0.9em ;
			color : black ;
			text-align : left ;
			line-height : 2 ;
			font-weight : normal ;
			letter-spacing : 0 ;
			}

#content p.facade {
	text-align : center ;
	}
	
	#content p.facade img {
	   border : 1px solid black ;
	   margin-top : 2em ;
	   }

/* ***** CONTACT EMAIL ****************************************************** */

/* Sample FormBuilder CSS base */
form {
	margin : 0 ;
	font-size : 1em !important ;
	line-height : 2 ;
	}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #F60;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 10em ;
	background : #dddddd ;
}
input, select {
	background : #dddddd ;
	}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em ; clear : left ;}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0}


/* ***** PLAN D'ACCES ******************************************************* */

#map0 {
	margin : 0 0 1em 20px ;
	border : 1px solid black ;
	}

/* End of 'ProgressForma' */