/* @override http://www.project.gabriel.pole-sud.eu/assets/components/gabriel-peri/css/style.css */

html,
body {
  font-size: 100%; }
.cb{ clear:both;}


body {
    background: white url('../img/bg.png') top center no-repeat;
    font-family: 'Open Sans', sans-serif;
}

h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
}

.top-bar,
.top-bar.expanded .title-area {
    background: #cbcbcb !important;
    color: #111111;
    position: relative;
    z-index: 9000;
}
a i.fi-trash{
	font-size: 20px;
	color: #CF3D2E;
}
.top-bar-section ul li a {
    background: #cbcbcb !important;
    color: #111111;
    font-weight: 300;
    padding: 0 8px !important;
}

.top-bar-section ul li a i {
    text-decoration: none;
    font-size: 30px;
    color: #CF3D2E;
    padding: 0;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}
.top-bar-section ul li a:hover i{
	color: #FFF;
}

.nopadding{
	padding:0;
}
.top-bar-section ul li.active > a,
.top-bar-section ul li > a:hover {
    background: #111111 !important;
    color: #cbcbcb;
}

.top-bar-section .has-form {
    background: #9e9e9e;
/*
    position: absolute;
    top: 45px;
    right: 0;
*/
}

.top-bar-section ul li ul{ display:none; position:absolute; z-index:500;
  /* max-width: 20%;*/
   }
   .top-bar-section ul li:hover ul{ display:block}
.top-bar-section ul li ul li{ float:none;}
.top-bar-section ul li ul li a:not(.button){ display:block; line-height:1.2em !important; padding:5px  !important; border-top:
1px dashed #AA0000 !important}
.top-bar-section ul li ul li a:hover:not(.button){ 
background:none repeat scroll 0 0 #292929 !important

}

.orbit-bullets {
    position: absolute;
    top: 75%;
    left: 45%;
}

#header {
    margin-bottom: 6px;
}

#header #logo-gp {
    margin-top: 8px;
    margin-left: 10px;
margin-bottom: 22px;
}

.small {
    font-size: 12px;
}

.small a {
    font-weight: bold;
}

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

#main-menu > div {
    padding: 0 0.6em;
}

#home h2 {
    background-color: #b12e36;
    font-weight: 200;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:white;
    font-size: 1.6em;
    text-transform: uppercase;
}

#home h3 {
    font-size: 1.2em;
}


#bandeau p,
#home p {
	font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.text p {
	font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#bandeau section *{
    font-size: 0.95em ;
}
#bandeau{
	margin-bottom: 10px;
}
#bandeau > .columns{
	margin-top: -38px;
}


#bandeau h2 {
    color:#505050;
    font-weight: 200;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 100%;
    text-transform: uppercase;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */

border-bottom: 1px dashed #505050;
}

#bandeau > div:first-child h2{ background-color:#910619; color:#FFF; border:none;}

#bandeau section > div p{ margin: 0;}
#bandeau section > div {
    padding-left:1em;
    padding-right:1em;
}
#bandeau h3 {
    font-size: 1em;/* text-transform: uppercase; */
    margin: 0; font-weight: bolder;
}







.rdv { position: relative; overflow: auto; padding-bottom:20px; min-height:390px; }
.rdv.nouveau{min-height:220px;}

#bandeau h2  i{    color: #CF3D2E;
    font-size: 30px;
    float: right;
    margin-top: -11px;
    margin-right: 20px;
}


    .rdv li { list-style: none; }
        .rdv ul li { float: left;  }
		.rdv ul li div{ padding:0 10px 10px 10px;;}
		
		
	
.rdv a:hover.plus:before{ color: #B12E36;}
.rdv a.plus:before {
    transition: all 1s ease 0s;
}

.rdv .plus:before {
   
    content: "En savoir ";
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.rdv .plus {
    display: inline-block;
   	float:right;
	 margin-right: 0;
	 margin-top:-18px;
	 margin-bottom:20px;
}
#bandeau  a.all{
	position: absolute;
	bottom: 0;
	font-size: .8em;
	right: 0;
	text-decoration: underline;
	cursor: pointer;
	}
.rdv  .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -20px;
		    margin-bottom: 30px;
	}
		.rdv .dots li {
			display: inline-block;
			width: 15px;
			height: 15px;
			margin: 0 4px;
			
			text-indent: -999em;
text-align: center;
font-size: .6em !important;
			border: 2px solid #888;
			border-radius: 15px;
			color: #333;
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.rdv  .dots li.active {
				background: #a00;
				opacity: 1;
				color: #FFF;
			}





a:hover.plus img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);

}
	
		
		

 section.dynamique > div {
    border-bottom: 1px dashed #505050;
    background-color: none;
    padding:  5px 1em 15px 1em;
	font-size: 0.9em ;
}
section.dynamique h3{
    font-size: 1em;/* text-transform: uppercase; */
    margin: 0; font-weight: bolder;
}


 section.dynamique  h4:before {
    content: "> ";
    display: inline;
    font-weight: 800;
}

 section.dynamique  h4{ display:inline; text-transform:none; margin-left:-10px; color:#C60F13; font-size:1.2em; text-transform:none; font-weight:200;}
 section.dynamique  h3{ display:inline;  text-transform:none;  font-size:1.2em;}

 section.publications img{float:left; margin:0 10px 10px 0; }
  section.publications h4{ display:inline-block; clear:both;}
   section.publications .plus {
    display: inline-block;
   	float:right;
	 margin-right: -20px;
}

   section.publications .plus:before {
   
    content: "En savoir ";
    display: inline-block;
    float: left;
    margin-right: 5px;
}

 

section.noborder div{ border: none !important;}



hr {
    border-color: #AAA;
}

.small ul,
.small ol {
  padding-left: 2em;
}

#home section .all {
    text-align:right;
    padding:5px;
    padding-right:1em;
    background-color: #b12e36;
    display: block;
    color: white;
}

#home section {
    color: #333333;
    background: white;
}

#home section > div {
    padding-left:1em;
    padding-right:1em;
}

#home .parution h2 {
    background-color: #910619;
}

#home .parution img {
    float:left;
    margin-right: 1em;
}

#home .video h2 {
    background-color: #b12e36:
}
#home video{
margin: 10px 0;
    max-width: 100%;}


#home .contributions h2 {
    background-color: #cf3d2e;
}

#home .contributions h3 {
    color: #333333;
    text-transform: uppercase;
}

#home .contributions section {
    color: #333333;
    background: white;
}

#home .prochain-rdv h2,
#home .newsletter h2 {
    color: #333333;
    background: white;
    padding-left: 0;
    text-transform: uppercase;
}

#home .themes  li  {
    display: inline;
    padding: 0;
    margin:0;
	margin-right:5px;
	white-space:nowrap;
	
}
#home .themes  li a{ font-weight:normal; }


#home .themes .inline-list a {
    font-weight: 200;
    padding-right: 1em;
}

#themes ul{ font-size:0.8em; padding-left:20px;}

#themes .theme { }
#themes ul.cloud li{
	list-style-type:none;
	 display: inline;
    padding: 0;
	font-size:1em;
    margin:0;
	margin-right:5px;
	white-space:nowrap;
	}
	#themes h3{
		 color: #CF3D2E;
    font-weight: normal;
	}

#adresse {
    border-top: 2px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    margin-top: 1.2em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    text-align: center;
}

#footer h2 {
    font-size: 1em;
    font-weight: 100;
    text-transform: uppercase;
}

#footer {
    color: white;
    background: #333333;
    margin-top: 2em;
	padding-top:1em;
	text-align:justify;
	
}

#footer ul{ display:inline; list-style-type:none; padding:0; margin:0; }
#footer ul li:after{ content:" / "; color:#CF3D2E;}
#footer li{ display:inline;}
#footer li a{ text-transform:uppercase; font-weight: bolder;}
#footer li ul:before{ content:" : "; display:inline; }

#footer ul li ul li:after{ content:" - "; color:#FFFFFF;}
#footer ul li ul li.last:after{ content:""; color:#FFFFFF;}
#footer ul li ul li a{ text-transform:none; font-weight: normal;}
#footer li ul li a:after{ content:""; }




#footer * {
    color: white;
}

#footer .table {
    display: table;
    width: 100%;
}


#footer .table .side-nav {
  padding-left:0;
}

#footer .table > li {
    display: table-cell;
    min-width:130px;
}

#footer .table > li h2 {
    display: block;
}

#fondation-menu.small ul {
    padding-left: 0;
}

#fondation-menu li {
    border-top: 1px solid #999;
    display: inline-block;
    width:100%;
}
/*
#fondation-menu.videos > ul > li >ul{ display: none;}
#fondation-menu.videos > ul > li:hover >ul{ display: block;}
*/

#fondation-menu > ul > li:first-child {
    border-top: 1px solid transparent;
}

#fondation-menu li a {
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    width:100%;
    font-weight: normal;
}

#fondation-menu > ul > li > a {
    font-weight: bold;
}

#fondation-menu > ul > li a:focus,
#fondation-menu > ul > li a:hover,
#fondation-menu > ul > li.active > a {
    background: #292929;
    color: white;text-decoration:none;
}

#fondation-menu > ul > li > ul > li a:focus,
#fondation-menu > ul > li > ul > li a:hover,
#fondation-menu > ul > li > ul > li.active > a {
    background: #9e9e9e;
    color: white;text-decoration:none;
}
#fondation-menu ul li ul li ul {
    border-left: 1px dashed #CCCCCC;
    border-right: 1px dashed #CCCCCC;
	  background-color: rgba(0, 0, 0, 0.05);
    margin: 0;
}
#fondation-menu ul li ul li ul li.last{}

#fondation-menu > ul > li > ul > li > ul > li a:focus,
#fondation-menu > ul > li > ul > li > ul > li a:hover,
#fondation-menu > ul > li > ul > li > ul > li.active > a {
    background: #cbcbcb;
    color: black; text-decoration:none;
}


#panier-top {
    margin: 10px;
}
#panier-top i{ font-size:25px; color:#CF3D2E;}


#personalisation {
    padding-top: 5px;
}

#personalisation .inline > li {
    display: inline-block;
}

#personalisation p {
    margin-bottom: 0;
}

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

#personalisation .dotted-right {
    border-right: 1px dotted #333;
}

#personalisation li img {
    position:relative;
    top:-3px;
}


#personnalisation-login {
    margin: 10px;
}


#personalisation-panier > ul > li > strong {
    margin-left: 20px;
}

#personalisation i{ font-size:20px; color:#CF3D2E;}

#personalisation-panier > ul > li > ul {
    padding-left: 40px;
}

#personalisation-panier > ul > li > ul > li {
    list-style: disc;
}


#personalisation #social a i {
    font-size: 30px;
    text-decoration: none;
}
#personalisation #social a:hover i {
	    color: darkred;

    text-decoration: none;
}

#archive-annuaire section article > header > h1 {
    font-size: 1.3em;
    line-height: 1.6;
    text-align: center;
}

#archive-annuaire section article > p {
    margin-top: 0.5em;
    text-align: center;
}

#archive-annuaire .adresse {
    margin: 0.5em 0;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#archive-annuaire .description > p {
    margin: 0;
}




#contact .sslabel,
#archive-annuaire .sslabel,
#archive-annuaire-organisme .sslabel {
    color: #666;
    white-space: nowrap;
}

#archive-annuaire section article > p > a,
#archive-annuaire section article div > a {
    font-weight: normal;
}

#archive-annuaire-organisme .adresse {
    margin: 0;
    padding: 0;
    line-height: 1em;
}

#archive-annuaire-organisme section > div {
    margin: 0.8em 0;
}

p.adresse {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    margin: 0 0 10px !important;
    padding: 1.25em;
	text-align:center;
    background: #f2f2f2;
}
.custom_panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d9d9;
    margin: 0 0 10px !important;
    padding: 1.25em 0 0;
    background: #f2f2f2;
}

.custom_panel h3 {
    font-size: 1.2em;
}


.custom_panel .row {
    margin: 0;
    padding: 0.25em 0;
}

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

.custom_panel ul {
    list-style: none;
}

.custom_panel .file-description {
    display: block;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
}

#archive-archives-article header hgroup > h2 {
    color: #cf3d2e;
    margin-top: 0;
    display: block;
}

#archive-archives-article header {
    margin-bottom: 20px;
}

#archive-archives-article hgroup > div {
    margin-bottom: 5px;
}

#formulaire-don > fieldset {
    border: none;
    border-top: 2px dotted #ccc;
}

#formulaire-don > fieldset > legend {
    position: absolute;
    margin-top: -25px;
}

#formulaire-don fieldset > fieldset {
    border: none;
    margin-top: 0;
    padding: 1.25em 0 0;
}

abbr.asterisk {
    color: #cf3d2e;
}

#formulaire-don fieldset > fieldset legend {
    color: #cf3d2e;
    text-transform: uppercase;
    font-weight: normal;
}

@media only screen and (min-width: 48em) {
    #formulaire-don .align-label {
        margin: 0 0 1em 0;
        padding: 0.625em 0;
        text-align: right;
    }

    #contact .gp-columns {
        border-top: none;
        margin-top: 10px;
        border-left: 1px dotted #ccc;
    }

    #contact .gp-columns:first-of-type {
        border-left: none;
    }

    .text-auto-right {
        text-align: inherit;
    }

    .border-auto-bottom {
        margin-bottom: 0;
        border-bottom: none;
    }
}

@media only screen and (max-width: 48em) {
    #formulaire-don .align-label {
        margin: 0 0 0.1875em 0;
        padding: 0;
        text-align: left;
    }

    #contact .gp-columns {
        padding-bottom: 20px;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 10px;
        border-left: none;
    }

    #contact .gp-columns:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .text-auto-right {
        text-align: right;
    }

    .border-auto-bottom {
        margin-bottom: 10px;
        border-bottom: 1px dotted #ccc;
    }
}

#formulaire-don .marge-top {
    margin-top: 20px;
}

#formulaire-don .marge-right {
    margin-right: 40px;
}

#formulaire-don .padd-top {
    display: block;
    padding-top: 40px;
}

#formulaire-don .extra-select {
    padding-top: 3px;
}

#formulaire-don .extra-checkbox {
    padding-top: 12px;
}

#formulaire-don .noblock {
    display: inline-block;
}

#contact .sslabel {
    font-weight: bold;
}

#contact #organisme > div {
    margin-bottom: 6px;
}

#menu-voir_aussi {
    border-top: 1px dotted #333;
}

#menu-voir_aussi > h2 {
    font-size: 1.1em;
    line-height: 30px;
    padding-top: 8px;
    color: white;
    background-color: #292929;
    padding-left: 10px;
    width: 110px;
    margin-top: 0;
    margin-left: 1em;
    text-transform: uppercase;
}

#menu-voir_aussi ul {
   list-style-type: none;
   padding-left: 1em;
}

#menu-voir_aussi ul > li > ul > li a {
    font-weight: normal;
}

#menu-voir_aussi ul > li > ul > li > ul > li:before {
   content: '- ';
}

#most_recent_initiative_subcontent .row {
    margin: 0;
    padding: 10px 0;
    border-top: 1px dotted #333;
}

#most_recent_initiative_subcontent .columns {
    padding: 5px 10px;
    border-right: 1px dotted #333;
    min-height: 100px;
}

#most_recent_initiative_subcontent .columns:last-of-type {
    border-right: 1px dotted transparent;
}

#most_recent_initiative_subcontent section > h1 {
    font-size: 1.1em;
    text-transform: uppercase;
}

#most_recent_initiative_subcontent section > h1 a {
    color: #cf3d2e;
}

#most_recent_librairie_subcontent {
    padding-bottom: 1em;
}

.strong {
    font-weight: bold;
}

.top-bar {
    margin-bottom:0;
}

.breadcrumbs {
    background: transparent;
    border: none;
    padding-bottom: 0;
}

.breadcrumbs > * a,
.breadcrumbs > * span {
    color: black;
    font-weight: 700;
    text-transform: none;
	text-decoration:none;
}

.breadcrumbs .B_currentCrumb,
.breadcrumbs .B_currentCrumb span {
    color: #cf3d2e;
}
.breadcrumbs{color: #AAAAAA;	font-weight: normal; font-size: 0.8em;
}


.breadcrumbs > * span {
    color: black;
    font-weight: 700;
    text-transform: none;
	text-decoration:none;
	font-size: 1.2em;
}
.breadcrumbs > *{ display: inline; float: none; font-size: 0.8em; }

.breadcrumbs > * > a {color: black;}


.breadcrumbs > *:before{
	content: "";
	margin: 0;
}

hgroup.heading h1 {
    color: #cf3d2e;
    text-transform: uppercase;
    font-weight: 200;
    padding-bottom: 0;
    margin-bottom: 0;
}

hgroup.heading h2 {
    padding-top: 0;
    margin-top: -0.3em;
    text-transform: uppercase;
    font-weight: 200;
}

.most-recent-subcontent h1 {
    font-size: 1.3em;
}

.other-recent-subcontent h1 {
    font-size: 1.1em;
}

.rubrique-document-contribution section hgroup h1 {
    font-size: 1.2em;
    font-weight: 200;
    text-transform: uppercase;
}


.rubrique-document-contribution section hgroup h2 {
    font-size: 1.2em;
}


.rubrique-document-contribution .sidebar h2 {
    margin-top: 1em;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 200;
}

.rubrique-document-contribution > .row {
    background: white;
}

.rubrique-document-contribution label {
    font-size: 0.8em;
}

video.media_video {
    background-color: #000;
    max-width: 100%;
}

.rubrique-document-contribution .liste-theme ul {
    list-style-type: none;
    padding: 0;
    display: inline;
}

.rubrique-document-contribution .liste-theme {
    padding-top: 5px;
}

.rubrique-document-contribution .liste-theme ul li {
    display: inline;
}

.rubrique-document-contribution .liste-theme ul li a {
    text-decoration: underline;
}

.marge03 {
    margin-bottom: 0.3em;
}

.search-engine .small h2 {
    font-weight: normal;
    color: #cf3d2e;
}

.search-engine .small form.advsea-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.search-engine .small form.advsea-form fieldset input {
    display: inline-block;
}

.search-engine .small form.advsea-form #as0_advsea-search {
    height: 25px;
}

ul div.advsea-result a,
.search-engine div.advsea-result a,
.search-engine .advsea-previous a,
.search-engine .advsea-next a {
    color: #cf3d2e;
	font-weight:bold;
}

button:disabled,
button:disabled:hover{ background-color:#666; border-color:#888; opacity:0.5;}
button[name='acheter'] img{ margin-left:-10px; margin-right:10px;}

a.moins,
a.plus,
a.trash
{ background-color: transparent; color: #A00; padding: 0; margin: 0; border: none; font-size: 1.2em; text-decoration: none;}
a.moins:hover,
a.plus:hover,
a.trash:hover
{ color: #cf3d2e;text-decoration: none;}

item.media{ font-size:1.2em; line-height:2em;}
item.media i{ font-size:1.2em; margin-right:10px;}
aside ul li.active a{color:#888; text-decoration:none; }


