/************************* Balises brutes */
body {
		background-color:#000;
		font-family:  Helvetica Neue, Helvetica, Arial, sans-serif;
		color:#000;
		font-size:12px;
		margin:0px;
		padding:0px;
		background-image		: url("../images/fond_bandeaux_general.jpg");
		background-repeat		: repeat-x;
	}
table {
	margin:0px;
	padding:0px;
}
tr {
	margin:0px;
	padding:0px;
}
td {
	margin:0px;
	padding:0px;
}
textarea {
	font-family:  Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:12px;
}
:focus {
	-moz-outline-style : none;
}
a {
	outline : none;
	font-size:12px;
	border: 0px none white;
}
a:hover {
	outline : none;
	font-size:12px;
}
img {
	border: 0px none white;
}

/************************* Squelette page */
.contenant_principal {
	margin:auto;
	width:999px;
	border:0px none #AAA;
	background-color:#FFF;
}
/************************* Page d'accueil */
#accueil .en_tete_page { 
	width:963px;
	height:22px; 
	padding-top:0px;
	padding-right:36px;
	color:#DDD;
	background-color:#000;
	text-align:right;
	vertical-align:middle;
	font-size:14px;
	font-family : Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#accueil .colonne_droite {
	position:absolute;
	margin-left:962px;
	border-left:2px #000 solid;
	height:695px;
	width:37px;
}
#accueil .partie_titre {
	height:177px;
	width:999px;
}
#accueil .partie_images {
	height:443px;
	width:999px;
	margin-top:40px;
}
#accueil #menu {
	width					: 339px;
	background-image		: url("../images/fond-menu-a.png");
	background-position		: top right;
	height				: 293px;
	background-repeat		: no-repeat;
	position					: absolute;
	margin-left: 660px;
	font-family				: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size				: 11px;
}

#accueil #menu ul {
	margin					: 0;
	padding					: 0 0 0 0;
	list-style-type			: none;
	margin-top:14px;
}

#accueil #menu ul ul {
	margin					: 0;
	padding					: 0 0 0 30px;
	list-style-type			: none;

}
#accueil #menu ul li {
	margin					: 0;
	padding					: 0 0 0 0;
	list-style-type			: none;
	line-height				: 23px;
}

#accueil #menu li a {
	padding					: 0px 0 0px 12px;
	display					: block;
	text-decoration			: none;
	background-image		: url("../images/fond_li-a.png");
	background-position		: center right;
	background-repeat		: no-repeat;
	color					: #000;
}

#accueil #menu li a:hover {
	background-position		: center left;
	background-repeat		: no-repeat;
	text-decoration			: none;
	background-image		: url("../images/puce_on-a.jpg");
	color					: #fff;
	display					: block;
}

#accueil #menu li li a {
	background-image 		: none;
	padding					: 0 0 0 5px;
	color					: #000;
	line-height				: 15px;
}

#accueil #menu li li a:hover {
	background-image		: url("../images/sous-menu.jpg");
	background-repeat		: no-repeat;
	background-position		: center left;
	color					: #fff;
}
#accueil .footer {
	width:989px;
	height:57px;
	padding-top:8px;
	padding-left:10px;
	color:#DDD;
	background-color:#000;
	z-index:50;
	font-family : Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#accueil .footer a, #accueil .en_tete_page  a {
	color:#DDD;
	text-decoration:none;
}
#accueil .footer a:hover, #accueil .en_tete_page a:hover {
	color:#DDD;
	text-decoration:none;
}
/************************* Pages générales */
#general .en_tete_page {
	width:963px;
	height:22px;
	padding-top:0px;
	padding-right:36px;
	color:#DDD;
	background-color:#000;
	text-align:right;
	vertical-align:middle;
	font-size:14px;
	font-family : Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#general .colonne_droite {
	position:absolute;
	margin-left:962px;
	border-left:2px #000 solid;
	height:740px;
	width:37px;
	z-index:5;
}
#general .partie_titre {
	height:80px;
	padding-top:7px;
	width:999px;
}
#general .titre_page {
	height:40px;
	padding-top:10px;
	width:859px;
	padding-left:140px;
	font-size:36px;
	color:#6d6f6e;
	font-weight:100;
	font-family: Century Gothic, Arial;
}
#general .intro {
	height:110px;
	width:579px;
	padding-left:140px;
	font-size:14px;
}
#general .partie_images {
	height:443px; 
	width:822px;
	padding-left:140px;
	overflow:hidden;
	overflow-x: auto;
	overflow-y: auto;
	z-index:10;
}
#general .partie_texte {
	height:443px; 
	width:570px;
	margin-left:140px;
	padding-right:10px;
	overflow:hidden;
	overflow-x: auto;
	overflow-y: auto;
	z-index:10;
}
#general .illustrationBasDroite {
	position:absolute;
	margin-left:719px;
	margin-top:-450px;
	width:280px;
	height:450px;
	opacity:0.8;
}
#general #menu {
	width					: 285px;
	background-image		: url("../images/fond-menu.png");
	background-position		: top right;
	height				: 251px;
	background-repeat		: no-repeat;
	position					: absolute;
	margin-left: 714px;
	font-family				: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size				: 11px;
	z-index:10;
}

#general #menu ul {
	margin					: 0;
	padding					: 0 0 0 0;
	list-style-type			: none;
	margin-top:13px;
}

#general #menu ul ul {
	margin					: 0;
	padding					: 0 0 0 30px;
	list-style-type			: none;

}

#general #menu ul li {
	margin					: 0;
	padding					: 0 0 0 0;
	list-style-type			: none;
	line-height				: 20px;
}

#general #menu li a {
	padding					: 0px 0 0px 12px;
	display					: block;
	text-decoration			: none;
	background-image		: url("../images/fond_li.png");
	background-position		: center right;
	background-repeat		: no-repeat;
	color					: #000;
}

#general #menu li a:hover {
	background-position		: center left;
	background-repeat		: no-repeat;
	text-decoration			: none;
	background-image		: url("../images/puce_on.jpg");
	color					: #fff;
}

#general #menu li a.deroule {
	background-position		: center left;
	background-repeat		: no-repeat;
	text-decoration			: none;
	background-image		: url("../images/puce_on.jpg");
	color					: #fff;
}

#general #menu li li a {
	background-image 		: none;
	padding					: 0 0 0 5px;
	color					: #000;
	line-height				: 15px;
}

#general #menu li li a:hover {
	background-image		: url("../images/sous-menu.jpg");
	background-repeat		: no-repeat;
	background-position		: center left;
	color					: #fff;
}

#general #menu li li a.deroule {
	background-image		: url("../images/sous-menu.jpg");
	background-repeat		: no-repeat;
	background-position		: center left;
	color					: #fff;
}

#general .footer {
	width:989px;
	height:50px;
	padding-top:8px;
	padding-left:10px;
	color:#DDD;
	background-color:#000;
	z-index:50;
	font-family : Century Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#general .footer a, #general .en_tete_page a {
	color:#DDD;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#general .footer a:hover, #general .en_tete_page a:hover {
	color:#DDD;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}


/*************************** SLideshow */
#stage {
	width:822px; 
	overflow: auto;
	overflow-x:hidden; 
	overflow-y:hidden; 
	height:270px; 
	margin:0 auto;
}
#slider-buttons {
	width:822px; 
	margin:0 auto;
}
#myList {
	width:2000px; 
	border:0; 
	margin:0; 
	padding:0; 
	left:400px;
}
#myList li {
	list-style:none; 
	margin:0; 
	padding:4px; 
	border:0; 
	margin-right:0px;
	padding:4px; 
	float:left;
	width:198px;
	height:269px;
}

.publication {
	width: 164px;
	height: 150px;
	float:left;
}
#myList li .description{
	position:absolute;
	display:none;
	margin-top:0px;
	width:198px;
	height:200px;
}
#myList li .cadre_jaune {
	display:block;
	width:190px;
	background-color:#FFF;
	padding:4px;
}

.titreListeHorizontale {
	width:98%;
	color:#999;
	border-bottom:2px solid #b9aab3;
	padding-bottom:3px;
	margin-bottom:0px;
	margin-top:0px;
}

.categProjet {
	width:98%;
	color:#999;
	border-bottom:2px solid #b9aab3;
	padding-bottom:3px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:13px;
	font-weight:bold;
}

.categProjet .lienFleche {
	float:right;
	width:110px;
	text-align:left;
	vertical-align:center;
}
.titre_page .lienFleche {
	float:right;
	width:200px;
	text-align:left;
	vertical-align:center;
	padding-right:300px;
	padding-top:30px;
}
.categProjet .lienFleche a, .titre_page .lienFleche a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size;10px;	
}

.categProjet .lienFleche .sous_menu {
	position:absolute;
	background-color:#FFF;
	width:110px;
	margin-top:16px;
	margin-left:16px;
	padding-top:15px;
	display:none;
	padding:4px;
	line-height:17px;
}

.categProjet .lienFleche .sous_menu  a {
	text-decoration:underline;
	color:#000;
}
.categProjet .lienFleche .sous_menu  a:hover{
	color:#999;
}

.ligneNomProjet {
	background-color:#b9aab3;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:97%;
	margin-top:29px;
	padding-top:1px;
	padding-left:1%;
}
/*************************** Pages de textes */
.texteChapeau {
	font-size:14px;
}
.texte {
	font-size:12px;
}
.texte_titre {
	margin-bottom:0px;
	padding-left:11px;
	padding-bottom:0px;
}
.partie_texte ul {
	
}
.texte a {
	color:#999;
}
.texteGras {
	font-size:12px;
	font-weight:900;
}
.texteChapeau a , .texte a , .texteGras a , .deroule a { 
	font-weight:bold;
	text-decoration:underline;
}
.texteChapeau a :visited, .texte a:visited , .texteGras a :visited , .deroule a:visited { 
	font-weight:bold;
	text-decoration:underline;
	color:#999;
}
.citation {
	font-style:italic;
}
.signature {
	text-align:right;
}
a.aDerouler {
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}
div.deroule {
	font-size:11px;
	display:none;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0px;
}
div.deroule div.deroule {
	font-size:11px;
	display:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #F3CE00;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:23px;
}
.aDeroule {
	font-weight: bold;
	color:#000;
}
.droite_projet {
	float:left;
	width:380px;
	text-align:left;
	padding-left:10px;
}
.droite_projet a {
 font-weight:bold;
 color:#000;
}
.photo_associe {
	float:left;
	width:130px;
	height:130px;
	text-align:left;
}
/**************************** Formulaires */
.ligneErreur {
	color: #F00;
	font-weight:bold;
	height:27px;
}
.ligneForm {
	height:27px;
}
.ligneFormPetit {
	height:27px;
}
.ligneForm .label {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:150px;
	float:left;
}
.ligneForm .champ {
	padding-left:5px;
	font-size:12px;
	font-weight:100;
	text-align:left;
	width:300px;
	float:left;
}
.ligneForm .champ input {
	width:200px;
}
.ligneForm .champ select {
	width:300px;
}
.ligneFormPetit .label {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:100px;
	float:left;
}
.ligneFormPetit .champ {
	padding-left:5px;
	font-size:12px;
	font-weight:100;
	text-align:left;
	width:170px;
	float:left;
}
.ligneFormPetit .champ input {
	width:170px;
}
.ligneFormGrand {
	height:27px;
}
.ligneFormGrand .label {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:100px;
	float:left;
}
.ligneFormGrand .champ {
	padding-left:5px;
	font-size:12px;
	font-weight:100;
	text-align:left;
	width:350px;
	float:left;
}
.ligneFormGrand .champ input {
	width:350px;
}
.inputErreur {
	border:2px solid red;
}
.ligneFormErreur {
	color:#F00;
	font-weight:bold;
	text-align:left;	
	height:27px;
}
/********************************** Menu espace sécurisé ******************/
.menuEspaceSecurise {	
	position:absolute;
	margin-left:20px;
	margin-top:7px;
	text-align:right;
	width:90px;
}
.menuEspaceSecurise .titre {
	font-size:14px;
	font-weight:bold;
}
.menuEspaceSecurise ul {	
	margin-left:0px;
	padding-left:0px;
}
.menuEspaceSecurise ul li{	
	list-style:none; 
}
.menuEspaceSecurise ul li a{	
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.menuEspaceSecurise ul li a:hover{	
	color:#000;
	text-decoration:underline;
}
.menuEspaceSecurise ul li a:visited{	
	color:#999;
	text-decoration:none;
}
/************************************* Tableau *********************************/
td.colonneTitre {
	width:20px;
	vertical-align:top;
	text-align:right;
}