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

/* ============== Grid ============== */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}

.row {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

/* ============== 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 {
	margin:0px;
	}

#center {
	width:700px;
}	

#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 {
	display:none;
}

#banner h2 {

}

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

#utilities {
	background:#cae1f6;
}

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

#nav-global {
	display:none;
}

/* dropdown menus are in a separate file */	

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

#nav-local {
	display:none;
}

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

#maincontent {

}

#breadcrumbs {
	display:none;
}

#intro {

}

#content {

}

.intermediaire {

}

.article {

}

.ditto_pages {

}

#functions {
	display:none;
}

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

.accroche a {

 	display:none;
}

.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 {
display:none;
}


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

#search {
display:none;
}

#utilities {
display:none;
}

#functions {
display:none;
}


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

form {
display:none;
}