/* CSS Document */

body {
	margin: 0px;
	color: #000000;
	font-family: 'Questrial',sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.0em;
	word-spacing: 0.0em;
	line-height: 1.2	
}
p {
	text-align:justify;
}

.importantMsg {
	border: 1px solid darkred;
	border-radius: 4px;
	color: darkred;
	margin-top: 15px;
	padding: 5px;

}

h1 {
	color: #c80000;
	font-family: 'Unkempt', cursive;
	font-weight: bold;
	font-size: 24px;
    letter-spacing: 1px;
}

a {
	text-decoration: none;
	color: #494949;
}

#wrap {
}

#topline {
	background-color: #464545;
	height: 5px;
	width: 100%;
	clear: both;
}

#topcontainer
{
	background-color:#F5B334;
	width:100%;
}

#topbanner {
	clear:both;
	height:225px;
	margin-left:auto;
	margin-right:auto;
	width:899px;
    background-image:url(../images/PInceau_banner_2.jpg);
}	
/*
.slideshow {
    height:  300px;
    width:   400px;
    padding: 0;
    margin:  0;
}

.slideshow img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    height: 270px;
}

*/


.info_menu {
	color: #fff;
	background-color: #000000;
    border-top: 1px solid #b6b6b6;
    color: #FFFFFF;
    height: 32px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.info_menu img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #464646;
    border-color: #5A5A5A;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    float: left;
    margin-right: 10px;
}

.info_menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index: 100;
    padding-right: 10px;
    float: right;
}
.info_menu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.info_menu ul li a {
    line-height: 35px;
	padding-right: 30px;
	padding-bottom: 10px;
	color: #b6b6b6;
	outline: none;
	background: transparent;
    text-decoration: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline;
}
.info_menu ul li a.selected, .info_menu ul li a:hover {
	color: #F6A134;
}
* html .info_menu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #fff;
}



/*----------------------------------------*/
/*----- 2.12 Menu / Navigation -----*/
/*----------------------------------------*/
@font-face {
    font-family: Secret_Agent;
    src: url("../fonts/ACME_Secret_Agent.ttf") /* TTF file for CSS3 browsers */
}

.blackmenu {
    font-family: Secret_Agent;
	color: #fff;
	background-color: #000000;
	height: 45px;
	width: 100%;
	clear: both;
}

.mainmenu {
	width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}


.mainmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index: 100;
    padding-right: 10px;
    float: right;
}
.mainmenu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: left;
}
.mainmenu ul li a {
	padding-left: 30px;
    padding-right: 30px;
	padding-bottom: 10px;
	font-size: 18pt;
	color: #fff;
	line-height: 1em;
	text-decoration: none;
	outline: none;
	background: transparent;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
.mainmenu ul li a.selected, .mainmenu ul li a:hover {
	color: #F6A134;
}
* html .mainmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #fff;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: #f2f2f2;
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
}
.ddsmoothmenu ul li ul li {
	background: url(../img/nav-item-divider.jpg) repeat-x bottom;
	padding: 12px 10px 13px 20px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
	color: #606060;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected {
	color: #0099ff!important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 5px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
}
.downarrowclass, .rightarrowclass {
	display: none;
}
/*Menu select - for responsive*/
.selectnav {
display: none;
}
.js .selectnav {
background: #343434;
width: 100%;
height: auto;
padding: 5px 10px;
margin: 0 auto;
border: 1px solid #5a5a5a;
font-size: 12px;
color: #808080 !important;
cursor: pointer !important;
outline: none;
display: none;
} 
/*============================================================*/




a.mainmenu img {vertical-align:bottom;}

#maincont {
    background-color:#C20505;
    background-image:url(../images/gradient_background.jpg);
    background-position:center bottom;
    background-repeat:repeat-x;
    clear:both;
    margin-top:0;
}

#footbg {
		background-image:url(../images/bottombanner.jpg);
		background-position:center bottom;
		background-repeat:no-repeat;
		clear:both;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:68px;
		position:relative;
}


#centercont {
	clear: both;
	background-color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c85e00;
	border-left-color: #c85e00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c85e00;
	/*padding-top: 30px;*/
}

#leftcont {
	width: 223px;
    margin: 8px 20px 30px;
	float: left;

}

#leftcontimg {
	width: 123px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	float: left;

}

#leftmenu {
	color: rgb(76, 117, 147);	
}

#leftmenu ul {
	margin: 0px 0px;
	padding-left: 5px;
    list-style: none;
}

#leftmenu li {
	line-height: 75px;
	font-family: 'Unkempt', cursive;
	font-size: 24px;

}

#leftmenu li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	/*font-style: italic;*/
}

#leftmenu li a {
	color: #C80000;
	padding: 0px 0px 0px 15px;
}

#leftmenu h2 {
	height: 38px;
	padding-left: 30px;
	letter-spacing: -.5px;
	font-size: 1.8em;
	color: #616D79;
}

#leftmenu p {
	margin: 0 0px;
	padding: 0px 30px 20px 30px;
	text-align: justify;
}

#leftmenu a {
   text-decoration: none;
    transition: all 0.3s ease 0s;
    }

#leftmenu a:hover {
	text-decoration: none;
}

#rightcont {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C20505;
	width: 592px;
	float: left;
	margin-bottom: 15px;
	padding-left: 20px;
    padding-right: 20px;
	min-height: 500px;
}

#rightcontimg {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C20505;
	width: 692px;
	float: left;
	margin-bottom: 15px;
	padding-left: 20px;
    padding-right: 20px;
	min-height: 500px;
}

#footer {
	background-color:#F6A134;
	border-top:1px solid #C20505;
	clear:both;
	/*height:125px;*/
	/*margin-left:auto;
	margin-right:auto;*/
	width:100%;
}

#footcont {
	/*border-bottom:1px solid #C20505;*/
	clear:both;
/*	height:100px;
	padding-left:15px;
    font-size: 10px;*/
    font-style: normal;
}
#footlink {
	/*border-bottom:1px solid #C20505;*/
	clear:both;
	height:35px;
    font-size: 12px;
    font-style: normal;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#footlink  a {
    color: #000000;    
}

#footlink  a:hover {
    color: #000000;
    text-decoration: underline;
}

#logo {
	clear:both;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:860px;
}

#imgfooter {
	/*background-image:url(../images/pinceau_ft.png);*/
	bottom:0;
	float:right;
	height:296px;
	margin-left:575px;
	padding-right:0;
	position:absolute;
	width:382px;
}

#copyright {
	background-color:#F6A134;
	clear:both;
	color:#FFFFFF;
	font-size:10px;
	/*height:25px;*/
	line-height:22px;
	/*margin-bottom:-25px;*/
	margin-left:auto;
	margin-right:auto;
	/*text-align:center;*/
	width:100%;
}


/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 730px;
    height:200px;

    /* custom decorations */
    border:1px solid #ccc;
    background:url(../images/h300.png) repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:720px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:205px;
    height:154px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../images/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up and down */
a.up, a.down  {
    background:url(../images/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* styling for elements inside overlay */
  .details {
  position:absolute;
  top:15px;
  right:15px;
  font-size:11px;
  color:#fff;
  width:150px;
  }
 
  .details h3 {
  color:#aba;
  font-size:15px;
  }

#forfait_title {
	float:left;
	padding-top:0px;
}

#price {
	width:150px;
	float:right;
	border-top: 1px solid #000000;  
	border-bottom: 1px solid #000000;
	padding: 5px;
	background: #EAEAEA;
	margin-left:15px;
}

#imgprof {
	width:150px;
	float:left;
	padding: 0px;
	margin-right:15px;
}