/******************************************************************************/
/*                                    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:100%;

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

	z-index:2;
}

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

*+html #milieu {
	/*height:100%;*/
}

/*----------------------------------------------------------------------------*/
/*                                 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/menu.png");
  background-position: top right;
  background-repeat: no-repeat;

  list-style-type: none;
}

#menu_gauche li a,
#menu_gauche li a:link  {
  display: block;

  width:280px;
  height:22px;

	color: #FFFFFF;
  background-color: inherit;

	margin-top : 4px;
	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;}

#menu_gauche li.active ul{
	display: block;
	padding-left: 30px;
}

#menu_gauche li li{
  background-image: none;
  list-style-type: none;
}


#menu_gauche li li li{
  background-image: url("../images/interface/menu.png");
  background-position: top right;
  background-repeat: no-repeat;
  list-style-type: none;
}

#menu_gauche li li a,
#menu_gauche li li a:link  {
  display: block;

  width:280px;
  height:22px;

	color: #FFFFFF;
  background-color: inherit;

	margin-top : -4px;
	margin-bottom : 4px;

	padding-top : 2px;
	padding-left : 20px;
}

* html #menu_gauche li li a{width:300px;}
* html #menu_gauche li.active li a {width:300px;}

#menu_gauche li.active li a,
#menu_gauche li.active li a:link {
  color:#FFFFFF;
  background-color: #005DFD;

  background-image: url("../images/icones/ssmenu.gif");
  background-position: 5px 7px;
  background-repeat: no-repeat;
}

#menu_gauche li.active li a:hover,  #menu_gauche li.active li.active a{
  background-color: #005DFD;
  background-image: url("../images/icones/ssmenu-active.gif");
}

#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;
}

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

* html #menu_gauche li li li a{width:270px;}

#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:270px;}
* html #menu_gauche li.active li.active li a:hover {width:270px;}


/*----------------------------------------------------------------------------*/
/*                                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;
}