@charset "UTF-8";
body {	
	font-size: 93.8%;/*15px*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 1.5em;
	background: #73baf4;
	background: -moz-linear-gradient(left,  #73baf4 0%, #bde3f9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#73baf4), color-stop(100%,#bde3f9));
	background: -webkit-linear-gradient(left,  #73baf4 0%,#bde3f9 100%);
	background: -o-linear-gradient(left,  #73baf4 0%,#bde3f9 100%);
	background: -ms-linear-gradient(left,  #73baf4 0%,#bde3f9 100%);
}

*{	
	margin:0;
	padding:0;
	}
	
/* LIENS
-------------------------------------------------------------- */

a {text-decoration: none;}

a:link {
	color: #005a8c;
	text-decoration: none;
}

a:visited {
	color: #005a8c;
	text-decoration: none;
}

a:hover {
	color:#823F08;/*AAA terracota*/
}

/* Headings
-------------------------------------------------------------- */

h1 {font-size: 1.6em;}

h2 {
	font-size: 1.55em;
  	margin: 15px 0 10px 0;
}

h3 {
	font-size: 1.5em;
  	margin-top:0;
  	margin-bottom:10px;
  	font-weight:normal;
}

h4 {font-size: 1.2em;}

h5 {font-size: 1.1em;}

h6 {font-size: 1em;}

img {border: 0 none;}

img.contour{border:1px solid #ccc;}

.highlight{font-weight:bold;}

#fond-page{
	width:1000px;
	margin:0 auto 0 auto;
}

/*---------------------------------------------
HEADER
-----------------------------------------------*/

#skip-link {
	left: 50%;
	margin-left: -5.25em;
	margin-top: 0;
	position: absolute;
	width: auto !important;
	z-index: 50;
}

#skip-link a, #skip-link a:link, #skip-link a:visited {
	display: block;
	position: absolute;
	text-decoration: none;
	top: -10000px;
	width: 1px;
	height: 1px;
}


#header {
	height: 180px;
	position: relative;
	width: 998px;
	border: 1px solid #808080;
	margin: 0 auto;
	background:#2C78C7 url("/images/fond-bandeau-3.jpg") no-repeat -1px 0px;
}

.logo {
	position:relative;
 	margin: 0 0 0 55px;
    padding: 40px  0 0 0;
}

.logo a {
	color: white;
	font-size:4em;
}

h1.accroche {
	color: white;
    display: inline;
    font-size:20px;
    font-weight: bold;
    margin: 15px 0 0 30px;
    position: relative;
    display:inline-block;
}

/* MOTEUR DE RECHERCHE
-----------------------------------------------------------*/
#header-wrapper #recherche {
	margin: 10px 0px 0 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
	white-space: nowrap;
}

#recherche form#formulaire-recherche {
    float: right;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}

#header-wrapper #recherche  #formulaire-recherche input#larecherche {
	width: 12em;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 93.8%;
	line-height: 1.5em;
	height:20px;
	padding: 0px 0 0px 10px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	border-radius: 15px; 
	background:#EDEDEE;
	background:-moz-linear-gradient(top,#EDEDEE 0%, #CCCCCC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDEE), color-stop(100%,#CCCCCC));
	background:-webkit-linear-gradient(top,#EDEDEE 0%,#CCCCCC 100%);
	background: -o-linear-gradient(top,#EDEDEE 0%,#CCCCCC 100%);
	background: -ms-linear-gradient(top,#EDEDEE 0%,#CCCCCC 100%);
	background: linear-gradient(top,#EDEDEE 0%,#CCCCCC 100%);
	-pie-background: linear-gradient(top,#EDEDEE 0%,#CCCCCC 100%);
	behavior: url(PIE.htc); 
}

.element-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
	color:#000000;
}

label {
    display: block;
    font-weight: bold;
}

.conteneur-inline .form-envoi {
    margin-bottom: 0;
    margin-top: 0;
}

.conteneur-inline div, .conteneur-inline label {
    display: inline;
}

#edit-actions input#envoi{
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 93.8%;
	line-height: 1.5em;
}

#edit-actions input#envoi{
	font-size: 0.800em;/*font-size:12px;*/
	color:#000;
	background:#ccc;
	cursor: pointer;
	border:none;
	padding: 0 0 2px 0;
	text-decoration:none;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/
	text-align:center;
	display:inline-block;
	line-height:1;
	height:20px;
	width:60px;
	border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/* MENU PRINCIPAL
-------------------------------------------------------------- */ 

#menu {	
	border:1px solid #bbb;
	border-top:none;
	margin: 0 auto;
    position: relative;
    width: 998px;
    z-index: 10;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav {
	float:left;
}

#nav li {
	float:left;
	padding:0;
	margin:0;
	border-right: 1px solid #bbb;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: linear-gradient(top, #f2f2f2 0%,#cccccc 100%);	
}

#nav li.last {border-right: none;}

/*home-------------------------------------------------*/
#nav li.ico-menu-home,
#nav li.ico-menu-home a:hover{
background: url("/images/ico-menu-qui.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-qui.png") no-repeat center 10px,-webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav li.ico-menu-home a.active{
background: #d4f3ff;
background: url("/images/ico-menu-home.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-home.png") no-repeat center 10px,-moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-home.png") no-repeat center 10px,-webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-home.png") no-repeat center 10px,-o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-home.png") no-repeat center 10px,-ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-home.png") no-repeat center 10px,linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}

/*qui sommes nous----------------------------------------------*/
#nav li.ico-menu-qui,
#nav li.ico-menu-qui a:hover{
background: url("/images/ico-menu-qui.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-qui.png") no-repeat center 10px,-webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav li.ico-menu-qui a.active{
background: #d4f3ff;
background: url("/images/ico-menu-qui.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, -ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-qui.png") no-repeat center 10px, linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}

/*alertes---------------------------------------*/
#nav li.ico-menu-alerte,
#nav li.ico-menu-alerte a:hover{
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px,-o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px,-ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav li.ico-menu-alerte a.active{
background: #d4f3ff;
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe 100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, -ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-alertes.png") no-repeat center 10px, linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}

/*les tsunamis---------------------------------------*/
#nav li.ico-menu-tsunamis,
#nav li.ico-menu-tsunamis a:hover{
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px,-o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px,-ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav li.ico-menu-tsunamis a.active{
background: #d4f3ff;
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe 100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, -ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-tsunamis.png") no-repeat center 10px, linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}

/*les docs---------------------------------------*/
#nav li.ico-menu-doc,
#nav li.ico-menu-doc a:hover{
background: url("/images/ico-menu-docs.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px,-o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px,-ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

#nav li.ico-menu-doc a.active{
background: #d4f3ff;
background: url("/images/ico-menu-docs.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe 100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, -ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-docs.png") no-repeat center 10px, linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}

/*les infos reservees---------------------------------------
#nav li.ico-menu-infos,
#nav li.ico-menu-infos a:hover{
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, #f2f2f2;
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px,-o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px,-ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}


#nav li.ico-menu-infos a.active{
background: #d4f3ff;
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, #d4f3ff;
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -moz-linear-gradient(top,#d4f3ff 0%, #54bbfe  100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -webkit-linear-gradient(top,#d4f3ff 0%,#54bbfe 100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -o-linear-gradient(top, #d4f3ff 0%,#54bbfe   100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, -ms-linear-gradient(top,#d4f3ff 0%,#54bbfe  100%);
background: url("/images/ico-menu-reservee.png") no-repeat center 10px, linear-gradient(top, #d4f3ff 0%,#54bbfe  100%);
}*/

/*les liens*/
#nav li a{	
	color:#000;
	text-decoration:none;
	font-size:13px;
	padding:40px 26px 2px 14px;
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
}

#nav li#accueil  a{
    padding-left: 15px;
    padding-right: 15px;
}

#nav li.ico-menu-infos  {
	border-right:none;
}

#nav li a.active {
	background: #d4f3ff;
	background: -moz-linear-gradient(top,  #d4f3ff 0%, #54bbfe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4f3ff), color-stop(100%,#54bbfe));
	background: -webkit-linear-gradient(top,  #d4f3ff 0%,#54bbfe 100%);
	background: -o-linear-gradient(top,  #d4f3ff 0%,#54bbfe 100%);
	background: -ms-linear-gradient(top,  #d4f3ff 0%,#54bbfe 100%);
	background: linear-gradient(top,  #d4f3ff 0%,#54bbfe 100%);
}

#nav ul {
	list-style-image:none;
	list-style:none;
}

#nav ul, #nav .block ul, #nav ol {
	margin:0;
	padding:0;
}

/* --------------------------------
sous-menu ul liens
-------------------------------*/

#menu #nav ul.liens li ul{
	position:absolute;
	text-transform:none;
	border:1px solid #bbb;
	font-size:15px;
	background:#f4f4f4;
	overflow:visible;
	padding-bottom: 10px;
}


#menu #nav ul.liens li ul li{
	display:block;
	border-right:none;
  	float: none;
	border-bottom:1px solid #aaa;
	background:#f4f4f4;
}

#menu #nav ul.liens li ul li a{
	float:none;
	border:none;
	padding: 10px 10px 5px 10px;
	text-transform:none;
	font-size:13px;
	width:300px;
}

#menu #nav ul.liens li ul#item5 li a{
	width:213px;
}

#menu #nav ul.liens li ul li.der{
	border-bottom:none;
}

#menu #nav ul.liens li ul li a:hover{
	text-decoration:underline;
	background:none;
}

.arrow {
	position:absolute;
	height:12px;
	width:12px;
	margin-left:4px;
	margin-top:5px;
	background:url("/images/menu-expanded.png");
}
.collapsed {
	position:absolute;
	height:12px;
	width:12px;
	margin-left:4px;
	margin-top:5px;
	background:url("/images/menu-collapsed.png");
}

/*pour safari =>3 et chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #nav ul a{
  	padding:7px 20px 5px 8px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #nav li#accueil  a{
  	padding-right:11px;
	padding-left:12px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #nav li  a{
	padding:40px 26px 2px 14px;
	display:inline-block;
  }
}

#nav ul#level1 li ul.level2 {
    top: 100%;
}


/* -----------------------------------------------------------
Content 
-------------------------------------------------------------- */
#wrapper {
	width:1000px;
	margin: 10px auto 0;
}

#content {
  width: 100%;
  float: left;
}

/* -----------------------------------------------------------
banière alerte
----------------------------------------------------------*/
.zone-alerte{
	background:white;
	margin:40px 10px 0px 10px;
	border:6px solid #e0de4a;
	border-top:6px solid #DFD348;
	border-left:6px solid #DFD348;
}

.zone-alerte h2.onglet-home-alerte{
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	float: left;
	border:6px solid #DFD348;
	border-bottom: none;
	padding: 5px 20px  0px 16px;
	margin:-40px 0 -1px -6px;
	background: #FFFFFF;
	position:relative;
	z-index:1;
}

.zone-alerte .marges {
	margin:0px 15px 10px 15px;
}

.zone-alerte #bloc-alertes {
	padding: 10px 0px 0px 0px;
}

.zone-alerte #bloc-alertes  div.bloc-gauche{
	float: left;
    width: 24%;
    border:1px solid #eee;
}

.zone-alerte #bloc-alertes  div.bloc-gauche img{
    margin:0 0 10px 20px;
}

.zone-alerte #bloc-alertes   div.bloc-droite{
	float: left;
    width: 70%;
    margin-top: 0px;
}

.zone-alerte #bloc-alertes  div.bloc-droite p{
	margin:10px 0 0 15px;
}

.contenu-central {
    border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

p.niveau-alerte{
	text-align: center;
}


/* ----------------------------------------------------------
HISTORIQUE
-----------------------------------------------------------*/
.contenu-historique {
	margin:35px 0 10px 0;
}

.contenu-historique  #historique-alertes {
	padding:40px 15px 15px 15px;
	margin-left: 0px;
	background:#fff;
}

.contenu-historique  h2.onglet-home{
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border:1px solid #808080;
	padding: 5px 20px  5px 20px;
    margin: -19px 0 0 10px;
	position:relative;
	z-index:1;
}
.contenu-historique  #historique-alertes p{
	margin:15px;
}



/* texte historique  sous forme de liste
----------------------------------------------------*/
.contenu-historique #historique-alertes div.bloc-gauche{
    float: left;
    margin: 0 25px 0 0;
    padding: 0;
    width: 49%;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    background:#A3D2F0;
}
.contenu-historique  #historique-alertes .bloc-gauche{
	height:150px;
}
.contenu-historique #historique-alertes div.bloc-gauche ul{
    margin: 0;
    padding: 0;
}

.contenu-historique #historique-alertes div.bloc-gauche ul li{
    margin: 0 0 10px 0;
    padding: 0;
}

.contenu-central #historique-alertes div.bloc-gauche p{
	margin-right:10px;
}

.date{
	font-style:italic;
	font-size:12px;
}

ul#historique-alertes{}

/*
conteneur image historique des alertes
--------------------------------------*/
.contenu-historique #historique-alertes div.bloc-droite{	
	overflow: hidden;
	width: 48%;
	position: relative;
	text-align:center;
	height:150px;
}


.contenu-central .block-system {
	margin:0;
}

.contenu-central .block-block {
	margin:0;
}

.contenu-central .block-block .contenu{
	margin:15px 0;
}

/*---------------------------------------------------------
CONTENT cenalt
-----------------------------------------------------------*/
.contenu-cenalt {
	margin:30px 0 10px 0;
}

.contenu-cenalt .block-title {
	margin-top:15px;
}

.contenu-cenalt  #bloc-lecentre {
	padding:40px 15px 15px 15px;
	margin-left: 0px;
	background-color: #fff;
}

.contenu-cenalt  h2.onglet-home{
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border:1px solid #808080;
	padding: 5px 20px  5px 20px;
    margin: -19px 0 0 10px;
	position:relative;
	z-index:1;
}

/*
introduction du centre
--------------------------------------*/
#bloc-lecentre  .intro-centre{
	float: left;
    margin: 0 25px 0 0;
    padding: 0;
    width: 49%;		
}

#bloc-lecentre  .intro-centre h3{
	margin-bottom:10px;
}

#bloc-lecentre  .intro-centre img{
	margin : 0;
}

#bloc-lecentre  .intro-centre .img-left{
	overflow:hidden;
	margin:0;
	padding:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	border:1px solid #bbb;
	background: #a3d2f0;
}

#bloc-lecentre  .intro-centre p{
    margin: 0 10px 10px 10px;
    padding: 0;
    line-height: 1.4;
}

/*
actualités du centre
--------------------------------------*/
#bloc-lecentre  .actus-centre{
	float:left;
	width:43.4%;
	padding:15px 25px 10px 20px;
	margin-top: -15px;
}

#bloc-lecentre  .actus-centre h3{
	margin-bottom: 20px;
}

#bloc-lecentre  .actus-centre ul {
	padding-top:0;
	padding-left:0;
	margin-top:0;
	margin-bottom: 0;
}

#bloc-lecentre  .actus-centre ul li{
	background: url("/images/puce-list-actus-home.png") no-repeat scroll 0 1px transparent;
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 0.9em;
    padding-left: 29px;
}

#bloc-lecentre  .actus-centre ul li.dernier{
	padding-bottom:0em;
}


/* -------------------------------------------------------------
DEFINITION tsunami
-------------------------------------------------------------- */
#definition{
	margin:30px 0 0 0;
}

#definition  #tsunamis{
	padding:40px 15px 15px 15px;
	margin-left: 0px;
	background:#fff;
}

#definition  h2.onglet-home{
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border:1px solid #808080;
	padding: 5px 20px  5px 20px;
    margin: -19px 0 0 10px;
	position:relative;
	z-index:1;
}

/*definition d'un tsunami
-----------------------------------------------------------------*/
#definition #quoi {
	position:relative;
	float: left;
	padding: 0 0 0 0px;
	width: 49%;
    margin: 0 22px 0 0;
}

#definition #quoi .contenu{
	margin-top: 15px;
}

#definition #quoi .contenuh3{
   margin-bottom: 10px;
}

#definition #quoi p{
	padding: 0px;
	margin:10px;
}

#definition #quoi h2{
	margin: 25px 0px 0px 0px;
}

#quoi img.img-centree{
	display: block;
    margin: 0 auto;
}

/* carte google map
--------------------------------------------------------------------*/

#definition #carte {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    top: -15px;
    width: 48.4%;
}

#definition #carte h3{
	margin-left: 20px;
    padding-top: 15px;
}

#definition #carte div.wrapper-map{
	padding:0;
	text-align:left;   
}

iframe{
  height:468px;
  width:466px;
  border:none;
  background:transparent;
}


#carte p{
	margin:10px 15px 10px 20px;
}



/* ------------------------------------------------------------
PAGES INTERNES
----------------------------------------------------------------*/
.breadcrumb{
	margin:0px 0 0px 0px;
	font-size:0.9em;
	padding: 0px 15px;
}

.breadcrumb a{
	text-decoration:underline;
}

.contenu-central-int{
  padding: 0.5em 0;
  margin: 0;
}

.contenu-central-int h1{
	font-size: 1.8em;
}

.contenu-central-int h1.no-padding-bottom{
	padding-bottom:0;
}

.contenu-central-int h1{
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	float: left;
	border-top:  1px solid #BBBBBB;
	border-right:  1px solid #BBBBBB;
	border-left:  1px solid #BBBBBB;
	border-bottom: none;
	padding: 15px 20px  0px 20px;
	margin:0 0 0px 0;
	background: none repeat scroll 0 0 #FFFFFF;
	position:relative;
	z-index:1;
    min-height: 0.8em;
    min-width: 5.5em;
}

.contenu-central-int h2{
	margin:5px 0 15px 0;
	font-weight:bold;
	font-size : 1.5em;
	line-height:1;
}
.contenu-central-int h2.moyen{
	background: url("/images/suivant-article.png") no-repeat scroll 0 -1px transparent;
    font-size: 1.333em;
    line-height: 1.4;
    padding-left: 38px;
}
.contenu-central-int div.bloc-niveau2 h2.sectionHomeTitleH2{
	margin:15px 0 0px 0;
	font-weight:bold;
	font-size : 1.1em;
	line-height:1;
}

.contenu-central-int div.bloc-niveau2 h3.sectionHomeTitleH3{
	margin:5px 0 10px 0;
	font-weight:normal;
	font-size : 1.2em;
	line-height:1;
}

.contenu-central-int h2.top-space{
	margin-top:25px;
}

.contenu-central-int #bloc-intro{
	font-size:1.2em;
}

.contenu-central-int #bloc-intro-1,
.contenu-central-int #bloc-intro-2{
	padding:25px 20px 20px 20px;
	font-size:1.2em;
	margin-bottom:0;
	border-top:none;
}

.contenu-central-int #bloc-intro-1.top-space{
	padding-top:25px;
}

.contenu-central-int #bloc-intro-1 div.bloc-droite div.bloc-image {
	text-align:center;
	width:100%;
}

.contenu-central-int #bloc-intro-1 div.bloc-gauche,
.contenu-central-int #bloc-intro-2 div.bloc-gauche{
   float: left;
   margin-right: 1.5%;
   margin-top: 10px;
   width: 13.4%;
}

.contenu-central-int #bloc-intro-1 div.bloc-droite,
.contenu-central-int #bloc-intro-2 div.bloc-droite{
	float: left;
	border:none;
	width:81%;
	margin:0 0 0 0px;
	background:#fff;
	border:1px solid #ccc;
	padding:15px 10px 20px 20px;
}

.contenu-central-int #bloc-intro-1 div.bloc-droite p,
.contenu-central-int #bloc-intro-2 div.bloc-droite p{
	margin:0px;
}

.contenu-central-int div.contour{
	border: 1px solid #BBBBBB;	
	background:white;
	padding:20px 20px 10px 20px;
	margin : -1px 0 0px 0;
}
.contenu-central-int .no-bot-border{
	border-bottom:none;
}

.contenu-central-int div.no-top-border{
	border-top:none;
}

.contenu-central-int div.contour div.clearfix{
	margin-top:0px;
}

.contenu-central-int div.contour div.clearfix div.bloc-gauche{
	float:left;
	margin-top:0;
	margin-right:1.5%;
	width:19%;
}

.contenu-central-int div.contour div.clearfix div.small{
	width:13.4%;
}

.contenu-central-int div.contour div.clearfix div.bloc-centre{
	float:left;
	width:40%;
	margin-top:0;
}

.contenu-central-int div.contour div.clearfix div.bloc-droite{
	float:left;
	margin-top:0;
	margin-left:1%;
	width:38%;
	border:1px solid #ddd;
	background:#F2F2F2;
}

.contenu-central-int div.contour div.clearfix div.legende{
	font-size:12px;
	font-style:italic;
	line-height:1.4em;
	margin:-10px 7px 5px 7px;
}

.contenu-central-int h3{
	font-size:1.5em;
	margin:10px 0 10px 0;
}

.contenu-central-int h4{
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
   	color:#000;
   	font-size:1.3em;
}

.contenu-central-int h4.souligne{
	border-bottom:1px solid #98D8F4;	
}

.contenu-central-int img{
	padding:0;
}
.contenu-central-int img.right{
	float:right;
	margin:0 0 10px 30px;
}

.contenu-central-int img.right2{
	float:right;
	margin: 15px -20px 10px 35px;
}

.contenu-central-int img.left{
	float:left;
	margin:0 30px 0 0px ;
}

.contenu-central-int p{
    padding: 0;
	margin:0 0 10px 0;
}

.contenu-central-int ul,
.contenu-central-int ol{
	list-style-position: outside;
	margin:-0.5em 0 1em 0;
}

.contenu-central-int ul li{
	list-style-image:none;
	list-style:none;
	background:url("/images/blue-bullet.png") no-repeat 2px 7px;/*rond bleu*/
	padding-left:15px;
}
	
ul.niveau-alerte{
    margin: -1em 0 1em 0;
    padding: 0 0 0 0em;
}

ul.niveau-alerte li{
  list-style-image:none;
  list-style:none;
  padding-left:35px;
  padding-top:15px;
}

ul.niveau-alerte li.puce-jaune{background:url("/images/puce-jaune-warning.png") no-repeat 0 10px;}
ul.niveau-alerte li.puce-orange{background:url("/images/puce-orange-warning.png") no-repeat 0 10px;}
ul.niveau-alerte li.puce-rouge{background:url("/images/puce-rouge-warning.png") no-repeat 0 10px;}

/*-----------------------------
BLOCS PAGES NIVEAU 1
----------------------------
.contenu-central-int div.bloc-niveau1{
	 padding: 20px 25px 10px  25px ;
}

.contenu-central-int div.bloc-niveau1 div.clearfix div.bloc-gauche{
	float:left;
	margin:0 15px 0 0;
	width:64%;	
}

.contenu-central-int div.bloc-niveau1  div.clearfix div.bloc-droite{
    float: left;
    margin: 0;
    overflow: hidden;
    width: 34%;
    text-align: center;
}*/

/*-----------------------------
BLOCS PAGES NIVEAU 2
----------------------------*/
.contenu-central-int div.bloc-niveau2{
  -webkit-border-radius: 0px 5px  5px 5px; 
  -moz-border-radius: 0px 5px  5px 5px; 
  border-radius: 0px 5px  5px 5px;
  position:relative;
}

p.intro{
	font-weight:bold;
	margin: 10px 20px 10px 20px;
}
.contenu-central-int div.no-bot-border{
	border-bottom:none;
}

.contenu-central-int div.bloc-niveau2 h3{
	margin-top:15px;
	margin-bottom:15px;
}

.contenu-central-int div.bloc-niveau2  h3.no-marg-top{
	margin-top:0;
}

.contenu-central-int div.bloc-niveau2  h3.souligne{
    background: none repeat scroll 0 0 #5672C6;
    background:#CDE6FE;
    font-size: 1.2em;
    margin: 20px 0 10px;
    padding: 5px;
}

.contenu-central-int div.bloc-niveau2  h3.souligne a:hover{
	text-decoration:underline;
}

.contenu-central-int div.bloc-niveau2 div.wrapper-bloc-h2{
  border:1px DASHED #CCC;
  margin-bottom:20px;
}
.contenu-central-int div.bloc-niveau2 div.clearfix  div.bloc-droite{
	background: white;
    padding: 10px 15px 10px 15px;
    width: 81%;
    margin-left: 0;
	position :relative;
	margin-bottom:10px;
}
.contenu-central-int div.bloc-niveau2 div.clearfix  div.bloc-int{
    float:none;
    position:relative;
    padding: 10px 10px 10px 15px;
    margin-bottom:10px;
    border: 1px solid #DDDDDD;
}
/* type gouvernance des projets et partenaires*/
.contenu-central-int  div.bloc-int-ciel {
	float:none;
    position:relative;
    padding: 5px 15px 0px 15px;
    margin-bottom:10px;
    border: 2px solid #BCE3F9;
    border-top:none;
    border-right:none;
      border-left: 1px solid #BCE3F9;
}

.contenu-central-int div.icone-comite{
	width:39px;
	height:24px;
	background: url("/images/icone-comite.png") no-repeat 0 0;
}

.contenu-central-int div.icone-convention{
	width:39px;
	height:33px;
	background: url("/images/icone-convention.png") no-repeat 0 0;
}
/*tableau page capacités d'alerte et autres tableaux*/
table.history_alert_table{
		  border:none;
}

table.history_alert_table td{
	border: 1px solid #ddd;
	background:#E5F4FE;
	background: #E5F4FE;
}

table.history_alert_table caption{
	  visibility:hidden;
	  height:10px;
}

table.history_alert_table th{
		background:#DCECFE;
}

table#capacites-alertes caption,
table#poster caption,
table#brochures caption{
	padding:10px;
	background: #abd4f2;
	background: -moz-linear-gradient(top,  #abd4f2 1%, #76bcf5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#abd4f2), color-stop(100%,#76bcf5));
	background: -webkit-linear-gradient(top,  #abd4f2 1%,#76bcf5 100%);
	background: -o-linear-gradient(top,  #abd4f2 1%,#76bcf5 100%);
	background: -ms-linear-gradient(top,  #abd4f2 1%,#76bcf5 100%);
	background: linear-gradient(top,  #abd4f2 1%,#76bcf5 100%);
}

table#capacites-alertes  td,
table#poster td,
table#brochures  td{
    background:#E7F0FE;
}

table#capacites-alertes  td{
    text-align: center;
}

table#poster{
	margin-top:20px;
}

.contenu-central-int div.bloc-niveau2 div.wrapper-intro-h2-level{
	margin-bottom:20px;
} 
div.video{
	text-align:center;
	border: 1px solid #DDDDDD;
	height: 450px;
    width: 570px;
    margin:0 auto 20px auto;
}

div.video p{
	font-weight:normal !important;
	font-size:0.85em;
	font-style:italic;
	margin:0 20px 0 0;
	padding:0;
	text-align:right;
	line-height:1.2;
}

/* page historique des alertes niveau 2--------------------------------*/

.contenu-central-int #bloc-intro-2.bloc-niveau2 {
	padding-top:20px;
}
.contenu-central-int #bloc-intro-2.bloc-niveau2 div.clearfix  div.bloc-droite{
 	background: none repeat scroll 0 0 white;
    margin-left: 15px;
    padding: 10px;
    position: relative;
    width: 80%;
}

.contenu-central-int div.bloc-niveau2 div.clearfix div.moyen{
    width: 81%;
    margin-left:0;
}

.contenu-central-int div.bloc-niveau2 div.clearfix  div.large{
	background: white;
    padding: 10px;
    width: 97%;
	position :relative;
	border: 1px solid #DDDDDD;
    margin-top: 0;
}
.contenu-central-int div.bloc-niveau2 div.clearfix  div.no-bot-border{
	border-bottom:none;
}

.contenu-central-int div.bloc-niveau2 div.clearfix .bloc-image{
	position :relative;
	border: 1px solid #CCC;
	/*background:#DDD;*/
    position: relative;
	text-align: center;
	margin-bottom:10px;
	width: 100%;
	display: inline-block;
}

.bloc-image{
	position :relative;
	border: 1px solid #BBBBBB;
    position: relative;
	text-align: center;
}

.bloc-image-no-border{
	position :relative;
    position: relative;
	text-align: center;
	padding:20px 0 10px 0;
}


.contenu-central-int div.bloc-niveau2 div.clearfix .bloc-image img{
	margin:10px auto;
}

/* Listes
-------------------------------------------------------------- */

ul, ol{
	margin: 0.5em 0 1em;
	padding: 0 0 0 1.5em;
}

ol li, ul li {
	margin: 0.15em 0 0.15em .5em;
	padding-bottom: .1em;

}

/* suite*/
div.suite{
	text-align:right;
}

div.suite a{
	background:url("/images/ico-lire-suite.png") no-repeat 0 0;
	padding-left:25px;
}


/* Footer 
-------------------------------------------------------------- */

#footer-wrapper {
	width: 1000px;
	margin: 5px auto  0 auto;
	position: relative;
	padding:10px 0 0;
	text-align:center;
	background: white;
}

#footer{
	font-size: 12px;
	margin:15px;
}


#footer .block-title {
	margin-top:15px;
}

#footer .marges {
	margin:15px 0;
}

#footer ul{
	margin: 0;
	padding: 0;
	border: medium none;
	list-style: none outside none;
	text-align: left;
	margin: 0 auto;
	width: 51%;
}

#footer ul li{
    float: left;
    list-style-image: none;
    margin: 0px  0 0 30px;
    list-style-type: none;
    padding-bottom: 0.1em;
}

#footer ul li.first{
    margin-left: 0;
    margin-top:10px;
}

#footer ul li a.active {
    border-bottom: none;
    color: #000000;
}

#footer ul#menu-utilites{
	margin:0;
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	width: 100%;
	text-align: center;
}

#footer ul#menu-utilites li{
   float:none;
   display:inline;
}

#footer ul#menu-utilites li a{
  border-right:1px solid #CCC;
  padding-right:5px;
}

#footer ul#menu-utilites li.first{
  margin:0 0 0 0;
}

#footer ul#menu-utilites li.last a{
  border-right:none;
}

/* page plan du site----------------------------------------*/
ul#plan-du-site {}

ul#plan-du-site li{
	font-weight:bold;
}

ul#plan-du-site li ul li{
	font-weight:normal;
}

/* styles communs*/

.flotte-gauche{
	float:left;
	position:relative;
}

.bords-gris{
	border: 1px solid #BBBBBB;	
}

.error {
border-color: red;
}

.small {
    font-size: 0.85em;
}

/* page liens utiles
------------------------------------------------------------------*/
ul#liens-utiles{
	margin-top:15px;
	padding-left:0;
	font-weight: bold;
}

ul#liens-utiles li{
	margin: 0.15em 0 0.7em 0.5em;
	background: url("/images/ico-new-page.png") no-repeat scroll 0px 4px transparent;
	padding-left: 20px;
}

/*tableaux--------------------------------------------------------*/

table{
	width:100%;
}


table caption{
	font-size: 1.4em;
	padding-bottom:10px;
}

table,th,td{
	border:1px solid #CCC;
	padding:0;
	border-collapse:collapse;
	margin-bottom:10px;
}

th{
	background:#EEE;
}

th,td{
	padding:10px;
}

#brochures td img,
#poster td img{
	float:left;
	margin-right:10px;
}


span.format-doc{
	float:left;
	display:block;
	margin-top:5px;
}


tr.odd td, tr.even td {
padding: 0.5em;
}

/*styles formulaires*/
fieldset{
	border:none;
}
/* styles css3 avec pie*/
.rounded{  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

.rounded-bot{
  -webkit-border-radius: 0px 0px  5px 5px; 
  -moz-border-radius: 0px 0px  5px 5px; 
  border-radius: 0px 0px  5px 5px;
}

.rounded-top{
  -webkit-border-radius: 5px 5px  0px 0px; 
  -moz-border-radius:  5px 5px  0px 0px; 
  border-radius:  5px 5px  0px 0px;
}

.onglet {
	font-size: 1.8em;	
	line-height: 1.1em;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	float: left;
	border: 1px solid #CCC;
	border-bottom: 1px solid #fff;
	padding: 20px 20px  0px 20px;
	margin:0 0 -1px 0;
	background: none repeat scroll 0 0 #FFFFFF;
	position:relative;
	z-index:1;
}

.transparent-white{
	background-color: transparent;
	background-color:rgba(255, 255, 255, 0.5);
}

.gradient-menu{
	background: #f2f2f2;
	background: -moz-linear-gradient(top,#f2f2f2 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,#f2f2f2 0%,#cccccc 100%);
	background: linear-gradient(top, #f2f2f2 0%,#cccccc 100%);
}

.gradient-onglet-home{
	background: #d4f3ff;
	background: -moz-linear-gradient(top,  #d4f3ff 0%, #4cb8ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4f3ff), color-stop(100%,#4cb8ff));
	background: -webkit-linear-gradient(top,  #d4f3ff 0%,#4cb8ff 100%);
	background: -o-linear-gradient(top,  #d4f3ff 0%,#4cb8ff 100%);
	background: -ms-linear-gradient(top,  #d4f3ff 0%,#4cb8ff 100%);
	background: linear-gradient(top,  #d4f3ff 0%,#4cb8ff 100%);
}

.blocs-gradient-bleus{
	background: #a3d2f0;
	background: -moz-linear-gradient(top,  #a3d2f0 1%, #e4f1fb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a3d2f0), color-stop(100%,#e4f1fb));
	background: -webkit-linear-gradient(top,  #a3d2f0 1%,#e4f1fb 100%);
	background: -o-linear-gradient(top,  #a3d2f0 1%,#e4f1fb 100%);
	background: -ms-linear-gradient(top,  #a3d2f0 1%,#e4f1fb 100%);
	background: linear-gradient(top,  #a3d2f0 1%,#e4f1fb 100%);
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}