/* ------------ templates/defaut/themes/1/css/style_basic.css ---------- */

/* 1. reset de ttes les proprietes */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} th,td{vertical-align:top;}


/*
* Balises de base */
img, embed, object { display:block; }
strong,b  { font-weight:bold; }
.clear { clear:both; line-height:0em; font-size:0px; height:0px; display:block; padding:0; margin:0; border:0; }
.noscript { display:block; line-height:22px; text-align:center; background-color:#ffffff; color:#888888; border-bottom:2px #CC0000 solid; white-space:nowrap; font-weight:bold; top:0px; width:100%; position:fixed; } 
.hide 	{ display:none; visibility:visible; }
.show 	{ display:block; visibility:visible; }
.hide_on_print 	{ display:block; visibility:visible; }
.show_on_print 	{ display:none; visibility:hidden; }

/*
* Classe de débug */
.debug { color:#000000; font-weight:bold; font-size:10px; background:#EFEFEF; padding:3px 5px; position:absolute; border:1px #ffffff solid; font-family:Arial, Helvetica, sans-serif; opacity:0.5; 
/*-moz-opacity:0.5; filter:alpha(opacity=50);*/ z-index:100; display:block; }
.debug span.dbg_tit { background-color:#666666; color:#FFFFFF; padding:0 3px;  }
.debug div.dbg_content { display:none; color:#000000; background-color:#FFFFFF; padding:2px;  }
.debug div.dbg_head {  background-color:#036FA3; color:#FFFFFF;  }
.debug code { white-space:normal; }
.debug:hover { background:#333333; color:#FFFFFF; opacity:1; /*-moz-opacity:1; filter:alpha(opacity=100); */ }
.debug:hover div.dbg_content { display:block; }
.debug:hover div.dbg_head 	{ display:block; }
/*.debug:selected {background-color:#FF0000; }*/
.debug table tr:hover td { background-color:#666666; color:#ffffff; }
.debug table tr:hover td td { background-color:#FFFFFF; color:#000000; }
.debug table tr:hover td tr:hover td{ background-color:#666666; color:#ffffff; }
.debug table tr:hover td tr:hover td td { background-color:#FFFFFF; color:#000000; }
.debug table tr:hover td td tr:hover td { background-color:#666666; color:#ffffff; }
.debug_error { display:block; position:relative; border:1px #990000 solid; font-size:10px; -moz-border-radius:5px; margin:0.25em 0; }
.debug_error:hover { background-color:#FFFFFF; color:#000000; }

/*
* Classes génériques pour le print
*/
@media print {
.show_on_print 	{ display:block; visibility:visible; }
.hide_on_print 	{ display:none; visibility:hidden; }
}



/* ------------ templates/defaut/themes/1/css/style_layout.css ---------- */

/* CSS Document */

/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 /*img, div { behavior: url(iepngfix.htc) }*/

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */
 
html
{
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	background:#0C3557 url("../img/degrade_fond.png") repeat-x;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a { color:#8B181B; text-decoration:underline; font-weight:bold; }
a:visited { color:#8B181B; text-decoration:none; font-weight:bold; }
a:hover	{ color:#000000; text-decoration:underline; font-weight:bold; }

h1
{
	font-size:19px;
	font-weight:normal;
	color:#005271;
	margin-top:10px;
}

h2
{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-top:10px;
	margin-bottom:5px;
	border-bottom:1px #cccccc dotted;
}

.clear {
	clear:both;
	display:block;
	height:0px;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
	border:0;
}

.sur_header
{
	width:100%;
	height:58px;
	background:url("../img/sur_header.png") no-repeat;
}

.header
{
	width:100%;
	height:174px;
	background:url("../img/header.jpg") no-repeat;
}
.header a { display:block; position:absolute; width:285px; height:70px; margin:50px 0 0 35px; }
.header a span { display:none; }

.contour
{
	display:block;
	margin:auto;
	background:url("../img/degrade_contour.png") repeat-y;
	width:792px;
	/*height:800px;*/
	border:0px solid red;
}

.footer
{
	width:100%;
	height:36px;
	background:url("../img/footer.png") no-repeat;
}

.colonne_gauche
{
	background:url("../img/zone_menu.jpg") no-repeat;
	/*position:relative;*/
	display:block;
	border:0px solid black;
	margin:0px 0px 0px 16px;
	padding:0 0 50px 0;
	width:220px;
}

.zone_menu
{
	margin:0px 0px 55px 10px;
	padding:0px;
	list-style-type:none;
}

.zone_menu li
{
	background:url("../img/bp_menu2en1.png") no-repeat;
	width:195px;
	height:26px;
	text-align:center;
	font-size:11px;
	line-height:24px;
	margin-bottom:6px;
	background-position:top;
	list-style-type:none;
}

.zone_menu li:hover, .zone_menu li.active
{
	background-position:bottom;
}

.zone_menu li a
{
	display:block;
	width:100%;
	height:100%;
	color:#DBDBDB;
	text-decoration:none;
	font-weight:normal;
}

.zone_menu li a:hover
{
	display:block;
	width:100%;
	height:100%;
	color:black;
	font-weight:normal;
}
.zone_menu li.active a {
	color:black;
}

.contenu-ac
{
	border:0px solid red;
	width:519px;
	margin:0px;
	padding:0px;
}

.contenu
{
	border:0px solid red;
	width:519px;
	margin:0px;
	padding:5px 5px 5px 5px;
}

.texte_accueil
{
	position:absolute;
	margin-top:0px;
	width:520px;
	text-align:center;
	color:#000000;
}

ul
{
	list-style-type:circle;
	margin:5px 0px 5px 30px;
	
}

ul li
{
	list-style-type:circle;
	margin:0 0 0.5em 0;
}

table.data { border-collapse:collapse; padding:3px; }
table.data tr { }
table.data th { font-weight:bold; text-align:right; padding:5px; border:1px #DDDDDD solid; }
table.data td { text-align:left; padding:5px; border:1px #DDDDDD solid; }
table.data .empty { border:0; }

.textepage
{
	padding: 10px 10px 10px 20px;;
	border:0px solid blue;
}


/*
.form ul li label
{
	display:block;
	width:150px;
	float:left;
}

.form ul, .form ul li
{
	margin:0px;
	list-style-type:none;
}

.form input {margin-bottom:5px;}
*/

/* formulaire */
.form {
	margin: 1.5em 0 0 0;  
	padding: 10px 10px 10px 10px;
	}
.form legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
	}
.form ul {  
	padding: 1em 1em 0 1em;  
	list-style-type:none;
	}
.form li {  
	padding: 3px 3px 3px 5px;
	margin-bottom:5px;
	background-color:#eaeaea;
	border:1px #CCCCCC solid;
	list-style-type:none;
	}
.form label {
	display:block;
	width:150px;
	float:left;
	}

.couleur1 { color:#8B181B; font-weight:bold; }
.decale { display:block; margin:0 0 0 15px; }

.div_actu { display:block; margin:0 0 10px 15px; }

.bp_news_acces { display:block; margin:10px 0 0 0; }
.bp_news_acces a { float:left; border:0; margin:0 5px; }

p { display:block; margin:1em 0 1em 0; }
p.justifier { display:block; text-align:justify; margin:1em 0 1em 0; }

.logo_animaweb { display:block; font-size:9px; color:#3366CC; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.logo_animaweb img { display:inline; vertical-align:middle; }
.logo_animaweb a { color:#fefefe; }



/* ------------ templates/defaut/themes/1/css/style_page.css ---------- */

/* encarts divers ---------------------------------------------------------------------*/
#mid { padding-top:10px; }

#fil-ariane {
	padding:0 12px;
	margin:5px 0 10px 0;
	line-height:16px;
	font-size:10px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	color:#BD8D46;
}
#fil-ariane ul li { display:inline; }


.col_left {
	width:266px;
	padding:0;
	margin:0;
	vertical-align:top;
}

.col_left fieldset {
	display:block;
	background:url("../img/sep-liste.gif") bottom left repeat-x;
	border:0;
	margin:0;
	padding:0px 8px 22px 8px;
}
.col_left fieldset legend {
	color:#000000;
	padding:0;
	margin:0;
	text-indent:0;
	font-size:1em;
	display:block;
}

.col_contenu {
	display:block;
	width:100%;
	padding:0 0 0 15px;
	margin:0;
	vertical-align:top;
}

.enc_reduc  { background:url("../img/enc_reduc.gif") top left no-repeat; height:110px; width:260px; display:block; }
.enc_reduc:hover { background-position:-260px 0px; }
.enc_reduc  span { display:none; }

.tab-contenu {
	display:block;
	width:680px;
	background:url("../img/tab-top.gif") top left no-repeat;
	padding:40px 0 0 0;
}
.tab-contenu-mid {
	display:block;
	margin:0; padding:0;
	background:#ffffff url("../img/tab-1px.gif") top left repeat-y;
}
.tab-contenu-mid2 { display:block;  padding:5px 10px 0px 20px; }
.tab-contenu-mid3 { display:block; margin:-30px 0 0 0;z-index:0;}
.tab-contenu-bottom {
	display:block;
	clear:both;
	height:12px;
	font-size:1px;
	line-height:0em;
	background:url("../img/tab-bottom.gif") bottom left no-repeat;
	margin:0 !important;
	margin:6px 0 0 0; /* pour ie6... */
}


/*
* BLOCS */
.bloc1 {
	display:block;
	width:266px;
	margin:0 0 5px 0;
	padding:0;
}
.bloc1-container {
	display:block;
	background:url("../img/bloc1-bottom.gif") bottom left no-repeat;
	padding:0 0 12px 0;
	margin:0;
}
.bloc1-mid {
	display:block;
	background:url("../img/bloc1-bg.gif") top left repeat-y;
	padding:5px 4px;
	margin:0;
}

.bloc2 {
	display:block;
	background:url("../img/bloc2-bg0.gif") top left no-repeat;
	padding-top:9px;
}
.bloc2-container {
	display:block;
	background:url("../img/bloc2-bg0.gif") bottom left no-repeat;
	padding-bottom:9px;
}
.bloc2-mid {
	display:block;
	background:url("../img/bloc1-bg.gif") top left repeat-y;
	padding:0px 4px;
	margin:0;
}

ul.ul-links {
	display:block;
	margin:0;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
}
ul.ul-links li { padding:0; margin:0; text-indent:0; }
ul.ul-links li a {
	display:block;
	padding:5px 10px;
	margin:0;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#901811;
	background:url("../img/href_bg_1.gif") 0px 100% no-repeat; }
ul.ul-links li a:hover { background-position:-300px 100%; color:#FFFFFF; text-decoration:none; }

/*
* TITRES */
.titre-etablissements {
	background:url("../img/tab-liste.gif") top left no-repeat;
	padding-top:50px;
}
.titre-meteo {
	background:url("../img/tab-meteo-top.gif") top left no-repeat;
	padding-top:35px;
}

.texte-center {	text-align:center; }
.texte-center img {	display:inline; }



/*
* Elements de formulaire */
button.button-ok {
	width:43px;
	height:31px;
	background:url("../img/button-ok.jpg") 0px 0px no-repeat;
	border:0;
	text-indent:-100px;
	cursor:pointer;
}
button.button-ok:hover { background-position:0px -40px; }

/*
* Encarts de recherche */
#form_recherche_globale legend {
	display:none;
}
#form_recherche_globale .input-text {
	width:205px;
	padding:3px 4px;
	border:1px solid #CCCCCC;
	vertical-align:middle;
}
#form_recherche_globale .input-image {
	display:inline;
	vertical-align:middle;
}

#form_recherche_type select {
	display:inline;
	width:192px;
	vertical-align:middle;
	margin:0 0 4px 0;
}
#form_recherche_type button {
	display:inline;
	vertical-align:bottom;
	margin-left:3px;
}

#form_recherche_etabl select {
	display:inline;
	width:192px;
	vertical-align:middle;
	margin:0 0 4px 0;
}
#form_recherche_etabl button {
	display:inline;
	vertical-align:bottom;
	margin-left:3px;
}

#form_recherche_local fieldset {
	background:url();
	padding-bottom:0;
}
#form_recherche_local select {
	display:inline;
	width:192px;
	vertical-align:middle;
	margin:0 0 0px 0;
}
#form_recherche_local button {
	display:inline;
	vertical-align:bottom;
	margin-left:3px;
	margin-bottom:-5px;
}
#form_recherche_local a {
	font-size:11px;
}



