/*
Theme Name: Cercle 2014
Theme URI: http://antoine.clublive.fr
Author: Antoine Derrien
Description: Thème pour le Cercle des Epargnants
Version: 2.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, em, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}



/* ---------------------------------------------------
					GENERAL
--------------------------------------------------- */

body {
/*
background:#e7e8e9 url('images/bg.png') no-repeat center top;
*/
background:#e7e8e9;
font-family:arial;
font-size:13px;
color:#404041;
position:relative;
text-align:center;
}
#wrapper {
max-width:988px;
margin:auto;
background-color:#ffffff;
text-align:left;
}


a {
color:#eb2224;
text-decoration:none;
-moz-transition-duration:.80s;
-webkit-transition-duration:.80s;
transition-duration:.80s;
}
a:hover {
color:#eb2224;
}
.rouge {
color:#eb2224;
}
.grisClair {
color:#bcbec0;
}
.grisFonce {
color:#242424;
}
.alignLeft, .alignleft {
float:left;
margin:0 5px 5px 0;
}
.alignRight, .alignright {
float:right;
margin:0 0 5px 5px;
}
.separation {
clear:both;
width:100%;
height:20px;
display:block;
background:url('images/separationActus.png') no-repeat center center;
}



/* ---------------------------------------------------
					FOOTER
--------------------------------------------------- */
footer {
clear:both;
padding:60px 0;
overflow:auto;
}

#contenuFooter {
max-width:730px;
margin:auto;
text-align:center;
}
#contenuFooter p {
padding:10px 0;
text-transform:uppercase;
font-family:tga;
}
.accesRapide {
font-size:14px;
}
.accesRapide a {
color:#404041;
}
.accesRapide a:hover {
color:#eb2224;
}
.accesRapide img {
padding:0 20px 0 20px;
vertical-align:top;
}
footer .suivezNous {
font-size:10px;
}
@media screen and (max-width: 700px) {
		footer .suivezNous {
		text-align:center;
		}
		footer .suivezNous .pictoSocial {
		float:none;
		display:inline-block;
		}
}

/* ---------------------------------------------------
					HEADER
--------------------------------------------------- */
header {
width:100%;
height:120px;
border-bottom:#ec1c23 4px solid;
position:relative;
}
#logo {
padding:30px 20px 20px 20px;
text-align:center;
}
#logo img {
max-width:85%;
}
h1 a {
display:block;
margin:0;
padding:54px 0 25px 98px;
font-family:tga;
font-size:14px;
color:#000000;
text-transform:uppercase;
}
#recherche {
position:absolute;
top:20px;
right:20px;
}
#recherche input {
vertical-align:top;
}
#champDeRecherche {
width:200px;
margin:1px 0 0 0;
padding:4px 4px 4px 25px;
border:#dedede 1px solid;
font-family:tga;
color:#000000;
font-size:11px;
}
#boutonDeRecherche {
margin-left:-10px;
box-shadow:0 2px 5px 0 #444444;
-moz-transition-duration:.20s;
-webkit-transition-duration:.20s;
transition-duration:.20s;
}
#boutonDeRecherche:hover {
box-shadow:0 0 0 0 #222222;
}

	@media screen and (max-width: 900px) {
		header {
			padding-top: 50px;
		}
		#recherche {
			top: 14px;
			right: auto;
			left: 20px;
		}
		#champDeRecherche {
			max-width: 40vw;
		}
	}


/* ---------------------------------------------------
					MENU PRINCIPAL
--------------------------------------------------- */
#navPrincipale {
height:30px;
padding:0 8px 8px 8px;
z-index:20;
}
#navPrincipale ul {
list-style-type:none;
z-index:20;
}
#navPrincipale > ul > li {
float:left;
position:relative;
-moz-transition-duration:.80s;
-webkit-transition-duration:.80s;
transition-duration:.80s;
background:url('images/separationFooter.png') no-repeat 0 14px;
margin:0;
padding:8px 2px 0 2px;
font-family:tga;
font-size:14px;
text-transform:uppercase;
line-height:2em;
z-index:20;
}
#navPrincipale ul li:hover {
background:#ec1c23;
}
#navPrincipale ul li:hover a {
color:#ffffff;
}
#navPrincipale ul li a {
color:#404041;
padding:0 8px 0 8px;
}
#navPrincipale ul li a:hover {
color:#ffffff;
}
#navPrincipale ul li:hover ul {
display:block;
}
#navPrincipale ul li ul {
display:none;
width:200px;
margin-left:-5px;
padding:10px;
position:absolute;
background:#ffffff;
border:#d2d3d5 2px solid;
font-size:13px;
text-transform:none;
z-index:20;
}
#navPrincipale ul li ul li {
display:block;
-moz-transition-duration:.0s;
-webkit-transition-duration:.0s;
transition-duration:.0s;
padding:0 0 0 8px;
background:url('images/flecheDroiteGrise.png') no-repeat 3px 3px;
line-height:1.2em;
margin:2px 0 5px 0;
font-size:12px;
text-transform:none;
}
#navPrincipale ul li ul li:hover {
background:#ffffff;
padding-left:8px;
background:url('images/flecheBasRouge.png') no-repeat 0 3px;
}
#navPrincipale ul li:hover ul li a {
color:#404041;
}
#navPrincipale ul li:hover ul li a:hover {
color:#ec1c23;
}

#navPrincipale ul li.retourAccueil {
padding:7px 10px 0 0;
background:#ffffff;
}
#navPrincipale ul li.retourAccueil:hover {
background:#ffffff;
}


/* ---------------------------------------------------
					COLONNE SOCIALE
--------------------------------------------------- */
#colonneSociale {
max-width:256px;
float:left;
padding:0 7px;
}
#colonneSociale .caTitre:first-child {
background-image:url('images/pictoBulle.png')
}


/* ---------------------------------------------------
					ACCUEIL
--------------------------------------------------- */
#sliderAccueil {
height:370px;
max-height: 38vw;
position:relative;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
margin:-1em 0 2em 0;
}
.bandeauIntro {
position:absolute;left:0;bottom:2em;width:100%;background:rgba(235,34,36,0.7);color:#fff;font-family:tga;font-size:1.1em;padding:1em;box-sizing:border-box;-moz-box-sizing:border-box;
}
.lienIntro {
position:absolute;top:0;right:0;bottom:0;left:0;
}
#colonnesAccueil {
padding:0;
overflow:auto;
float:left;
width:70%;
}
@media screen and (max-width: 700px) {
	#colonnesAccueil {
	float:none;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
}
.homeSocial {
float:right;
width:30%;
padding:0 7px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
@media screen and (max-width: 700px) {
	.homeSocial {
	float:none;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	}
	.homeSocial #colonneSociale {
	float:none;
	margin:auto;
	text-align:left;
	}
}
.colonneAccueil {
float:left;
padding:0 9px;
box-sizing:border-box;
-moz-bo-sizing:border-box;
}
.caTitre {
width:100%;
background-color:#eb2224;
background-repeat:no-repeat;
background-position:center right;
color:#ffffff;
}
.caTitre h2 {
margin:0;
padding:8px 10px 10px 14px;
font-family:tga;
font-size:15px;
text-transform:uppercase;
}
.actuAccueil {
width:100%;
margin:5px 0;
padding:5px 0 15px 0;
border-bottom:#444444 1px dotted;
overflow:auto;
}
.actuAccueil h3 {
font-family:tga;
font-size:18px;
line-height:1.05em;
}
.actuAccueil h3 a {
color:#404041;
}
.actuAccueil h3 a:hover {
color:#eb2224;
}
.actuAccueil .meta {
padding:10px 0;
}
.actuAccueilCat {
color:#eb2224;
text-transform:uppercase;
}
.actuAccueil .texte {
line-height:1.2em;
}
.actuAccueil .texte a {
color:#404041;
position:relative;
}
.actuAccueil .texte a:hover {
color:#eb2224;
}

.voirPlus {
display:block;
margin:0 20px 20px 0;
padding:5px 25px 7px 0;
text-align:right;
background:url('images/plus.jpg') no-repeat center right;
font-family:tga;
color:#404041;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
#colonneAccueil1 {
width:59%;
}
@media screen and (max-width: 500px) {
	#colonneAccueil1 {
	float:none;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
}
#actuAccueil {
padding:16px 0 18px 0;
background:url('images/actuAccueilOmbre.jpg') no-repeat bottom center;
background-size:150% auto;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.caTitreActus {
background-image:url('images/pictoGlobe.png')
}
#colonneAccueil2 {
width:41%;
}
@media screen and (max-width: 500px) {
	#colonneAccueil2 {
	float:none;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
}
.caTitreMedia {
background-image:url('images/pictoBulles.png')
}
.mediaVideo {
position:absolute;
}
#blocSocial {
max-width:247px;
margin-bottom:20px;
padding:6px 3px 0 3px;
background-color:#e7e8e9;
border-right:#d2d3d5 2px solid;
border-bottom:#d2d3d5 2px solid;
border-left:#d2d3d5 2px solid;
border-radius:0 0 2px 2px;
}
.blocSocial {
width:100%;
padding:5px 0 10px 0;
overflow:auto;
margin-bottom:5px;
border-bottom:#cccccc 1px dotted;
}
.blocSocial:last-child {
border:none;
padding:5px 0 5px 0;
}
.socialTitre {
padding:10px 0 12px 20px;
font-family:tga;
font-size:15px;
text-transform:uppercase;
background:url('images/pictoLogo.png') no-repeat center left;
}
#newsletter {
font-family:tga;
display:inline-block;
position:relative;
top:-7px;
}
#newsletter form {
display:inline;
}
#newsletter form * {
vertical-align:middle;
}
#mce-EMAIL {
width:190px;
margin:1px 0 0 0;
padding:4px 4px 4px 10px;
border:#dedede 1px solid;
font-family:tga;
color:#000000;
font-size:12px;
}
#mc-embedded-subscribe {
display:inline-block;
width:29px;
height:28px;
border:none;
border-radius:0;
background:url('images/boutonDeMail.png');
cursor:pointer;
position:relative;
left:-2px;
box-shadow:0 2px 5px 0 #444444;
-moz-transition-duration:.20s;
-webkit-transition-duration:.20s;
transition-duration:.20s;
}
#mc-embedded-subscribe:hover {
box-shadow:0 0 0 0 #222222;
}
.pictoSocial {
display:block;
float:left;
margin:1px;
width:31px;
height:29px;
background-image:url('images/socialsSprite.png');
background-repeat:no-repeat;
}
.pictoSocial:hover {
-moz-transition-duration:.20s;
-webkit-transition-duration:.20s;
transition-duration:.20s;
}
.FB {
background-position:0 0;
}
.FB:hover {
background-position:0 -29px;
}
.TW {
background-position:-32px 0;
}
.TW:hover {
background-position:-32px -29px;
}
.RS {
background-position:-64px 0;
}
.RS:hover {
background-position:-64px -29px;
}
.IN {
background-position:-97px 0;
}
.IN:hover {
background-position:-97px -29px;
}
.YT {
background-position:-130px 0;
}
.YT:hover {
background-position:-130px -29px;
}
.BL {
background-position:-163px 0;
}
.BL:hover {
background-position:-163px -29px;
}
.MA {
background-position:-195px 0;
cursor:pointer;
}
.MA:hover {
background-position:-195px -29px;
}
#emailDuCercle {
clear:both;
padding:10px;
text-align:center;
display:none;
}
.tweet {
padding:5px 3px;
font-size:12px;
line-height:1.2em;
}
.auteurTweet {
color:#eb2224;
}
.blocSocial .appli a {
color:#404041;
font-size:12px;
line-height:1.2em;
}
.blocSocial .appli a:hover {
color:#eb2224;
}
.appliTitre {
font-family:tga;
font-size:14px;
text-transform:uppercase;
}
.imgAppli {
padding:0 4px 0 4px;
}
.cercleEnVideo {
background-image:url('images/pictoVideo.png');
}
#cercleEnVideo {
background:url('images/imgVideo.jpg') no-repeat;
}
.cercleEnDetail{
width:243px;
margin-top:-2px;
margin-bottom:20px;
padding:10px 5px 5px 5px;
background:#fff url('images/imgDetailOmbre.png') no-repeat center top;
border-right:#d2d3d5 2px solid;
border-bottom:#d2d3d5 2px solid;
border-left:#d2d3d5 2px solid;
border-radius:0 0 2px 2px;
}
.cercleEnDetail h4 {
text-align:right;
font-family:tga;
font-size:16px;
font-weight:bold;
line-height:1.4em;
}
.cercleEnDetail h4 a {
color:#404041;
}
.cercleEnDetail h4 a:hover {
color:#eb2224;
}
.cercleEnDetail p {
text-align:right;
line-height:1.4em;
}
.cercleEnPublication {
background-image:url('images/pictoPublication.png');
}
#cercleEnPublication {
}
.cercleEnQuizz{
background-image:url('images/pictoQuizz.png');
}
.cercleEnDetailQuizz{
width:243px;
margin-top:-2px;
margin-bottom:20px;
padding:10px 5px 5px 5px;
background:#fff url('images/imgQuizz.jpg') no-repeat center bottom;
border-right:#d2d3d5 2px solid;
border-bottom:#d2d3d5 2px solid;
border-left:#d2d3d5 2px solid;
border-radius:0 0 2px 2px;
}
.cercleEnDetailQuizz h4 {
font-family:tga;
font-size:16px;
font-weight:bold;
text-align:left;
line-height:1.4em;
}
.cercleEnDetailQuizz h4 a {
color:#404041;
}
.cercleEnDetailQuizz h4 a:hover {
color:#eb2224;
}
.cercleEnDetailQuizz p {
text-align:right;
line-height:1.4em;
}
.cercleEnDetailQuizz a {
margin:40px 0 15px 0;
}
.plusDe {
position:relative;
display:block;
/*
margin-right:20px;
*/
padding:5px 0 7px 35px;
text-align:right;
font-family:tga;
color:#404041;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
.plusDe:before {
position:absolute;
top:3px;
right:75px;
content:"";
background:url('images/plus.jpg') no-repeat center left;
width:20px;
height:20px;
}

/* ---------------------------------------------------
					ARTICLES
--------------------------------------------------- */
#ariane p {
padding:10px 0 20px 10px;
font-size:14px;
color:#eb2224;
font-family:tga;
}
#ariane p a {
color:#404041;
}
#ariane p a:hover {
color:#eb2224;
}
#ariane p a.active {
font-weight:bold;
}
#ariane strong {
color:#404041;
}
#sidebar {
float:left;
width:208px;
margin-left:10px;
}
.parDate {
background-image:url('images/pictoDate.png');
}
.sousSidebar{
width:194px;
margin-bottom:20px;
padding:10px 5px 5px 5px;
background:#e7e8e9;
border-right:#d2d3d5 2px solid;
border-bottom:#d2d3d5 2px solid;
border-left:#d2d3d5 2px solid;
border-radius:0 0 2px 2px;
min-height:300px;
}
#sidebar .sousSidebar a {
color:#404041;
}
.navSidebar {
padding-left:5px;
font-family:tga;
}
.navSidebar ul li {
list-style-type:none;
font-size:18px;
font-weight:bold;
line-height:1.2em;
}
.toggleSubMenu {
padding:5px 0;
}
.navSidebar ul li:hover a {
color:#eb2224;
}
.navSidebar ul li span {
cursor:pointer;
}
.navSidebar ul li a:hover {
color:#eb2224;
}
.navSidebar ul li ul {
text-transform:uppercase;
line-height:1.2em;
padding-bottom:10px;
}
.navSidebar ul li ul li span {
padding-left:20px;
}
.navSidebar ul li ul li a {
font-size:0.8em;
font-weight:normal;
padding-left:20px;
color:#404041;
background:url('images/pictoLogoGris.png') no-repeat center left;
}
.navSidebar ul li:hover ul li a {
color:#404041;
}
.navSidebar ul li ul li a:hover {
color:#eb2224;
background:url('images/pictoLogo.png') no-repeat center left;
}
.accesLettres {
padding:10px 0;
}
#contenu {
float:left;
width:720px;
margin-left:25px;
min-height:500px;
padding-top:7px;
}
@media screen and (max-width: 700px) {
		#contenu {
		float:none;
		width:99%;
		margin-left:1%;
		}
}
#contenuFull {
width:948px;
padding:20px;
background:#e5e6e8;
overflow:auto;
}
#contenuFull h2 {
text-align:center;
color:#ec1c23;
text-transform:uppercase;
font-size:2em;
font-family:tga;
margin:5px 0 10px 0;
}
#contenu .actuAccueil {
border-bottom:0;
background:url('images/separationActus.png') no-repeat center bottom;
padding:20px 0;
}
#naviActus {
clear:both;
width:908px;
height:50px;
padding:20px 40px;
font-size:14px;
font-family:tga;
text-align:right;
}
#naviActus a {
color:#404041;
padding:0 3px;
}
#naviActus a:hover {
color:#eb2224;
}
#naviActus img {
padding:0 5px 0 5px;
vertical-align:top;
}


/* ---------------------------------------------------
					ARTICLE
--------------------------------------------------- */
#contenuActu {
float:left;
width:662px;
margin-left:40px;
}
@media screen and (max-width: 700px) {
	#contenuActu {
	float:none;
	width:99%;
	margin-left:1%;
}
}
.caTitre
#contenuActu .actuAccueil {
border-bottom:0;
}
h2.actuTitre {
color:#eb2224;
font-family:tga;
font-size:20px;
line-height:1.05em;
}
.texteActu {
font-size:13px;
line-height:1.4em;
padding:0 0 20px 0;
background:url('images/separationActus.png') no-repeat center bottom;
}
.texteActu p {
padding:3px 0;
}
.texteActu h1 {
padding:12px 0 6px 0;
font-size:1.4em;
font-weight:bold;
}

.texteActu h2 {
padding:9px 0 6px 0;
font-size:1.3em;
font-weight:bold;
}
.texteActu h3 {
padding:6px 0 3px 0;
font-size:1.2em;
font-weight:bold;
}
.texteActu h4 {
padding:3px 0 3px 0;
font-size:1.1em;
font-weight:bold;
}

.texteActu hr {
margin:1.5em 0;
border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));
}

.texteActu .grosTitre {
padding:10px 6px;
background:#eb2224;
color:#fff;
margin:0 0 1em 0;
}
.texteActu ul {
list-style-type:disc;
padding:6px 0 6px 6px;
margin:0 0 0 20px;
}
.texteActu ul li {
margin:1px 0 2px 0;
}
#partageArticle{
padding:10px 0;
overflow:auto;
}
.partagezActu {
float:left;padding:8px 10px 0 0;font-family:tga;font-size:16px;text-transform:uppercase;
}

.pictoPartage {
float:left;
display:block;
margin:1px;
width:35px;
height:35px;
background-image:url('images/partageActuSprite.png');
background-repeat:no-repeat;
}
.partageFB {
background-position:0 0;
}
.partageTW {
background-position:-39px 0;
}
.partageMA {
background-position:-77px 0;
}
.partagePR {
background-position:-116px 0;
}
.partageLK {
background-position:-155px 0;
}
.partageVD {
background-position:-193px 0;
}
.partageGG {
background-position:-232px 0;
}

.encadre {
float:right;
width:200px;
padding:20px;
margin:0 5px 10px 20px;
background:#ec1c23;
color:#ffffff;
}
.encadre a, .encadre h1, .encadre h2, .encadre h3, .encadre h3 a {
color:#ffffff;
}
.encadre a:hover, .encadre h3 a:hover {
color:#ffffff;
}
/* ---------------------------------------------------
					BASE DE DONNEES
--------------------------------------------------- */
#navClassique ul {
list-style-type:none;
font-family:tga;
font-size:14px;
padding:5px 0 0 5px;
}
#navClassique ul li {
background:url('images/pictoLogoGris.png') no-repeat left center;
padding:3px 0 3px 20px;
}
#navClassique ul li:hover {
background:url('images/pictoLogo.png') no-repeat left center;
}
#navClassique ul li:hover a {
color:#eb2224;
}
#navClassique ul li.active {
background:url('images/pictoLogo.png') no-repeat left center;
}
#navClassique ul li.active a {
color:#eb2224;
}
#contenu .actuBDD {
background:none;
}
.lienBDD {
padding:25px 30px 0 0;
font-family:tga;
text-transform:uppercase;
text-align:right;
}
.lienBDD img {
vertical-align:middle;
}
.article-bdd {
width:38%;
border:#dddddd 1px solid;
padding:2%;
margin:3%;
display:inline-block;
}
.article-bdd a {
font-size:13px;
color:#ec1c23;
}
.article-bdd:hover {
background-color:#ec1c23;
}
.article-bdd:hover a {
color:#222222;
}

/* ---------------------------------------------------
					VIDEO
--------------------------------------------------- */
.video {
float:left;
width:226px;
height:400px;
padding:0 5px 5px 5px;
}
.video #cedrcleEnVideo {
width:226px;
}
.video #cercleEnVideo img {
width:226px;
}
.video .cercleEnDetail {
width:212px;
}
.video .cercleEnDetail h4 {
text-align:left;
line-height:1.1em;
padding:0 0 5px 0;
font-weight:normal;
}
.video .cercleEnDetail p {
text-align:left;
padding:0 0 5px 0;
}


/* ---------------------------------------------------
					QUIZZ
--------------------------------------------------- */
.lienQuizz {
text-align:right;
padding:30px 30px 0 0;
}
.lienQuizz a {
padding:6px 10px 6px 10px;
background:#eb2224;
color:#ffffff;
font-family:tga;
}
.lienQuizz a:hover {
background:#404041;
}
#quizz {
float:left;
width:750px;
height:1100px;
background:#4f5293;
}

/* ---------------------------------------------------
					GOUVERNANCE
--------------------------------------------------- */
.gouvernance .actuAccueil {
border-bottom:0;
}
.sousTitre {
width:100%;
/*height:20px;*/
padding:20px 0;
font-family:tga;
font-size:18px;
color:#eb2224;
font-weight:bold;
margin:0.5em 0 0 0;
}
.sousTitre span {
float:left;
padding:5px 10px 7px 10px;
margin-top:-5px;
margin-right:20px;
background:#eb2224;
color:#ffffff;
text-transform:uppercase;
}
.gouvernance h4 {
padding:10px 0;
color:#eb2224;
font-size:16px;
font-weight:bold;
font-family:tga;
}
.gouvernance ul {
padding:10px 0;
}
.gouvernance li {
line-height:1.2em;
}
.gouvernance p {
padding:5px 0;
clear:both;
}
.membreBureau {
float:left;
width:200px;
margin:0 10px 0 0;
padding:10px;
text-align:center;
font-family:tga;
}
.membreTitre {
display:block;
padding:5px 0;
color:#eb2224;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
}
.specialGouvernance {
clear:both;
width:928px;
padding:0 30px 20px 30px;
}





/* ---------------------------------------------------
					LETTRES
--------------------------------------------------- */
.vignetteLettre {
float:left;
width:180px;
}
.vignetteLettre img {
border:#d1d3d4 2px solid;
}
.texteLettre {
float:left;
width:330px;
}
.lettreMensuelle, .la-lettre-mensuelle {
color:#484680;
}


/* ---------------------------------------------------
					ADHESION
--------------------------------------------------- */
#adhesion {
width:948px;
padding:20px;
background:#e5e6e8;
text-align:center;
}
#adhesion h2 {
font-family:tga;
font-size:24px;
font-weight:bold;
text-transform:uppercase;
color:#eb2224;
padding:20px;
}
#suiteAdhesion {
width:400px;
margin:20px auto;
padding:15px;
background:#eb2224;
color:#ffffff;
font-family:tga;
font-size:13px;
text-align:center;
}
#suiteAdhesion p {
padding:15px 0;
line-height:1.3em;
}



/* ---------------------------------------------------
				FORM ADHESION
--------------------------------------------------- */
#formAdhesion {
line-height:1.4em;
}
.identification, .questions {
font-size:1.1em;
font-weight:bold;
font-family:tga;
line-height:2em;
padding-bottom:10px;
}
.label {
width:90px;
padding-left:10px;
display:inline-block;
}
.label2 {
width:190px;
padding-left:10px;
display:inline-block;
}
.demiL {
width:330px;
margin-right:30px;
}
.fullL {
width:796px;
}
.validationAdhesion {
border:none;
background:#ec1c23;
padding:3px 10px 4px 10px;
color:#ffffff;
font-family:tga;
font-weight:bold;
text-transform:uppercase;
font-size:1.2em;
margin:20px 0;
}
h3.formTitre {
background:#ec1c23;
padding:8px 10px 10px 10px;
color:#ffffff;
font-family:tga;
text-transform:uppercase;
font-size:1.3em;
font-weight:normal;
margin:20px 0;
}
.formOl {
padding-left:30px;
font-size:0.9em;
}

/* ---------------------------------------------------
					EXPERTS
--------------------------------------------------- */
#experts {
position:relative;
overflow:auto;
}
.expert {
float:left;
width:136px;
margin:0 8px 0 0;
padding:10px;
text-align:center;
font-family:tga;
}
.expert .membreNom {
display:inline-block;
height:2.4em;
}
.expert .membreNom, .expertFull .membreNom {
font-family:tga;
min-height:3em;
}
.expertFull {
clear:both;
width:100%;
}
.expertFull .topExpert {
float:left;
width:34%;
text-align:center;
padding-top:14px;
}
.expertFull .presExpert {
float:right;
width:63%;
padding:0 2% 2% 0;
text-align:justify;
}
/* ---------------------------------------------------
					SPECIALS
--------------------------------------------------- */
.small {
font-size:0.9em;
}
.separationLegere {
width:100%;
height:1px;
background:#eeeeee;
}
.sticker {
background:#ec1c23;
padding:1px 5px;
color:#ffffff;
}
/* ---------------------------------------------------
					FONT FACE
--------------------------------------------------- */

@font-face {
    font-family: 'tga';
    src: url('polices/texGyreAdventor/texgyreadventor-regular-webfont.eot');
    src: url('polices/texGyreAdventor/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texGyreAdventor/texgyreadventor-regular-webfont.woff') format('woff'),
         url('polices/texGyreAdventor/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('polices/texGyreAdventor/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tga';
    src: url('polices/texGyreAdventor/texgyreadventor-italic-webfont.eot');
    src: url('polices/texGyreAdventor/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texGyreAdventor/texgyreadventor-italic-webfont.woff') format('woff'),
         url('polices/texGyreAdventor/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('polices/texGyreAdventor/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'tga';
    src: url('polices/texGyreAdventor/texgyreadventor-bold-webfont.eot');
    src: url('polices/texGyreAdventor/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texGyreAdventor/texgyreadventor-bold-webfont.woff') format('woff'),
         url('polices/texGyreAdventor/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('polices/texGyreAdventor/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'tga';
    src: url('polices/texGyreAdventor/texgyreadventor-bolditalic-webfont.eot');
    src: url('polices/texGyreAdventor/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/texGyreAdventor/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('polices/texGyreAdventor/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('polices/texGyreAdventor/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}





#contenuActu {
padding-right:1em;
box-sizing:border-box;
}

.page-cercle h1 {
background:#eb2224;
color:#fff;
padding:0.6em 0.8em;
box-sizing:border-box;
font-size:1.6em;
font-family:tga;
}
.page-cercle h2 {
font-size:1.2em;
color:#eb2224;
margin:1em 0;
font-family:tga;
}

.sourceMedia {
font-size:0.85em;
font-family:tga;
}
.sourceMedia a {
text-transform:uppercase;
display:inline-block;
padding:1.3em;
border:#eb2224 1px solid;
border-radius:0.2em;
}
.sourceMedia a:hover {
background:#eb2224;
color:#fff;
}


.accesRapide {
}
.accesRapide li {
list-style-type:none;
display:inline-block;
text-transform:uppercase;
padding:0.2em 1em;
position:relative;
border-left:#eb2224 1px solid;
}
.accesRapide li:first-child {
border:none;
}
.partenaire {
padding:1em 0;
}
.partenaire img {
max-width:100%;
}

.catNav ul {
margin-left:1em;
}
.catNav .children .children a {
font-size:0.7em;
}
.navSidebar li {
position:relative;
}
.navSidebar ul li ul li a.toggleNav {
background:url('images/flecheBasRouge.png') no-repeat center;
position:absolute;
top:0.4em;
right:0;
font-size:1em;
font-weight:bold;
cursor:pointer;
width:11px;
height:11px;
display:block;
}
a.expandYear {
}
.toggleNav.expanded {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}


.photoExpert {
float:left;
width:25%;
padding:12px 2% 0 3%;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.photoExpert img {
width:100%;
}
.photoExpert .siteLink {
color:#404041;
text-decoration:underline;
display:block;
padding-top:0.5em;
font-family:tga;
}
.photoExpert .siteLink:hover {
color:#eb2224;
}
.photoExpert .pictoPartage {
transform: scale(0.75);
}
.infosExpert {
float:right;
width:75%;
padding:0 3% 0 2%;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.infosExpert .texteActu {
background:none;
}
.infosExpert h1 {
font-family:tga;
border-bottom:#eb2224 1px solid;
font-size:22px;
line-height:1.3em;
padding-bottom:1em;
margin-bottom:1em;
}
.infosExpert h2 {
padding:0.8em;
background:#eb2224;
color:#fff;
margin:1em 0;
font-family:tga;
display:inline-block;
font-size:18px;
}

.page-bdd h1 {
background:#eb2224;
color:#fff;
padding:0.6em 0.8em;
box-sizing:border-box;
font-size:1.6em;
font-family:tga;
}
.page-bdd h2 {
font-size:1.2em;
color:#eb2224;
margin:1em 0;
font-family:tga;
}
.page-bdd .texte {
padding:0.5em;
}
.docsBDD {
line-height:1.4em;
list-style-type:none;
padding-top:1em;
}
.docsBDD li {
padding:1em;
border-bottom:#ddd 1px solid;
-moz-transition-duration:.80s;
-webkit-transition-duration:.80s;
transition-duration:.80s;
}
.docsBDD  li:hover {
background:#f9f9f9;
}
.docsBDD .sourceMedia a {
padding:0.2em 0.5em;
margin-top:0.5em;
}
#theSearch {
text-align:center;
padding:1em 0.5em 0.5em 0.5em;
}
#theSearch input {
margin:0.5em auto;
width:80%;
}

.archive-videos {
float:left;
width:72%;
}
.videos {
list-style-type:none;
padding:0.5em;
box-sizing:border-box;
}
.videos li {
vertical-align:top;
width:30%;
display:inline-block;
padding:1em;
box-sizing:border-box;
margin:1em 1%;
background:fff;
box-shadow:1px 1px 2px #666;
-moz-transition-duration:.80s;
-webkit-transition-duration:.80s;
transition-duration:.80s;
}
.videos li:hover {
background:#f5f5f5;
}
.videos li img {
max-width:100%;
}
.videos li h3 {
font-size:1em;
line-height:1.2em;
padding:0.5em 0;
}

.openMobileNav {
opacity:0.5;
cursor:pointer;
text-transform:uppercase;
font-weight:bold;
font-family:tga;
position:absolute;
right:1em;
top:1em;
background:#eb2224;
padding:0.7em 1em;
line-height:1.2em;
color:#fff;
}
.openMobileNav:hover {
opacity:1;
color:#fff;
}

.navMobile {
position:fixed;
z-index:1000;
top:0;
right:-250px;
width:250px;
height:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
background:#eb2224;
-webkit-transition-duration: 0.7s; /* Safari */
transition-duration: 0.7s;
overflow:auto;
color: #fff;
}
.navMobile.navMobileActive {
right:0;
}

.navMobile p {
padding:1em;
border-bottom:#f5f5f5 1px solid;
line-height:1.4em;
}
.navMobile ul {
list-style-type:none;
margin:0;
line-height:1.4em;
}
.navMobile li {
padding:1em;
border-bottom:rgba(255,255,255,0.2) 1px solid;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-transform:uppercase;
}
.navMobile li:hover, .navMobile li.current-menu-item {
background:rgba(255,255,255,0.1);
}
.navMobile li ul {
font-size:0.9em;
list-style-type:none;
margin-left:0;
}
.navMobile li ul li {
border-bottom:rgba(255,255,255,0.1) 1px solid;
}
.navMobile li li:last-child {
border:none;
}
.navMobile li a {
color: currentColor;
text-decoration:none;
}
.navMobile > ul > li > a {
	padding-bottom: 0.5em;
	display: inline-block;
}


.navMobile .openMobileNav {
display:block;
text-align:center;
position:relative;
top:0;
left:0;
background: #fff;
color: #eb2224;
}

@media screen and (min-width: 800px) {
.openMobileNav, .navMobile {
display:none;
}
}
@media screen and (max-width: 800px) {
#navPrincipale {
display:none;
}
}


.texte ul {
margin-left:1.4em;
}


.caTitreEtudes {
background-image:url('images/pictoPublication.png');
}