/* RESET HTML TAG */
/* -------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
li {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: bold;
line-height:50px;
margin: 0 0 1em 0;
}
q:before, q:after {
content:'';
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
font-size:100%;
}
legend {
color:#000;
}
del, ins {
text-decoration:none;
}
/* -------------------------------- */
/* STANDARD HTML TAG les bases */
html {
height: 100%;
}
body {
background: #fff;
color: #222;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.125em;
margin:0;
padding:0;
height: 100%;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 1.7em;
font-weight: normal;
padding-left: 38px;
background-image: url(../img/icon_blueorb.png);
background-repeat: no-repeat;
background-position: left top;
line-height: 64px;
color: #333;
text-indent:55px;
}
h3 {
font-size: 1.33em;
color: #669900;
}
h4 {
font-size: 1.1em;
margin: 0 0 1em 0;
color: #003F8E;
font-weight:bold;
}
h5 {
font-size: 1em;
margin: 0;
}
h6 {
font-size: 0.916em;
margin: 0;
color: #666;
}
p {
margin-bottom: 1.5em;
}
a {
cursor: pointer;
text-decoration: none;
color: #003F8E;
}
a:hover {
text-decoration: underline;
}
a:active, a:focus {
outline: none;
}
.divide {
height: 0;
background: #aaa;
border-top: 1px dotted #AAA;
clear: both;
margin: 0 0 10px 0;
}
hr {
height: 1px;
padding: 0;
background: #eee;
background: transparent url(../img/hr.png) no-repeat center top;
border: none;
border-top:1px dotted #aaa;
margin:0 0 1em 0;
clear: both;
}
h3.title {
font-size: 1.9em;
font-family:"Lucida Sans Unicode", Arial;
font-weight: bold;
color: #B32426;
margin:0 0 10px 0;
letter-spacing:-1px;
clear: both;
}
h3.sidetitle {
padding:0 0 7px 0;
margin:0;
border-bottom:1px dotted #aaa;
}
.bi {
font-weight:bold;
font-style:italic;
line-height:2.1em;
}
/* -------------------------------- */
/* PAGE ELEMENTS */
/* -------------------------------- */
#whole {
font-size: 0.75em;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
/* -------------------------------- */
/* HEADER + LOGO */
#header {
background: #FFF url(../img/header.jpg) no-repeat center top;
width: 100%;
padding: 0 0 2em 0;
}
#headerContent {
margin: 0 auto;
padding: 30px 0 20px 0;
position: relative;
/*height:120px;*/
width: 984px;
}
#header h1 {
float: left;
}
#header h1, #header h2 {
margin: 0;
}
/* RUBAN */
.ruban {
background: url(../img/jaimemaville.png) no-repeat;
height: 159px;
left: -11px;
top: 122px;
width: 155px;
display: block;
text-indent: -9999em;
z-index: 5;
}
.ruban {
position: absolute;
}
/* QUOTE */
#quote {
position: absolute;
text-indent: -9999em;
z-index: 5;
background: url(../img/btn_quote.png) no-repeat;
right: 0;
top: 380px;
display: block;
width: 272px;
height: 152px;
}
#quote a {
display: block;
width: 272px;
height: 90px;
}
#headerContentNone {
padding-bottom: 0;
}
#quoteNone a {
display: none;
}
/* -------------------------------- */
/* NAVIGATION */
#nav {
float: right;
margin: 38px 0 20px 0;
position: relative;
z-index: 10;
}
#nav ul {
margin:0;
padding:0;
}
#nav li {
display: inline;
float: left;
}
#nav li a {
background: url(../img/navline.png) no-repeat;
color: #FFF;
display: block;
font-size: 1.11em;
line-height: 54px;
padding: 0 20px;
}
#nav li a:hover, #nav li a#currentpage {
background: url(../img/navlineO.png);
text-decoration: none;
}
#nav li a#currentpage {
cursor: default;
}
/* -------------------------------- */
/* BANNIERE */
#banner {
clear: both;
height: 320px;
margin: 0 auto;
padding:0;
width: 965px;
position: relative;
}
#banner ul {
margin:0;
padding:0
}
#banner li {
background: url(../img/banner1.jpg) no-repeat;
height: 320px;
width: 965px;
text-indent: -9999em;
margin:0;
padding:0
}
#banner li#banner2 {
background: url(../img/banner2.jpg) no-repeat;
}
#banner li#banner3 {
background: url(../img/banner3.jpg) no-repeat;
}
#banner li a {
width: 965px;
height: 320px;
display: block;
}
/* CAROUSSEL */
.jcarousel-container {
position: relative;
}
.jcarousel-container-horizontal {
width: 965px;
height: 320px;
}
.jcarousel-clip {
z-index: 2;
overflow: hidden;
position: relative;
width: 965px;
height: 320px;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
}
.jcarousel-list li, .jcarousel-item {
float: left;
list-style: none;
width: 965px;
height: 320px;
}
.jcarousel-control {
position: absolute;
z-index: 4;
top: 10px;
right: 10px;
}
.jcarousel-control a {
background: url(../img/trans_000_10.png);
padding: 5px;
color: #FFF;
}
.jcarousel-next, .jcarousel-prev {
z-index: 3;
display: none;
position: absolute;
top: 0;
height: 320px;
width: 45px;
cursor: pointer;
}
.jcarousel-next {
right: 0;
}
.jcarousel-prev {
left: 0;
}
/* -------------------------------- */
/* CONTENT */
#contentWrap {
background: #FFF;
}
#content {
background: url(../img/content.png) repeat-y -1px 0;
margin: 0 auto;
width: 992px;
}
#contentContent {
width: 964px;
margin: 0 auto;
}
#main, #side {
float: left;
}
/* -------------------------------- */
/* MAIN */
#intro {
background: url(../img/horizontal.png) no-repeat center bottom;
padding: 0 0 40px 0;
margin: 0 0 1em 0;
}
.unit {
float: left;
width: 320px;
}
.unit.one {
padding: 0 20px 0 0;
width: 280px;
}
.one h2 {
color: #b32426;
background-image: url(../img/mairie_64.png);
}
.unit.two {
padding: 0 25px;
width: 290px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.two h2 {
color: #003F8E;
background-image: url(../img/commercants_64.png);
}
.unit.three {
padding: 0 0 0 30px;
width: 290px;
}
.three h2 {
color: #669900;
background-image: url(../img/citoyens_64.png);
}
#intro h2 {
margin: 0 0 0.5em 0;
}
#intro h3 {
color: #000;
margin-bottom: 0.1em;
}
/* -------------------------------- */
/* MAIN */
#main {
width: 550px;
padding: 0 37px 0 0;
margin: 0 10px 0 0;
height:auto;
}
/* -------------------------------- */
/* SIDE */
#side {
padding: 20px;
width: 327px;
background: url(../img/sidebar.png) no-repeat
}
.rightmenu {
margin: 0 0 2em 0;
padding: 0;
border-top:1px solid #fff;
}
.rightmenu ul {
margin:0;
padding:0;
list-style:none;
list-style-position:outside;
}
.rightmenu ul li {
font-size:1.1em;
display:block;
margin:0;
padding:0;
}
.rightmenu ul li a {
display:block;
padding:10px 0;
color:#333;
border-bottom:1px dotted #ccc;
text-decoration:none;
background:url(../img/tag.gif) no-repeat scroll 99% 50%;
}
.rightmenu ul li a:hover {
display:block;
padding:10px 0;
color:#003F8E;
border-bottom:1px dotted #ccc;
text-decoration:none;
}
/* -------------------------------- */
/* FOOTER */
#footer {
clear: both;
color: #FFF;
background: #0076B1 url(../img/footer.png) no-repeat center top;
font-size: 0.916em;
height:auto;
}
#footer h3, #footer a {
color: #FFF;
background: none;
padding: 0;
}
#footer h3 {
font-size: 1.5em;
font-weight: normal;
}
#footerContent {
margin: 0 auto;
width: 964px;
}
#ctaville-social {
height: 70px;
color:#666;
font-weight:bold;
font-size:1.2em;
}
#ctaville-social a {
float:right;
color: #afafaf;
margin-left: 20px;
margin-right: 20px;
}
#footer .unit {
height: 240px;
}
#aboutShort.unit {
padding: 0 20px 0 0;
width: 370px;
background: url(../img/footerline.png) no-repeat right top;
}
#sitemap.unit {
padding: 0 0 0 40px;
width: 200px;
background: url(../img/footerline.png) no-repeat right top;
}
#sitemap li {
display: block;
float: left;
width: 100px;
margin-bottom: 10px;
}
#search.unit {
padding: 0 0 0 40px;
width: 284px;
}
#search #searchBar, #search p, #search ul {
clear: both;
}
#searchBar {
background: url(../img/search.png) no-repeat;
width: 228px;
height: 38px;
position: relative;
margin: 0 0 1em -5px;
}
#searchBtn {
position: absolute;
top: 3px;
right: 3px;
}
#searchField {
font-size: 1.16em;
color: #999;
border: 0;
margin: 0;
padding: 0;
top: 10px;
left: 10px;
position: absolute;
width: 170px;
}
#search p {
font-size: 0.916em;
}
#search li {
float: left;
display: block;
margin: 0 10px 10px 0;
padding: 0 10px;
width: 100px;
}
/* #search li a{
display: block;
width:50px;
padding: 0 0 0 10px;
}
*/
/* -------------------------------- */
/* LAST FOOT */
#lastfoot {
clear: both;
color: #FFF;
background: #006699;
width: 100%;
font-size: 0.916em;
border-top: 1px solid #0e89c6;
padding: 15px 0 0 0;
margin: 0;
}
#lastfoot a {
color: #FFF;
}
#lastfootContent {
margin: 0 auto;
width: 964px;
padding:0;
}
/* -------------------------------- */
/* INNER PAGE MODIFICATIONS */
/* -------------------------------- */
.innerpage #banner, #banner.innerpage {
background: red;
height: 160px;
}
.innerpage #headerContent {
padding-bottom: 0;
}
.innerpage #quote a {
top: 200px;
}
/* -------------------------------- */
/* Formulaire Contact */
#form dt {
font-weight: bold;
margin: 0 0 1.5em 0;
width: 200px;
float: left;
display: block;
}
#form dd {
margin: 0 0 1em 0;
width:350px;
float:right;
display: block;
}
#form div {
margin:0;
padding:0;
width:550px;
clear:both;
display:block;
}
#form input, #form select, #form textarea {
padding: 2px;
}
/* -------------------------------- */
/* CLASSES PERSOS */
/* -------------------------------- */
.fl {
float: left;
margin: 0 1em 1em 0;
}
.fr {
float: right;
margin: 0 0 1em 1em;
}
.fl0 {
float: left;
}
.fr0 {
float: right;
}
.mb0 {
margin-bottom: 0;
}
.mb1em {
margin-bottom: 1em;
}
.altcolor {
color: #ff6600;
}
.absolute {
position: absolute;
}
.none {
display: none;
}
blockquote, ul.list, ol.list, dl.list {
/* blockquotes un peu d'air*/
margin:1em;
}
ol.list, ul.list, dl.list {
/* lists respirez */
margin-left:2em;
}
ol.list li {
/* OL's LIs numeros liste */
list-style: decimal outside;
}
ul.list li {
/* UL's LIs puces*/
list-style: disc outside;
}
/* -------------------------------- */
/* IMAGE FRAME */
img.frame {
background: url(../img/imageframe.png) no-repeat;
padding: 8px;
margin: 0 0 1.5em 0;
}
/* -------------------------------- */
/* liste cool */
ul.niceList {
margin: 0 0 0 1em;
}
ul.niceList li {
list-style: none;
background: url(../img/list.png) no-repeat 0 4px;
padding-left: 2em;
}
.niceList h3 {
margin: 0;
}
/* -------------------------------- */
/* commentaires */
.postList li {
margin:0;
padding:0;
}
/*.postList li:last-child {
margin-bottom: 0;
border: none;
}*/
.postPic, .postInfo {
float: left;
display: inline;
margin-top:5px;
}
.portPic {
margin:5px 0 10px 0;
}
/* .portPic img{
margin:0;
padding:0;
border:1px solid #aaa;
}*/
.postList .postInfo {
width: 188px;
}
.postInfo {
margin: 0 0 0 10px;
padding: 0;
}
.postInfo h3, .postInfo p {
}
.postInfo span {
color: #838383;
float: right;
}
/* POSTLIST IN #MAIN */
#main .postList li {
background: url(../img/horizontal_main.png) no-repeat center top;
padding: 1.5em 0;
}
#main .postList li:first-child {
padding-top: 0;
background: none;
}
#main .postList .postInfo {
width: 397px;
margin-left: 25px;
}
#main .postList .postPort {
margin:0;
padding:0
}
/* -------------------------------- */
/* plan du site */
.tree {
margin:0;
padding:0;
position:relative;
}
.tree li {
padding: 4px 0 4px 20px;
}
.tree ul {
background: url(../img/ul.gif) repeat-y -9px 15px;
margin: 4px 0 -2px;
}
.tree ul li {
background: url(../img/li.gif) no-repeat 0 7px;
}
.sitemapbold {
font-weight: bold;
}
/* -------------------------------- */
/* clear pas clair */
.clearfix:after, .boxcontent:after, .postList li:after, #contentContent:after, #footerContent:after, #lastfoot:after, #intro:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot, #intro {
display: inline-block;
}
* html .clearfix, * html .boxcontent, * html .postList li, * html #contentContent, * html #footerContent, * html #lastfoot, * html #intro {
height: 1%;
}
.clearfix, .boxcontent, .postList li, #contentContent, #footerContent, #lastfoot, #intro {
display: block;
}
.clear {
clear: both;
}
/* -------------------------------- */
/* Boutons */
a.btn {
display: block;
text-indent: -9999em;
background-repeat: no-repeat;
}
/* Vue SERVICES */
a.viewServices {
background-image: url(../img/btn_viewServices.png);
width: 115px;
height: 24px;
}
a.viewServices:hover {
background-image: url(../img/btn_viewServicesO.png);
}
/* Vue SERVICES */
a.viewOnline {
background-image: url(../img/btn_viewOnline.gif);
width: 115px;
height: 24px;
}
a.viewOnline:hover {
background-image: url(../img/btn_viewOnlineO.gif);
}
/* testi */
a.viewTestimonials {
background-image: url(../img/btn_viewTestimonials.png);
width: 166px;
height: 33px;
margin-top:20px;
}
a.viewTestimonials:hover {
background-image: url(../img/btn_viewTestimonialsO.png);
}
/* PORTFOLIO */
a.viewPortfolio {
background-image: url(../img/btn_viewPortfolio.png);
width: 166px;
height: 33px;
margin-bottom:15px;
}
a.viewPortfolio:hover {
background-image: url(../img/btn_viewPortfolioO.png);
}
/* tous les services */
.view_more2{
background-image: url(../img/btn_viewServices.png);
width: 115px;
display:block;
height: 24px;
text-align:center;
line-height:24px;
text-decoration:none;
}
a.allservices {
background-image: url(../img/btn_all_services.png);
width: 165px;
height: 32px;
margin-top:20px;
}
a.allservices:hover {
background-image: url(../img/btn_all_servicesO.png);
}
/* liens retour */
a.black {
color:#000;
text-decoration:none;
}
a.black:hover {
color:#003F8E;
text-decoration:none;
}
/* liste */
.pointslist li {
background:transparent url(../img/zoom.gif) no-repeat scroll 0% 0%;
padding-left:15px;
margin: 10px 0 0 20px;
}
/*--------------------------------------------------------*/
/* liste des services */
.servicesicons {
margin:0 0 10px 0;
padding:0;
}
.servicesicons ul {
list-style:none;
list-style-position:outside;
margin:0 auto;
padding:0;
}
.servicesicons ul li {
margin:0 0 15px 0;
padding:0;
width:180px;
float:left;
display:block;
}
.servicesicons ul li a h4 {
margin:0;
width:160px;
padding:0 20px 10px 0;
text-align:center;
}
.servicesicons ul li a img {
margin:0 0 0 12px;
padding:0;
display:block;
}
/*-------------------------------------------------------------------------*/
/*Formulaire de contact */
fieldset {
border:medium none;
}
legend {
display:none;
}
input, select, textarea {
vertical-align:middle;
color:#6D798B;
}
label {
color:#666666;
font-weight:bold;
}
select {
width:255px;
background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;
border:1px solid #DBE0E6;
}
textarea {
height:200px;
width:250px;
background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;
border:1px solid #DBE0E6;
}
.required {
color:#B32426;
font-weight:bold;
}
.txtbox {
height:17px;
width:250px;
background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll center top;
border:1px solid #DBE0E6;
}
.submit {
cursor:pointer;
}
.checklist{
height:220px;
}
.checklist li
{
list-style-image: URL(../images/check.png);
width:260px;
margin-left:30px;
padding-right:10px;
}
.icones_img {
float:left;
width:90px;
height:90px;
margin:10px;
background:grey;
}
.icones_details {
float:left;
width:400px;
height:90px;
background:blue;
line-height:30px;
}
.site_minute
{
float:left;
height:auto;
text-align:center;
margin:auto;
}
.details{
float:left;
width:425px;
height:1550px;
background:red;
}
.icones-gauche{
float:left;
width:90px;
height:auto;
}
.icones-droite{
float:left;
width:395px;
height:90px;
text-align:center;
text-indent:10px;
line-height:30px;
font-size:14px;
}
div.icones-droites b{
color:#3399ff;
}
#mymap{width:330px;height:300px; }
.form_label{width:100px;float:left;clear:both;margin-left:15px;}
.input_label{float:left;}