/*
Copyright (C) 2005 Noah Medling

This program is licensed under the GNU General Public License, version 2,
as published by the Free Software Foundation, June 1991. For details, see
LICENSE.txt
*/

@font-face {
    font-family: 'Century';
	src : url('century-gothic-regular.eot');/* very pld ie */
    	src : url('century-gothic-regular.eot?#iefix') format('embedded-opentype')  /* old ie */
   	src:  url('century-gothic-regular.ttf') format('truetype');  /* Safari, Android, iOS */ 
	src : url('century-gothic-regular.woff') format('woff');/*   Modern Browsers */

    font-style: normal;
    font-weight: normal;
    //text-rendering: optimizeLegibility;
}


body{
	background: #e2e2e2;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Century;
	height: 100%;
}

#root{
	background: #fff;
	text-align: left;
	margin: 0 auto;
	//max-width: 100%;
	max-width:960px;
	padding: 0;
	height:100%
}
ul, ol{
	padding-left: 0em;
}
#header{
	margin: 0 0 0 0;
	padding: 0em;
	//border-bottom: 1px solid #000;
//background-color:black;

}
#header img{
       margin: 0 0 0 0;
        padding: 0em;
}

	#header h1{
		margin: 0;
		padding: 0;
		font-size: 200%;
		font-weight: normal;
		//font-variant: small-caps;
	}
	#header p{
		margin: 0;
		padding: 0;
		font-variant: small-caps;
	}
#navigation{
	//float: left;
	margin: 0em 0 0em 0em;
	padding: 0;
	width:100%;
	display: inline-block;
	background-color:black;
position:relative;top:-4px;
}

	#navigation ul{
		display:table-cell;
		list-style-type: none;
		padding: 0;
		margin: 0 0 1em 0;
		//color:white;
	}
	#navigation li.separator{
		font-variant: small-caps;
		display:none;
	}
	#navigation ul li.link, #navigation ul li.pages, #navigation ul li.blogs{
		display:table-cell;
		float: left;
		position: relative;background-color:black;color:white;
		}

#navigation ul ul.ss-menus{display:none;position:absolute;z-index:2;padding:0px;float:left;}
#navigation ul ul.ss-menus li{display:block;float: none;position-relative;background-color:black;padding:5px;}
#navigation ul ul.ss-menus li a , #navigation ul li a{color:white;text-decoration: none; font-size:16px;}



        #navigation ul li.link, #navigation ul li.pages, #navigation ul li.blogs{
		//float:left;
//position:relative;
       }

 #navigation ul li.blogs{
//display:inline-block;
position:relative;
//left:155px;
//float:right;
}



ul{
padding:0:
margin:0;
}
/*-- vertical --*/

ul.ma_navigation + div{
margin-left:10em;
}

ful.ma_navigation li{
color:white;
padding: 0 1em 0 1em;
}


/*-- horizontal --*/
ul.sol{background-image:url('fd.png');background-repeat : no-repeat;}
ul.do{background-image:url('fd2.png');background-repeat : no-repeat;}

ul.ma_navigation{
//background-color:black;
width:100%
padding:0;
padding-left:30px;
height:60px;
}
ul.ma_navigation li{
display:table-cell;
color:white;
padding: 0 1em 0 1em;
}

ul.ma_navigation li a {
vertical-align:middle;
font-family:"Century";
font-size:18pt;
text-decoration:none;
}
ul.ma_navigation li a:hover {
//text-decoration:none;
//background-color:#ccc:;
color:#6e2c00;
}

li.pages  a, li.blogs a{
//display:blobk;		
display:inline-block;
		color: #fff;
		font-family:Century;
		font-size:14px;
		//font-weight:bold;
		text-decoration: none;
		margin:0 5px 0 5px;padding:10px;
	}

	#navigation ul li.pages a.actif,  ul.ma_navigation li a.actif {
		color:#dc7633;
		//text-decoration: underline;
		//background-color:#aaa;
	}
	a:hover{
//color:red;
//background-color:#ccc;
}

div.post_body h3{
margin-top:10px;
}

	a span{display:none;}

		
#content{
	margin: 0 ;
	padding: 0 ;
}
	#content h1{
		font-size: 150%;
		font-weight: normal;
		font-variant: small-caps;
		border-bottom: 1px solid #bcd;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	#content p{
		margin: 0.5em 0 1em 0;
		ext-indent:25px;
		text-align: justify;	
}
	#content p img, #content p iframe{
display:block;		
margin:auto;
}



#content p::first-letter{
font-size:150%
}
#content ul li p::first-letter{
font-size:100%
}



	#content form{
		margin: 0;
		padding: 0;
	}


#footer{
	clear: both;
	margin: 0;
	padding: 1em;
	text-align: center;
	border-top: 1px solid #000;
}
	#footer p{
		margin: 0;
		padding: 0;
	}

.post{
	margin: 2em 11em 2em 11em;
}
.post .post_title{
	font-size: 150%;
	font-variant: small-caps;
	border-bottom: 1px solid #bcd;
}
.post .post_head{
	font-size: 80%;
	color: #567;
}
.post .post_body{

}

.post_body ul{
margin-left:40px;


}
.post .post_foot{
	text-align: right;
	font-size: 80%;
	color: #567;
}

.comment{
	padding: 0.5em;
	margin: 0.5em 0 1.5em 0;
}
.comment .comment_head{
	font-size: 80%;
	color: #567;
	border-bottom: 1px solid #bcd;
}
.comment .comment_body{
}
.moderated{
	background: #def;
}
.moderated .comment_head{
	color: #345;
}

fieldset{
	border: 1px solid #bcd;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
legend{
	color: #000;
	font-variant: small-caps;
}
p.message{
	border: 1px solid #bcd;
	padding: 0.25em;
	background: #eff;
}
p.error{
	border: 1px solid #f98;
	padding: 0.25em;
	background: #fed;
}

a:link, a:visited{
	color: #000;
	text-decoration: none;
}
a:active, a:hover{
	color: #000;
	text-decoration: none;
}

a img{
vertical-align:middle;
border:0px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	//font-variant: small-caps;
}
hr{
	height: 1px;
	padding:0;
	color: #000;
	background: #000;
	padding: 0;
	border: 0;
}
li.s{list-style:none;}
ul.ss-menus{display:none;position:absolute;}
//h3 {color:red;}

//#header h4 {font-style:italic;}
#header div{padding:35px;}
#header h1 {margin-bottom:5px;}
#header h4 {margin:5px;}
#lng {
margin: 0px;
position: relative;
top: 144px;
right: -448px;
display: inline-block;
}

div.gauche, div.droite{
min-height:300px;
}

div.gauche p, div.droite p {
padding-top:20px;
}
div.gauche img, div.droite img{
display:block;
margin:10px 20px 10px 10px;
}

#content p.center img{
display:inline;
}
div.gauche img{
float:left;
}
div.droite img{
float:right;
}
#content p.center {
text-align:center;
clear:both;
font-style:italic;
}
#content p.center::first-letter {
font-size:100%
}
div.post_body:last-child {
padding-bottom:20px;
}
img.l{
float:left;
clear:left;
}
img.r{
float:right;
clear:right;;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
h3{
font-size:20pt;
font-weight:bold;
}