/* General */

/* * {border : solid 1px} a ajouter pour tester*/

html, body {
	padding : 0;
	margin : 0;
	color : #333;
	font-size : 12px;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	background : #fff;
}

a {
	color : #2798ff;
}

a:visited {
	color : #8ea8bf;
}

p {
	line-height : 16px;
}

ul {
	padding-left : 0;
	margin-left : 0;
	line-height : 18px;
	margin-top: 0;
}

li {
	margin: 0;
	padding: 0 0 0 18px;
	background: url("arrow.gif") no-repeat left 8px;
	list-style-type: none;
}

dt {
	margin-top : 10px;
	font-weight : bold;
	padding : 0;
}

dd {
	margin : 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #000;
	margin-top: 0;
	margin-bottom: 15px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration : none;
	color : #000;
}

h1 {
	font-size : 38px;
	color : #000;
	margin-top : 0;
	padding : 0;
}

h2 {
	font-size : 16px;
	font-weight : bold;
}

h3 {
	font-size : 14px;
	margin-bottom : 0;
	padding : 0;
	font-weight : bold;
}

h4 {
	font-size : 14px;
	font-weight: bold;
}

h5 {
	clear : both;
	font-size : 12px;
	letter-spacing : 1px;
	margin : 0;
}

h6 {
	color : #aaa;
	font-size : 10px;
	letter-spacing : 1px;
	margin : 0;
}

/* object stuff here */

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}

/* NOTES */

.rate {
	padding: 0;
	margin-left: 0;
	text-align: right;
}

.rate li {
	margin: 0;
	list-style-type: none;
	padding-right: 80px;
}

.rate1 {
	padding-right: 80px;
	background: url("rate1.gif") no-repeat right;
}

.rate2 {
	padding-right: 80px;
	background: url("rate2.gif") no-repeat right;
}

.rate3 {
	padding-right: 80px;
	background: url("rate3.gif") no-repeat right;
}

.rate4 {
	padding-right: 80px;
	background: url("rate4.gif") no-repeat right;
}

.rate5 {
	padding-right: 80px;
	background: url("rate5.gif") no-repeat right;
}

/* Images */

img {
	margin : 0;
	padding : 0;
	border : 0;
}

.imgd {
	float : right;
	padding : 0 0 15px 15px;
}

.imgg {
	float : left;
	padding : 0 15px 15px 0;
}

.imgc {
	display : block;
	margin : 0 auto;
	padding : 10px;
}

.icon {
	float : left;
	margin-right : 15px;
	border : 1px solid #ccc;
	padding : 2px;
}

.icon a:hover {
	border-color : #666;
}

/* Layout */

/* Top */

#top {
	width : 100%;
	display : block;
	float : left;
	clear: both;
	background : #6699cc url("bgtop.gif") repeat-x bottom;
}


#top #logo {
	display: block;
	float: left;
	margin: 5px;
	padding: 15px 165px 15px 15px;
	background : #6699cc url("evol.gif") no-repeat right;
}

/* English TOP */

#top #more {
	display: block;
	float: right;
	padding: 4px;
	margin: 0 25px 0 0;
	width: 30%;
	color: #999;
	background: #333;
}

#top #more #hidd {
	display: none;
	padding: 10px 15px 10px 15px;
	background: #333;
}

#more ul, #more p, #more h2 {
	margin: 0;
}

#top #more h2 {
	color: #d9d9d9;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}

#top #more a {
	color: #fff;
	text-decoration: none;
}

#top #pins {
	margin: 0;
}

#top #pins a {
	display: block;
	border-top: 1px solid #555;
	padding: 4px;
	color : #d9d9d9;
	text-decoration: none;
	background: url("plus.gif") no-repeat right;
}

#top #pins a:hover {
	color: #fff;
}

/* Logo */

#logo h1 {
	display : block;
	float : left;
	font-size : 30px;
	font-weight : normal;
	color: #fff;
	margin : 0;
}

#logo h2 {
	display : block;
	float : left;
	clear : both;
	letter-spacing: 1px;
	font-size : 15px;
	font-weight : normal;
	color : #cadbed;
	margin : 0;
}

#logo h1 a {
	text-decoration : none;
	color : #fff;
}

#logo #log {
	font-style: italic;
	font-family: Georgia, Times, Serif;
}

#logo a:hover {
	text-decoration : none;
}

#page {
	clear: both;
	margin: auto;
	width: 80%;
	padding: 20px;
}

#contenu {
	display : block;
	float : left;
	width: 100%;

	background: url("bgpage.gif") repeat-x top;
}

#home {
	display: block;
	float : left;
	width : 646px;
	padding: 5px;
	margin: 0;
	border: 1px solid #ddd;
}

/* Main */

#main {
display: block;
float: left;
width : 70%;
background: #fff;
}

.bloc {
display : block;
padding : 10px;
margin : 3px 15px 3px 0;
float : left;
background : #eee;
border-left : 10px solid #ddd;
line-height : 18px;
}

.bloc h3 {
margin-top : 0;
}

/* Sidebar */

#sidebar {
display : block;
float : right;
width : 25%;
}


#sidebar .photo {
border : 1px solid #ddd;
padding : 4px;
width : 186px;
}
#sidebar .pre {
style:display;
width : 100px;
overflow : hidden;
}
.cadre {
padding : 10px;
margin : 0 0 15px 0;
border-top : 1px solid #ddd;
background : #eee url("cadrebot.gif") no-repeat bottom;
}

.cadre p, .cadre ul, .cadre dl {
margin-top : 10px;
margin-bottom : 0;
padding-bottom : 0;
}

.surligne {
background : #ffe400;
}

.num {
color : #fff;
background : url("rond.gif") no-repeat 1px 2px;
font-weight : bold;
padding : 5px 10px 10px 9px;
margin-right : 10px;
}

#homeside {
float: right;
width: 300px;
}

#postit {
width: 240px;
height: 140px;
background : url("postit.jpg") no-repeat;
color : #95704d;
padding : 30px;
font-family: Georgia, Times, serif;
font-size: 13px;
}

#postit p {
padding : 0;
}

#postit h2 {
margin : 0;
color : #95704d;
}

/* Contenu */

.chapo {
font-size : 14px;
font-weight : bold;
line-height : 18px;
}

.note {
list-style : decimal;
margin : 15px;
padding-left : 50px;
color : #666;
}

.colonne {
display : block;
width : 50%;
float : left;
}

.colonne h2 {
margin-top: 15px;
}

.col {
display : block;
width : 155px;
float : left;
margin : 0;
padding : 10px;
}

.info {
padding-left: 20px;
background: url("info.png") no-repeat left;
}

/* cv */

#cvtitre {
	color: #999;
	font-weight: normal;
}

#pdf a {
   display: block;
   margin: 0 0 15px 0;
	padding: 10px 0 10px 38px;
   border: 1px solid #ddd;
   text-decoration: none;
   font-size: 13px;
	background: url("pdf.gif") no-repeat 2px 4px;
}

#pdf a:hover {
   border-color: #ccc;
}

.cvstitre {
   font-size: 24px;
   margin: 0 0 10px 0;
   padding-bottom: 2px;
   border-bottom: 1px solid #ddd;
}

.cvbloc {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}

.cvbloc .pic {
	display: block;
	float: left;
	margin-right: 15px;
  padding-top: 18px;
	color: #999;
}

.cvbloc h3 {
  text-align: right;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  color: #9999a3;
}

.cvbloc h5 {
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 10px;
}

.cvbloc h5 a {
	text-decoration: underline;
	font-weight: bold;
	color : #2798ff;
	letter-spacing: 1px;
}

.cvbloc .txt {
	display: block;
	float: left;
	width: 85%;
	margin: 0;
}

.cvbloc .txt p, .cvbloc .txt h4 {
	margin: 0;
}

/* portfolio */

.lang {
	display: block;
	float: right;
	margin: 0;
}

#blogo {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#blogo img {
	border: none;
	margin-right: 15px;
}

#blogo h2 {
	font-size: 26px;
}


.text_image {
	display : block;
	float: left;
	width: 95%;
	margin: 0 0 20px 25px;
}

.text_image img, .cvbloc img {
	display : block;
	float : left;
	border: 1px solid ; 
	width: 200px; 
	height: 150px;
}

.text_image a img, .cvbloc a img {
	border : 1px solid #ddd;
	padding : 4px;
}

.text_image a img:hover, .cvbloc a img:hover {
	border-color : #ddd;
	background-color : #e5e5e5;
}

.text_image p, .text_image h2 {
	display : block;
	padding-left : 225px;
	margin : 0;
	clear: none;
}

.text_image h3 {
	margin : 0;
	font-weight : normal;
	font-style : italic;
	color : #9999a3;
	padding-left : 75px;
}

.text_image .encours {
	color: #ff9900;
}

.text_image a {
	display : block;
	text-align : right;
	margin-top : 0;
	padding-right : 20px;
	background : url("Images/fleche.gif") no-repeat 100% 95% ;

}

/* nav */

#nav {
	display: block;
	float: left;
	clear: both;
  padding: 0;
  margin-left: 25px;
  margin-bottom: 0;
  list-style: none;
  font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#nav a {
	display: block;
	float: left;
	padding: 13px 28px 5px 20px;
	background: no-repeat right bottom url("onglet-d.gif");
	text-decoration: none;
	color: #a7b9cc;
}

#nav li {
	display: block;
	float: left;
	list-style: none;
	background: no-repeat left bottom url("onglet-g.gif");
	padding:0 0 0 7px;
}

#nav #active {
	background-image: url("onglet-act-g.gif");
}

#nav #active a {
	background-image: url("onglet-act-d.gif");
	color: #333;
}

#nav li a:hover {
	color: #fff;
}

/* Foot */

#footer {
	clear : both;
	color : #666;
	text-align : center;
	margin : 5px;
	padding : 10px 0;
}

#footer p {
	margin: 0;
}

/* FORMULAIRE */

fieldset {
	margin : 0;
	border: none;
}

.contact div {
	display: block;
	clear: both;
	margin: 15px 0;
}

.contact label {
	display: block;
	color: #666;
	float: left;
	width: 100px;
	margin: 0;
	padding-right: 20px;
	text-align: right;
}

.contact #err {
	margin: 0;
	color: #ff9900;
}

.contact .err .champ {
	border: 3px solid #ff9900;
}

.contact .err #message {
	border: 3px solid #ff9900;
}

.contact .err label {
	display: block;
	color: #ff9900;
	font-weight: bold;
	float: left;
	width: 100px;
	margin: 0;
	padding-right: 20px;
	text-align: right;
}

.contact .txterr {
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 15px;
	color: #ff9900;
}

.contact input {
	display: inline;
}

.contact #message {
	font-size: 14px;
	border: 1px solid #ccc;
}

.champ {
	display : block;
	font-size: 16px;
	padding: 2px;
	border : 1px solid #ccc;
	margin : 0;
}

.champ:focus {
	background : #fff2c3;
}

textarea:focus {
	background : #fff2c3;
}

.bt {
	margin-top : 15px;
	border : 1px solid #ddd;
	color : #fff;
	padding : 4px 12px;
	background : #c1feff url("degrade-aqua.gif") repeat-x top;
}