@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4{
    padding:0;
    margin:0;
}

p{
    margin:10px 0;
    padding:0;
}

body {
    font: 11px Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    background-color:#0c8aba
}
#maintable {
    width:100%;
    border:0;
}
#trheader {
    background:url(../images/contenu/top-background.jpg) top center repeat-x;
    height:189px;
}
#divheader {
    padding-top:26px;
    text-align:left;
}
#car {
    position:absolute;
    top:1px;
    right:0;
}
#trcontent {
    height:300px;
    background-color:#d8d8d8;
    width:953px;
}
#tdcontent {
    background: url(../images/contenu/contenu-background.png) repeat-y right;
    width:953px;
    vertical-align:top;
}

#footer {
    width:953px;
    height:55px;
    vertical-align:top;
    background:url(../images/contenu/footer-background.jpg) no-repeat;
    padding-top:20px;
    color:#FFF;
    text-align:center;
}
#txtbienvenue {
    text-align:right;
    padding-right:36px;
}
#maintable #trcontent #tdcontent table tr td p {
    text-align: justify;
}
#photoaccueil {
    padding-left:20px;
    padding-bottom:10px;
    vertical-align:top;
}
#txtcontent {
    padding-left:15px;
    text-align:justify;
    vertical-align:top;
    padding-right:20px;
}
#maintable #trcontent #tdcontent table tr #txtcontent h2 {
    font-size: 14px;
    color:#053662;
    font-family: Arial, Helvetica, sans-serif;
    /**float:left;**/
    /*width:480px;*/
    padding-top:3px;
    padding-left:50px;
    margin-left:10px;
    margin-right:36px;
    padding-bottom:8px;
}
#maintable #trcontent #tdcontent table tr #txtcontent p {
    padding-left:15px;
    padding-right:15px;
    padding-bottom:5px;
}
#copy {
    text-align:center;
}
#menubottom {

    text-align:center;
}
#maintable tr #footer a:link {
    color: #FFF;
}
#maintable tr #footer a:visited {
    color: #FFF;
}
#maintable tr #footer a:hover {
    color: #FFF;
}
#maintable tr #footer a:active {
    color: #FFF;
}
.tel {

    vertical-align:bottom;
    text-align:left;
    height:175px;
}
.c1 {
    padding-left:15px;
    padding-right:40px;
    min-height:120px;
}
.c1 img {
    float:left;
    margin-right:5px;
}
#maintable #trcontent #tdcontent table tr .tel .c1 h1 {
    color:#BA1500;
    font-size:14px;
}
#txttop {
    position:absolute;
    top:6px;
    left:auto;
    color:#FFF;
}
#titlerub {
}
#titlerub h1 {

    padding-left:15px;
    background:url(../images/contenu/picto-fleche-bleu.png) center left no-repeat;
    color:#0c8aba;
}
#maintable tr td #bottomlinks tr td a {
    color: #FFF;
    text-decoration:none;
}

#maintable tr td #bottomlinks tr td a:visited {
    color: #FFF;
    text-decoration:none;
}
#maintable tr td #bottomlinks tr td a:hover {
    color: #FFF;
    text-decoration:underline;
}
#maintable tr td #bottomlinks tr td a:active {
    color: #FFF;
    text-decoration:underline;
}
#bottomlinks {
    width:80%;
    padding-top:10px;
    border:0px;
    text-align:center;
}

dd {
    background:#FFFFFF none repeat scroll 0 0;
    height:50px;
    margin:0;
    padding:5px;

}

dt{
    background-color:#fff;

}

#blok ul li {
    list-style:none;
}

dd ul li a {
    color:black;
    text-decoration:none;
}

.blok {

    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    text-align:left;
    font-size:10px;
    background-color:#e9e9e9;
    position:absolute;
    left:262px;
    top:152px;
    width:210px;
   
    z-index:10;
    visibility: hidden;

}

.blok div {
    
    background-repeat:no-repeat;
    background-position:left;
    color:#000;
    font-size:11px;
    padding-left:10px;
    height:15px;
    padding-bottom:2px;
    padding-top:2px
}

.blok .ho:hover {
   
    background-color:#0C8ABA;
    color:#fff;
}

.blok .ho:hover a{
    color:#fff;
}


.blok a {
    text-decoration:none;
    color:#000;

}

.blok a:hover {
    text-decoration:none;
    color:#fff;

}


#contactcard {
    background:url(../images/contenu/back-carte-contact.png);
    height:116px;
    width:270px;
    border:1px solid #CCC;
    margin-top:25px;
    text-align:center;
    padding-top:8px;
    
}



#wcttitle {
    background: #0c8aba center;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
    height:18px;
    width:260px;
    margin:0 auto;
    margin-top:8px;
    padding-top:3px;
}
#wctcontact {
    width:150px;
    text-align:justify;
    margin:0 auto;
    margin-top:8px;
}

.formcontact {
    background-color:#ebebeb;
    width:98%;
    border:0px;
    padding-left:4px;
    font: 11px Arial, Helvetica, sans-serif;
}
#message {
    width:98%;
    background-color:#ebebeb;
    border:0px;
}
.civ {
    margin:0px;
    vertical-align:middle;
}

div#opac{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	z-index:50;
}

div#messages{
	z-index:100;
	font-size:13px;
	text-align:center;
	background-color:#EDEDEF;
	border:2px solid #C6C7C9;
	width:400px;
	height:100px;
	position:absolute;
	top:280px;
	left:0px;
}

.lik{
    text-decoration:none;
    color:#000;
}

.lik:hover{
color:#198CB9;
}

#pls{
    padding-left:15px;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h2 {
    padding-left:0;
    color:#1791BE;
    padding-bottom:8px;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h3{
    padding-left:8px;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h3 a:hover{
    color:#198CB9;
    text-decoration:underline;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h3 a{
    color:#1791BE;
    text-decoration:none;
    font-size:13px;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h2 a{
    color:#1791BE;
    text-decoration:none;
}

#maintable #trcontent #tdcontent table tr #txtcontent #pls h2 a:hover{
    color:#198CB9;
    text-decoration:underline;
}

.links{
    float:left;
    width:200px
}

hr{
    text-decoration:none;
    height:0px;
}

.ul {
    color:#0F85C3;
    font-weight:bold;
}

.a {
    background-image:url(../images/contenu/coin-hautgauche.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    font-weight:bold;
    color:#0C8ABA;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.b {
    background-color:#EFA800;
    font-weight:bold;
    color:#FFFFFF;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.c {
    background-color:#0D3DBB;
    font-weight:bold;
    color:#FFFFFF;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

.d {
    background-color:#109B00;
    font-weight:bold;
    color:#FFFFFF;
    background-image:url(../images/contenu/coin-hautdroit.png);
    background-repeat:no-repeat;
    background-position:right top;
    border-bottom:1px solid #fff;
}

tr.tarifb td{
    background-color:#0C8ABA;
    color:#FFFFFF;
    border-bottom:1px solid #fff;

}

td.middle{
    border-right:1px solid #fff;
}

#tarifb{
    width:510px;
    height:120px;
    text-align:center
}

#tarifbb{
    width:510px;
    height:120px;
    text-align:center
}

.bastarif{
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
}

.gaucheb {
    background-image:url(../images/contenu/coin-basgauche.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}

.droiteb {
    background-image:url(../images/contenu/coin-basdroit.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}


.tagauche{
    background-image:url(../images/contenu/coin-hautgauche.png);
    background-position:left top;
    background-repeat:no-repeat;
}

#ta{
    background-color:#fff;
    border-right:1px solid #fff;
}

.tadroite{
    background-image:url(../images/contenu/coin-hautdroit.png);
    background-position:right top;
    background-repeat:no-repeat;
}

.tbgauche{
    background-image:url(../images/contenu/coin-basgauche.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    border-right:1px solid #fff;
}

.tbdroite{
    background-image:url(../images/contenu/coin-basdroit.png);
    background-position:right bottom;
    background-repeat:no-repeat;
}

.border-right{
    border-right:1px solid #fff;
}

.paddiv {
    margin-left:10px;
    margin-top:8px;
    margin-bottom:8px;
}

.ultab{
    margin-top:0;
}

.activite{
    padding-bottom:10px;
    padding-left:20px;
    vertical-align:top;
    width:137px;
}

.tel2{
    height:93px;
    text-align:left;
    vertical-align:top;
}

.soci{
    padding-left:8px;
    padding-right:40px;
}


.mess{
    padding-left:4px;
    font: 11px Arial, Helvetica, sans-serif;
}

#out{
    position:absolute;
    left:370px;
    top:132px;
    width:100px;
    height:35px;
    z-index:15;
    /*left:370px;*/
}




.titlerub h1{
     padding-left:15px;
    background:url(../images/contenu/picto-fleche-bleu.png) center left no-repeat;
    color:#0c8aba;
}

#contact_con {
    z-index:20;
}

td.jour{
    height:30px;
    width:120px;
    
}

.ulmil li {
    list-style-type:none;
}

.ulmil {
    padding:0px;
}