﻿/*Par Serge Hebert (Qc) pour Le CONcepteur.ca*/
/*Pour me joindre shebert@leconcepteur.ca*/

img{
border:none
}

a{
text-decoration:none
}

a:hover{
text-decoration:none
}

html {
font-size:100%;
margin:0;
padding:0;
background: #f2e3ed; /* Old browsers */
}

body {
width:1006px;
min-height:800px;
margin:0 auto;
padding:0;
border-radius:10px;
-moz-border-radius:10px;
}

#content{
color:#000;
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
width:996px;
min-height:900px;
margin:10px auto;
padding:0;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 10px #444;
-webkit-box-shadow: 0 0 10px #444;
box-shadow: 0 0 10px #444
}

#header{
width:980px;
height:160px;
margin:5px auto;
padding-top:15px
}

.header-left{
float:left;
width:120px;
height:150px;
background:url(../images/logo.png) no-repeat
}

.header-right{
float:right;
width:835px;
height:150px;
margin-right:5px;
background:url(../images/slogan.png) no-repeat; 
border:1px solid #386f9a
}

#nav{
color:#fff;
width:980px;
height:50px;
margin:0 auto;
padding:0;
background: #93246f; /* Old browsers */
}

.nav-left{
float:left
}

.nav-right{
float:right
}

.widgets{
width:200px;
height:50px;
margin:0;
background: #cc3399; /* Old browsers */
}

.socials{
padding:18px 10px 0 0;
text-align:right;
}

.plus-one{
width:80px;
height:25px;
float:left;
padding:20px 0 0 15px;
}

#nav  ul.nav-left{
color:#f2e3ed;
font-size:.8em;
list-style:none;
margin:0 10px;
padding:17px 0 0 0
}

#nav ul.nav-right{
list-style:none;
margin:0;
padding:0
}

#nav .nav-left a{
color:#f2e3ed;
text-decoration:none
}

#nav .nav-left a:hover{
color:#fff
}

#nav p{
margin:0;
padding:0
}

#cont{
width:985px;
min-height:550px;
margin:10px auto;
padding:0
}

#side-menu{
width:190px;
min-height:420px;
margin:10px;
padding:0;
float:left
}

#side-menu ul{
list-style:none;
margin:0;
padding:0
}

#side-menu li a{
width:185px;
margin:5px;
padding:5px;
display:block;
}

#side-menu .actif a{
color:#fff;
border-bottom:2px solid #f2e3ed;
background-color:#93246f;
}

#side-menu a{
color:#93246f;
font-size:.9em;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
background: #f2e3ed; /* Old browsers */
}

#side-menu a:hover{
color:#fff;
background: #006b62; /* Old browsers */
}

.compteur{
color:#93246f;
font-size:.8em;
text-align:center;
width:185px;
height:100%;
margin:20px 0 0 5px;
padding:5px;
text-shadow:3px 3px 3px #aaa;
background-color:#f2e3ed;
border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px
}

#corps{
width:700px;
min-height:500px;
margin:15px;
padding:0 15px;
float:left;
background-color:#fff;
border-radius:10px;
-moz-border-radius:10px;
}

h1{
color:#93246f;
font-weight:normal;
margin:0;
padding:0;
text-shadow:3px 3px 3px #aaa;
border-bottom:1px solid #93246f
}

#corps h2, h3{
color:#93246f;
font-weight:normal
}

#corps a{
color:#444;
text-decoration:none
}

#corps a:hover{
color:#000;
text-decoration:underline
}

#corps ul.nopuce{
list-style:none
}

.news{
width:600px;
height:230px;
margin-top:20px;
padding:20px 10px 0 100px;
background:#eddfed url(../images/news.png) no-repeat top left
}

.news h2{
color:#93246f;
font-weight:normal
}

.date{
color:#93246f;
font-size:.7em
}

.news p{
font-size:.9em;
text-align:justify
}

.wrapper {
width:700px;
overflow:hidden;
margin:20px auto
}

.wrapper h2{
color:#93246f !important;
font-family:trebuchet MS;
font-size:1.1em !important;
font-weight:bold !important;
padding-bottom:3px;
border-bottom:1px solid #93246f
}

.wrapper p{
font-size:.9em;
text-align:justify;
padding:10px
}

.wrapper ul{
font-size:.9em;
}

.gauche {
width:340px;
height:100%;
overflow:hidden;
padding:0 0 2000px 0;
margin:0 0 -2000px;
float:left
}

.droite {
width:340px;
height:100%;
overflow:hidden;
padding:0 0 2000px 0;
margin:0 0 -2000px;
float:right
}

.prix-cont{
font-size:.8em;
width:700px;
height:115px;
margin:0;
clear:both;
}

.prix-cont ul{
overflow:hidden;
margin-top:20px;
list-style:none;
}

.prix-cont li{
float:left;
width:320px
}

.prix-cont a{
font-size:.9em;
color:#000;
overflow:hidden;
display:block;
padding:0
}

.prix-cont a:hover{
text-decoration:none
}

.prix-cont img{
float:left;
margin-right:10px;
border:5px solid #ccc;
}

.prix-cont span{
width:270px;
display:block;
margin:3px 0 0 10px
}

.prix-cont strong{
color:#93246f;
display:block;
text-transform:uppercase;
}

.table {
width:100%;
margin:0;
border-collapse:collapse /* Annule le dédoublement de la bordure */
}

.table td{
padding:5px
}

.legende{
background-color:#7e8e94;
border:1px solid #eee;
padding:5px 0
}

.carte a{
cursor:pointer
}

.center{
text-align:center
}

.red{
color:#f00
}

.float-left{
float:left;
margin:0 5px 5px 0
}

.float-right{
float:right
}

p.travel{
font-size:.7em
}

.clear{
height:5px;
clear:both
}

.small{
font-size:.8em
}

.special{
font-size:2em;
font-family: 'Yesteryear', cursive;
}

#footer{
color:#cc3399;
font-size:.8em;
text-align:center;
width:100%;
height:100px;
margin:10px auto;
padding:0;
clear:both;
background-color:#eddfed
}

#footer a{
color:#cc3399;
text-decoration:none
}

#footer a:hover{
color:#fff
}
