body {
	margin:0 auto; padding:0; text-align:center;
	background-color: #FFFFFF;
	min-width:780px; font-size:100%;  color:#404040;
	font-family: Geneva, Arial, Helvetica, sans-serif
}

a, a:visited {
	text-decoration:underline; color:#E51E26;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#E51E26;
}
	
img {
	border:0 none; padding:0; margin:0;
}

p, th, ul, ol, li, blockquote, input, div {
	margin:0; padding:0;
}
	
td, th {  
	vertical-align:top;
}
	
em {
	font-style:normal; color:#666666; font-weight:bold;
}

sup {  
	vertical-align:text-top; font-size:75%; line-height:0.7em;
}


/**** Container ****/

#conteneur {
	width:780px; position: relative; margin:0 auto; padding:0;
}


/************ Header *************/ 

#header #logo {
	position:absolute; top:0px; left:150px;
}

#header #bandephoto {
	position:absolute; top:80px; left:0px;
}

#langue, #langue-home {
	position:absolute; top:180px; right:5px; text-align:right; font-size:12px; padding:8px 0 8px 0; z-index:10;
}
#langue a, #langue-home a {
	text-decoration:none; color:#404040;
}
#langue a:visited, #langue-home a:visited {
	text-decoration:none; color:#404040;
}
#langue a:hover, #langue-home a:hover {
	text-decoration:none; color:#FF1222;
}
#langue a:visited:hover, #langue-home a:visited:hover {
	text-decoration:none; color:#FF1222;
}

#menu {
	background: url(/images/ligne-points.gif) repeat-x left bottom; text-align:left;
	position:absolute; top:180px; left:150px; font-size:12px; width:630px; padding:8px 0 8px 0;
}

#menu ul {
	margin:0; padding:0; list-style-type:none;
}
#menu li {
	display:inline; margin:0 10px 0 0;
}

#menu a {
	text-decoration:none; color:#404040;
}
#menu a:visited {
	text-decoration:none; color:#404040;
}
#menu a:hover {
	text-decoration:none; color:#FF1222;
}
#menu a:visited:hover {
	text-decoration:none; color:#FF1222;
}
#menu li.on a, #menu li.on a:visited  {
	color: #FF1222;
}


/************ Side bar (sous-menu) *************/

#sidebar {
	position:absolute; left:0; top:230px; font-size:11px; width:130px; text-align:left;
}
#sidebar p {
	margin:0; padding:0 0 10px 0;
}
#sidebar ul {
	margin:0; padding:0; list-style-type:none;
}
#sidebar li {
	margin:0 0 10px 0;
}
#sidebar ul li ul {
	margin:5px 0 0 25px; list-style-type:disc;
}
#sidebar ul li ul li {
	margin:0 0 5px 0; line-height:14px;
}
#sidebar a {
	text-decoration:none; color:#404040;
}
#sidebar a:visited {
	text-decoration:none; color:#404040;
}
#sidebar a:hover {
	text-decoration:none; color:#FF1222;
}
#sidebar a:visited:hover {
	text-decoration:none; color:#FF1222;
}
#sidebar li.on a, #menu li.on a:visited  {
	color: #FF1222;
}
#sidebar li.on ul li a, #menu li.on ul li a:visited  {
	color: #404040;
}
#sidebar li.on ul li.on a, #menu li.on ul li.on a:visited  {
	color: #FF1222;
}


/************ Contenu *************/

#contenu {
	padding: 230px 0 20px 150px; /* width reel = 630px */
	font-size: .75em; text-align:left; line-height:1.6em;
}

.colonne-gauche {
	float:left; width:300px; min-height:270px; position:relative;
}
/* hack ie6 */
* html .colonne-gauche {
  height: 270px;
}
.colonne-droite {
	float:right; width:300px; position:relative;
}

/* Equipe */
#page-equipe .colonne-gauche {
	width:250px;
}
#page-equipe .colonne-droite {
	width:350px;
}

.colonne-gauche-image {
	float:left; width:235px;
}
.colonne-droite-image {
	float:right; width:370px;
}

h1 {
	font-size:1.4em; line-height:1.2em; font-weight:normal; padding:0.5em 0 .6em 0; margin:0; color:#E51E26; text-align:left;
}
.colonne-gauche > h1:first-child, .colonne-droite > h1:first-child {
	padding-top:0;
}

#contenu h2 {
	font-size:1.2em; line-height:1em; font-weight:normal; padding:0 0 .7em 0; margin:0; color:#E51E26; text-align:left;
}

#contenu h3 {
	font-size:.9em; font-weight:bold; line-height:1em; padding:0 0 .7em 0; margin:0; color:#404040; text-align:left;
}

#contenu h4 {
	font-size:1em; font-weight:bold; padding:.5em 0 .8em 0; margin: 0; color:#C56135; text-align:left;
}

#contenu h5 {
	font-size:1em; font-weight:bold; padding:.5em 0 .8em 0; margin:0; color:#C56135; text-align:left;
}

#contenu p {
	padding: 0 0 .7em 0; margin: 0;
}
#contenu p.coller {
	padding: 0 0 .2em 0; margin: 0;
}

#contenu ul {
	margin:0 0 .7em 17px;
}
#contenu ol {
	margin:0 0 .7em 17px;
}
#contenu li {
	margin:0; padding:0 0 .2em 0;
}
#contenu ul li ul, #contenu ul li ol,
#contenu ol li ul, #contenu ol li ol {
	margin-bottom:0;
}

#contenu .hautdepage {
	padding: .5em 0 0 0; font-size:.8em; text-align:right; line-height:0.5em; clear:both;
}

#contenu .section {
	padding:0 0 0 25px;
}
#contenu .indention {
	padding:0; margin:0 0 0 25px;
}

/* Pour faire suivre le texte apres un float */
#contenu .spacer {
	clear:both; font-size:0px; line-height:0px;
}

/* Pour avoir une hauteur minimum du contenu */
.hauteurMin {
  min-height: 496px;
}
/* hide from IE/mac \*/
* html .hauteurMin {
  height: 496px;
  he\ight: 496px;
}
/* end hide */

#contenu .hauteurMinOld {
	height:170px; float:right; width:1px;
}

a.lienAnchor {
	text-decoration:none;
}

/** Tableaux **/

/* Hack IE 6 PC pour grosseur de font dans un tableau */
* html #contenu table td {
	/*font-size:.8em;*/
}
table {
	font-size: 1em;
}
table table {
	font-size:100%;font-size:12px;
}
table td {
	font-size:1em;
}


/*** Accueil ***/
table.accueil-porte-folio {
	margin:0 0 17px 0;
}
table.accueil-porte-folio td {
	padding:0 10px 7px 0; color:#FE4A54; font-size:11px; text-align:align;
}
table.accueil-porte-folio td p {
	padding:0 0 9px 0; margin:0;
}

#musique {
	position:absolute; right:0; top:15px; width:25px; height:25px;
}



/************ Footer *************/

#footer {
	margin:0 0 20px 150px; padding:0; background: url(/images/ligne-points.gif) repeat-x left top; text-align:left; font-size:.7em; clear:both; position:relative;
}
#footer div {
	padding:10px 0 0 0;
}
#footer img {
	vertical-align:text-bottom;
}
#footer .copyright {
	padding:0 0 0 25px; font-size:.9em; color:#A2A2A2;
}
#footer .twitter {
	position:absolute; top:20px; right:60px; display:none;
}