﻿body {
	padding : 0;
	margin : 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #FFFFFF; 
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 11px;
	}

body p {
      font-size : 11px;
      font-weight : normal;
}

.popupmodale{
	z-index:10000;
	position:absolute;
	display:none;
	visibility:hidden;
	background-color:#FFFFFF;
	border:2px #808080 double;
	margin:10px;
	padding:10px;
	top:0px;
	left:0px;
	width:auto;
	max-width:845px;
	height:auto;
}

.popupmodale h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
    /*margin: 0;*/
}


.popupmodale h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
   	margin-bottom: 0;
}

.popupmodale p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
   	margin: 0;
	text-align:justify;
}

.definition{
	color:green;
	display:none;
}


#blocForm
{
    display:none;
}

#blocPermalien
{
    display:none;
}

.dfn{
	color:blue;
	cursor:help;
    background:url('/mediacomposite/images/icones/what.gif') no-repeat top left ;
    padding:0 0 0 11px;
    /*font-weight:bold;*/
}

.citation
{
    color:#666699;
	display:none;
}

.cit{
	color:blue;
	cursor:help;
    background:url('/mediacomposite/images/icones/cit.gif') no-repeat top left ;
    padding:0 0 0 11px;
}


#dfnPopup{
	z-index:10000;
	position:absolute;
	display:none;
	visibility:hidden;
	background-color:#CCCCCC;
	border:2px #999999 double;
	width:200px;
	height:auto;
	top:0px;
	left:0px;
	padding:5px;
}

#citPopup{
	z-index:10000;
	position:absolute;
	display:none;
	visibility:hidden;
	background-color:#A2A2FF;
	border:2px #999999 double;
	width:200px;
	height:auto;
	top:0px;
	left:0px;
	padding:5px;
}

#ARetenir{
	/*z-index:10000;
	position:absolute;
	top:0px;
	left:0px; */
	/*width:640px;
	height:480px;*/
/*	background-color:#C0C0C0;
	border:2px #808080 double;
	display:none;
	visibility:hidden;*/
	border:2px #808080 double;
	margin:10px;
	padding:10px;
	width:465px;
	height:auto;
	float : left;	
}

#ARetenir h1
{
    text-align:center;
     padding:0 0 15px 0;
}

div.ARetenir{
	border:2px #808080 double;
	margin:10px;
	padding:10px;
	width:465px;
	height:auto;
	float : left;	
}

div.ARetenir h1
{
    text-align:center;
    padding:0 0 15px 0;
}

/*
#Chrono{
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
	width:810px;
	height:230px;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	border:2px #999999 double;
	display:none;
	visibility:hidden;
}
*/
#popup{
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
	/*width:810px;
	height:230px;*/
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	border:2px #999999 double;
	display:none;
	visibility:hidden;
}

#canvas{
	width:855px;
}

#header{
	position:relative;
	width:855px;
	margin-bottom:45px;
}

#footer{
	position:relative;
	width:640px;
	margin-top:60px;
	/*background-image:url('/mediacomposite/images/encart-id-b.gif');
	background-repeat:repeat-x;*/
	height:25px;
	display: block;
}

.bkGround{
	background-image:url('/mediacomposite/images/encart-id-b.gif');
	background-repeat:repeat-x;
}

#footer img {
	vertical-align: middle;
}

#footer .CreditAuteur
{
    line-height:25px;
	margin:0 0 0 25px;
	font-size:10px;
	/*font-weight:normal;*/
}

A:link  {
	color: #0000FF;
	text-decoration : none;
}

A:Visited  {
	color: #0000FF;
	text-decoration : none;
}

A:hover {  
	color: #0000FF;
    text-decoration: underline;
}

.zoom {
	cursor:url("/mediacomposite/images/magnify.cur");
	/*cursor:help*/
}
/*
#tit_dos{
    position : absolute;
    top : 0px;
    left : 0px;
    z-index : 50;
}
*/

#fil 
{
    position:relative;
    top: 0px;
    left: 0px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	/*background-color:Aqua;*/
}

#fil a
{
    color:#000000;
}


#tit_dos
{
    /*position: relative;*/
    /*top: 0px;
    left: 0px;
    z-index: 50; *//*margin-top:10px;*/
    margin-left: 10px;
    padding-top: 0px; /* background:url("/mediacomposite/images/plus-titre-L-bleu.gif") no-repeat top left; */ /* background: url("/mediacomposite/images/fleche-XL-bleu.gif") no-repeat top left; */
    width: 850px;    
    clear:both;
    float:left;
    /*background-color:Aqua;*/
}


#tit_dos h1
{   
    font-family:Arial, Helvetica, sans-serif;
    /*font-size:14px;*/
    /*font-size:20px;*/
    font-size:26px;
    font-weight:bold; 
    text-transform:uppercase;
    /*height:36px;*/
    height:26px;
    float:left;
    clear: both;
    /*margin-top:12px;*/
    margin-top:16px;
    /*margin-left:20px;*/
    margin-left:4px;
    padding-left:40px;
    /*background: url("/mediacomposite/images/fleche-XL-rouge.gif") no-repeat 0px left;*/
    background:url("/mediacomposite/images/fleche-XL-bleu.gif") no-repeat center left;
    color:#0000FF;
    /*background:url("/mediacomposite/images/plus-titre-L-bleu.gif") no-repeat bottom left;*/
    /*background:url("/mediacomposite/images/plus-titre-L-rouge.gif") no-repeat 2px left;*/
    /*border-top:solid 2px #000000;*/
    
/*    margin-top:0;
    padding-top:0;
    margin-top:0;*/
    /*color:#0000ff;*/
    /*font-variant:small-caps;*/
   /* background-color:Green;*/
    
}


#intro_dos{
    position : relative;
    top : 80px;
    left : 20px;
	z-index: 0;
}

#intro_dos_map{
    position : absolute;
    top : 80px;
    left : 20px;
	z-index: 0;
	visibility:hidden;
}

/* navigation *********************************/
#navigation {
       position : relative;
       left : 0px;
       float:left;
       width : 150px;
       background-color:#ffffff;
       color:#0000FF;
}

/*#navigation li {
	margin-bottom:3px;
	margin-left:0px;
	border-bottom:1px #ffffff solid;
	font-size: 10px;
	font-weight: bold;
	text-decoration : none;	
	list-style-type:none;

}
*/


#navigation ul.lv1
{
   padding-left: 0;
   margin-bottom:5px;
   margin-left: 10px;
   font-size:10px;
  
}



#navigation ul.lv1 li
{
  font-family: Verdana, Arial;
  font-weight:bold;
  padding-top:2px;
  padding-bottom:2px;
  list-style-type:none;
  width:auto;
  border-bottom:1px #ffffff solid;
   
}

#navigation ul.lv2
{
   margin-bottom:0px;
   padding-left: 5px;
   margin-left: 5px;
   display:none;
}

#navigation ul.lv2 li
{
   font-family: Verdana, Arial;
   font-weight:normal;
   margin-left:0px;
   margin-top:0px;
   margin-bottom:0px;
   list-style:square inside;
   /*list-style-image:url('/mediacomposite/images/vide.gif');   */
}

#navigation ul.annexe
{
    text-align:right;
    font-size:9px;
    list-style-type:none;
     margin-top:0px;
}
/*#navigation ul.lv2 
{
    font-size: 11px;
    font-family: Verdana, Arial;
    list-style-type:square;
    cursor:default;
    margin-bottom:5px;
    margin-left:8px;
    font-weight:normal;
}*/
/*ul.niveau2 li {
...
list-style-image: none;
...
}*/


/****************************************************/

/* Encart ********************************/
#encart {
	position : relative;
	width : 190px;
	float : left;
	border-bottom:1px #0000ff solid;
	background-color:#f3f3f3;
	display:none;

}
.titrencart { 
	color: #FFFFFF;
	padding-left:10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	outline-color:fuchsia;
	line-height:18px;
	background-color:#0000ff;
	border-bottom:1px #0000ff solid;
}

#encart li {
	font-size : 11px;
	margin-bottom:3px;
	background-color:#f3f3f3;
	/*margin-left:0px;*/
	margin-left:5px;

}

#encart ul
{
   /* margin-left:0px;*/
	margin-top:0px;
	margin-bottom:0px;
	margin-left:15px;
	border-bottom:3px #ffffff solid;
	border-top:3px #ffffff solid;
   	list-style-type:none;
    list-style-image:url('/mediacomposite/images/puce-grise.gif');    
}


#encart a:hover { color: #0000ff; font-family: Verdana; font-weight:normal; font-size: 11px }
#encart a:link { color: #0000ff; font-family: Verdana; font-weight:normal; font-size: 11px }
#encart a:visited { color: #0000ff; font-family: Verdana; font-weight:normal; font-size: 11px }

/* Illustration **************************/

.blocIllustration{
	float:left;
	padding-right:10px;
}

.illustration
{
	margin:5px 5px 5px 0px;
	/*margin:5px;*/
	float:left;
	/*clear:both;*/
	/*width:auto;*/
	/*width:inherit;*/
}

.legende{
	float:left;
	clear:left;
	font-size: 9px;
	padding-bottom:12px;
	width:150px;
}
/* illustration gauche */

.blocIllustrationLeft{
	float:left;
	padding-right:10px;
	background-color:Aqua;
}

.blocIllustrationLeft .illustration
{
	margin:5px 5px 5px 0px;
	/*margin:5px;*/
	float:left;
	/*clear:both;*/
	/*width:auto;*/
	/*width:inherit;*/
}

.blocIllustrationLeft .legende{
	float:left;
	clear:left;
	font-size: 9px;
	padding-bottom:12px;
	background-color:Silver;
	width:150px;
}
/**/
.blocIllustrationRight{
	float:right;
	padding-left:10px;
	clear:right;
}

.blocIllustrationRight .illustration
{
	margin:5px 0px 5px 5px;
	float:right;
	/*clear:both;*/
	/*width:auto;*/
	/*width:inherit;*/
}

.blocIllustrationRight .legende{
	float:right;
	clear:right;
	font-size: 9px;
	padding-bottom:12px;
	width:150px;
}

.blocIllustrationRight p{
	float:right;
}

/****************************************/




/* Contenu ******************************/
#content {
	position : relative;
	/*left : 150px;*/
	/*width : 640px;*/
	width : 490px;
	z-index: 2;
	float : left;
	padding-bottom: 48px;
	margin-left:5px;
	margin-right:10px;
	background-color : #FFFFFF;
}

#content h1 {
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-size: 14px;
      background-color : transparent;
	  margin: 0;
}

#content h2 
{
    clear:both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom:0px;	
	margin-bottom:0px;
}

#content h3 
{
    clear:both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #7F7F7F;*/
	font-weight: bold;
	padding-bottom:0px;	
	margin-bottom:0px;
}

#content h4 
{
    clear:both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
	font-weight: bold;
	padding-bottom:0px;	
	margin-bottom:0px;
}


#content p {
	font-size : 11px;
    background-color : transparent;
    text-align:justify;
    margin-top:0px;
    /*float:left;
    clear:right;*/
}

#content ul {
	font-size : 11px;
    background-color : transparent;
    list-style:square;
}

#content ul ul{
	font-size : 11px;
    background-color : transparent;
    list-style-image:url('/MediaComposite/images/puce-grise.gif')
    
}


#content ol {
	font-size : 11px;
    background-color : transparent;
    padding-left:30px;
    display: inline-block;
    }


/******************************************/

.blocParagraphe{
	clear:both;
}

.Paragraphe
{
    clear:both;
    margin-bottom:10px;
}

#content .Paragraphe h2 
{
    clear:both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom:0px;	
	margin-bottom:10px;
}

.normal {
      font-size : 11px;
      font-weight : normal;
}

.upper {
	text-transform: uppercase;
}

.glossaire {
	/*text-transform: uppercase;
	font-size : 9px;
	font-weight: bold;*/
}

.rubtitre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.grandtitre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*text-transform: uppercase; */
	font-weight: bold;
}

.blanctitre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-decoration : none;
}

.blanctitre:link  {
	text-decoration : none;
	color : #FFFFFF;
}

.blanctitre:hover  {
	text-decoration : none;
	color : #FFFFFF;
}

.blanctitre:visited  {
	text-decoration : none;
	color : #FFFFFF;
}

.titre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.soustitre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #7F7F7F;*/
	color: #000000;
	font-weight: bold;
	/*margin-left: 2em;*/
}

.soustitregris {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
	font-weight: bold;
	/*margin-left: 2em;*/
}

.soustitre2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
	font-weight: bold;
	margin-left: 2em;
}

.listesoustitre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
	font-weight: bold;
}

.listesousmenu {
	margin-left:15px;
	/* margin-bottom:0px; */
	margin-top:0px;
	list-style-type:square;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F7F7F;
}

.entreeMenu {
	font-size: 10px;
	font-weight: bold;
	text-decoration : none;	
}

.entreeMenu:link {
	text-decoration : none;	
}

.entreeMenu:hover {
	text-decoration : none;	
}

.entreeMenu:visited {
	text-decoration : none;	
	/*color: #666666;*/
}

.sousMenu {
	visibility: hidden;
}

.lienMenuActif {
	background-color: #FFFFFF;
	color: #999999;
	font-weight: bold;
}




.td-menu_bleu {
	background-image: url(../images/nav2_menus_13_13.gif);
	background-repeat: repeat-x;
}

.td-menu_orange {
	background-image: url(../images/nav2_menus_orange_13_13.gif);
	background-repeat: repeat-x;
}

.td-menu_gris {
	background-image: url(../images/nav2_menus_16_16.gif);
	background-repeat: repeat-x;
}

.form {
	font-size : 11px;
	font-family : Verdana, Helvetica, Sans-Serif;
	border: none;
}

.formItwFilm {
	font-size : 11px;
	font-family : Verdana, Helvetica, Sans-Serif;
	border: none;
	background-color: #CCCCCC;
}

.continent {
	border:1px solid blue;
	color: #666666;
	background-color: #FFFFFF;
	display:block;
}

/* Spéciaux ***********************************/
.justifie {
	text-align: justify;
}

.encadre {
	background-color: #FFFFFF;
	border-top: thick none #FFFFFF;
	border-right: thick solid #FFFFFF;
	border-bottom: thick solid #FFFFFF;
	border-left: thick solid #FFFFFF;

}

.cadre{
	background-color: #FFFFFF;
	border-top: thick solid #000000;
	border-right: thick solid #000000;
	border-bottom: thick solid #000000;
	border-left: thick solid #000000;

	
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


.inactif {
	color: #7F7F7F;
}

.lettrine {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

/**********************************************/


/* Encart savoir plus*/
#encart_plus
{
    margin-top: 0px;
    width: 100%;
    
    height: 350px;
    /*border: solid 1px #ff7e00;*/
}

#encart_plus h1
{
    background-color: #FFFFFF;
    color: #0000ff;
    font-size: 18px;
    font-weight: bold;
    font-family: ARIAL;
    text-transform: uppercase;
    text-align: left;
    margin: 0px 0 3px 0px;
    padding: 0;
    border-bottom:solid 3px #000000;
       width: 100%;

}

#encart_plus h2
{
    background-color: #FFFFFF;
    color: #b2b2b2;
    font-size: 11px;
    font-weight: bold;
    font-family: ARIAL;
    text-transform: uppercase;
    text-align: left;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    width: 100%;
    /*float: left;*/
}
#encart_plus .cartouche
{
    background: #9933ff;
    height: 14px;
    width: auto;
    clear:right;
}


#encart_plus h3
{
    color: #2C6775;
    font-size: 12px;
    font-weight: bold;
    font-family: ARIAL;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
       width: 100%;
}
#encart_plus .NEWSONLINE_ENCART_DATE
{
    color: #2C6775;
    font-size: 12px;
    font-weight: bold;
    font-family: ARIAL;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
}
#encart_plus .NEWSONLINE_ENCART
{
    color: #ff7e00;
    font-size: 16px;
    font-weight: bold;
    font-family: ARIAL;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
}

#encart_plus a
{
    color: #666666;
    text-decoration:none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height:18px;
    text-align: left;
    padding: 0px 0 0px 15px;
    background: url('/skins/CITEMUSIQUE/images/charte/suite.jpg') no-repeat top left;
    
}

table.fiche
{
    border : 1px solid black;
     border-collapse:collapse;
     margin-top:20px;
     background-color:#D5D5FF;
    
}

table.fiche th
{
     border : 1px solid black;
     
}

table.fiche tr
{
    border : 1px solid black;
    border-collapse:collapse;
}


table.fiche td
{
    border : 1px solid black;
     border-collapse:collapse;
      padding:3px 3px 3px 3px;
}






#blocForm
{
      clear:both;
    text-align:left;
/*    z-index:10000;
	position:absolute;*/
	bottom:0px;
	left:0px;
	padding:10px;	
	width:290px;
	height:auto;
	/*background-color:#e2e2e2;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none;
	border:solid 1px #000000;	
	}

#sendToAFriend{
/*	position:absolute;
	bottom:0px;
	left:0px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;	
	width:190px;
	height:auto;
	background-color:#e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:Fuchsia;
	display:block;	
	border:solid 10px black ;*/
}


#sendToAFriend .bt{
	background-color:black;
	color:white;
	text-transform:uppercase;
	font-size:10px;
	border:0px;
	text-align:center; 
}

#blocPermalien
{
    clear:both;
    text-align:left;
    /*z-index:10000;
	position:absolute;*/
   /* position:relative;
	bottom:0px;
	right:0px;*/
	padding:10px;
	width:290px;
	height:45px;
	background-color:#e2e2e2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none;
	border:solid 1px #000000;	
	}
	
	#blocPermalien input
	{
	    width:270px;
	}
