@charset "utf-8";
/* CSS Document */

body {
	font: 100%  Arial,, sans-serif;
	background: #101010;
	width: 760px;
   margin: left; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */


}

p {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:13px;
float:left;
margin-top:0px;
margin-bottom:10px;

}


#header {

   width: 900px;
   height: 160px;
  margin-left: 40px;
  margin-top: 0px;
  font: 100%  Arial, sans-serif;
  font-size:14px;
  color: white;


}

#container {
				position: relative;
				min-height: 100%;
				height: 100%;
				width:900px;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: auto;
			}
			#container_illus{
				position: relative;
				min-height: 100%;
				height: 100%;
				width:900px;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: auto;
			}
.menu {

   width: 810px;
   height: 40px;
   padding-left:0px;
  margin-left: 0px;
  margin-top: 30px;
  font: 100%  Arial,sans-serif;
  font-size:14px;
  color: white;
  


}
#news_ligne1{

   width: 900px;
 
  margin-left: 0px;
  margin-top: 60px;
  font: 100%  Arial,sans-serif;
  color: white;
    font-size:12px;
}


.works_menu{

   width: 900px;
   height: 40px;
  margin-left: 0px;
  margin-top: 0px;
    padding-top: 0px;

  font: 100%  Arial,sans-serif;
  color: white;
    font-size:12px;
}

a{
  color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:12px;

}


a:hover {
color: #ffffff;
text-decoration:none;
font-family:arial;
font-size:12px;
}

a.lien_navigation{
  color: white;
text-decoration:none;
font-family:arial;
font-size:14px;

}


a.lien_navigation:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:14px;
}
a.lien_news{
  color: white;
text-decoration:none;
font-family:arial;
font-size:14px;

}


a.lien_news:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:14px;
}
a#lien_works{
  color: white;
text-decoration:none;
font-family:arial;
font-size:12px;

}

a#lien_works:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:12px;
}


a#lien_image{
  color: white;
text-decoration:none;
font-family:arial;
font-size:11px;
margin-left:0px;
padding-left:0px;

}
a#lien_image:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:11px;
}

#lien_image:visited {
color: #777777;
text-decoration:none;
font-family:arial;
font-size:11px;
}


a#back_news {
color: #01b7ec;
margin-top:30px;
text-decoration:none;
font-family:arial;
font-size:12px;

}


a#back_news:hover {
color: #ffffff;
margin-top:30px;
text-decoration:none;
font-family:arial;
font-size:12px;

}

a#lien_image2{
  color: white;
text-decoration:none;
font-family:arial;
font-size:11px;
margin-left:0px;
padding-left:0px;

}
a#lien_image2:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:11px;
}

a#lien_bas{
  color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:11px;

}

a#lien_bas:hover {
color: #ffffff;
text-decoration:none;
font-family:arial;
font-size:11px;
}

a#lien_contact {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:12px;
}

a#lien_news {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:12px;
}

a#lien_news:hover {
color: #ffffff;
text-decoration:none;
font-family:arial;
font-size:12px;
}
a#lien_img {
color: #000000;
text-decoration:none;
border:none;

}


a.lien_backtotop{
  color: #ffffff;
text-decoration:none;
font-family:arial;
font-size:12px;

}


a.lien_backtotop:hover {
color: #01b7ec;
text-decoration:none;
font-family:arial;
font-size:12px;
}

img{
border:none;

}

#content_news {
  margin-left: 40px;
  margin-top: 40px;
  width:900px;
height: 100%;
  font: 100%  Arial, sans-serif;
}


#works_gallerie {
  margin-left: 0px;
  margin-top:30px;
  width:900px;
height: 100%;
	  font: 100%  Arial, sans-serif;
}

#titre_news{
margin-top:20px;
 color: white;
text-decoration:none;
font-family:arial;
font-size:14px;
}
.news1{
float:left;
}
.news2{
float:right;
}

.news3{
float:left;
margin-top:50px;
}
.news4{
float:right;
margin-top:50px;


}

.news5{
float:left;
margin-top:50px;
}
.news6{
float:right;
margin-top:50px;
}


.titre_texte_news {
font-size:14px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;

width:370px;
}
.date_news {
font-size:10px;
color:#FFFFFF;

width:370px;
}
  
.texte_news {
font-size:12px;
color:#FFFFFF;

width:370px;
}

}

#footer {
  margin-left: 40px;
  margin-top: 20px;
    margin-bottom: 20px;
	padding-top:20px;
	padding-bottom: 20px;
  font: 100%  Arial, sans-serif;

}

ul#menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
width : 600px;
height : 15px;
margin-left:0px;
margin-top:15px;
padding:0;
float:left;


list-style-type : none; /* Car sinon les puces se placent n'importe où */

}
ul#menu_horizontal li {
padding : 0 1.0em; /* Pour espacer les boutons entre eux */
margin-left:0px;
padding-left:0px;


}
li.bouton_gauche {
float : left;
margin-left:0px;
padding-left:0px;

}
li.bouton_droite {
float : right;
}
.bloc_contact {
float : right;
  margin-top: -45px;
  font: 100%  Arial, sans-serif;
  font-size:12px;

}
ul#works_menu_horizontal {  /*Ici , c'est ma configuration, à vous de la changer */
width : 600px;
height : 15px;

margin:0;
padding:0;


list-style-type : none; /* Car sinon les puces se placent n'importe où */

}
ul#works_menu_horizontal li {
padding : 0 1.0em; /* Pour espacer les boutons entre eux */
margin-left:0px;
padding-left:0px;
margin-top:0px;
padding-top:0px;



}


table {




border:none;
}

#texte_vignette {
color: #FFFFFF;
text-decoration:none;
font-family:arial;


font-size:11px;
float:left;
margin-bottom:10px;
}
#texte_vignette_bas {

text-decoration:none;
font-family:arial;
font-size:11px;
width:150px;
float:left;
margin-top:10px;
text-align:left;
}

#footer {
 width: 900px;
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
float:left;

bottom: 0px;
clear:both;
margin-top:80px;
margin-left:40px;
margin-bottom:20px;

}
#texte_footer {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
float:left;
margin-top:0px;
margin-bottom:10px;

}
#liens_footer {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
float:right;
margin-top:0px;
margin-bottom:10px;

}

#texte_about {
color: #FFFFFF;
width:900px;
text-decoration:none;
font-family:arial;
font-size:11px;

margin-top:60px;

}

#texte_about1 {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
width:400px;
margin-left : 250px;


margin-top:0px;

}

#img_about1 {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
margin-top:0px;
float:left;
}
#texte_about2 {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
width:400px;
margin-left :0px;
margin-top:0px;




}
#img_about2 {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
margin-top:80px;
margin-left:0px;
padding-left:0px;




}

#texte_about3 {
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
width:400px;
margin-left : 250px;
margin-top:-510px;


}
#img_about3{
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:12px;
margin-top:80px;
margin-left:0px;
padding-left:0px;



}

#menu_illus{
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
float:left;
margin-top:0px;
margin-top:0px;


}

#image{
color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
float:left;
margin-left:20px;
}

#texte_image{

color: #FFFFFF;
text-decoration:none;
font-family:arial;
font-size:11px;
width:180px;
margin-left:720px;
margin-top:0px;

}

ul#navigation {  /*Ici , c'est ma configuration, à vous de la changer */



margin-left:-10px;
padding-left:0px;


list-style-type : none; /* Car sinon les puces se placent n'importe où */

}
ul#navigation li {

margin-left:0px;
padding-left:0px;
display:block;

}


/* Styles pour tous les liens du menu */
#navigation a {
	padding: 4px 10px; 
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

/* Styles pour les liens survolés ou sélectionnés au clavier*/
#navigation a:hover, #navigation a:focus {
	text-decoration: none;
	color: #01b7ec;
}

/* Styles pour la rubrique en cours */
#navigation #en-cours a {
	color: #01b7ec;
}







/*style blog */


#wp-calendar {
	background: #111111;

	empty-cells: show;
	font-size: 11px;
	margin: 0;
	width: 90%;	
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	background: #444444;

	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #222222;
	color: #ffffff;
		text-decoration: none;

}
/*date mois*/
#wp-calendar caption {
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	font-size:14px;
	font-weight:700;
	margin-bottom:10px;
	

}

#wp-calendar td {
	color: #ffffff;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #111111;
	color: #01b7ec;
	
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #01b7ec;
}

#wp-calendar th {
	font-weight: normal;
	text-transform: capitalize;
	color: #color: #01b7ec;
		
}

#rap {
	background-color: #101010;
	margin-right:auto;
 margin-left: 40px;
  margin-top: 50px;
  	width:900px;
	padding: 6px;
}

#desc {
	float:left;
	font-size: 12px;
	margin-top:3px;	
}
#desc a:link, #desc a:visited  {
	display: inline;
	background-color: #fff;
	color: #ffffff;
	text-decoration: none;
}
#desc a:hover {
	background-color: #eee;
	color: #666;
}
#desc a:active {
	background-color: #fff;
}
#himage {
	border:0;
	margin:0;
	padding:0 0 0 8px;
}




#sidebar {
	background: #101010;
	border-left: 1px solid #999999;
	padding: 0px 0 10px 20px;
	float: right;
	height:100%;
	width: 174px;
}

#sidebar form {
	margin: 0 0 0 0px;
}

#sidebar input#s {
	width: 60%;
	
	background: #eee;
	border: 2px solid #333333 ;
	color: #333333;
	
}

#sidebar ul {
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	 font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;

}


#sidebar h2 {
	font-weight: normal;
	margin:0;
	padding:0;
	font-size: 14px;
		color: #ffffff;
			margin-bottom:10px;


	
}

/*titres catégories */
#sidebar ul li {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
 color:#01b7ec;
 font-size: 14px;
 margin-top: 0px;
margin-bottom:30px;
padding-top:0px;
padding-bottom: 0px;
position:relative;
top:10px;
	
}

/*liens sidebar*/
#sidebar ul ul li a {
	color: #666666;
	font-size: 12px;
	font-weight:400;
	text-decoration: none;
	 margin-bottom:0px;
	 padding-bottom: 0px;
	 margin-top: 0px;
padding-top:0px;


	 


}

#sidebar ul ul li a:hover {
	color: #ffffff;
	 font-size: 12px;


	text-decoration: none;
}

/*texte sidebar*/
#sidebar ul ul li {
	border: 0;
font-family:Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 font-size: 12px;
	letter-spacing: 0;
	
	padding-left: 3px;
    font-weight:400;
		 padding-top:0px;
		  margin-bottom:0px;
	 padding-bottom: 0px;
	 margin-top: 0px;
padding-top:0px;



}


#sidebar ul ul {
	color: #ffffff;
	margin-bottom:10px;

	font-variant: normal;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;

	
}



#sidebar ul ul ul.children {
	font-size: 17px;
	padding-left: 4px;
		 margin-top: 10px;

}


/*nombre de commentaires*/
#comments{
margin-top:0px;
	padding-top:0x;
	margin-left:0px;
	

}

.commentby {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:30px;
padding-top:30px;
	padding-bottom:28px;
		font-family:Arial, Helvetica, sans-serif;
		

}

a.commentby {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:30px;
padding-top:30px;
	padding-bottom:28px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
			color: #808080;
}


.comment_logo{
font-family:Arial, Helvetica, sans-serif;

	
		font-weight:bold;
			color: #ffffff;
			margin-top:10px;
}


a.commentby:hover {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:30px;
padding-top:30px;
	padding-bottom:28px;
		font-size:11px;
			color: #FFFFFF;
}

a.login {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:30px;
padding-top:30px;
	padding-bottom:28px;
		font-size:11px;
			color: #01b7ec;
}

a.login:hover {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:30px;
padding-top:30px;
	padding-bottom:28px;
		font-size:11px;
			color: #ffffff;
}

#postcomment{
	margin-top:54px;
	

}

.meta, .meta a {
	color: #808080;
		font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	margin-top:5px;
}

.storytitle {
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	
}


/*titre*/
.storytitle a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#01b7ec;
	
}
.storytitle a:hover {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	
}

.storycontent a {
	text-decoration: none;

}

.storycontent a:hover {
	text-decoration: none;
	
}

.storycontent {
	margin-bottom:-10px;
}
.post {
	margin-bottom:18px;
}


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #333333;
	color:#FFFFFF;
	border: 1px solid #333;
	padding: 3px;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	font-size: 12px;
	list-style-type: none;
	color: #999;
	
}




#content {
	float: left;
	width:500px;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
		font-family:Arial, Helvetica, sans-serif;

}

ul.post-meta span.post-meta-key {
	font-weight: bold;
		font-family:Arial, Helvetica, sans-serif;

}

.credit {
	clear:both;
	color: #666;
	font-size: 10px;
	padding: 50px 0 0 0;
	margin: 0 0 20px 0;
	text-align: left;
}

.credit a:link, .credit a:hover {
	color: #666;
}

.feedback {
	color: #999999;
	text-align: left;
	font-size:11px;
	clear: both;
	margin-top:10px;
}


a.feedback_lien {
	color: #FFFFFF;
	text-align: left;
	font-size:12px;
	clear: both;
	margin-top:10px;
}



.meta {
	font-size: 10px;
		color:#999;
			font-family:Arial, Helvetica, sans-serif;


}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}


cite {
	font-size: 11px;
	font-style: normal;
	color:#666;
}

h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 font-size: 18px;
	margin: 15px 0 2px 0;
	padding-bottom: 20px;
	
	

	width:300px;
}

h3 {
 Arial, Helvetica, sans-serif;
	 color:#FFFFFF;

	Arial, Helvetica, sans-serif;
	margin-top: 0;
	font-size: 15px;
}

ol#comments li p {
}

#commentlist li{
	margin-left:-22px;
		margin-top: 10px;

}






acronym, abbr, span.caps {
	font-size: 11px;
		color:#FFFFFF;


}

acronym, abbr {
	cursor: help;
	border:none;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 18px
	padding-left: 5px;
}

p
{
	font-family:  Arial, Helvetica, sans-serif;
	color:#FFFFFF;


}

/*input#submit {
background:url(http://keuj.net/site/images/submit.jpg) no-repeat center top;
	border:none;

color:#ffffff;
width:105px;
height:44px;
	font-family:  Arial, Helvetica, sans-serif;

}

input#submit : hover{
background:url(http://keuj.net/site/images/submit.jpg) no-repeat center top;
	border:none;

color:#333333;
width:150px;
height:50px;
	font-family:  Arial, Helvetica, sans-serif;

}