/**********************************************************************************************************************************************************************************/
/***********************************************************************                              TYPO                                 ************************************************************************/
/***********************************************************************************************************************************************************************************/


/*********************************************************************************************************/
/****     GENERAL     *****************************************************************************************/
/*********************************************************************************************************/
body, div, fieldset, ul, ol, li, table {
	margin:0;
	padding:0;
}

body {
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	color:#685c53;
}

h1 {
	font-size:1.7em;
	padding:0 0 5px 0;
	margin:0;
}

h2 {
	font-size:1.4em;
	padding:0 0 5px 0;
	margin:0;
}

h3 {
	font-size:1.2em;
	padding:0 0 5px 0;
	margin:0;
}

h4 {
	font-size:1em;
	padding:0 0 5px 0;
	margin:0;
}

h5 {
	font-size:0.9em;
	padding:0 0 5px 0;
	margin:0;
}

h6 {
	font-size:0.8em;
	padding:0 0 5px 0;
	margin:0;
}

p {
	padding:0 0 10px 0;
	margin:0;
	font-size:1em;
}

div {
	font-size:1em;
}

span {
	font-size:1em;
}

ul, ol {
	font-size:1em;
	margin:0;
}

li {
	font-size:1em;
	list-style-type:square;
	padding:0;
}

a, a:link {
	text-decoration:none;
	color:#685c53;
}

a:hover {
	text-decoration:underline;
	color:#685c53;
}

table {
	font-size:1em;
	border-collapse:collapse;
}

tr {
	font-size:1em;
}

th {
	margin:3px;
	padding:5px;
	font-size:1em;
}

td {
	margin:3px;
	padding:5px;
	font-size:1em;
}

form {
	margin:0;
}

input, select {
	font-size:1em;
	color:#090909;
}

textarea {
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
}

img {
	border:none;
}

a img {
	border:none;
}

abbr, acronym, dfn {
	border-bottom:1px dotted #999999;
	cursor:help;
}


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-style:italic;
	padding-top:3px;
}


/*********************************************************************************************************/
/****   ALIGN   AND  HIDDEN    ********************************************************************************/
/*********************************************************************************************************/
.align-justify {
	text-align:justify;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.hidden {
	display:none;
}
.bold {
	font-weight:bold;
}


/********************************************************************************************************/
/****     TITRES     *****************************************************************************************/
/********************************************************************************************************/


/****     TITRES   GAUCHE  *******************************************/
#milieu #milieu_gauche_home h1.entete_fond,
#milieu #milieu_gauche_home h2.entete_fond,
#milieu #milieu_gauche_home h3.entete_fond, 
#milieu #milieu_gauche_home h4.entete_fond, 
#milieu #milieu_gauche_home h5.entete_fond, 
#milieu #milieu_gauche_home h6.entete_fond  {
	margin: 0 0 5px;
}

#milieu #milieu_gauche_home h3.entete_fond {
	font-size:1.3em;
	color:#68b022;
}

#milieu #milieu_gauche h1.entete_fond ,
#milieu #milieu_gauche h2.entete_fond,
#milieu #milieu_gauche h3.entete_fond, 
#milieu #milieu_gauche h4.entete_fond, 
#milieu #milieu_gauche h5.entete_fond, 
#milieu #milieu_gauche h6.entete_fond  {
	margin: 0 0 5px;
}

#milieu #milieu_gauche h3.entete_fond {
	font-size:1.3em;
	color:#68b022;
}

#milieu #milieu_gauche h2.titre_colonne {
	color:#68b022;
	margin:7px 5px 0 5px;
	padding:30px 0 10px 0;
	font-size:1.6em;
}

#milieu #milieu_gauche .titre_gauche_inter h2.titre_colonne {
	color:#68b022;
	margin:7px 5px 0 5px;
	padding:5px 0 10px 0;
	font-size:1.6em;
}

#milieu #milieu_gauche_home h2.titre_colonne {
	color:#68b022;
	margin:7px 5px 0 5px;
	padding:30px 0 10px 0;
	font-size:1.6em;
}


/****     TITRES   MILIEU   HOME  *******************************************/
#milieu #milieu_milieu_home h1.entete_fond,
#milieu #milieu_milieu_home h2.entete_fond,
#milieu #milieu_milieu_home h3.entete_fond, 
#milieu #milieu_milieu_home h4.entete_fond, 
#milieu #milieu_milieu_home h5.entete_fond, 
#milieu #milieu_milieu_home h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2.gif") no-repeat;
	height:26px;
	width:406px;
	color:#ffffff;
	padding:3px 0 5px 15px;
	margin:0 0 5px 0;
}

#milieu #milieu_milieu_home h3.entete_fond, 
#milieu #milieu_milieu_home h4.entete_fond {
	padding:5px 0 5px 15px;
}

#milieu #milieu_milieu_home h5.entete_fond, 
#milieu #milieu_milieu_home h6.entete_fond {
	padding:7px 0 5px 15px;
}

#milieu #milieu_milieu_home h2.titre_colonne {
	padding:7px 5px 10px 25px;
	color:#ffffff;
	font-size:1.6em;
}

#milieu #milieu_milieu_home .bloc_milieu .titre_home_video h2 {
	font-size:1.6em;
	color:#68b022;
	background:none;
	padding-top:0;	
	width:auto;
}

#milieu #milieu_milieu_home .bloc_milieu .actualites_home_contenu h2 {
	background:none;
	width:auto;
}

#milieu #milieu_milieu_home .bloc_milieu .actualites_home_contenu h2 a {
	color:#68b022;
}

#milieu #milieu_milieu_home h2.flux_rss {
	background:url("../images/interface/fond_milieu_h2.gif") no-repeat;
	height:26px;
	width:236px;
	float:left;
	color:#ffffff;
	padding:3px 0 5px 15px;
	margin:0 0 5px 0;
}

#milieu #milieu_milieu_home h1.titre_actu {
	padding:3px 0 5px 15px;
	margin:0 0 5px 0;
	font-size:1.8em;
}


/****     TITRES   MILIEU   INTER  *******************************************/
#milieu #milieu_milieu_contenu  h1.entete_fond,
#milieu #milieu_milieu_contenu  h2.entete_fond,
#milieu #milieu_milieu_contenu  h3.entete_fond, 
#milieu #milieu_milieu_contenu  h4.entete_fond, 
#milieu #milieu_milieu_contenu  h5.entete_fond, 
#milieu #milieu_milieu_contenu  h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2_large.gif") no-repeat;
	height:26px;
	color:#ffffff;
	margin:0 0 5px 0;
	width:653px;
}

#milieu #milieu_milieu_contenu .contenu_large_gauche h1.entete_fond,
#milieu #milieu_milieu_contenu .contenu_large_gauche h2.entete_fond,
#milieu #milieu_milieu_contenu .contenu_large_gauche h3.entete_fond, 
#milieu #milieu_milieu_contenu .contenu_large_gauche h4.entete_fond, 
#milieu #milieu_milieu_contenu .contenu_large_gauche h5.entete_fond, 
#milieu #milieu_milieu_contenu .contenu_large_gauche h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2.gif") no-repeat;
	height:26px;
	color:#ffffff;
	margin:0 0 5px 0;
	width:406px;
}

#milieu #milieu_milieu_conten #colonne_droite_inter h2 {
	color:#68b022;
}

#milieu #milieu_milieu_contenu #colonne_droite_inter h1.entete_fond,
#milieu #milieu_milieu_contenu #colonne_droite_inter h2.entete_fond,
#milieu #milieu_milieu_contenu #colonne_droite_inter h3.entete_fond, 
#milieu #milieu_milieu_contenu #colonne_droite_inter h4.entete_fond, 
#milieu #milieu_milieu_contenu #colonne_droite_inter h5.entete_fond, 
#milieu #milieu_milieu_contenu #colonne_droite_inter h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2_droite.gif") no-repeat;
	height:26px;
	color:#ffffff;
	margin:0 0 5px 0;
	width:215px;
}

#milieu #milieu_milieu_contenu .colonne_moitie_gauche h1.entete_fond,
#milieu #milieu_milieu_contenu .colonne_moitie_gauche h2.entete_fond,
#milieu #milieu_milieu_contenu .colonne_moitie_gauche h3.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_gauche h4.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_gauche h5.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_gauche h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2_moitie.gif") no-repeat;
	height:26px;
	color:#ffffff;
	margin:0 0 5px 0;
	width:299px;
}

#milieu #milieu_milieu_contenu .colonne_moitie_droite h1.entete_fond,
#milieu #milieu_milieu_contenu .colonne_moitie_droite h2.entete_fond,
#milieu #milieu_milieu_contenu .colonne_moitie_droite h3.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_droite h4.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_droite h5.entete_fond, 
#milieu #milieu_milieu_contenu .colonne_moitie_droite h6.entete_fond  {
	background:url("../images/interface/fond_milieu_h2_moitie.gif") no-repeat;
	height:26px;
	color:#ffffff;
	margin:0 0 5px 0;
	width:299px;
}

#milieu #milieu_milieu_contenu h1.entete_fond, 
#milieu #milieu_milieu_contenu h2.entete_fond {
	padding:3px 0 5px 15px;
}

#milieu #milieu_milieu_contenu h3.entete_fond, 
#milieu #milieu_milieu_contenu h4.entete_fond {
	padding:5px 0 5px 15px;
}

#milieu #milieu_milieu_contenu h5.entete_fond, 
#milieu #milieu_milieu_contenu h6.entete_fond {
	padding:7px 0 5px 15px;
}


#milieu #milieu_milieu_contenu h1.titre_page,
#milieu #milieu_milieu_contenu .titre_milieu_inter h2 {
	padding:7px 5px 20px 0;
	font-size:1.9em;
}

#milieu #milieu_milieu_contenu h2.sous_titre_page{
	font-size:1.5em;
	padding:5px 5px 25px 0;
}

#milieu #milieu_milieu_contenu .bloc_milieu .titre_home_video h2 {
	font-size:1.6em;
	color:#68b022;
	background:none;
	padding-top:0;	
	width:auto;
}

#milieu #milieu_milieu_contenu .bloc_milieu .actualites_home_contenu h2 {
	background:none;
	width:auto;
	color:#68b022;
}

#milieu #milieu_milieu_contenu h2.flux_rss {
	background:url("../images/interface/fond_milieu_h2.gif") no-repeat;
	height:26px;
	width:236px;
	float:left;
	color:#ffffff;
	padding:3px 0 5px 15px;
	margin:0 0 5px 0;
}

#milieu #milieu_milieu_contenu h3.titre_actu {
	padding:3px 0 5px 15px;
	margin:0 0 5px 0;
	font-size:1.8em;
}


/****     TITRES   DROITE   *******************************************/
#milieu #milieu_droite_home h1.entete_fond,
#milieu #milieu_droite_home h2.entete_fond,
#milieu #milieu_droite_home h3.entete_fond, 
#milieu #milieu_droite_home h4.entete_fond, 
#milieu #milieu_droite_home h5.entete_fond, 
#milieu #milieu_droite_home h6.entete_fond  {
	background:none;
	margin:0 0 5px 0;
	padding-left:0;
}

#milieu #milieu_droite_home h3.entete_fond {
	font-size:1.3em;
}

#milieu #milieu_droite_home h2.titre_colonne {
	color:#68b022;
	margin:7px 5px 0 5px;
	padding:30px 0 10px 0;
	font-size:1.6em;
}

#milieu #milieu_droite_home h4 {
	background: url(../images/pictos/puce_gauche_niveau1_off.gif) no-repeat scroll 1px 8px;
	padding:5px 0 5px 20px;
	margin:10px 0 5px 0;
}


/****     TITRES   VERTS   *******************************************/
#milieu  h1.entete_vert,
#milieu  h2.entete_vert,
#milieu  h3.entete_vert, 
#milieu  h4.entete_vert, 
#milieu  h5.entete_vert, 
#milieu  h6.entete_vert  {
	margin:0;
	padding:0 0 10px 0;
	color:#68b022;
}


/****     TITRES   GRIS   *******************************************/
#milieu h1.entete_gris,
#milieu h2.entete_gris,
#milieu h3.entete_gris, 
#milieu h4.entete_gris, 
#milieu h5.entete_gris, 
#milieu h6.entete_gris  {
	margin:0;
	padding:0 0 10px 0;
	color:#685c63;
}


/*********************************************************************************************************/
/****     HAUT     *******************************************************************************************/
/*********************************************************************************************************/


/****    MENU TOP   ****************************************************/
#haut #haut_haut #menu_top  li {
	display:inline;
	padding:0 7px;
	background:url("../images/interface/trait_menu_top.gif") no-repeat right 2px;
}

#haut #haut_haut #menu_top  li a {
	color:#ffffff;
}


/****     HAUT FORMULAIRE RECHERCHE   *******************************************/
#haut #haut_haut .form_recherche {
	width:265px;
	float:left;
	padding-left:15px;
	color:#ffffff;
}

#haut #haut_haut .form_recherche input {
	margin:0;
	padding:0;
}

#haut #haut_haut .form_recherche label {
	padding:0;
	padding-right:5px;
	margin:0;
}

#haut #haut_haut .form_recherche .label_recherche {
	display:block;
	float:left;
	margin-top:4px;
}

#haut #haut_haut .form_recherche .fond_champ_recherche {
	background:url("../images/interface/fond_champ_recherche.png") no-repeat;
	width:145px;
	height:20px;
	margin:3px 4px 0 0;
	padding:0;
	display:block;
	float:left;
}

* html #haut #haut_haut .form_recherche .fond_champ_recherche {
	background:url("../images/interface/fond_champ_recherche.gif") no-repeat;
}

#haut #haut_haut .form_recherche #champs_recherche {
	width:130px;
	margin:2px 4px 0 3px;
	border:0;
	padding:0 4px 0 4px;
}

#haut #haut_haut .form_recherche .champs_submit {
	background:url("../images/interface/fond_ok.png") no-repeat;
	width:31px;
	height:20px;
	border:0;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	margin:2px 0 0 0;
}

* html #haut #haut_haut .form_recherche .champs_submit {
	background:url("../images/interface/fond_ok.gif") no-repeat;
}



/****     MENU PRINCIPAL  HAUT   *************************************************/
#haut #haut_milieu #menu_principal li {
	display:block;
	float:left;
	font-size:1.3em;
	position:relative;
	background:url("../images/interface/trait_menu_principal.png") right no-repeat;
	text-align:center;
	padding-bottom:8px;
	z-index:20;
	text-align:center;
	width:160px;
}


* html #haut #haut_milieu #menu_principal li {
	background:url("../images/interface/trait_menu_principal.gif") right no-repeat;
}


#haut #haut_milieu #menu_principal li.item_projet {
	width:180px;
}

#haut #haut_milieu #menu_principal li.item_metromag {
	width:140px;
}


#haut #haut_milieu #menu_principal li:hover {
	background:#ffffff url("../images/interface/fond_ul_principal_democratie.gif") top right no-repeat;
}


#haut #haut_milieu #menu_principal li.item_clic:hover  {
	background:#ffffff url("../images/interface/fond_ul_principal_democratie.gif") top right no-repeat;
}

#haut #haut_milieu #menu_principal li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	height:25px;
	padding-top:10px;
}

#haut #haut_milieu #menu_principal li a:hover {
	text-decoration:none;
}

#haut #haut_milieu #menu_principal li ul {
	padding-top:6px;
	position:absolute;
	left:0;
	display:none;
	border-top:1px solid #ffffff;
	border-bottom:2px solid #a1c406;
	background-color:#a1c406;
	width:160px;
}

#haut #haut_milieu #menu_principal li.item_projet ul {
	width:180px;
}

#haut #haut_milieu #menu_principal li.item_metromag ul {
	width:140px;
}

#haut #haut_milieu #menu_principal li ul a {
	color:#695c53;
	display:inline;
	padding-top:2px;
}

#haut #haut_milieu #menu_principal li ul a:hover {
	text-decoration:underline;
}

#haut #haut_milieu #menu_principal li:hover ul {
	display:block;
	padding-top:8px;
	position:absolute;
}

#haut #haut_milieu #menu_principal li.sfhover ul {
	display:block;
	padding-top:8px;
}

#haut #haut_milieu #menu_principal li ul li {
	background:#ffffff url(../images/pictos/puce_haut_niveau1_off.gif) no-repeat scroll 1px 2px;
	border-bottom:1px solid #a1c309;
	padding:5px 5px 5px 22px;
	font-size:0.75em;
	font-weight:bold;
	float:left;
	text-align:left;
	margin-left:1px;
	width:131px;
}


#haut #haut_milieu #menu_principal li.item_projet ul li {
	width:151px;
}

#haut #haut_milieu #menu_principal li.item_metromag ul li {
	width:111px;
}

#haut #haut_milieu #menu_principal li ul li:hover {
	background:#ffffff url(../images/pictos/puce_haut_niveau1_off.gif) no-repeat scroll 1px 2px;
}

#haut #haut_milieu #menu_principal li ul li.sfhover {
	background:#ffffff url(../images/pictos/puce_haut_niveau1_off.gif) no-repeat scroll 1px 2px;
}

#haut #haut_milieu #menu_principal li ul li.active {
	background:#ffffff url(../images/pictos/puce_haut_niveau1_off.gif) no-repeat scroll 1px 2px;
}



/*********************************************************************************************************/
/****     MILIEU     ******************************************************************************************/
/*********************************************************************************************************/
#milieu li {
	list-style-type:none;
}

#milieu .milieu_milieu_contenu_contenu  a {
	text-decoration:none;
	color:#68b022;
	font-weight:bold;
}

#milieu .milieu_milieu_contenu_contenu  a:hover{
	text-decoration:underline;
}

#milieu .milieu_milieu_contenu_contenu .csc-textpic-image img{
	margin: 4px 0;
}

#milieu .milieu_milieu_contenu_contenu  table {
	/*border:1px solid #bbbbbb;*/
	border: 0;
}

#milieu .milieu_milieu_contenu_contenu  tr {
	/*border:1px solid #bbbbbb;*/
	border: 0;
}

#milieu .milieu_milieu_contenu_contenu  th,
#milieu .milieu_milieu_contenu_contenu  td {
	/*border:1px solid #bbbbbb;*/
	border: 0;
	padding:4px 3px;
}

* html #milieu .milieu_milieu_contenu_contenu  th,
* html #milieu .milieu_milieu_contenu_contenu  td {
	padding:2px;
}


#milieu .milieu_milieu_contenu_contenu  th p,
#milieu .milieu_milieu_contenu_contenu  td p {
	padding:0;
	margin:0;
}

#milieu .milieu_milieu_contenu_contenu  li {
	list-style-type:none;
	margin-left:0;
	padding:3px 0 3px 12px;
	background:transparent url(../images/pictos/puce_contenu.gif) no-repeat scroll 1px 8px;
}

#milieu .milieu_milieu_contenu_contenu #colonne_droite_inter li {
	list-style-type:none;
	background:transparent url(../images/pictos/puce_droite.gif) no-repeat scroll 2px 4px;
	margin-left:0;
	padding:3px 0 3px 20px;
}

/****     FORMULAIRE COMMUNES  GAUCHE  HOME ET INTER    *******************************************/
#milieu #milieu_gauche_home .bloc_gauche form.choisir_commune select,
#milieu #milieu_gauche .bloc_gauche form.choisir_commune select {
	width:175px;
}
#milieu #milieu_gauche_home .bloc_gauche form.choisir_commune .label_commune_submit,
#milieu #milieu_gauche .bloc_gauche form.choisir_commune .label_commune_submit {
	display:none;
}

#milieu #milieu_gauche_home .bloc_gauche form.choisir_commune .champs_submit,
#milieu #milieu_gauche .bloc_gauche form.choisir_commune .champs_submit {
	background:url("../images/interface/fond_ok.png") no-repeat;
	width:31px;
	height:20px;
	border:0;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	margin:2px 0 0 0;
}

* html #milieu #milieu_gauche_home .bloc_gauche form.choisir_commune .champs_submit,
* html #milieu #milieu_gauche .bloc_gauche form.choisir_commune .champs_submit {
	background:url("../images/interface/fond_ok.gif") no-repeat;
}


/****     MENU PORTRAIT DU TERRITOIRE  HOME ET INTER  *******************************************/
#menu_territoire  {
	margin-top:12px;
}

#menu_territoire li {
	list-style-type:none;
	padding:9px 0 9px 37px;
}

#menu_territoire li.picto_decouverte {
	background:url("../images/pictos/picto_decouverte.gif") no-repeat;
}

#menu_territoire li.picto_territoire {
		background:url("../images/pictos/picto_territoire.gif") no-repeat;
}

#menu_territoire li.picto_meteo {
		background:url("../images/pictos/picto_meteo.gif") no-repeat;
}

#menu_territoire li a {
	font-weight:bold;
}


/****     MENU DIVERS GAUCHE   HOME ET INTER  *******************************************/
#milieu #milieu_gauche_home  .menu_divers_gauche  li,
#milieu #milieu_gauche  .menu_divers_gauche  li {
	list-style:none;
	margin:5px 0;
	padding-left:37px;
	font-weight:bold;
	padding-top:5px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_cadre_vie,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_cadre_vie {
	background:url("../images/pictos/picto_cadre_vie.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_deplacements,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_deplacements {
	background:url("../images/pictos/picto_deplacements.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_loisirs,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_loisirs {
	background:url("../images/pictos/picto_loisirs.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home .menu_divers_gauche  li.picto_vie_quotidienne,
#milieu #milieu_gauche .menu_divers_gauche  li.picto_vie_quotidienne {
	background:url("../images/pictos/picto_vie_quotidienne.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_economie,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_economie {
	background:url("../images/pictos/picto_economie.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_elus,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_elus {
	background:url("../images/pictos/picto_elus.gif") no-repeat;
	height:30px;
	Width:163px;
}

#milieu #milieu_gauche_home  .menu_divers_gauche  li.picto_questions_reponses,
#milieu #milieu_gauche  .menu_divers_gauche  li.picto_questions_reponses {
	background:url("../images/pictos/picto_questions_reponses.gif") no-repeat;
	height:30px;
	Width:163px;
}


/****     MENU  GAUCHE  PRINCIPAL  INTER  *******************************************/
#milieu #milieu_gauche  .menu_gauche_principal  li {
	list-style:none;
	font-weight:bold;
	border-top:1px dotted #685c53;
	padding:6px 0 6px 28px;
	background:#e2e2de url("../images/pictos/puce_gauche_niveau1_off.gif") no-repeat 4px 3px;
}

#milieu #milieu_gauche  .menu_gauche_principal  li.active {
	padding:6px 0 6px 28px;
	background:#ffffff url("../images/pictos/puce_gauche_niveau1_on.gif") no-repeat 4px 3px;
}

#milieu #milieu_gauche  .menu_gauche_principal  li.active a {
	color:#68b022;
}

#milieu #milieu_gauche  .menu_gauche_principal  li ul {
	margin-top:5px;
	display:none;
}

#milieu #milieu_gauche  .menu_gauche_principal  li.active ul {
	display:block;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li {
	font-weight:normal;
	margin-left:-20px;
	padding:6px 0 6px 22px;
	background:#ffffff url("../images/pictos/puce_gauche_niveau2_off.gif") no-repeat 1px 5px;
	background-color:#f0efec;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active {
	font-weight:bold;
	display:block;
	margin-left:-20px;
	padding:6px 0 6px 22px;
	background:url("../images/pictos/puce_gauche_niveau2_on.gif") no-repeat 1px 5px;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li a,
#milieu #milieu_gauche  .menu_gauche_principal  li.active li a,
#milieu #milieu_gauche  .menu_gauche_principal  li.active li.active a {
	color:#685c53;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li li{
	display:block;
	margin-left:0;
	padding:5px 0 5px 20px;
	background:url("../images/pictos/puce_gauche_niveau3_off.gif") no-repeat 1px 7px;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active li{
	background-color:#f0efec;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active li.active {
	background-color:transparent;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active li.active a {
	color:#68b022;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li ul {
	margin-top:5px;
	display:none;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active ul {
	display:block;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li li ul {
	margin-top:5px;
	display:none;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li.active li.active ul {
	margin-top:5px;
	display:block;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li li.active {
	display:block;
	margin-left:0;
	padding:5px 0 5px 20px;
	background:url("../images/pictos/puce_gauche_niveau3_on.gif") no-repeat 1px 7px;
}

#milieu #milieu_gauche  .menu_gauche_principal  li li li.active a{
	color:#68b022;
}
	
	
/*****************************************************************************************************/	
/****     BAS     *****************************************************************************************/
/*****************************************************************************************************/
#bas {
	color:#ffffff;
}

#bas #bas_gauche p {
	margin-left:7px;
}

#bas #bas_gauche  p a {
	text-decoration:underline;
	color:#ffffff;
}

#bas #bas_gauche p a:hover {
	text-decoration:none;
}


/****     MENU  BAS  *******************************************/
#bas #menu_bottom  {
	margin-bottom:10px;
}

#bas #menu_bottom li {
	display:inline;
	padding:0 9px;
	background:url("../images/interface/trait_menu_top.gif") no-repeat right 2px;
}

#bas #menu_bottom li  a {
	display:inline;
	color:#ffffff;
}


/********************************************************************************************************/
/****   FORMULAIRES DE CONTACT    ***************************************************************************/
/********************************************************************************************************/
#mailform fieldset.csc-mailform {
	border:none;
}

#mailform fieldset.csc-mailform .csc-mailform-field {
	clear:both;
}

* html #mailform fieldset.csc-mailform .csc-mailform-field {
	margin-bottom:5px;
}

*+ html #mailform fieldset.csc-mailform .csc-mailform-field {
	margin-bottom:5px;
}

#mailform fieldset.csc-mailform .csc-mailform-field label {
	display:block;
	float:left;
	text-align:left;
	width:140px;
	margin:3px 15px 0 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field input {
	float:left;
	margin:0 0 10px 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field select {
	float:left;
	margin:0 0 10px 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field textarea {
	float:left;
	margin:0 0 10px 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field fieldset {
	float:left;
	margin:0;
	border:none;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio {
	float:left;
	margin:0 0 5px -10px;
	padding:2px 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio legend {
	display:none;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label {
	width:auto;
	margin:0 15px 0 3px;
	float:left;
}

* html #mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label {
	float:none;
}

*+ html #mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio label {
	float:none;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio input {
	width:20px;
	margin:0 10px 3px 0;
	clear:both;
}

#mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	width:auto;
	margin:3px 15px 15px 0;
	padding:0 0 10px 0;
}

* html #mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	margin:3px 15px 0 0;
}

*+ html #mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
	margin:3px 15px 0 0;
}

#mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-submit {
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	cursor:pointer;
	margin:5px 0 10px 155px;
	width:auto;
}


/********************************************************************************************************/
/****  E-MEDIA    ***************************************************************************/
/********************************************************************************************************/

#flashcontent {
	margin:20px 0 0 40px;
}


/********************************************************************************************************/
/****   CORRECTION BUG    ***************************************************************************/
/********************************************************************************************************/
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
	padding-left:0;
}

.atmail {
	font-weight:bold;
	color:#68b022;
}

*html .tx-sriframe-pi1 {
	clear:both;
	border:1px solid #ffffff;
}

.submit2 {
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	cursor:pointer;
	margin:12px 0 10px 0;
	width:auto;
	padding:2px 5px;
}
