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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td{
margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

body { 
	margin: 0px;
	padding: 0px;
	font-size: 12px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#6b6a6a;
	menu-topground-color:#000;
	overflow-x: hidden;
}

/* code pour l'image de fond auto size*/
.background {
position:fixed;
top:0;
left:0;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
}

.background img {
position:absolute;
top:0;
left:0;
}
/* Avant de mettre en place le fond automatique avec JQuerry
.bg {
	background:url(./images/main-bg.jpg) no-repeat 50% 0 #000 fixed;
}*/
html { min-width:980px;}
html, body { height:100%;}


#main {
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	width: 850px;
	overflow:hidden;
/*	background-color:#84807f;*/
	padding: 20px;
/*	background-image:url(images/escalier.jpg);
	background-position:right top;
	background-repeat:no-repeat;*/
	z-index:10;
	min-height:560px;
	background-image:url(images/contenu-fond.png);
	color:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(PIE.htc); 
	font-size:14px;
	line-height:1.4em;
	text-align:justify;
	padding-bottom:7px;
	padding-top:5px;
	padding-left:-10px;
}

#main a {
	text-decoration:underline;
	color:inherit;
}

#main p{
	padding-bottom:7px;
  padding-top:5px;
	font-size:14px;
	line-height:1.4em;
	text-align:justify;
	margin-right:10px;
}




/*Plus utilisé maintenant #contenu */
#contenu{
	width:1000px; /* Attention si float:left 950 - 216 width #info - 2x20 padding - 2*2border-width*/
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	min-height:560px;
/*	background-color:#EEE;*/
	background-image:url(images/contenu-fond.png);
	/*border:ridge;
	border-color:#F30;
	border-width:2px;*/
	color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(PIE.htc); 
}

/* Header */
#header{
	margin: 0 auto;
	margin-top: 10px;
	height:180px;
	width:980px;
	z-index:10;
}

#menu-header{
	height:40px;
	margin: 0 auto;
	margin-top: 10px;
	width: 980px;
	background:url(images/menu-header.png);
}

#menu-header .menu-nav {
	width:		980px;
	margin:			0;
	padding:		0;
	list-style:		none;
	line-height:	40px;
	float:			left;
	background-image:url(images/fond-menu2.png);
}

#menu-header .menu-nav ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
#menu-header .menu-nav ul li {
	min-width:			150px;
	left:				0px;
	z-index:20;	
	list-style:		none;


	
}
#menu-header .menu-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index:20;	
}
#menu-header .menu-nav li {
	font-weight:	bold;
	float:			left;
	position:		relative;
	background:		none !important;
	line-height:	40px;
	font-size:		16px;
	/*border-right:1px solid #FFF;	*/
	z-index:20;	
	list-style: none;
}

#menu-header .menu-nav a {
	display:		block;
	position:		relative;
	color:			#FFF;
	text-decoration:none;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:		0 20px;
	zoom:			1;	
	z-index:20;	
}
	#menu-header .menu-nav li li {
		font-size:16px;
		font-weight:bold;
		text-transform:none;
		text-align:left;
		line-height:40px;
		border:none;
		top:2px;
		/*border-bottom:1px solid #FFF;*/
	}
	#menu-header .menu-nav li li a {
		font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
		/*background:#000;*/
		background-image:url(images/fond-menu2.png);
		background-repeat:repeat-x;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		behavior: url(PIE.htc); 
		color:#FFF;
		padding:0 10 0 10px;
		line-height:40px;
		height:40px;
		overflow:hidden;
		display:block;
		text-transform:capitalize;
		margin-top:2px;
		min-width:200px;
	}

#menu-header .menu-nav li:hover ul,
#menu-header .menu-nav li.sfHover ul {
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
#menu-header ul.menu-nav li:hover li ul,
#menu-header ul.menu-nav li.sfHover li ul {
	top:			-999em;
}
#menu-header ul.menu-nav li li:hover ul,
#menu-header ul.menu-nav li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
	margin-left:1px;
}
#menu-header ul.menu-nav li li:hover li ul,
#menu-header ul.menu-nav li li.sfHover li ul {
	top:			-999em;
}
#menu-header ul.menu-nav li li li:hover ul,
#menu-header ul.menu-nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

	#menu-header .menu-nav li li a:hover, .menu-nav li li a#active_menu-nav {
		/*color:#fff;
		background:#32358f/*33a457*/;
	}
#menu-header .menu-nav li.parent {
	background:url(images/arrow-down.gif) no-repeat right  !important;
}

#menu-header .menu-nav li:last-child {
	border-right:none;
}

#menu-header .menu-nav li li:last-child  {
	border-bottom:none;
}

#menu-header .menu-nav a:hover, .menu-nav a#active_menu-nav	  { /* visited pseudo selector so IE6 applies text colour*/
	color:#000;
	/*background:#32358f/*33a457*/;
}
#info{
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	height:150px; /*hauteur du header fonction ineherit ne fonstionne pas sous IE*/
	width:200px;
	background-image:url(images/info-fond.png);
	background-repeat:repeat-x;
	padding:15px;
	color:#FFF;
	font-weight:bold;
}
#info titre{
	font-size:16px;
	font-style:italic;
	text-decoration:underline;
	color:#F30;
}



/* Footer */

#footer{
	margin: 0 auto;
	width:980px;
	font-size:14px;
	color:#FFF;
	padding:16px 0 16px 0;
}

#footer a{
	color:#FFF;
}

#menu-footer{
	margin: 0 auto;
	width:980px;
	margin-top: 10px;
	background-image:url(images/chrome.png);
	height:35px;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;	
	behavior: url(PIE.htc); 
	padding: 4px;
	font-size:12px;
}
#menu-footer .menu {
	width:		980px;
	margin:			0;
	padding:		0;
	padding-left:	05px;
	padding-right:	20px;
	list-style:		none;
	line-height:	35px;
	float:			left;
}

#menu-footer .menu ul {
	position:		absolute;
}

#menu-footer .menu li {
	top:			5px;
	float:			left;
	position:		relative;
	background:		none !important;
	line-height:	35px;
	font-size:		14px;
	list-style:none;
	/*border-right:1px solid #FFF;	*/
}

#menu-footer .menu a {
	display:		block;
	position:		relative;
	color:			#F33;
	text-decoration:none;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:		0 10px;
	font-weight:normal;
}

#menu-footer .menu a:hover, .menu a#active_menu	  { /* visited pseudo selector so IE6 applies text colour*/
	color:#F93;
}

h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.2em; color:#F30}
h1 {	font-size:40px; font-weight:150; } 
h2 {	font-size:28px; color:#191c76;/*#33a457*/} 
h2.underline {border-bottom:3px solid #bbb9b9; padding-bottom:8px;}
h3 {	font-size:25px; line-height:1.2em; font-style:italic;} 
h4 {	font-size:18px; margin-bottom:.7em;} 
h5 {	font-size:18px; line-height:1.2em; margin-bottom:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fea900; font-weight:normal;} 
h5 a { text-decoration:none;}
strong {	font-size:12px; color:#C00; font-weight: bold;}
span { font-size:16px; color:#C00;}
li { list-style-image:url(images/puce.gif);}

.ombrage {
	-moz-box-shadow: 5px 5px 12px #555; 
	-webkit-box-shadow: 5px 5px 12px #555; 
	box-shadow: 5px 5px 12px #555; 
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(PIE.htc); 
} 

.audessus {
	position:absolute;
	bottom:0px;
	left:20px;	
}

.line{
  background-color:#E4D5B7;
  border:1px solid #C2B08B;
  width:100%;
  height:4px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;
  }
.line3{
  background-color:#B6D0E6;
  border:1px solid #000;
  height:3px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;

  }
.line1{
  border-bottom:2px dashed #E4D5B7;
  width:100%;
  height:0px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;
  }
.line2{
  clear:both;
  height:5px;
  line-height:0px;
  font-size:1px;
  }

/*subtitles*/
  .subtitle-left{
    width:50%;
    background:url(images/check.gif) no-repeat left top;
    padding-top:12px;
    padding-left:14px;
    float:left;
    }

    .subtitle-left  div{
      background:#B6D0E6 url(images/check2.gif) no-repeat left top;
      padding-top:10px;
      }

    #main .subtitle-left p{
      padding:5px 10px 10px 32px;
      color:#000;
      }
  .subtitle-right{
    width:50%;
    background:url(images/check.gif) no-repeat left top;
    padding-top:12px;
    padding-left:14px;
    float:right;
    }
    .subtitle-right div{
      background:#B6D0E6 url(images/check2.gif) no-repeat left top;
      padding-top:10px;
      }
    #main .subtitle-right p{
      padding:5px 10px 10px 32px;
      color:#000;
      }
/*end subtitles*/

/*images*/
.image-left{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
/* end images*/