/***************************************************************/
/********* CONFIG *******************************************/
/***************************************************************/
/*couleur de la navigation (grise foncée) #f0f0ea */
/*couleur du texte des onglets rubrique #333333 */

/*couleur des onglets projet fermés #CCFF99 (bleu)*/
 

HTML, BODY {
	margin:0px;
	padding:0px;
	font-family:"Courier New", Courier, monospace;		
	font-size:11px;	
	background-color:#CCCCCC;
}
IMG {
	border:0px;
}
DIV.fond_gen {	
	position:fixed;	
	z-index:0;
	width:100%;
}
DIV.fond_IE6 {	
	position:absolute;	
	z-index:0;
	width:100%;
}
DIV#conteneur {
	position:absolute;
	z-index:2;		
	background-position:left bottom;
	background-repeat:repeat-y;	
	
}
DIV#content {
	padding-left:74px;
	
}
IMG#logo {
	border-top:83px solid #f0f0ea;
	margin-bottom:28px;
}
DIV#marge {
	z-index:3;
	height:100%;
	position:absolute;	
	width:74px;		
}
DIV.collapse {
	background-image:url(../img/coin_marge.gif);
	background-position:left bottom;
}
DIV.expand {
	background-image:url(../img/coin_marge_expand.gif);
	background-position:left bottom;
}
DIV.collapse2, DIV.expand2{	
	z-index:4;	
	height:100%;
	position:absolute;	
	width:74px;
	background-color:#f0f0ea;	
}
DIV.collapse2{	
	top:-296px;
}
DIV.expand2{	
	top:-121px;
}

P {
	margin-top:12px;
	margin-bottom:0px;
}

/***************************************************************/
/********* DIAPORAMA *******************************************/
/***************************************************************/
DIV#diapo {
	padding:30px 30px 30px 80px;
	background-color:white;
	position:absolute;
	margin-left:520px;
	z-index:100;
	text-align:left;
}
DIV#diapo_fermer {
	position:absolute;
	z-index:1000;
	margin-left:547px;
	padding-top:30px;
}
DIV#navig_diapo {
	text-align:center;
	margin-bottom:20px;
}
DIV#navig_diapo A.off {
	color:#000000;
	text-decoration:none;
}
DIV#navig_diapo A.on {
	color:#E2007A;
	text-decoration:underline;
}


DIV#media_content {
	margin-bottom:30px;
	width:720px;	
	text-align:center;
	background:url(../img/chargement.gif);
	background-repeat:no-repeat;
}
DIV#media_titre {
	border-top:1px solid #8c8c8c;	
	cursor:pointer;
	width:720px;
}
DIV#media_chapeau {
	color:#c3c3c3;
	margin-bottom:10px;	
	width:720px;
}
DIV#media_texte {
	color:#6e6e6e;
	width:720px;
}

/***************************************************************/
/********* RUBRIQUES *******************************************/
/***************************************************************/
DIV#rubriques {
	width:400px;
}
DIV#rubriques DIV.rubrique_off {
	margin-top:3px;
}
DIV#rubriques DIV.rubrique_on {
	margin-top:0px;
	padding-top:12px;
	background-image:url(../img/coin_rubriqueon.gif) ;
	background-repeat:no-repeat;	

}
DIV#rubriques DIV.rubrique_titre, DIV#rubriques DIV.rubrique_titre_last {
	cursor:pointer;	
	font-size:14px;
	background-color:#f0f0ea;
	color:#333333;	
	text-transform:uppercase;
	border-left:4px solid #f0f0ea;
}
DIV#rubriques DIV.rubrique_off DIV.rubrique_titre, DIV#rubriques DIV.rubrique_off DIV.rubrique_titre_last {	
	padding:4px 0px 4px 39px;	
	width:230px;
}
	
DIV#rubriques DIV.rubrique_on DIV.rubrique_titre, DIV#rubriques DIV.rubrique_on DIV.rubrique_titre_last {
	padding:4px 0px 4px 145px;
	width:366px;
	margin-left:-92px;
}
DIV#rubriques DIV.rubrique_on DIV.rubrique_content {
	width:440px;
}
DIV#rubriques DIV.rubrique_off DIV.rubrique_titre_last {
	margin-bottom:222px;
}
/***************************************************************/
/********* PROJET **********************************************/
/***************************************************************/

DIV.projet_titre,  DIV.projet_titre_last {
	padding-top:4px;	
}
DIV.projet_titre, DIV.projet_on DIV.projet_titre_last {
	border-left:12px solid #f0f0ea;
}
DIV.projet_on DIV.projet_titre SPAN, DIV.projet_on DIV.projet_titre_last SPAN {
	cursor:pointer;
	color:#333333;
	background-color:#CCFF99;
	padding-right:20px;
	padding-bottom:2px;
}

DIV.projet_on DIV.projet_titre SPAN {
	border-left:46px solid #CCFF99;
}
DIV.projet_off DIV.projet_titre SPAN, DIV.projet_off DIV.projet_titre_last SPAN {
	cursor:pointer;	
	background-color:#CCFF99;
	padding-right:20px;
	padding-bottom:2px;
}
DIV.projet_off DIV.projet_titre SPAN {
	border-left:12px solid #CCFF99;
}

DIV.projet_off DIV.projet_titre_last {
	background-image:url(../img/coin_projeton.gif) ;
	background-repeat:no-repeat;	
	background-position:left bottom;
	padding-left:12px;
	margin-bottom:14px;
	padding-bottom:2px;
}
DIV.projet_titre_last SPAN {
	padding-left:12px;
}
DIV.projet_on DIV.projet_titre_last SPAN {
	border-left:34px solid #CCFF99;
	}
DIV.projet_content {
	border-left:12px solid #f0f0ea;	
}
DIV.projet_on DIV.projet_content_last {
	border-left:12px solid #f0f0ea;	
}
DIV.bloc_bottom_rubrique_projets {
	background-image:url(../img/coin_projetslastbottom.gif) ;
	background-repeat:no-repeat;	
	background-position:left bottom;	
	margin-bottom:15px;
}
DIV.bloc_bottom_rubrique_projets DIV {
	height:33px;
	width:406px;
	background-color:white;
	margin-left:34px;
}
/***************************************************************/
/********* BLOC ************************************************/
/***************************************************************/
DIV.bloc_projets, DIV.bloc_infos  {	
	padding-left:23px;
	padding-right:15px;
	padding-top:20px;
	background-color:white;
}
DIV.bloc_infos {
	border-left:33px solid #f0f0ea;
}
DIV.bloc_projets {
	border-left:22px solid #f0f0ea;
}
DIV.bloc_top_infos {
	border-left:12px solid #f0f0ea;
}
DIV.bloc_top_projets{
	padding-top:2px;
}
DIV.bloc_bottom_projets {	
	background-image:url(../img/coin_projetsbottom.gif) ;
	background-repeat:no-repeat;	
	padding-bottom:14px;
}
DIV.bloc_bottom_projets DIV{
	height:22px;
	margin-left:22px;
	background-color:white;
}
DIV.bloc_bottom_infos {	
	background-image:url(../img/coin_infosbottom.gif) ;
	background-repeat:no-repeat;	
	margin-bottom:14px;	
}
DIV.bloc_bottom_infos DIV{
	height:33px;
	margin-left:33px;
	background-color:white;
}
DIV.bloc_titre {
	border-top:1px solid #8c8c8c;	
}
DIV.bloc_titre_collapsable {
	color:#333333;;
	cursor:pointer;
	border-top:1px solid #8c8c8c;	
}
DIV.bloc_titre_collapsable:hover {
	color:#333333;
	text-decoration:underline;
}
DIV.bloc_chapeau {
	color:#c3c3c3;
	margin-bottom:10px;	
}
DIV.bloc_corps {
	color:#6e6e6e;
	
}
/***************************************************************/
/********* ILLUSTRATION*****************************************/
/***************************************************************/
DIV.bordure_on  {
	position:absolute;
	display:none;
	border:7px solid white;
}

DIV.vignette_container_infos, DIV.vignette_container_infos_first {
	position:absolute;	
	margin-left:446px;
	width:450px;
	z-index:500;
}
DIV.vignette_container_infos, DIV.vignette_container_projets {
	margin-top:20px;
}
DIV.vignette_container_infos_first, DIV.vignette_container_projets_first {
	margin-top:41px;
}
DIV.vignette_container_projets, DIV.vignette_container_projets_first {
	position:absolute;
	margin-top:43px;	
	margin-left:434px;
	width:450px;
	z-index:500;
}

DIV.vignette_container_projets IMG, DIV.vignette_container_infos IMG, DIV.vignette_container_projets_first IMG, DIV.vignette_container_infos_first IMG{
	border:3px solid white;
	
}
DIV.vignette_container IMG.nextcol {
	border:3px solid yellow;	
}
DIV.vignette_container IMG.nextline {
	border-top:0px;	
}
DIV.vignette_container {	
	padding:10px;
}
DIV.vignette_fleche_infos {
	position:absolute;
	margin-left:-100px;
	margin-top:42px
}
DIV.vignette_fleche_projets{
	position:absolute;
	margin-left:-100px;
	margin-top:42px
}
DIV.bt_gen {
	position:fixed;
	margin-top:280px;
	z-index:3000
}
DIV.bt_IE6 {
	position:absolute;
	margin-top:280px;
	z-index:80;
}