/* TO LOAD THE FONT */
@import url(http://fonts.googleapis.com/css?family=Lora&subset=latin);
body { 
	background:white;
	margin:0 auto;
   text-align: left; 
   word-wrap: break-word;  text-align: left; 
   width: 800px;
   font-family: "Lora", sans-serif;
   font-size: 17px;
}

.illustre {
            float : left;
            /*width: 56%;*/  
            margin:0 0.3em 0.5em 0;
            caption-side: bottom;	
            }
.illustre caption {
            font-size:64%;
            margin:0 ;	
            text-align:center
            }   
.illustre img { width : 800px}
            /* 448 <= body.width * .illustre.width */ 

h1 {
	text-align:center;
	color:  rgb(51, 51, 153);
   font-size: 208%;
   font-weight:bold;
   margin:30px auto;
}                    
  
 h1.subtitle {
 	font-size:120%;
 	color: #585050;
 	margin-top:-10px;
 }
       
   
  #photo {
	height:200px;
	border: none;
	float:right;
	margin-left: 25px;  
  }               
/* FOR THE HREF */
a { color: rgb(88, 77, 77); text-decoration: underline; }
a:visited { color: rgb(121, 121, 121); text-decoration: underline; }
a:hover { color: rgb(4, 51, 255); text-decoration: underline; }
/* END HREF */

nav {
	font-size: 120%;
	color: #DDDDDD;
	line-height:30px;
	text-align : center;
	margin: 0 auto 15px;
	width:90%;
	border-bottom: 2px solid rgb(51, 51, 153)
}
nav li { list-style-type: none; display: inline; padding: 0px 10px; }
nav li a { text-decoration: none; color: rgb(102, 102, 102); }
nav li a:visited { text-decoration: none; color: rgb(102, 102, 102); }
nav li a:hover { color: rgb(70, 60, 60); text-decoration: none; }
nav li.current-header a { color: rgb(51, 51, 153); text-decoration: none; }

ul li { list-style-type: none; }
ul li:before {content: "— "}

/* STYLE PAGES */
h2{
	font-size: 100%;
	font-weight: bold;
	margin-top:2em;
	clear:both;
}

p {
	text-align: justify;
	margin: 0.5em 0;
	color: #404040;
}
p.contact {
	margin-left:3em;
	margin-top:-10px}
.text-small { font-size:80%}

.bold { font-weight: 700; }
/* END STYLE PAGES */

#langue {
	float : right;
	padding: 10px 10px 0 0 ;
}

/*
#langue {
	position absolute;
	top: 10px;
	right : 10%;
}
*/

#langue img {width:2em}