/* 
 * ========================================
 * C S S pour EssenceCiel.ch
 * Luca Smeriglio 17.10.2007
 *
 * Last update: 03.06.2013
 * ========================================
 */

p ,.p_center {font-family:"Verdana";font-size:11px;text-align:justify;color:#330066;}
.p_center {text-align:center;}

h1 {font-family:"Verdana";font-size:12px;text-align:center;color:#330066;}
h2 {font-family:"Verdana";font-size:14px;text-align:center;color:#330066;}
h3 {font-family:"Verdana";font-size:12px;color:#802303;}
h4 {font-family:"Verdana";font-size:11px;color:#330066;}
h5 {font-family:"Verdana";font-size:10px;color:#802303;}
h6 {font-family:"Verdana";font-size:10px;color:red;}

ul, li, td.tarif {font-family:"Verdana";font-size:11px;color:#330066;}
td {text-align:left;}
td.center, th.center {text-align:center;}

iframe {overflow:hidden;}

a:link, a:visited, a:active    {color:#802303;text-decoration:underline;font-weight:bold;}
a:hover   {color:#330066;text-decoration:none;font-weight:bold;}
a.white:link, a.white:visited, a.white:active {color:white;text-decoration:underline;font-weight:bold;}
a.white:hover   {color:white;text-decoration:none;font-weight:bold;}

.cite {font-family:"Verdana";font-size:11px;text-align:center;color:#802303;}
.big  {font-family:"Verdana";font-size:30px;font-weight:bold;color:#330066;}

.medium  {font-family:"Verdana";color:#CC0000;font-size:11px;font-weight:bold;}
.medium2 {font-family:"Verdana";color:#802303;font-size:14px;font-weight:bold;border-bottom: 1px dashed #802303;}
.medium3 {font-family:"Verdana";color:#802303;font-size:11px;}

.small      {font-family:"Verdana";font-size:9px;}
.smallcolor {font-family:"Verdana";font-size:9px;color:#330066;}
.update     {font-family:"Verdana";font-size:10px;text-align:center;color:#ffffff;}
.hilight    {font-weight:bold;}
.alignRight {text-align:right;}
.colorBlue  {color:#3F7FBE;}
.ra         {background-color: #E2C0B7;}
.float_L    {float:left;width:0.7em;font-size:250%;font-family:"Verdana";line-height:110%;}
.float_R    {float:right;width:0.7em;font-size:250%;font-family:"Verdana";line-height:110%;}

/*---CONTENEUR  et  LAYOUT---*/
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background: transparent url(img/Feuille1.jpg) fixed;
	background-attachment: fixed;
        scrollbar-face-color:#f7f7f0;
        scrollbar-arrow-color:#000066;
        scrollbar-track-color:#802303;
        scrollbar-3dlight-color:#000066;
        scrollbar-darkshadow-color:#000066;
}
html>body #page {
	height:100%;
}
#page {
	width:760px;
	margin:0 auto;
}
#header {
	width:760px;
	height:196px;
}
#menu {
	width:100%;
	height:100%;
	background: url(img/top.gif);
}
html>body #header {
	position:fixed;
	z-index:10;
}
html>body #content-wrap {
	height:100%;
}
html>body #content {
	padding-top: 210px;
	padding-bottom: 1em;
	text-align: center;	
	background: url(img/PaperTile.jpg) repeat;
}
html>body #content-nopad {
	padding-bottom: 1em;
	text-align: center;	
	background: url(img/PaperTile.jpg) repeat;
}
#footer {
	width:760px;
	height:45px;
	text-align: center;
	background-color: transparent;
	background-image: none;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10;
	/**background: url(img/Feuille1.jpg) left top repeat;
	background-attachment: fixed;**/
}
/* ==================================================== */
ul#menu-list {list-style:none;margin:0;padding:0;}
ul#menu-list li {position:absolute;}
ul#menu-list li a{display:block;color:#330066;text-decoration:none;font-size:24px;}
ul#menu-list li a:hover {color:#FFF;}
#m-accueil {margin-left:40px;top:150px;}
#m-pres {margin-left:150px;top:150px;}
#m-ther {margin-left:340px;top:150px;}
#m-contact {margin-left:530px;top:150px;}
#m-tarif {margin-left:660px;top:150px;}

#m-accueil2 {margin-left:40px;top:130px;}
#m-guer {margin-left:190px;top:130px;}
#m-chaman {margin-left:500px;top:130px;}
#m-geobio {margin-left:110px;top:160px;}
#m-magn {margin-left:400px;top:160px;}

#FB {position:absolute;top:5;margin-left:650px;z-index:25;}
#FB img {width:100px;}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.onglet{
    position:relative;
    right: -200px;
    top: 15px;
    height: 15px;
    width:  270px;
    border-bottom:1px dashed #802303;
}
.onglet a:link,
.onglet a:visited,
.onglet a:hover,
.onglet a:active{
   color:#802303;text-decoration:none;font-weight:bold;
}
.onglet a:hover{color:#330066;}

.maintitle{
	background: #102533 url(img/maintitle.png) repeat-x;
	border: 1px solid #FFF;
        border-bottom: 1px solid #102533;
	color: #FFF; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0px;
	padding: 8px;
}
.maintitle p{
	background: transparent !important;
        color: #FFF; 
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.subtitle{ 
	background: #E1E1E1 url(img/subtitle.png) repeat-x;
	border-bottom: 1px solid #777777;
	color:#777777; 
	font-size: 10px;
	font-weight: bold; 
	letter-spacing: 1px;
	margin: 0; 
	padding: 5px; 
}
.menubar{
	background: #547D3C url(img/menu_bar.png) repeat-x;
	border: 1px solid #FFF;
        border-bottom: 1px solid #DB6002;
	color: #330066;
	width: auto; 
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
}
.menubar a:link,
.menubar a:visited,
.menubar a:active{
	background: transparent;
	color: #330066;
	text-decoration: none; 
}
.menubar a:hover{ 
	background: transparent;
	color: #FFF;
	text-decoration: none; 
}
.borderwrap{
	background: #FFF;
	border: 1px solid #17374B;
	padding: 0px; 
	margin: 0px; 
}
.borderwrap p{
	background: #E9E9E9 url(img/row.png) repeat-x;
        border: 1px solid #C3C3C3;
        margin: 5px;
	padding: 10px;
	text-align: left;
}