/***************************** CSS GENERIC ********************************/
body, pre, input, textarea, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html, body, p,  td, form, input, select, textarea, pre, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6{
	padding: 0px;
	margin: 0px;
}

body{
	text-align: center;
}

a{
	color: #000000;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;

}

a img{
	border-width: 0px;
}

td{
	vertical-align: top;
}

ul, ol{
	/* Sinon les puces ne sont pas visible sous IE */
	padding-left: 25px;
}

ul{
	list-style-type: disc;
}

li{
   line-height: 18px;
}

.cms_bloc ul, .cms_bloc ol{
	position: relative;
	padding: 5px 0px;
	line-height: 16px;
}

.cms_bloc ol{
	list-style-position: inside;
}

.cms_bloc ul{
	list-style-type: none;
	_list-style-type: disc;
}

.cms_bloc ul li{
	padding-left: 23px;
	/* background: url(http://www.ecoleepsilon.fr/default/CMS/css/common/../../images/wgs1/puce_liste.gif) 7px 7px no-repeat; */
	overflow:hidden;

	_padding-left: 7px;
	_background: none;
	_list-style-position: inside;
}

.cms_bloc ol li{
	padding-left: 7px;
}

.cms_part{
	text-align: left;
	margin: 0px auto;
}

.cms_bandeau{
}

.cms_page{
}

.cms_gauche{
}

.cms_droite{
}

.cms_gauche, .cms_droite{
	float: left;
}

.cms_zone{
}

.cms_bloc{
	padding: 5px 0px;
	clear: both;
}

/*** BLOCS FILE ***/
.cms_bloc_file{
}

/*** BLOCS FORM ***/
.cms_bloc_form{
}

.cms_bloc_form table td{
	padding: 3px;
}

.cms_bloc_form table td.intitule{
	font-weight: bold;
	text-align: left;
	width: 200px;
	vertical-align: top;
}

.cms_bloc_form table td.valeur td{
	vertical-align: middle;
}


.cms_bloc_form label{
	padding: 0px 15px 0px 3px;
}

.cms_bloc_form input{
	width: 200px;
}

.cms_bloc_form textarea{
	width: 300px;
	height: 100px;
}

.cms_bloc_form select{
	width: 204px;
}

.cms_bloc_form_error{
	color: #FF0000;
	padding-bottom: 10px;
}

.cms_bloc_form_message{
	font-weight: bold;
	text-align: center;
}

.cms_bloc_form .cms_bloc_form_field_content{
	text-align: justify;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam,
.cms_bloc_form table td.cms_bloc_form_field_antispam_text{
	width: auto;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam_image{
	text-align: right;
}

.cms_bloc_form table td.cms_bloc_form_field_antispam_image img{
	border: 1px solid #000000;
}

.cms_bloc_form .cms_bloc_form_field_content, .cms_bloc_form table td.cms_bloc_form_field_antispam_text{
	padding: 10px 0px;
}

.cms_bloc_form .cms_bloc_form_field_checkbox input{
	width: auto;
}

.cms_bloc_form .cms_bloc_form_field_checkbox table td{
	padding: 0px;
}

.cms_bloc_form .cms_bloc_form_field_radio table td{
	padding: 0px 0px;
}

.cms_bloc_form .cms_bloc_form_field_radio input{
	width: auto;
}

.cms_bloc_form .cms_bloc_form_field_submit input{
	width: 85px;
	margin: 5px 0px;
}

/*** BLOCS HTML ***/
.cms_bloc_html{
}

/*** BLOCS MEDIA ***/
.cms_bloc_media{
	text-align: center;
}

.cms_bloc_media *{
	border: 0px;
	margin: 0px auto;
}

/*** BLOCS MODULE ***/
.cms_bloc_module{
}

/*** BLOCS MAP ***/
.cms_bloc_map .mm_carte{
	margin: auto;
}

.cms_bloc_map .mm_carte .mm_info_photo{
	float: left;
	padding: 0px 5px 5px 0px;
}

.cms_bloc_map .mm_carte .mm_info_titre{
	font-weight: bold;
}

.cms_bloc_map .mm_carte .mm_info_resume{
}

/*** BLOCS TEXTE ***/
.cms_bloc_text{
	text-align: justify;
}

.cms_bloc_text table{
	width: 100%;
	border-collapse: collapse;
	border-color: #000000;
}

.cms_bloc_text table th, .cms_bloc_text table td{
	border-color: #000000 !important;
}

.cms_bloc_text table td{
	vertical-align: top;
}

.cms_bloc_text_media_gauche{
}

.cms_bloc_text_media_gauche .cms_bloc_media{
	position: relative;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	float: left;
	padding: 0px 15px 15px 0px;
}

.cms_bloc_text_media_droite{
}

.cms_bloc_text_media_droite .cms_bloc_media{
	position: relative;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	float: right;
	padding: 0px 0px 15px 15px;
}

.cms_bloc_text_haut{
}

.cms_bloc_text_media_centre{
	text-align: center;
	padding: 15px auto;
}

.cms_bloc_text_media_centre .cms_bloc_media{
	margin: 15px 0px;
}

.cms_bloc_text_bas{
}

.cms_bloc_text table{
	width: 100%;
}

.cms_bloc_text table td{
	vertical-align: top;
}

.cms_bloc_text_gauche{
	width: 49%;
}

.cms_bloc_text_milieu{
	width: 2%;
}

.cms_bloc_text_droite{
	width: 49%;
}

/*** BLOCS TITRE ***/
.cms_bloc_title{
}

.cms_bloc_title h2{
}

/*** ***/
.spacer{
	clear: both;
	line-height: 0px;
	width: 0px;
	font-size: 0px;
}	/******  GENERALITE  ******/
	body, td, pre, input, textarea, select{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	body{ 
		background: #000000;
		text-align: center; 
		color: #FFF;
	}
	a{
		color: #fe6600;
		text-decoration: underline;
	}
	a:hover{
		text-decoration: none;
	}

	.wgs_contener{
		position: relative;
		z-index: 1;
		margin: 0px auto;
		width: 990px;
		text-align: left;	
	}

	.cms_bloc_title h2{
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		padding: 1px 0px 4px 27px;
		color: #339999;
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_titre.gif) left top no-repeat;
		text-transform: uppercase;	
	}

	/******  STYLE DES LISTES  ******/

	#wgs_contenu ul,
	#wgs_contenu ol{
		position: relative;
		padding: 5px 0px;
		line-height: 16px;
	}
	#wgs_contenu ol{
		list-style-position: inside;
	}
	#wgs_contenu ul{
		list-style-type: none;
		_list-style-type: disc;
	}

	#wgs_contenu ul li{
		padding-left: 23px;
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_liste.gif) 7px 7px no-repeat;
		overflow:hidden;
		
		_padding-left: 7px;
		_background: none;	
		_list-style-position: inside;
	}
	#wgs_contenu ol li{
		padding-left: 7px;
	}

	/******  BANDEAU HAUT  ******/
	#wgs_bandeau{
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/fond_bandeau.jpg) left top no-repeat;	
		height: 244px;
	}
	#wgs_bandeau.wgs_bandeau_extranet{
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/fond_bandeau_extranet.jpg) left top no-repeat;	
	}
	#wgs_bandeau h1{
		position: absolute;
		top: 2px;
		right: 15px;
		padding: 0px;
		margin: 0px;
		width: 960px;
		font-size: 10px;
		color: #FFF;
		font-weight: normal;
		text-align: right;
	}

	/******  FIL D'ARIANE  ******/
	#wgs_ariane{
		position:absolute;
		left: 274px;	
		bottom: 19px;
		width: 520px;
		color: #cc6633;
		font-size: 10px;
	}
	#wgs_ariane a{
		color: #cc6633;	
		text-decoration: none;
	}
	#wgs_ariane a:hover{
		text-decoration: underline;
	}
	#wgs_ariane .puce_ariane{
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_sep_ariane.gif) 6px 4px no-repeat;
		padding-left: 20px;	
	}
	/******  LIEN BANDEAU : ACCUEIL, IMPRESSION, PLAN DU SITE  ******/
	#lien_accueil{
		position: absolute;
		left: 0px;
		top: 34px;
		width: 215px;
		height: 150px;	
	}
	a#lien_imprimer,
	a#lien_plan_du_site{
		display: block;
		position: absolute;
		bottom: 16px; 
		color:#cc6633;
		text-align: right;
		padding-bottom: 3px;
		font-size: 10px;
	}
	a#lien_imprimer{
		right: 110px;
		width: 70px;
	}
	a#lien_plan_du_site{
		right: 15px;
		width: 85px;
	}

	#wgs_page,
	#wgs_gauche,
	#wgs_centre,
	#wgs_droite{	
		position: relative;
		z-index: 1;
		float: left;
	}
	#wgs_page{
		width: 990px;
		min-height: 494px;
		height: auto;
		_height: 494px;
		background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/fond_page.jpg) left top no-repeat;	
	}
	#wgs_gauche{
		width: 234px;
	}
	#wgs_centre{
		width: 526px;
		min-height: 200px;
		height: auto;
		_height: 200px;
	}
	#wgs_contenu{
		position: relative;
		padding: 0px 20px 10px 20px;
		line-height: 13px;
	}
	#wgs_droite{
		width: 216px;
		padding: 50px 4px 0 8px ;
	}

	/******  ACTUALITES  ******/
	#wgs_actualites{
		position: absolute;
		left: 21px;
		top: 42px;
		width: 200px;
		height: 148px;	
	}
	.actu_date{
		color: #33cccc;
	}
	.actu_titre{
		padding: 10px 0px 6px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #33cccc;
	}
	.actu_resume img{
		float: right;
		margin: 0px 0px 0px 5px;
	}
	.actu_resume{
		padding: 0px 0px 5px 0px;
		color: #d7c9b7;
	}
	.actu_description img{
		float: right;
		margin: 0px 0px 15px 15px;
	}
	.actu_savoir_plus a{
		color:#d7c9b7;
		font-weight: bold;
		text-decoration: none;
	}

	/******  FORMULAIRE DE CONNEXION  ******/
	#wgs_extranet{
		position: absolute;
		left: 21px;
		top: 260px;
		width: 200px;
		color:#504f4f;
	}
	#wgs_extranet #form_connexion .intitule{
		color: #504f4f;
		text-align: right;
		width: 100px;
		height: 34px;
	}
	#wgs_extranet #form_connexion input{
		width: 100px;
	}
	#extranet_btn{
		text-align: right;
	}
	.wgs_cadre_extranet_connected span{
		font-weight: bold;
	}
	.wgs_cadre_extranet_connected img{
		margin-left: 100px;
	}
	#wgs_extranet .error_connexion{
		position: absolute;
		top: 72px;
		left: 8px;
		width: 130px;
		color: #FF0000;	
	}
	/******  PIED DE PAGE  ******/
	#wgs_footer{
		padding: 6px 6px 10px 0px;
		color: #33cccc;

	}
	#wgs_footer a{
		text-decoration: none;
		color: #33cccc;
	}
	#wgs_footer a:hover{
		text-decoration: underline;
	}
	#wgs_footer a.lien_footer{
		font-weight: bold;
	}
	#wgs_footer img{
		margin-bottom: -4px;
	}#wgs_menu{
	margin: 0;	
	padding: 32px 0px 0px 14px;	
}
#wgs_menu ul,
#wgs_menu li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#wgs_menu li a{
	display: block;
	text-decoration: none;
}
#wgs_menu li{
	width: 187px;
}
#wgs_menu li.niv1{
	margin-bottom: 3px;
}
#wgs_menu li a.niv1{
	width: 157px;
	min-height: 18px;
	height: auto;
	_height: 18px;
	line-height: 18px;
	padding: 5px 6px 6px 24px;
	background: #23a0a3 url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/fond_niv1.jpg) left top no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}
#wgs_menu li a.niv1:hover,
#wgs_menu li a.niv1_on,
#wgs_menu li.niv1_on{
	background: #99866d url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/fond_niv1_on.jpg) left top no-repeat;
	color: #FFF;
}

#wgs_menu li a.niv2{
	width: 145px;
	min-height: 18px;
	height: auto;
	_height: 18px;
	line-height: 18px;
	padding: 3px 6px 3px 36px;
	font-weight: bold;
	color: #90fdff;
	background: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_menu_niv2.gif) 24px 10px no-repeat;	
}
#wgs_menu li a.niv2:hover,
#wgs_menu li a.niv2_on{
	background-image: url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_menu_niv2_on.gif);	
	color: #FFFFFF;
}

#wgs_menu li a.niv3{
	width: 145px;
	min-height: 16px;
	height: auto;
	_height: 16px;
	line-height: 16px;
	padding: 1px 6px 1px 36px;
	color: #90fdff;
}
#wgs_menu li a.niv3:hover,
#wgs_menu li a.niv3_on{
	color: #FFF;
}.surtitre{
	text-transform: uppercase;
	font-size: 13px;
}

.soustitre{
	color: #33cccc;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

.accroche{
	font-weight: bold;
}

.intertitre{
	color: #33cccc;
	font-weight: bold;
	background: transparent url(http://www.ecoleepsilon.fr/default/CMS/css/tpl3/../../images/epsilon/puce_intertitre.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 12px;
}

.mise_en_avant_1{
	color: #33cccc;
}

.legende{
	font-size: 10px;
	font-style: italic;
}