/*
Theme Name: observatoire
Theme URI: http://spirion.fr/
Author: Spirion
Author URI: http://spirion.fr/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt

*/


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}


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

.navigation-main {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.navigation-main ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.navigation-main li {
	float: left;
	position: relative;
}
.navigation-main a {
	display: block;
	text-decoration: none;
}
.navigation-main ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.navigation-main ul ul ul {
	left: 100%;
	top: 0;
}
.navigation-main ul ul a {
	width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}


/* Start Our Style Observatoire
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/* FONTS */
@font-face {
    font-family: 'RockwellStd';
    src: url('fonts/RockwellStd.eot');
    src: url('fonts/RockwellStd.eot?iefix') format('eot'),
    url('fonts/RockwellStd.woff') format('woff'),
    url('fonts/RockwellStd.ttf') format('truetype'),
    url('fonts/RockwellStd.svg#webfontfCUTK5WC') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* FONTS */
@font-face {
    font-family: 'RockwellStd';
    src: url('fonts/RockwellStd.eot');
    src: url('fonts/RockwellStd.eot?iefix') format('eot'),
         url('fonts/RockwellStd.woff') format('woff'),
         url('fonts/RockwellStd.ttf') format('truetype'),
         url('fonts/RockwellStd.svg#webfontfCUTK5WC') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveNeuCon';
    src: url('fonts/HelveNeuCon.eot');
    src: url('fonts/HelveNeuCon.eot?iefix') format('eot'),
         url('fonts/HelveNeuCon.woff') format('woff'),
         url('fonts/HelveNeuCon.ttf') format('truetype'),
         url('fonts/HelveNeuCon.svg#webfontfCUTK5WC') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveNeuBolCon';
    src: url('fonts/HelveNeuBolCon.eot');
    src: url('fonts/HelveNeuBolCon.eot?iefix') format('eot'),
         url('fonts/HelveNeuBolCon.woff') format('woff'),
         url('fonts/HelveNeuBolCon.ttf') format('truetype'),
         url('fonts/HelveNeuBolCon.svg#webfontfCUTK5WC') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'HelveticaRoundedLTStd-BdCn';
    src: url('fonts/HelveticaRoundedLTStd-BdCn.eot');
    src: url('fonts/HelveticaRoundedLTStd-BdCn.eot?iefix') format('eot'),
         url('fonts/HelveticaRoundedLTStd-BdCn.woff') format('woff'),
         url('fonts/HelveticaRoundedLTStd-BdCn.ttf') format('truetype'),
         url('fonts/HelveticaRoundedLTStd-BdCn.svg#webfontfCUTK5WC') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* COMMON */

body {
	font-family:arial;
}

header {
    padding-top: 50px;
}

header h1 {
	margin:0;
	padding:0;
}
header .desc {
    color: #878788;
    font-family: 'HelveticaRoundedLTStd-BdCn';
    font-size:0.8125em; /* 13/16 */ 
    margin-bottom: 30px;
    margin-top: -13px;
    text-transform: uppercase;
}

header .lg {
	margin-top:48px;
	padding:0;
	clear:both;
	float:left;
}

#logo {
	margin-top:10px;
	margin-bottom:40px;
}

header .actionBox {
	float:right;
	margin-top: 25px;
}

.container {
	max-width: 960px;
	margin:0 auto;
	padding:0 2.0408163%;
}

p, pre {
    margin: 1.5em 0;
    line-height:1.5em;
}

.clearfix {
	clear:both;
}

a {
	color:#CEB778;	
	text-decoration:none;
}
a:hover{
/*color: #fff;*/
text-decoration: none;
cursor: pointer;
}
/*a:visited{
color: #CEB778;
text-decoration: none;
cursor: pointer;
}*/

.col {
	float:left;
}

article {
	clear:both;
}

.red {
	color:#CEB778;
}

.button {
    background-color: #CEB778;
    color: #FFFFFF;
    font-family: 'HelveNeuBolCon';
    text-align: center;
    border:0px;
    text-transform:uppercase;
	height:40px;
	line-height:40px;
}

/* HEADER - NAV */

nav ul,
nav ul li {
	list-style:none;
	margin:0;
	padding:0;
}

nav ul li {
	float:left;
}

/* HEADER NAV GALACTIC */

nav.galactic {
	background-color:#ceb778;
	height:70px;
	width:100%;
	position:fixed;
	top:0;
	-moz-box-shadow: 0px 1px 2px 0px #656565;
	-webkit-box-shadow: 0px 1px 2px 0px #656565;
	-o-box-shadow: 0px 1px 2px 0px #656565;
	box-shadow: 0px 1px 2px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=2);
	z-index:5;
}
nav.galactic ul li a {
	/*line-height:50px;*/
	height: 35px;
color: #99A5AA;
margin-left: 5px;
margin-right: 5px;
font-size: 0.8125em;
text-decoration: none;
padding-top: 15px;
display: block;
margin-top: 5px;
}
nav.galactic ul.left li {
	padding: 0 5px 0 5px;
}
nav.galactic ul.left  {
	margin-top: -5px;
}
nav.galactic ul.right  {
	float:right;
}

nav.galactic ul.right li {
	height:50px;
}
nav.galactic ul.right li:first-child {
	border-left:0px;
	margin-top: 5px;
}

nav.galactic ul.right .mail {
	background:url('images/ico_mail.png');
	display:block;
	width:16px;
	height:10px;
	margin: 20px 15px;
}

nav.galactic ul.right .rss {
	background:url('images/ico_rss.png');
	display:block;
	width:13px;
	height:13px;
	margin: 20px 15px;
	padding-top:0;
}

nav.galactic ul.right li.shares {
    height: 42px;
    line-height: 13px;
padding-top: 19px;
	padding-left: 15px;
	border-right:0px;
}

nav.galactic ul .pan {
    background-color: #3F4256;
    display: none;
    left: 0;
    padding-bottom: 30px;
    padding-top: 35px;
    position: absolute;
    width: 100%;
    z-index: 5;
    margin-top: -15px;
    height:300px;
    overflow:hidden;    
}

nav.galactic ul li:hover .pan {
	display:block;
}

nav.galactic ul.left li:hover {
	background-color: #3F4256;
}

nav.galactic ul .pan li {
	width:22.8723404%;
	padding-right:0.12766%;
}

nav.galactic ul .pan li.head .chapo {
	color:#C3D4D8;
	font-size:1em;
	line-height:1.5em;
	margin-top: 10px;
}

nav.galactic ul .pan li.head h2 {
	margin:0;
	padding:0;
	color:#FFF;
}

nav.galactic ul .pan li .chapo {
	color:#99A5AA;
	font-size:0.8125em; /* 13/16 */ 
}

nav.galactic ul .pan li a {
	margin:0;
	padding:0;
}

nav.galactic ul .pan li h3 {
    font-size: 1em;	
    margin: 0;
    font-weight: normal;
    padding: 0;
    height: 60px;
}

nav.galactic ul .pan li h3 a {
	line-height:inherit;
    color: #FFFFFF;
    font-family: 'RockwellStd';
    text-transform: uppercase;
	font-size:16px;
}

nav.galactic ul .pan li img {
	width:100%;
	height:auto;
    margin-bottom: 30px;
    margin-top: 10px;
    height: 117px;
}


/* HEADER NAV RIGHT */ 
.actionBox ul,
.actionBox ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.actionBox ul {
	float:right;
	margin-bottom: 15px;
}

.actionBox ul li {
	float:left;
}

.actionBox ul li a {
	font-size:0.8125em; /* 13/16 */ 
	padding-left:10px;
	color:#FFF;
	text-decoration:none;
}

input.field  {
	color:#99A5AA;
	font-size:0.8125em; /* 13/16 */ 
	background-color:#16233D;
	border:0px;
	padding:10px;
	width:270px;
	height: 20px;
}
.meta-search{
	color: #999999;
font-size: 0.8125em;
font-family: arial;
}
a.searchMore {
	float:right;
	font-size:0.8125em; /* 13/16 */ 
	color:#FFF;
	text-decoration:underline;
	margin-top:8px;

}
.source_obsub,
.source_lecri {
    background-color:#ceb778;
    font-size: 1em;
    color:white;
    padding:4px 6px;
    font-family: 'Century Gothic', arial;
    font-size: 12px;
}
.excerpt-search{
    font-size: 14px;
}

.source_lecri {
    background-color: #f77500;
}
.source_contri{
    background-color: #ad2032;
    font-size: 1em;
    color: white;
    padding: 4px 6px;
    font-family: 'Century Gothic', arial;
     font-size: 12px;
}
.source_tv{
    background-color: #1a89ae;
    font-size: 1em;
    color: white;
    padding: 4px 6px;
    font-family: 'Century Gothic', arial;
     font-size: 12px;
}
.source_enquetes{
    background-color: #f77500;
    font-size: 1em;
    color: white;
    padding: 4px 6px;
    font-family: 'Century Gothic', arial;
     font-size: 12px;
}


.container.grid.list.searchResult h2 {
	margin-bottom:0;
	padding-bottom:0;
}

.container.grid.list section {
	width: 67.0213%;
	float: left;
}

.results {
	font-size:1em;
    font-family: 'RockwellStd';
	color:#727272;
	display:block;
	margin-bottom:30px;
}

.searchItem {
	color:#303E56;
}

/* HEADER NAV PRINCIPALE */

nav.principal {
	clear:both;
	height:60px;	
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	background-color:#FFF;
}

nav.principal li a {
    border-right: 1px solid #E2E2E2;
    color: #CEB778;
    display: block;
    font-family: 'RockwellStd';
    font-weight:normal;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    outline:none;
}

nav.principal li a:hover {
	background-color:#CEB778;
	color:#FFF;
}

/* GRID HOME */

.articleList .excerpt {
	display:none;
}

.articleList h3 {
	margin-bottom:0;
}

.articleList article {
	padding-bottom: 25px;
}

.grid.moz {
	padding:40px 0;
	clear: both;
}

.grey {
	background-color:#EFEFEF;
}

.mosaique {
	max-width:940px;
	margin:0 auto;
}

.mosaique .col1 {
	position:relative;
}

.mosaique .col1 .more {
    float: right;
    text-align: left;
	color:#B9CEDB;
	margin-top: 10px;
	text-shadow:#000000 1px 1px,#000000 -1px 1px,#000000 -1px -1px,#000000 1px -1px; 
}

.mosaique .col1 h2 a {
    color: #FFF;
	text-decoration:none;
	text-shadow:#000000 1px 1px,#000000 -1px 1px,#000000 -1px -1px,#000000 1px -1px;
}

.mosaique .col2 h2 {
	color:#FFF;
	width:77.272727%; /* 170/220 */
	margin:0 auto;
	margin-top:30px;
	padding:0;
}

.grid .col1 {
	width:51.06383%; /* 480/940 */ 
}

.grid .col2 {
	width:23.404255%; /* 220/940 */ 
}


.grid .col3 {
	width:23.404255%; /* 220/940 */ 
	margin-left:2.1276596%; /* 20/940 */
	min-width: 240px;
}

.home .grid .col3 {
	min-width: 220px;
}

.grid.moz .col3 {
	width:25.531915%;/* 240/940 */ 	
	margin-left:0px;
}


.grid .mosaique .col1 {
	background-color:#16233D;	
	height:350px;
}

.grid .mosaique .col2 {
	background-color:#CEB778;
	height:350px;
}

.grid .mosaique .col2 ul,
.grid .mosaique .col2 ul li {
	list-style:none;
	margin:0;
	padding:0;
}

.grid .mosaique .col2 ul {
	margin:0 auto;
	width: 80%;
}

.grid .mosaique .col2 ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:0.9375em;/* 15/16 */ 
}

.grid .mosaique .col2 ul li {
	border-bottom:1px solid #C6174D;	
	padding:0 0 20px;
	margin-top:20px;
}

.grid .mosaique .col2 ul li:last-child {
	border-bottom:0px solid #C6174D;		
}

.directParlement,
.espaceMedia {
	background-color:#16233D;
	display:block;
	width:100%;
	color:#FFF;
/*	padding:30px 12.5%; /* 30/240 */
	width:77.272727%; /* 170/220 */
	padding-left:11.3636365%;
	padding-right:11.3636365%;
    font-family: 'RockwellStd';
	font-size:1.25em; /* 20/16 */ 
	padding-top:125px;
	height:50px;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
}

.espaceMedia {
	background:url('images/picto_moz_media.png') no-repeat center 40px #16233D;
}

.directParlement {
	padding-top:110px;
	height:65px;
	background:url('images/picto_moz_parlement.png') no-repeat center 30px #303E56;
	line-height:22px;
}

.meta {
	color:#999999;
	font-size:0.8125em; /* 13/16 */ 
	font-family:arial;
	width: 286px;
float: left;
}

/* TWITTER */

#twitter_update_list,
#twitter_update_list li {
	margin:0;
	padding:0;
	list-style:none;
}

#twitter_update_list li {
	background:url('images/tw_corner.png') bottom left no-repeat #F4F4F4;
	font-size:0.8125em; /* 13/16 */
	width:80%;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:40px;
	padding-top:20px;
	margin-bottom:25px;
}

.articleList {
	clear:both;
}

.articleList h3 {
	margin-top: 10px;
    line-height: 20px;
}

.articleList h3 a {
    color: #303E56;
    font-family: 'HelveNeuBolCon';
    font-size: 17px;
    font-weight: normal;
    margin: 8px 0 0;
    padding: 0;
    text-transform: uppercase;
    text-decoration:none;
}

.articleList article {
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #E2E2E2;
}

.articleList .thumb {
	float:left;
	margin-right: 3.1746%;
    width: 22.2222%;
	height:auto;
}

.articleList {
	padding-right: 4.16667%;
	width: 95.833333%;	
}

.souscol {
	width:45.833333%; /* 220/480*/ 
	padding-right:4.1666667%; /* 20/460 */ 
	padding-bottom: 20px;
}

.souscol ul,
.souscol li {
	list-style:none;
	margin:0;
	padding:0;
}

.souscol img {
	width:100%;
	margin-bottom: 30px;
}

.souscol ul li:first-child h3,
.souscol.red h3 {
	font-family:'georgia';
	font-size:1.125em; /* 18 / 16 */ 
	color:#303E56;
	margin-top: 10px;
}

.souscol h3 a {
	text-decoration:none;	
	color:#545454;
}

.souscol h3 {
	font-size:0.8125em; /* 13/16 */
	font-weight:normal;
}


.souscol ul li:first-child h3 a,
.souscol.red h3 a {
	color:#303E56;
}

.souscol article {
	border-bottom:1px solid #D3D3D3;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.surtitre,
h2 {
	color:#CEB778;
	text-transform:uppercase;
    font-family: 'RockwellStd';
    font-weight:normal;
	font-size:1.25em; /* 20/16 */ 
	padding-top:30px;
	margin-bottom:20px;
}

.souscol h2 {
	border-top:5px solid #F4F4F4;  	
}


.souscol.red h2 {
	border-top:5px solid #CEB778;  
}


.more {
    color: #CEB778;
    display: block;
    font-family: arial;
    font-size: 0.8125em; /* 13/16 */ 
    text-align: right;
    text-decoration: none;
    width: 100%;
}


/* BREADCRUMB */ 

.breadcrumb ul,
.breadcrumb ul li {
	list-style:none;
}

.breadcrumb ul li {
	float:left;
	margin-left:4px;
}

.breadcrumb {
	background-color:#F7F7F7;
	line-height:50px;
    font-size: 0.8125em; /* 13/16 */ 
	color:#999999;
	border-bottom: 1px solid #E2E2E2;
	height:50px;
	display:block;
}

.breadcrumb a {
	color:#999999;
	text-decoration:none;
}

/* ARTICLE */ 

.article .dateTime {
	color:#999999;
	margin-top:35px;
}

.article article {
	width:68.085106%;
	float:left;
	font-size:1em;
	color:#6B6B6B;
	
}

.article h2 {
	color:#595F70;
    font-size: 1.4em;
    font-family: Arial;
    font-weight: normal;
	line-height:1em;
	margin-bottom: 25px;
	margin-top:0;
	padding-top:18px;
}

.don .chapo,
.article .chapo {
	color:#595F70;
	font-size:1em;
	font-family: "utopia-std-subhead";
	border-top:5px solid #F4F4F4;
	border-bottom:5px solid #F4F4F4;
	padding-top:30px;
	padding-bottom:24px;
}

.article .content {
	border-bottom:5px solid #F4F4F4;
}

.article author {
    display: block;
    font-weight: bold;
    padding-bottom: 45px;
    padding-top: 0;
}

.article .meta a {
	color:#CEB778;
	text-decoration:none;
}

.article .meta {
    border-bottom: 1px solid #E5E5E5;
    color: #999999;
    font-family: arial;
    font-size: 0.8125em;    
    padding-top: 25px;
    width: 100%;
    padding-bottom: 30px;
}

.article .meta .social {
	float:right;
	position: relative;
	margin-top: 4px;
}

legend {
	color:#A8A8A8;
	font-size:0.5625em; /* 9/16 */ 
	text-transform:uppercase;
	border-bottom:1px solid #E5E5E5;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom: 3.5em;
}

blockquote {
	color:#1E273D;
	font-style:italic;
	font-family:georgia;
	font-size:1em; /* 21/16 */ 
	margin:42px 0 36px;
	padding-top:24px;
	padding-bottom:24px;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
}

.fullWidth {
	width:100%;
}

/* COMMENTS */ 

.comments h3 {
    color: #CEB778;
    font-family: 'RockwellStd';
    font-size: 1.53846em;/* 20/13 */
    margin-bottom: 12px;
    margin-top: 25px;
    text-transform: uppercase;
}

.comments article {
	width:100%;
}

.comments .newComment {
	clear:both;
}

.comments header,
.comments article {
	margin:0;
	padding:0;
}

.comments article {
	border-bottom:1px solid #E5E5E5;
	padding-bottom:35px;
	margin-bottom:25px;
}

.comments header {
	color:#999999;
	margin-bottom:14px;
}

.comments {
	color:#6B6B6B;	
    font-size: 0.8125em; /* 13/16 */ 
    margin-top: 71px;
}

.comments .anwser {
	color:#CEB778;
	text-decoration:none;	
	float:right;
}

.newComment span {
	width:100%;
	display:block;
}

.newComment span a {
	color: #CEB778;
	text-decoration:none;
}

.newComment textarea {
	width:96%;
	padding:2%;
	height:120px;
	margin-top:16px;
	color:#999999;
	-moz-box-shadow: inset 0px 0px 5px 3px #cfcfcf;
	-webkit-box-shadow: inset 0px 0px 5px 3px #cfcfcf;
	-o-box-shadow: inset 0px 0px 5px 3px #cfcfcf;
	box-shadow: inset 0px 0px 5px 3px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
}

.newComment input[type="submit"] , .form-submit input[type="submit"]{
    background-color: #CEB778;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    margin-top: 20px;
    padding: 9px 30px;
    text-transform: uppercase;
    font-family: 'HelveNeuBolCon';
    font-size:1.30769231em; /* 17/13 */
}

.newComment {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 70px;
    width: 100%;
}

/* PETITION */ 

.surtitre {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 0px;
    margin-top: 0;
    padding-top: 18px;
}

.petition ul,
.petition ol {
	margin:0;
	padding:0;
	list-style:inside;
}

.petition li {
	margin-bottom:15px;
}

.petition .zone p {
    color: #A5A5A5;
    font-size: 0.8125em; /* 13/16 */ 
}

.petition .meta {
	color:#CEB778;
	text-transform:uppercase;
	font-family: 'HelveNeuBolCon';
	font-size:1.0625em; /* 17/16 */ 
	line-height:1.0625em; /* 17/16 */ 
}

.petition .meta .sendmail {
	background-color:#16233D;
	color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:arial;
	font-size:0.64705882em;
	text-transform:none;
	padding:2px 4px 2px 20px;
	top:-6px;
}

.petition .meta .shareTxt {
	margin-top:13px;
	display:inline-block;
}

.petition .meta .social {
	margin-top:13px;
}

.petition .twitter-share-button {
	margin-top:10px;
}

.article article {
    width: 66.0851%;
	margin-right:2%;
}

.petition.grid .col3,
.petition aside {
	width:31.914894%;
	margin-left:0;
}

.petition aside {
	background-color:#F7F7F7;
	margin-top:40px;
}

.don label,
.don input[type="text"],
.petition aside label,
.petition aside input[type="text"] {
	clear:both;
}

.don input[type="radio"],
.form input[type="radio"] {
	margin-right:20px;
}

.form .genre {
	margin-right:35px
}



aside .participatons {
	background-color:#CEB778;
	color:#FFF;
    font-family: 'RockwellStd';
	text-align:center;
	height:50px;
	line-height:50px;
	font-size:1.5em; /* 24/16 */ 
}

aside .objectifs {
	background-color:#16233D;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#FFF;
	font-size:1.3125em; /* 21/16 */
	font-family: 'HelveNeuBolCon';
	text-transform:uppercase;
}

aside input[type="submit"] {
	width:100%;
	text-align:center;
	margin:0;
	margin-top:30px;
}

.don label,
.don .col1 .reciew label,
aside label {
	color:#16233D;
	clear:both;
	display:block;
    font-family: 'RockwellStd';
}

.don .col1 label {
	color:#FFF;
}

.don .col1 input {
	width:auto;
}

aside .line.radio {
	margin-left:6.6666667%;
	margin-right:6.6666667%;
	width:86.6666666%;	
	margin-top:30px;
	height:20px;
	margin-bottom:20px;
}

.don .line.radio input,
aside .line.radio input {
    margin: 0;
    padding: 0;
	float:left;
	width:auto;
	display:inline-block;
	clear:none;
}

.don .line.radio label,
aside .line.radio label {
    display: inline;
    float: left;
    padding: 0;
    width: auto;
	clear:none;
	margin:0 10px 0 5px;
}


aside label,
aside input {
	margin-left:6.6666667%;
	margin-right:6.6666667%;
	width:86.6666666%;
}

.don input, 
.don label {
	width:100%;	
}


.don input[type="radio"],
aside input[type="radio"] {
	margin-left:6.6666667%;
	margin-right:inherit;
	width:inherit;
	float:left;
}

.don label,
aside label {
    margin-bottom: 5px;
    margin-top: 20px;
}

.don input[type="text"],
aside input[type="text"] {
	border:1px solid #E5E5E5;
}

/* DON */ 

.don .surtitre {
	margin-top:20px;
}

.don h2 {
	color:#16233D;
    font-family: 'HelveNeuBolCon';
	margin-top:0;
	padding-top:0;
	font-size:3em;
}

.don .chapo {
	padding-top:0;
	margin-top:0;
}

.don .col1,
.don .col2,
.don .col3 {
	border-top:5px solid #F4F4F4;
	width:31.914894%;	
	float:left;
	margin-right:2.1276596%;
	margin-top:20px;
	padding-top:25px;
}

.don .reciew,
.don .col1 .oneMonth,
.don .col1 .oneShot {
	color:#FFF;
	background-color:#16233D;
	padding:6.6666667%;
	font-family: 'RockwellStd';
}

.don .col1 .oneMonth {
	margin-top:20px;
	background-color:#CEB778;
}

.don .reciew {
	padding-bottom:20px;
	margin-top:20px;
	background-color:#F7F7F7;
}

.don .reciew h4,
.don h3 {
	color:#303E56;
	font-size:1.0625em;/* 17/16 */ 
	text-transform:uppercase;
    font-family: 'HelveNeuBolCon';
	font-weight:normal;
	margin-top:0;
}

.don .col1 .info {
	font-family:arial;
	font-size:0.8125em; /* 13/16 */
	margin-top:20px;
}

.don .col1 .oneMonth h4,
.don .col1 .oneShot h4 {
	font-size:1.3125em; /* 21/16 */ 
	margin-top:0px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
}

.don .free {
	font-size:1.0625em;/* 17/16 */ 	
}

.don .col1 .oneMonth .radio,
.don .col1 .oneShot .radio {
	margin-bottom:10px;
}

.don .col3 {
	margin-right:0;
	margin-left:0;
}

.don .chapo {
	border:0px;
	width:72.340426%;
}

.don .line {
	clear:both;
}

.don .formPart {
	background-color:#F7F7F7;
	padding:6.6666667%;
}

.don #association {
    clear: both;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
    width: auto;
}

.don .line.radio {
    height: 10px;
    margin-bottom: 10px;
}

.don .asso {
	font-family:arial;
	color:#000;
	clear:none;
	display:inline;
	font-size:0.8125em; /* 11/16 */ 
}

.don .name label {
	margin-top:10px;
}

.don .postcode {
	width:47%;
	float:left;
	margin-bottom: 15px;
}

.don .city {
	width:48%;
	float:right;
}

.don select {
	width:100%;
}

.don label {
	font-size:1.0625em; /* 17/16 */
	margin-bottom:0;
}

.don input {
	height:22px;
}

.don .links {
	text-align:center;
	border-top:5px solid #F4F4F4;
	border-bottom:5px solid #F4F4F4;
	margin-top:25px;
	padding-top:25px;
	padding-bottom:25px;
}


.don p {
	color:#6B6B6B;
	font-size:1em;
}

.don .footer {
	border-top:1px solid #F4F4F4;
	font-size:0.8125em; /* 13/16 */ 
	margin-bottom:60px;
}

.don .button {
	color:#FFF;
	text-transform:uppercase;
	font-family: 'HelveNeuBolCon';	
	text-align:center;
	width:31.914894%;
	display:inline-block;
}

.don .cheque.button {
	background-color:#16233D;
}

.don .cb.button {
	background-color:#CEB778;
	margin-left:2.1276596%;
}

.don .formPart ul,
.don .formPart ul li {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}

.don .formPart ul {
	margin-top:10px;
	margin-bottom:30px;
}

.don .upSize {
	margin:0;
	padding:0;
	clear:both;
}

.don .formPart ul li input {
    clear: none;
    float: left;
    margin: 0;
    width: auto;
}

.don .formPart ul li label {
	clear:none;
	width:auto;
	float:left;
	margin:0 0 0 10px;
}

.don .line.date {
	min-height:40px;
}

select.mois {
	width:45%;
	margin-right:10px;
	float:left;
}

select.annee {
	width:45%;
	float:right;	
}

.don input.securityCode {
	width:20%;
}


/* ARTICLE LIST */ 

.form h2,
.container.grid.list h2 {
	font-size:3em; /* 48/16 */ 
	margin:0 0 10px;
}

.container.grid.list ul.articleList {
	float:left;
	list-style:none;
}

.container.grid.list ul.articleList,
.container.grid.list ul.articleList li {
	margin:0;
	padding:0;
}

.container.grid.list ul.articleList li img {
	float:left;
	margin-right:3.1746032%; /* 20/630 */ 
	height:auto;
	width:22.222222%; /* 140/630 */ 
}

.dateTime {
	font-size:0.8125em; /* 13/16 */ 
	color:#999999;
}

.container.grid.list ul.articleList h3 {
	color:#303E56;
	text-transform:uppercase;
	font-family: 'HelveNeuBolCon';
	font-weight:normal;
	margin:7px 0 0;
	padding:0;
}

.container.grid.list article {
	clear:both;
	border-bottom:1px solid #D3D3D3;
	min-height:100px;
	padding-bottom: 20px;
}

.container.grid.list article .excerpt {
	display:none;
}

/* SIDEBAR */ 

aside {
	float:right;
}

aside .widget {
	margin-bottom: 30px;
}

aside .widget img {
	width:100%;
	height:auto;
}


aside .widget article {
	width:100%;
}

aside .widget .sep {
	padding-top:30px;
	background-color:#FFF;
	border-bottom:5px solid #F4F4F4;  		
	clear:both;
	display:block;
	width:100%;
	height:1px;
}

.wdg_action {
	background-color:#303E56;
}

.wdg_action h3 {
	margin-top: 30px;
	color:#FFF;
	margin-bottom: 10px;
    font-family: 'RockwellStd';
    font-weight:normal;
    text-transform:uppercase;
    font-size:1.25em; /* 20/16 */ 
    padding:9.09091% 9.09091% 0;
}

.wdg_action ul,
.wdg_action li {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}

.wdg_action ul {
	padding-bottom:20px;
}

.wdg_action a {
	color:#FFF;
	text-decoration:none;
	background-color:#CEB778;
	display: block;
	width:81.818182%;
	margin:0 auto;
    font-family: 'HelveNeuBolCon';
    font-weight:normal;
	text-transform:uppercase;
	font-size:1.0625em; /* 17/16 */ 
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:8px;
}

aside .wdg_action a {
	width:81.818182%;
}

aside .wdg_action {
	padding-bottom:0;
	margin-bottom:0;
}

aside .objectifs,
aside .participatons {
	font-size:1.1em;
}

/* WIDGET MAIRE */

.wdg_depense a {
	margin-top: 30px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-family: 'HelveNeuBolCon';
	background:url('images/wdg_depense_bkg_or.png') no-repeat top left transparent;
	display:block;
	font-size:1.25em; /* 20/16 */ 
	padding-top: 40px;
}

.wdg_depense a span {
    background-color: #303E56;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 4px 12px;
	-moz-transform:rotate(-5deg); //firefox
	-webkit-transform:rotate(-5deg); //Chrome, Safari
	-o-transform:rotate(-5deg); //Opera
}

/* WIDGET PLUS LUS */
/* WIDGET ACTU */

.widget.list h3 {
	color: #CEB778;
	font-family: "utopia-std-subhead";
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 0px;
	padding-top: 0px;
	text-transform: uppercase;
}

.widget.list h4 {
	padding-top:25px;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	font-size:1em;/* 13/16 */ 
	font-weight:normal;
}

.widget.list article a {
	color:#1E363F;
	display:block;
	padding-bottom:25px;
	text-decoration:none;
	font-size:0.8125em; /* 13/16 */
}

.widget.list article h4 a {
	text-decoration:none;
	color:#999999;
	padding-bottom: 10px;
}

.widget.list article {
	border-bottom:1px solid #D3D3D3;	
}

.widget.list li:last-child article {
	border-bottom:1px solid #D3D3D3;	
}

.widget.list ul,
.widget.list li {
	margin:0;
	padding:0;
	list-style:none;
}


.wdg_related .excerpt {
	display:none;
}



/* WIDGET MILITANT */

.wdg_militant {
	color:#FFF;
    background-color:#CEB778;
}

.wdg_militant h3 {
    font-family: 'RockwellStd';
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.2em;
	border-bottom: 5px solid #FFFFFF;
    padding-top: 35px;
    text-transform: uppercase;
	margin-left:9%;
	margin-right:9%;
	width:82%;
}

.wdg_militant h3 .big {
	font-size:2.2em; /* 48/16 */
}

.wdg_militant p {
    padding:9.09091% 9.09091% 0;	
	margin-top:0;
	padding-top:0;
}


/* MAIRES */
.maire {
	background-color:#16233D;
	color:#FFF;
}

.maire h2 {
	color:#FFF;
	margin-top:0;
    font-family: 'RockwellStd';
	font-size:3em;
	width:85.106383%;
	line-height:1em;
}

.maire .results {
	margin-bottom:0;
	padding-bottom: 30px;
}

.maire p {
	width:85.106383%;
}

.alignRight {
	text-align:right;
}

.maire form {
	border-top:5px solid #234A5E;
	border-bottom:5px solid #234A5E;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:25px;
	margin-bottom:25px;
}

.maire form .right,
.maire form .left {
	float:left;
	width:48.93617%;
}

.maire form label {
    font-family: 'RockwellStd';	
	margin-bottom:4px;
}

.maire form .right {
	float:right;
}

.maire form input[type="text"] {
	height:50px;
	line-height:50px;
	width:100%;
	border:0px;
	color:#FFF;
	background-color:#234A5E;
}

.maire form select {
	width:100%;	
}

.maire form input[type="submit"] {
	background-color:#CEB778;
	display:inline-block;
	border:0px;
	color:#FFF;
    font-family: 'HelveNeuBolCon';
	text-transform:uppercase;
	width:31.914894%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:9px;
	padding-bottom:9px;
}

.maire h3 {
	color:#FFF;
	text-transform:uppercase;
    font-family: 'HelveNeuBolCon';
	font-weight:normal;
	font-size:1.0625em;/* 17/16 */ 
}

.maire h4 {
	color:#FFF;
	margin-left:30px;
	font-size:1.0625em;/* 17/16 */ 
	margin-bottom:0;
	padding-bottom:0;
}

.maire .results .bloc {
	min-height:140px;
	margin-bottom:30px;
}

.maire .resultNote span {
	font-size:4.0625em;/* 65/16 */
	color:#FFF;
    font-family: 'HelveNeuBolCon';
	line-height:1em;
	margin-left:30px;	
	display:inline-block;
}

.maire .resultNote span span {
	font-size:0.24615385em;/*16/65*/
	display:inline-block;
	margin-left:0px;	
	line-height:50px;
	height:50px;
	font-family:arial;
}

.maire .verdict {
	margin-top:-20px;
}

.maire .resultNote span.border {
	border-left:1px solid #FFF;
	height:50px;
	width:1px;
	display:inline-block;
	margin-left:30px;	
	margin-right:30px;	
}

.maire .results p {
	margin-top:0;
	padding-top:0;
	font-family:arial;
	font-size:1em;
	color:#FFF;
	margin-left:30px;
}

.maire .city {
	float:left;
	width:30%;
	background-color:#234A5E;
}

.maire .theMaire {
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:25%;
	background-color:#234A5E;
}

.maire .note {
	float:right;
	width:41%;
	background-color:#CEB778;
}

.maire .share {
	clear:both;	
	border-top:1px solid #234A5E;
}

.maire .knowMore {
	width:100%;
	border-top:5px solid #234A5E;
	padding-top:30px;
}

.maire .knowMore p {
	width:68.085106%;
	float:left;
	margin-left:0;
}
.maire .knowMore a {
	float:right;
	width:31.914894%;
}

.maire .share h3 {
	float:left;
	margin-right:20px;
}

.maire .share {
	text-align:right;
}

/* LES PLUS COMMENTES */

.most_commtented {
	background-color:#CEB778;
}

.most_commtented h2,
.most_commtented article {
	color:#FFF;
	width:81.818182%;/* 180/220 */ 	
	margin:0 auto;
}

.most_commtented article {
	padding-bottom:30px;
	border-bottom:1px solid #FFF;
	padding-top:30px;
}

.most_commtented .nb_comments {
	font-size:13px;
}


.most_commtented h3 {
	font-size:15px;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:10px;
}


/* FORMULAIRES */ 

.form label,
.form input[type="password"],
.form input[type="text"] {
	line-height:42px;
	height:42px;
	font-size:1.0625em; /* 17/16 */ 
	color:#16233D;
    font-family: 'RockwellStd';
    width:100%;
}
	
.form label {
	box-shadow:none;	
	height:auto;
	line-height:40px;
	margin-top:20px;
}
	
	
.form .line {
	margin-bottom:20px;
}

.form .line.text {
	min-height: 90px;
}

.form .line .postcode {
	width:31.914894%;
	float:left;
}
.form .line .city {
	width:65.957447%;
	float:right;
}

.form .line .old-pass,
.form .line .newpass1,
.form .line .newpass2 {
	width:31.914894%;
	float:left;
	min-height:130px;
}

.form .line .newpass1 {
	margin-left:2.1276596%;
	margin-right:2.1276596%;
}


.form .line .pass1,
.form .line .pass2,
.form .line .pseudo,
.form .line .email,
.form .line .firstname,
.form .line .name {
	width:48.93617%;
	float:left;
}

.form .line .pass2,
.form .line .email,
.form .line .firstname {
	float:right;
}




::-webkit-input-placeholder { /* WebKit browsers */
    color:gray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:gray;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:gray;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:gray;
}

.form .websites {
	list-style:none;
	margin:0;
	padding:0;
}

.form .websites li {
	background-color:#F4F4F4;
	margin-bottom:20px;
	min-height: 160px;
	clear: both;
}

.form .websites li img {
	margin-right:5.3191489%;
}

.form input[type="checkbox"] {
	float:left;
	margin-top:70px;
	margin-left:2.1276596%;
	margin-right:4.2553191%;
}

.form h3 {
    color: #CEB778;
    font-weight:normal;
    font-family: 'RockwellStd';
    font-size: 1.53846em;/* 20/13 */
    margin-bottom: 12px;
    margin-top: 0px;
    text-transform: uppercase;
}

.form .websites .logo {
	float:left;
    padding-bottom: 50px;
    padding-top: 50px;
}

.form .desc {
	width:67.021277%;
	color:#6B6B6B;
	margin-bottom:35px;
}

.form .websites .desc {
    color: #6B6B6B;
    font-family: arial;
    font-size: 0.68421053em; /* 13/16 */ 
    line-height: 1.5em;
    margin-bottom: 0;
    width: 47.87234%;
}

.form .websites .desc,
.form .websites .title {
	margin-left:42.553191%;
}

.form .websites .title {
    font-family: 'HelveNeuBolCon';
    font-weight: normal;
    line-height: 1.2em;
    padding-top: 35px;
    text-transform: uppercase;
}

.form fieldset.options .desc {
	margin-bottom:0;
	width:350px;
}

.form fieldset.options input[type="checkbox"] {
	margin-top:0;
	margin-left: 2.12766%;
}

.form fieldset.options label {
	font-family:arial;
    font-size: 0.8125em; /* 13/16 */ 
    color: #6B6B6B;
    margin-top:0;
    line-height:20px;
}

.form fieldset.options ul,
.form fieldset.options li {
	margin:0 0 30px;
	padding:0;
	list-style:none;
}

.form fieldset.options li {
	float:left;
}

.form .button {
	margin-bottom:30px;
	width:31.914894%;
}

.form .center {
	text-align:center;
}

fieldset {
	border-top:5px solid #F4F4F4;
	padding-top:30px;
}

.form input[type="radio"] {
	margin-right:20px;
}

.form .genre {
	margin-right:35px
}


/* CONNEXION  */ 

.form .validation {
	text-align:right;
}

.form .validation a {
	color:#606060;
	font-size:0.8125em; /* 13/16 */
	text-decoration:none;
}

.form .validation input {
	margin-left:20px;
}

.form.connexion .title span {
	width:37%;
	margin-top:10px;
	display:block;
	height:1px;
	border-top: 5px solid #F4F4F4;
}

.form.connexion h3 {
    font-family: 'HelveNeuBolCon';
	font-size:1.0625em; /* 17/16 */	
	color:#303E56;
	width:26%;
	text-align:center;
}

.form.connexion h3, 
.form.connexion .title span.left {
	float:left;
}

.form.connexion .title span.right {
	float:right;
}

.form.connexion fieldset {
	clear:both;
    border-top: 0px solid #F4F4F4;
}

.form.connexion .links {
    clear: both;
    margin-bottom: 230px;
    margin-top: 70px;
}

.form.connexion .links a {
	color:#FFF;
	text-decoration:none;
    font-family: 'HelveNeuBolCon';
	width:44.148934%;
	font-size:1.0625em; /* 17/16 */	
	text-transform:uppercase;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:4.787234%;
	padding-right:0%;
	display:block;
}

.form.connexion .links .twitter {
	background-color:#3AA9E0;
	float:right;
}

.form.connexion .links .facebook {
	background-color:#17518C;
	float:left;
}

.form.connexion .links .twitter span {
	background:url('images/twitter.png') no-repeat top left transparent;
}

.form.connexion .links .facebook span {
	background:url('images/facebook.png') no-repeat 10px top transparent;
}

.form.connexion .links a span {
	padding-left:35px;
}

.form.connexion .links a span span {
	padding-left:0px;
	background:none!important;
}


/* FOOTER */ 

footer {
	background-color:#303E56;
	padding-bottom: 70px;
	clear:both;
}

footer ul,
footer li {
	padding:0;
	margin:0;
	list-style:none;
}


footer .col1,
footer .col3 {
	width:30%;
	padding-right:3%;
	border-right:1px solid #1E3A44;
	min-height: 240px;
}

footer .col2 {
	width:30%;
	border-right: 1px solid #1E3A44;
	padding-right:1.66666665%;
	padding-left:1.66666665%;	
	min-height: 260px;
}

footer ul li.col:last-child {
	border-right: 0px solid #1E3A44;	
}


footer h3 {
	font-family: "utopia-std-subhead";
    font-size: 1.25em;
    font-weight: normal;
    line-height:78px;
	color:#FFF;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

footer .sep {
	border-bottom:1px solid #1E3A44;
}

footer .searchForm {
    background-color: #0F2533;
    clear: both;
    display: block;
    height: 80px;
    width: 100%;
    overflow: hidden;
}

footer .searchForm h3 {
	float:left;
}

footer .searchForm .search {
	float:right;
	padding-top: 20px;
}

footer .searchForm input {
	background-color:#303E56;
	margin:0;
	display:block;
	float:left;
}

footer .searchForm input[type="submit"] {
    background: url("images/ico_loupe.png") no-repeat scroll left 12px #303E56;
    height: 40px;
    width: 30px;
}

footer .col1 p {
    font-family: arial;
    font-size: 0.8125em; /* 13/16 */ 
	color:#99A5AA;
}

footer .col1 {
	padding-top:20px;
}

footer .col2 a {
	color: #99A5AA;
    font-family: arial;
    font-size: 0.8125em;
	text-decoration:none;
}

footer .col2 h3 {
    font-family: 'HelveNeuBolCon';
    line-height: 1.25em;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 0;
}

footer .col2 a .more {
	color:#FFF;
	font-size:inherit;
	text-align:left;
}

footer .col3 {
	padding-left:1.66666665%;	
	padding-right:1.66666665%;	
}

footer .col3 .couv {
	margin-top:30px;
	float:left;
	width:50%;
}

footer .col3 .couv img {
	width:100%;
	height:auto;
}

footer .buy {
    display: block;
    margin-top: 30px;
    padding-left: 55%;
	text-decoration:none;
}

footer .buy .number {
	display:block;
	color:#99A5AA;
    font-size: 0.8125em; /* 13/16 */ 
}

footer .buy .title {
    font-family: 'HelveNeuBolCon';
	color:#CEB778;
	text-transform:uppercase;
	font-size:1em;	
}

footer .buy .command {
	color:#FFF;
    font-size: 0.8125em; /* 13/16 */ 
	display:block;
	margin-top:10px;
}

footer .cols ul {
	width:50%;
	float:left;
	margin-top:15px;
}

footer .cols ul li a {
	font-size:0.8125em; /* 13/16 */ 
	color:#FFF;
	text-decoration:none;
}

footer .bottom {
	clear:both;
	line-height:70px;
	color:#99A5AA;
	font-size:0.8125em; /* 13/16 */ 
}

footer .bottom a {
	color:#99A5AA;
	text-decoration:none;
	margin-right:40px;
}

footer .bottom .left {
	float:left;
}

footer .bottom .right {
	float:right;
}

footer .bottom ul li {
	float:left;
}

footer .dette {
	background-color:#CEB778;
	color:#FFF;
	font-size:1.5625em; /* 25/16 */ 
	text-align:center;
	font-family: 'HelveNeuBolCon';
	margin-bottom: 10px;
}

.mobileMenu,
.mobile {display:none;}
@media screen and (max-width: 1010px){
	.galactic .shares {
		display:none
	}
 }

@media screen and (max-width: 940px) { 
	.container {
	    margin: 0 auto;
	    max-width: 780px;
	    padding: 0;
	}
	.grid .mosaique .col1 {
    	width:48.717949%;/* 380/780 */
	}
	.grid .mosaique .col2 {
    	width:23.076923%;/* 180/780 */
	}
	/*
	.grid .mosaique .col2 ul li:last-child {
		display:none;
	}
	*/	
	.grid .mosaique .col3 {
 	   width:28.205128%;/* 220/780 */
	}
	
	/* MENU */ 
	nav.principal li a {
		padding-right:12px;/* 15/780 */
		padding-left:10px;/* 15/780 */
		margin-right:0px;
	}
	.galactic .shares {
		display:none
	}
	
	.form.connexion .links a span span {
		display:none;
	}
	
	.wdg_militant h3 .big {
		font-size:1.8em; /* 48/16 */
	}
}

@media screen and (max-width: 740px) { 

	header .lg {
	    clear: none;
	    float: none;
	    padding: 0;
		margin: 36px auto 0;
		max-width: 380px;
	    width: 88.235294%; /* 300/340 */
	}

	header .lg img {
		width:100%;
	}

	nav.galactic ul.right {
		display:none;
	}

	.grid.moz {
		display:none;
	}
	.grid .col2,	
	.grid .col3 {
		display:none;
	}
	
	.souscol,
	.grid .col1 {
	    height: auto;
	    width: 100%;
	}
	
	nav.principal {
		display:none;
	}

	.articleList {
		background-color:#EFEFEF;
	}
	
	.articleList article {
	    width: 88.235294%; /* 300/340 */
	    margin:0 auto;
	    background-color:#FFF;
	    position:relative;
	    margin-bottom:20px;
	    border-bottom:0px;
	}
	
	.articleList article .thumb {
		display:none;
	}

	footer .container.bottom .right,
	footer .container,
	footer .searchForm {
		display:none;
	}

	footer .container.bottom {
		display:block;
		text-align:center;
	}

	footer .bottom .left {
		float:none;	
	}

	footer .bottom,
	footer {
		line-height:50px;
		min-height:50px;
		padding:0;
	}
	
	/* LOIC DELETE */ 
	
	.souscol {
		display:none;
	}

	/* HIDE */ 

	.actionBox,
	.breadcrumb {
		display:none;
	}

	/* LIST */ 

	.surtitre, h2 {
		padding: 25px 3.333% 3.333%;
		margin-top:0;
	}
	
	.articleList {
		padding-bottom:40px;
		padding-right:0;
		width:100%;
	}
	
	.container.grid.list section {
	    float: left;
	    width: 100%;
	}

	.container.grid.list ul.articleList {
		width:100%;
	}
	
	.articleList img {
		display:none;
	}
	
	.articleList article,
	.wdg_related article,
	.container.grid.list article {
		padding:6.6666667%;
		width:80%;
		min-height:inherit;
	}

	.container.grid.list h2 {
	    font-size: 1.5em;
	    margin-bottom: 0;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 25px 3.333% 3.333%;
	}
	
	.results {
		padding-left:3.333%;
	}
		
	.container.grid.list {
		background-color:#EFEFEF;
	}		

	/* MENU */ 
	.mobile {display:block;}

/*
	.galactic .left, 
	.galactic .right {display:none;}
*/	

	.galactic .left li {
		clear:both;
		float:none;
		background-color:#244759;
/*		border-bottom:1px solid #1A3D49;
		border-top:1px solid #0B1A1E;
*/	}


	nav.galactic ul li a {
		padding-left:3.333%;	
		display:block;
		border-bottom:1px solid #0B1A1E;
		margin:0;
	}

	nav.galactic ul li ul li a {
		border-bottom:0px;
	}

	nav.galactic ul li:hover .pan,
	nav.galactic ul .pan {
		display:none;
		position: relative;
		margin:0;
		padding:10px 0;
		border-top:1px solid #244759;
	}

	nav.galactic ul li a.website {
		color:#FFF;
		font-size:1em;
	}

	nav.galactic ul li.open a.website {
		background-color:#CEB778;
	}
	
	li.head {
		display:none;
	}
	
	nav.galactic ul .pan li h3 {
		line-height: 35px;
		margin-left: 3.333%;
		height:auto;
	}

	nav.galactic ul .pan li h3 a {
		color: #FFF;
		font-family:arial;
		font-size: 0.8125em;
		text-transform:inherit;		
	}
	
	nav.galactic ul .pan li .chapo {
		display:none;
	}
	
	nav.galactic ul .pan li {
	    padding-right: 0;
	    width: 100%;
		background-color:#3F4256;
		border-top:0;
		border-bottom:0;
		line-height:35px;

	}

	nav.galactic ul .pan li img {
		display:none;
	}
	
	.galactic .mobile {
	    color: #99A5AA;
	    font-size: 0.8125em;
	    line-height: 50px;
	    margin-left:3.333%;
		display:inline-block;
	    float:left;
	}
	.mobileMenu {
		background:url('images/mobileMenu.png') no-repeat 20px center transparent;
		height:50px;
		width:60px;
		display:block;
		float:right;
	}
	
	nav.galactic .left {
	    display: block;
	    position: absolute;
		top:50px;
	    right: -100%;
	    width: 100%;
	}
		
	/* ARTICLE */ 	
	
	header {
		border-bottom:1px solid #E2E2E2;
		margin-top: 20px;
	}	
	
	article header {
		border:0px;
	}
	
	.article h2 {
		font-size:1.75em; /* 28/16 */ 
	}
	
	.article article {
		width:93.33334%;
		margin-left:3.3333333%;
		margin-right:3.3333333%;
		position:relative;
		padding-bottom:90px;
	}
	
	.article article .meta {
		display:none;
	}
	
	.article.grid .col3,
	.article .aside {
		display:block;
		width:100%;
	}
	
	.article .widget {
		display:none;
	}

	.article .wdg_related {
		display:block;
	}
	
	.newComment input[type="submit"] {
		width:100%;
	}
	
	.comments .anwser {
	    background-color: #F4F4F4;
	    bottom: 0;
	    color: #878787;
	    display: block;
	    float: none;
	    left: 0;
	    line-height: 40px;
	    margin-bottom: 30px;
	    position: absolute;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 100%;
	    border:1px solid #D8D8D8;
	}

	.comments article {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	aside {
		background-color: #EFEFEF;
	}
	
	aside .widget article {
		width:inherit;		
	}

	.articleList .more {
		display:none;
	}

	.articleList .excerpt,
	.wdg_related article .excerpt,
	.container.grid.list article .excerpt {
		display:block;
		margin-left:-6.66667%;
		margin-right:-6.66667%;
		padding-right:6.66667%;
		padding-left:6.66667%;
		padding-top:25px;
		margin-top:25px;
		color:#606060;
		font-size:0.8125em; /* 13/16 */ 
		border-top:1px solid #E2E2E2;
	}

	.widget.list.wdg_related article  a,
	.container.grid.list ul.articleList h3 {
		color:#303E56;
		text-transform:uppercase;
		font-family: 'HelveNeuBolCon';
		font-weight:normal;
		margin:7px 0 0;
		padding:0;
	}
	
	.widget.list.wdg_related h3 {
		margin-left:3.3333333%;		
		padding-bottom: 10px;
	}
	
	.wdg_related article {
	    border-bottom: 0px solid #D3D3D3;
	    clear: both;	
	    min-height: inherit;
	    padding: 6.66667%;
	    width: 80%;
	    background-color:#FFF;
		margin-bottom:30px;
   	}

	.widget.list.wdg_related article h4 a,
	.widget.list.wdg_related article h4 {
	    color: #999999;
		margin:0;
		padding:0;
		font-family:arial;
	    font-size: 0.8125em;
	    text-transform:none;
	    font-weight:normal;
	}
	.backToTop {
		background-color:#CEB778;
		color:#FFF;
		text-transform:uppercase;
		font-family: 'HelveNeuBolCon';
		text-align:center;
		text-decoration:none;
		padding:10px;
	}

	.form {
	    margin-left:3.125%;
	    margin-right:3.125%;
		width:93.75%;
	}

	.form input[type="text"] {
		width:100%;
	}
	
	.form .text label {
		display:none;
	}

	.form .line.text {
		min-height:inherit;
	}
	
	fieldset.options {
		display:none;
	}

	.form .line .old-pass,
	.form .line .newpass1,
	.form .line .newpass2,
	.form .line .pass1,
	.form .line .postcode,
	.form .line .pseudo,
	.form .line .name {
		margin-bottom:20px;
		min-height:inherit;
	}
	
	.form .line .newpass1 {
		margin-left:0;
		margin-right:0;
	}

	
	.form .line .old-pass,
	.form .line .newpass1,
	.form .line .newpass2,
	.form .line .pass1,
	.form .line .pass2,
	.form .line .postcode,
	.form .line .city,
	.form .line .pseudo,
	.form .line .email,
	.form .line .firstname,
	.form .line .name {
		float:none;
		width:100%;
	}

	.form .desc {
		width:100%;
	}

	.form .websites li {
		margin-bottom:10px;
		min-height:inherit;
	}
	
	.form .websites label .desc,
	.form .websites label img {
		display:none;
	}

	.form .websites li input {
		margin-top:23px;
		margin-right:20px;
		margin-left:20px;
	}

	.form .websites li input,
	.form .websites li label {
		line-height:60px;
		font-family: 'HelveNeuBolCon';
		text-transform:uppercase;
	}

	.form .websites label .title,
	.form .websites label .desc {
		margin-left:0;
		margin-bottom:0px;
		padding-top: 0px;
		line-height: 60px;
	}

	.form .line .newpass2,
	.form .line .pass2 {
		margin-bottom:40px;
	}

	.button {
		width:100%;
	}

	.form .button {
		margin-bottom:50px;
		width:100%;
	}

	.form .websites input {
		float:left;
	}
	
	.form .websites {
		margin:0 0 30px;
	}
	
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:#16233D;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:#16233D;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:#16233D;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:#16233D;
	}

	.form h2 {
	    color: #CEB778;
	    font-weight:normal;
	    font-family: 'RockwellStd';
	    font-size: 1.53846em;/* 20/13 */
	    margin-bottom: 12px;
	    margin-top: 0px;
	    text-transform: uppercase;
	}
	
	.form.connexion .links a {
		width:100%;
		clear:both;
		float:none;
		padding-left:0;
		padding-right:0;
		margin-bottom:20px;
	}
	
	.form.connexion .title {
		height:20px;
		margin-bottom:20px;
	}
	
	.form.connexion .links {
		margin-top:40px;
	}
	
	.form.connexion .title span.right {
	    display:none;
	}

	.form.connexion .title span.left {
		width:93%;
		position:absolute;
		z-index:0;
	}

	.form.connexion .title h3 {
	    background-color: #FFFFFF;
	    display: inline-block;
	    padding-right: 20px;
	    position: absolute;
	    text-align: left;
	    width: auto;
	    z-index: 1;
	}

	.form.connexion .links a span {
	    margin-left: 15px;
	    padding-left: 35px;
	}
	
	.form.connexion fieldset.validation {
		margin-top:0;
		padding-top:0;
	}

	.form .validation input {
		margin-top:-40px;
		margin-left:0px;
		margin-bottom:80px;
	}

	.form .validation span {
		margin-top:40px;
		position:absolute;
		right:3%;
		width:97%;
		text-align:right;
	}

	.petition .newComment {
		padding-bottom:0;
	}
	
	.petition label {
		display:none;
	}
	
	.petition input[type="text"] {
		margin-top:20px;
		height:40px;
		line-height:40px;
	}


	.don p,
	.don h2,
	.don h3,
	.don .surtitre,
	.don .chapo {
		margin-left:6.6666667%;
		margin-right:6.6666667%;
		width:86.6666666%;	
	}

	.don .col2,
	.don .col3 {
		display:block;
		width:100%;
		margin:0;
	}

	.don .button {
		width:100%;
		clear:both;

	}

	.don .cb.button {
		margin-right:0;
		margin-left:0;		
	}

	.don .links {
	    border-bottom: 0px solid #F4F4F4;
	    border-top: 0px solid #F4F4F4;
	    margin-top: 0px;
	    padding-bottom: 0px;
	}
	.don .city,
	.don .postcode {
		margin-bottom:0;
		clear:both;
		width:100%;
	}

	.don .col2 label {
		display:none;
	}

	.don input {
		margin-bottom:15px;
	}
	
	.maire form {
		width:93%;		
		margin-left:3%;
		margin-right:3%;
	}
	
	.maire form .right,
	.maire form .left {
		clear:both;
		float:none;
		width:100%;		
	}
	
	.maire form input[type="submit"] {
		width:100%;
	}
	
	.maire h2 {
		font-size:1.5em; /* 24/16 */
	}
	
	.maire p {
		font-size:0.8125em;/* 13/16 */ 
	}
	
	.maire .results .bloc {
		width:96%;
		clear:both;
		margin:0;
		padding:0;
		float:none;
		padding-top:10px;
		margin-bottom:20px;
	}

	.maire h2,
	.maire p {
	    width: 93%;
		margin-left:3%;
	}
	
	.maire .knowMore p,
	.maire .knowMore .button {
		width:96%;
		float:none;
		text-align:center;
		display:inline-block;
	}

}

/* OBSERVATOIRE DES SUBVENTIONS */ 

header {
	background-color:#303E56;
}

.principal {
	background-color:#FFF;
}

.largeCol {
	width:74.468085%;
}

.wdg_action h3 {
	margin-top:0;
	font-family: "utopia-std-subhead";
}

.wdg_action a {
	width:100%;
	margin-bottom: 25px;
	background-color:#3F4256;
}

.wdg_action {
	padding-bottom:20px;
	min-height:330px;
	background-color:#CEB778;
}

.grid .mosaique .col1 {
	width:65.714286%;
}

.grid .mosaique .col2 {
	width:31.428571%;
	margin-left:2.8571429%;
	background:none;	
}

.grid .col3 {
    margin-top: 5px;
}

.grid .mosaique .col2 ul li {
	border:0;
	margin:0;
	padding:0;
}

.grid .col1 {
	width:65.714286%;
	border-top:5px solid #F4F4F4;
}

.grid h2 {
	margin-top:0;
}

.grid .col2 {
	border-top:5px solid #F4F4F4;
	width:31.428571%;
	margin-left:2.8571429%;
}

.moz .col1,
.moz .col2 {
	border:0px;
}

.comments header {
	background-color:transparent;
}

.comments article {
	width:100%;
}

.share {
	height:60px;
}

.social {
	margin-top:20px;
}

.maire  .results p {
	padding:0;
	margin:0;
}

@media screen and (max-width: 740px) { 
	.grid .col1,
	.largeCol {
		width:100%;
	}
	
	.share {
		height: 100px;
	}
	
	.share h3 {
		clear:both;
	}

	.social {
	    clear: both;
	    margin-top: 20px;
		text-align: center;
	}
	.maire .share h3 { 
		float:none;
		text-align:center;
	}
	
	.maire .knowMore {
	    padding-bottom: 30px;
	    text-align: center;
	}
	
	.maire h2 {
		margin-left:0;
	}
}


#author{
	margin-left:85px; 
} 
#url{
	margin-left:75px; 
} 

a.post-edit-link {
	color: #ff0000;
	font-size: 12px;
}

/* Sous-menus */

nav.principal li a {
	height: 61px;
}

#menu-pages li {
    position: relative;
}

#menu-pages ul {
    position: absolute;
    border-top: none;
    left: -1px;
    top: 61px;
    display: none;
    border-top: 1px solid #E2E2E2;
}

nav ul#menu-pages > li:hover > ul {
    display: block;
}

nav ul#menu-pages ul li {
    display: block;
    float: none;
    position: relative;
    z-index: 9000;
}

nav ul#menu-pages ul li ul {
    position: absolute;
    top:-1px;
    margin-left: 100%;
    border-top: 1px solid #E2E2E2;
}

nav ul#menu-pages ul li:hover ul {
    display:block;
}

nav ul#menu-pages > li:hover > a {
    background-color: #CEB778;
    color: #FFF;
}

nav.principal ul#menu-pages li ul li a {
    height: 30px;
    line-height: 34px;
    font-size: 15px;
    font-weight: normal;
    white-space: nowrap;
    border: none;
    color: #3F3F3F;
    border: 1px solid #E2E2E2;
    border-top: none;
    background-color: #ffffff;
}

nav.principal ul#menu-pages li ul li a:hover,
nav.principal ul#menu-pages li ul li:hover > a {
    color: #ffffff;
    background-color: #CEB778;
}
.toolbar-social a {
float: left;
margin-right: 4px;
}
.toolbar-social {
padding: 10px 0 0 0;
}

/* //Sous-menus */
/*feedburner widget */
.feedburnerwidget{
    border: 1px solid #ccc;
padding: 3px;
text-align: center;
background-color: #CEB778;
color: white;
margin-top: 30px;
}
.feedburnerwidget input[type="submit"]{
background-color: #3F4256;
color: white;
width: 70%;
text-transform: uppercase;
padding-top: 8px;
display: block;
border: 0;
margin: 0 auto;
font-family: 'HelveNeuBolCon';
padding-bottom: 8px;}

.addthis-share-table {
    width: auto;
}

.addthis-share-table tr td {
    padding: 0;
    vertical-align: middle;
}

.addthis-share-table tr td .fb_iframe_widget > span {
	vertical-align: top !important;
}

.addthis-share-table tr td.twitter-button-wrapper iframe {
    display: block;
    margin-left: 4px;
}

/* Home slider */

#slider-container .rub a {
    color:#fff;
    display:block;
}

#slider-container .text .detail {
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#ffffff;
    box-sizing: border-box;
    padding:0 10px 5px 10px;
    font-size: 0.85em;
}

/* //Home slider */

/* GRID HOME */

.articleList .excerpt {
    font-size: 14px;
}

.home-page .articleList .excerpt {
    display: none;
}

.articleList h3 {
    margin-bottom:0;
}

.grid.moz {
    padding:40px 0;
    clear: both;
}

.grey {
    background-color:#EFEFEF;
}

.mosaique {
    max-width:940px;
    margin:0 auto;
}

.mosaique .col1 {
    position:relative;
}

.mosaique .col1 h2 {
    font-family: 'HelveNeuBolCon';
    font-size: 2em; /* 32/16 */
    font-weight: normal;
    /*line-height: 40px;*/
    padding: 0;
    margin:0 0 0 10px;
    text-transform: uppercase;
}

.mosaique .col1 .text {
    width:96%; /* 300/480 */
    float:right;
    margin-right:2%; /* 20/480 */
    margin-left:2%; /* 20/480 */
    position:absolute;
    margin-bottom:10px;
    bottom:0;
    left:0;
    font-size: 1.1em;
    margin-left:10px;
    background-color:#142D3F;
}

.mosaique .col1 .rub {
    color: #FFFFFF;
    font-family: 'HelveNeuBolCon';
    margin-left: 10px;
    margin-top: 3px;
    /*position: absolute;
    text-align: right;*/
    text-transform: uppercase;
    /*width: 125px;

	text-shadow:#000000 1px 1px,#000000 -1px 1px,#000000 -1px -1px,#000000 1px -1px; */

}

.mosaique .col1 .more {
    float: right;
    text-align: left;
    color:#FFFFFF;
    /*margin-top: 10px;*/

    text-shadow:#000000 1px 1px,#000000 -1px 1px,#000000 -1px -1px,#000000 1px -1px;
}

.mosaique .col1 h2 a {
    color: #FFF;
    text-decoration:none;
    font-size: 0.5em !important;
    font-family: 'HelveNeuBolCon' !important;
    font-weight:normal !important;
    text-transform:none !important;
}

.mosaique .col2 h2 {
    color:#FFF;
    width:87.272727%; /* 170/220 */
    margin:0 auto;
    margin-top:30px;
    padding:0;
}

#home-contrib-bloc .col1 {
    width:51.06383%; /* 480/940 */
}

#home-contrib-bloc .col2 {
    width:23.404255%; /* 220/940 */
    margin-left: 0;
}


#home-contrib-bloc .col3 {
    width:23.404255%; /* 220/940 */
    margin-left:2.1276596%; /* 20/940 */
    margin-top: 0;
}

#home-contrib-bloc.moz .col3 {
    width:25.531915%;/* 240/940 */
    margin-left:0px;
}


#home-contrib-bloc .mosaique .col1 {
    background-color:#000;
    height:350px;
}

#home-contrib-bloc .mosaique .col2 {
    background-color:#A80731;
    height:350px;
}

#municipales-2014 {
    text-align: center;
    background: #142D3F url('http://www.contribuables.org/wp-content/themes/bp-contribuable-v3/images/sep-lisere.png') no-repeat bottom center;
    padding: 10px 10px 5px 10px;
    height: 146px;
}

#dernier-video {
    text-align: center;
    background:#142D3F;
    padding: 10px;
    height: 169px;
}

#municipales-2014 h2,
#dernier-video h2,
#en-action h2 {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 1.1em;
    text-align: center;
    width: auto;
}

#en-action h2 {
    font-size: 1.1em;
    line-height: 1.1;
    margin-top: 6px;
}

#dernier-video h2 a {
    color: #fff;
}

#municipales-2014 p {
    font-family: 'RockwellStd';
    margin-top: 0.1em;
}

#municipales-2014 p a {
    color: #fff;
    font-size: 0.8em;
}

#en-action {
    background: #142D3F;
    height: 330px;
    padding: 10px;
    overflow: hidden;
}

#home-newsletter,
#actions-locales {
    margin-top: 10px;
    padding: 10px;
    background: #CEB778;
}

#actions-locales {
    margin-top: 0;
}

#dernier-video a.vid-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 220px;
    color: #fff;
    font-family: 'RockwellStd';
    font-size: 0.8em;
    display: block;
}

#home-newsletter h3,
#actions-locales h3 {
    font-family: 'RockwellStd';
    font-size: 0.8em;
    color: #ffffff;
    margin: 0;
    font-weight: normal;
    text-align: center;
}

#home-newsletter-form p {
    margin: 2px 0;
}

#home-newsletter-form input {
    width: 100%;
    border: 1px solid #666;
    font-family: 'RockwellStd';
    font-size: 0.8em;
    font-weight: normal;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding: 5px 5px 0px 5px;
}

#home-newsletter #newsletter-cp {
    width: 50%;
}

#home-newsletter #submit-newsletter-form {
    width: 47%;
    float: right;
    position: relative;
    top: 1px;
    color: #fff;
}

#home-sign-petition {
    display: block;
    padding:7px 0px 3px;
    /* background: #A80731; */
    color: #ffffff;
    text-align: center;
    font-family: 'RockwellStd';
    font-size: 1em;
    font-weight: normal;
    margin: 15px 0;
    border-radius: 5px;
}

.custom-button {
    -moz-box-shadow:inset 0px 1px 0px 0px #e0436d;
    -webkit-box-shadow:inset 0px 1px 0px 0px #e0436d;
    box-shadow:inset 0px 1px 0px 0px #e0436d;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a80732), color-stop(1, #381821) );
    background:-moz-linear-gradient( center top, #a80732 5%, #381821 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a80732', endColorstr='#381821');
    background-color:#a80732;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #330f18;
    display:inline-block;
    color:#777777;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 1px #000000;
}
.custom-button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #381821), color-stop(1, #a80732) );
    background:-moz-linear-gradient( center top, #381821 5%, #a80732 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#381821', endColorstr='#a80732');
    background-color:#381821;
}

#home-sign-petition:hover,
.grid .mosaique .col2 #actions-locales ul li a:hover,
#home-don-link:hover {
    color:#ccc;
}

.grid .mosaique .col2 #actions-locales ul {
    width:100%;
}

.grid .mosaique .col2 #actions-locales ul li {
    display: block;
    border: none;
    padding: 0;
    margin-top: 5px;
}

.grid .mosaique .col2 #actions-locales ul li a {
    display: block;
    color: #fff;
    background: #1D4056;
    font-family: 'RockwellStd';
    font-size: 0.8em;
    font-weight: normal;
    padding: 5px 6px 2px;
}

#home-don-link {
    display: block;
    color: #fff;
    background: #e7587b;
    font-family: 'RockwellStd';
    font-size: 0.8em;
    font-weight: normal;
    padding: 7px 6px 3px;
    text-align: center;
    width: 60%;
    margin:5px auto 0;
}

#agir-links a {
    margin-top: 10px;
}

footer nav.galactic{
	position: relative;
top: auto;
background-color: #0F2533;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
filter: none;
}
footer nav.galactic ul.left{
float: left;
}
footer nav.galactic ul.left{
	margin-top: 0px;
}
#home-socials,#single-socials{
    background: #CEB778;
    padding: 10px;
        color: #ffffff;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 20px;
}
#home-socials h2,#single-socials h2{
    color: #ffffff;
}

.wdg_dernieres_petitions {
    background: #CEB778;
    margin: 0;
    padding: 20px;
}

.wdg_dernieres_petitions h2 {
    font-size: 16px;
    color: #fff;
    padding-top: 0;
}

.wdg_dernieres_petitions h2 a {
    color: #fff;
}

.wdg_dernieres_petitions ul {
    padding-left: 18px;
}

.wdg_dernieres_petitions ul li {
    line-height: 1;
    margin-bottom: 10px;
}

.wdg_dernieres_petitions ul li a {
    color: #ffffff;
    font-size: 12px;
}
.menu-inverse a{
	color: #ffffff !important;
	background-color: #CEB778 !important;
}
.supporttrp{
    text-align: center;
	margin: 5px 0px;
}