@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "Titillium";
  src: url('typo/titillium-regular-webfont.eot');
  src: url('typo/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), 
       url('typo/titillium-regular-webfont.woff') format('woff'), 
       url('typo/titillium-regular-webfont.ttf')  format('truetype'),
       url('typo/titillium-regular-webfont.svg#SSStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	margin:0;
	width:100%;
	font-family:'Titillium', Helvetica Heue, Helvetica, Arial, Sans-Serif;
	background:url(texture.png) repeat #F0F0F0;
	font-size:16px;
}

/* TYPOGRAPHIE */


h1 {
	font-size:48px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:18px;
}

h6 {
	font-size:14px;
}

/* EN-TETE */


#header-wrapper {
	background:url(texture.png) repeat #F0F0F0;
	width:100%;
	display:block;
	padding-top:15px;
	padding-bottom:5px;
	height:40px;
}

#titre-site {
	float:left;
	padding-left:40px;
	text-transform:uppercase;
	color:#383838;
	font-size:28px;
}

#rubrique {
	float:right;
	text-align:right;
	color:#383838;
	padding-right:40px;
	font-size:28px;
}

#image-wrapper {
	width:100%;
	margin:0;
}

#image-accueil {
	width:100%;
	margin:0 auto;
	background:url(background/index.jpg) repeat-x;
	height:300px;
}

#image-presentation {
	width:100%;
	margin:0 auto;
	background:url(background/presentation.jpg) repeat-x;
	height:300px;
}

#image-pourquoi {
	width:100%;
	margin:0 auto;
	background:url(background/pourquoi-mediateur.jpg) repeat-x;
	height:300px;
}

#image-question {
	width:100%;
	margin:0 auto;
	background:url(background/question-pro.jpg) repeat-x;
	height:300px;
}

#image-formation {
	width:100%;
	margin:0 auto;
	background:url(background/index.jpg) repeat-x;
	height:300px;
}

#image-stage {
	width:100%;
	margin:0 auto;
	background:url(background/stage.jpg) repeat-x;
	height:300px;
}

#image-planifier {
	width:100%;
	margin:0 auto;
	background:url(background/planifier.jpg) repeat-x;
	height:300px;
}

#image-diagnostiquer {
	width:100%;
	margin:0 auto;
	background:url(background/diagnostiquer.jpg) repeat-x;
	height:300px;
}

#image-construire {
	width:100%;
	margin:0 auto;
	background:url(background/construire.jpg) repeat-x;
	height:300px;
}

#image-evaluer {
	width:100%;
	margin:0 auto;
	background:url(background/evaluer.jpg) repeat-x;
	height:300px;
}

#image-communiquer {
	width:100%;
	margin:0 auto;
	background:url(background/communiquer.jpg) repeat-x;
	height:300px;
}

#image-ponctuelle {
	width:100%;
	margin:0 auto;
	background:url(background/ponctuelle.jpg) repeat-x;
	height:300px;
}

#image-mdn {
	width:100%;
	margin:0 auto;
	background:url(background/passages-de-temoins.jpg) repeat-x;
	height:300px;
}

#image-danse {
	width:100%;
	margin:0 auto;
	background:url(background/a-chaque-danse.jpg) repeat-x;
	height:300px;
}

#image-mba {
	width:100%;
	margin:0 auto;
	background:url(background/nuit-des-musees.jpg) repeat-x;
	height:300px;
}

#image-poissons-devinettes {
	width:100%;
	margin:0 auto;
	background:url(background/poissons-devinettes.jpg) repeat-x;
	height:300px;
}

#image-bilan {
	width:100%;
	margin:0 auto;
	background:url(background/index.jpg) repeat-x;
	height:300px;
}

#image-outils-techniques {
	width:100%;
	margin:0 auto;
	background:url(background/outils-techniques.jpg) repeat-x;
	height:300px;
}

#image-competences {
	width:100%;
	margin:0 auto;
	background:url(background/outils-techniques.jpg) repeat-x;
	height:300px;
}

/* BARRE DE MENU */


nav {
	text-align: center;
	width:100%;
	display:block;
	margin:0;	
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul { 
	padding: 0px;  
	list-style: none;
	position: relative;
	margin-top:0;
	margin-left:0;
	display:inline-table;
}

nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

nav ul li {
	float: left;
}

nav ul li:hover {
	background:#F0F0F0;
	color:#383838;
}

nav ul li:hover a {
	color: #383838;
}
		
nav ul li a {
	background:#F0F0F0; display: block; padding: 10px 40px;
	color: #383838; text-decoration: none;
}
			
nav ul ul {
	border-radius: 0px;
	padding: 0;
	position:absolute;
	top: 100%;
}

nav ul ul li {
	float: none; 
	border-top: 0px solid #383838;
	border-bottom: 0px solid #383838;
	position: relative;
}

nav ul ul li a {
	padding: 15px 40px;
	color:#383838;
}	

nav ul ul li a:hover {
	color:#F00;
}
		
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* CORPS */


#content-wrapper {
	margin-top:0;
	padding: 10px 10px 10px 10px;

}

#container {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#corps {
	text-align:justify;
}

#content-wrapper a:link, a:visited {
	color:#F00;
	text-decoration:none;
}

#content-wrapper a:hover {
	color:#900;
	text-decoration:none;
}

.picto {
	text-align:center;
}

#pagination {
	display:block;
	margin-top:30px;
	margin-bottom:30px;
}

#pagination-left {
	float:left;
	width:200px;
	text-align:left;
	font-size:18px;
}

#pagination-right {
	float:right;
	width:200px;
	font-size:18px;
	text-align:right;
}

/* PIED DE PAGE */

#blancpied {
	padding:25px 25px 25px 25px;
}

#footer-wrapper {
	background:url(texture.png) repeat #F0F0F0;
	width:100%;
	display:block;
	padding-top:15px;
	padding-bottom:5px;
	color:#383838;
	margin-bottom:0;
	margin-left:0;
	text-align:center;
	height:40px;
	border-top:1px solid #383838;
	text-transform:uppercase;
}