/*
Theme Name: Blogs à part
Author: Laurence Dierickx

Version: 2.0
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }

blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, .button, .buttons
{
cursor: pointer;
}

button, input, select, textarea { margin: 0 }
:focus { outline: 0 }
a:link { -webkit-tap-highlight-color: #FF5E99 }
img, video, object, embed {
    max-width: 100%;
    height: auto;
}
iframe { max-width: 100% }
.fb_iframe_widget iframe { max-width: none!important }
blockquote {
    font-style: italic;
    font-weight: normal;
    font-family: 'Arvo', Serif;
    font-size: 15px;
    padding: 0 10px 20px 27px;
    position: relative;
    margin-top: 25px;
}
blockquote:after {
    position: absolute;
    content: '"';
    font-size: 40px;
    color: #D0D9E0;
    width: 50px;
    top: -5px;
    left: 0;
    font-family: arial;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite {
    font-style: italic;
    font-family: 'Arvo', Serif;
}
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
    font-family: monospace,consolas,sans-serif;
    font-weight: normal;
    font-style: normal;
}
pre {
    margin: 5px 0 20px 0;
    line-height: 1.3em;
    padding: 8px 10px;
    overflow: auto;
}
code {
    padding: 0 8px;
    line-height: 1.5;
}
mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: black;
    background: #FFD700;
}
address { margin: 10px 0 }
.sticky { }
.gallery-caption { }
.bypostauthor { }
.wp-caption-text { }
/*-[ Framework ]--------------------*/
body {
    line-height: 1;
    font: 14px/22px Arial, Helvetica, sans-serif;
    color: #444;
    background-color: white;
}
::-moz-selection {
    background: #1F5478;
    color: white;
    text-shadow: none;
}
::selection {
    background: #333;
    color: white;
    text-shadow: none;
}

.wp-paginate {padding:0; margin:0 0 1.5em 0;}
.wp-paginate li {display:inline; list-style:none;border-radius:3px;}
.wp-paginate a {background:#B1B1B1; 
color:#FFFFFF !important; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background: #2184A4!; color:#FFFFFF;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background: #2184A4!; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


h1, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 5px;
    color: #444;
   font-family: 'Open Sans', Helvetica, sans-serif;
   letter-spacing: -1;
}

.cat,.date, #date {

    margin-bottom: 5px;
    color: #444;
   font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 12px;
}

.category-head-small {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    padding: 2px 10px;
    line-height: 20px;
    margin-bottom: 20px;
    float: left;
    background-color: #2184A4;
    font-family: 'Arvo',serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none !important;
}

h1 {
    font-size: 28px;
    line-height: 1.4;
}

#main h1
{
font-weight: normal;
font-size: 2.4em !important
}

.hometitle h2
{
font-family: 'Open Sans', sans-serif;
font-size: 1.4em;
}

.time
{
font-size: 10px;
padding: 6px 0 4px 0;
}

#mainhome img
{
width: 36%;
}

#main a
{
text-decoration: underline;
}

.juiz_sps_links_list a
{
text-decoration: none!important;
}

.hometitle
{
clear:both;
}

#main h2 a, #mainhome h2 a
{
 font-size: 1.6em!important;
	line-height: 120%;
	font-weight: normal;
	color:#2184A4!important;
	padding: 0 0 0.3em 0;
	font-family: 'Open Sans',  sans-serif!important; 
	letter-spacing: -1;
	}

	.postloopune h2
	{
	width:66%;
	font-size: 1.2em;
	}


.postloopune img
{
width: 27%;
margin-top: -5%;
}

.postloopune
{
margin: 0 0 20px 0;
background: white;
padding: 2%;
-webkit-border-radius: 2px 1px;
-moz-border-radius: 2px 1px;
border-radius: 2px 1px;
border:1px dotted #2184A4;
width: 99.5%;
}
.articles h2, #article h2 {
    color: #2184A4;
    font-family: 'Arvo',serif;
    font-size: 1.2em;
	font-weight: bold;
	}

#main h2 a:hover, #mainhome h2 a:hover
{
color: #1F5478 !important;
}

.link1 
{
color: #1F5478;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 0.9em;
padding: 0.5em 0;
clear: left;
}

.link1 a
{
text-decoration: underline !important;
}

.link1 a:hover
{
color: #343434;

}

h3 {
    font-size: 20px;
}

#main h3
{
font-size: 16px;
padding: 0;
margin: -4px 0 6px 0;
color: #2184A4;
font-family: 'Arvo', serif; 
font-weight: strong;
letter-spacing: -1;
}

#largecol h3 
{
font-size: 16px;
line-height: 18px;
color: #2D2D2D;
}

#largecol h3 a
{
color: #2D2D2D;
}

#largecol h3 a:hover
{
color: #1F5478;
}


#largecol img
{
width:100%;
padding-bottom: 14px;
}

h4 {
    font-size: 18px;
    line-height: 1.4;
	color: #707070;
	
}

#agendaimg img
{
width: 90%;
}

#single-post-wrapper h4
{
font-size: 20px;
	font-weight: normal;
	color: #707070;
}

h5 {
color: #B1B1B1;
font-family: 'Arvo', serif;
font-size: 1.2em;
margin-bottom: 12px;
}

.post-content h5
{
font-size: 17px;
margin-bottom: 20px;
}

h6 {
    font-size: 16px;
    line-height: 1.8;
}

.title a:hover
{
color: #676767 !important;
}

.lire
{
font-size: 11px;
}

.sub-title { font-size: 12px }
p { margin-bottom: 20px }
a {
    text-decoration: none;
    color: #1F5478;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;
}
a:hover { color: #1F5478 }
a:link, a:visited, a:active { text-decoration: none }

.wp-pagenavi a, .wp-pagenavi span {
  margin-right: 6px;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 30px;
    text-align: center;
    padding: 9px 1px;
    color: #4D4D4D !important;
    border: 1px solid #eee;
    background-color: #FFFFFF !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	   background: #2184A4 !important;
    color: #FFFFFF!important;
    display: inline-block;
    float: left;
    
    border: 1px solid #2184A4;
}

.wp-pagenavi span.current {
	color: #000;
}
.wp-pagenavi .pages
{
display: none;
}

/*-[ HEADER ]---------------*/
#page {
    margin: 0 auto;
    background: #FFFFFF;
	max-width: 970px;
    overflow: visible;
	border-left: 1px dotted #269BC1;
	border-right: 1px dotted #269BC1;
	padding: 0 10px;
}

.pages
{
display: none;
}


#header
{
	height: 140px;
	max-height: 140px;
	padding: 0;
	margin: 0;
}



#logo img
{
width: 10%;
float: right;
margin: 0;
}

#titres
{
float: left;
width: 66%;
}

#titres h1
{
font-weight: normal;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 2.5em;
color: #2D2D2D;
font-weight: 600;
letter-spacing: -2;
padding: 30px 0 16px 0;
}

#titres h2 {
    font-size: 1.2em;
	line-height: 120%;
	font-weight: normal;
	color:#2184A4;
	padding: 0 0 0.3em 0;
	font-family: 'Arvo', serif; 
	letter-spacing: -1;
}


#search
{
text-align: right;
float: right;
width: 33%;
padding-top: 10px;
}

#search2
{
width: 60%;
text-align: left;
float: left;
margin-top: 14px;
}

#search #s, #search2 #s
{
margin-right: 5px;
}

/*-[ NAVIGATION ]---------------*/

nav
{
margin: 0;
padding: 0;
}

#navigation{
	max-width: 970px;
	margin: 0 auto;
    overflow: visible;
    margin-bottom: 20px;
	margin-top: none;
}

#navigation select { display: none }

#navigation ul
{
border-top: 1px dotted #2184A4;
border-bottom: 1px dotted #2184A4;
width: 100%;
padding: 7px 0 8px 0;
color: #FFFFFF;
height: 21px;
}

#navigation li {
   display: inline;
   float: left;
    margin:auto;
 padding:0;
}


#navigation li a {
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
	font-weight: bold;
	padding: 0 7px;
	margin: 0;
}
#navigation li a:hover { color: #FFFFFF!important; background: #269BC1; padding: 9px 7px 8px 7px; }

#navigation ul li ul {
 display:none;
 }
 
 #navigation ul li:hover ul {
 display:block;
 }
#navigation li:hover ul li {
 float:none;
 }

 #navigation li ul {
 position:absolute;
 margin:6px 0 0 0;
z-index: 999;
padding: 0;
float:none !important;
left: auto !important;
width:146px;
 background: #03A550;
 }
 
#navigation ul li ul li {
 background: #03A550;
margin: 0;
padding: 2px 4px;
border-bottom: 1px solid #444444;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
text-align: center;
margin: 0;
display: block;
width: 146px;
float: none;
}

#navigation ul li ul li a {
border-right: none !important;
margin-top: 2px;
color: #FFFFFF !important;
}

#navigation ul li ul li a:hover{
cursor: pointer;
color: #FFFFFF !important;
background: #ED2027!important;
-webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
	padding: 4px 16px!important;
	
	}


#navigation > ul > .current {
    border-top-color: rgba(0,0,0,0.3);
    background-color: #ED2027;
}
#navigation > ul > .current_page_item a {
    background: transparent;
    color: #fff !important;
    background-color: #ED2027;
}



/*-[ Content ]--------------------*/

#wrapper
{
position: relative;
width: 100%;
margin: 28px 0 0 0;
overflow: hidden;
}

#article h1 a
{
font-weight: normal;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 1em;
color: #2D2D2D;
font-weight: normal;
letter-spacing: -2;
padding: 0 0 9px 0;
}

.article h1 a
{
font-weight: normal;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 0.9em!important;
color: #2D2D2D;
font-weight: normal;
letter-spacing: -2;
padding: 0 0 9px 0;
line-height: 120%;
}

#article h1 a:hover, .article h1 a:hover
{
color: #2184A4!important;
}

.hreview-aggregate
{
display: none;
}

#main p
{
margin: 12px 0;
}

  #main, #sidebar {  
        float: none;  
   
        vertical-align: top;  
    }  
    #wrapper{  
        display: table;  
    }  
    #main {  
        display: table-cell;  
    }  
    #sidebar {   
        display: table-cell;  
    }  

#main
{
width: 65% !important;
padding-right: 4%;
padding-bottom: 20px;	
}

#mainhome
{
width: 65% !important;
padding-right: 4%;
padding-bottom: 20px;	
float: left;
border-right: 1px solid #DEDEDE;
padding-right: 2%;
}

#largecol{
    
    width: 29% !important;
    font-size: 13px;
    line-height: 18px;
float: left;
padding-left:2%;
}

#sidebar{
    
    width: 23% !important;
    font-size: 13px;
    line-height: 18px;
		border-left: 1px solid #DEDEDE;
padding-left: 2%;
font-family: 'Open Sans', sans-serif;
}

#article
{
width: 100%;
}

#article img
{
width: 20%;
float: right;
max-width: 200px;
margin-right: -1em;
padding-left: 15px;
margin-top: -1em;
}

.article img
{
width: 22%;
float: right;
max-width: 220px;
margin-right: -1em;
padding-left: 15px;

}
#twitter
{
margin-bottom: 1.5em!important;
}

.articles img
{
width: 27%;
float: right;
max-width: 350px;
margin-right: -0.5em;
padding-left: 15px;
margin-bottom: 1em;
}

#une img
{
width:100%;
margin-bottom: 14px;
}

#auteur img
{
float: left;
width: 40px;
padding-right: 12px;
}


.postsby
{
color: #DA020C;
}

#content_box h3
{margin-bottom: 19px;}

.post-content {
    overflow: hidden;
    clear: both;
}
.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0;
}
.ss-full-width .post-content { padding-left: 1px }
#content_box { padding-right: 0px }
.post.excerpt {
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: 1px dotted #CECECE;
    margin-bottom: 30px;
    position: relative;
}
.last .post.excerptsmall {
    padding-bottom: 0;
    border-bottom: 0;
}
.post.excerptsmall {
    overflow: hidden;
    padding-bottom: 15px;
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px dotted #CECECE;
    margin-bottom: 15px;
}
.timeDate {
    float: left;
    clear: both;
    font-size: 11px;
    color: #000;
}
.leftCatBox {
    float: left;
    width: 47.3%;
}
.rightCatBox {
    float: right;
    width: 47.3%;
}
.category-head {
    height: 35px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 0 10px 0 10px;
    line-height: 35px;
    float: left;
    background: #2B73A4;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.category-head-small {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    padding: 2px 10px;
    line-height: 20px;
	margin-bottom: 20px;
    float: left;
    background-color: #2184A4;
	font-family: 'Arvo',serif;
}

.category-head-small2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding: 2px 8px;
    line-height: 20px;
	margin-bottom: 10px;
    float: left;
    background: #4A94C6;
}

.front-separator {
    float: left;
    clear: both;
    width: 100%;
    height: 20px;
}
.wp-post-image {
    float: left;
    margin: 0px;
	padding: 0 12px 0 0;
}
.featured-thumbnail { float: none }
#featured-thumbnail {
    float: left;
    max-width: 300px;
}
.featured-thumbnail img { margin-bottom: 0 }
.featured-thumbnail-small {
    max-width: 50px;
    float: left;
}
#featured-thumbnail-small {
    float: left;
    max-width: 50px;
}
.featured-thumbnail-small img {
    margin-bottom: 0;
    width: 50px;
}
.title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}


.single-title {
    float: left;
    clear: both;
    color: #000;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}
.single-title a {
    color: #000;
    text-decoration: none;
}
#single-post-wrapper {
    clear: both;
    background-color: #FFF;
    text-align: left;
}
#single-post-wrapper a { color: #1F5478 }
.single .attachment-slider { padding-bottom: 20px }
.front-view-title {
    padding: 15px 0 5px 0;
    clear: both;
    margin: 0;
}
.front-view-title-small {
    float: left;
    margin: 0;
    font-size: 14px;
    clear: none;
    line-height: 17px;
    margin-top: 5px;
}
.front-view-text {
    padding: 10px 0 0 0;
    clear: both;
    border-top: 1px dotted #CECECE;
    margin-top: 1px;
    color: #878787;
}
.front-view-text-small {
    padding: 3px 0 0 0;
    clear: none;
    color: #878787;
    font-size: 13px;
    float: left;
    line-height: 18px;
    margin-bottom: 5px;
}
.frontThumb {
    float: left;
    width: 20.5%;
    padding-right: 2%;
    height: 100px;
}

.thumb
{
padding-right: 12px !important;
}

.frontContentSmall {
    float: left;
    width: 75.2%;
}
#frontNewsBox {
    width: 100%;
    clear: both;
    float: left;
    border-top: 1px dotted #CECECE;
    padding-top: 30px;
}
#frontNewsBox .imageBB {
    width: 31.5%;
    float: left;
    position: relative;
    margin-right: 2.7%;
    margin-bottom: 15px;
    max-width: 230px;
}
.imageBB img {
    width: 100%;
	}

#frontNewsBox .last {
    margin-right: 0!important;
    margin-left: 0!important;
}
#frontNewsBox .imageBB .bbtitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 94%;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    padding: 3%;
}
#frontNewsBox .imageBB .bbcat {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 0 10px 0 10px;
    line-height: 35px;
    float: left;
    background-color: #2184A4;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
#frontLastCatBox {
    width: 100%;
    clear: both;
    float: left;
    padding-top: 15px;
}
#frontLastCatBox .leftLastCatBoxLeft {
    float: left;
    width: 44.1%;
    padding-right: 3%;
    border-right: 1px dotted #CECECE;
}
#frontLastCatBox .leftLastCatBoxRight {
    float: right;
    width: 47.1%;
}
.front-cat-title {
    padding: 15px 0 5px 0;
    clear: both;
    border-bottom: 1px dotted #CECECE;
    margin: 0;
    margin-bottom: 5px;
}
.front-cat-title a {
    font-size: 20px;
    color: #000;
}
.front-cat-text {
    padding: 15px 0 0 0;
    clear: both;
    color: #878787;
}
.title a { color: #000 }
.title a:hover { color: #2184A4 }
.page h1.title {
    margin-bottom: 20px;
    font-size: 22px;
}
.post-info {
    display: block;
    color: #676767 !important;
    clear: both;
    padding: 5px;
    font-size: 12px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	width: 98.5%;
	margin-bottom: 16px;
	margin-top: 16px;
	
}

#print img
{
float: right;
margin-left: 20px;
}

#print:hover
{
opacity: 0.8;
}

.theauthor {
    padding: 0 0 0 17px;
    background: url(images/sprite1.png) -2px -2px no-repeat;
}
.thecomment:before {
    content: "|";
    padding: 0 5px;
}
#time {
   color: #676767;
   font-size: 0.8em;
}
.thecategory {

}
.home article header, .archive article header, .search-results article header { margin-bottom: 1px }
.archive #featured-thumbnail, .search-results #featured-thumbnail {
    margin-right: 10px;
    margin-top: 5px;
}
.archive .post-info, .search-results .post-info { padding-bottom: 5px }
article header { margin-bottom: 25px }
.article img.left, .article img.alignleft, .wp-caption.alignleft {
    margin: 0.3em 1.571em 0.5em 0;
    display: block;
    float: left;
	font-size: 11px;
	color: #676767;
	line-height: 14px;
}
.article img.right, .article img.alignright, .wp-caption.alignright {
    margin: 1em 0 0 1.571em;
    display: block;
    float: right;
	font-size: 11px;
	color: #676767;
	line-height: 14px;
}

.wp-caption.alignright {
max-width: 350px;
}

.wp-caption.alignright img{
max-width: 350px;
width: 100%;
}

.wp-caption-text  {
    text-align: right;
    display: block;
    float: right;
	margin: -40px 0 0 0;
}


.article img.center, .article img.aligncenter, .wp-caption.aligncenter {
    margin: 0.3em auto 0.5em auto;
    display: block;
	font-size: 11px;
	color: #676767;
	line-height: 14px;
}
.article img.aligncenter, .article img.alignnone {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}
.article ul {
    margin: 0.5em 0 1em 1.571em;
    list-style-type: circle;
}
.article ol {
    margin: 0.5em 0 1em 1.9em;
    list-style-type: decimal;
}
.post-small {
    width: 250px;
    height: 100px;
    border: 1px solid #eee;
    float: left;
    padding: 20px;
    background-color: #FFF;
}
.post-small .post-small-image {
    width: 100px;
    height: 100px;
    float: left;
}
.post-small-content {
    width: 130px;
    margin-left: 8px;
    float: left;
}
.post-small-content h2, .post-small .post-small-content h2 a {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    line-height: 18px;
    font-weight: bold;
}
.post-small-content p {
    font-size: 12px;
    color: #666666;
    line-height: 14px;
    padding-top: 3px;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.post-small-related {
    float: left;
    padding-top: 5px;
}
.post-small-related h2, .post-small .post-small-content h2 a {
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: 16px;
}
.post-small-related p {
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    padding-top: 3px;
    margin-bottom: 0;
}
.pager {
    float: right;
    text-align: right;
    padding-right: 10px;
    padding-top: 3px;
}
.pager a span {
    margin-left: 5px;
    text-decoration: none;
    background-image: url(images/gallery_slider_dots.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left top;
}
.pager a:hover span {
    background-image: url(images/gallery_slider_dots.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.pager a.selected span {
    text-decoration: underline;
    background-image: url(images/gallery_slider_dots.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left bottom;
}


.wpcf7 p
{
margin-bottom: 18px;
line-height: 22px;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #4CA031 !important;
}

.wpcf7-mail-sent-ng {
	border: 1px solid #E4011D !important;
}

.wpcf7-spam-blocked {
	border: 1px dotted #E4011D !important;
}

.wpcf7-validation-errors {
	border: 1px dotted #E4011D !important;
}


.wpcf7-not-valid-tip {
	border: 1px dotted #E4011D !important;
}

.wpcf7-not-valid-tip-no-ajax {
	color: #E4011D !important;
}

.wpcf7-submit:hover
{
background: #9F2D61;
}
/*-[ Form Input ]------------------*/
input, textarea, select {
    padding: 8px 12px;
    border: none;
    font-size: 12px;
    border: 1px solid #D7D7D9;
    color: #5E656D;
	margin: 0;
	width: 96%;
}


a.info{
position:relative;
text-decoration:none;
z-index: 999!important;
}
 
a.info:hover{
z-index:25;
background: #transparent;
}

a.info span{
display: none;
font-size: 10px;
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity:0;
}
 
a.info:hover span{
display:block !important;
transform:scale(1) rotate(0); 
position:absolute;
top:13px; 
left:-2em; 
width: 50px;
border: none;
background: #47A22B;
color: #FFFFFF;
padding:2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
opacity: 1;
font-size: 11px;
text-align: center;
z-index: 999!important;
}



.wpcf7-submit:hover
{
background: #47A02A !important;
}

.wpcf7-submit
{
    background: #1F5478 !important;
    cursor: pointer !important;
    color: white!important;
    padding: 10px 0;
    border: 0;
    float: left;
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 30%;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.post-content input, textarea, select {
    padding: 8px 12px;
    border: none;
    font-size: 12px;
    border: 1px solid #D7D7D9!important;
    color: #5E656D;
}
textarea {
    overflow: auto;
    resize: vertical;
}
select { padding: 12px 20px }
input:focus, textarea:focus { }
::-webkit-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-moz-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-ie-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-o-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}


/*-[ Tables ]--------------------*/
table {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    border: 1px solid #cecece;
}
thead {
    background: #F0F0F0;
    font-size: 14px;
    color: #585F65;
    border-bottom: 1px solid #cecece;
}
table th, table td {
    padding: 7px 15px;
    text-align: left;
}
thead th { padding: 14px }
tbody th {
    font-weight: normal;
    border-bottom: 1px solid #F5F7F9;
}
/*-[ Line ]---------------------*/
hr {
    border: none;
    border-bottom: 1px dotted #B1B1B1;
    width: 100%;
    margin: 25px 0;
    clear: both;
    position: relative;
}
/*-[ Formulaires de recherche ]------------------*/

.sbutton {
    padding: 6px 0;
    cursor: pointer;
    background: #1F5478;
	border-radius: 3px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
    color: #fff;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	width: 30px;
}
.sbutton:hover { background: #2184A4; }
.main-header #s {  }
#s {
    width: 200px;
    padding: 6px 0;
    border: 1px solid #DFDFDF;
    text-indent: 4px;
    color: #888;
	margin-right: -4px;
}
.post-content #s {
    width: 225px;
    padding: 9px 12px;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    float: left;
	margin-right: 6px;
}



.post-content .sbutton {
    width: 68px;
    background-color: #1F5478;
    text-transform: uppercase;
    color: #fff;
    border: none!important;
    font-weight: bold;
    padding: 10px 0 10px 0;
}
.breadcrumb { margin-bottom: 20px; font-size: 10px; }
/*-[ Read More ]-------------------*/
.read-more {
    margin: 0 0 0 10px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4em;
    background: none;
    padding: 0;
    font-size: 16px;
}
/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
    margin-bottom: 10px;
    clear: both;
}
/*-[ Bottom Ad in post ]-----------*/
.bottomad {
    float: left;
    clear: both;
}

.meta
{
margin-top:44px!important;
}

.previous
{
font-size: 0.8em;
padding: 3px;
border: 1px dotted #B1B1B1;
width: 102%;
margin-top: 16px!important;
}

/*-[ Sidebar ]---------------------*/
#sidebar p { line-height: 20px }

#sidebar .post-date
{
font-size: 11px;
color: #B1B1B1;
margin-left: 3px;
}

#sidebar a
{
text-decoration: none !important;
}

#sidebar a { color: #444 }
#sidebar a:hover { color: #2184A4 }
.widget {
    margin-bottom: 27px;
    overflow: hidden;
}
.widget .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #545E68;
    font-size: 12px;
}
.widget li {
    display: block;
    overflow: hidden;
    list-style-type: none;
    padding-left: 17px;
    background: url(images/arrow.png) 0 5px no-repeat;
    margin-bottom: 7px;
}
.widget h3 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 12px 0;
    font-style: normal;
    border-bottom: 1px dotted #CECECE;
    padding-bottom: 8px;
	color: #2184A4;
}
.advanced-recent-posts ul { list-style: circle!important }
.advanced-recent-posts li, .popular-posts li, .category-posts li {
    list-style: circle;
    margin: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    padding-left: 0;
    background: none;
    margin-bottom: 10px;
}
.advanced-recent-posts p, .popular-posts p, .category-posts p { margin: 0 }
.category-posts a, .advanced-recent-posts a { display: block }
.popular-posts .plink {
    float: left;
    width: 80%;
    padding-left: 10px;
    padding-top: 7px;
}
.popular-posts li {
    background: #F8F8F8;
    margin-bottom: 10px;
    padding: 0;
}
.popular-posts li p {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.popular-posts li:hover { background: #E0E0E0 }
.pcomments {
    float: right;
    padding: 0 7px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    background: #1F5478;
}
.pcomments a { color: white!important }
.cancel-comment-reply { float: right }
.popular-posts li:hover > .pcomments { background: #222 }
/*-[ Footer ]-------------------*/


#footercontainer {
	position: relative;
	clear: left;
    overflow: hidden;
    padding: 8px;
    font-size: 12px;
    line-height: 125%;
	color: #EEEEEE;	
	background: #2184A4;
	margin: 0 auto;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#footercontainer  a
{
color: #FFFFFF;
}

#footercontainer  a:hover, #footercontainer  .widget li a:hover { color: #EEEEEE; }

.tags {
    margin: 10px 0 14px 0;
    font-family: Helvetica, Arial, sans-serif;
    clear: both;
    font-size: 11px;
    color: #000;
}
.tags a {
    margin-left: 5px;
    padding: 3px 1px;
    color: #B1B1B1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
	text-decoration: none;
}
.tags a:hover { opacity: 0.8;}
.postauthor {
    margin: 25px 0 0 0;
    padding: 20px 0 25px 0;
    min-height: 100px;
    border-top: 1px dotted #CECECE;
    width: 635px;
    background-color: #FFF;
    max-width: 100%;
    float: left;
}
.postauthor img {
    float: left;
    margin: 5px 25px 15px 0;
}
.postauthor h5 {
    text-transform: capitalize;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.8;
}
.clear { clear: both }
.left { float: left }
.right { float: right }
.last {
    margin: 0!important;
    padding-right: 0!important;
    border-bottom: 0!important;
}



/*-[ Calender Widget ]-------------------------*/
#wp-calendar td {
    text-align: center;
    padding: 7px 0;
    background: #fff;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
#wp-calendar th {
    padding: 10px 0;
    text-align: center;
}
#wp-calendar caption {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}
#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 12px;
}

/*-[ pagination ]------------------*/
.pagination {
    clear: both;
    overflow: hidden;
    margin-bottom: 0px;
    float: left;
    width: 96.5%;
    padding: 5px 7px 7px 0px;
    font-family: Arial, Helvetica, sans-serif;
}
.pagination ul {
    list-style: none;
    margin: 0;
}
.currenttext, .pagination a:hover {
    background: #2184A4;
    color: #fff!important;
    margin-right: 6px;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    height: 22px;
    width: 30px;
    text-align: center;
    padding-top: 7px;
    border: 1px solid #2184A4;
}
.pagination a, .pagination2 {
    margin-right: 6px;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    height: 22px;
    width: 30px;
    text-align: center;
    padding-top: 7px;
    color: #4D4D4D;
    border: 1px solid #eee;
    background-color: #fff;
}
.pagination a:hover { color: #000 }
.pagination2 {
    clear: both;
    margin-top: 15px;
    margin-bottom: 10px;
}
.top { float: right }
.pnavigation2 {
    display: block;
    width: 100%;
    overflow: hidden;
    float: left;
}
/*-[ Tag widget ]------------------------------*/
.tagcloud a {
    margin-bottom: 4px;
    float: left;
    margin-right: 5px;
    color: #1F5478;
	font-size: 0.6em;
}
.tagcloud a:hover { color: #B1B1B1; }
/*-----------------------------------------------
/* Shortcodes
/*---------------------------------------------*/
/*-[ Notifications ]---------------------------*/
.message_box { margin: 15px 0 }
pre {
    overflow: auto;
    background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;
    padding: 2em 1em 1em 1em;
    border: 1px solid #DDD;
    margin: 15px 0;
}
.note {
    background: #FEF4C8;
    color: #666;
    border: 1px solid #FDEBA5;
}
.note p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/thumb.png') left no-repeat;
    margin: 0.3em 0.8em;
}

#search3
{
display: none;
}

/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/


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

.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect
{
display: block !important;
}



#titres h1
{
font-weight: normal;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 2.3em;
color: #2D2D2D;
font-weight: 600;
letter-spacing: -2;
padding: 26px 0 9px 0;
}

#titres h2 {
    font-size: 1.3em;
	line-height: 120%;
	font-weight: normal;
	color:#2184A4;
	padding: 0 0 0.3em 0;
	font-family: 'Arvo', serif; 
	letter-spacing: -1;
}



#search
{
text-align: right;
float: right;
width: 40%;
margin-top: -40px;
}


.menu-item-884
{
display: none !important;
}
#navigation li a, #navigation li a:hover {
	padding: 0 5px;
}
#article img
{
width: 28%;
margin-top: 0 !important;
}
}


@media screen and (max-width:698px) { 
#article img
{
width: 44%;
}


#sidebar, #largecol, #mainhome, #main{ width: 98% !important; float:left;clear:left;border:none;padding:none;margin:none;}
    
#titres h1
{
font-weight: normal;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 2em;
color: #2D2D2D;
font-weight: 600;
letter-spacing: -2;
padding: 20px 0 9px 0;
}
#twitter img
{
width: 25% !important;
}
#titres h2 {
    font-size: 1.2em;
	line-height: 120%;
	font-weight: normal;
	color:#2184A4;
	padding: 0 0 0.3em 0;
	font-family: 'Arvo', serif; 
	letter-spacing: -1;
}

#search
{
text-align: right;
float: right;
width: 55%;
margin-top: -60px;
}

}

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

#header
{
	height: 120px;
	max-height: 120px;
	padding: 0;
	margin: 0;
}
.articles h1, #article h1
{
line-height:115%;
}

object, #single2
{
width:98%!important;
max-width:320px!important;
}
}

@media screen and (max-width:520px) { 
#main h1 {
    font-weight: normal;
    font-size: 2em !important;
}
#search, #logo
{
display: none;
}
#search3
{
display: block!important;
margin-bottom: 18px;
}

#titres
{
width: 100%;
text-align: center;
}
#titres h1
{
margin-bottom: 3px;
}

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

.articles img
{
width:100%;
padding: 0;
margin: 0 0 10px 0;
}

.wp-caption.alignright img
{
float: left;
width: 98%;
max-width: 98%;
text-align: center;
}

.wp-caption.alignright
{
float: left;
width: 98%!important;
text-align: left!important;
margin: 14px 0 0 0;
padding: 0;
}

#titres h1
{
padding: 10px 0 9px 0;
}


}


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


#titres h1
{
font-size: 1.8em;
line-height: 110%;
}

#titres h2
{
font-size: 1em;
line-height: 110%;
}

#header
{
height: 210px !important;
clear: both;
}


}