/* =Reset
   ----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table, tr, td { position: relative;}

/* =Global
   ----------------------------------------------------*/
html, body {height:100%;}

body { font:62.5%/1.25 Arial, Helvetica, Verdana, sans-serif;}
body.petit { font-size: 62.5%!important; }
body.grand { font-size: 72.5%!important; }

h1 {float:left;width:170px;}
h1 a {background:url(/img/logo-cre.gif) center center no-repeat;display:block;width:170px;height:87px;text-indent:-9999px;margin:35px 0 0 0;}

h2 {color:#005288;font-size:2em;text-transform:uppercase;margin:15px 0 0 0;font-weight:bold;}

h3 {color:#aab40a;font-size:1.5em;padding: 5px 15px 5px 15px;background: #edf0bc;text-transform:none;font-weight:bold;margin-bottom:1em;}
body#accueil h2 {font-size:1.5em;text-transform:none; margin: 0 0 .5em;}
body#accueil h3 {margin: 1em 0 .5em;}
body#accueil h3.rss span{float:left;}
body#accueil h3.rss a{text-transform:none;float:right;font-size:.7em!important; padding:2px 3px 0 25px;font-weight:normal!important;background:url(../img/rss.gif) left bottom no-repeat;}

h4 {font-weight:bold;font-size:1.2em;margin:1.5em 0 1em 0;}

h5 {font-weight:bold;font-size:1.1em;margin:0 0 1px 0}

ul,ol {list-style:none;}
sup {font-size:80%;line-height:1!important;position:relative;top:-.5em;}
em { font-style:italic;}
strong { font-weight:bold;}
p, ul, ol, dl { margin-bottom:1em;}
span.date {
	font-size:.9em;
	font-weight: bold;
}
span.categories {
	color:#9a9a9a;
	margin-left:5px;
	font-size:.9em;
}
a:link {
	color:#165580;
	text-decoration:underline;
}
a:visited {
	color:#5e8198;
	text-decoration:underline;
}
a:hover, a:active {
	color:#8c9501;
	text-decoration:underline;
}
abbr, acronym {border-bottom: .1em dotted; cursor: help;}

hr { height:1px; border:none; background:#b8c71c; margin:1em 0 2em 0;}
.erreur {
	font-weight: bold;
	color: red;
}
.confirmation {
	font-weight: bold;
}
#colonne-gauche table {
/*  border-width: 1px 0 0 1px;*/
	border-color: #b8c71c;
	border-style: solid;
	width: 100%;
	margin: 1em 0 0 0;
}

#colonne-gauche table img{
  margin: 0;
  padding: 0;
}
#colonne-gauche table th {
	color:#fff;
/*  border-right: 1px solid #fff;*/
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	vertical-align: top;
	background: #b8c71c;
}
#colonne-gauche table th.derniereColonne {
/*  border-right-color: #b8c71c;*/
}
#colonne-gauche table td {
/*  border-width: 0 1px 1px 0;*/
	border-color: #b8c71c;
	border-style: solid;
	vertical-align: middle;
	padding: 5px 10px;
	border-bottom: 1px solid #b8c71c;
	height: 31px;
}
#colonne-gauche table tr.alt td {
	background: #f6f7dd;
}
hr.espace { margin:-.5em 0 .5em 0}


/* =Page
   ----------------------------------------------------*/

#enrobage {
	font-size:1.2em;
	min-width: 1000px;
	margin: 0 auto;
	background: url(../img/back.gif) center center repeat-y;
}

#enrobage-entete {
	background: url(../img/back-entete.gif) top center no-repeat;
}

#page {
	width: 949px;
	margin: 0 auto;
}


/* =Entete
   ----------------------------------------------------*/

#entete {
	width:949px;
	height:150px;
	position:relative;
	margin:0 auto;
}

body.grand #entete{
	font-size:85%!important;
}

#entete img {
	float:right;
}

#entete h1 img {
	float:none;
}

body#accueil #entete img {
	float:none;
}

#wrapSlider {
	position:absolute;
	right:0;
	top:50px;
}

#s3slider {
   width: 732px;
   height: 255px;
   position: relative;
   overflow: hidden;
}

#s3sliderContent {
   width: 732px;
   position: absolute;
   top: 0;
   margin-left: 0;
}

.s3sliderImage {
   float: left;
   position: relative;
   display: none;
}

.s3sliderImage span {
   position: absolute;
   right: 0;
   padding: 10px 13px;
   text-align:right;
   width: 706px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



#entete ul {
	float:right;
	margin-bottom:25px;
}

#entete ul li {
	display:inline;
	float:left;
}

#entete ul li a {
	font-size:.9em;
	text-decoration:none;
	display:block;
	float:left;
	padding:5px 10px;
	background:#EDF0BD;
	margin-right:1px;
	color:#005288;
	height:15px;
}

#entete ul li a:hover {
	background:#d6dd65;
	color:#005288;
}

#entete ul li a.choisi {
	background:#d6dd65;
	color:#005288;
}

#entete ul li a.prive {
	color:#fff;
	background: #1e4b69 url(../img/cadenas.gif) 60px center no-repeat;
	padding-right:25px;
}

#entete ul li.lien_vert a {
	color:#a9b30a!important;
	font-weight:bold;
}

#entete ul li.lien_vert a:hover {
	background:#d6dd65;
	color:#005288!important;
}

#entete ul li.lien_vert a.petit {
	padding:6px 10px 4px 10px!important;
}

#entete ul li.lien_vert a.grand {
	padding:3px 10px 7px 10px!important;
	font-size:1.25em!important;
	overflow:hidden;
}

/* =Menu
   ----------------------------------------------------*/

#menu {
	background:#fff;
	float: left;
	width: 215px;
}

#menu ul {
	margin-bottom:0;
	text-align:right;
	padding-bottom:411px;
	background: url(../img/menu2.gif) right bottom repeat-y;
}

#menu li {
	display: block;
}

#menu ul li a {
	font-weight:bold;
	font-size:.9em;
	text-transform:uppercase;
	background: url(../img/menu.gif) center center repeat-y;
	text-decoration:none;
	color:#b3cbdc;
	display:block;
	width: 188px;
	border-bottom: 1px solid #fff;
	padding: 7px 7px 7px 20px;
}

#menu ul li a:hover {
	background: url(../img/menu-hover.gif) center center repeat-y;
	color:#fff;
}

#menu ul li a.selected {
	background: url(../img/menu-hover.gif) center center repeat-y;
	color:#fff;
}

#menu ul li ul {
	background: none;
	padding:5px 0;
	width:195px;
	margin:0 0 0 20px;
	background:#edf0bc;
}

#menu ul li ul li a {
	font-size:.9em;
	font-weight:bold;
	text-transform:none;
	background: none;
	color:#76785e;
	width:181px;
	display:block;
	line-height: normal;
	margin-bottom:1px;
	padding: 5px 7px;
	border: none;
}

#menu ul li ul li a:hover {
	background: #b8c71c;
	background-image:none;
}

#menu ul li ul li a.current {
	background: #b8c71c;
	color:#fff;
}

#menu li li ul, #menu li li ul li {
	display: none !important;
}

/* =Contenu
   ----------------------------------------------------*/
#contenu {
	float: right;
	width: 710px;
	padding:11px;
	margin-bottom:0;
}

body#accueil #contenu {
	padding-top:155px;
}

#fil {
	margin-bottom:10px;
	color:#9a9a9a;
	font-size:.9em;
	color:#9a9a9a;
}

#fil li {
	display:inline;
}

#fil li a {
	color:#9a9a9a;
	text-decoration:underline;
}

#fil li a:hover {
	text-decoration:none;
}

/* =Colonne de gauche
   ----------------------------------------------------*/

body#accueil #colonne-gauche {
	padding-top:25px;
}

#colonne-gauche {
	min-height:250px;
	position: relative;
}

#colonne-gauche div.conteneur {
	padding: 0 15px;
}

#colonne-gauche div.conteneur div.image {
	float: right;
	margin: 0 0 .5em 1.5em;
	font-size: .95em;
	text-align: center;
}
#colonne-gauche div.conteneur div.image img {
	border: 1px solid #000;
}

#colonne-gauche.moins_large {
	float:left;
	width: 465px;
}

#colonne-gauche ul {
	margin-left:25px;
	list-style:disc;
}

#colonne-gauche ul li {
	margin-bottom:.50em;
	list-style-type: square;
}
#colonne-gauche ul ul {
	margin-top:.5em;
}

#colonne-gauche ul.liste li {
	margin-bottom: 1em;

}

#colonne-gauche #plan ul {
	margin-bottom: 0;
}
#colonne-gauche #plan li {
	margin-bottom: 1.5em;
	font-weight: bold;
}
#colonne-gauche #plan li li {
	margin-bottom: .5em;
	font-weight: normal;
}

#colonne-gauche img {
	margin-bottom:1em;
}

#colonne-gauche #liens {
	clear: both;
	border-top:1px solid #b8c71c;
	padding-top:2em;
	margin-top:2em;
}

#colonne-gauche #liens p {
	margin:0 0 .25em 15px;
}

#colonne-gauche #liens ul {
	list-style-image:url(../img/bullet.gif);
	margin-left:30px;
}

#colonne-gauche .nouvelles {
	margin: 0;
	padding: .7em 0;
	border-top: 1px solid #b8c71c;
}
#colonne-gauche .nouvelles-premier {
	margin: 0;
	padding: .7em 0;
}
#colonne-gauche .nouvelles p, #colonne-gauche .nouvelles-premier p {
	margin: 0;
}


/* =Colonne de droite
   ----------------------------------------------------*/
#colonne-droite {
	float: right;
	width: 222px;
}

/* =Colonne de droite [ACCUEIL]
   -----------------------*/

body#accueil #colonne-droite {
	padding-top:25px;
}

#accueil #colonne-droite li {
	margin: 0 0 15px;
}
#accueil #colonne-droite img {
	border:1px solid #ccc;
}
#accueil #colonne-droite a {
	display:block;
}
#accueil #colonne-droite a.div {
	color:#fff;
	text-decoration:none;
	padding:10px;
}

#colonne-droite a.div strong {
	text-transform:uppercase;
	margin-bottom:.5em;
	font-weight:bold;
	font-size:1.1em;
	display:block;
}

#colonne-droite a.bleu {background:#31a4cb url(../img/back-bleu.gif) top left repeat-x;}
#colonne-droite a:hover.bleu strong {text-decoration:underline;}

#colonne-droite a.vert {background:#587f09 url(../img/back-vert.gif) top left repeat-x;}
#colonne-droite a:hover.vert strong {text-decoration:underline;}

#colonne-droite a.bleu_marin {background:#1e4b69 url(../img/back-bleumarin.gif) top left repeat-x;}
#colonne-droite a.div.bleu_marin strong {background:url(../img/cadenas-titre.gif) 90px top no-repeat; height:22px;padding-top:3px;margin-bottom:5px;}
body#accueil.grand #colonne-droite a.div.bleu_marin strong {background:url(../img/cadenas-titre.gif) 100px top no-repeat; height:22px;padding-top:3px;margin-bottom:5px;}
#colonne-droite a:hover.bleu_marin strong {text-decoration:underline;}

/**
@ Section privée
******************************************************************************/

.prive2 {
	width: 100%;
	overflow: hidden;
}

.prive2 .col {
	float: left;
	width: 46%;
	margin-right: 3%;
}

.prive2 h4 {
	margin-top: 0;
}
a.quitter {
	position: absolute;
	top: -50px;
	right: 12px;
	float: right;
	padding: 3px 20px 3px 0;
	font-size: .95em;
	font-weight: bold;
	color:#165580;
	text-decoration: none;
	background: url(../img/fermer.gif) right center no-repeat;

}
a.quitter:hover {
	text-decoration: underline;
}
a.quitter img {
	background: #fff;
	padding-left: 6px;
	display: inline;
}

/**
@ Carte Google
******************************************************************************/

#carte {
	float:right;
	margin:0 0 10px 10px;
	width:405px;
	height:370px;
	text-align:right;
	font-weight: bold;
}

#carte iframe {
	border:1px solid #000;
	display: block;
	margin-bottom: 5px;
}

/**
@section Calendrier
******************************************************************************/

#calendrier {
	background:#edf0bd;
	padding:10px;
	margin-bottom:15px;
}

.commission-calendrier #calendrier {
	background: #e5efbb;
}

#calendrier .entete-calendrier {
	width: 200px;
	overflow: hidden;
	margin-bottom:10px;
}

#calendrier .entete-calendrier li {
	list-style: none;
	float: left;
	padding: 0;
}

#calendrier .entete-calendrier li.mois {
	text-align: center;
	width: 154px;
	font-weight: bold;
	color: #1b4664;
	font-size: 1.2em;
	line-height:25px;
	text-transform:uppercase;
}

#calendrier .entete-calendrier li.mois a {
	color: #1b4664;
	text-decoration:none;
}

#calendrier .entete-calendrier li.precedent, #calendrier .entete-calendrier li.suivant {
	display: block;
	width: 21px;
}

#calendrier .entete-calendrier li.precedent a {
	display: block;
	width: 21px;
	height: 25px;
	background: url(../img/calendrier/img-fleche-gauche.gif) no-repeat 50% 50%;
	text-indent:-9999px;
}

#calendrier .entete-calendrier li.suivant a {
	display: block;
	width: 21px;
	height: 25px;
	background: url(../img/calendrier/img-fleche-droite.gif) no-repeat 50% 50%;
	text-indent:-9999px;
}


#calendrier .table-wrap {
	font-size:.9em;
	margin-bottom:1em;
}

#calendrier table {
	width: 100%;
	margin: 0;
}

#calendrier table td, #calendrier table th {
	text-align: center;
	background:#fff;
	width: 25px;
	line-height: 17px;
	font-weight:normal;
}


#calendrier table th abbr {
	border: none;
	cursor: help;
}

#calendrier table td span, #calendrier table td a {
	display: block;
	text-decoration:none;
	width: 25px;
	height: 17px;
	line-height: 17px;
}

#calendrier table th.weekend, #calendrier table td.weekend {
	background:#FAFFDF;
}

#calendrier td a {
	color: #000;
}

#calendrier table td.today {
	font-weight:bold;
}

#calendrier table td.concertation {
	background:#a5c8c7;
}
#calendrier table td.concertation-ca {
	background:#fff url(../img/calendrier/table-ca.gif) no-repeat center center !important;
}
#calendrier table td.concertation-autres {
	background: url(../img/calendrier/table-autres.gif) no-repeat center center !important;
}
#calendrier table td.concertation-tgirt {
	background: url(../img/calendrier/table-tgirt.gif) no-repeat center center !important;
}
#calendrier table td.ca {
	background:#dce27f;
}
#calendrier table td.ca-autres {
	background: url(../img/calendrier/autres-ca.gif) no-repeat center center !important;
}
#calendrier table td.ca-tgirt {
	background: url(../img/calendrier/tgirt-ca.gif) no-repeat center center !important;
}
#calendrier table td.ca-autres-concertation {
	background: url(../img/calendrier/autres-ca-table.gif) no-repeat center center !important;
}
#calendrier table td.ca-tgirt-concertation {
	background: url(../img/calendrier/tgirt-ca-table.gif) no-repeat center center !important;
}
#calendrier table td.ca-autres-tgirt {
	background: url(../img/calendrier/autres-ca-tgirt.gif) no-repeat center center !important;
}

#calendrier table td.concertation-autres-tgirt {
	background: url(../img/calendrier/table-autres-tgirt.gif) no-repeat center center !important;
}

#calendrier table td.autres {
	background:#bcdb9e;
}
#calendrier table td.tgirt-autres {
	background: url(../img/calendrier/autres-tgirt.gif) no-repeat center center !important;
}
#calendrier table td.ca-autres-concertation-tgirt {
	background: url(../img/calendrier/autres-ca-table-tgirt.gif) no-repeat center center !important;
}

#calendrier table td.tgirt {
	background:#ea8342;
}


/* Nouvelles classes */
#calendrier table td{
	position:relative;
	width:25px; height:17px;
}
#calendrier table td .cellule {
	width:26px; height:17px; display:block; position:absolute;
	*left:0px; /*pour ie7*/
}
#calendrier table td .autres {
	background-image: url(../img/calendrier/autres.png);
}
#calendrier table td .concertation {
	background-image: url(../img/calendrier/concertation.png);
}
#calendrier table td .tgirt {
	background-image: url(../img/calendrier/tgirt.png);
}
#calendrier table td .ca {
	background-image: url(../img/calendrier/ca.png);
}
#calendrier table td .rose {
	background-image: url(../img/calendrier/rose.png);
}
#calendrier table td .mrc1 {
	background-image: url(../img/calendrier/mrc1.png);
}
#calendrier table td .mrc2 {
	background-image: url(../img/calendrier/mrc2.png);
}
#calendrier table td .mrc3 {
	background-image: url(../img/calendrier/mrc3.png);
}
#calendrier table td .no1 {
	background-position:0px;
}
#calendrier table td .no2 {
	background-position:-26px 0px;
}
#calendrier table td .no3 {
	background-position:-52px 0px;
}
#calendrier table td .no1de4 {
	background-position:0px; width:13px; position:absolute; height:9px; 
}
#calendrier table td .no2de4 {
	background-position:0px; width:13px; position:absolute; height:9px; margin-left:13px; 
}
#calendrier table td .no3de4 {
	background-position:0px; width:13px; position:absolute; height:9px; margin-top:9px;
}
#calendrier table td .no4de4 {
	background-position:0px; width:13px; position:absolute; height:9px; margin-left:13px; margin-top:9px;
}



#legende li {
	font-size:.85em;
	height:auto !important;
	height:17px;
	min-height:17px;
	margin-bottom:7px;
}

#legende li span {
	display:block;
	float:left;
	width:26px;
	height:17px;
	text-indent:-9999px;
	margin-right:5px;
	margin-top:-2px;
}

#legende li.legende-table span {
	background: #a5c8c7;

}

#legende li.legende-ca span {
	background: #dce27f;
}

#legende li.legende-crnt span {
	background: #dce27a;
}

#legende li.legende-autres span {
	background: #bcdb9e;
}

#legende li.legende-tgirt span {
	background: #ea8342;
}

#legende li.legende-rose span {
	background: #a9bfc7;

}
#legende li.legende-mrc1 span {
	background: #ea8342;

}
#legende li.legende-mrc2 span {
	background: #fdfa02;

}
#legende li.legende-mrc3 span {
	background: #bcaf99;

}
#legende li.legende-table span {
	background: #a5c8c7;

}
#legende li.legende-ca span {
	background: #dce27f;
	
}
#legende li.legende-autres span {
	background: #bcdb9e;
	
}
#legende li.legende-tgirt span {
	background: #ea8342;
	
}
.calendrier .date {
	font-size: .9em;
	font-weight: bold;
}


/* =Pied
   ----------------------------------------------------*/

#pied {
	clear:both;
	height:55px;
	font-size:1em;
	padding:50px 0 0 15px;
}

#pied p {
	margin:0;
}

#pied p.floatright {
	width:222px;
}


/* =CLASS
   ----------------------------------------------------*/
.floatleft {float:left;}
.floatright {float:right;}
.clearboth {clear:both;}

.debug {border:1px solid red;}

.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}

.txtsmall {font-size:.85em!important;}
.txtlarge {font-size:1.25em!important;}

a.externe {
	background:url(../img/lien-externe.gif) right center no-repeat;
	padding-right:20px;
	margin-right:5px;
}

a:hover.externe {
	background:url(../img/lien-externe-hover.gif) right center no-repeat;
}

form.annee {
	margin: 0 0 1em;
}

#login ul {
	margin:0;
}

#login ul li {
	list-style:none;
}

#login ul li label {
	width:100px;
	float:left;
}
#login .bouton {
	margin-left: 100px;
}

#fAbonnement ul {
	margin:0;
}

#fAbonnement ul li {
	list-style:none;
}

#fAbonnement .check input {
	float:left;
	margin:0 10px 0 0;
}

#fAbonnement .objet label {
	float:left;
	width:60px;
	line-height:1.6;
}


#doc-list-container {
  position: relative;
}

#doc-list-container table tr td .doc-file {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.tooltip {
  display: inline-block;
}
 .tooltip img {
  display: block;
}

.tooltip-box{
  visibility: hidden;
  position:absolute;
  width: 50px;
  padding: 5px;
  z-index: 1010; 
  color: #4d610a;
  text-align: center;
  vertical-align: middle;
  background: #F6F7DD;
  border: 2px solid #B8C71C;
   
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
/*  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -moz-box-shadow: 0px 0px 5px 0px #000000;
  box-shadow: 0px 0px 5px 0px #000000;*/

}

.tooltip-box.top:before,
.tooltip-box.top:after
{
  content: "";
  position: absolute;
  z-index: 100;
  bottom: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top:8px solid #B8C71C;
  
}
.tooltip-box.right:before,
.tooltip-box.right:after
{
  content: "";
  position: absolute;
  z-index: 100;
  top: 6px;
  left: -8px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right:6px solid #B8C71C;
  
}
.tooltip-box.bottom:before,
.tooltip-box.bottom:after
{
  content: "";
  position: absolute;
  z-index: 100;
  top: -10px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom:8px solid #B8C71C;
  
}
.tooltip-box.left:before,
.tooltip-box.left:after
{
  content: "";
  position: absolute;
  z-index: 100;
  top: 50%;
  right: -10px;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left:8px solid #B8C71C;
  
}

#doc-list-container div#loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width:100%;
  height: 100%;
  z-index: 2000;
}

#doc-list-container div#loading img {
  margin:0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin:top: -8px;
  z-index: 2010;
}

#doc-list-container #doc-nav-list {
  margin: 10px 0 0 0;
  padding: 0;
  background: none;
  float:right;
}
#doc-list-container #doc-nav-list li{
  list-style: none;
  float: left;
}

#doc-nav-list  a.link {
  display: block;
  padding: 5px 8px;
  margin-left: 5px;
  background: #B8C71C;
  color: white;
  border: 1px solid white;
  text-decoration: none;
  
  -webkit-transition: color 0.3s linear, background 0.3s linear, border 0.3s linear;
  -moz-transition: color 0.3s linear, background 0.3s linear, border 0.3s linear;
  -ms-transition: color 0.3s linear, background 0.3s linear, border 0.3s linear;
  transition: color 0.3s linear, background 0.3s linear, border 0.3s linear;
}

#doc-nav-list  a.link:hover, #doc-nav-list a.link.active { 
  background-color: #F6F7DD;
  color: #000;
  border: 1px solid #B8C71C;
}



/* =CLEAR
   -------------------------*/
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clear {display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
/* -------------------------*/