/* palette du couleur
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;

brown
#593F39

yellow
#EEF0B1  

pink-M
#B8658F

pink-Light
#D198C4

red
#914C50
*/
body { font-family:Georgia,Serif,"Times New Roman";}

#application{
  margin-bottom: 0px;
	background-color:#fff;
}

#header{ text-align:center;}

#content{ padding-bottom:120px; text-align:center;}
#content .main{ width:450px; margin:0 auto; text-align:justify;}

a { color:#D198C4; text-decoration:none;}
a:hover, a:active {color:#B8658F;}


/* ---- les modules ---- */
.modules-container{ margin:0 auto; width:850px;}
.modules-single{ margin:0 auto; width:425px;}

.module {
	display:block;
	background:transparent url(../images/module-c.png) repeat-y center;
	margin:-10px 35px;
	padding:20px;
	width:315px;
	min-height:200px;
	text-align:left;
	font-weight:600;
}

.module-small {
	display:block;
	background:transparent url(../images/module-c.png) repeat-y center;
	margin:-10px 35px;
	padding:20px;
	width:315px;
	height:100px;
	text-align:left;
	font-weight:600;
}

.module label, .module-small label{ 
	color:#fff; 
	font-size:1.2em; 
	line-height:1em;
}

.module .t-champ, .module-small .t-champ{ 
	margin:20px auto;
	width:305px;
	height:30px;
	font-size:1.6em; 
	color:#593F39;
	border:2px solid #593F39;
}

.module .t-file, .module-small .t-file{ 
	margin:20px auto;
	color:#593F39;
	border:2px solid #593F39;
}

.module .t-area{ 
	margin:20px auto;
	width:305px;
	font-size:2.2em; 
	color:#593F39;
	border:2px solid #593F39;
}

#sumbit{
	background:transparent url(../images/valider.png) no-repeat top;
	clear:left;
	cursor:pointer;
	display:block;
	font-size:0;
	height:125px;
	width:125px;
	border:none;
	margin:0 auto;
}

#sumbit-en{
	background:transparent url(../images/valider-en.png) no-repeat top;
	clear:left;
	cursor:pointer;
	display:block;
	font-size:0;
	height:125px;
	width:125px;
	border:none;
	margin:0 auto;
}

.coming-soon{font-style:italic;color:#914C50;}



/* ---- page etranger---- */
.main-champ{ 
	margin:20px auto;
	width:305px;
	height:30px;
	font-size:1.6em; 
	color:#593F39;
	border:2px solid #593F39;
}

.bgline{ margin:-66px -283px 0 0;}

.hello{ margin:68px 0 0 -30px;}

/* ---- page hello ---- */
.hello-content {
	width:650px;
	margin:0 auto; 
	text-align:justify;
}

.hello-paragraph {
	width:400px;
	margin-right:20px;
}

.buttons{width:750px; margin:0 auto; }


/* ---- page auteur ---- */
#girl, #boy{ 
	width:315px; 
	margin:0 auto; 
	text-align:left;
}

#girl img, #boy img {float:left;}

#girl p, #boy p {color:#fff; font-size:1.2em; margin-left:40px;}
.yellow a {color:#EEF0B1;}
.yellow a:hover {color:#593F39;}

#sexe{ width:315px; text-align:center; }
#sexe p{color:#EEF0B1; text-align:center;}

.a-left{text-align:right; margin-right:20px;}



/* ---- page bibilotheque ---- */
.book{ width:450px;margin:0 auto;text-align:left; }
.book h3{ font-size:1.8em; color:#593F39; margin-bottom:0px;}
.book h4{ color:#B8658F;}
.coming-soon{font-style:italic;color:#914C50;}



/* ---- page 404 ---- */
.error{ text-align:center; font-size:2em; }



/* ---- footer ---- */
#footer-btn {
	display:block;
	background:transparent url(../images/footer-btn-bg.png) no-repeat center; 
	margin: 30px auto 0 auto;
	padding:0 20px; 
	width: 860px;
	height:70px;
	text-align:center;

}
.min200{margin-top:-200px;}

#footer { margin-top:-220px;}

#footer p{ line-height:1.3em; margin:0px 0 20px 0; font-size:1.1em;}

#footer a{ text-decoration:none;}

#facebook {
	display:block;
	width:200px;
	height:30px;
	background:transparent url(../images/facebook.png) no-repeat;
	padding:8px 0 0 40px;
}
#twitter {
	display:block;
	width:200px;
	height:30px;
	background:transparent url(../images/twitter.png) no-repeat;
	padding:8px 0 0 40px;
}
#blog {
	display:block;
	width:200px;
	height:40px;
	background:transparent url(../images/blog.png) no-repeat;
	padding:8px 0 0 40px;
}

#blog2 {
	display:block;
	width:200px;
	height:40px;
	background:transparent url(../images/blog.png) no-repeat;
	padding:0px 0 0 40px;
}

#copyright{
	display:table-cell;
	vertical-align:bottom;
	color:#593F39;
}

#yeastymobs{ text-align:right;}



/* ---- page blog ---- */
.blog{
	width:550px;
	text-align:left;
	float:left;
	margin-right:20px;
}

.blog h2{
	font-size:2.3em;
	line-height:.9em;
	font-weight:bold;
	color:#593F39;
	margin-bottom:5px;
}

.blog .croq{
	color:#B8658F;
}


.blog .auteur{ font-size:1em; color:#914C50;}
.blog p{ text-align:justify; margin-bottom:20px;}

.blog-date{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:110px;
	height:27px;
	color:#593F39;
	background-color:#EEF0B1;
	padding:2px 0 0 0;
	text-align:center;
}

.post.croque .blog-date{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:110px;
	height:27px;
	color:#FFF;
	background-color:#914C50;
	padding:2px 0 0 0;
	text-align:center;
}


.blog .post{ 
	padding-bottom:100px; 
	background:transparent url(../images/line-2.png) no-repeat bottom; 
	margin-top:50px;
}

.blog .last-post{ 
	padding-bottom:50px; 
	margin-top:50px;
}


.sidebar{
	width:280px;
	float:left;
	margin-top:10px;
}

.sidebar .sidebar-nav a{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:90%;
	height:27px;
	color:#FFF;
	background-color:#D198C4;
	padding:4px 0 4px 20px;
	text-align:left;
	text-decoration:none;
	font-size:1.4em;
	margin:30px 10px;
	font-weight:bold;
}


.sidebar .sidebar-rss a{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:90%;
	height:27px;
	color:#FFF;
	background-color:#D198C4;
	padding:4px 0 4px 20px;
	text-align:left;
	text-decoration:none;
	font-size:1.4em;
	margin:30px 10px;
	font-weight:bold;
}



.sidebar.croque .sidebar-nav a{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:90%;
	height:27px;
	color:#593F39;
	background-color:#EEF0B1;
	padding:4px 0 4px 20px;
	text-align:left;
	text-decoration:none;
	font-size:1.4em;
	margin:30px 10px;
	font-weight:bold;
}


.sidebar.croque .sidebar-rss a{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	display:block;
	width:90%;
	height:27px;
	color:#593F39;
	background-color:#EEF0B1;
	padding:4px 0 4px 20px;
	text-align:left;
	text-decoration:none;
	font-size:1.4em;
	margin:30px 10px;
	font-weight:bold;
}


/* ---- page je vois tout ---- */
.voistout-btn a{
	display:block;
	width:131px;
	height:125px;
	background:transparent url(/images/callme.png) no-repeat top; 
	margin:0 auto;
}

.voistout-btn a:hover{
	background:transparent url(/images/callme-over.png) no-repeat top; 
}

.bubble {
  background: transparent url(/images/home/sep.jpg) bottom no-repeat;
  padding-bottom: 86px;
}

.socail-icon{
	text-align:center;
	padding-top:10px;
}

.socail-icon img{
	padding:10px 20px 20px 20px;
}

.flag{
	position:absolute;
	right:20px;
	top:20px;
}

.flag img{
 margin-left:2px;
}