/*
	Styles globaux
*/


/* Style d'alignements - NE PAS MODIFIER */
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }

.valign-top { vertical-align: top !important; }
.valign-middle { vertical-align: middle !important; }
.valign-bottom { vertical-align: bottom !important; }

.float-left { float: left; }
.float-right { float: right; }

.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.clearer { clear: both; height: 0.01em; font-size: 0.01em; padding: 0; line-height: 0px; }

.display-none { display: none; }
.hidden { position: absolute; left: -9999px; top: 0; }
/* /Style d'alignements */


.centrer
{
   margin-left: auto;
   margin-right: auto;
   padding-left: 1em;
   padding-right: 1em;
  
}

.italique {
  font-style : italic;
}

.blanc {
  color : #ffffff;
}



/* = Balises de base = */
body {
	color: #414141;
	font: 0.75em/1.4em Arial, Helvetica, sans-serif;
	background-color: #ececec;
  	background-image: url("../images/bg_comprendre.png");
  	background-repeat: repeat-x;
  	background-attachment: scroll;
  	background-position: -650px 2.8em;
  	
}

h1, .h1 {color:#000; font-size:3em; font-weight:normal; margin:0.25em; line-height:1.2em;}
h2, .h2 {color: #005891; font-weight:normal; font-size:1.5em;margin:1em 0;}
h3, .h3 {margin: 0.5em 0;}
h4, .h4 {margin: 0.5em 0;}
h5, .h5 {margin: 0.5em 0;}
h6, .h6 {margin: 0.5em 0;}

p { 
	margin: 1em 0;
	text-align:justify; 
}
ul, ol { margin: 0 1em; }
ul li,
ol ul li {font-size: 1.083em;}
ol li { list-style-type: decimal; list-style-position: inside; }

table { border: 2px solid #aaa; font-size: 1.083em; }
caption { text-align: center; font-weight: bold; padding: 0.5em; }
th, td { border: 1px solid #aaa; padding: 0.1em;text-align: justify; }
th { text-align: center; font-weight: bold; }

hr { background: #000; color: #000; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 15px; border: none; font-size: 1px; display: block; }
code { border: 1px solid #eee; background-color: #fff; display: block; padding: 0.7em; font-family: "courier new", courier, monospace; }



.sipex-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: none;

}

.sipex-table caption { text-align: center; vertical-align:middle; padding: 0em; }


.sipex-table td,
.sipex-table th {
    border-width: 0 0 0 0;
    font-size: inherit;
    margin: 0;
    padding: 0; /* cell padding */
    text-align: justify;
    text-justify: inter-word;
    text-align:center;
    vertical-align:middle;
}



/* Hyperliens
---------------------------------------------- */

/* = header = */
#intersites
{
  font-family: cartogothic_stdregular,Arial,Helvetica,sans-serif;
  color: #ffffff;
  background-color: #005891;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;

}

#intersites nav 
{
	margin: 0 auto; 
}


#intersites nav > ul
{
  width: 1000px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;

}

#intersites li
{
  display: inline-block;
  list-style-type: none;
  font-size: 1.2em;
  margin-right: 20px;
    padding-top: 0.6em;
  padding-right: 0px;
  padding-bottom: 0.6em;
  padding-left: 0px;
  
}

#intersites a, #intersites a:link, #intersites a:visited, #intersites 
{
  text-decoration: none;
  color: #ffffff;
  background-color: #005891;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}


.header-1-wrapper {
	position: relative;
	background-color: #005891;
}


.header-1 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.header-logo-wrapper {
	margin: 0 0 0 0;
	float: left;
	padding: 1px;
}
.header-logo-wrapper img { display: block; }

.header-2-wrapper {
	max-width: 1020px;
	position: relative;
	margin: 4px auto;
	padding-top: 4px;
	
}

.header-2 {
	width: 1000px;
	margin: 0 auto;
}

.header-title {
  display: table-cell;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2;
  color: #005891;
  padding: 0px 20px;
  clear: both;
}

.mod-ministere {
	margin: 10px auto;
	
}

.mod-meteo {
	float: left;
	height: 79px;
	min-height: 79px; /*65*/
	margin-left: 10px;
	margin-top: 23px;
}

.mod-titre {
	float: left;
	width: 700px;
	margin: auto;
	margin-top: 15px;

}


.mod-vigilance
{
	margin: 2px;
	float: right ;
}


.mod-vigilance-vert
{
	height:80px;
	
}
.ie7 .mod-vigilance,
.ie8 .mod-vigilance { border-bottom: 1px solid #888; }
.mod-vigilance-voir-carte { font-size: 0.917em; }
.mod-vigilance-carte
{
	float: left;
	top: 0;
	left: 0;
}

.mod-vigilance span
{
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 4px 0;
}
.mod-vigilance p
{
	margin: 4px 0 1px;
	font-weight: bold;
}

.mod-vigilance-vert
{
	background: #ffffff;
	padding: 9px 0 9px 10px;
	color: #000000;

	border-left:0;
}
.mod-vigilance-rouge a:link,
.mod-vigilance-rouge a:visited,
.mod-vigilance-vert a:link,
.mod-vigilance-vert a:visited { color: #000; }
.mod-vigilance-border-rouge {

	width: 91px;
	height:98px;
}
.mod-vigilance-border-vert {

	width: 91px;
	height:98px;
}




/* = Menu 1 = */

#main-header
{
  width: 1000px;
  position: relative;
  font-family: cartogothic_stdregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color: #ececec;
  background-image: url("../images/bg_header.png");
  border-right-width: 5px;
  border-left-width: 5px;
  border-style: solid;
  border-color: #ffffff;
  border-image-source: none;
  border-top-width: 0px;
  border-bottom-width: 0px;
  margin: 0 auto;
}

nav.main-nav
{
  color: #212121;
  background-color: #dfdfdf;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
}

nav.main-nav ul
{
  display: table;
  width: 1000px;
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  margin: 0px;
}

nav.main-nav li.normal
{
  position: relative;
  display: table-cell;
  list-style-type: none;
  font-size: 1.2em;
  text-align: center;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  vertical-align: middle;
  border: 1px #2b83bc;
  border-style: none solid none none;
}

nav.main-nav li.last
{
  position: relative;
  display: table-cell;
  list-style-type: none;
  font-size: 1.2em;
  text-align: center;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  vertical-align: middle;
  border: 1px #2b83bc;
  border-style: none none none none;
}



nav.main-nav a, nav.main-nav a:link, nav.main-nav a:visited
{
  display: block;
  text-decoration: none;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-top: 0.2em;
  margin-right: 0px;
  margin-bottom: 0.2em;
  margin-left: 0px;
}




nav.main-nav a:hover, nav.main-nav li.active a, nav.main-nav li.active a:link, nav.main-nav li.active a:visited
{
  text-decoration-line: none;
  text-decoration-style: solid;
  color: #ffffff;
  background-color: #005891;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

/* = Menu 2 = */

.nav-2 { position: relative; }
.nav-2 ul {
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
	background: url('../img/header/nav-2.png') repeat-x top left #f3f3f3;
}

.nav-2 ul li {
	display: table-cell;
	list-style: none;
	font-size: 1.25em;
	padding: 5px;
	margin: 0;
	
}

.nav-2 a:link,
.nav-2 a:visited {
	border: #3979a5 solid 0px;
	border-right-width: 1px;
	text-decoration:none;
	color:#808080;
	font-weight: bold;
	background-color: #f3f3f3;
	display: block;
	padding: 8px 3px;
	text-align: left;
	line-height: 0.8em;
	text-align: center;
}

.site-dp .nav-2 a:link,
.site-dp .nav-2 a:visited {
	padding: 8px 8px;
}

.nav-2 li:first-child a {
	border-left-width: 1px;
}



.nav-2 a:hover,
.nav-2 a:focus,
.nav-2 a:active,
.nav-2 .active a {
	color: #ffffff;
	background-color: #005891;
	border-color: #1f3c47;
	text-decoration: none;
}


/* = Fil d'Ariane = */
.breadcrumb { font-size: 0.917em; margin: 0 0 0.5em; }
.breadcrumb-bottom { margin: 0.5em 0 0.5em 1em; }
.breadcrumb ul { margin: 0; padding: 0; color: #1f3c47; }
.breadcrumb li { list-style: none; display: inline; padding: 0; }
.breadcrumb a:link,
.breadcrumb a:visited { color: #555555; }
.breadcrumb .current { font-weight: bold; }


/* = Listes = */

.list-style-1 {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
.list-style-1 li {
	background: url('../img/sprite.png') no-repeat 0 -404px;
	padding-left: 7px;
	line-height: 1.3em;
	margin-bottom: 0.3em;
}
.list-style-1 li a:link,
.list-style-1 li a:visited {
	color: #555;
}


.list-style-2 {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #555555;
	font-size: 1.167em;
}
.list-style-2 > li {
	margin-bottom: 0.7em;
}
.list-style-2 a:link,
.list-style-2 a:visited {
	background: url('../img/sprite.png') no-repeat 0 -464px;
	padding-left: 10px;
	display: block;
	color: #555555;
	text-decoration:none;
}

.list-style-2 a:hover {
	text-decoration:underline;
}


.list-style-2 ul {
	list-style: none;
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0;
	font-size: 0.857em;
}
.list-style-2 .active,
.list-style-2 .active:link,
.list-style-2 .active:visited {
	color: #1a606c;
	font-weight: bold;
}
.list-style-2 .active:link,
.list-style-2 .active:visited {
	background: url('../img/sprite.png') no-repeat 0 5px;
}




/* = Footer = */

.site > footer
{
  position: relative;
  font-family: cartogothic_stdregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #ffffff;
  background-color: #005891;
  background-image: url("../images/bg_footer.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -150px -270px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 20px;
  margin-top: 10px;
}


/* --------------------------- FOOTER -------------------------------- */

footer {
    position: relative;
    font-family: cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF;
    background: #005891 url(../images/bg_footer.png) -150px -50px no-repeat;
    padding-top: 20px;
}

footer h2 {
    font: 500 1.5em/1 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #FFF;
    background: transparent url(../images/logo_footer.png) no-repeat;
    padding: 0 0 0 52px;
    margin: 0 20px 20px;
}

footer h2 strong {
    display: block;
    font: 600 140%/1 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 0.1em;
}



.footer {}
    .footer ul {list-style-type: none; padding: 0; margin: 0;}

.footer .footer-1 {
    padding: 20px;
}

    .footer-1 div.masonry-block {
        float: left;
        width: 1000px;
        margin: 0 0 20px 0;
       
    }
    .footer ul.footer-col-last {
        float: right;
        width: 209px;
    }
    .footer ul.footer-col-last li {margin: 0;}
    
    .footer-1 li.brick {
        width: 350px;
        margin: 0 30px 20px 0;
    }
    
    .footer-1 dl {margin: 0.5em 0 20px;}
    .footer-1 dt {
        font-size: 70%;
        text-transform: uppercase;
    }
    .footer-1 li dt a:link, .footer-1 li dt a:visited {
        color: #FFF;
        padding: 0;
    }
    .footer-1 li dt a:hover {
        text-decoration: none;
        color: #FFF;
        background: #082C44;
    }
    .footer-1 dd {
        font: 60%/1.4 cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #FFF;
        margin: 0;
    }
    
    .footer-1 li {
        font: 1.8em cartogothic_stdbold, "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #8ADDFF;
        padding-bottom: 1em;
    }
    .footer-1 li a:link, .footer-1 li a:visited {
        color: #8ADDFF;
    }
    .footer-1 ul.level2 {margin-top: 0.3em;}
    .footer-1 ul.level2 li {
        font: 65% cartogothic_stdregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0 0 0.3em;
    }
    .footer-1 ul.level2 li a:link, .footer-1 ul.level2 li a:visited {
        color: #FFF;
    }
    .footer-1 ul.level2 li a:hover {
        text-decoration: none;
        color: #FFF;
        background: #082C44;
    }
    
    .footer-1 ul.alone li {font-size: 100%;}    


.footer a:link, .footer a:visited { 
    color: #FFF;
    text-decoration: none;
}

.footer a:hover, .footer a:focus {text-decoration: underline;}




.footer .footer-2 {
    clear: both;
    text-align: center;
    color: #FFF;
    background-color: #082C44;
    padding: 10px;
}


.footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-links li {
    display: inline;
    font-size: 1em;
    color: #FFF;
    padding: 0 4px 0 0;
}

.footer .footer-links a:link,
.footer .footer-links a:visited {
    margin-right: 4px;
    white-space: nowrap;
}

/* -------------------------- INFO BLOCKS -------------------------- */


.block-1 {
	border: 1px solid #d5d5d5;
	margin: 0 0 1em;
}
.block-1 .block-header {
	background: #F9F9F9;
	border-bottom: 1px solid #d5d5d5;
}
.block-1 .block-header h2 {
	color: #555555;
	font-weight: bold;
	font-size: 1.416em;
	margin: 0;
	padding: 0.5em;
}
.block-1 .block-body {
	padding: 0.5em;
}


/* = Média = */

.mod-media {
 	margin-bottom:2em;
	width: 790px;
	position: relative;
	left: -4px;
	overflow: hidden;
}

.mod-media-body {
	border: 1px solid #d6d6d6;
	background: url('../img/grad-grey-2.png') repeat-x bottom left #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image:    -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image:      -o-linear-gradient(top, #ffffff, #ffffff);
	background-image:         linear-gradient(to bottom, #ffffff, #ffffff);
	padding: 5px;
	overflow: hidden;
}

.image-media {
	float: left;
	margin-right: 8px;
}
.image-media img {
	display: block;
	border: 0;
}
.image-media-border img {
	border:#959696 solid 1px;
}
.image-media-legend {
	font-size: 1.083em;
}

.mod-media-text {
	overflow: hidden;
}

.media-title {
	margin: 0 0 0.5em;
	font-size: 1.42em;
	font-weight: bold;
}
.media-title a:link,
.media-title a:visited {
	color: #1A606C;
}

.media-dossier-title {
	margin: 0 0 0.5em;
	font-weight: bold;
	font-size: 1.083em;
}
.mod-media-text p {
	margin: 0.5em 0;
	color: #555555;
	font-size: 1.1em;
}





.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 0.18em; /* cell padding */
    text-align: center;
}

/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}


.centre-td {
    text-align: center;
}