/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background:#24262a;
	color:#BFBFBF;
	font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
	width:95%;
	min-width:65em;
	/*max-width:85em;*/
	margin:0 auto;
}

a:link{
	color:#FFF;
	text-decoration:none;
}

a:visited{
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#FFF;
	text-decoration: underline;
}

h1{
	color:#CCC;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
}

h2, h3{
	font-size:1.15em;
	color:#FFF;
	font-weight:normal;
}
#primary h2{
	color:#CCC;
}

p{
	line-height:1.75em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

/*table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
	background:#CCC;
	color:#000;
	text-align:left;
}
table td{
	background:#333;
	color:#FFF;
}
table caption{
	text-align:left;
	color:#FFF;
	margin-bottom:-1em;
	margin-top:1em;
}
*/

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background:#24262a;
}
#header .inside{
	/*padding:3em 0;*/
	padding:0em;
	margin-top: 15px;
	margin-left: 20px;
}

#header h2{
	color:#d8ddef;
	font-family: "MS Trebuchet", Univers, sans-serif;
  /*font-size:2.25em;*/
  font-size:1.25em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
#header h2 a{ text-decoration:none; }

#header p a{ color:#e2e7fa; border-left: 1px solid #61636b; padding:2em 0.5em 0 0.5em;}

#header a:focus { outline: none; }

#header p{
	padding:1.5em 0;
}
/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#4c4e54;
	margin:2em 0 3em 0;
}

#footer p{
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin:0;
	font-size:0.8em;
	text-align: right;
}
#footer p.copyright{ float:left; }
#footer p.copyright a { color:#4c4e54; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
	padding:0 0 0 1em;
	text-decoration:none;
	color:#4c4e54;
}
#footer p.attributes a:hover{
	color:#FFF;
}
/*-----------------------------------------------------------------------------------------------
  Visionneuse
-----------------------------------------------------------------------------------------------*/
.container_slide{
  position:absolute;
  left: 56%; 
  top: 50%;
  width: 700px;
  height: 560px;
  margin-top: -280px;
  margin-left: -350px;
}

.container_bio{
  position:absolute;
  left: 56%; 
  top: 50%;
  width: 600px;
  height: 560px;
  margin-top: -280px;
  margin-left: -350px;
  padding-left: 100px;
}

.image_accueil{
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 550px;
  height: 600px;
  margin-top: -300px;
  margin-left: -275px;
}

.container_liens {
 position: absolute;
 left: 15px;
 top: 50%;
 width: 200px;
 height: 560px;
 margin-top: -250px;
}
.container_liens ul { width: 100%; margin: 0; padding-left: 0;}
.container_liens li {font-size:11px; text-indent: 1em; list-style-type: none; color: #e4edf3; margin-left:10px; padding-left: 0; padding: 2px;}
.container_liens li a {color: #989fa2; text-decoration:none;}
.container_liens li a:visited {color: #989fa2; text-decoration:none;}
.container_liens li a:hover {text-decoration:none; color: #FFF;}
.container_liens li a:focus { outline: none; }

#serie_courante { border-left: solid 1px #d72424; /*border-right: solid 1px #61636b;/*border-top: solid 1px #61636b; border-bottom: solid 1px #61636b;*/}

.pics {
  height:   560px;  
  width:    700px;  
  padding:  0;
  margin:   0;
} 
.pics img {  
  background-color: #000;
}
.horiz {
  height:  467px; width: 700px; margin-top : 40px; cursor: pointer;
}
.horiz_a {
  height:  467px; width: 700px; margin-top : 40px; display: none; 
}
.verti {
  height:  550px; width: 367px; margin-left : 166px; cursor: pointer;
}
.carree {
  height:  500px; width: 500px; margin-left : 100px; margin-top : 30px; cursor: pointer;
}
.pics p {
  height:  360px;
  width: 560px; margin-top : 40px;
  background-color: #dbd8cc;
  padding: 20px;
  color: #000;
  text-align: justify; 
}

.liprevnext a {text-decoration: none; color: #61636b;}
.liprevnext a:hover {text-decoration: none; color: #d8ddef;}
.liprevnext a:focus { outline: none; }

#nav a {text-decoration: none; font-size: 8px; color: #000; padding: 0px;}
#nav a.activeSlide { background: #d8ddef; padding: 2px;}
#nav a:focus { outline: none; }

/* -----------------------------------formulaire de contact------------------ */
.container_form{
  position:absolute;
  left: 56%; 
  top: 50%;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  margin-left: -200px;
  color:#BFBFBF;
}

input {
  background-color: #DDD;
  width: 398px;
  border: 1px solid #222;
  font-size: 9pt;
}

textarea {
  background-color: #DDD;
  width: 398px;
  border: 1px solid #222;
  font-size: 9pt;
}