@charset "UTF-8";
/**
 * Stylesheet
 * 
 * Copyright: 2008 Cyril de Kergommeaux
 * Author: Cyril de Kergommeaux
 *
 *
 */


/* NORMALIZING */

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}


/* MAIN */

body{
	margin: 0px;
	padding: 0px;
	font: normal normal 11px/1.2em Tahoma, Helvetica, sans-serif;
	background:transparent url(img/bg.gif) center 0 repeat-x;
	background-color: #492C1E;
}

h1{
	position: relative;
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	margin: 0px auto;
}

h2{
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	color: #80bfff;
	margin: 0px 0px 10px 0px;
	
}

h3{
	font: normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
	color:#FFF;
	letter-spacing: .1em;
	line-height: 1.8;
}

td {
	vertical-align: top;
}

a:link, a:visited {
	color: #0099CC;
	text-decoration: none;
	padding: 1px 2px;
}
a:hover, a:active {
	text-decoration: underline;
}
a:focus {
	-moz-outline-style: none;
}
dt {
	font-weight: bold;
}

ul {
	font: normal normal 14px/1.4em Tahoma, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 30px 25px;
	list-style: none;
	}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.left{
	float: left;
	margin: 0 10px 10px 0;
}

.right{
	float: right;
	margin: 0 0 10px 10px;
}

blockquote {
	font: normal normal 16px/1.4em Tahoma, Helvetica, sans-serif;
	color:#999;
	margin:5px 0pt 5px 25px;
	padding:5px 60px 5px 10px;
}

.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */


/* STRUCTURE */

#wrapper{
	width: 860px;
	margin: 0px auto;			
	padding: 0px;
	position: relative;
}

#header{
	margin: 0px auto;
	padding: 0px;
	font: normal normal 16px/1.2em Tahoma, Helvetica, sans-serif;
	width: 860px;
	height: 230px;
	position: relative;
}

	#header h1{
	margin: 0;
	position: absolute;
	top: 55px;
	left: 2px;
	height: 86px;
	width: 304px;
	background:transparent url(img/logo.gif) center 0 no-repeat;
	display:block;
	text-indent: -9000px;
	}

	
	#header h2{
	margin: 0;
	position: absolute;
	top: 110px;
	right: 2px;
	height: 20px;
	width: 227px;
	text-indent: -9000px;
	background:transparent url(img/tag.gif) center 0 no-repeat;
	display:block;
	}
	
#highlight{
	width: 860px;
	height: 200px;
	float:left;
	}


/* NAVIGATION */

#navigation{
width: 860px;
height: 170px;
float: left;
}

#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation li{
 display:inline;
 }

#navigation ul a.box1{
  margin: 26px 0 0 0;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(img/navigation.gif) 2px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}

#navigation ul a.box2{
  margin: 26px 0 0 41px;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(img/navigation.gif) -282px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;

}

#navigation ul a.box3 {
  margin: 26px 0 0 41px;
  display: block;
  width:255px;
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(img/navigation.gif) -565px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}
  
  #navigation a:hover.box1 {
  background-position: 2px -126px;
  }
	
  #navigation a:hover.box2  {
  background-position: -282px -126px;
  }

  #navigation a:hover.box3  {
  background-position: -565px -126px;
  }


/* TITRES */

#mn, #rp, #td{
margin: 0;
padding: 0;
width: 860px;
height: 31px;
float: left;
border-top: #A36243 1px solid;
}

#mn h2{
	margin:0 auto;
	height: 31px;
	width: 132px;
	background:transparent url(img/marionnachet.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
	}

#rp h2{
	margin:0 auto;
	height: 31px;
	width: 160px;
	background:transparent url(img/relationspresse.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
	}

#td h2{
	margin:0 auto;
	height: 31px;
	width: 194px;
	background:transparent url(img/traductionanglesp.gif) 0px -1px no-repeat;
	display:block;
	text-indent: -9000px;
	}


/* CONTENUS */

#bio, #presse, #trad {
	margin: 0 0 20px 0;
	padding: 30px 0 0 0;
	width: 860px;
	float: left;
	border-top: #A36243 1px solid;
	}
	
#bio h3, #presse h3, #trad h3{
	margin:0 0 10px 0;
	color: #019AC4;
	font: normal normal bold 15px/1.2em Century Gothic, Tahoma, sans-serif;
	}	

#bio .col1 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 370px;
	float: left;
	}
	
#bio .col2 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 370px;
	float: right;
	}

#presse .col1 {
	margin: 0;
	padding: 1px;
	width: 220px;
	height: 450px;
	float: left;
	}
	
#presse .col2 {
	margin: 0 0 0 20px;
	padding: 1px;
	width: 360px;
	height: 450px;
	float: left;
	}

#presse .col3 {
	margin: 0;
	padding: 1px;
	width: 220px;
	height: 450px;
	float: right;
	}

#trad .col1 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 250px;
	float: left;
	}
	
#trad .col2 {
	margin: 0;
	padding: 1px;
	width: 400px;
	height: 250px;
	float: right;
	}

#bio p, #presse p, #trad p {
	font: normal normal 11px/1.2em Century Gothic, Tahoma, sans-serif;
	color:#CCC;
	letter-spacing: .1em;
	line-height: 1.6;
	}
	
#bio p.spacer, #presse p.spacer, #trad p.spacer{
	margin-bottom: 10px;
	}


/* FOOTER */

#footer{
	height: 460px;
	float: left;
	clear: left;
	padding: 15px 0 0 0;
	width: 860px;
	margin: 0 0 30px 0;
	border-top: #A36243 1px solid;
}

	#footer p{
	color: #A36243;
	font: normal normal 10px/1.2em Century Gothic, Tahoma, sans-serif;
	}

	#footer a{
		color: #fff;
		font-size: 12px;
		}
		
	#footer a:hover{
		text-decoration: underline;
		}
		
	#footer .email{
		font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
		float: left;
		color:#A36243;
	}
	
	#footer .tp{
		font: normal normal 12px/1.2em Century Gothic, Tahoma, sans-serif;
		float: left;
		margin-left: 250px;
		color:#A36243;
	}
	
	#footer .copy{
		float: right;
		color:#A36243;
		padding-right: 0px;
	}

	#footer ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0pt;
	}
	
	#footer li.smldesc {
		font: normal normal 10px/1em Tahoma, Helvetica, sans-serif;
		padding: 2px 0px 8px 2px;
		color: #A36243;
	}