@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-image:url(../images/background_body2.png);
	background-color:#211f1d;
	background-position:top center;
	background-repeat:repeat-x;
	/*background-color:#938c87;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
}

table {
	margin-top:-10px;
}

.clearBoth {
	clear:both;
}
a {
	color:#888888;
	border:none;
	border-width:0px;
}
a img {
	border:none;
	border-width:0px;
}
a:hover {
	color:#5F5148;
	text-decoration:none;
}
td {
	font-size:12px;
}
strong {
	color:#5F5148;
}
b {
	color:#5F5148;
}
.input {
	background-color:#FCFCFC;
	border:1px solid #A9A9A9;
	color:#555555;
	font-family:Verdana;
	font-size:10px;
	height:13px;
	padding:2px 0 0 4px;
	text-decoration:none;
}
.center {
	width:200px;
	text-align:center;
}
.center a:hover {
	color:#CCCCCC;
}
form {
	clear:both;
	color:#fefefe;
	padding:0px;
	margin:0px;
}
form a {
	color:#fefefe;
	}
#global {
	 background-color:#FFFFFF;
	 background-image:url(../images/background4b.png);
	 background-position:top center;
	 background-repeat:repeat-x;
     width: 978px;
     height: auto;
     margin-top: 0px;
     margin-left: auto;
	 margin-right: auto;
     border: 0px solid #000;
	 text-align:left;
}
#top {
	height:68px;
	clear:both;
	overflow:hidden;
}
#content {
	background-color:#fffefe !important;
	padding-top:20px;
	min-height:375px;
}
#offres {
	float:left;
	width:740px;
	padding:15px 0px 15px 15px;
	margin-top:-20px;
	clear:both;
}
.offre_list {
	width:100%;
	clear:both;
}
.offre_list_photo {
	width:150px;
	height:90px;
	overflow:hidden;
	float:left;
}
.offre_list_content {
	width:350px;
	height:100px; /* old : 90px */
	overflow:hidden;
	float:right;
	padding-bottom:20px;
}
.offre_list_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	color:#5F5148;
	font-weight:bold;
	height:12px;
	overflow:hidden;
}
.offre_list_title a {
	text-decoration:none;
}
.offre_list_subtitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	height:12px;
	overflow:hidden;
}
.offre_list_description {
	color:#888888;
	font-family:verdana;
	font-size:10px;
	line-height:12px;
	height:50px;
	overflow:hidden;
	padding-right:14px;
}
.offre_list_buttons {
	padding-right:14px;
}
.offre_list_buttons_left {	
	font-size:10px;
	color:#555555;
	text-align:left;
	width:100px;
	float:left;
	padding-top:3px;
}
.offre_list_buttons_right {
	text-align:right;
	width:auto; /* old : 210px */
	float:right;
}
.offre_list_buttons a {
	font-family:verdana;
	font-size:10px;
	line-height:18px;
	color:#1BA1FA;
}

#offrescontent {
	background-color:#FEFFFE;
	float:left;
	width:948px;
	padding:15px;
	margin-top:-20px;
	clear:both;
}
#offrescontentright {
	color:#888888;
	float:right;
	width:712px;
	border-left:dashed 1px #1ba1fa;
	padding-left:10px;
	display:block;
}
#offrescontentoffre {
	float:left;
	width:755px;
	padding:15px 0px 0px 15px;
	margin-top:-20px;
	clear:both;
}
#offrescontentrightoffre {
	color:#888888;
	float:right;
	min-height:400px;
	width:510px;
	border-left:dashed 1px #1ba1fa;
	border-right:dashed 1px #1ba1fa;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	display:block;
}
#offrescontentleftoffre {
	float:left;
	width:200px;
	height:400px;
	/*border:solid 1px #c1bfbf;*/
	padding-top:8px;
	padding-bottom:8px;
	padding-right:0px;
	padding-left:4px;
	background-image:url(../images/logoback.png);
	background-position:top center;
	background-repeat:repeat-y;
	/*background-color:#e3e3e3;*/
}
#offrescontentright form {
	color:#888888;
}
#offrescontentleft {
	float:left;
	width:200px;
	height:600px;
	/*border:solid 1px #c1bfbf;*/
	padding-top:8px;
	padding-bottom:8px;
	padding-right:0px;
	padding-left:4px;
	background-image:url(../images/logoback.png);
	background-position:top center;
	background-repeat:repeat-y;
	/*background-color:#e3e3e3;*/
}
#offres_left {
	float:left;
	width:470px;
	height:350px;
}
#offres_right {
	float:right;
	height:332px;
	/*border:solid 1px #c1bfbf;*/
	padding-top:9px;
	padding-bottom:8px;
	padding-right:0px;
	padding-left:4px;
	> margin-left:10px;
	/*background-color:#e3e3e3;*/
}
.offre {
	height:146px;
	margin-bottom:16px;
	margin-top:-5px;
	/*border:solid 1px #999999;*/
}
.offre_button {
	text-align:center;
	margin-top:-4px;
	/*border:#1BA1FA 1px dashed;*/
	font-weight:bold;
	}
.offre_button a{
	text-decoration:none;
	color:#5F5148;
}
.offre_button a:hover {
	text-decoration:underline;
	color:#5F5148;
}

.title_rub_offre {
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1BA1FA;
	font-size:14px;
	text-transform:uppercase;
}
.title_srub_offre {
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#5F5148;
	font-size:12px;
	text-transform:uppercase;
}
.loffre_photo {
	height:110px;
	background-position:center;
	margin-bottom:10px;
	overflow:hidden;
}
.offre_photo {
	height:130px;
	width:240px;
	background-position:center;
	overflow:hidden;
}
.image{
	border-top:none;
	border-bottom:none 0px;
	border-left:none;
}
.offre_title {
	height:14px;
	width:238px;
	text-align:center;
	padding-top:4px;
	border-bottom:#999999 1px solid;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	overflow:hidden;
}
.offre_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.offre_title a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#intro {
	height:150px;
	border:dashed 1px #d4d3d3;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#f7f7f7;
	/*background-color:#f7f7f7;*/

}
#intro table tr td {
text-align:left;
vertical-align:top;
width:226px;
}
.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#1ba1fa;
}	
.title a {
	color:#1ba1fa;
	text-decoration:none;
}	
.title a:hover {
	color::#5F5148;
	text-decoration:underline;
}
.bigtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#1ba1fa;
}	
#intro ul li {
	list-style:square;
	font-size:14px;
}
#intro {
	font-size:11px;
}
#coupsdecoeur {
	height:180px;
	/*border:dashed 1px #999999;
	border-right:dashed 1px #d4d3d3;*/

	padding:15px 5px 5px 5px;
	/*margin-top:10px;*/
}
.coupsdecoeur_photo {
	float:left;
	height:180px;
	width:260px;
	background-position:bottom center;
	overflow:hidden;
	border:0;
}
.coupsdecoeur_title {
	float:right;
	height:160px;
	width:190px;
}
#navright {	
	float:right;
	border-left:1px dashed #1ba1fa;
	height:360px;
}
#navrightoffre {	
	float:right;
}
#guide {
	padding-top:5px;
	padding-right:20px;
	padding-left:10px;
	height:328px;
	width:165px;
}
ul {
	list-style-type:none;
	margin:0px;
	padding-left:15px;
	padding-top:8px;
}


#links {
	clear:both;
	background-color:#F7F7F7;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
	height:150px;
	padding:14px 14px 40px 14px;
	border-top:1px dashed #D4D3D3;
	/*background-image:url(../images/background_body.png);*/
	background-image:url(../images/logo_paiement.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#links .linkdiv {
	width:190px;
	float:left;
	}
#links table tr td {
	text-align:left;
	vertical-align:top;
	width:25%;
}
#bottom {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	clear:both;
	background-color:#393632;
	width:978px;
	/*border-top:1px dashed #D4D3D3;*/
	
}
#copyright {
	padding-top:20px;
	font-size:9px;
	color:#888888;
	text-align:center;
	background-color:#211f1d;
	padding-bottom:10px;
	border-top:1px solid #888888;
	width:978px;
}
#copyright a {
	color:#888888;
	text-decoration:none;
}

#content_page {
	width:750px;
	padding-left:20px;
	padding-right:5px;
	float:left;
}
#logo {
	width:520px;
	margin:0px;
	padding:5px 0px 0px 25px;
	float:left;
}
#logo a {
	text-decoration:none;
}
#logo a:hover {
	text-decoration:none;
}
#logo_baseline, #logo_baseline h1 {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-left:84px;/*184px*/
	margin-top:0px;/*-8px*/
	color:#888888;
	text-transform:uppercase;
	font-weight:bold;
}
#logo img {
	padding-top:0px;
}
#bandeau {
	height:212px;
	overflow:hidden;
}
#bandeau_formulaire {
	float:left;
	padding-top:10px;
	padding-left:18px;
	font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif;
}
#bandeau_formulaire input{
	width:200px;
}
#bandeau_formulaire select{
	width:200px;
}
#bandeau_formulaire textarea{
	width:200px;
	height:60px;
}
#bandeau_formulaire .title{
	color:#fefefe;
	font-weight:bold;
	font-size:15px !important;
	font-family:Arial, Helvetica, sans-serif;
}
#bandeau_formulaire .title_int{
	font-weight:bold;
	font-size:9px !important;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-2px;
	text-transform:uppercase;
}
#bandeau_formulaire .title_int a{
	color:#fefefe;
	text-decoration:none;
}
#bandeau_formulaire .title_int a:hover{
	text-decoration:underline;
}



#bandeau_formulaire_offre form{
	font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#5F5148;
	font-weight:bold;
	margin-top:-5px;
}

#bandeau_formulaire_offre input{
	width:160px;
}
#bandeau_formulaire_offre select{
	width:160px;
}
#bandeau_formulaire_offre textarea{
	width:160px;
	height:160px;
}
#bandeau_formulaire_offre .title{
	color:#333333;
	font-weight:bold;
	font-size:15px !important;
	font-family:Arial, Helvetica, sans-serif;
}
#bandeau_formulaire_offre .title_int{
	font-weight:bold;
	font-size:9px !important;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-2px;
	text-transform:uppercase;
}
#bandeau_formulaire_offre .title_int a{
	color:#666666;
	text-decoration:none;
}
#bandeau_formulaire_offre .title_int a:hover{
	text-decoration:underline;
}

#bandeau_image {
	padding-top:4px;
	float:right;
	height:212px;
	width:740px;
	background-image:url(../images/basic3.jpg);
}
#contact {
	float:right;
	width:400px;
}
#navigation {
	text-align:center;
	background-color:#393632;
	margin-top:-4px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#FFFFFF 1px solid;
}
#navigation a { color:#CCCCCC;text-decoration:none; }
#navigation a:hover { color:#eeebda;text-decoration:underline;}
.navigation_top_select {
	color:#fefefe;
	font-weight:bold;
}
.separator {
	background-image:url(images/navtop_sep.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:10px;
	color:#1ba1fa;
}
#telephone {
	float:right; 
	padding:10px 20px 0px 0px; 
	height:68px;
}
#newsletter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#888888;
	float:left;
	padding:12px 0px 0px 0px;
	margin-left:30px;
	height:68px;
	font-weight:bold;
}
#newsletter form a {
	color:#5F5148;
}
#newsletter myinput {
	height:16px;
}
.logo1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;
	color:#938c87;
	text-transform:lowercase;
}
.logo2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;
	font-weight:bold;
	color:#635e5b;
	text-transform:lowercase;
}
.logo3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#938c87;
}
.logo4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	color:#635e5b;
	text-transform:uppercase;
}
.logo5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#938c87;
}
.logo6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#635e5b;
}
.logo1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;
	color:#938c87;
	text-transform:lowercase;
	text-decoration:none;
}
.logo2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;
	font-weight:bold;
	color:#635e5b;
	text-transform:lowercase;
	text-decoration:none;
}
.logo3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#938c87;
	text-decoration:none;
}
.logo4 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	color:#635e5b;
	text-transform:uppercase;
	text-decoration:none;
}
.logo5 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#938c87;
	text-decoration:none;
}
.logo6 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#635e5b;
	text-decoration:none;
}
#formulaire {
	width:400px;
	text-align:right;
	float:left;
	}
#formulaire .contact_input {
	width:100%;
	text-align:right;
	vertical-align:text-top;
}
#formulaire .contact_input strong {
	color:#1BA1FA;
	font-size:24px;
}
#formulaire input {
	width:209px;
	margin-bottom:2px;
}
#formulaire select {
	width:213px;
	margin-bottom:2px;
}
#commentaires {
	width:290px;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	float:right;
	}
	
/* special formulaire */
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
.valid{border:2px solid #1BA1FA !important;}
.invalid{border:2px solid #FF0000 !important;}


.dp-choose-dater {
	width:40px;
}
/* Calendar */

table.jCalendar {
	margin-top:5px;
	border: 1px solid #000;
	background: #e0e0e0;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background:#3399CC;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #FF9900;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #FF6600;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	border:1px dotted #333333;
	position: relative;
	background:#f3f3f3;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 185px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #e0e0e0;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* reseaux sociaux */
#reseaux {
	margin-top:-46px; /* -12px */
	margin-left:-160px;/* -150px */
	height:auto; /* 15px */
	width:100px;
	float:left;
	/*font-weight:bold;
	color:#FF6600;*/
}
#reseaux a, #reseaux_produits a {
	color:#FF6600;
	text-decoration:none;
}
#reseaux img, #reseaux_produits img {
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
}
#facebook {
	margin-bottom:4px;	
}
#reseaux_produits {
	margin-top:20px;
}
#reseaux_produits .title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#1ba1fa;
}
label {
	color:#000;
}