/* **** // QUATRAD CSS Styles // **** */

/* // Styles généraux // */

* {
	margin: 0px;
	padding:0px;
	border: none;
	outline: 0;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/bgleft.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
a, a:hover {
	cursor: pointer;
	outline: 0;
	color: #00615C;
	text-decoration: underline;
}


/* // DIVS // */

#wrapper {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #main {
	width: 980px;
}

#wrapper #main #left {
	background-image: url(../images/layout_01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 580px;
	width: 293px;
	float: left;
}
#wrapper #main #left a h1 {
	text-indent: -999em;
	color: #FFF;
	display: block;
	width: 173px;
	height: 150px;
	float: left;
}
#wrapper #main #left #lang {
	float: left;
	width: 115px;
	height: 150px;
}
#wrapper #main #left #lang ul {
	display: block;
	height: 25px;
	background-image: url(../images/bg_lang.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 0px;
	background-position: 10px;
}

#wrapper #main #left #lang ul li {
	display: block;
	float: left;
	list-style-position: outside;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}
#wrapper #main #left #lang ul li a {
	font-weight: bold;
	color: #176c68;
	text-decoration: none;
	font-size: 11px;
}
#wrapper #main #left #lang ul li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#wrapper #main #left #lang #lang-active a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#wrapper #main #right {
	height: 560px;
	min-height: 560px;
	height: auto !important;
	width: 686px;
	float: left;
	padding-bottom: 10px;
}
#wrapper #main #right #navigation {
	height: 56px;
	width: 686px;
}
#wrapper #main #right #navigation ul {
	display: block;
}
#wrapper #main #right #navigation ul li {
	display: block;
	float: left;
	list-style-position: outside;
	list-style-type: none;
	text-indent: -999em;
	color: #FFF;
}
#accueil a {
	display: block;
	width: 86px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#accueil a:hover {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}
#accueil-active {
	display: block;
	width: 86px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -63px;
}
#about a {
	display: block;
	width: 156px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -86px 0px;
}
#about a:hover {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -86px -63px;
}
#about-active {
	display: block;
	width: 156px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -86px -63px;
}	
#domaines a {
	display: block;
	width: 207px ;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -242px 0px;
}
#domaines a:hover {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -242px -63px;
}
#domaines-active {
	display: block;
	width: 207px ;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -242px -63px;
}	
#perles a {
	display: block;
	width: 148px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -449px 0px;
}
#perles a:hover {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -449px -63px;
}
#perles-active {
	display: block;
	width: 148px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -449px -63px;
}
#contact a {
	display: block;
	width: 89px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -597px 0px;
}
#contact a:hover {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -597px -63px;
}	
#contact-active {
	display: block;
	width: 89px;
	height: 56px;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: -597px -63px;
}
#wrapper #main #right #content {
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 35px;
}
#wrapper #main #right #content h2 {
	text-indent: -999em;
	color: #FFF;
}
#wrapper #main #right #content h3 {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#wrapper #main #right #content #home-title {
	background-image: url(../images/hometitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #erreur-title {
	background-image: url(../images/erreurtitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #qui-title {
	background-image: url(../images/quititle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #domaines-title {
	background-image: url(../images/domainestitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #perles-title {
	background-image: url(../images/perlestitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #infos-title {
	background-image: url(../images/infostitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content #contact-title {
	background-image: url(../images/contacttitle.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 652px;
	display: block;
}
#wrapper #main #right #content p {
	padding: 5px;
}
#wrapper #main #right #content #slogan {
	height: 50px;
	display: block;
	text-indent: -999em;
	color: #FFF;
	background-image: url(../images/slogan.jpg);
	background-repeat: no-repeat;
}
#wrapper #main #right #content #slogan2 {
	height: 50px;
	display: block;
	text-indent: -999em;
	color: #FFF;
	background-image: url(../images/slogan2.jpg);
	background-repeat: no-repeat;
}
#wrapper #main #right #content #slogan3 {
	height: 40px;
	display: block;
	text-indent: -999em;
	color: #FFF;
	background-image: url(../images/slogan3.jpg);
	background-repeat: no-repeat;
}
#wrapper #main #right #content #slogan3b {
	height: 40px;
	display: block;
	text-indent: -999em;
	color: #FFF;
	background-image: url(../images/slogan3b.jpg);
	background-repeat: no-repeat;
}
#wrapper #main #right #content strong {
	color: #2C7874;
}
#wrapper #main #right #content .spacer {
	display: block;
	background-image: url(../images/bg_spacer.jpg);
	background-repeat: repeat-x;
	height: 25px;
}
#wrapper #main #right #content ul {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#wrapper #main #right #content ul li {
	list-style-position: outside;
	list-style-type: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-image: url(../images/icon_list.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
#wrapper #main #right #content a {
	color: #2C7874;
	text-decoration: underline;
}
#wrapper #main #right #content a:hover {
	text-decoration: none;
}

#wrapper #main #right #content #homeinfos {
	background-image: url(../images/bg_homeinfos.jpg);
	background-repeat: no-repeat;
	background-position: 232px 0px;
	height: 150px;
	padding-left: 20px;
}
#wrapper #main #right #content #homeinfos h1 {
	display: block;
	background-image: url(../images/bg_home_logo.jpg);
	background-repeat: no-repeat;
	height: 148px;
	width: 224px;
	text-indent: -999em;
	color: #FFF;
	float: left;
}
#wrapper #main #right #content #homeinfos address {
	display: block;
	font-style: normal;
	float: left;
	padding-left: 20px;
	width: 350px;
	padding-top: 30px;
}
#wrapper #main #right #content #homeinfos address strong {
	color: #000;
}
#wrapper #main #right #content #homeinfos address a {
	color: #09615d;
	text-decoration: none;
}
#wrapper #main #right #content #homeinfos address a:hover {
	color: #000000;
	text-decoration: underline;
}
#wrapper #main #right #content #homeinfos address .urllink {
	font-weight: bold;
}
#wrapper #main #right #content #homeinfos address p {

}
#wrapper #main #right #content address {
	font-style: normal;
}
#wrapper #main #right #content iframe {
	padding: 0px;
	border: 4px solid #dddddd;
}


/* // Comments // */

.comment {
	display: block;
	background-image: url(../images/bg_comment.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
.quote {
	font-size: 30px;
	color: #333;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.signature {
	font-style: italic;
	color: #136267;
	font-weight: bold;
}


/* // Fin comments // */

/* // gallery // */

#gallery {
	padding: 0px;
	width: 530px;
	margin: 0px;
}
.item-gallery {
	float: left;
	height: 78px;
	width: 113px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.item-gallery img {
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* // fin Galery // */


.clearer {
	float: none;
	clear: both;
}

#wrapper #main #right #content .sepa2 {
	display: block;
	height: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}
#wrapper #main #right #content #clickbtn {
	vertical-align:middle;
}


#wrapper #footer {
	background-image: url(../images/layout_05.jpg);
	background-repeat: no-repeat;
	height: 55px;
	width: 980px;
	background-position: right top;
}
#wrapper #footer #txtfooter {
	float: right;
	width: 700px;
	text-align: left;
	font-size: 10px;
	color: #909090;
	padding-top: 20px;
	background-image: url(../images/awex.jpg);
	background-repeat: no-repeat;
	background-position: 630px 24px;
	height: 28px;
}
#wrapper #footer #txtfooter a {
	text-decoration: underline;
}
#wrapper #footer #txtfooter a:hover {
	color: #000;
	text-decoration: none;
}

#wrapper #footer #social {
	float: right;
	height: 26px;
	width: 70px;
	padding-top: 23px;
}
#wrapper #footer #social #facebook a {
	display: block;
	background-image: url(../images/social.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 31px;
	background-position: -2px 0px;
	text-indent: -999em;
	color: #FFF;
	float: left;
}
#wrapper #footer #social #twitter a {
	display: block;
	background-image: url(../images/social.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 33px;
	background-position: -35px 0px;
	text-indent: -999em;
	color: #FFF;
	float: left;
}