/*
Theme Name: Theme Coalition Eau
Theme URI: http://www.coalition-eau.org/
Description: Coalition Eau
Author: Damien Fauret pour le studio Travers Média
Author URI:
Version: 1
*/

@charset "UTF-8";

/* RESETS CSS
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* ULs RESET */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a.notunder{text-decoration: none;}
a.notunder:hover{text-decoration:none;color:#F2643E;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Réglages sup et sub  */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;outline: none;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/*-----------------------------------------------------------------------------*/

/* 	GLOBAL
-------------------------------------------------------------------------------*/

body {font: 62.5% "Arial", sans-serif; margin: 0 auto;background:#eee;}


div#uglyWrapper{width:1000px;margin:0 auto;background:#fff;}
div#uglyWrapper header.header{width:1000px;height:172px;}
div#uglyWrapper header.header div.header-logo{height:90px;}
div#uglyWrapper header.header div.header-menu div.header-inner{border-width:0 1px;border-style:solid;border-color:#8e3828;}
div#uglyWrapper div.content-slider{margin-top:172px;}
div#uglyWrapper footer.footer div.footer-menu div.footer-inner ul.basdepage{border-right:1px solid #8e3828;}

/* SYSTEME DE GRILLE, UNITES et OFFSET --------------------------------------- */
.row {margin-left: -20px;*zoom: 1;}

.row:before,
.row:after {display: table;line-height: 0;content: "";
}

.row:after {clear: both;}

[class*="span"] {float: left;min-height: 1px;margin-left: 20px;}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9  {width: 700px;}
.span8  {width: 620px;}
.span7  {width: 540px;}
.span6  {width: 460px;}
.span5  {width: 380px;}
.span4  {width: 300px;}
.span3  {width: 220px;}
.span2  {width: 140px;}
.span1  {width: 60px;}

.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9  {margin-left: 740px;}
.offset8  {margin-left: 660px;}
.offset7  {margin-left: 580px;}
.offset6  {margin-left: 500px;}
.offset5  {margin-left: 420px;}
.offset4  {margin-left: 340px;}
.offset3  {margin-left: 260px;}
.offset2  {margin-left: 180px;}
.offset1  {margin-left: 100px;}

[class*="span"].hide,
.row-fluid [class*="span"].hide {display: none;}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {float: right;}

.container {margin-right: auto; margin-left: auto; *zoom: 1;}
.container:before,
.container:after {display: table;line-height: 0;content: "";}
.container:after {clear: both;}

.content {margin: 204px 0 0 0;}

.pull-right { float: right; margin-right: 0;}
.pull-left { float: left; }

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}


/* TYPOGRAPHIE ------------------------------------------------------------------ */

/* BLEU Coalition Eau pour le texte par défaut*/
body, select, input, textarea {color: #1E408E;}

/* LIENS */
a {color:inherit;}
a:hover {color: inherit; text-decoration: underline; cursor: pointer;}

/* Couleurs de sélection de texte */
::-moz-selection{background: #F2643E; color: #fff; text-shadow: none;}
::selection {background: #F2643E; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #F2643E;}
ins {background-color: #F2643E; color: #000; text-decoration: none;}
mark {background-color: #F2643E; color: #000; font-style: italic; font-weight: bold;}


/* STYLES */

/*
light : 		font-family: "myriad-pro-n3","myriad-pro",sans-serif; font-style: normal; font-weight: 300;
light ital : 	font-family: "myriad-pro-i3","myriad-pro",sans-serif; font-style: italic; font-weight: 300;

regular : 		font-family: "myriad-pro-n4","myriad-pro",sans-serif; font-style: normal; font-weight: 400;
regular ital : 	font-family: "myriad-pro-i4","myriad-pro",sans-serif; font-style: italic; font-weight: 400;

bold : 			font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
bold italic : 	font-family: "myriad-pro-i7","myriad-pro",sans-serif; font-style: italic; font-weight: 700;
*/

/* Head */
.baseline 			{font: 1.2em/0.85em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 vertical-align: baseline; -webkit-font-smoothing: antialiased;}

.menu 	 			{font: 1.2em/0.75em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 vertical-align: baseline; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
li.menu ul.menu,
.menu li	 		{font: 1em/1.25em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 vertical-align: baseline; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.menu ul>li:first-child
					{padding-top: 4px;}
.menu a				{text-decoration: none;}
.menu a:hover		{color: #F2643E;}
.menu a.active 		{color: #F2643E; }

/* Slider */
.date 	 			{font: 1.2em/1.5em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; margin: 14px 0 1px 0;
					 vertical-align: baseline; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.cat 	 			{font: 2.8em/1em "myriad-pro-n3","myriad-pro",sans-serif; font-style: normal; font-weight: 300;
					 vertical-align: baseline;/*letter-spacing: 1px; text-transform: uppercase;*/ -webkit-font-smoothing: antialiased;}
.slide 	 			{font: 3em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 vertical-align: baseline;/*letter-spacing: 1px; text-transform: uppercase;*/ -webkit-font-smoothing: antialiased;}

.rubrique			{font: 1.1em/1.5em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; padding: 36px 0 5px 0;
					 vertical-align: baseline; text-transform: uppercase; letter-spacing: 1px; -webkit-font-smoothing: antialiased;
					 border-bottom: 1px solid #1E408E;}

/* Footer */
.contact 	 		{font: 1.2em/1.5em "myriad-pro-n4","myriad-pro",sans-serif; font-style: normal; font-weight: 400;
					 vertical-align: baseline; -webkit-font-smoothing: antialiased; outline: none; }
.contact strong 	{font: 1em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 vertical-align: baseline; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.contact a {text-decoration: none;}
.contact a:hover { color: #F2643E; }

/* Titrage accueil */
.titre 		 		{font: 2.4em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; vertical-align: baseline;
					/*letter-spacing: 0px; text-transform: uppercase;*/ -webkit-font-smoothing: antialiased;  }
.titre em 			{font: 1em/1em "myriad-pro-i4","myriad-pro",sans-serif; font-style: italic; font-weight: 400; vertical-align: baseline; }

.titre-light 	 	{font: 2.3em/1em "myriad-pro-n3","myriad-pro",sans-serif; font-style: normal; font-weight: 300;; vertical-align: baseline;
					 /*letter-spacing: 1px; text-transform: uppercase;*/}
.titre-light em 	{font: 1em/1em "myriad-pro-i3","myriad-pro",sans-serif; font-style: italic; font-weight: 300; vertical-align: baseline; }

a.titre { display:block; text-decoration: none; }
a.titre:hover { color: #F2643E; }

/* Post */
.post .titre 		{font: 3em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; vertical-align: baseline;
					/*letter-spacing: 0.05em; text-transform: uppercase;*/ -webkit-font-smoothing: antialiased;  }
.post .titre em 	{font: 1em/1em "myriad-pro-i4","myriad-pro",sans-serif; font-style: italic; font-weight: 400; vertical-align: baseline; }

.post .titre-light 	{font: 2.8em/1em "myriad-pro-n3","myriad-pro",sans-serif; font-style: normal; font-weight: 300;; vertical-align: baseline;
					 /*letter-spacing: 1px; text-transform: uppercase;*/}
.post .titre-light em 	{font: 1em/1em "myriad-pro-i3","myriad-pro",sans-serif; font-style: italic; font-weight: 300; vertical-align: baseline; }

.post .titre2		{font:normal 700 2em/1em "myriad-pro-n7","myriad-pro",sans-serif;color:#1E408E;}
.post .titre2-light	{font:normal 300 1.9em/1em "myriad-pro-n3","myriad-pro",sans-serif;color:#1E408E;}
.post a .titre2,
.post a .titre2-light
					{text-decoration: none;}
.post a:hover .titre2,
.post a:hover .titre2-light
					{color:#F2643E;}

.texte 				{ font: 1.4em/1.45em "myriad-pro-n4","myriad-pro",sans-serif; font-style: normal; font-weight: 400; vertical-align: baseline; }
.texte .texte	{ font-size:1em; }
.texte strong,
.texte.strong { font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-weight: 700; vertical-align: baseline; -webkit-font-smoothing: antialiased; }
.texte em 		{ font-family: "myriad-pro-i4","myriad-pro",sans-serif; font-style: italic; vertical-align: baseline; }

h2 {font: 1.1em/1.4em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; vertical-align: baseline;-webkit-font-smoothing: antialiased; text-transform: uppercase; letter-spacing: 1px; color:#F2643E; margin-top: 25px; }

blockquote 			{ font: 1.4em/1.45em "myriad-pro-i4","myriad-pro",sans-serif; font-style: italic !important; font-weight: 400; vertical-align: baseline;-webkit-font-smoothing: antialiased; margin: 0 0px 0 20px; color:#F2643E;padding: 15px 0 20px 0;}
cite 				{ font: 1em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; vertical-align: baseline;-webkit-font-smoothing: antialiased;}
cite:before			{ content:"\2014 "}
blockquote .texte	{ font-size:1em !important; font-style: italic; }

/* Colonne */
ul.colonne-list p.info 		{font: 1.1em/1.4em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
					 		vertical-align: baseline; -webkit-font-smoothing: antialiased; text-transform: uppercase; letter-spacing: 1px; }
ul.colonne-list p.titre-light,
.texte-petit 	{font: 1.2em/1.4em "myriad-pro-n4","myriad-pro",sans-serif; font-style: normal; font-weight: 400;
								 margin-right: 30px; vertical-align: baseline; -webkit-font-smoothing: antialiased;
								 text-transform: inherit;letter-spacing: 0px;}
.texte-petit strong { font:1em/1em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;}
ul.colonne-list p.titre	 	{font: 1.2em/1.4em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700; margin-right: 30px;
					 vertical-align: baseline; -webkit-font-smoothing: antialiased; text-transform: inherit;letter-spacing: 0px;}
.voirtout	 		{font: 1.1em/1.4em "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;  margin: 10px 0 0 0;
					 vertical-align: baseline; -webkit-font-smoothing: antialiased; text-transform: uppercase;letter-spacing: 1px;}
.voirtout a	 		{text-decoration: none; display: block; width: 100%; background: url('IMG/arrowsLinks.png')no-repeat right 0px;}
.voirtout a:hover 	{color: #F2643E; background: url('IMG/arrowsLinks-up.png')no-repeat right 0px;}


/* COULEURS */

.bleu 			  { color: #1E408E }
.bleu-clair 	  { color: #E8ECF3 }
.orange 		  { color: #F2643E; border-bottom-color: #F2643E; }
.blanc			  { color: #FFF; }
.gris         { color: #666; }
.fond-bleu 		  { background: #1E408E }
.fond-orange 	  { background: #F2643E }
.fond-blanc 	  { background: #FFF }
.bord-haut-bleu   { border-top: 1px solid #1E408E; }
.bord-haut-orange { border-top: 1px solid #F2643E; }



/*-----------------------------------------------------------------------------*/

/* 	FEUILLE DE STYLES SPÉCIFIQUE
-------------------------------------------------------------------------------*/

/* Marges d'usage fréquent --------------------------------------------------- */

/* Bordure pointillé en pied */
.bordure-pied {margin: 20px 0; border-bottom: 1px dotted #2E2E5A;}

/* Marges Header */
.align {margin-left:10px; padding: 8px 0 9px 0;}

/* Marges titres */
.rubrique {margin: 10px 0 4px;}
.toppadding11{padding-top:11px;}
.notopmargin {margin-top:0;}
.notoppadding {padding-top:0;}
.nobottompadding {padding-bottom:0 !important;}
.nobottomborder {border-bottom: 0 !important;}
.categorie {margin: 0 0 8px 0;}
.categorie a {text-decoration: none;}
.categorie a:hover {text-decoration: underline;}

.marge-haut {margin-top: 194px;}
html.ie6 .marge-haut,html.ie7 .marge-haut{margin-top: 0px;}
.contenu { padding: 36px 0 5px 0;}

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

.header {
  position:fixed;
  height: 194px;
  z-index: 9999;
  background: #fff;
}
html.ie6 .header,html.ie7 .header{position: static;}

/* .translated-ltr  #uglyWrapper header { top: 40px; } */
/* .wp-toolbar.translated-ltr #uglyWrapper header { top: 72px; } */
/* .translated-ltr #wpadminbar { top: 40px; } */

.header-langue .glink:first-of-type::after {
  content: "|";
  margin-left: 5px;
}

.header:after {clear: both}

.header-logo 		{ background: #FFF; padding:0 0 0 0; margin: 0; width:100%; min-width: 100%; float:left; position: relative; left: 0; height:112px;}
.header-search 		{ background: #FFF; padding:0 0 0 0; margin: 0; width:100%; min-width: 100%; float:left; position: relative;
					  left: 0; border-top: 1px solid #E8ECF3; }
.header-menu 		{ background: #F2643E; padding:0 0 0 0;margin: 0;width:100%;min-width: 100%;float:left;position: relative;left: 0; z-index: 900; }
.header-breadcrumb 	{
  background: #1E408E;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.35);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.35);
          box-shadow: 0 2px 6px rgba(0,0,0,0.35);

  padding:0 0 0 0;
  margin: 0;
  width:100%;
  min-width: 100%;
  float:left;
  position: relative;
  left: 0;
  z-index: 800;
  }
.header-inner 		{ width: 960px; margin: 0px auto; position:relative; height: 100%; }
.header-form 		{ margin: 0 -1px 0 9px; width: 162px; }
.header-form form {
  width: 160px;

  border-width: 0 1px;
  border-style: solid;
  border-color: #ccc;
  -webkit-box-shadow: 0 0 7px #ccc;
     -moz-box-shadow: 0 0 7px #ccc;
          box-shadow: 0 0 7px #ccc;
  }
.header-langue 		{ margin:0; padding: 0; position: absolute; bottom:10px; right:10px;}
.header-image 		{ margin:0 0 0 10px; padding: 0; position: absolute; bottom:5px; left:0;}


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

/* Premier niveau */
ul.dropdown                   { position:relative; float:left; width: 100%;  margin: 0 -20px 0 0;
								list-style:none; margin: 0 auto; padding:0;}
ul.dropdown li                { display:inline-block; *display: inline; zoom: 1; padding:9px 0 0px 10px; width: 149px; height:18px;
								margin:0 0 0 0px;  vertical-align: top; position: relative; border-left: 1px solid #8e3828;}
ul.dropdown a:hover		      { color: #1E408E; }
ul.dropdown a:focus           { color: #1E408E; }
ul.dropdown li a              { text-decoration:none;outline:none; padding: 0; display: block; }
ul.dropdown li:last-child a   { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:first-child    { border-left: 0px solid #000; }
ul.dropdown li:last-child     { width: 129px; }
/*ul.dropdown li.hover,
ul.dropdown li:hover          { position: relative;  color: #E65014;}*/
ul.dropdown li.hover a        {  }

/* Second Niveau */
ul.dropdown ul 				  { display: none; position:absolute;top: 100%; left: 0;z-index: 5000;margin: 0px 0 0 0 ;border-top: 1px solid #2E2E5A;}
ul.dropdown ul li 			  { background: #F2643E; color: #FFF; float: none; width: 139px; margin: 0; height: auto;
								border-left: 0; padding:3px 10px; line-height: 1.2em}
ul.dropdown ul li:last-child  { border-bottom: 0px dotted #2E2E5A; width: 139px }
                              /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			  { border-right: none; width: 100%; display: inline-block; color: #FFF; border-bottom: 1px dotted #2E2E5A;
								padding:0px 0px 4px 0px;  }
ul.dropdown ul li a:hover     { border-right: none; width: 100%; display: inline-block; color: #1E408E;}
ul.dropdown ul li:hover a     { color: #1E408E}
ul.dropdown ul li:last-child a { border-bottom: 0px dotted #2E2E5A; }


/* BREADCRUMB ------------------------------------------------------------------- */
.breadcrumb { padding: 9px 9px 9px 10px; margin: 0 0 0 0; list-style: none; color: #fff; }
.breadcrumb > li { display: inline-block; *display: inline;  *zoom: 1;}
.breadcrumb > li > .divider { padding: 0 3px; font-size: 0.9em; position: relative; bottom: 0.1em; }
.breadcrumb > .active { color: #999999; }
.breadcrumb a { color: #FFF; text-decoration: none; }
.breadcrumb a:hover { color: #F2643E; }


/* SECTIONS --------------------------------------------------------------------- */

/* Listings Posts */
ul.actu-list {}
ul.actu-list li {padding-bottom: 15px; margin: 0;}
ul.actu-list li a {display: block; text-decoration: none; background: #FFF;}
/*ul.actu-list li a:hover {background: #eff2f7; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;}*/
ul.actu-list li header{margin: 10px 0 6px 0;}
ul.actu-list li:first-child header{margin: 0px 0 6px 0;}
/*ul.actu-list li.actu.orange.fond-orange-hover a:hover {background: #fef4f1;}*/

/* Listings Colonnes */
ul.colonne-list {}
ul.colonne-list li {padding-bottom: 10px; margin: 0;}
ul.colonne-list li a{display: block; text-decoration: none; background: #FFF;}
ul.colonne-list li a:hover{
  color: #f2643e;
  -webkit-transition: all .2s;
     -moz-transition: all .2s;
       -o-transition: all .2s;
          transition: all .2s;
  }
ul.colonne-list li a:hover p{color:#F2643E;}
ul.colonne-list li p a{display:inline;}
ul.colonne-list li .underline a{text-decoration:underline;}
ul.colonne-list li header{margin: 10px 0 0px 0;}
ul.colonne-list li:first-child header{margin: 5px 0 0px 0;}

nav.liste-enfants{background:#eff2f7;margin:36px -20px 0;padding:15px 20px;}
nav.liste-enfants p{margin-top:0;margin-bottom:1px;padding-top:0;}
nav.liste-enfants ul{margin-bottom:10px;}
nav.liste-enfants ul li{}
nav.liste-enfants ul li.titre{font:1.2em/1.4em "myriad-pro-n7","myriad-pro",sans-serif;text-transform:none;}
nav.liste-enfants ul li.titre a{text-decoration:none;}
nav.liste-enfants ul li.titre a:hover{color:#F2643E;}
nav.liste-enfants ul li a{display:block;padding:6px 0;border-bottom:1px dotted #2E2E5A;line-height:1.3em;}
.indent{padding-right:4px;font-size:1.2em;line-height:0.75em;}

nav.liste-enfants p.actif{border-bottom-color:#F2643E;}
nav.liste-enfants p.actif a,
nav.liste-enfants ul li.actif a{color:#F2643E;}

#uglyWrapper.archive section.contenu form{margin:-10px -10px 3em;padding:1px 10px 5px;background:#eff2f7;}
#uglyWrapper.archive section.contenu form legend{margin-bottom:7px;}
#uglyWrapper.archive section.contenu form label{padding:7px 0;width:540px;clear:both;border-top:1px dotted #1E408E;margin-bottom:7px;font-size:inherit;}
#uglyWrapper.archive section.contenu form label:first-child{border-top:none;padding-top:0;}
#uglyWrapper.archive section.contenu form label>span{float:left;width:160px;padding:7px 0;}
#uglyWrapper.archive section.contenu form select,
#uglyWrapper.archive section.contenu form div.chosen-container,
#uglyWrapper.archive section.contenu form input[type="text"]{width:380px;float:right;background:#D2D9E8;}
#uglyWrapper.archive section.contenu form input.submit{padding:7px 0 7px 160px;border-top:1px dotted #1E408E;min-height:29px;}
#uglyWrapper.archive article{margin-top:1em;margin-bottom:3em;}
#uglyWrapper.archive article header p.rubrique.orange{border-top:1px solid #F2643E;border-bottom:1px dotted #999;padding-top:5px;}
#uglyWrapper.archive article header p.rubrique.orange.vide{border-bottom:none;padding:2px 0 0;}
#uglyWrapper.archive article header p.rubrique.orange a{color:#666;text-transform:none;text-decoration:none;letter-spacing:0;font-size:1.09em;font-family:"myriad-pro-n4","myriad-pro",sans-serif;font-weight:400;}
#uglyWrapper.archive article header p.rubrique.orange a:hover{color:#F2643E;}
#uglyWrapper.archive article header a p.titre-light,
#uglyWrapper.archive article header a h1,
#uglyWrapper.archive article header p.rubrique.orange a{text-decoration:none;}
#uglyWrapper.archive article header p.rubrique.orange a:hover{text-decoration:underline;}
#uglyWrapper.archive article p.texte{padding-right:80px;}
#uglyWrapper.archive article p.texte{margin-top:0.5em;padding-top:0.5em;border-top:1px dotted #2E2E5A;}
#uglyWrapper.archive nav.pied + article{margin-top:4em;}

#uglyWrapper.archive.ong section.span7{margin-left:0;width:560px;}
#uglyWrapper.archive.ong section.span7 article.span2{position:relative;min-height:140px;line-height:140px;text-align:center;margin-top:0;margin-bottom:0;}
#uglyWrapper.archive.ong section.span7 article.span2 a{display:inline-block;vertical-align:middle;font-size:1.2em;line-height:1.2em;}
#uglyWrapper.archive.ong section.span7 article.span2 a div.logo{position:absolute;top:0;left:0;display:none;width:140px;height:140px;background:#fff;text-align:center;}
#uglyWrapper.archive.ong section.span7 article.span2 a:hover div.logo{display:block;}
#uglyWrapper.archive.ong section.span7 article.span2 a:hover div.logo+h1.menu{display:none;}
#uglyWrapper.archive.ong section.span7 article.span2 a h1.menu{line-height:1.2em;}

nav.nav{position:absolute;right:400px;top:0;padding:9px;}
nav.nav span.page{padding-right:10px;}
nav.nav span.arrows{}
nav.nav span.arrows span{display:inline-block;}
nav.nav span.arrows span a,
nav.nav span.arrows span span{background:url('IMG/arrowsLinks-down.png')no-repeat right 0px;text-indent:-9999px;display:inline-block;width:13px;min-height:13px;margin-left:5px;position:relative;top:-2px;}
nav.nav span.arrows a{text-decoration:none;}
nav.nav span.arrows span.prev a{background-image:url('IMG/arrowsPrev-down.png');}
nav.nav span.arrows span.next a{background-image:url('IMG/arrowsLinks-down.png');}
nav.nav span.arrows span.prev a:hover{background-image:url('IMG/arrowsPrev-up.png');}
nav.nav span.arrows span.next a:hover{background-image:url('IMG/arrowsLinks-up.png');}
nav.nav span.arrows span.prev span{background-image:url('IMG/arrowsPrev-down.png');opacity:0.3;filter:alpha(opacity=30);}
nav.nav span.arrows span.next span{background-image:url('IMG/arrowsLinks-down.png');opacity:0.3;filter:alpha(opacity=30);}

nav.pied{position:relative;border-top:1px dotted #1E408E;padding:9px 0;margin-top:3em;}
nav.pied div.ariane{}
nav.pied div.ariane a{text-decoration:none;}
nav.pied div.ariane a:hover{color:#F2643E;}
nav.pied div.ariane .divider { padding: 0 3px; font-size: 0.9em; position: relative; bottom: 0.1em; }
nav.pied div.pagination{position:absolute;right:0;top:9px;}
nav.pied span.page{}
nav.pied span.arrows{}
nav.pied span.arrows span{display:inline-block;}
nav.pied span.arrows span a,
nav.pied span.arrows span span{background:url('IMG/arrowsLinks.png')no-repeat right 0px;text-indent:-9999px;display:inline-block;width:13px;min-height:13px;margin-left:5px;position:relative;top:-2px;}
nav.pied span.arrows a{text-decoration:none;}
nav.pied span.arrows span.prev a{background-image:url('IMG/arrowsPrev.png');}
nav.pied span.arrows span.next a{background-image:url('IMG/arrowsLinks.png');}
nav.pied span.arrows span.prev a:hover{background-image:url('IMG/arrowsPrev-up.png');}
nav.pied span.arrows span.next a:hover{background-image:url('IMG/arrowsLinks-up.png');}
nav.pied span.arrows span.prev span{background-image:url('IMG/arrowsPrev.png');opacity:0.3;filter:alpha(opacity=30);}
nav.pied span.arrows span.next span{background-image:url('IMG/arrowsLinks.png');opacity:0.3;filter:alpha(opacity=30);}

article#bloc-twitter,
article#bloc-facebook {
  margin-bottom: 20px;
}
article#bloc-twitter a,
article#bloc-facebook a {
  display: none;
}

article.flux {
  border: 1px solid #ddd;
  margin: 20px -5px 0;
  padding: 0;
  }
article.flux .rubrique {
  padding-top: 0;
  margin-top: 0;
  }
article.flux > .titre {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #ddd;
  }
article.flux > .titre i {
  padding-right: 6px;
  }
article.flux .flux-content {
}
article.flux li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
article#flux-twitter li {
  padding-bottom: 5px;
}
article.flux ul.colonne-list li header {
  margin: 0;
}
article.flux .actions {
  margin: 0;
  padding: 5px 0 0;
  font-size: 0px;
  line-height: 0;
}
article#flux-twitter .actions a {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  color: #999;
}
article#flux-twitter .actions a:hover {
  color: #F2643E;
}
article.flux .actions a i {
  text-indent: 0;
  float: right;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
}
article.flux .voirtout {
  margin: 0;
  padding: 10px;
}

/* Post */
.post {}
.post header {margin:0 0 14px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #1E408E;}
.post>ol,
.post>ul,
.post>p {margin-bottom:12px;}
.post>h2 { margin-bottom:12px; }
.post ol{list-style-type:none;margin-left:2em;counter-reset:li;}
.post ol>li{position:relative;}
.post ol>li:before{font-family:"Pictogrammes2006Regular";color:#1E408E;content:counter(li);counter-increment:li;position:absolute;left:-20px;top:1px;width:20px;font-size:0.9em;}
.post li ol{margin-left:2em;list-style-type:decimal;}
.post li ol li:before{content:none;}

.partage { margin: 10px 0; font-size: 1.4em; }
.partage a { text-decoration: none; margin-right: 10px; }
.partage a:hover { color: #f2643e; }

.post nav article{clear:both;}
.post nav article.bordertop{border-top:1px solid #F2643E;padding-top:12px;margin-top:26px;}
.post nav article div.thumbnail{width:160px;height:90px;float:left;margin-left:20px;background:#eee;}
.post nav article div.left{width:360px;float:left;}
.post nav article header a,
.post nav article header a:hover{text-decoration:none;}
.post nav article header h2{margin-top:0;}
.post nav article header{padding-bottom:5px;margin-bottom:5px;}
.post nav article p.voirtout{border-top:1px dotted #1E408E;padding-top:1em;}

.post ul {list-style-type: none;margin-left:2em;}
.post ul>li{position:relative;}
.post ul>li:before{font-family:"Pictogrammes2006Regular";color:#1E408E;content:'≥';position:absolute;left:-20px;top:0.2em;width:20px;font-size:0.8em;}
.post li ul{margin-left:2em;}
.post li li{margin-left:0;padding-left:0;}
.post li>ul>li:before{font-family:"Pictogrammes2006Regular";color:#1E408E;content:'›';position:absolute;left:-20px;top:0.2em;width:20px;font-size:0.8em;}

.post img{display:block;margin:0 auto;}
.post .alignleft	{ float:left; padding: 0 20px 20px 0; }
.post .alignright	{ float:right; padding: 0 0 20px 20px; }

.post header.with-img{display:table;padding:20px 0;}
.post .partage + header.with-img{margin-top:-10px;}
.post header.with-img h1{display:table-cell;width:310px;vertical-align:middle;}
.post header.with-img div.logo{display:table-cell;width:210px;text-align:center;margin-left:20px;vertical-align:middle;}

/* CYCLE Principal ------------------------------------------------------------- */

.content-slider 	  { background: #1E408E; padding:14px 0 11px; margin: 0; width:100%; min-width: 100%; float:left;
					    position: relative; left: 0; border-bottom: 1px solid #FFF; margin: 194px 0 0 0; }

html.ie6 .content-slider,html.ie7 .content-slider{margin: 0 0 0 0;}

.content-slider-inner { width: 1000px;  margin: 0px auto; position:relative; overflow: hidden;}

#slide { padding: 0 0 0px 0; width: 1000px; margin-left:0px; overflow: hidden;}
#slide:after { clear: both;}

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 960px; min-width: 200px; max-width: 960px; height: 360px; margin: 0 20px; padding: 0; position: relative; }
.cycle-slideshow img { }
.cycle-slideshow img:first-child { position: static; z-index: 100; }
.cycle-slideshow .cycle-image { width:640px; height: 361px; margin-left:-1px; float:left; }
.cycle-slideshow .cycle-image a { display: block; width: 640px; height: 361px; text-align: center; }
.cycle-slideshow .cycle-titre { width:280px; margin-left:10px; float:left; }
.cycle-slideshow .cycle-titre.marge-gauche { margin-left:40px; }

/* CYCLE Page ------------------------------------------------------------- */
.page-slider			{ padding:0; margin: 0 0 14px -20px; width: 580px; min-width: 100%; position: relative; }
.page-slider-inner 		{ width: 580px;  margin: 0px auto; position:relative; overflow: hidden;}
#pageslide { padding: 0 0 0px 0; width: 580px; overflow: hidden;}
#pageslide:after { clear: both;}
.cycle-page-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-page-slideshow { width: 540px; min-width: 540px; max-width: 540px; height: 300px; margin: 0 20px; padding: 0; position: relative;}
.cycle-page-slide { width: 540px; height: 300px; text-align: center; }
.cycle-page-slide div.legende{position:absolute;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;width:520px;height:auto;text-align:left;background:#eff2f7;padding:5px 10px;bottom:-300px;opacity:0;max-height:290px;min-height:40px;overflow:hidden;}
#pageslide .cycle-pager span.cycle-pager-active { color: #1E408E;}
#pageslide:hover .cycle-page-slide div.legende{bottom:0;opacity:0.9;}
#pageslide:hover .cycle-pager{opacity:0;}

/* blocs de texte */
.cycle-textarea {width: 100%; position: relative; height: 360px; top: 0; display: block;}
.cycle-text { position: absolute; left: 0; top: 0; height: 360px; margin: 0px 0 0 0px;display: table; /*-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; */}
.cycle-text p { display: block; color: #FFF;}
.cycle-text a { text-decoration: none;}

/* pager */
.cycle-pager { display: none; text-align: center; width: 100%; z-index: 9000; position: absolute; bottom: 10px; overflow: hidden; display: block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s; }
.cycle-pager span {
    font-family: "arial"; font-size: 30px; width: 16px; height: 20px;
    display: inline-block; color: #E65014; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #fff;}
.cycle-pager > * { cursor: pointer;}

.cycle-slideshow .cycle-pager{width:300px;right:10px;text-align:left;}

.cycle-prev.no-slide,
.cycle-next.no-slide,
.cycle-pager.no-slide {display:none;}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }

/* overlay */
.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; width: 29px; z-index: 800; height: 28px; cursor: pointer; margin: 0; top: 50%; margin-top: -14px;}
.cycle-prev { left: 0; margin-left: 5px; background: url('IMG/arrows.png') -58px 0 no-repeat; z-index: 2000;}
.cycle-next { right: 0; margin-right: 5px; background: url('IMG/arrows.png') -87px 0 no-repeat; z-index: 2000;}
.cycle-prev:hover { background-position: -29px 0;}
.cycle-next:hover { background-position: -116px 0;}

.disabled { opacity: .5; filter:alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: ''; color: white; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}


/* Flexslider -> sliders ONG ----------------------------------------------------- */

	/* Browser Resets */
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

	/* Necessary Styles */
	.flexslider {margin: 0; padding: 0;}

	/* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}

	/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
	.flexslider {position: relative;  zoom: 1; z-index: 50;}

	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] .slides {display: block;}
	* html .slides {height: 1%;}

	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}

	/* Default Styles */
	.flexslider {background: #fff;zoom: 1;}
	.ie7 .flexslider {margin-bottom: -30px;}
	.flex-viewport {max-height: 2000px;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1;}


	/* Partners List */

	.ong:first-child {margin-top: -4px;}

	.partners-carousel { overflow: hidden; border-bottom: 1px dotted #000; }
	.partners-carousel li { float: left; overflow: hidden; text-align: center; width: 140px; height: 100px; line-height: 100px; margin-right: 20px; background: #FFFFFF; }
	.partners-carousel li:before { }
	.partners-carousel li:hover { }
	.partners-carousel li a { text-decoration: none; display: inline-block; vertical-align: middle; }
	.partners-carousel li a.menu { font-size: 1.2em; line-height: 1.2em; }
	.partners-carousel li img { float: none !important; display: inline-block; display: *inline; zoom: 1; vertical-align: middle; padding: 15px; max-height: 50px; max-width: 100px; }


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

footer {background: #1E408E; height: 120px; margin-top: 60px;}

.footer-col1 { float:left; width:150px; margin: 0 0 0 20px; padding: 0 10px; }
.footer-col2 { float:left; width:225px; margin: 0; padding: 0 10px; }
.footer-col3 { float:left; width:225px; margin: 0; padding: 0 10px; }

.footer .icon-twitter,
.footer .icon-facebook { margin-right: .3em; }

.footer-menu { background: #F2643E; padding:0 0 0 0; margin: 0; width:100%; min-width: 100%; float:left; position: relative; left: 0; height: 27px; }
.footer-menu p { text-transform: uppercase; padding: 8px 0 9px 0;margin-left: 10px; }

.footer-contact { background: #1E408E; padding:9px 0 10px 0; margin: 0; width:100%; min-width: 100%; float:left; position: relative; left: 0; border-bottom: 1px solid #FFF; }
.footer-contact p { margin: 0; }

.footer-inner { width: 960px; margin: 0px auto; position:relative; }
.footer-inner .span4{width:320px;}
.footer:after {clear: both}


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

/* Premier niveau */
ul.basdepage                   { position:relative; float:left; width: 100%;  margin: 0 0px 0 -20px;
								list-style:none; margin: 0 auto; padding:0;}
ul.basdepage li                { display:inline-block; *display: inline; zoom: 1; padding:8px 0 0px 9px; width: 160px; height:27px;
								margin:0 0 0 0; box-sizing: border-box\9; box-sizing: border-box; -moz-box-sizing: border-box;
								-webkit-box-sizing: border-box; vertical-align: top; position: relative; border-left: 1px solid #8e3828;}
ul.basdepage a:hover		   { color: #1E408E; }
ul.basdepage a:focus           { color: #1E408E; }
ul.basdepage li a              { text-decoration:none;outline:none; padding: 0; display: block; }
ul.basdepage li:last-child a   { border-right: none; } /* Doesn't work in IE */
ul.basdepage li:last-child     {} /* Doesn't work in IE */
ul.basdepage li.hover,
ul.basdepage li:hover          { position: relative; }
ul.basdepage li.hover a        { }



/* FORMS ------------------------------------------------------------------------- */


form {
  margin: 0 0 0px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  /*border-bottom: 1px solid #e5e5e5;*/
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
}

input,
button,
select,
textarea {
  font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
}

label {
  display: block;
  margin-bottom: 2px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 7px;
  margin: 0 0 7px;
  min-height: 24px;
  font: 1.2em/0.85em "myriad-pro-n7","myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #1E408E;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

input,
textarea,
.uneditable-input {
  width: 140px;
}

textarea {
  height: auto;
  resize: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #E3E3EC;
  border: none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(255, 255, 255, 0.3);
  outline: 0;
  outline: thin dotted \9;

  /* IE6-9
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(46, 46, 90, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(46, 46, 90, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(46, 46, 90, 0.6); */
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
  border: none;
  background: #fff;
  text-align: left;
  padding: 0;
}

input.submit { background: url('IMG/arrowsLinks.png') no-repeat right center; min-height: 15px; }
input.submit:hover { background-image: url('IMG/arrowsLinks-up.png'); color: #E65014; }

input.search {
	background: #fff;
	border: none;
	color: #1E408E;
	margin: 0;
	padding: 0 9px 1px;
	width: 139px;
	height: 28px;
}
input.search::-webkit-input-placeholder{line-height:16px;}
input.search::-ms-input-placeholder{line-height:16px;}
input.search::-moz-input-placeholder{line-height:16px;}
input.search:focus::-webkit-input-placeholder{color:#fff;}
input.search:focus:-ms-input-placeholder{color:#fff;}
input.search:focus:-moz-input-placeholder{color:#fff;}
input.search-submit {
	background: url('IMG/search.png') no-repeat right center;
	border: none;
	text-indent: -9999px;
	margin: 0;
	padding: 6px 0 4px;
	width: 14px;
}
input.search-submit:hover {
	background: url('IMG/search-up.png') no-repeat right center;
	}


select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.span7 select,
.span7 input { width: 540px; }

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #1E408E;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #1E408E;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #1E408E;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
  max-width: 100%;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 10px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"] {
  float: left;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  font-size: 12px;
  vertical-align: top;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 8px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 2px 0 0 2px;
     -moz-border-radius: 2px 0 0 2px;
          border-radius: 2px 0 0 2px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.table-label {
  float: left;
  padding-top: 13px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}


.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}