/* Theme "defaut" Pluxml - Copyright Pluxml.org */  

/* ---------------------
Html et body
--------------------- */
html {
margin:0;
padding:0;
height: 100%;
width: 100%;
background: #32517F;
background-repeat:repeat-y;
overflow-x: hidden; 

}
body {
	margin : 0;
	padding : 0;
	background : url("./img/dune2.jpg") repeat-x;
}



#page{

position: fixed;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 0%;
top: 0%;
height: 20%;
width: 100%;
z-index:10;
}

#page img.back {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#page div {	
position: fixed;	/* placement du texte par-dessus l'image */
top: 0em;
left: 1em;
height: 70%;
width: 100%;
color: white;
}


/* ---------------------
Styles generaux
--------------------- */
h1, h2, h3, h4 {

font-variant:small-caps;


}

h1 {font-size: x-large; font-style:italic; color: #FFCC00; letter-spacing: 1px; font-weight: bold; 
}
h2 {font-size: large; 	font-style:italic; color : #FFCC00;
margin-top: 50px;
text-align: center; }
h3 {font-size: medium;}
h4 {font-size: small; font-family: Arial, Helvetica, sans-serif; color: #6699CC; font-variant: small-caps; font-style: italic}

h1 a {text-decoration: none;}
h1 a:hover {text-decoration: none;}

p, blockquote, ul, ol {
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 11pt;
}

blockquote, ul, ol {
	margin-left: 0em;  text-indent: 2px; 
}

blockquote {
	margin-right: 0em;	  text-indent: 2px; 
}
h2 a{font-size: large; 	font-style:italic; color : #FFCC00;
display : inline; text-align:center;  }
a {color: #3399FF; text-decoration: none;}
a:hover {color: #FFFFCC; text-decoration: none;}




img { border: none; }

img.section {
float: left;
	margin: 0 15px 15px 0;
}


.clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* ---------------------
Formulaire
--------------------- */
fieldset {
	border : 0;
}
label {
	
}
input, textarea {

}
input:focus, textarea:focus {
	background-color : #FFFFFF;

}
input[type=submit], input[type=reset] {
	background : #D4DAE2;
	}
input[type=text] {
	margin : 0 0 0 5px;
}
textarea {
	width : 50%;
}

/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	background : #32517F;
	width : 100%;
z-index:25;
}
#header  {	
position: fixed;	/* placement du texte par-dessus l'image */
top: 0em;
left: 15%;
text-align:center;
z-index:150;
width : 75%;

}
#header div {	

z-index:50;
}

#header  h1{	
font-size: 2.2em;
display : inline;
color: #FFFFCC;

}
#header  h2{	
font-size: 1em;
display : inline;
	padding : 0px 0 0 5px;


}
#top h1 a { /* Lien du titre */
	text-decoration : none;
	color: #FFCC00;
	display : inline;
	
}
#top h1 a:hover {
	color : #FFFFFF;
	display : inline;
	}
#header p {
	
	color : #003366;
	padding : 0 0 0 5px;
display : inline;
	

}

#google {
	
	float:right;
	right: 10%;
	width : 80%;
}












	  

#menu {
position: fixed;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 40%;
top: 20%;
width: 70%;
z-index:55;
}
#menu img.back {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#menu div {

	position: fixed;	/* placement du texte par-dessus l'image */
left: 25%;
top: 23%;
color: white;
text-align:center;


}




#menu ul {
list-style-type: none;


	
}
#menu li {
color :  #C2AB88;
float: left;
padding-top : -10px;

padding-left: 15px;

}
#menu li a {
line-height: 100px;
padding-right: 12px;
padding-left: 12px;

display: block;
color :  #C2AB88;
text-decoration : none;
font-size:1.2em; 

}
#menu li a:hover  {
color : #FFFFFF;
background : url("./img/bullept.gif") no-repeat;
padding-top : 10px;

}
#menu li.active {
color : #FFFFFF;



}

/* --------------------- 
Zone de contenu (#content)  
--------------------- */


#bloc2 {

      padding:10px 20px 160px 20px;

}
#bloc3 {

      padding:0px 20px 0px 20px;

}

#contenu
 { 

 position: absolute;	
font-family:arial, sans-serif; 
font-size:100%; 
margin-right:15%;
padding-left:10%;
width:70%; 
top:38%;
z-index:1;
text-align: justify;
background : url("./img/bulle.jpg") no-repeat;
color:#FFFFFF; 


} 
#content div  { /* Conteneur de l'article */
	z-index:10; 
	
}


#content .post { /* Conteneur de l'article */

}

  

#content .title { /* Titre de l'article */
	color : #517CA1;
	font-size : 2.4em;



}
#content .title a { /* Lien sur le titre de l'article */
	color : #517CA1;
	text-decoration : none;
padding-top: 50px;
text-align: center;

}
#content .title a:hover {
	color : #333;
}
#content .post-info {
	

}
#content .feed_categorie {

}
#content .feed_article {


}
#content .comment_nb {


}
#pagination { /* Conteneur des liens 'page suivante' et 'page precedente' */
	text-align : center;
	padding-bottom:25px;

}
#feed_article { /* Conteneur des liens 'page suivante' et 'page precedente' */
	text-align : center;
	padding-bottom:25px;

}
.pagination { /* Conteneur des liens 'page suivante' et 'page precedente' */
	text-align : center;
	padding-bottom:25px;

}
.feed_article { /* Conteneur des liens 'page suivante' et 'page precedente' */
	text-align : center;
	padding-bottom:25px;

}
/* --------------------- 
Paneau lateral (#sidebar)  
--------------------- */

#sidebar {
position: fixed;	/* dimension et positionnement du bloc conteneur  de l'image */
right: 0em;
top: 35%;
height: 50%;
width: 15%;
z-index:20;
}
#sidebar img.back {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#sidebar p {	

}


#sidebar div {

	position: fixed;	/* placement du texte par-dessus l'image */
top: 35%;
right: 1em;
color: white;
text-align:right;
}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #C2AB88;
	font-size : 1.1em;


}
#sidebar ul { /* Bloc de liste */
list-style-type: none;
}
#sidebar li { /* Element de liste */


}
#sidebar li a { /* Liens dans les listes */
	color : #FFFFFF;

	}
#sidebar li:hover, #sidebar li.active {

}
#sidebar li a:hover, #sidebar li.active a {
	color : #C2AB88;

}


/* ---------------------
Commentaires (#comments)
--------------------- */
#comments h2 {
	color : #C2AB88;
	font-size : 1.2em;

}
#comments .comment {
	text-align : center;
	color : #6598E0;

}
#comments .comment blockquote {

}
#comments .info_comment {
text-align : center;

}
p.message_com {
	
	font-weight : bold;
	color : #000000;

}
#form h2 {
	color : #C2AB88;
	font-size : 1.2em;

}

/* ---------------------
Pied de page (#footer)
--------------------- */


#bas {
position: fixed;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 0em;
top: 15%;
height: 20%;
width: 100%;
z-index:50;
}
#bas img.back {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#bas p {	
position: absolute;	/* placement du texte par-dessus l'image */
left: 0em;
bottom: -40%;
width: 30%;
color: white;
text-align:center;
padding:2px;
}


#basdr {	
position: absolute;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 32%;
bottom: 4em;
height: 25%;
z-index:26;
overflow: visible;

}

#basdr img {
position: absolute;	
overflow: visible;
bottom: 2%;

}

#basdr ul {	

margin-left: 270px;


}


#basdr li {	
display : inline;
list-style-type: none;
}

#basdr li a{	

color: #FFFFFF;
text-align:left;

padding:0px 0px 0px 10px;
font-size: large; 
font-weight: bold

}


#basdr li a:hover
{	

color: #003366;

}


#footer {
position: fixed;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 0em;
bottom: 0em;
height: 18%;
width: 100%;
z-index:30;
}
#footer img.back {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#footer div {	
position: fixed;	/* placement du texte par-dessus l'image */
bottom: 0em;
left: 0em;
width: 100%;
color: white;
text-align:center;
}
#footer a {	

color: white;

}

#form h2 {
	color : #FFFFFF;
	font-size : 1.5em;
	margin : 0 0 0 0;
	padding : 0;
	letter-spacing : 2px;
	font-weight : lighter;
}
#form p.message_com {
	
	font-weight : bold;
	color : #FFFFF;
	margin : 8px 0 0 0;
	padding : 4px 0;
}
#form .form_left {
	float : left;
	margin : 0 20px 0 0;
}
#form textarea {

	float : left;
	height : 185px;
	margin : 0;
} 
#form .button{ margin : 20px 0 0 0; }
#form .button span { float: right; }
#form input[type=submit] {
	background : #EEE url("img/icones.png") no-repeat 4px -283px;
	padding : 2px 4px 2px 20px;
	height : 26px;
}
#form input[type=reset] {
	background : #EEE url("img/icones.png") no-repeat 4px -315px;
	padding : 2px 4px 2px 20px;
	height : 26px;
}