/*
CSS print Styles for the ... website.
Developed by Olivier Ffrench : http://www.offrench.net
*/


/* ============== General elements ============== */

body {
	font-family:arial;
	font-size:12px;
	margin:0 none;
	padding:0 none;
	background:white
	}

a  {
	}

a:hover, a:visited, a:active {

	}

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

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

.clear {
	clear: both;
}	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

	
/* -------------- text attributes -------------- */

code {

	}

acronym, abbr {

	}

cite {

}

blockquote {

}

.uppercase {
	text-transform: uppercase;
}

.caps {
	text-transform: capitalize;
}

small {
	}
	
/* -------------- Lists and tables -------------- */




/* -------------- H titles -------------- */

h1  {

	}

h2, h2 a {
	text-decoration:none; 
 	}

h3 {
 
 	}	

h4 {

}
	
hr {
	border: none 0;	
	height:1px;
	border-bottom:1px solid black;
	}

/* -------------- images -------------- */

a img {
	border: none;
	}
	
.caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.caption p.caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}	

/* ============== Global containers ============== */

#QE_Toolbar {
	display:none;
}

#global {
	width:700px;
	margin:0 auto;
	padding:0 auto;
	position:relative;	
}

#global-popup {
	width:700px;
	margin:0 auto;
	padding:0 auto;
	position:relative;	
}

#pageheader {
	height:100px;
	margin:0px;
	}

#center {
	width:700px;
	clear:both;
	}	

#left-sidebar {
	width:0px;
	display:none;
}

#main {
	margin-left: 0px;
	margin-right: 0px;
}

#main-popup {
	margin-left: 15px;
	margin-right: 15px;
	width:470px;
	background: #d2d2d2;
}

#right-sidebar {
	width:0px;
	display:none;
}

#footer {
	display:none;
}



/* ============== Page header ============== */

#banner {
	height:60px;
	width:745px;
  margin-left:210px;
  margin-top:0;
}

#banner h2 {

}

#logo {
	float:left;
	width:200px;
	height:200px;
	background:url(../images/logo.gif) no-repeat left top;
	
}

#utilities {

}

/* ============== Global navigation ============== */

#globalnav {
	height:35px;
	width:780px; 
	position:absolute;
	right:0;
	margin:0px 0px 0px 200px; 
	z-index:100;
	display:none;
}

#globalnav ul {
	padding:0; 
	margin:0;
	display:none;
	}
	
/* dropdown menus are in a separate file */	

/* ============== Left sidebar ============== */

#localnav {
	border-bottom:1px solid #272727;
}

#localnav li a, #localnav li span {
	text-decoration: none;
	display:block;	
	color:#000;
	}

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

#localnav li.level1 {
	background-color: #ff8787;
	border-color:#272727;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	}
	
#localnav li.level1 a,#localnav li.level1 span {
	height:20px;
	width:183px;	
	padding:12px 5px 4px 10px;	
	}

#localnav li.level1 a:hover, #localnav li.level1 span, #localnav li.level1 a.open   {
	background-color:#cdaf00;
	}	

#localnav li.level2 {
	float:none;
	background-color:#ffafaf;
	border-color:#272727;
	border-style:solid;
	border-width:1px 0px 0px 0px;		
	}

#localnav li.level2 a, #localnav li.level2 span {
	font-size:11px;
	height:16px;
	width:173px;
	padding: 6px 5px 4px 20px;
	}	

/* ============== Main content ============== */

#maincontent {

}

#breadcrumbs {
	font-size:11px;
	display:none;
}

#intro {

}

#content {

}

.intermediaire {

}

.article {

}

.ditto_pages {

}

#functions {
	display:none;
}

/* -------------- accroches -------------- */

.accroche a:hover, .accroche a:focus, .accroche a:active, .accroche a:visited {

  /*
  On 'hover' set the anchor to 'position:relative' to get a
  measuring point. Somehow IE doesn't like it when this is
  in the '.accroche a' declaration...
  */
  position: relative;
  text-decoration: underline;
}

.accroche a:hover span, .accroche a:focus span, .accroche a:active span {
  /*
  Take the previously hidden span and display it near the anchor
  */
  left: 40px;
  top: 20px;
  width: 150px;
  /*
  This is just for looks...
  */

  padding: 5px;
  line-height: 1.5em;
  font-size: 80%;
  background: #FFEAC8;
  border: 1px solid #F09E16;
  color: #000;
  text-decoration: none;
}

.accroche a:hover span:before, .accroche a:focus span:before, .accroche a:active span:before {
  /*
  IE doesn't show this - but others do.
  */
  content: "En savoir plus :  ";
}

.accroche a span
{
	/*
	Use 'position:absolute' to push the span inside the anchor
	way off the screen
	*/
	position: 		absolute;
	left: 			-9999px;
	top: 			-9999px;
	width: 			900px;
}

.accroche {
	float:right;
	background-image:url(../images/fleche-suite.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0px 5px 25px;
	height:14px;
}


/* ============== Right sidebar ============== */

#search {

}

#utilities {

}

/* ============== Footer ============== */

#footer a {
		color:#000;	
}

#footer ul {
		margin:0;
		padding: 0;
		list-style: none;
		vertical-align:center;
}

#footer li {
		float:left;
		padding: 0 10px 0 0;
}

#footer #footernav {
		height:20px;
		margin-left:200px;
}

#footer .copyright {
		float:left;
		left:0;
		margin-left:5px;
		height:20px;
}


/* ============== Forms ============== */

#contactform {

}

#inlineform {

}

#ajaxSearch_form {

}

#contactform fieldset, #inlineform fieldset, #ajaxSearch_form fieldset {
		border:0px;
		margin:0px;
		padding:0px;
}


input, textarea {
		font-size:11px;
		border:1px solid #aeb0b6;
}

p.error {
		color:red;
}
	
/* ============== Pop ups ============== */