@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300);
/*@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);*/

body { 
	color: #000;
	font-size:22px;	
	font-family:'Raleway', Arial, Helvetica, sans-serif, 'ヒラギノ丸ゴ ProN W4','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	text-align:center;
}

#wrapper{
    width: 960px;
	margin: 0 auto; 
    text-align:center;  
}


.site_width{
    max-width: 960px;
    float: left;
}

/* float */
.left{
    float: left;
}
.right{
    float: right;
}

/* Clear */
.clearfix {
	zoom:1;
}

.clearfix:after {
	clear:both;
	content:"";
	display:block;
}

li {
	list-style:none;
}



/* 文字 */


h1,h2,h3 {
	font-weight:100;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 28px;
	margin-bottom:10px;
}

h3 {
	font-size: 16px;
}

p {
	font-size: 12px;
	line-height:1.429;
}

dl {
	font-size: 12px;
	line-height:1.429;
}

dd {
	margin-left:1em;
}

.emphatic_r {
	color:#CC0000;
}

.emphatic_rb {
	color:#CC0000;
	font-weight:bold;
}

.emphatic_p {
color:#E26F7D;
}

ƒ
/* 画像 */

img {
border:0;
}


/* 余白 

article {
	margin:10px auto　0;
}

.p_left {
	padding-left:1em;
}
*/

/* リンク */
a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
}

#nouvelles p a {
	color:#999;
	text-decoration: none;
	font-size:12px;
	line-height:1.4em;
}

#nouvelles p a:hover {
	color:#F30;
}


#nouvelles a:focus,
#nouvelles a:active {
	text-decoration: underline;
}

#recettes a, 
#recettes a:hover,
#recettes a:focus,
#recettes a:active {
	color:#CCC;
	text-decoration: none;
}



#pageFoot a {
	color: #999;
}

#pageFoot a:hover,
#pageFoot a:focus,
#pageFoot a:active {
	color: #999;
	text-decoration: underline;
}

/* COMMON */

#header {
	text-align:center;
	margin: 0 auto; 
}


/* bar */
.hbgy{
    background: #CCC;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 95px;
	z-index: -100;
}


/* logo */

#logo {
	padding top:15px;
	padding-right:20px;
	overflow:hidden;
	text-align:right;
}

#logo h1 {
	display:none;
}


.logo_sub {
	font-size:13px;
	letter-spacing:0.1em;
	color:#CCC;
	margin-top:5px;
	pading:0;
}

/* Gloval Navi */

#glovalNav {
	padding-top:10px;
	margin-left:20px;
}


ul{
	margin:0;
	padding:0;
}

#nav-list {
	margin:0 auto;
	width:104px;
	text-indent:-9999;
}


.nav-item.accueil a {
    display: block;
    overflow: hidden;
    height: 20px;
    width: 104px;
    background-image: url("../images/nv_accuiel.jpg");
}

.nav-item.accueil a:hover,
.nav-item.accueil a:active {
        background-image:url("../images/jp_accuiel.jpg");
}

.nav-item.accueil.current {
        background-image:url("../images/cr_accuiel.jpg");
		background-repeat:no-repeat;
}

.nav-item.apropos a {
    display: block;
    overflow: hidden;
    height: 20px;
    width: 104px;
    background-image: url("../images/nv_apropos.jpg");
}

.nav-item.apropos a:hover,
.nav-item.apropos a:active {
        background-image:url("../images/jp_apropos.jpg");
}

.nav-item.apropos.current {
        background-image:url("../images/cr_apropos.html");
		background-repeat:no-repeat;
}

.nav-item.lecons a {
    display: block;
    overflow: hidden;
    height: 20px;
    width: 104px;
    background-image: url("../images/nv_lecons.jpg");
}

.nav-item.lecons a:hover,
.nav-item.lecons a:active {
        background-image:url("../images/jp_lecons.jpg");
}

.nav-item.lecons.current {
        background-image:url("../images/cr_lecons.jpg");
		background-repeat:no-repeat;
}

.nav-item.calendrier a {
    display: block;
    overflow: hidden;
    height: 20px;
    width: 104px;
    background-image: url("../images/nv_calendrier.jpg");
}

.nav-item.calendrier a:hover,
.nav-item.calendrier a:active {
        background-image:url("../images/jp_calandrier.jpg");
}

.nav-item.calendrier.current {
        background-image:url("../images/cr_calendrier.html");
		background-repeat:no-repeat;
}

.nav-item.recettes a {
    display: block;
    overflow: hidden;
	margin-top:6px;
    height: 20px;
    width: 104px;
    background-image: url("../images/nv_recettes.jpg");
}

.nav-item.recettes a:hover,
.nav-item.recettes a:active {
        background-image:url("../images/jp_recettes.jpg");
}

.nav-item.recettes.current {
        background-image:url("../images/cr_recettes.jpg");
		background-repeat:no-repeat;
}

/* SNS */
#sns {	
	margin-top:48px;
	margin-left:40px;
	width:500px;
	heignt:60px;
}


/* Main Visual(slider) */

#main .mainVisual {
	position: relative;
	margin:20px auto 40px;
	width:800px;
	text-align:center;
}

#main .mainVisual img {
	vertical-align: bottom;
}


/* Title */

.title {
	font-family:'Raleway';
	text-align:left;
	color:#966;
	letter-spacing:0.1em;
	margin-bottom:10px;
}

/* Go To TOP */

.pagetop {
		width:960px;
	padding:0 5px 5px 0;
	text-align:right;
}

/* Footer */

#pageFoot {
	border-top: solid 1px #CCC;
	height:50px;
	letter-spacing:0.1em;	
	color:#CCC;
	font-size: 12px;
	line-height:1.5;
}

#pageFoot .copyright,
#pageFoot .mentionlegale,
#pageFoot .reflet {
	margin-top:15px;
}

#pageFoot .mentionlegale {
	margin-left:10px;
}


/* CONTENTS */

#nouvelles,
#appropos,
#lecons,
#caledrier,
#recettes,
#mentionlegale {
	width:800px;
	margin:15px 80px 0 80px;
}


/* TOP */

.drawing {
	text-align:center;
	padding:10px 0 20px 0;	
}


/* Nouvelles */

#nouvelles .h2 {
	width:100px;
}

#nouvelles .ni_holder {
	margin-top:10px;
}
#nouvelles .nouvelles_item {
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	height:180px;
	margin:0 8px 20px 8px;
	-webkit-border-radius: 50%
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border:solid 2px #F3CADF;
	float:left;
}


#nouvelles .date {
	margin:20px auto 10px;
	font-size:16px;
	color:#666;
}

#nouvelles p {
	font-size:12px;
	line-height:1.4em;
	margin:auto 25px;
	text-align:justify;
}

#nouvelles .alert {
	color:#FF0000;
} 

/* APROPOS */

#appropos,
#acces {
	font-family:Arial, Helvetica, sans-serif;
}

#appropos p,
#acces p,
#acces address {
	font-size:12px;
	color:#666;
}


#appropos .appropos_holder,
#mentionlegale .mentionlegale_holder {
	width:650px;
	text-align:left;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background-color: #fcf9e7;
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
}

#appropos .appropos_holder {
   background-color: #fcf9e7;
}

/*#appropos .appropos_holder {
   background-color: #f9ecf1;
}*/

#appropos .content,
#mentionlegale .content {
	padding:15px 25px;
} 

#appropos .db {
	margin:15px 0;
	text-align:center;
	color:#C00;
}

#acces {
	width:860px;
	margin:0 30px 15px 80px;
	text-align:left;
}


#acces .ac_holder {
margin-top:0;
}


#acces .google-maps {
	float:left;
}


#user_gmap {
	width:500px;height:350px;
	margin:0px auto;
	border:solid 1px #999;
	float:left;
}

#acces .guide {
	width:180px;
	margin:30px 0 0 30px;
	float:left;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   background-color: #fcf9e7;
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
   border:solid 1px #CCC;
}

#acces .contact {	
	width:230px;
	margin:80px 0 0 30px;
	padding:0 10px 10px 10px;
	float:left;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   background-color: #fcf9e7;
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
   border:solid 1px #CCC;
}

#acces .guide p {
	margin-left:10px;
}

#acces address {
	margin-left:10px;
	font-style:normal;
}

/*#acces address a {
	margin-left:20px;
}
*/

#acces .egg {
	width:60px;
	margin:10px 0 0 250px;
	float:left;
}


/* LECONS */

#lecons .lecons_holder {
	text-align:justify;
}

#lecons h3 {
	text-align:center;
}

#lecons .lecon_cours,
#lecons .lecon_single {
	width:370px;
	background-color: #FFF;
	border:double 2px #999;
}

#lecons .lecon_cours h2,
#lecons .lecon_single h2 {
	font-size: 16px;
	text-align:center;
}

#lecons .lecon_cours {
	height:975px;
	float:left;
}

#lecons .lecon_cours_in {
	width:328px;	
	height:963px;
	margin-top:5px;
	margin-left:5px;
	background-color: #FFF;
	border:double 1px #999;
	float:left;
	padding:0 15px;
}

#lecons .lecon_cours_in ul{
	font-size:12px;
}

#lecons .lecon_cours_in dt{
	color:#C03;
}

#lecons .lecon_single {
	margin-left:50px;
	margin-bottom:10px;
	height:184px;
	float:right;
}

#lecons .lecon_single_in {
	width:328px;
	height:172px;
	margin-top:5px;
	margin-right:5px;
	background-color: #FFF;
	border:double 1px #999;
	float:right;
	padding:0 15px;
}


/* CALENDRIER */

#caledrier h2 {
	margin:10px 0;
}

#caledrier .cal_notes {
	text-align:left;
}

#menu {
	width:840px;
	margin:0 60px;
}

#menu .month {
	font-size:14px;
}

#menu .menu1_holder {
	width:280px;
	float:left;
}

#menu .menu1_holder .month{
	width:240px;
	margin:auto 20px;
}

#menu .menu2_holder {
	width:240px;
	margin:0 20px;
	border-bottom:1px solid #CCC;
}

#menu .menu2_laduree {
	width:240px;
	margin:0 20px;
	border-bottom:none;
	}

#menu .menu2_tablier {
	width:240px;
	margin:0 20px;
	border-bottom:none;
	}

#menu .menu3_holder {
	width:120px;
	float:left;
}

#menu .menu3_holder p {
	font-size:10px;
	width:100px;
	margin:5px auto;
	height:3em;
	text-align:justify;
}

#menu .menu3_tablier img{
	width:100px;
	float:left;
}

#menu .menu3_tablier p {
	font-size:10px;
	width:120px;
	margin:0 0 0 5px;
	height:3em;
	text-align:justify;
	float:right;
}

#menu .ctitle {
	font-size:13px:
}

#menu .mimage {
	width:100px;
}

#menu .mname {
}


/* RECETTES */

#recettes .recettes1_holder {	
	margin-top:20px;
	border-bottom:solid 1px #999;
}

#recettes .recettes2_holder h2 {
	text-align:left;
	margin:64px 0 0 0;
	float:left;
}

#recettes .recettes2_holder .double {
	text-align:left;
	margin-top:164px;
	float:left;
}

#recettes .recettes3_holder {
	width:550px;
	height:auto;
	float:right;
}

#recettes .recettes3_holder img{
	margin:0 0 6px 6px;
	float:right;
	border:solid 1px #CCC;
}


/* MENTION LEGALE */

#mentionlegale .mentionlegale_holder {
   background-color: #f0ecec;
}