/* Start of CMSMS style sheet 'Alios' */
/* ***** 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 : #f7f7f9 ;
	}
	
#interfacewrapper {
	width : 990px ;
	margin: 0 auto ;
	background : url(epsigon/style/interfacewrapper-background.jpg) repeat-y ;
	}
	
#headerwrapper {
	position : relative ;
	width : 950px ;
	margin : 0 20px ;
	height : 152px ;
	background : #969696 url(epsigon/style/headerwrapper-background.jpg) repeat-x ;
	}
	
	#logo {
		position : absolute ;
		bottom : 0 ;
		left : 18px ;
		width : 315px ;
		height : 140px ;
		display : block ;
		text-indent : -9999px ;
		background : url("epsigon/style/logo-alios.jpg") no-repeat ;
		}
	
	#phrase {
		position : absolute ;
		top : 5px ;
		right : 10px ;
		width : 700px ;
		height : 35px ;
		text-align : right ;
		font-weight : bold ;
		font-size : 1.6em ;
		letter-spacing : 1px ;
		color : white ;
		}
		
	#telephone {
		position : absolute ;
		bottom : 5px ;
		right : 10px ;
		width : 290px ;
		height : 95px ;
		text-align : right ;
		font-weight : bold ;
		font-size : 0.7em ;
		letter-spacing : 1px ;
		color : black ;
		line-height : 1.5 ;
		}
			
#menuwrapper {
    position : relative ;
  	width : 950px ;
  	margin : 0 20px ;
		height : 40px ;
    border : 1px solid black ;
    border-left : 0 ;
    border-right : 0 ;
		background : #d15562 url("epsigon/style/menuwrapper-background.jpg") repeat-x ;
		overflow : hidden ;
		}
		
	#lang-us {
	 display : block ;
	 position : absolute ;
	 top : 10px ;
	 right : 10px ;
	 width : 40px ;
	 height : 20px ;
	 background : url(epsigon/style/flag-us.jpg) no-repeat ;
	 text-indent : -9999px ;
	 }
		
	#menu {
	 width : 100% ;
	 height : 100% ;
	 }
		
	#menu li {
		float : left ;
		width : 125px ;
		background : url("epsigon/style/menu-li-separator.jpg") no-repeat top left ;
		}
		
	#menu li:first-child {
		background-image : none ;
		}
		
		#menu li a,
		#menu li a:hover {
			display : block ;
			width : 100% ;
			height : 40px ;
			color : white ;
font-size : 0.8em ;
font-weight : bold ;
			text-decoration : none ;
			line-height : 40px ;
			text-align : center ;
			}
	
#pagewrapper {
	width : 950px ;
	margin : 0 20px ;
	background : white url(epsigon/style/interfacewrapper-background.jpg) repeat-y center ;
	overflow : auto ;
	}
	
	#contentwrapper {
		float : left ;
		display : inline ; /* IE6 Hack */
		position : relative ; /* IE6 Hack */
		width : 700px ;
		background : white ;
		font-size : 0.9em ;
		padding : 10px 10px ;
		}
		
		#ariane {
			float : left ;
			width : 700px ;
			margin : 0 0 10px 0 ;
			padding : 0 ;
			height : 18px ;
			overflow : hidden ;
			background : #d56464 url("epsigon/style/ariane-background.jpg") no-repeat top right ;
			}
			
			#ariane p {
				width : 680px ;
				height : 18px ;
				padding : 0 5px ;
				line-height : 19px ;
				font-size : 0.6em !important ;
				color : white ;
				letter-spacing : 1px ;
				}
				
			#ariane a {
			 text-decoration : none ;
			 color : white ;
			 font-weight : bold ;
			 }
			 
			#ariane a:hover {
			 color : black ;
			 }
				
		#illustration {
			float : left ;
			width : 700px ;
			height : 166px ;
			margin : 0 0 10px 0 ;
			background : url("epsigon/style/illustration-accueil.jpg") no-repeat ;
			}
			
			#illustration.seminaires{
				background : url("epsigon/style/illustration-professionnel.jpg") no-repeat ;
				}
				
			#illustration.hotel {
				background : url("epsigon/style/illustration-hotel.jpg") no-repeat ;
				}							
				
			#illustration.restaurant,
      #illustration.cartes,
      #illustration.receptions,
      #illustration.photos {
				background : url("epsigon/style/illustration-restaurant.jpg") no-repeat ;
				}				
				
			#illustration.contact {
				background : url("epsigon/style/illustration-contact.jpg") no-repeat ;
				}
			#illustration.histoire{
				background : url("epsigon/style/illustration-histoire.jpg") no-repeat ;
				}
			
			#certification {
				text-indent : -9999px ;
				float : right ;
				width : 137px ;
				height : 166px ;
				background : url("epsigon/style/certification-background.jpg") no-repeat ;
				}
				
				#certification a {
				  display : block ;
				  width : 100% ;
				  height : 100% ;
				  }
				
		#content {
			float : left ;
			width : 439px ;
			background : url("epsigon/style/content-background.jpg") no-repeat ;
			min-height : 180px ;
			margin : -5px 0 0 -5px ;
			padding : 16px 16px 0 16px ;
			color : #441b00 ;
			}
		
		#content h1 {
			font-size : 1.3em ;
			font-weight : bold ;
			letter-spacing : 1px ;
			margin-bottom : 1em ;
			}
			
			#content h1 img {
				border : 0 ;
				margin : 0 ;
				padding : 0 ;
				}
			
		#content h2 {
			font-size : 1.1em ;
			font-weight : bold ;
			letter-spacing : 0.2em ;
			line-height : 1.8 ;
			margin-top : 2em ;
			border-bottom : 2px solid #e9f0c6 ;
			}
			
		#content h1+h2 {
			margin-top : 0 ;
			}
			
		#content h3 {
			font-size : 1.2em ;
			font-weight : bold ;
			letter-spacing : 0.2em ;
			line-height : 1.8 ;
			margin-left : 1em ;
			}
			
			#content h2+h3 {
				margin-top : 1em ;
				}
			
		#content p,
    #content td {
			font-size : 1em ;
			text-align : justify ;
			line-height : 2 ;
      }
			
			#content h2+p,
			#content h3+p,
			#content h2+ul,
			#content h3+ul,
			#content h2+table,
			#content h3+table {
				margin-top : 1em ;
				}
				
			#content p+h2,
			#content p+h3,
			#content ul+h2,
			#content ul+h3,
			#content table+h2,
			#content table+h3 {
				margin-top : 2em ;
				}
			
			#content p+p {
				margin-top : 0.5em ;
				}
			
		#content ul,
		#content ol {
			list-style-type : disc ;
			margin-left : 15px ;
			font-size : 1em ;
			text-align : justify ;
			line-height : 1.8 ;
			}
			
		#content #flashcontent {
		  border : 1px solid black ;
		  margin : 20px 0 20px 0 ;
		  }
			
		#content table {
			width : 100% ;
			}
			
			#content td {
				line-height : 1.8 ;
				padding : 3px ;
				}
			
		#content strong {
			font-weight : bold ;
			}
			
		#content em {
			font-style : italic ;
			}
			
		#content a {
			text-decoration : none ;
			color : #f11672 ;
			font-weight : bold ;
			}
			
		#content a:hover {
			color : #0490e7 ;
			}
			
		#content img {
			border : 1px solid black ;
			margin : 5px ;
			}
			
			#content img.right,
			#content img[align="right"] {
				margin : 5px 0 5px 10px ;
				float : right ;
				}
				
			#content img.left,
			#content img[align="left"] {
				margin : 5px 10px 5px 0 ;
				float : left ;
				}		
			
			/* Empêche la propagation du style d'image dans le menu TinyMCE - BEGIN */
			#contenu_tbl img {
				border : 0 ;
				margin : 0 ;
				}
				
			#contenu_tbl td {
				border : 0 ;
				margin : 0 ;
				padding : 0 ;
				}
							
			/* Empêche la propagation du style d'image dans le menu TinyMCE - FIN */
			
		#menuquad {
			float : right ;
			width : 223px ;
			height : 243px ;
			margin : 0 !important ;
			padding : 0;
			position : relative ;
			}
			
			#menuquad li {
				position : absolute ;
				width : 105px ;
				height : 115px ;
				list-style-type : none ;
				margin : 0 ;
				padding : 0 ;
				background-repeat: no-repeat;
				}
				
				#menuquad li a,
				#menuquad li a:hover {
					display : block ;
					width : 105px;
					height : 115px ;
					margin : 0 ;
					padding : 0 ;
					text-indent : -9999px ;
					}
			
			#menuquad-restaurant {
				top : 0 ;
				left : 0 ; 
				background-image : url("epsigon/style/menuquadrestaurant-background.jpg") ;
				}
				
			#menuquad-receptions {
				top : 0 ;
				right : 0 ;
				background-image : url("epsigon/style/menuquadreceptions-background.jpg") ;
				}
				
			#menuquad-photos {
				left : 0 ;
				bottom : 0 ;
				background-image : url("epsigon/style/menuquadphotos-background.jpg") ;
				}
				
			#menuquad-hotel {
				right : 0 ;
				bottom : 0 ;
				background-image : url("epsigon/style/menuquadhotel-background.jpg") ;
				}						
		
	
	#colonne {
		float : right ;
		display : inline ; /* IE6 Hack */
		position : relative ; /* IE6 Hack */
		width : 226px ;
		padding-top : 10px ;
		color : #441b00 ;
		}
		
		#colonne .colonnetitle {
			color : white ;
			font-weight : bold ;
			text-align : right ;
			padding : 0 5px ;
			height : 18px ;
			font-size : 0.8em ;
			line-height : 18px ;
			background : #d56464 url(epsigon/style/infos-background.jpg) no-repeat top left ;
			}
			
		#colonne .colonnetitle.infos {
		  background : #d56464 url(epsigon/style/infos-background.jpg) no-repeat top left ;
		  }
		  
		#colonne .colonnetitle.liens {
		  background : #ff8c3e url(epsigon/style/liens-background.jpg) no-repeat top left ;
		  }		  
			
		#colonne .colonnecontent {
			padding : 10px ;
			background : url("epsigon/style/colonne-content-background.jpg") no-repeat top right ;
			font-size : 0.8em ;
			line-height : 1.5 ;
			}
			
		#colonne .colonnecontent a {
			text-decoration : none ;
			color : #441b00 ;
			font-weight : bold ;
			}
			
			#colonne .colonnecontent a:hover {
				color : #f11672 ;
				}
			
		#colonne .colonnecontent p {
			text-align : justify ;
			}
			
		#colonne .colonnecontent p+p {
			margin-top : 0.5em ;
			}
			
		#colonne .colonnecontent ul {
			list-style-type : disc ;
			margin-left : 15px ;
			}
				
		#deconnexion {
			border : 3px solid red ;
			background : black ;
			color : white ;
			margin : 1em ;
			padding : 1em ;
			line-height : 2 ;
			font-size : 0.8em ;
			}
			
			#deconnexion a {
				font-weight : bold ;
				color : white ;
				text-decoration : none ;
				}
				
			#deconnexion a:hover {
				color : red ;
				}
	
#footerwrapper {
	clear : both ;
	width : 100% ;
	height : 95px ;
	background : url("epsigon/style/footerwrapper-background.jpg") no-repeat top center ;
	position : relative ;
	}
	
	#copyright {
		position : absolute ;
		width : 330px ;
		height : 49px ;
		right : 25px ;
		top : 17px ;
		text-align : right ;
		line-height : 45px ;
		color : black ;
		font-size : 0.7em ;
		letter-spacing : 0.1em ;
		}
		
	#antipixel {
		position : absolute ;
		display : block ;
		left : 35px ;
		top : 55px ;
		width : 250px ;
		height : 35px ;
		}

	#copyright a {
			display : block ;
			height : 100% ;
			text-decoration : none ;
			font-weight : bold ;
			color : black ;
			padding-right : 55px ;
			background : url("epsigon/style/epsigon-background.jpg") ;
			background-position : bottom right ;
			background-repeat : no-repeat ;
			}
			
			#footer #copyright a:hover {
				background-position : top right ;
				}
	
 #footerkeywords {
		position : absolute ;
		left : 35px ;
		top : 15px ;
		width : 500px ;
		height : 20px ;
		color : grey ;
		font-size : 0.8em ;
		}
	
	 #footermenu {
		position : absolute ;
		left : 35px ;
		top : 25px ;
		width : 230px ;
		height : 29px ;
		}
		
		#footerwrapper ul li {
			float : left ;
			line-height : 29px ;
			font-size : 0.7em ;
			}
			
			#footerwrapper ul li a {
				text-decoration : none ;
				color : black ;
				font-weight : bold ;
				padding-right : 1em ;
				}
				
			#footerwrapper ul li a:hover {
				color : white ;
				}
				

/* LOGIN */
div.modification {
	color : white ;
	background : red ;
	font-size : 0.8em ;
	text-align : center ;
	font-weight : bold ;
	margin-top : 1em ;
	width : 100% ;
	padding : 0.5em 0 ;
	}


/* PLAN D'ACCES */
#CGGoogleMaps0 {
	float : right ;
	margin-right : 10px ;
	border : 1px solid black ;
	}

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

/* Sample FormBuilder CSS base */
form {
	margin : 0 ;
	font-size : 0.9em !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 black;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:black;
	font-style:italic;
	font-size:1em;
	padding:0.5em;
	width:auto;
	line-height : 1 ;
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 10em ;
	background : #e9f0c6 ;
	border : 1px solid black ;
}
input, select {
	background : #e9f0c6 ;
	border : 1px solid black ;
	}

/* 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:200px; margin-top:0.5em}

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

/* End of 'Alios' */