/* Start of CMSMS style sheet 'latoSensuChocoBar' */
	body {
		margin: 0;
		padding: 0;
		background-color: rgb(237,237,238);
		text-align: center;
		height: 100%;
		width: 100%;
		background-image:url(../images/fd-chocobar-cafe-nice.jpg);
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}

/*--------------------------------------------*/
/*------------------HEADER--------------------*/
/*--------------------------------------------*/

	#header {
		width: 1000px;
		height: 143px;
		margin: 0px auto 0 auto;
		padding: 0;
		background-image:url(../images/fd-header-chocobar.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	#headerchocobar {
		width: 1000px;
		height: 20px;
		margin: 0px auto 0 auto;
		padding: 5px 0px 0px 0px;
		text-align: center;
		font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(202,186,156);
	}

	#headerchocobarb {
		width: 1000px;
		margin: 0px auto 0 auto;
		padding: 0;
		text-align: left;
	}

	.lienlogo {
		float: left;
		display: block;
		width: 250px;
		height: 75px;
		margin: 0;
		padding: 20px 0 0 250px;
		font: 20px/22px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(51,22,14);
		text-decoration: none;
	}

	.liendevis {
		float: left;
		display: block;
		width: 215px;
		height: 65px;
		margin: 0 0 0 285px;
		padding: 30px 0 0 0;
		font: 21px/22px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(51,22,14);
		text-align: center;
		text-decoration: none;
		letter-spacing: 1px;
	}

/*--------------------------------------------*/
/*--------------------FIN---------------------*/
/*-------------------HEADER-------------------*/
/*--------------------------------------------*/



/*--------------------------------------------*/
/*-----------------NAVIGATION-----------------*/
/*--------------------------------------------*/

	#menuchocobar {
		width: 1000px;
		height: 57px;
		margin: 0px auto 0 auto;
		padding: 0;
		background-image:url(../images/fd-menu-chocobar-cafe.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

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

	#menu li {
		display: block;
		float: left;
	}

	#menu a{
		margin: 0 40px 0 44px;
		padding: 9px 0 0 0;
		font: 15px/22px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(96,76,63);
		letter-spacing: 1px;
		display: block;
		height:30px;
		text-decoration: none;
	}
	 
	#menu a:hover, #menu a.on {
		color: rgb(225,0,26);
	}

/*--------------------------------------------*/
/*--------------------FIN---------------------*/
/*-----------------NAVIGATION-----------------*/
/*--------------------------------------------*/



/*--------------------------------------------*/
/*--------------SOUS NAVIGATION---------------*/
/*--------------------------------------------*/

	#submenu {
		list-style-type: none;
		width: 202px;
		margin: 65px 0 0 0;
		padding: 10px 0 10px 0;
		background-image:url(../images/fd-chocobar-cafe-sousmenu.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	#submenu li {
		margin: 0;
		padding: 0;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(96,76,63);
	}

	#submenu a {
		width: 167px;
		display: block;
		margin: 0 0 8px 0;
		padding: 1px 0 2px 35px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(96,76,63);
		text-decoration: none;
		background-image:url(../images/dot-fleche-marron.png);
		background-position: 15px 3px;
		background-repeat: no-repeat;
		
		-webkit-transition-property: width,padding,background-image,background-position,color;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-out;
				
        -moz-transition-property: width,padding,background-image,background-position,color;
		-moz-transition-duration: 0.2s;
		-moz-transition-timing-function: ease-out;
				
		transition-property: width,padding,background-image,background-position,color;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
	}
	 
	#submenu a:hover {
		width: 157px;
		color: rgb(225,0,26);
		padding: 1px 0 2px 45px;
		background-image:url(../images/dot-fleche.png);
		background-position: 25px 3px;
	}
	
	#submenu a.on {
		background-image:url(../images/dot-fleche.png);
		color: rgb(225,0,26);
	}

/*--------------------------------------------*/
/*--------------------FIN---------------------*/	
/*---------------SOUS NAVIGATION--------------*/
/*--------------------------------------------*/



/*--------------------------------------------*/
/*-----------------STRUCTURE------------------*/
/*--------------------------------------------*/

	#content {
		width: 950px;
		margin: 0px auto 0 auto;
		padding: 0;
		background-image:url(../images/fd-content-chocobar.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		text-align: left;
	}

	#capsule {
		width: 815px;
		margin: 0 0 0 75px;
	}

	#col1 {
		float: left;
		width: 202px;
		margin: 0;
		padding: 0;
	}

	#col2 {
		float: left;
		width: 613px;
		margin: 0;
		padding: 0;
		background-image:url(../images/fd-chocobar-col2.png);
		background-position: 13px 0px;
		background-repeat: repeat-y;
	}

/*--------------------------------------------*/
/*---------------------FIN--------------------*/	
/*------------------STRUCTURE-----------------*/
/*--------------------------------------------*/



/*--------------------------------------------*/	
/*---------------MISE EN FORME----------------*/
/*--------------------------------------------*/

	#col2 img {
		float: left;
		margin: 0 0 20px 0;
	}

	h1 {
		margin: 10px 0 25px 0;
		padding: 12px 0 20px 35px;
		font: 22px/17px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(84,78,31);
		text-align: left;
		letter-spacing: 1px;
		background-image:url(../images/fd-titre1.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	h2 {
		clear: both;
		width: 520px;
		margin: 20px 0 15px 35px;
		padding: 0 0 5px 0;
		font: 16px/19px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(96,76,63);
		text-align: left;
		border-bottom : 1px solid rgb(96,76,63);
	}
	
	h3 {
		margin: 15px 0 15px 35px;
		padding: 0 20px 0 0;
		font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(96,76,63);
		text-align: left;
		text-transform: uppercase;
	}
	
	p {
		margin: 15px 0 10px 35px;
		padding: 0 20px 5px 0;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(0,0,0);
		text-align: left;
	}
	
	ul {
		margin: 15px 0 15px 85px;
		padding: 0 20px 5px 0;
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(0,0,0);
		text-align: left;
	}
	
	ul li {
		margin: 0 0 10px 0;
	}
	
	a {
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(225,0,26);
		text-decoration: none;
	}

/*--------------------------------------------*/	
/*--------------------FIN---------------------*/
/*---------------MISE EN FORME----------------*/
/*--------------------------------------------*/



/*--------------------------------------------*/
/*-------------------FOOTER-------------------*/
/*--------------------------------------------*/

	#footer {
		width: 950px;
		margin: 0 auto 0 auto;
		padding: 2px 0 30px 0;
		text-align: left;
	}
	
	#footer img {
		margin: 0 0 5px 0;
	}

	#footer1 {
		width: 475px;
		float: left;
		margin: 0;
		padding: 0;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(0,0,0);
		text-align: left;
	}

	#footer2 {
		width: 475px;
		float: left;
		margin: 0;
		padding: 0;
		text-align: right;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(0,0,0);
	}

	#footer1 a, #footer2 a {
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(0,0,0);
		text-decoration: none;
	}

	#footer1 a:hover, #footer2 a:hover {
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: rgb(225,0,26);
	}

/*--------------------------------------------*/
/*---------------------FIN--------------------*/
/*--------------------FOOTER------------------*/
/*--------------------------------------------*/

/* End of 'latoSensuChocoBar' */