/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
/* Includes */
@font-face {
   font-family: 'lucida';
   src: url('../documents/lucidacalligraphyitalic.ttf');
}
/* Basic attributes */
* {
    margin: 0px;
    padding: 0px;
}
a {
    color: #070e63;
    text-decoration: none;
}
a:hover {
	
    color: #000000;
}
body {  
    background-image: url(../images/frisecote.png);
    background-repeat: repeat-y;
    background-position: top center;
    background-color: rgb(142, 170, 219);
    font: 13px Verdana,Arial, Helvetica, sans-serif;
    text-align : justify;
    color: black;
    margin-bottom: 20px;
    line-height: 18px;
}
.clear {
    clear: both;
}
/* Header */
#header {
    /* width: 1014px; */
    height: 180px;
    background-color: white;
    border: 4px solid grey;
}
#logo {
    background: url(../images/logoclia.png) no-repeat center left;
    height: 180px;
    float: left;
    margin-left: 30px;
    width: 250px;
    /* padding-left: 500px; */
    /* text-align: left; */
    /* padding-top: 130px; */
}
#logo a {
    text-decoration: none;
    text-transform: lowercase;
    font-style: italic;
    font-size: 18px;
    color: #ffffff;
}
#slogan{
    float:right;
    width: 660px;
    margin-right: 35px;
    height: 145px;
    background: url(../images/frisehaute.jpg) no-repeat center;
    background-size: 100%;
}
#menu{
    width: 700px;
    height: 20px;
    /*padding-left: 50px;*/
    float:right;
    /* margin-top:250px; */
}
/* Dynamic menu */
#menu ul {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}
#menu li {
    float:left;
    margin:auto;
    padding:0;
    /*background-color:black;*/
}
#menu li a, #menu li span{
    display:block;
    width:105px;
    color: #525252;
    text-decoration:none;
    padding:5px;
    background-color:#ffffff;
    font-size: 12px;
}
#menu li a.selected, #menu li span.selected {
    color: #ffffff;
    background-color: #7B7A7A;
}
#menu li a:hover, #menu li span:hover {
    color: #ffffff;
    /*background: url(../images/hov.png);
    background-repeat:no-repeat;
    background-position:center;*/
    background-color:#525252;
}
#menu ul li ul {
    display:none;
    border:solid 1px #525252;
}
#menu ul li:hover ul {
    display:block;
}
#menu li:hover ul li {
    float:none;
}
#menu li ul {
    position:absolute;
}
/* Page content */
#content{
    margin: 0 auto;
    width: 1014px;
    text-align: justify;
}
#main{
    width: 1014px;
    margin: 0 auto;
    /* clear:both; */
    /* background-color: #ffffff; */
    /* background: url(../images/conbg.jpg); */
    /* background-repeat: repeat-x; */
    /* background-position:top; */
    padding-top:10px;
}
/* Left panel*/
#left{
    float: left;
    width: 291px;	
    /* margin-left:20px; */
    margin-bottom:20px;
}
#left H3{
    font-weight: normal;
    color: white;
    height: 30px;
    text-align: center;
    padding-top: 12px;	
    background: url(../images/frisetitregris.png) left top no-repeat;
    background-size: 291px 42px;
    font-size: larger;
    font-family: lucida;
}
#left ul{
    list-style: none;
    margin-bottom: 30px;
    margin-left: 20px;
    padding-top: 5px;
}
#left li{
    padding-left: 25px;
    padding-top: 4px;
    margin-bottom: 10px;
    margin-bottom: 5px;
}
#left ul li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    color: #000000;
    font-weight:normal;
}
#left ul li a:hover {
    color: #3f5c6d;
}
.contacts {
    font-size:16px;
    text-align: center;
    border: 1px grey solid;
}
.contacts a {
    font-size:14px;
}
.contacts h4 {
    color: #525252;
    font-size:15px;
}
.contacts p {
    font-size:14px;
    margin-bottom: 10px;
}
.annoucement{
    /* margin-left: 10px; */
    border: 1px solid grey;
}
.annoucement h2{
    font-family: Arial, Helvetica, sans-serif;
    color: #070e63;
    font-weight:bold;
    font-size:12px;
}
.annoucement p{
    padding-right: 20px;
    line-height:20px;
}
.annoucement a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #908c2c;
    font-weight:bold;
}
/* Right panel*/
#right{
    float: right;
    width: 710px;
    /* margin-right:10px; */
    margin-bottom:20px;
}
#floatleft{
    float: left;
    width: 300px;
    padding-right: 20px;
    padding-left: 15px;
}
#right h4, h2{
    text-align: center;
    height: 30px;
    font-family: lucida;
    font-size: larger;
    font-weight: normal;
    color: white;
    /*background-color: grey;*/
    padding-top: 12px;
    padding-left: 20px;
    background: url(../images/frisetitregris.png) left top no-repeat;
    background-size: 710px 42px;
}
#right h3{
    font-family: Arial, Helvetica, sans-serif;
    color: #070e63;
    font-weight:bold;
    font-size:16px;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    line-height:20px;
}
#right p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    line-height:20px;
}
#right li{
    padding-left: 25px;
    padding-top: 4px;
    margin-bottom: 10px;
    margin-bottom: 5px;
}
#left div, #right div {
    border: 1px solid grey;
    margin-bottom: 10px;
    padding: 10px 20px;
    background-color: white;
}
.button{
    height: 30px;
    text-align:right;
    display: block;
    background: url(../images/ls.gif);
    background-repeat:no-repeat;
    background-position: 86% 20%;
    padding-left: 18px;
    padding-top:2px;
    margin-top:5px;
    /* border: none; */
    margin-bottom: 5px;
}
.button a {
    display: inline-block;
}    
/* Footer */
#footer {
    /*height: 32px;*/
    width: 1014px;
    clear: both;
    /*padding-top:10px;*/
    /*background: url(../images/footer.jpg);*/
    /*background-repeat:no-repeat;*/
    /*background-position:center top;*/

}
#footer p {
    margin: 0;
    font-size: 10px;
    text-align: right;
    color: #000000;
}
#footer a {
    margin-top: 5px;
    float: right;
    color: #000000;
    font-weight:normal;
}
/* Pictures */
.thumbnail {
    width: 600px; 
    /* height: 450px; */
}
.minithumbnail {
    width: 300px; 
    height: 225px;
}
.grid {
    text-align: center;
}
.grid img {
    float: left;
    display: block;
    width: 45%;
    margin-left: 3%;
    padding-bottom: 15px;
}
.floatleft {
    float: left;
    margin-right: 20px;
}
.floatright {
    float: right;
    margin-left: 20px;
}
.center {
    text-align: center;
    display: block;
}
.read a:hover{
    color: #000000;
}
/* Text */
.warning {
    color: red;
    font-weight: bold;
    font-size: 16px;
}
.highlight {
    color: grey;
}
.bhighlight {
    color: grey;
    font-weight: bold;
}
.textcenter {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.nostyle {
    list-style: none;
}