/* @override http://www.avatarquebec.org/nouveau_ohm/styles.css */

*{
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%; /* corrige un bug dans IE6 */
	font-size: 0.63em; /* ramène le texte à 10px */
	font-family: "Lucida grande", "Lucida Sans unicode", Helvetica, Arial, Verdana, sans-serif;
	}
html, body {
	background:#000;
	color: #fff;
	}
body { font-size: 1.25em; }
	
/* correction parce que Lucida unicode n'a pas de gras ni d'italique... */
strong, em, b, i, h1, h2, h3, h4, h5, h6, dt {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	}
	
p { line-height: 1.5em; }	

div#conteneur{
	width: 800px;
	margin: 0 auto;
	background-color:#000;
	position: relative;
	}
	
ul#navi {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
ul#navi li {
	margin: 0;
	padding: 0 8px 12px 7px;
	float: left;
	}
ul#navi li a img { border: 0; }
ul#navi li#navi-avatar {
	width: 211px;
	margin-left: 30px;
	background: #0f2740;

}
ul#navi li#navi-avatar a, ul#navi li#navi-ohm a, ul#navi li#navi-vacuohm a {
	display: block;
	height: 68px;
	}
ul#navi li#navi-avatar a { width: 211px;
 }
ul#navi li#navi-avatar a, ul#navi li#navi-vacuohm a { width: 177px; }
ul#navi li#navi-ohm {
	margin-left: 34px;

	}
ul#navi li#navi-ohm img {
	margin-left: 18px;

	}
ul#navi li#navi-vacuohm {
	margin-left: 47px;
	}


/* -------------- Navigation principale --------------- */

ul#menuDeroulant {
	width: 792px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
	height: 34px;
	background: #0e2640;
	}
ul#menuDeroulant > li {
	float: left;
	width: 165px;
	margin: 5px 8px 5px 0;
	padding: 0;
	position: relative;
	border: 1px solid #0e2640;
	border-width: 1px 1px 0 1px;
	}
ul#menuDeroulant > li > a {
	text-transform: uppercase;
	color: #FFF;
	display: block;
	padding: 4px 8px;
	}
ul#menuDeroulant li a span{
	background: url("img/menu.png") no-repeat right center;
	padding-right: 20px;
	}
ul#menuDeroulant li a:link, ul#menuDeroulant li a:visited {
	margin: 0;
	text-decoration: none;
	font-size: 12px;
	}
ul#menuDeroulant li a:hover, ul#menuDeroulant li a:active, ul#menuDeroulant li:hover, ul#menuDeroulant li:hover a { color: #aebfe6 }
ul#menuDeroulant > li:hover {
	background: #4480a9;
	border: 1px solid #b1c9e4;
	border-width: 1px 1px 0 1px;
	}

ul#menuDeroulant .sousMenu {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 8px 0;
	border: 0;
	width: 100%;
	position: absolute;
	top: 23px;
	left: -1px;
	z-index: 3;
	background-color: #4480a9;
	border: 1px solid #b1c9e4;
	border-width: 0 1px 1px 1px;
	}
ul#menuDeroulant .sousMenu li {
	float: none;
	margin: 0;
	padding: 5px 16px;
	border: 0;
	background-color: #4480a9;
	}
ul#menuDeroulant .sousMenu li a:link, ul#menuDeroulant .sousMenu li a:visited {
	margin: 0;
	text-decoration: none;
	color: #FCEEA8;
	border-bottom: 1px dotted #FCEEA8;
	}
ul#menuDeroulant .sousMenu li a:hover {
	background-image: none;
	}

ul#menuDeroulant li:hover > .sousMenu { display: block; }

ul#menuDeroulant li#navi-langue {
	width: 80px;
	background: transparent url("img/navi-separateur.png") no-repeat left center;
	}
ul#menuDeroulant li#navi-langue:hover {
	border-color: #0e2640;
	background: transparent url("img/navi-separateur.png") no-repeat left center;
	}
ul#menuDeroulant li#navi-langue a {
	width: 60px;
	margin-left: 10px;
	text-transform: lowercase;
	color: #aebfe6;
	text-align: center;
	}
ul#menuDeroulant li#navi-langue a:hover {
	color: #fff;
	background: transparent;
	border: none;
	}


div#contenu {
	background: #396b8d;
	border-top: 1px solid #b1c9e4;
	padding: 0 0 35px 0;
	}
	
div#description {
	padding: 0 35px;
	clear: both;
	margin-bottom:10px;
	}


div#description img.desc {
	max-width: 227px;
	border: 1px solid #b1c9e4;
	margin: -44px 10px 10px -258px;
	float: left;
/*	-webkit-box-shadow: 1px 1px 3px #000;
    -moz-box-shadow: 0px 1px 5px #0e2640;
    box-shadow: 1px 1px 3px #000; */
	}

h1#entete{
 	clear:both;
 	display:block;
 	background: url("img/fond_titre.png") no-repeat center top;
	padding: 25px 16px 0 16px;
	width: 196px;
	height:85px;
	margin : -1px 0 50px 34px;
	float: left;
	
	font-size: 1.7em;
	font-weight: normal;
	font-family: Rockwell, "Trebuchet MS", Trebuchet, Arial, sans-serif;
	line-height: 1.3em;
	}
h1#entete span {
	display: block;
	line-height: 2em;
	font-size: 0.6em;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	}
h1#entete span:before { 
	content: "\00BB  "; 
	font-size: 1.4em;
	}
div#fix-ie h1#entete {
	
	}

h2 {
	padding: 0;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted white;
	
	font-size: 1.7em;
	font-variant: small-caps;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	}
	
h4 {
	margin-top: 1em;
	border-bottom: 1px dotted white;
	margin-bottom: 0.5em;
	}

div#resume, div#resumePublications{
	height: 100%;
	clear: both;
	margin: 0 0 60px 0;
	padding: 0 0 0 260px;
	overflow: hidden;
	position: relative;
	}

div#contenu p, div#resume dl {
	margin-bottom: 1.5em;
	}

 

div#resumePublications p {
	color: #FFF;
	padding-left: 180px;
	text-align: justify;
	}

div#footer{
	height: 30px;
	clear: both;
	}

div#footer a{
	float: left;
	margin: 0 10px 0 10px;
	color: #53657b;
	text-decoration: none;
}

div#footer a:hover{
	color: #FFF;
}


ul#photo{
	display:block;
	height:100px;
	background-color:#000;
	margin:15px 0;
	position: relative;
	}
	
ul#photo li {
	list-style-type:none;
	position: absolute;
	top: 0;
	left: 0;
	}

div#gallerie {
	border-top:1px dotted white;
	padding-top:10px;
	margin: 90px 0 0 0px;
/*	overflow: hidden; */
	}
div#contenu div#gallerie a {
	display: block;
	float: left;
	border: 1px solid #b1c9e4;
	margin: 0 10px 10px 0;
	height: 100px;
	}
div#gallerie img.photos, p.groupe-images img {
	display: block;
	height: 100%;
	border: 0;
	}




div#sons h3, div#gallerie h3{
	font-size:1.4em;
	padding-bottom:5px;
	}
	
	
div#sons{
	width: 707px;
	border-top:1px dotted white;
	padding-top:10px;
	margin: 20px 0 0 0px;
	clear:both;
	
	}
span.extrait{
	display:block;
	padding-top:5px;
	
	}

div#logiciel{
	margin-top:20px;	
}

div#logiciel h3{

padding-left: 220px;
}


a.lienlogiciel{
	display: block;
	color: #53657b;
	text-decoration :none;
	margin:10px 0 0 220px;
	}
	
a.lienlogiciel:hover{
	display: block;
	color:#FFF;
	text-decoration :underline;
	margin:10px 0 0 220px;
	}

a.lienlog{
	color: #53657b;
	text-decoration :none;
	}
	
a.lienlog:hover{
	color:#FFF;
	text-decoration :underline;
	}
	
span.maj{
	padding: 0 0 0 380px;
	}

span.meta-info {
	display: block;
	
	font-size: 0.9em;
	font-weight: normal;
	color: #A7C6DF;
	}


/* ------------------ Formulaires ----------------- */

form { margin-top: 30px; }

fieldset#infoinscription, fieldset#infostype,fieldset#infosperso,fieldset#infossecond {
	margin: 0 0 40px 0;
	padding: 0 0 0 260px;
	border: none;
	}

fieldset h3 {
	float: left;
	margin-left: -260px;
	font-size: 1.2em;
	width: 226px;
	}

legend {
	margin: 0;
	padding: 0;
	}
	
fieldset fieldset {
	border: none;
	padding: 7px 0;
	margin: 0 0 1.5em 0;
	}
fieldset fieldset br {
	display: none;
	}
fieldset fieldset label, p#correction-label-autre {
	float: left;
	clear: both;
	margin-left: 2px;
	padding: 0.25em 0 0.25em 10px;
	border-left: 1px dotted #aebfe6;
	}
label#label-connaissance-autre {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
fieldset p {
	margin: 0 0 1.5em 0;
	}

input#tel, input#courriel, input#nom, input#organisme, textarea#adresse {
	display: block;
	}
input#tel, input#courriel, input#nom, input#organisme {
	width: 200px;
	}
textarea#adresse { width: 400px; }

input[type=text], textarea {
	background: #32516c;
	border: 1px solid #a7c6df;
	padding: 2px;
	
	color: #fffef5;
	font-family: "Lucida grande", "Lucida Sans unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	}
input[type=text]:focus, textarea:focus {
	outline: 1px solid #a7c6df;

	/*  
	outline: none;
	-webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 4px #fff;
    box-shadow: 0px 0px 5px #000;
    */
    
    /*
    position: relative;
    top: -1px;
    left: -1px;
    box-shadow: 2px 2px 0px #225171;
    -moz-box-shadow: 2px 2px 0px #225171;
    -webkit-box-shadow: 2px 2px 0px #225171;
    */
	}


span.erreur {
	color: #ead347;
	font-style: italic;
	font-size: 0.9em;
	font-variant: normal;
	}

span.obligatoire {
	color: #FCEEA8;
	}

input#conn_autre{
	margin-left:5px;
	}

p#controles {
	text-align: right;
	margin: -30px -35px 0 0;
	}
p#controles-paypal {
	margin: 0 -35px 0 0;
	text-align: right;
	}
	
input#ajouter {
	background: #0e2640;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
	cursor: pointer;
	padding: 10px 35px 10px 15px;
	
	color: #fff;
	font-size: 1.2em;
	}
input#ajouter:hover { 
/*	background-color: #4480a9;*/
	color: #FCEEA8; 
	}

a#annuler {
	color: #fff;
	text-decoration: none;
	}
a#annuler:hover {
	color: #fff;
	text-decoration: underline;
	}


/* --------------------- */
/* Liens                 */
/* --------------------- */
div#contenu a:link, div#contenu a:visited, 
div#conteneur-actualites a:link, div#conteneur-actualites a:visited {
	color: #FCEEA8;
	border-bottom: 1px dotted #FCEEA8;
	
	text-decoration: none;
	}
div#contenu a:hover, div#contenu a:active,
div#conteneur-actualites a:hover, div#conteneur-actualites a:active {
	color: #fff;
	border-color: #fff;
	}
div#contenu a.externe,
div#conteneur-actualites a.externe {
	padding-right: 12px;
	background: url("img/lien_externe.png") no-repeat right 5px;
	}
div#contenu a.externe:hover, div#contenu a.externe:active,
div#conteneur-actualites a.externe:hover, div#conteneur-actualites a.externe:active {
	background-position: right -11px;
	}
	
div#contenu div#description h2 a {
	color: #aebfe6;
	text-decoration: none;
	border: none;
	}
div#contenu div#description h2 a:hover {
	color: #FFF;
	text-decoration: none;
	}
div#contenu div#description h2 a.externe { 
	background: transparent; 
	padding: 0;
	}
	
	
/* --------------------- */
/* Actualités            */
/* --------------------- */
div#conteneur-actualites {
	background: #0e2640;
	padding: 0 0 30px 0;
	}
div#encadre-actualites {
	background-color: #4480a9;
	border: 1px solid #b1c9e4;
	border-width: 1px 0;
	padding: 30px 30px 30px 295px;
	}

p#actualites-titre {
	float: left;
	margin-left: -245px;
	width: 226px;
	font-size: 1.4em;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-variant: small-caps;
	}	

p.actualite-titre {
	padding: 0;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted white;
	
	font-size: 1.4em;
	font-variant: small-caps;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	}
	
p.actualite-contenu {
	margin-bottom: 1.5em;
	}



/* --------------------- */
/* Recherche             */
/* --------------------- */
/*div#contenu { position: relative; }*/
div#recherche { 
/*	position: absolute; 
	top: 280px;
	right: 33px;
	z-index: 1;*/
	
	float: right;
	height: 0px;
	overflow: visible;
	}
div#recherche form { margin: 30px 35px 0 0; padding: 0; }
div#recherche p { margin: 0; padding: 0; }

input#bt-rechercher {
	background: #0e2640;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
	cursor: pointer;
	margin-right: -35px;
	padding: 1px 35px 1px 4px;
	
	color: #fff;
	font-size: 1em;
	}
input#bt-rechercher:hover { 
/*	background-color: #4480a9; */
	color: #FCEEA8; 
	}
	
	
/* --------------------- */
/* Équipe                */
/* --------------------- */

div#adresse dl {
	font-size: 1.1em;
	margin-bottom: 30px;
	}
div#adresse dt {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.3em;
	}
div#adresse dd {
	margin-bottom: 0.3em;
	}

div#membres { overflow: hidden; }
div#membres h2 {
	clear: both;
	margin: 2em 0 1em 0;
	}
div#membres dl {
	float: left;
	width: 226px;
	clear: left;
	margin-bottom: 60px;
	
	font-weight: bold;
	}
div#membres dt {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	}
div#membres dd { color: #A7C6DF; }
div#membres p {
	padding-left: 250px;
	clear: right;
	margin-bottom: 60px;
	}


/* --------------------- */
/* Mandat                */
/* --------------------- */

div#mandat h2 {
	margin: 0 0 1em 0;
	}
div#mandat p {
	margin-bottom: 2em;
	}