/******************************************************************************/
/*                                    Habillage                               */
/******************************************************************************/

/******************************************************************************/
/*                                     Général                                */
/******************************************************************************/

body{
	float:left;
	width:100%;
	height:100%;
	color:#000000;
	background-color: #004C93;
}

#page {
 	position: absolute;
 	top:0px;
 	left:0px;
 	bottom:0px;
	float:left;
	width:100%;
	height:100%;
	background-image: url("../images/interface/fond.png");
	background-position: 0px 0px;
	background-repeat: repeat-x;
	z-index:1;
}

#conteneur {
  	float : left;
  	width: 992px;
  	height:100%;
  	text-align: left;
}

/******************************************************************************/
/*                                     Haut                                   */
/******************************************************************************/

#haut {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
  	float : left;
  	width : 992px;
  	height:166px;
  	z-index:2;
}

/*----------------------------------------------------------------------------*/
/*                                   HAUT HAUT                                */
/*----------------------------------------------------------------------------*/

.haut_haut{
	float: left;
  	width : 992px;
  	height: 31px;
}

/*----------------------------------------------------------------------------*/
/*                                HAUT HAUT GAUCHE                            */
/*----------------------------------------------------------------------------*/

.haut_haut_gauche{
	float: left;
  	width: 330px;
  	height:100%;
}

.haut_haut_gauche_contenu_picto{
	float: left;
  	width: 30px;
  	height: 30px;
}

.haut_haut_gauche_contenu_recherche{
	float: left;
  width: 300px;
  height: 30px;

	color: #FFFFFF;
  background-color: #01AEFD;
}

.haut_haut_gauche_contenu_recherche p{
	float: left;

	font-weight: bold;

	padding-top : 7px;
	padding-left : 16px;
	padding-right : 16px;
	padding-bottom : 5px;
}

.haut_haut_gauche_contenu_recherche label{
  display: none;
}

.haut_haut_gauche_contenu_recherche input{
	float: left;
	width: 130px;
	height:18px;

	color: #FFFFFF;
	background-color: #036AB1;

	border-top : 0px;
	border-left : 0px;
	border-right : 0px;
	border-bottom : 0px;
	
	margin-top : 6px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 6px;

	padding-left : 6px;
}

.haut_haut_gauche_contenu_recherche input.submit{
	float: left;
  width: 30px;

	color: #FF5700;
  background-color: #FFFFFF;

	font-weight: bold;

	border-top : 0px;
	border-left : 0px;
	border-right : 0px;
	border-bottom : 0px;

	margin-left : 2px;
	margin-right : 2px;

	padding-left : 0px;
}

/*----------------------------------------------------------------------------*/
/*                                HAUT HAUT DROITE                            */
/*----------------------------------------------------------------------------*/

.haut_haut_droite{
	float: left;
  width: 650px;
  height: 30px;

	color: #000000;
  background-color: #FFFFFF;
}

.haut_haut_droite_lien #lien a{
	font-weight: normal;
	font-size: 0.9em;
}

/*----------------------------------------------------------------------------*/
/*                                   MENU HAUT                                */
/*----------------------------------------------------------------------------*/


#lien{
	float: left;
}

#lien li{
	/*float: left;*/
  list-style-type: none;

	font-size:0.8em;

  border-right: 1px solid #666666;

	margin-top : 8px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 6px;

	padding-top : 0px;
	padding-left : 16px;
	padding-right : 16px;
	padding-bottom : 0px;
}

.haut_haut_droite_acces_rapide{
	float: left;
  width: 220px;
}

.haut_haut_droite_acces_rapide label{
  display: none;
}
.haut_haut_droite_acces_rapide input{
	float: left;
	width: 30px;

	color: #666666;
	background-color: #FFFFFF;

	border-width: 1px;
  border-color: #666666;
  border-style: solid;

	margin-top : 6px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 6px;

	cursor: pointer;
}

.haut_haut_droite_acces_rapide input.submit{
	font-weight: bold;
}

.haut_haut_droite_acces_rapide select{
	float: left;
  width: 150px;

	color: #666666;
  background-color: inherit;

  border: 1px solid #666666;

	margin-top : 6px;
	margin-left : 10px;
	margin-right : 4px;
	margin-bottom : 6px;
}


.haut_haut_droite_langue{
	float: right;
  padding-top : 6px;
	padding-right : 6px;
}

.haut_haut_droite_langue ul{
	float: left;
}

.haut_haut_droite_langue li{
	float: left;

  height:25px;

  list-style-type: none;

	padding-left : 2px;
	padding-right : 2px;

}

.haut_haut_droite_langue li.active{
  background-image: url("../images/interface/fleche_drapeau.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}

/*----------------------------------------------------------------------------*/
/*                                    HAUT BAS                                */
/*----------------------------------------------------------------------------*/

.haut_bas{
  float: left;
  width: 992px;
  height: 135px;

  background-image: url("../images/interface/ombre.png");
  background-position: top right;
  background-repeat: no-repeat;
}

.haut_bas_gauche{
  float: left;
  width : 330px;
}

.haut_bas_gauche_picto{
  float: left;
  width : 30px;
  height: 134px;

  color:#FFFFFF;
  background-color: #FF5700;
}

/*----------------------------------------------------------------------------*/
/*                             MENU HAUT GAUCHE PICTO                         */
/*----------------------------------------------------------------------------*/

.haut_bas_gauche_picto ul{
	float: left;

	padding-top : 10px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
}

.haut_bas_gauche_picto li{
	float: left;
  list-style-type: none;
}

.haut_bas_gauche_logo{
	float: left;
  width: 300px;
}

.haut_bas_gauche_logo a {
	float: left;
  width: 300px;
}

.haut_bas_gauche_logo img{
  width: 300px;
}

.haut_bas_droite{
  position: relative;
  top:0px;
  left:0px;

	float: left;
  width : 650px;

  z-index: 2;
}

.haut_bas_droite_image{
  position: absolute;
  top:0px;
  left:0px;

	float: left;
  width : 650px;

  z-index: 2;
}

.haut_bas_droite_image_texte{
  position: absolute;
  top: 15px;
  left: 35px;

	color: #FFFFFF;
  background-color: inherit;

  z-index: 3;
}

/******************************************************************************/
/*                                    Milieu                                  */
/******************************************************************************/

#milieu {
	position:relative;
	top:166px;
	left:0px;
	bottom:0px;
	float: left;
	width: 980px;
	height:auto;
	min-height:750px;
	color:#000000;
	background-color: #FFFFFF;
	z-index:2;
}

* html #milieu {
	height:83%;
	height:auto !important;	
}

*+html #milieu {
	min-height:750px;
}

/*----------------------------------------------------------------------------*/
/*                                 MILIEU GAUCHE                              */
/*----------------------------------------------------------------------------*/

#milieu_gauche{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;

	float : left;
	width : 330px;
	height:100%;

	color: #FFFFFF;
  background-color: #005DFD;

 	z-index:2;
}

/*----------------------------------------------------------------------------*/
/*                               MILIEU GAUCHE HAUT                           */
/*----------------------------------------------------------------------------*/

#milieu_gauche_haut{
	float:left;
	width:330px;
	height:auto;
}

/*----------------------------------------------------------------------------*/
/*                                 MENU GAUCHE                                */
/*----------------------------------------------------------------------------*/
#menu_gauche {
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	margin-top: 20px;
	margin-bottom: 20px;
}

#menu_gauche li {
	background-image: url("../images/interface/bg_menu_gauche1.png");
	background-position: top right;
	background-repeat: no-repeat;
	list-style-type: none;
}
* html #menu_gauche li {
	background-image: url("../images/interface/menu.png");
}
#menu_gauche li a,
#menu_gauche li a:link  {
	display: block;
	width:280px;
	height:22px;
	color: #FFFFFF;
	background-color: inherit;
	margin-top : 3px;
	margin-bottom : 4px;
	padding-top : 2px;
	padding-left : 50px;
}

* html #menu_gauche li a,
* html #menu_gauche li a:link{width:330px;}


#menu_gauche li a{
	background-position: 0px 6px;
	background-repeat: no-repeat;
}


#menu_gauche li.menu1 a {background-image: url("../images/interface/menu1.gif");}
#menu_gauche li.menu2 a {background-image: url("../images/interface/menu2.gif");}
#menu_gauche li.menu3 a {background-image: url("../images/interface/menu3.gif");}
#menu_gauche li.menu4 a {background-image: url("../images/interface/menu4.gif");}
#menu_gauche li.menu5 a {background-image: url("../images/interface/menu5.gif");}
#menu_gauche li.menu6 a {background-image: url("../images/interface/menu6.gif");}
#menu_gauche li.menu7 a {background-image: url("../images/interface/menu7.gif");}
#menu_gauche li.menu8 a {background-image: url("../images/interface/menu8.gif");}

#menu_gauche li ul {
	display: none;
}
#menu_gauche li.active li ul {
	display: none;
}
#menu_gauche li.active li.active ul {
	display: block;
	padding-left: 0px;
	margin: 0;
}
#menu_gauche li.active ul {
	display: block;
	padding-left: 30px;
	padding-left:0px;
	margin: -5px 0 5px;
}
#menu_gauche li li{
	/*background-image: none;*/
	list-style-type: none;
	border-top: 1px dotted;
	line-height: 1.5;
}
#menu_gauche li li.active {
	background-image: url("../images/interface/bg_ssmenu_gauche_act0.png")
}
* html #menu_gauche li li.active {
	background-image: url("../images/interface/menu.png")
}
#menu_gauche li li li{
  /*background-image: url("../images/interface/menu.png");*/
    /*background-image: none;*/
  background-position: top right;
  background-repeat: no-repeat;
  list-style-type: none;
  border: 0;
}

#menu_gauche li li a,
#menu_gauche li li a:link  {
	display: block;
	width:280px;
	color: #FFFFFF;
	background-color: inherit;
	
	/*height:22px;
	margin-top : -5px;
	margin-bottom : 3px;
	padding-top : 2px;*/
	margin: 0;
	padding: 1px 0 0 50px;
}

* html #menu_gauche li li a {
	/*width:300px;*/
	background-color:pink;
}
* html #menu_gauche li.active li a {
	/*width:300px;*/
	background-color:aqua;
}

#menu_gauche li.active li a,
#menu_gauche li.active li a:link {
	color:#FFFFFF;
  /*background-color: #005DFD;*/
	background-color: transparent;
	background-image: url("../images/icones/ssmenu.gif");
	background-position: 30px 7px;
	background-repeat: no-repeat;
}
* html #menu_gauche li.active li a,
* html #menu_gauche li.active li a:link {
	background-color: #005DFD;
	background-color: transparent;
}

#menu_gauche li.active li a:hover,
#menu_gauche li.active li.active a {
	background-color: #005DFD;
	background-color: transparent;
	background-image: url("../images/icones/ssmenu-active.gif");
	font-weight: bold;
}
* html #menu_gauche li.active li a:hover {
	font-weight: normal;
}
#menu_gauche li li li a,
#menu_gauche li li li a:link  {
	display: block;
	width:250px;
	height:22px;
	color: #FFFFFF;
	background-color: inherit;
	/*margin-top : 4px;
	margin-bottom : 4px;
	padding-top : 2px;
	padding-left : 20px;*/
	text-decoration: none;
	
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 65px;
    padding-top: 0;
    width: 265px;	
}

#menu_gauche li.active li.active li a,
#menu_gauche li.active li.active li a:link  {
	background-image: none;
	font-weight: normal;
}

* html #menu_gauche li li li a {
	width:330px;
	background-color:pink;
	padding-left: 60px;
}

#menu_gauche li.active li.active li a:hover  {
	text-decoration: none;
	background-color: #ffffff;
	background-image: none;
}

* html #menu_gauche li.active li.active li a {
	width:330px;
	padding-left: 60px;
}
* html #menu_gauche li.active li.active li a:hover {
	width:330px;
	padding-left: 60px;
}


/*----------------------------------------------------------------------------*/
/*                                MILIEU GAUCHE BAS                           */
/*----------------------------------------------------------------------------*/

#milieu_gauche_bas{
	float:left;
	width:330px;
	height:auto;
}

#milieu_gauche_bas img{
	position:absolute;
	left:0px;
	bottom:0px;

	float:left;

	z-index:2;
}

/*----------------------------------------------------------------------------*/
/*                                 MILIEU DROITE                              */
/*----------------------------------------------------------------------------*/

#milieu_droite{
  float: left;
  width: 650px;

  margin-left:330px;
}

* html #milieu_droite{
  position:relative;
  top:0px;
  left:330px;

  float: left;
  width: 650px;

  margin-left:0px;

  z-index:2;
}

.milieu_droite_contenu{
  float: left;
  width: 620px;

  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.bloc_droite #acces_direct {
  width: 170px;
}
														

.milieu_droite_block_contenu{
  float: left;
  width: 620px;

  border-bottom: 1px dotted #000000;

  padding-bottom:15px;
}


.milieu_droite_contenu_une{
  float: left;
  width: 620px;
}

.milieu_droite_contenu_une .csc-textpic-text {
	float: left;
}

.milieu_droite_contenu_une .csc-textpic {
	float: left;
}

.milieu_droite_contenu_une .csc-textpic .csc-textpic-text{
	float: none;
}

.milieu_droite_contenu_une .csc-header{
	float: left;
	width:100%;
}

.milieu_droite_contenu_une .csc-textpicHeader{
	float:left;
	width:100%;
}

* html .milieu_droite_contenu_une .csc-textpicHeader{float:none;}
*+html .milieu_droite_contenu_une .csc-textpicHeader{float:none;}

.milieu_droite_contenu_une .tx-dcdflvplayer-pi1{
	float:right;
}

.milieu_droite_contenu_une_texte{
  float: left;
  width: 380px;
  margin-right:20px;
}

* html .milieu_droite_contenu_une_texte{margin-right:16px;}
*+html .milieu_droite_contenu_une_texte{margin-right:16px;}

.milieu_droite_contenu_une_texte p{
  float: left;
  width:100%;
}

.milieu_droite_contenu_une_image{
  float: left;
  width: 220px;
}

.milieu_droite_contenu_une_image img {
  float: right;
}

.milieu_droite_contenu_eve{
	float: left;
  width: 620px;
}

.milieu_droite_contenu_eve .csc-textpic-text {
	float: left;
}

.milieu_droite_contenu_eve .csc-textpic {
	float: left;
}

.milieu_droite_contenu_eve .csc-textpic .csc-textpic-text{
	float: none;
}

.milieu_droite_contenu_eve .csc-header{
	float: left;
	width:100%;
}

.milieu_droite_contenu_eve .csc-textpicHeader{
	float:left;
	width:100%;
}

* html .milieu_droite_contenu_eve .csc-textpicHeader{float:none;}
*+html .milieu_droite_contenu_eve .csc-textpicHeader{float:none;}

.milieu_droite_contenu_eve .tx-dcdflvplayer-pi1{
	float:right;
}

.milieu_droite_contenu_eve_texte{
	float: left;
  width: 380px;
  margin-right:20px;
}

.milieu_droite_contenu_eve_texte p{
	float: left;
	width:100%;
}

.milieu_droite_contenu_eve_image{
	float: left;
  width: 220px;
}

.milieu_droite_contenu_actu_agenda{
	float: left;
  width: 620px;

  border-bottom: 1px dotted #000000;

  padding-bottom:15px;
}

.milieu_droite_contenu_actu{
	float: left;
	width: 390px;
	padding-right: 10px;
}

.milieu_droite_contenu_actu .csc-header{
	float: left;
	width:100%;
	
	height:20px;
  margin-bottom:10px;
}

.milieu_droite_contenu_actu .csc-textpicHeader{
	float:left;
	width:100%;
}

* html .milieu_droite_contenu_actu .csc-textpicHeader{float:none;}
*+html .milieu_droite_contenu_actu .csc-textpicHeader{float:none;}

.milieu_droite_contenu_actu .csc-textpic-intext-left{
	float:left;
	width:380px;
}

.milieu_droite_contenu_actu_contenu{
	float: left;

	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 8px;
}

.milieu_droite_contenu_actu_image{
	float: left;
}

.milieu_droite_contenu_actu_texte{
	float: left;
  width: 320px;
  margin-left:15px;
}

* html .milieu_droite_contenu_actu_texte{
  width: 315px;
}

.milieu_droite_contenu_actu_lien,
.milieu_droite_contenu_agenda_lien{
	float: left;
  width: 100%;
}

.milieu_droite_contenu_actu_lien p{
	padding-top : 10px;
	padding-left : 0px;
	padding-right : 25px;
	padding-bottom : 0px;
}

.milieu_droite_contenu_agenda_lien p{
	padding-top : 4px;
	padding-left : 0px;
	padding-right : 10px;
	padding-bottom : 0px;
}

.milieu_droite_contenu_agenda{
	float: left;
  width: 216px;
}

.milieu_droite_contenu_agenda .csc-header{
	float: left;
	width:100%;
	
	height:20px;
  margin-bottom:10px;
}

.milieu_droite_contenu_agenda .csc-textpicHeader{
	float:left;
	width:100%;
}

* html .milieu_droite_contenu_agenda .csc-textpicHeader{float:none;}
*+html .milieu_droite_contenu_agenda .csc-textpicHeader{float:none;}

.milieu_droite_contenu_agenda_contenu{
	float: left;
	width : 100%;

	padding-top : 4px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 4px;
}

.milieu_droite_contenu_agenda_contenu a{
	display:block;
}

h1.alaune,
h1.evenement,
h1.actu,
h1.agenda{
	float: left;

	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 5px;

	padding-top : 2px;
	padding-left : 8px;
	padding-right : 8px;
	padding-bottom : 2px;
}

h2.titre_agenda{
	float: left;
	width : 100%
}

p.date{
	float: left;
	width : 100%
}

/*----------------------------------------------------------------------------*/
/*                                BLOCK CONTENU                               */
/*----------------------------------------------------------------------------*/

.milieu_droite_contenu_haut{
	float:left;
}

.milieu_droite_contenu_haut_titres {
	border-bottom:1px dotted #666666;
	
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 5px;

	padding-top : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 5px;	
}

.milieu_droite_contenu_bloc{
	float:left;
	width:620px;
}

.milieu_droite_contenu_bloc p{
	padding-top : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 5px;	
}

.milieu_droite_contenu_bloc p.bodytext {
	padding: 0;
}

#menu_outils {
	float:left;
	width:620px;
}

#menu_outils ul{
	float:left;
	margin-top: 10px;
}

#menu_outils li{
	float:left;
  list-style-type: none;
  
	padding-top : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;	  
}


/*----------------------------------------------------------------------------*/
/*                                CADRES SPECIAUX                             */
/*----------------------------------------------------------------------------*/

.cadre_border_bottom_dotted{
	float:left;
	width:100%;
	
	border-bottom-color:black;
	border-bottom-style:dotted;
	border-bottom-width:1px;

	margin-bottom:15px;
	padding-bottom:15px;
}


.cadre_special_vids{
	float:left;
	width:380px;
}
/*----------------------------------------------------------------------------*/
/*                             BLOCK CONTENU GAUCHE                           */
/*----------------------------------------------------------------------------*/

.milieu_droite_contenu_bloc_gauche{
	float:left;
	width:400px;
	margin-right:20px;
}

* html .milieu_droite_contenu_bloc_gauche{margin-right:16px;}

/*----------------------------------------------------------------------------*/
/*                             BLOCK CONTENU DROITE                           */
/*----------------------------------------------------------------------------*/

.milieu_droite_contenu_bloc_droite{
	float:left;
	width:200px;
}

.bloc_droite{
	float:left;
	width:200px;
	
	border-bottom:1px dotted #DDDDDD;
	
	margin-bottom:10px;
}

.news-single-item .bloc_droite{
	border-bottom:0px dotted #DDDDDD;
}


/*----------------------------------------------------------------------------*/
/*                                 PIED DE PAGE                               */
/*----------------------------------------------------------------------------*/

.milieu_droite_contenu_pied_page{
	float:left;
	width:620px;

	padding-bottom:15px;
}

#pied_page{
	float: right;
}

#pied_page li{
	float: left;

	list-style-type: none;

  border-right: 1px solid #666666;

	padding-left:9px;
	padding-right:9px;
	margin-left: 0;
}

#pied_page li a{
	float: left;
	color: #666666;
	background-color:inherit;
	font-weight: normal;
}