/*
 * 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{
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical;
}

html,
button,
input,
select,
textarea {
    color: #333333;
}

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

// Patch Chrome en mode 3 colonnes
.aui-w1-3, .aui-w33 {
	width:33.33%;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations 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;
}

.webkit .aui-w33{
	width:33.33%;
}

/** Style ecrans d'edition */
.edit-article-left-column, .edit-article-right-column, .portlet-communities{
	font-size:0.96em;
}
.portlet-communities .aui-tree-label {
	font-size:1em;
}

.portlet-communities .portlet-body>form>.lfr-table>tbody>tr>td:last-child{
	width:60%;
}

/*bg clicable sur grande resolution**/
@media only screen and (min-width: 999px) {
	#contentWrapper{
		width:1010px;
		margin:0 auto;
	}
}

@media only screen and (min-width: 768px) {
	#contentWrapper{
		background:#ffffff;
	}
}

.bg-link{
	display:none;
}

.bg-link, .container-link{
	cursor:pointer;
}

#publibanner,#header,#navigation,#sub-navigation-wrapper,#contentWrapper,#footer{
	cursor:auto;
	cursor:default;
}

.columns-max {
	width: 1000px;
	margin: 0 auto;
}

.portlet-boundary {
	/* font-size: 0.72em; */
}

.more {
    font: bold .875em/17px Arial, sans-serif; /* 14px */
	text-align: right;
}

.more a {
	color: #e30044;
	text-decoration: none;
}

.more a:before {
	content: '> ';
}

/* ---------- Border portlet ---------- */
#main-content section.portlet{
	border:2px solid #8e8e8e;
}
#main-content header.portlet-topper{
	padding:6px;
}
#main-content header.portlet-topper+.portlet-content{
	padding:0 6px;
}
.cboth{
	clear:both;
}
/* ==========================================================================
   Gestion des colors schemes
   ========================================================================== */
/** Beige */
.beige #article-content .box .box-header{
	background:#E5D9CB;
}
.beige #article-content .box .box-header *{
	color:#000000 !important;
}
.beige #article-content .box .box-header-arrow{
	background-image:url("../images/arrow-beige.png");
}
.beige .navThematique li{
	background-color:#E5D9CB !important;
}
.beige .navThematique li a{
	color:#000000 !important;
}
.beige .presta .presta-titre 
{
	background:#E5D9CB;
}
/** Gris */
.gris #article-content .box .box-header{
	background:#5B5B5B;
}
.gris #article-content .box .box-header-arrow{
	background-image:url("../images/arrow-gris.png");
}
.gris .presta .presta-titre 
{
	background:#5B5B5B;
}

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

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

/* ==========================================================================
   CCI France custom styles
   ========================================================================== */

/*
* Suppression de rectangle de focus autour des images
*/ 
a#toggleMenu:focus,
a.smartSearch:focus,
a.meanmenu-reveal:focus {
	outline: medium none;
}

/*
* Elargissement du menu pour eviter que la recherche passe en dessous
*/

.container {
    width: 1000px;
    margin: 0 auto;
}

.right { float: right;}
.left {float: left;}

.item-hidden{
	display:none !important;
}
/* ==========================================================================
  Pour l'impression
   ========================================================================== */
@media print {
	/* Masquer les options de conversions sur l'asset-publisher */
	.portlet-asset-publisher .asset-full-content.no-title .asset-user-actions {
		display: none;
	}
	.portlet-msg-info {
		display: none;
	}
}
/* ==========================================================================
  Plan du site
   ========================================================================== */

.planDuSite li{
	list-style-type:disc;
	color:#333333;
}
.planDuSite a{
	color:#333333;
	text-decoration:none;
}
.planDuSite a:hover{
	color:#E30044;
}
.planDuSite .entete{
	font-weight:bold;
	color:#E30044;
	font-size:1.1em;
	padding:5px 0 0 3px;
	display:block;
}

.planDuSite>ul>li>a{
	display:block;
}

.planDuSite ul{
	padding:3px 10px 10px;
	margin:0;
	font-size:1.01em;
}

.planDuSite ul>li{
	margin-left:3px;
}

.planDuSite .pages{
	margin-top:0;
}
.planDuSite .pages>li{
	background:transparent;
}
/** Niveau 0*/
.planDuSite>ul{
	padding:0;
}
.planDuSite>ul>li{
	background:none;
	list-style-type:none;
}

.planDuSite>ul>li>.entete{
	display:none
}

/*Pages du niveau 1*/
.planDuSite>ul>li>ul.pages{
	width:100%;
	margin-bottom:20px;
}
.planDuSite>ul>li>ul.pages>li{
	display:none;
}

.planDuSite>ul>li>ul{
	width:25%;
	display:block;
	float:left;
	padding:0;
	margin:0;
}
/*Pages du niveau 2*/
.planDuSite>ul>li>ul>li>.entete{
	background:#e30044;
	color:#ffffff;
	padding:8px 0 8px 8px;
	font-size:1.21em;
	border-bottom:4px solid #ffffff;
	text-transform:uppercase;
}
.planDuSite>ul>li>ul>li{
	list-style-type:none;
}
/*Pages du niveau 3*/
.planDuSite .lvl1>li>ul>li>.entete{
	text-transform:uppercase;
}
/*Pages du niveau 4*/
.planDuSite .lvl1>li>ul>li>ul>li.entete{
	padding-top:0;
}
/*Pages du niveau 5*/
.planDuSite .lvl1>li>ul>li>ul>li>ul{
	font-size:1em;
}
.planDuSite .lvl1>li>ul>li>ul>li>ul>li{
	font-style:italic;
	list-style-type:none;
}
.planDuSite .lvl1>li>ul>li>ul>li>
.planDuSite .lvl1>li>ul>li>ul>li>ul>li:before{
	content:"> ";
}
/*Pages du niveau 3+*/
.planDuSite>ul>li>ul>li .arbo{
	color:#e30044;
}

/**Pages niveau 4+*/
.planDuSite .lvl1>li>ul>li ul{
	padding-top:0;
	padding-bottom:0;
}

 /**Mobile*/
 @media only screen and (max-width: 599px){
 	.planDuSite .clearfix{
 		display:none;
 	}
 	
 	.planDuSite .mobileclearfix:after {
   		content: " "; /* 1 */
    	display: table; /* 2 */
	}

	.planDuSite .mobileclearfix:after {
    	clear: both;
	}

	.planDuSite .mobileclearfix {
    	*zoom: 1;
	}
 	.planDuSite > ul > li > ul{
 		width:50% !important;
 	}
 }


/* ==========================================================================
  Login
   ========================================================================== */
#login .portlet-title{
	display:none !important;
}
#login .portlet-body p a{
	display:inline !important;
}

#login .portlet-body form>span{
	color:#ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.135em;
	margin-left:8px;
}

#login .portlet-body input{
	border: medium none;
    border-radius: 8px;
    font: 1em/24px Arial,sans-serif;
    min-height: 24px;
    min-width: 150px;
    padding: 0 10px;
    text-align: center;
	color: #333333;
}

.hasOnglets #article-meta{
	margin-top:0;
}
#login{
	position:relative;
}
#login .portlet-msg-error, #login .portlet-msg-alert, 
#login .portlet-msg-info, #login .portlet-msg-success{
	position:absolute;
	font-size: 1em;
	top:20px;
	right:105%;
	z-index:5000;
	width:200px;
}

/* ==========================================================================
  Menu "Espace personnel"
   ========================================================================== */
#navigation_inscr {
	background-color: #FBFBFB;
	/*float: right;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding:10px 0;
	/* width: 100%; 250px;*/
	border: 1px solid;
	border-color: #ccc #000 #000 #ccc;
}
#navigation_inscr .navigation_inscr_li_posi,
#navigation_inscr .navigation_inscr_li
{
	list-style-type: none;
/*	width: 180px;
	height: 25px;*/
}
#navigation_inscr .navigation_inscr_li
{
	list-style-type: none;
	padding-left: 10px; /*50px;*/
}
#navigation_inscr .navigation_inscr_li span {
	margin-right: 10px;
	font-weight: bold;
	font-size: 13px;
}
#navigation_inscr .navigation_inscr_li_posi a {
	padding-left: 30px; /*50px;*/
	text-decoration: none;
	display:block;
/*	width: 180px;*/
	line-height: 25px;
	color:#000;
}
#navigation_inscr .navigation_inscr_li_posi a:hover,
#navigation_inscr .navigation_inscr_li_posi a:focus,
#navigation_inscr .navigation_inscr_li_posi a:active,
#navigation_inscr .navigation_inscr_li_posi .current
{
	color:#FFF;	
	background-position: left center;
	background-image: url(../images/menu/selection_menupersonnel.png);
	background-size: 100% 100%;
}

/* ==========================================================================
  Accueil : agenda et services
   ========================================================================== */
.conteneurAccueil .portlet-column-content{
	padding:0;
}
   
@media only screen and (max-width: 479px) {
	.conteneurAccueil .portlet-column{
		display:block;
		width:100%;
	}
}
/* ==========================================================================
  Zone remontee produit
   ========================================================================== */
#wrapperSliderRemonteeProduits{
	position:relative;
}
.flexsliderRemonteeProduits ul.slides{
	position:relative;
}
 
.flexsliderRemonteeProduits .box>a{
	display:block;
/*	padding:0 20px;*/
	text-decoration: none;
}
.flexsliderRemonteeProduits .box{
	height:auto;
	position:static;
}
.flexsliderRemonteeProduits img{
	display: inline!important;
	max-height:100%;
}
.flexsliderRemonteeProduits .slide-caption{
    height:12em;
    padding:0;
    background:transparent;
    position:relative;
    float: left;
}
.flexsliderRemonteeProduits .slide-image{
    background-color: #E30043;
    height: 12em;
    margin-left: 20px;
    margin-right: 20px;
    text-align:center;
}

.flexsliderRemonteeProduits .helper-image {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.flexsliderRemonteeProduits .slide-caption h3{
    min-height:40px;
}

.flexsliderRemonteeProduits .slide-caption .inner-caption{
    padding:0 1.3em;
}

.flexsliderRemonteeProduits .slide-caption h3,
.flexsliderRemonteeProduits .slide-caption p,
.flexsliderRemonteeProduits .slide-caption a{
	color:#404040;
	padding:0;
}
#wrapperSliderRemonteeProduits .flex-direction-nav .flex-prev, #wrapperSliderRemonteeProduits .flex-direction-nav .flex-next{
	width:16px;
	height:60px;
	display:block;
	position:absolute;
	top:0;
	margin:0;
	height:250px;
}

#wrapperSliderRemonteeProduits .flex-direction-nav a.flex-prev {
	background:#ffffff url(../images/slider-precedent.png) no-repeat left 25%;
	left:0;
}

#wrapperSliderRemonteeProduits .flex-direction-nav a.flex-next {
	background:#ffffff url(../images/slider-suivant.png) no-repeat left 25%;
	right:0;
}

@media only screen and (max-width: 599px) {
	.linkButton{
		display:none !important;
	}
	.flexsliderRemonteeProduits .box>a{
		padding:0;
	}
	.flexsliderRemonteeProduits .slide-image{
		padding-bottom:0;
		max-height:50px;
		max-width: 100%;
		margin:0;
		padding:0;
	}
	.flexsliderRemonteeProduits li.box{
		border-bottom: 1px solid #EEEEEE;
	}
	.flexsliderRemonteeProduits .slide-caption{
		height:auto !important;
		width:auto !important;
		position:static;
	}
	.flexsliderRemonteeProduits h3{
		line-height:20px;
	}
	.flexsliderRemonteeProduits a, .flexsliderRemonteeProduits .slide-caption{
		float:left;
		max-height:50px;
	}
}
/* ==========================================================================
  Zone produit
   ========================================================================== */
#shop{
	position:relative;
	padding:0 13px;
}
#shop .flexsliderProduits .box{
	margin:0;
}
.flexsliderProduits .box>a{
	display:block;
	padding:0 5px 0;
	text-decoration: none;
}
.flexsliderProduits .box{
	height:auto;
	position:static;
}
.flexsliderProduits  ul.slides{
	position:relative;
}
.flexsliderProduits img{
	padding:0;
	display: inline!important;
	max-height:100%;
}
.flexsliderProduits .slide-caption{
	padding:0;
	background:transparent;
	position:relative;
	/**height:55px;*/
}
.flexsliderProduits .slide-image{
    height: 122px;
    text-align:center;
}
.flexsliderProduits .helper-image {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.flexsliderProduits .slide-caption .inner-caption{
	margin:0 5px;
	background:#ffffff;
	color:#000000;
	padding:2px 2px 2px 15px;
	min-height:100px;
}

.flexsliderProduits .slide-caption h3,
.flexsliderProduits .slide-caption p,
.flexsliderProduits .slide-caption a{
	color:#404040;
	padding:0;
	margin:0;
}
#shop .flex-direction-nav .flex-prev, #shop .flex-direction-nav .flex-next{
	width:16px;
	height:60px;
	display:block;
	position:absolute;
	top:17%;
	margin:0;
}

#shop .flex-direction-nav a.flex-prev {
	background:transparent url(../images/slider-precedent.png) no-repeat top left;
	left:0;
}

#shop .flex-direction-nav a.flex-next {
	background:transparent url(../images/slider-suivant.png) no-repeat top left;
	right:0;
}

/* ==========================================================================
  Social + header
   ========================================================================== */
#navigation .plus_de_liens{
	position:relative;
}
#navigation .plus_de_liens ul li, #navigation .plus_de_liens ul li a{
	display:block;
	min-height:0;
	height:auto;
}
#navigation .plus_de_liens ul li{
	float:left;
}
#navigation .plus_de_liens ul li img{
	margin-top:0;
}

#navigation .plus_de_liens ul{
	display:none;
	position:absolute;
	top:25px;
	left:-15px;
	z-index:50;
	background:#5B5B5B;
	padding:8px;
	width:80px;
	border:2px solid #9A9999;
}
.isAccueil #sub-navigation-items{
	display:none !important;
}

/* ==========================================================================
   Popup
   ========================================================================== */
#popup-search {
    padding: 20px;
    background: #ebebeb;
}
#popup-left {
    width: 480px;
    float: left;
}
#popup-left .liste-title,
#popup-left .box-link {
    display: block;
    width: 472px;
    height: 42px;
    background: #ffffff url(../images/popup-arrow-right.png) no-repeat 440px 12px ;
    color: #000000;
    line-height: 42px;
    text-decoration: none;
    margin-bottom: 12px;
    font: bold 18px/18px Arial, sans-serif;
    padding-top: 8px;
    padding-left: 8px;
    text-transform: uppercase;
}
#popup-left .box-link span {
    display: block;
    clear: both;
    font: normal 14px/14px Arial, sans-serif;
    text-transform: none;
}
#popup-left .liste-title {
    background: #e30044 url(../images/popup-arrow.png) no-repeat 440px 12px;
    color: #ffffff;
    padding-top: 15px;
    height: 35px;
}
#popup-left ul {
    margin: 0;
    padding: 0;
}
#popup-left ul li {
    display: block;
    border-bottom: 1px dotted #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}
#popup-left ul li a {
    display: block;
    padding-left: 20px;
    margin: 0;
    background: transparent url(../images/arrow-left-transparent.png) no-repeat 5px center;
    width: 460px;
    text-transform: uppercase;
    font: normal 14px/14px Arial, sans-serif;
    text-decoration: none;
    color: #000000;
}
#popup-right {
    float: left;
    width: 460px;
    margin-left: 20px;
    position: relative;
}
#popup-right input {
    border: 1px solid #cecece;
    border-radius: 10px;
    padding-left: 40px;
    background: #ffffff url(../images/loupe.png) no-repeat 5px 2px;
    font: normal 12px/18px Arial, sans-serif;
    height: 18px;
    width: 180px;
    margin-bottom: 10px;
    margin-left: 120px;
}
#popup-right .close-popup {
    display: block;
    width: 19px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    background: transparent url(../images/popup-close.png);
}



/* ==========================================================================
   Styles generiques
   ========================================================================== */


a.button {
    display: block;
    margin: 5px auto 0;
    min-height: 20px;
    border-radius: 10px;
    background-color: #5b5b5b;
    background: #5b5b5b url(../images/arrow-left.png) no-repeat 8px 3px;
    text-transform: uppercase;
    font: normal .915em/20px Arial, sans-serif;
    text-decoration: none;
    padding-left: 22px;
    width: 128px;
    color: white;
}

#wrapperSliderRemonteeProduits a.button{
	display:inline;
	padding:2px 5px 2px 22px;
}

#wrapperSliderRemonteeProduits .linkButton{
	text-align:center;
}

/* ==========================================================================
   Header
   ========================================================================== */
#header {
    position: relative;
	background: #ffffff url(../images/fond_header.png) no-repeat 100%;
}
#header-top {
    min-height: 118px;
}

#header-content {
    background-color: white;
}
#header-content h1 {
    float: left;
    height: 118px;
    line-height: 118px;
    margin: 0;
    padding: 0;
}

#header h1 img{
   margin-top: 0;
    max-width: 251px;
    width: 100%;
}


/* skip-links */
.skip-links {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}
.skip-links a {
	font-size: 1.085em;
	position: absolute;
	left: -7000px;
	padding: 0.25em;
	background:#5B5B5B;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus {
	position: static;
	margin-top: -10px;
}

#header-content .map-region {
    display: block;
    float: left;
    margin: 0 0 0 9%;
    max-height: 118px;
}
html.lt-ie8 #header-content #explore {
	width: 14,2%; /* 142px */
}
#header-content #explore {
    width: 14.2%; /* 142px */
    float: left;
    margin: 5px 0 0 5px;
}
#header-content #explore h2 {
	font: bold 1.085em/1.2em Arial ;
	padding-left: 14%; /* 20px */
}
#header-content #explore ul {
	list-style: none;
	padding: 0;
}
#header-content #explore a.button {
    background-color: #e5d9cb;
    background: #e5d9cb url(../images/arrow-bottom-black.png) no-repeat 90% center;
    color: #000000;
    padding: 0 7% 0 14%;
    width: 77.5%; /* 120px */
    text-transform: uppercase;
    font: 0.916em/20px 'DejaVu Sans Condensed Bold',sans-serif;
}
.smartphone-menu {
	display: none;
}
#member-account {
    float: right;
    width: 29.8%;
    min-height: 118px;
    padding-left: 5.6%;
    background: #a6a5a5 url(../images/member-bg.png) no-repeat left top;
}
#member-account h2 {
    color: #ffffff;
    text-transform: uppercase;
    font: normal 1.165em/20px Arial, sans-serif; /* 14px */
    margin: 5px 0 5px;
	font-weight: normal;
}
#member-account p {
    margin: 0 0 5px 0;
}
#member-account p input[type="text"],
#member-account p input[type="password"] {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: none;
    font: normal 1em/24px Arial, sans-serif;
    min-width: 150px;
    padding: 0 6px;
    min-height: 24px;
    text-align: center;
    margin-top:1px;
    margin-bottom:5px;
}
#member-account input[type="submit"] {
    background: none;
    border: none;
    color: #000000;
    text-transform: uppercase;
    font: normal 1.165em/14px Arial, sans-serif; /* 14px */
}
#member-account input[type="submit"]:hover {
    text-decoration: underline;
}
#member-account p a,
#member-account .boutique {
    text-decoration: underline;
    color: #ffffff;
    font: italic 0.95em/24px Arial, sans-serif; /* 12px */
}
#member-account #login-account {
    margin: 10px 0 0 10px;
    color: #E5D9CB;
    font: normal 1.085em/13px Arial, sans-serif; /* 13px */
}
#member-account ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none
}
#member-account ul li {
    margin-top: 6px;
    font-family: Arial, sans-serif;
    line-height: 1.2em;
    color: #ffffff;
}
#member-account ul li a {
    display: inline;
    color: #ffffff;
}
#member-account a.smartSearch {
   margin: 5px;
}
#member-account a.boutique {
   margin-left: 0;
   padding-left: 24px;
   padding-right: 0px;
   background-image:url("../images/panier.png"); 
   background-repeat:no-repeat;	
}
#member-account .blocBoutique{
	float:right;
	padding-right:5px;
}
#member-account  .lienBoutique{
	background:transparent url(../images/panier.png) no-repeat left center;
	padding-left:25px;
}
.alternativeLink {
   display: none;
}
/* ==========================================================================
   Publications
   ========================================================================== */
.publications{
    font: 1.084em/15px Arial,sans-serif;
}
.publications h2{
    color:#e30043;
    font-size: 1.17em;
}

.publications>img{
    float:left;
    height:auto;
    max-height:201px;
    max-width:90px;
    width:auto;
}

@media print {
	.publications img{
		height:auto !important;
		 width:auto !important;
		max-width:90px !important;
		max-height:201px !important;
	}
}

.publications .contenu{
	margin-left:100px;
	padding-right: 5px;
}

.publications .nomarging{
	padding-left:0 !important;
	margin-left:0 !important;
}

.publications .info_left{
	float:left;
}
.publications .info_right{
	text-align:right;
}

.publications .info_right p, .publications .info_left p{
	margin:5px 0 0;
}

.publications .info_right a{
	color:#e30043;
	text-decoration:none;
	font-weight:bold;
}
.publications .info_right a:before{
	content: ">> ";
}
.publications .info_right a:hover,.publications .info_right a:active,.publications .info_right a:focus{
	color:#333333;
}

.gras{
	font-weight:bold;
}
/* ==========================================================================
   Sites conseilles
   ========================================================================== */
.sites-conseilles {
	padding-top: 2px;
}
.sites-conseilles img{
	float:left;
	max-width:15%;
	height:auto;
	border: 1px solid #5B5B5B;
}

.sites-conseilles .contenu{
	margin-left:17%;
	font: 1.084em/15px Arial,sans-serif;
	padding-right: 5px;
}
.sites-conseilles .contenu h2{
	color:#e30043;
	margin-top:0;
	text-decoration:none;
	font-size: 1.5em;
}
.sites-conseilles .contenu a{
	text-decoration:none;
}
.sites-conseilles .nomarging{
	margin-left:0px !important;
	padding-left: 0px !important;
}
.sites-conseilles .liens{
	display:bloc;
	float:right;
	padding-right: 12px;
}
.sites-conseilles .liens a, .liens a:visited{
	color:#e30043;
	text-decoration:underline;
}
.sites-conseilles .liens:before{
	content: ">> ";
	color:#e30043;
}
.sites-conseilles .liens a:hover,.sites-conseilles .liens a:active,.sites-conseilles .liens a:focus{
	color:#e30043;
}

/* ==========================================================================
   Temoignages
   ========================================================================== */
.fiche-temoignage h2 {
	color: #e30043;
	font-size:1.334em;
}
.fiche-temoignage p {
	font-size:1em;
}


/* ==========================================================================
   Navigation
   ========================================================================== */
#navigation {
    background-color: #5b5b5b;
    min-height: 57px;
    width: 100%;
}
#navigation #menu {
    margin: 0;
    padding: 0;
    display: block;
}
#navigation #menu li {
    display: block;
    float: left;
    font: 0.916em/1.4em 'DejaVu Sans Condensed Bold', sans-serif;
    min-height: 57px;
    max-width: 152px;
}
#navigation #menu .small {
    max-width: 120px;
}
#navigation #menu li:hover,
#navigation #menu li:focus,
#navigation #menu .current,
#navigation #menu .hover {
    background: #e30043;
    /*border-radius: 5px;*/
}
#navigation #menu li a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    padding-left: 5px;
    display: block;
    min-height: 45px;
    padding-top: 13px;
}
#navigation #menu li a span {
    border-right: 1px solid #a5a5a5;
    display: block;
    padding-right: 4px;
    height: 35px;
    display: table-cell;
    vertical-align: middle;
    top: 15px;
    /*max-width: 120px;*/
}
html.lt-ie8 #navigation #menu li a span {
	display: block;
}
#navigation #menu li:last-child a span {
    border: none;
}
#navigation #profil {
    display: block;
    float: left;
    padding: 0;
    margin-left: 14px;
    margin-right: 14px;
    z-index: 999;
    margin-top:16px;
}
#navigation #profil li {
    display: block;
    position: relative;
	z-index: 333;
}
#navigation .container {
    overflow: visible;
}
#navigation #profil li a {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    display: block;
    min-height: 24px;
    width: 96px;
    padding-left: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    font: bold .915em/26px Arial, sans-serif;
    background: #8f8e8e url(../images/profil-bg.png) no-repeat 90px top;
    overflow: hidden;
    z-index: 333;
}
#navigation #profil li ul.sub-menu {
    position: absolute;
    z-index: 9999 !important;
    top: 16px;
    display: none;
	list-style-type: none;
	background:#ffffff;
	padding-left:0;
}
/*#navigation #profil li:hover ul.sub-menu {
    display: block;
}*/
#navigation #profil li ul.sub-menu li {
    border-bottom: 1px solid #ffffff;
}
#navigation #profil li ul.sub-menu li a {
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #8f8e8e;
    width: 250px;
    overflow: hidden;
    height: auto;
}
#navigation #profil li ul.sub-menu li.current a {
    background: #e30044;
}
#navigation #profil li ul.sub-menu li a:hover,
#navigation #profil li ul.sub-menu li a:focus {
    background: #e30044;
}
.sub-menu {
    /*display: none;*/
}
#sub-navigation-wrapper {
    background: #e5d9cb;
    position: relative;
}
#sub-navigation-wrapper .container {
    /*display: none;*/
    padding-bottom: 20px;
}
#sub-navigation-wrapper .currentPage a{
	font-weight:bold;
}
#sub-navigation-wrapper #menu-item-1.container {
    /*background: transparent url(../images/arrow-red.png) no-repeat 67px 0px;*/
}
#sub-navigation-wrapper ul { 
    float: left;
    margin: 20px 20px 0 0; 
    padding: 0;
    width: 220px;
}
#sub-navigation-wrapper ul li {
    display: block;
    width: 210px;
    padding-right: 5px;
}

#sub-navigation-wrapper .container ul a.last  {
    font-weight:bold;
}

#sub-navigation-wrapper .container ul li.have-child:hover {
    background: transparent url(../images/arrow-red-right.png) no-repeat 205px center;
}
#sub-navigation-wrapper .container ul.niv2 li.have-child.hover {
    background: transparent url(../images/arrow-red-right.png) no-repeat 205px center;
}
#sub-navigation-wrapper .container ul.niv2 li.arrow {
    background: transparent url(../images/arrow-red-right.png) no-repeat 205px center; // BRI 6px
}

#sub-navigation-wrapper ul li a {
    color: #000000;
    text-decoration: none;
    display: block;
    width: 185px;
    padding: 7px 0px 7px 20px;
    font: normal .915em/1em Arial, sans-serif; /* 11px */
    color: #000000;
}
#sub-navigation-wrapper ul li a.bold {
    font-weight:bold;
}

/* masque du subnavigation tant que js non charge*/
#sub-navigation-items .static{
	overflow:hidden;
	height:1px;
	padding:0;
}

#sub-navigation-items .dynamic{
	height:auto;
	overflow:visible;
}
/*
#sub-navigation-wrapper ul li a:hover,
#sub-navigation-wrapper ul li.current a {
    background-color: #e30043;
    color: #ffffff;
}
*/
#sub-navigation-wrapper ul li.current-page a {
    font: bold .915em/11px Arial, sans-serif; /* 11px */
}

#sub-navigation-wrapper #toggleMenu {
    position: absolute;
    display: none;
    height: 14px;
    width: 27px;
    background: transparent url(../images/toggleMenuOuvrir.png) no-repeat left top;
    text-indent: -9999px;
    bottom: -14px;
    left: 48%;
    z-index: 333
}
#sub-navigation-wrapper #toggleMenu.ouvert {
    background: transparent url(../images/toggleMenuFermer.png) no-repeat left top;
}

#sub-navigation-wrapper #breadcrumbs {
    padding: 10px 0;
    margin: 0 auto;
    /*display: none;*/
    /*overflow: hidden;*/
    width: 1000px;
}
#breadcrumbs.forcevisible{
	display:block !important;
}
#sub-navigation-wrapper #breadcrumbs a,#breadcrumbs .breadcrumbs .last span {
    display: block;
    float: left;
    height: 11px;
    color: #000000;
    text-decoration: none;
    margin: 3px;
    font: normal .915em/11px Arial, sans-serif; /* 11px */
}

#breadcrumbs .breadcrumbs .last span{
	font-weight:bold;
/*	font-size:0.83em;
	margin:2px 0 0 0;
*/
}
#sub-navigation-wrapper #breadcrumbs a:hover {
    text-decoration: underline;
}
#sub-navigation-wrapper #breadcrumbs span.separateur {
    display: block;
    width: 7px;
    height: 11px;
    float: left;
    margin: 3px;
    background: transparent url(../images/arrow-left-transparent.png) no-repeat top left;
}
.social {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}
.social li {
    display: block;
    height: 57px;
    float: left;
}
.social li a {
    display: block;
    min-height: 57px;
	padding: 0 5px;
}
.social li a img {
    margin-top: 19px;
}
#search-form {
    float: left;
    margin-left: 14px;
    line-height: 57px;
	top: 134px;
}
#search-form input[type=text] {
    width: 124px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: none;
    height: 24px;
    padding-left: 30px;
    font: normal .915em/24px Arial, sans-serif; /* 11px */
    background: white url(../images/loupe.png) no-repeat 7px 4px;
    text-align: center;
}

/* ==========================================================================
   Sticky Notes
   ========================================================================== */
.sticky {
    width: 258px;
    float: right;
    margin-top: 10px;
}
.sticky #sticky-content {
    width: 218px;
    padding: 10px 20px;
    background: transparent url(../images/note-content.png) repeat left top;
}
.sticky .sticky-bottom {
    display: block;
    width: 258px;
    height: 11px;
    background: transparent url(../images/note-bottom.png) no-repeat left top;
}
.sticky-content .title {
    color: #E30043;
    font: normal 1.085em/15px Arial, sans-serif; /* 13px */
    text-transform: uppercase;
    display: block;
}
.sticky-content p {
    font: normal 1em/12px Arial, sans-serif; /* 12px */
    margin: 10px 0;
}
.sticky-content a {
    display: block;
    background-color: #8f8e8e;
    text-transform: uppercase;
    font: normal 1.085em/13px Arial, sans-serif; /* 13px */
    text-decoration: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 5px 10px;
    color: #ffffff;
    width: 115px;
}
/* ==========================================================================
  Zone rebond interieur
   ========================================================================== */
.bloc-zoneRebond .portlet-dropzone.portlet-column-content{
	padding:0; 
}
.bloc-zoneRebond .rebond h2{
	display:block;
	text-transform:uppercase;
	margin:0;
	padding:8px 5px;
	font: 1.085em Arial,sans-serif;
	color:#ffffff;
	font-weight:bold;
}
.bloc-zoneRebond .rebond h3{
	font: 1.085em Arial,sans-serif;
	font-weight:bold;
	margin-top:5px;
}
.bloc-zoneRebond .rebond a{
	text-decoration:none;
}
#main-content .bloc-zoneRebond .portlet-asset-publisher.portlet-boundary{
	padding:0;
}
.bloc-zoneRebond .portlet-asset-publisher .portlet-body{
	padding: 20px 1.8%;
}
.bloc-zoneRebond .portlet-asset-publisher .portlet-body.rebond{
	padding:0; 
	background:#ffffff;
}
.bloc-zoneRebond .portlet-asset-publisher .rebond .wrapper_agenda,
.bloc-zoneRebond .portlet-asset-publisher .rebond .wrapper_actu{
	height:190px;
	min-height:190px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.bloc-zoneRebond .journal-content-article{
	padding:3px 0;
}
.bloc-zoneRebond .portlet-asset-publisher+.portlet-journal-content .journal-content-article *{
	margin:3px 0 0 0 !important;
	text-align:right;
}
.portlet-boundary_FilteredList_WAR_FilteredListportlet_ .item_titre{
	display:block;
	max-height:46px;
	overflow:hidden;
	margin-bottom:3px;
}
.portlet-boundary_FilteredList_WAR_FilteredListportlet_  .plus-icon{
	margin-left:3px;
}

.bloc-zoneRebond .portlet-rss {
    height: 245px;
    overflow: auto;
}
/* Mantis 51835 */
.portlet-rss .opens-new-window-accessible {
	display: none;
}
#main-content .bloc-zoneRebond .portlet-asset-publisher .rebond ul{
	padding: 10px 1.8% 0;
	display:block;
	margin:0;
}
.bloc-zoneRebond  .rebond li .wrapper_rebond{
	margin:0;
	border-bottom:1px dotted #000000;
}
.bloc-zoneRebond .portlet-asset-publisher .rebond ul, .bloc-zoneRebond .portlet-asset-publisher .rebond li{
	list-style-type:none;
}
.bloc-zoneRebond .portlet-asset-publisher .portlet-body form{
	display:none;
}
.bloc-zoneRebond .rebond, .bloc-zoneRebond .rebond a{
	color:#000000;
}
.bloc-zoneRebond .rebond a{
	font-weight:bold;
}
.bloc-zoneRebond .rebond p{
	margin:0 0 5px;
}
.bloc-zoneRebond .rebond img{
	max-width:75%;
}
.green .rebond h2{
	background:#2AB4AD;
}
.blue .rebond h2{
	background:#009EE0;
}
.grey .rebond h2{
	background:#5B5B5B;
}
.beige .rebond h2{
	background:#E5D9CB;
}
.bloc-zoneRebond.green .actu_rebond.rebond h2, .bloc-zoneRebond.green .agenda_rebond.rebond h2{
	background:#2AB4AD;
}
.bloc-zoneRebond.blue .actu_rebond.rebond h2, .bloc-zoneRebond.blue .agenda_rebond.rebond h2{
	background:#009EE0;
}
.bloc-zoneRebond.grey .actu_rebond.rebond h2, .bloc-zoneRebond.grey .agenda_rebond.rebond h2{
	background:#5B5B5B;
}
.bloc-zoneRebond.beige .actu_rebond.rebond h2, .bloc-zoneRebond.beige .agenda_rebond.rebond h2{
	background:#E5D9CB;
}
.green .rebond h3{
	color:#2AB4AD;
}
.blue .rebond h3{
	color:#009EE0;
}
.grey .rebond h3{
	color:#5B5B5B;
}
#main-content .beige .rebond, #main-content .beige .rebond h2,#main-content .beige .rebond h3, #main-content .beige a {
	color:#000000;
}

.bloc-zoneRebond .rebond.agenda_rebond h2{
	background-image:url(../images/picto-agenda.png);
	background-repeat:no-repeat;
	background-position:98% 4px;
	
}
/* ==========================================================================
   Article
   ========================================================================== */

.article-visuel {
    max-width: 20.3%;
    max-height: 203px;
    float: left;
    margin-right: 4.5%;
    height: 100%;
    width: 100%;
}
.article-visuel img {
    height: auto; 
    width: auto;
    max-width:100%;
    max-height:201px;
    padding-bottom:2px;
}
.article-title {
    float: left;
    overflow: hidden;
/*    max-width: 74.3%; */
    margin-right: 0.5%;
}
.titre .article-title{
	float:none;
	padding-top:2px;
}
.article-title h1.surTitre,
.article-title-left h1.surTitre,
.article-agenda-title h1.surTitre {
    width: 70%;
    margin: 0;
    font: bold 1.165em/1.3em 'DejaVu Sans Condensed', sans-serif; /* 14px */
    color: #e30043;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.article-title h2,
.article-title-left h2, 
.article-title h1,
.article-title-left h1{
    width: 100%;
    float: left;
    overflow: hidden;
    margin: 0;
    font: normal 3.75em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 45px */
    color: #e30043;
    text-transform: uppercase;
    margin-bottom: 10px;
    clear: left;
    letter-spacing: -1px;
}
.article-title-left h2{
	margin-top:18px;
}
.article-title p {
    font: normal 1.5em/20px Arial, sans-serif; /* 18px */
    display: block;
    clear: both;
	color: #404040;
}
.article-agenda-title img {
    float: left;
	margin-right: 2.5%;
	margin-bottom: 2%;
	display: inline;
}
.article-agenda-title .article-title-left, .article-agenda-title .article-title-right, .article-agenda-title .article-title-left h1{
	float:none;
	width:auto;
}
.article-agenda-title h1 {
	font: normal 1.165em/1.4em 'DejaVu Sans Condensed Bold', sans-serif; /* 14px */
	color: #e30043;
	margin: 10px 0 5px 0;
}
.article-agenda-title p.surTitre {
    margin: 0;
    font: bold 1.165em/1.2em Arial, Helvetica, sans-serif; /* 14px */
    color: #000;
    margin-bottom: 10px;
}
.article-agenda-title p {
    margin: 0;
    font: normal 1.165em/1.2em Arial, Helvetica, sans-serif; /* 14px */
    color: #000;
    overflow:visible !important;
}
.article-agenda-title p a.button-submit {
    background-color: #FFF;
	color: #000;
	font: normal 1em/1.4em 'DejaVu Sans Condensed Bold', sans-serif; /* 14px */
	padding-top: 4px;
	height: 24px;
	float: right;
	margin-right: 10px;
}
	
.noVisuel .article-title {
    max-width: 100%;
}
.noVisuel .article-title p {
    clear: none;
	margin-left: 4%;
	margin-top: 0;
	width: 26%;
	float: left;
}
#article-meta {
    margin: 30px 0;
    background: #5b5b5b;
    color: #ffffff;
    min-height: 33px;
	clear: both;
}
#article-meta .tags h3, #article-meta .tags p {
    background: url("../images/picto-tag.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
    float: left;
    font: bold 1.085em/33px Arial,sans-serif; /* 13px */
    margin: 0 0 0 10px;
    padding-left: 25px;
    text-transform: uppercase;
}
#article-meta .single-link {
    float: right;
    background: #000000;
    height: 33px;
    margin-bottom: 30px;
}
#article-meta .tags {
    float: left;
}
#article-meta .tags a {
    display: block;
    float: left;
    min-height: 28px;
    padding: 0 0 0 12px;
    background: transparent url(../images/picto-hashtag.png) no-repeat left 12px;
    margin-left: 10px;
    text-transform: uppercase;
    font: bold 0.813em/33px Arial, sans-serif; /* 13px */
    color: white;
    text-decoration: none;
}
#article-meta .tags a:hover {
    text-decoration: underline;
}
#article-meta .tags ul {
    margin: 0;
    padding: 0 0 0 10px;
    display: inline;

}
#article-meta ul li {
    display: inline;
/*    line-height: 33px; */
}
.single-link ul {
    margin: 0;
    padding: 0;
	display:block;
	float:left;
}
.single-link.addthis_toolbox{
	float:left;
}
.single-link ul li {
    display: block;
    float: left;
}
.single-link ul li:first-child {
    padding-left: 5px;
}
.single-link ul li:last-child {
    padding-right: 5px;
}
.single-link ul li a ,.single-link.addthis_toolbox a{
    margin-left: 5px;
    min-width: 28px;
    padding: 5px;
    font:1em/33px Arial,sans-serif
}
.single-link li a.border {
    border-right: 1px solid #8f8e8e;
    padding: 5px 5px 4px 0;
    margin-left: 0;
}
.sidebar {
    float: left;
    width: 233px;
}
.sidebar.publish-zone {
    width: 202px;
}
.sidebar .summary {
    height: 205px;
    width: 233px;
}
.sidebar .summary-content {
    float: left;
    width: 143px;
    height: 85px;
    padding: 60px 40px;
    background-color: #5b5b5b;
    color: #ffffff;
}
.sidebar .summary-content h3 {
    font: normal 1.25em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
    padding: 0;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}
#contact-content h4 {
    font: normal 1.25em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
    padding: 0;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	text-align: center;
}
.summary-content p,
#suscribe-content a {
    text-align: center;
    margin: 0 auto;
    font: normal 1.25em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    color: #ffffff;
}
#contact-content p {
    text-align: center;
    margin-top: 10px;
    font: normal 1.25em/1.3em Arial, sans-serif; /* 15px */
    text-transform: uppercase;
    color: #ffffff;
}
#contact-content p a {
    color: #ffffff;
	text-decoration: none;
    font: normal 1.5em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 18px */
}
	
#contact-content p.only,
#contact-content p.only a,
#suscribe-content a.only {
    display: table-cell;
    vertical-align: middle;
    height: 156px;
    width: 156px;
    text-align: center;
}
.summary-content p {
    font: normal 1.25em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
    text-transform: uppercase;
    text-align: center;
}
.sidebar .summary-arrow {
    float: left;
    height: 205px;
    width: 10px;
    background: transparent url(../images/summary-arrow.png) no-repeat center left;
}
.sidebar .bloc {
    margin-bottom: 20px;
    width: 201px;
    overflow: auto;
}
.sidebar .bloc.red .bloc-content {
    background-color: #e30044;
}
.sidebar .bloc.black .bloc-content {
    background-color: #5b5b5b;
}
.sidebar .bloc .bloc-content {
    width: 181px;
    height: 185px;
    float: left;
    color: #ffffff;
    padding: 5px;
}
.sidebar .bloc .bloc-content h3 {
    text-transform: uppercase;
    font: normal 1.25em/15px Arial, sans-serif; /* 15px */
    margin-top: 20px;
}
.sidebar .bloc .bloc-content p {
    margin-top: 20x;
    font: normal 1.165em/14px Arial, sans-serif; /* 14px */
}
.sidebar .bloc .bloc-arrow {
    float: left;
    height: 195px;
    width: 10px;
    background: transparent url(../images/sidebar-arrow-red.png) no-repeat center left;
}
.sidebar.right {
    width: 21%;
    float: right;
}
.sidebar #bloc-contact,
.sidebar #bloc-suscribe {
    height: 196px;
}
.sidebar #bloc-contact #contact-content,
.sidebar #bloc-suscribe #suscribe-content {
    color: #ffffff;
    float: left;
    width: 156px;
    background-color: #5b5b5b;
    height: 156px;
    padding: 20px;
}
.sidebar #bloc-suscribe #suscribe-content {
    background-color: #2bb6b7;
}
.sidebar #bloc-contact .contact-arrow,
.sidebar #bloc-suscribe .suscribe-arrow {
    width: 10px;
    float: left;
    height: 196px;
    background: transparent url(../images/arrow-full-black.png) no-repeat left center;
}
.sidebar #bloc-suscribe .suscribe-arrow {
    background: #ffffff url(../images/arrow-full-green.png) no-repeat left center;
}

.sidebar #bloc-suscribe div#suscribe-content{
	float:none;
}
/* pour affichage responsive */
#scrollcontainerResponsive {
	display: none;
	text-align: center;
	clear: both;
}
#scrollcontainerResponsive a {
    color: #ffffff;
    background-color: #5b5b5b;
    padding: 20px;
	text-align: center;
	margin: 20px auto;
    text-transform: uppercase;
    font: normal 1.25em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
	text-decoration: none;
}
/** agenda thematique style pour le sticky scroller **/
#article-content.article-content-agenda{
	float:none;
	overflow:auto;
	padding-bottom:0;
}
#article-content.article-content-agenda .event-info:last-child .event-titre {
	margin-bottom:0;
}
#article-content.article-content-agenda .article-footer{
	padding-bottom:15px;
}
#article-content {
    float: left;
    width: 75%;
    margin-left: 1.7%;
    padding-bottom: 30px;
}
#article-content.wide {
    width: 100%;
    margin-left: 0px;
}
#article-content.single {
    width: 562px;
    padding: 0 15px 30px 15px;
    margin-left: 0px;
}
#article-content.left {
    width: auto;
    margin-left: 0px;
}
#article-content .box {
    width: 23.5%;
    float: left;
    margin-right: 2.2%;
    margin-bottom: 20px;
}
#article-content.wide .box { margin-right: 2%; }
#article-content .box.last {
    margin-right: 0;
    float: left;
}
#article-content .box .box-header {
    background-color: #e30044;
    padding: 40px 20px;
    min-height: 125px;
    text-align: left;
    margin: 10px 0 0 0;
}
#article-content .box .box-header h3 {
    font: normal 1.25em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 15px */
    padding: 0;
}
#article-content .box .box-header p {
    padding: 0;
    font: normal 1.25em/17px Arial, sans-serif; /* 15px */
}
#article-content .box .box-header-arrow {
    margin: 0 auto;
    width: 20px;
    height: 9px;
    display: block;
    background: transparent url(../images/arrow-red.png) no-repeat left top;
}
#article-content .box .box-header span a {
    text-transform: uppercase;
    font: normal 15px/15px Arial, sans-serif;
    color: #ffffff;
    text-decoration: none;
}
#article-content .box .box-header span a:hover {
    text-decoration: underline;
}
#article-content .box ul {
    margin: 0;
    padding: 0;
}
#article-content .box ul li {
    display: block;
    border-bottom: 1px dashed #000000;
    padding-bottom: 5px;
    padding-top: 5px;
}
#article-content .box ul li a {
    font: normal 1em/1.35em Arial, sans-serif;
    color: #000000;
    text-decoration: none;
}
#article-content .box ul li a:hover {
    text-decoration: underline;
}
#article-content .box ul li span {
    font: normal 1em/1.35em Arial, sans-serif;
    color: #000000;
    text-decoration: none;
}
h3.titreAccordeonOpened, h2.titreAccordeonOpened {
	margin: 0 0 20px 0;
}
h3.titreAccordeonClosed, h2.titreAccordeonClosed {
	margin: 0 0 3px 0;
}
h3.titreAccordeonOpened a, h2.titreAccordeonOpened a {
	font: bold 0.625em/17px Arial, sans-serif; /* 15px */
	color: #FFF;
	padding: 10px 35px 10px 10px;
	background: #E30044 url(../images/close-2.png) no-repeat right;
	text-decoration: none;
	display: block;
}
h3.titreAccordeonClosed a, h2.titreAccordeonClosed a {
	font: bold 0.625em/17px Arial, sans-serif; /* 15px */
	color: #404040;
	padding: 10px 35px 10px 10px;
	background: #f2f2f2 url(../images/open-2.png) no-repeat right;
	text-decoration: none;
	display: block;
}
h3.titreAccordeonOpened a img, h2.titreAccordeonOpened a img {
    float: right;
}
h3.titreAccordeonClosed a img, h2.titreAccordeonClosed a img {
    float: right;
}
h3.titreNoAccordeon, h2.titreNoAccordeon {
	margin: 0 0 20px 0;
	font: bold 1.25em/17px Arial, sans-serif; /* 15px */
	color: #FFF;
	padding: 10px 35px 10px 10px;
	background: #E30044;
}

.article-simple-content .enTete {
	font-size: 1.25em; /* 15px */
	line-height: 1.3em;
}   
.article-simple-content p {
	font-size: 1em; /* 12px */
	line-height: 1.5em;
}
.article-simple-content h3 {
	color: #e30044;
	text-transform: uppercase;
    font: bold 1.165em/17px Arial, sans-serif; /* 14px */
	margin: 30px 0 10px 0;
}

/* --- Article sur deux niveaux (article complexe) --- */

.navThematique {
	float: left;
	overflow: hidden;
	width: 21.8%;
	margin: 0;
	padding: 0;
}
.navThematique li {
    font: normal 1.665em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 20px */
	padding: 0 30px 0 6px;
	display: block;
	vertical-align: middle;
	min-height: 194px;
	background: #5b5b5b url(../images/barre-blanche-nav.png) repeat-y right;
	text-align: center;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.navThematique li.currentNav {
	background: #e30044 url(../images/barre-blanche-nav-current.png) repeat-y right;
}
.navThematique li .blocNav {
	display: table-cell;
	vertical-align: middle;
	height: 194px;
	color: #FFF;
	width:18.8%
}
.navThematique li a {
	text-decoration: none;
}
.currentThematique h3, .currentThematique h1 {
	font: normal 2em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 36px */
	text-transform: uppercase;
	color: #E30044;
	padding-left: 2px;
	padding-right: 2px;
}

.article-complexe-content {
	float: right;
	overflow: hidden;
	width: 78.2%;
}
.article-complexe-content p + h3  {
	margin-top: 20px;
}
.article-complexe-content h4 {
	color: #e30044;
	text-transform: uppercase;
    font: bold 1.165em/17px Arial, sans-serif; /* 14px */
	margin: 30px 0 10px 0;
}
.article-complexe-content .multi-content .sepa {
	border-bottom: 1px solid #5B5B5B;
}
.article-complexe-content h5 {
	color: #404040;
    font: bold 1em/17px Arial, sans-serif; /* 12px */
	margin: 0;
}
.article-complexe-content p,
.article-complexe-content li {
	color: #404040;
    font: normal 1em/1.5em Arial, sans-serif; /* 12px */
	margin: 0;
}
.article-complexe-content ul {
	margin: 5px 0;
}
/* Mantis #48005
.multi-content .pict img {
    height: auto;
    max-height: 80px;
    max-width: 100px;
}
*/
/* Mantis #0050683 */
.article-complexe-content .multi-content h2.titreNoAccordeon{
    display: none;
}


/* ==========================================================================
   Prestations et Event single
   ========================================================================== */
#article-title.wide {
    width: 1000px;
    height: auto;
}
#article-title a {
    clear: both;
    display: block;
    margin-bottom: 10px;
}
#article-title p {
    margin-right: 20px;
}
#article-title h1 {
    display: block;
    float: left;
}
.article-title-left {
    float: left;
    margin-right: 5%;
    width: 44%;
}
.article-title-left h1,
.article-title-left h2 {
	width: 100%;
}
#article-title .article-title-right p {
    margin-top: 0;
}
.article-title-right {
    float: right;
    width: 50%;
	margin-top: 30px;
}
#article-title .presta-price {
    width: 56px;
    height: 34px;
    background: transparent url(../images/price.png) no-repeat top left;
}
#article-title .presta-price span {
    text-align: center;
    font: normal 15px Arial, sans-serif;
    margin: 0;
    color: #ffffff;
    display: block;
    height: 14px;
    line-height: 34px;
}
#article-title .presta-price .price {
    height: 20px;
    color: #ffffff;
}
#article-title .presta-price .presta-price.free {
    height: 33px;
    line-height: 33px;
    text-transform: uppercase;
}
.presta,
.event-info {
    clear: both;
}
.presta {
	background-color: #F2F2F2;
    border-bottom: 8px solid #FFFFFF;
    overflow: hidden;
}
.presta .presta-titre {
    width: 175px;
    height: 145px;
    background-color: #e30044;
    float: left;
    margin: 0;
    padding: 50px 10px 0 10px;
    text-align: center;
	border-right: 8px solid white;
}

.event-info .event-titre {
    width: 25%;
    float: left;
    margin: 0;
    text-align: center; 
    height: 100px;
    
}

.event-info .event-titre, .event-info .event-content{  
    height:auto !important;
    min-height:100px;
}

.event-info .event-content{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left:10px solid white;
}
.event-info .event-titre-wrapper{
	padding: 30px 10px 0 10px;
}

.presta .presta-content,
.event-info .event-content {
    width: 65%;
    background-color: #f2f2f2;
    height: 175px;
    float: left; 
    padding: 10px;
}

.presta .presta-content,
.event-info .event-content,
.presta .presta-content li,
.event-info .event-content li{
	font: normal 1em/12px Arial, sans-serif; /* 12px */ !important;
}

.event-info .event-content{
	padding:0;
	width:75%;
	float:right;
}
.event-info .event-content-wrapper{
	padding:10px;
}

.event-info{
	margin-bottom:8px;
	background-color: #009fe3;
	margin-right:10px;
}
.event-info .cleft{
	clear:both;
}
.event-info .event-content p{
    font: normal 0.939em/17px Arial, sans-serif; /* 13.133px */
}
.presta .presta-content {
    width: 77.5%;
}

.event-content a {
	color: #404040;
}
.presta .presta-content ul {
    padding-left: 15px;
}
.presta .presta-content li {
    list-style: disc;
	line-height: 1.4em;
}
.event-info .event-content {
    height: 100px;
    overflow: hidden;
}
.presta-titre h3,
.event-info h3,
.presta-titre h2,
.event-info h2 {
    clear: both;
    margin: 10px auto 0;
    font: normal 1.665em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 20px */
    text-transform: uppercase;
    color: #ffffff;
}
.presta-titre h3, .presta-titre h2 {
    text-transform: none;
}
.beige .presta-titre h3, .beige .presta-titre h2 {
    color: #000000 !important;
}
.presta-titre img {
    height: auto;
    max-width:36px;
}
.presta-content .presta-wrapper{
	display: table-cell;
    vertical-align: middle;
    height: 175px;
    margin: 0;
    padding:0;
}
.presta-content p {
    margin: 0;
}
.presta-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.event-titre h2 {
    color: #FFFFFF;
    font: normal 1.334em/1.3em 'DejaVu Sans Condensed Bold', sans-serif; /* 18px */
    margin: 10px auto 0;
    text-transform: uppercase;
}

.presta-price, .presta-price div{
	height:34px;
}

.presta-price.price-left{
	background:transparent url(../images/price_left.png) left top no-repeat;
	padding-left:12px;
	display:inline-block;
}

.presta-price .price-right{
	background:transparent url(../images/price_right.png) right top no-repeat;
	padding-right:12px;
}

.presta-price .price-content{
	background:transparent url(../images/price_bg.png) center top repeat-x;
	padding:0 3px;
	text-align:center;
	font: 15px/34px Arial,sans-serif;
	color:#ffffff;
}

/* ==========================================================================
   Questions - Reponses
   ========================================================================== */
#question-header {
	background-color: #e30043;
	color: #ffffff;
	font-weight: bold;
	font-family: 'DejaVu Sans Condensed', sans-serif;
	font-size: 1.334em;
	padding: 2%;
	text-transform: uppercase;
}
ul.liste-questions {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

ul.liste-questions > li {
	border-bottom: 1px dashed #000000;
	padding: 4px 2px;
	list-style: none;
}

ul.liste-questions > li:last-child {
	border-bottom: none;
}

.liste-questions a, .liste-questions a:visited {
	color: #000000;
	text-decoration: none;
}

.liste-questions a:before {
	content: '> ';
	color: #e30043;
}

.liste-questions .current-article a, .liste-questions .current-article a:visited {
	color: #e30043;
/*	font-weight: bold;*/
}
.fiche-question-reponse {
	padding-left:5px;
	padding-right:5px;
}

.fiche-question-reponse p {
	font-size:1em;
}

.fiche-question-reponse h2 {
	color: #e30043;
	font-size:1.334em;
}

.fiche-question-reponse .reponse h2 {
	text-transform: uppercase;
}

.fiche-question-reponse .reponse-titre {
	text-transform: uppercase;
	color: #e30043;
	font-family: 'DejaVu Sans Condensed',sans-serif;
	font-size: 2em;
	font-weight: bold;
}

/* ==========================================================================
   Agendas
   ========================================================================== */
#agenda-settings {
    background: #8e8e8e;
    color: #ffffff;
    /*overflow: hidden;*/
    padding-top: 25px;
    width: 1000px;
    position: relative;
}
#agenda-settings .next-date,
#agenda-settings .previous-date {
    position: absolute;
    top: 3px;
    display: block;
    min-width: 10px;
    min-height: 11px;
}
#agenda-settings .next-date {
    left: 800px;
}
#agenda-settings .previous-date {
    left: 200px;
}
#agenda-settings .current-date {
    position: absolute;
    display: block;
    top: 5px;
    left: 420px;
}
.agenda-tab-container {
    clear: both;
    float: left;
    overflow: hidden;
    width: 100%;
}

#agenda-tab{
	float: left;
    left: 50%;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#agenda-tab li {
    float: left;
    position: relative;
    right: 50%;
}

#agenda-tab li.current a{
    background-color: #8e8e8e;
}
#agenda-tab li a {
    text-decoration: none;
    text-align: center;
    display: block;
    width: 168px;
    height: 26px;
    text-transform: uppercase;
    font: normal 1.165em/26px Arial, sans-serif; /* 14px */
    color: #ffffff;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
    background: #000000;
	margin-left: 2px;
}
.separateur {
    height: 1px;
    background: #6a6a6a;
    margin-top: 5px;
    width: 100%;
	clear: both;
}
#agenda-settings label {
    text-transform: uppercase;
    font: normal 1.165em/14px Arial, sans-serif; /* 14px */
    display: block;
    margin-bottom: 5px;
    clear: both;
}
#agenda-settings p {
    float: left;
    margin-left: 20px;
}
#agenda-settings p.filtreFicheAgenda {
	float: none;
	margin-left: 0;
	text-align: center;
}
#agenda-settings p.first {
    margin-left: 180px;
}
#agenda-settings p select {
    width: 260px;
}
#agenda-settings input.button-submit {
    margin-top: 18px;
    margin-bottom: 5px;
}
#view-type {
    float: right;
    width: 340px;
    font: normal 1.165em/14px Arial, sans-serif; /* 14px */
    text-transform: uppercase;
    line-height: 22px;
    margin: 10px;
}
#view-type p {
    margin: 0;
	display: inline-block;
}
#view-type ul {
    overflow: hidden;
    display: block;
    height: 22px;
    padding: 0;
    margin: 0;
    float: right;
}
#view-type ul li {
    display: block;
    overflow: hidden;
    margin-left: 10px;
    float: left;
}
#view-type ul li #vue-grille,
#view-type ul li #vue-liste {
    background: transparent url(../images/vue-grille.png) no-repeat top left;
    padding-left: 30px;
    display: block;
    float: left;
    text-decoration: none;
    height: 22px;
    color: #000000;
}
#view-type ul li #vue-liste {
    background: transparent url(../images/vue-liste.png) no-repeat top left;
}
.grid-agenda {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.grid-agenda .box {
    float: left;

    background-color: #f2f2f2;
    height: 165px;
	overflow:hidden;
    margin-right: 22px;
    margin-bottom: 22px;
    color: #000000;  
    margin-left: 0 !important;
    margin-right: 1% !important;
   	padding: 2% !important;
   	width: 20% !important;

}
.grid-agenda.affichageListe .box {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 20px;
}
.grid-agenda .box h2 {
    font: normal 1em/14px Arial, sans-serif; /* 12px */;
	margin: 0;
}
.grid-agenda .box h3, .grid-agenda .box h2, .grid-agenda h2{
    font: normal 1em/14px Arial, sans-serif; /* 12px */;
    text-transform: none;
    margin: 10px 0;
    padding-left: 0;
}
.grid-agenda .box.last {
    float: left;
    margin-right: 0;
}
.grid-agenda.affichageListe .box.last {
    float: none;
}
.grid-agenda .box span {
    display: block;
    clear: both;
}
.grid-agenda .box a,
.grid-agenda .box span {
    display: block;
    clear: both;
    color: #e30044;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    text-decoration: none;
    font: bold 1.166em/14px Arial, sans-serif;
}
.grid-agenda .box a:hover {
    text-decoration: underline;
}
.grid-agenda .box p {
    margin: 5px 0 0 0;
    padding: 0;
}
#consulter-agenda,
#more-link {
    height: 100px;
    float: left;
    color: #ffffff;
    font: normal 15px/15px Arial, sans-serif;
    padding-top: 25px;
}
#consulter-agenda {
    background: #009ee0 url(../images/map-france-black.png) no-repeat 10px 10px;
    padding-left: 160px;
    width: 340px;
}
#consulter-agenda label {
    font: normal 13px/13px Arial, sans-serif;
}
#consulter-agenda input {
    border-radius: 12px;
    border: none;
    height: 20px;
    margin-top: 10px;
}
#consulter-agenda input[type=submit] {
    font: bold .915em/20px Arial,sans-serif; /* 11px */
    color: #000000;
    background: #ffffff;
    height: 24px;
}
#more-link {
    background: #2ab4ad;
    width: 500px;
}
#more-link ul {
    padding: 0;
    margin: 0 0 0 30px;
    list-style-type: none;
}
#more-link ul li a.link {
    color: #ffffff;
    margin-bottom: 20px;
    background: transparent url(../images/arrow-white.png) no-repeat top left;
    font: normal 1.25em/15px Arial, sans-serif; /* 15px */
}
#more-link ul li .link span {
    font-size: .915em;
}
#previous-event {
    float: left;
    background: transparent url(../images/arrow-left-transparent-back.png) no-repeat center left;
	text-transform: uppercase;
	text-decoration: underline;
}
#next-event {
    float: right;
    padding-left: 0;
    padding-right: 13px;
    background: transparent url(../images/arrow-left-transparent.png) no-repeat center right;
	text-transform: uppercase;
	text-decoration: underline;
}
/* ==========================================================================
   Formulaire accordeon
   ========================================================================== */
.small-link {
    font: normal 11px/11px Arial, sans-serif;
    color: #000000;
    text-decoration: none;
}
.small-link:hover {
    text-decoration: underline;
}
.ui-widget input.button-submit,
input.button-submit,
button.button-submit,
a.button-submit {
    background-color: #e30044;
    border-radius: 4px;
    border: 1px solid #777777;
    height: 26px;
    text-align: center;
    width: 220px;
    margin: 10px auto;
    display: block;
    font: bold 1.085em/22px Arial, sans-serif; /* 13px */
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}
#article-title a.button-submit {
    color: #ffffff;
    font: bold 1.085em/26px Arial, sans-serif; /* 13px */
}
#article-title .button-submit {
    margin: 10px 0;
    float: right;
}
.account-name {
    font: bold 1.5em/18px Arial, sans-serif; /* 18px */
    color: #e30044;
    display: block;
    clear: both;
}
.title-form,
.title-agenda {
    color: #e30044;
    font: normal 3.75em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 45px */
    text-transform: uppercase;
    margin: 20px 0;
}
.titre .article-agenda-title {
    float: none;
}


#account-nav {
    margin: 20px 0 0 0;
    padding: 0;
    clear: both;
    display: block;
    /*overflow: hidden;*/
    width: 1000px;
    height: 52px;
    background: transparent url(../images/bg-menu.png) repeat-x left top;
}
#account-nav li {
    display: block;
    float: left;
    height: 47px;
    padding-top: 5px;
}
#account-nav li:hover,
#account-nav li.current {
    background: transparent url(../images/menu-current.png) no-repeat center 41px;
}
#account-nav li a {
    text-transform: uppercase;
    border-right: 2px solid #a6a5a5;
    padding: 8px 25px;
    font: normal 14px/14px Arial, sans-serif;
    color: #fdfdfd;
    text-decoration: none;
    display: block;
}
#account-nav li a.last {
    border-right: none;
}
#accordion {
    margin-bottom: 30px;
    overflow: hidden;
}
#accordion.ui-accordion.ui-widget .ui-state-default, 
#accordion.ui-accordion.ui-widget .ui-widget-content .ui-state-default, 
#accordion.ui-accordion.ui-widget .ui-widget-header .ui-state-default,
#accordion.ui-accordion.ui-widget .ui-accordion-header,
#accordion.ui-accordion.ui-widget .ui-accordion-header-active {
    background: #e5d9cb;
    clear: both;
    width: 968px;
    color: #000000;
    font: bold 14px/40px Arial, sans-serif;
    height: 40px;
    padding: 0 15px;
    display: block;
    border-radius: 0;
    border-bottom: 1px solid #000000;
    margin: 0;
}
#accordion.ui-accordion .ui-accordion-header-icon {
    position: relative;
    float: right;
    width: 26px;
    height: 33px;
    margin-top: 7px;
    left: 0;
    top: 0;
    background: transparent url(../images/ui-icon-inactive.png) no-repeat top left;
}
#accordion.ui-accordion .ui-accordion-header-icon.ui-icon-active {
    float: right;
    width: 26px;
    height: 33px;
    margin-top: 7px;
    background: transparent url(../images/ui-icon-active.png) no-repeat left 10px;
}
#accordion.ui-widget-content .ui-accordion-content,
#accordion .ui-widget-content {
    width: 970px;
    padding: 15px;
    border: none;
    font: normal 14px/14px Arial, sans-serif;
}
#accordion.ui-widget-content {
    border: none;
    background: none;
}
#accordion.ui-widget input[type=text],
#accordion.ui-widget input[type=password],
#accordion.ui-widget select {
    width: 200px;
    margin-left: 20px;
    margin-bottom: 10px;
}
#accordion.ui-widget select {
    width: 206px;
}
#accordion.ui-widget p {
    margin-left: 20px;
}
.warning {
    color: #e30044;
    font-style: italic;
    font: normal 12px/12px Arial, sans-serif;
}
.edit {
    float: left;
}
.edit-button {
    float: left;
    margin: 8px 0;
}
.edit-form button {
    border: none;
    background: transparent url(../images/edit-button.png) no-repeat top left;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    margin-left: 5px;
    margin-right: 5px;
}
.edit-form input {
    width: 200px;
}
#centre-interet {
    max-height: 250px;
    overflow: auto;
    width: 300px;
}
/* ==========================================================================
   Tableau
   ========================================================================== */
.table-title {
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font: bold 1em/12px Arial, sans-serif; /* 12px */
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.table-title.green { background-color: #2ab4ad; }
.table-title.blue { background-color: #009ee0; }
.table-title.black { background-color: #5b5b5b; }
#article-content tr th {
    font: bold 1.25em/15px Arial, sans-serif; /* 15px */
    border-right: 1px dotted #a7a7a7;
    padding-top: 5px;
    padding-bottom: 5px;
}
#article-content table th.first {
    width: 30%;
}
#article-content table tr td {
    border-right: 1px dotted #a7a7a7;
    padding-top: 5px;
    padding-bottom: 5px;
    font: normal 12px/12px Arial, sans-serif;
}
#article-content td.last,
#article-content th.last {
    border-right: none;
}
#article-content td.center,
#article-content th.center {
    text-align: center;
}
.center {
    text-align: center;
}
.table-footer {
    text-align: center;
    color: #8f8e8e;
    font: normal .915em/11px Arial, sans-serif!important; /* 11px */
    margin-top: 25px;
}
/* ==========================================================================
   Zone de rebond
   ========================================================================== */
@media only screen and (max-width: 767px){
	.type2,
	.type3,
	.type4 {
		height:auto !important;
		margin-bottom:5px !important;
	}
}
.zoneRebond {
	clear: both;
	padding: 0;
	margin: 20px auto!important;
}
.zoneRebond, .zoneRebond a{
	color: #FFF;
}
.bloc-zoneRebond {
	float: left;
	list-style: none;
	height: 245px;
}
ul.rebondAgenda {
	margin: 0!important;
}
.rebondAgenda .bloc-zoneRebond {
	min-height: 110px;
}
.zoneRebond .green {
	background: #2AB4AD;
}
.zoneRebond .blue {
	background: #009EE0;
}
.zoneRebond .grey {
    background-color: #5b5b5b;
}
.zoneRebond .beige {
    background-color: #e5d9cb;
    color: #000000!important;
}
.zoneRebond .beige h3 a,
.zoneRebond .beige .contactLink a {
    background: url(../images/arrow-white.png) no-repeat left;
    color: #000000;
}

.zoneRebond .type2 label {
	display: block;
}
.bloc-zoneRebond .portlet-boundary .portlet-borderless-container{
	padding: 0px 1.8%;
}

.bloc-zoneRebond h3 {
    font: normal 1.5em Arial, sans-serif; /* 18px */
	margin: 0;
}
.bloc-zoneRebond h4 {
    font: bold 1.085em Arial,sans-serif;	/* 13px */
	margin: 0;
}
.bloc-zoneRebond p {
    font: 1.085em Arial,sans-serif;	/* 13px */
}
.bloc-zoneRebond p.nomContact {
    font-weight: bold;
	margin: 30px 0 0 0;	
}
.bloc-zoneRebond p.nomContact + p {
	margin-top: 5px;	
}
.bloc-zoneRebond p.nomContact img {
    float: left;
	margin-right: 10px;
	margin-top: -10px;
}
.bloc-zoneRebond p.contactLink {
	clear: both;
	padding-top: 20px;
}
.bloc-zoneRebond .contactLink a {
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/arrow-white.png) no-repeat left;
	text-transform: uppercase;
}
.bloc-zoneRebond .contactLink a:hover,
.bloc-zoneRebond .contactLink a:focus {
	text-decoration: underline;
}
.bloc-zoneRebond label {
    font-weight: bold;
	margin-bottom: 10px;
	display: inline-block;
}
.bloc-zoneRebond .subList {
    font: 1em Arial,sans-serif;	/* 12px */
	padding: 0;
	margin: 0 0 0 15px;
	list-style-type:square;
}
.bloc-zoneRebond .subList img,
.bloc-zoneRebond .subListUsers img {
	float: left;
	margin-right: 10px;
}
.bloc-zoneRebond .subList a,
.bloc-zoneRebond .subListUsers a {
	color: white;
	text-decoration: underline;
}
.bloc-zoneRebond .subList a:hover,
.bloc-zoneRebond .subListUsers a:hover,
.bloc-zoneRebond .subList a:focus,
.bloc-zoneRebond .subListUsers a:focus {
	text-decoration: none;
}
.bloc-zoneRebond .subListUsers {
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
}
.bloc-zoneRebond .subListUsers li {
	padding: 0;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}
.bloc-zoneRebond .subListUsers li p {
	margin: 0;
    font: 1em Arial,sans-serif;	/* 12px */
}
.bloc-zoneRebond .subListUsers li p span {
    font-weight: bold;
}
.roundedField {
    border: medium none;
    border-radius: 12px 12px 12px 12px;
    height: 24px;
    padding-left: 30px;
    width: 140px;
}
.bloc-zoneRebond input[type=submit] {
    border: medium none;
    border-radius: 12px 12px 12px 12px;
    font: .915em Arial,sans-serif; /* 11px */
	margin-left: 10px;
	padding: 6px;
	color: #404040;
	text-transform: uppercase;
}

.rebondAgenda img.left {
	margin-right: 20px;
}
.subListLinks {
	list-style-image: url(../images/arrow-white.png);
}
.subListLinks li {
	margin: 5px 0;
}
.subListLinks a {
	color: #FFF;
	font: normal 1.5em/1.4em Arial, Helvetica, sans-serif; /* 18px */
	text-decoration: none;
}
.subListLinks a:hover,
.subListLinks a:focus {
	text-decoration: underline;
}

/*#news-rebond {
    width: 500px;
    float: left;
}
#next-date {
    width: 500px;
    float: left;
}
.box-title.news {
    display: block;
    background-color: #009ee0;
}
#next-date a.link,
#news-rebond a.link {
    margin: 20px 30px 40px;
    color: #2AB4AD;
    font-weight: bold;
    background: transparent url(../images/arrow-left-green.png) no-repeat top left;
}
#news-rebond a.link {
    color: #009EE0;
    background: transparent url(../images/arrow-left-transparent.png) no-repeat top left;
}
#next-date ul,
#news-rebond ul {
    margin: 0;
    padding: 0;
    display: block;
}
#next-date ul li,
#news-rebond ul li {
    display: block;
    border-bottom: 1px dotted #000000;
    padding-bottom: 10px;
    padding-right: 30px;
    width: 440px;
}
#next-date ul li .date,
#news-rebond ul li .date {
    color: #2ab4ad;
    font: bold 15px/15px Arial, sans-serif;
    clear: both;
    display: block;
    margin-top: 10px;
}
#news-rebond ul li .date {
    color: #009EE0;
}
#next-date ul li a,
#news-rebond ul li a {
    text-decoration: none;
    font: bold 17px/17px Arial, sans-serif;
    margin-top: 8px;
    color: #000000;
    display: block;
}
#next-date ul li a:hover,
#next-date ul li a:hover {
    text-decoration: underline;
}
#next-date ul li p {
    margin: 5px 0 0 0;
    font: normal 15px/15px Arial, sans-serif;
}
/* ==========================================================================
   Events
   ========================================================================== */
.slider-wrap {
    min-height: 367px;
    padding: 30px 0;
}
.slider-wrap.caroussel {
    min-height: 405px;
}
#slider {
   	min-height: 367px;
    position: relative;
}
#slider #caption {
    padding: 0 10px;
    position: absolute;
    right: 230px;
    min-height: 367px;
    width: 250px;
    top: 0;
    background: white;
}
#slider #caption h2,
#slider #caption h1,  #slider #caption h1 a, #slider #caption h1 a:hover{
    color: #e30043;
    text-decoration:none;
}
#slider #caption h1{
    font: normal 2.25em/1.1em 'DejaVu Sans Condensed Bold', Arial, Helvetica, sans-serif; /* 27px */
    text-transform: uppercase;
    margin: 5px 0 0 0;
}
#slider #caption sup {
    font-size: .6em;
}
#slider #caption h4, #slider #caption h4 a , #slider #caption h4 a:hover{
    color: #000000;
    text-decoration:none;
}
#slider #caption h4{
    font: normal 2.25em/1.1em 'DejaVu Sans Condensed Bold', Arial, Helvetica, sans-serif; /* 27px */
    text-transform: uppercase;
    margin: 5px 0 0 0;
    clear: both;
}
#slider #caption p {
    color: #404040;
    margin-top: 10px;
    font: normal 1.085em/1.5em Arial, sans-serif; /* 13px */
}
#slider img {
    height: 367px;
}
#slider #caption h2.type {
	color: #e30044; /* rouge */
	text-transform: uppercase;
	font: normal 1.165em/1.8em 'DejaVu Sans Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 40px 0 10px 0;
}

/* ==========================================================================
   CONTENT GRID
   ========================================================================== */
#content {
    padding-bottom: 50px;
}
#content .container,
.columns-1 .container, .columns-2 .container, .columns-3 .container {
    margin-top: 50px;
    margin-bottom: 0px;
}
#content .container.small-margin {
    margin-top: 10px;
}
h2.slide {
    font: 2.085em/27px Arial, sans-serif; /* 25px */
    color: #e30043;
    margin: 0;
    float: left;
    clear: both;
    display: block;
    margin-bottom: 10px;
}


h2.slide a, h2.slide a:active, h2.slide a:hover{
    color: #e30043;
	text-decoration:none;
}
.bloc_a_la_une .panel {
    overflow:hidden;
}
.bloc_a_la_une .slide-caption a {
    text-decoration:none;
    color: #FFFFFF;
}
.bloc_a_la_une .slide-caption a:hover{
    text-decoration: underline;
}

#news {
    height: 368px
}
.box {
    float: left;
    position: relative;
    color: #ffffff;
	height:184px;
}
.box4 {
    width: 25%;
    height: 184px;
}
.box8 {
    width: 50%;
    height: 184px;
}
.two-rows {
    height: 368px;
}
.two-cols {
    width: 50%;
}
.box.blue {
    background-color: #009ee0;
}
.box.green {
    background-color: #2ab4ad;
}
.box.grey {
    background-color: #5b5b5b;
}
.box.beige {
    background-color: #e5d9cb;
    color: #000000;
}
.box.beige h2 a,
.box.beige h3 a {
    color: #000000;
}
.box .caption {
    position: absolute;
    bottom: 0;
    /* width: 250px; */
    background: transparent url(../images/bg-transparent.png) repeat top left;
}
.box h2.thematique{
    font: 1.065em 'DejaVu Sans Condensed',Arial,Helvetica,sans-serif;
    padding-left: 5px;
    text-transform:none;
}
.box h2,
.box h3 {
/*    margin: 15px; */
    font: bold 1.165em/17px Arial, sans-serif; /* 14px */
    text-transform: none;
    margin-top:0.5em;
    padding-left: 5px;
}
.box h2 a,
.box h3 a {
    color: white;
    text-decoration: none;
}
.box h2 a:hover,
.box h3 a:hover {
    text-decoration: underline;
}
.box.two-cols .caption {
    width: 100%;
}
.box h4 {
    margin: 15px 0;
    padding: 0 15px;
    font: bold 1.25em/17px Arial, sans-serif;
    text-transform: uppercase;
}
.box p {
    margin: 15px 0;
    font: 1.084em/15px Arial, sans-serif;
    padding: 0 15px;
}
.box img {
    display: block;
    margin: 0 auto;
    max-width:100%;
    height:auto;
}

#panel-news-2 .box.last {
    float: right;
}

/** Slides */
.flexsliderALaUne .flex-viewport, .flexsliderALaUne  ul.slides{
	height:368px;
}
.flexsliderALaUne  ul.slides{
	background:#000000;
}
.slide-caption{
	position:absolute;
	bottom:0;
	background: transparent url("../images/bg-transparent.png") repeat scroll left top;
	padding-bottom:15px;
	/**height:100px;*/
	min-height:120px;
}
.flexsliderALaUne .flex-control-nav{
	bottom:2px;
}
.flexsliderALaUne .flex-control-nav li a{
	background:#ffffff;
}
.flexsliderALaUne .flex-control-nav li a.flex-active{
	background:#8F8E8E;
}
.flexsliderALaUne{
	overflow:hidden;
}

/** Carrefour */
.carrefour .box{
	height:auto !important;
}
.nopointer {
	cursor: default;
}

/* ==========================================================================
   Carrousel
   ========================================================================== */
.slide-panel {
    height: 368px;
    position: relative;
	width:50%;
	float:left;
}
.panel {
    width: 500px;
    height: 368px;
    float: left;
    position: absolute;
}
#panel-news-2, #panel-guide-2 {
   /** left: 1000px;*/
}
#panel-news-3, #panel-guide-3 {
   /** left: 2000px;*/
}
.nav-panel {
    display: block;
    float: right;
    margin: 0;
}
.nav-panel li {
    display: block;
    background-color: #b5b5b5;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 8px;
}
.nav-panel li.activeSlide {
    background-color: #e30044;
}
.nav-panel li a {
    color: white;
    text-decoration: none;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font: 11px/20px Arial, sans-serif;
}

.nav-panel li a:focus{
	background: #E30043;
	margin:0;
	border:2px dotted #ffffff;
}

/* ==========================================================================
   Grid news
   ========================================================================== */
.grid-guide .box {
    float: left;
    width: 23.3%;
    margin: 0 12px;
}
.grid-guide .box.first {
    padding-left: 0;
    margin-right: 10px;
    margin-left: 0;
}
.grid-guide .box.last {
    padding-right: 0;
    margin-left: 10px;
    margin-right: 0;
}
.grid-guide .box h3 {
    color: #404040;
    padding: 0;
    margin: 10px 0;
    min-height: 40px;
}
.grid-guide .box a {
    text-decoration: none;
	color: #404040;
}
.grid-guide .box p {
    color: #404040;
    padding: 0;
    display: block;
    font: normal 1em/18px Arial, sans-serif; /* 12px */
}

.linkButton {
	margin-top: 30px;
}
p.right {
	float: none;
	text-align: right;
	margin: 0;
}
p.right a {
	display: inline-block;
	margin: 0 5px 0 0;
}

/* ==========================================================================
   Colonnage milieu de page
   ========================================================================== */

.col30 {
	width: 30%;
	float: left;
}

.col50 {
	width: 50%;
	float: left;
}

.col70 {
	width: 70%;
	float: left;
}

/* ==========================================================================
   Agenda
   ========================================================================== */

.col50 a {
    text-decoration: none;
}
.col50 a:hover {
    text-decoration: underline;
}
.box-title {
    display: block;
    color: white;
    font: bold 1.25em/40px Arial, sans-serif; /* 15px */
    min-height: 40px;
    padding: 0px 10px 0 20px;
/*    text-transform: uppercase; */
    margin: 0;
}
.box-title a,
.box-title span{
    float: right;
}
.box-title a img {
    vertical-align: top;
	margin-top: 7px;
}
h2.green {
    background: #2ab4ad;
}
ul.agendas,
ul.services {
    list-style: none;
    padding: 0 20px;
}
ul.agendas  li {
    margin-top: 5px;
    border-top: 1px dotted black;
    padding: 10px 0;
}
ul.agendas li:first-child {
    border-top: none;
}
#agendas .box.last {
    border-right: 0;
    padding-right: 21px;
}
.agendas h3 {
    color: #404040;
    font: normal 1.334em/20px Arial, sans-serif;
    margin: 5px 0 0;
}
.agendas h3,
.agendas h3 a {
    color: #404040;
}
.agendas p {
    font: bold 1.415em/1.4em Arial, sans-serif; /* 17px */
    margin: 0;
    padding: 0;
    color: #404040;
}
.agendas p.agendas-date {
    color: #2ab4ad;
    font: bold 1.085em/13px Arial, sans-serif; /* 13px */
}
.agendas li .link,
.agendas p.agendas-date span {
    text-transform: uppercase;
}

/* ==========================================================================
   Services en ligne
   ========================================================================== */


h2.blue {
    background: #009ee0;
}
ul.services li {
    padding: 7px 0;
}
ul.services li:first-child {
    padding-top: 5px;
}

.link {
    display: block;
    /* text-transform: uppercase; */
    background: transparent url(../images/arrow-left-transparent.png) no-repeat center left;
    padding-left: 13px;
    color: black;
    text-decoration: none;
    margin-top: 10px;
}
.services li .link {
    /*text-transform: uppercase;*/
    font: normal 1.334em/20px Arial, sans-serif;
    color: #404040;
}
.link.green {
    color: #2ab4ad;
    background: transparent url(../images/arrow-left-green.png) no-repeat center left;
}
.link.blue {
    color: #009ee0;
    background: transparent url(../images/arrow-left-blue.png) no-repeat center left;
}


/* ==========================================================================
   Boutique en ligne CCI
   ========================================================================== */


/* ==========================================================================
   Top 3
   ========================================================================== */
.box-step {
    display: block;
    width: 193px;
    float: left;
    background-color: #e30043;
    margin-right: 22px;
    height: 145px;
    color: #ffffff;
    padding: 25px 20px;
}
.box-step p {
    font: normal 13px/15px Arial, sans-serif;
}
.box-step span {
    font: normal 15px/17px Arial, sans-serif;
    clear: both;
    display: block;
    text-transform: uppercase;
}
.box-step.last span {
    margin-top: 20px;
    text-align: center;
}
.box-step.last p {
    font: normal 15px/17px Arial, sans-serif;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
}
.box-step.first {
    margin-right: 22px;
}
.box-step.last {
    background: #5b5b5b;
    position: relative;
    margin-right: 0;
}
.box-step.last .arrow {
    width: 10px;
    height: 21px;
    top: 85px;
    left: -10px;
    position: absolute;
    z-index: 333;
    background: transparent url(../images/arrow-full-black.png) no-repeat left top;
}

/* ==========================================================================
   Shop (Zone produit)
   ========================================================================== */

.bottom-wrap {
    min-height: 200px;
    margin-top: 10px;
}
.bottom-wrap .container {
    margin-top: 30px;
}
.bande-grise {
    background-color: #f2f2f2;
    width: 100%;
}
   
#shop-wrap {
    margin-top: 30px;
    margin-bottom: 0;
}

#shop-wrap .link {
    float: left;
    margin-left: 30px;
	text-transform: uppercase;
}
#shop-wrap .link:hover {
	text-decoration: underline;
}
/* Plus de panel
#shop-content-wrap .slide-panel {
    height: 200px;
}
#shop-content-wrap .panel {
    height: 200px;
}
#panel-shop-2, #panel-shop-2 {
    left: 1000px;
}
#panel-shop-3, #panel-shop-3 {
    left: 2000px;
}
*/
#shop .box {
    min-height: 151px;
    width: 23.7%;
    margin: 24px 17px 0 0;
}
#shop .box.last {
    margin: 24px 0 0 0;
}
#shop .shop-descr {
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    bottom: 0;
    padding: 10px;
}
#shop .shop-descr p {
    margin: 0;
    font: normal 1em/1.2em Arial, sans-serif;
}
#shop .shop-descr h3.shop-title {
    text-transform: uppercase;
    margin: 0 0 3px 0;
    text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	min-height: 0;
}
.shop-price {
    position: absolute;
    top: 0;
}
.shop-price .price-container{
	margin:10px 15px 0 0;
	background: transparent url(../images/price.png) no-repeat top right;
}
.shop-price span {
	text-align: center;
    margin: 0;
    display: block;
	width:57px;
	float:right;
	clear:right;
	padding-top:2px;
}
.shop-price .price {
    font: bold 1.165em/1.8em Arial, sans-serif; /* 14px */
	line-height:1em;
}
.shop-price .price+span{
	font-size:0.7em;
}
.shop-price .price.free {
    text-transform: uppercase;
    font: bold .915em/1.8em Arial, sans-serif; /* 11px */
	line-height:3em;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
#footer {
    position: relative;
    overflow: visible;
    background: #5b5b5b url(../images/fond_footer.png) repeat-y center;
    color: #fff;
}
#footer h3 {
    text-transform: uppercase;
    font: bold .915em/1.19em Arial, sans-serif; /* 11px */
    margin: 0;
    
}
#footer h3 a{
	color: #fff;
	text-decoration:none;
}
#footer #footer-link ul {
    margin: 0 10px 15px 0;
    list-style-type: none;
    width: 170px;
    display: block;
    float: left;
    line-height: 15px;
    padding: 0;
}
#footer #footer-link ul li {
    margin-top: 5px;
}
#footer ul li a {
    color: #ffffff;
    text-decoration: none;
    font: normal .915em/1.19em Arial, sans-serif; /* 11px */
}
#footer ul li a:hover {
    text-decoration: underline!important;
}
#footer #footer-link {
    width: 762px;
    padding-top: 38px;
    padding-left: 0px;
    float: left;
    clear: both;
    background-color: #5b5b5b;
}
#footer #footer-link .box-footer {
    width: 170px;
    float: left;
    margin-right: 20px;
}
#footer #footer-link .box-footer.last {
    margin-right: 0;
}
#footer #footer-contact .social {
	clear: both;
	float: none;
	margin-bottom: 57px;
}
#footer #footer-contact .social li {
	margin-left: 0;   
	min-height: 0;
	height: auto;
	margin-bottom: 10px;
}
#footer #footer-contact .social li a {
    min-height: 0;
}
#footer #footer-contact .listeCCI {
	padding: 0;
	list-style: none;
	margin-bottom: 5px;
}
.carteFranceFooter {
	margin: 2px 0;
}
.carteFranceFooter img {
	max-width: 85%;
	margin-top: 10px;
}
#footer #footer-contact .listeCCI li {
	padding: 0 0 0 11px;
	background:url(../images/chevron-blanc-alpha.png) no-repeat left 0.5em;
}
#footer #footer-contact {
    width: 205px;
    padding-top: 38px;
    float: left;
    background-color: #404040;
    padding-left: 30px;
}
#footer #footer-contact a {
    color: #ffffff;
    text-decoration: none;
    font: normal .915em/1.19em Arial, sans-serif; /* 11px */
}
#footer #footer-contact ul {
/*    margin-bottom: 5px; */
    margin-top: 0;
}

#footer #footer-contact .social li a img {
    margin-top: 5px;
}

#footer .adresseFooter {
    margin: -90px 0 50px 0;
}
#footer .adresseFooter p {
	font: normal 1em/1.19em Arial, Helvetica, sans-serif;
	margin: 0;
}
#footer .adresseFooter address {
	font-style: normal;
}
#footer-bottom {
    float:left;
	width:100%;
    height: 2.2em;
	position:relative;
	clear:both;
    background-color: #000000;
	overflow:hidden;
}
#footer-bottom ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
#footer-bottom ul li {
    display: block;
	float: left;
	position:relative;
   right:50%;
}
#footer-bottom ul li:after {
    content: " -";
}
#footer-bottom ul li:last-child:after {
    content: "";
}
#footer-bottom ul li a {
    color: #ffffff;
    text-decoration: none;
    font: normal .915em/3em Arial, sans-serif; /* 11px */
    padding-left: 5px;
}
#footer-bottom ul li a:hover {
    text-decoration: underline;
}

html.lt-ie8 #popup-search {
	width: 960px;
}

/* ==========================================================================
   FICHE ACTUALITE THEMATIQUE
   ========================================================================== */
.fiche-article .titrePage {
	color:#e30043;
	font:normal 3.75em/1.2em 'DejaVu Sans Condensed Bold', sans-serif;
	text-transform: uppercase;
}
.fiche-article .dateFiche {
	font: bold 1.165em/1.2em Arial, Helvetica, sans-serif; /* 14px */
	margin: 0;
	color: #000;
	margin-bottom: 10px;
}
.fiche-article h2 {
	font-size:14pt;
	color:#009fe3;
}

.article-actu-title h1 {
	font: normal 1.5em/1.4em 'DejaVu Sans Condensed Bold', sans-serif; /* 18px */
	color: #009fe3;
	margin: 10px 0 5px 0;
}
.article-actu-title p {
    margin: 0;
    font: normal 1.165em/1.2em Arial, Helvetica, sans-serif; /* 14px */
    color: #000;
    overflow: hidden;
}
.article-actu-title img  {
	float: left;
	margin-right: 2.5%;
	margin-bottom: 2%;
	display: inline;
}
.article-them-content {
	overflow:hidden;
	clear:both;
	margin-top:15px;
	padding:0 10px;
	background-color:#f2f2f2;
}
.article-them-content h3 {
	color:#009fe3;
}
.article-them-content .info_right a {
	color:#009fe3;
	float:right;
	margin:10px 0 20px 0;
}
.fiche-article .back-button {
	width: 220px;
	display:block;
	text-align:center;
	color:black;
	text-decoration:none;
	padding:2px 10px;
	margin: 10px auto;
	border:1px solid #777777;
	border-radius:5px;
	font: normal 1.334em/1.4em 'DejaVu Sans Condensed Bold', sans-serif; /* 14px */
}
.article-them-content .info_right{
	text-align:right;
	margin:10px 0 20px 0;
}
.article-them-content .info_right p{
	margin:5px 0 0;
}
.article-them-content .info_right a{
	color:#009fe3;
	float:none;
	margin:0;
}
.article-them-content .info_right a:before{
	content: ">> ";
}


/* ==========================================================================
   LISTE ACTUALITE THEMATIQUE
   ========================================================================== */
.liste-actualite-them  #article-meta {
	margin-top:0;
}
.liste-actualite-them .nav-panel {
	clear:both;
	margin-bottom:10px;
}
.liste-actualite-them .grid-agenda {
	overflow:hidden;
}
.liste-actualite-them .slide-panel
{
	width:100%;
	height:auto;
}
.liste-actualite-them .container-twit
{
	height:auto;
}

/* ==========================================================================
   LISTE ACTUALITE THEMATIQUE TWITTER
   ========================================================================== */
.Twitter-portlet .grid-agenda{
	padding-top:10px;
}
.container.liste-actualite-them.twitter,
.container.small-margincontainer-twit  {
	margin-top:0 !important;
}
#content .container.liste-actualite-them.twitter{
	margin-bottom:50px;
}
.liste-actualite-them.twitter .container-twit  {
	background-color:#f2f2f2;
	margin-top:0 !important;
	padding:10px 10px;
	width:980px;
}
.liste-actualite-them.twitter .grid-agenda .box {


	height:auto;
	background-color:white;
	word-wrap:break-word;
	line-height:20px;
} 
.liste-actualite-them.twitter .grid-agenda .box .twitt-content {
	margin-top:0;
	padding:0 20px 20px 20px;
}
.liste-actualite-them.twitter .grid-agenda .box a {
	font-size: 13px;
	font-weight:normal;
	display: inline;
	color: #009fe3;
}
.liste-actualite-them.twitter .grid-agenda .box h2 {
	font-size: 8px;
	color:#a7a4aa;
	background: url("../images/picto-twitt.png") no-repeat left center;
	margin:5px 7px;
	padding-left: 20px;
	text-transform: uppercase;
}
.liste-actualite-them.twitter .grid-agenda .box h2 a {
	font-size: 10px;
	display: inline;
	color:#009fe3;
}
.liste-actualite-them.twitter .grid-agenda .box.first {
	clear:both;
}
.liste-actualite-them.twitter .grid-agenda .box.avecImage  img{
	max-width:100%;
} 
.liste-actualite-them.twitter .grid-agenda .box .twitt-entete {
	padding:16px 16px 0 16px;
	overflow:hidden;
}
.liste-actualite-them.twitter .grid-agenda .box .twitt-entete a {
	font-size:11px;
}
.liste-actualite-them.twitter .grid-agenda .box .twitt-entete ul {
	list-style-type:none;
	font-size:11px;
	margin:0;
	padding:0;
	line-height:8px;
}
.liste-actualite-them.twitter .grid-agenda .box .twitt-entete .zone-image {
	float: left;
	width:30px;
	height:30px;
	margin-right:10px;
	text-align:center;
}
.liste-actualite-them.twitter .grid-agenda .box .twitt-entete .zone-image img{
    max-width:100%;
    max-height:100%;
}

/*
 * 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: 100%;
}

/*
 * 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;
}

/* ==========================================================================
  Bandeau cookies
   ========================================================================== */
#popup_cookie{
	background:#F2F2F2;
	padding:10px 30px 10px 0;
	font-size:1.3em;
	
}
#popup_cookie p, #popup_cookie a{
	color:#355170;
}

#popup_cookie p{
	margin:0;
	padding-left:40px;
	background:transparent url(/acfci-v4-theme/images/messages/info.png) no-repeat 10px center;
}
#popup_cookie .info_cookie_mobile{
	display:none;
}

#popup_cookie a{
	font-weight:bold;
}

#popup_cookie .cookiemorebutton{
	display:none;
}
#popup_cookie .okbutton{
	text-decoration:none;
	padding:3px 20px;
	background:#009EE0;
	font-size:0.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:none;
	margin-left:50%;
	width:20px;
}

#popup_cookie .closebutton{
	font-weight:bold;
	font-size:30px;
	float:right;
	margin-top:-10px;
	text-decoration:none;
}
#popup_cookie .cleft{
	display:none;
}
/** style mobile */
@media only screen and (max-width: 767px) {
	#popup_cookie{
		position: fixed;
		bottom:0px;
		z-index:9999999;
		background:transparent url(/acfci-v4-theme/images/bg_cookie_mobile.png);
	}
	
	#popup_cookie p{
		margin-bottom:15px;
	}
	#popup_cookie p, #popup_cookie a{
		color:#000000;
	}
	#popup_cookie .info_cookie{
		display:none;
	}
	#popup_cookie .info_cookie_mobile{
		display:inline;
	}
	#popup_cookie .closebutton, #popup_cookie p a{
		display:none;
	}
	
	#popup_cookie .okbutton, #popup_cookie .cookiemorebutton{
		display:block;
		text-decoration:none;
		padding:3px 20px;
		background:#009EE0;
		font-size:0.8em;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
			
	}
	
	#popup_cookie .okbutton{
		float:left;
		margin-left:10%;
			
	}
	
	#popup_cookie .cookiemorebutton{
		float:right;
		margin-right:10%;		
	}
	
	#popup_cookie .cleft{
		clear:both;
	}

}

/* ==========================================================================
  Asset-Publisher standard
   ========================================================================== */
/* Resume (abstract) */
.asset-abstract {
	border-bottom: 1px dotted #5B5B5B;
	padding-bottom:15px;
}
.asset-abstract .asset-title {
	border-bottom:none; 
}
.asset-abstract .asset-title a {
	color: #E30043;
}
.asset-abstract .asset-title a img {
	display:none;
}
.asset-abstract .asset-more {
	float: right;
}
.asset-abstract .asset-more a:before {
	content: '>>    ';
}
.asset-abstract .asset-more a {
	color: #E30043;
}
/* Metadonnees asset publisher */
.portlet-asset-publisher .metadata-author,
.portlet-asset-publisher .metadata-author {
	background: none;
	padding-left:0px;
}
.portlet-asset-publisher .metadata-author,
.portlet-asset-publisher .metadata-publish-date,
.portlet-asset-publisher .metadata-modified-date,
.portlet-asset-publisher .metadata-create-date
 {
	background: none;
	font-weight:bold;
	padding-left:0px;
	text-transform:capitalize;
}

.portlet-asset-publisher .metadata-publish-date:before,
.portlet-asset-publisher .metadata-modified-date:before,
.portlet-asset-publisher .metadata-create-date:before{
	content:"le :";
}
.portlet-asset-publisher .asset-metadata .metadata-entry.metadata-categories:before {
	content:"Cat\00e9gorie :";
	font-weight:bold;
	padding-right:5px;
}
.portlet-asset-publisher .asset-metadata .metadata-entry,
.portlet-asset-publisher .asset-metadata .metadata-entry.metadata-categories {
	color: #5B5B5B;
	text-decoration:none;
}
.portlet-asset-publisher .metadata-author+.vertical-separator+.metadata-create-date,
.portlet-asset-publisher .metadata-author+.vertical-separator+.metadata-modified-date,
.portlet-asset-publisher .metadata-author+.vertical-separator+.metadata-publish-date{
	float:left !important;
	padding-left:10px!important;
	border-left: 1px solid #999!important;
	margin-left:10px!important;
	clear:none;
}

.portlet-asset-publisher  .metadata-entry{

	margin:0 !important;
	float:left !important;
	clear:left;
}

.portlet-asset-publisher .vertical-separator{
	display:none;
}

.portlet-asset-publisher .taglib-asset-categories-summary .asset-category {
	color: #5B5B5B;
	text-decoration:none;
	font-style:italic;
}
.portlet-asset-publisher .taglib-asset-tags-summary .tag:before {
	content:"Mots-Cl\00e9s :      ";
	font-weight:bold;
	padding-right:5px;
	font-style:normal;
}
.portlet-asset-publisher .taglib-asset-tags-summary .tag {
	background: none;
	padding-left:0px;
}
.portlet-asset-publisher .taglib-asset-tags-summary a.tag {
	color:#5B5B5B;
	text-decoration:none;
	font-style:italic;
}


/* Liste de titres (abstract) */
.title-list .asset-title {
	border-bottom:none; 
}

.portlet-asset-publisher li.title-list {
	border-bottom: 1px dotted #5B5B5B;
	padding-bottom:15px;
}
.portlet-asset-publisher .title-list a {
	float:none;
}
.title-list .taglib-icon .icon {
	display: none;
}
.title-list .taglib-icon .taglib-text {
	color: #e30043;
	text-decoration: none;
}
.title-list .taglib-icon .taglib-text:before {
	content:">     ";
}
.portlet-asset-publisher .title-list{
	padding-left:0;
}

.portlet-asset-publisher .title-list li.title-list{
	padding-bottom:0;
	list-style-type:none;
	border-bottom: 1px dashed #000000;
    padding: 4px 2px;
	margin:0;
}

.title-list .taglib-icon .taglib-text:before,
.portlet-asset-publisher .title-list li.title-list[id] .taglib-text,
.portlet-asset-publisher .title-list li.title-list .taglib-text{
	color:#e30043;
}

.portlet-asset-publisher .title-list h2{
	padding-left:0;
	font-size:1em;
	font-weight:normal;
	margin:0;
}

/* Afifchage complet (full-content) */
.portlet-asset-publisher .separator {
	border-top:1px dotted #5B5B5B;
}
.taglib-header {
	border-bottom:none;
}
.taglib-header .header-title {
	color: #e30043;
}

/* ==========================================================================
   Formalites_Portlet CSS pour la partie procédures de l'espace peronnel
   ========================================================================== */

.mesProcedures thead {
	color: #e30043;
	font-weight: bold;
}

.mesProcedures .proceduresTitreTableau {
	color: #e30043;
	font-weight: bold;
}

.mesProcedures .tableauxProcedures.dataTable {
	color: #001245;
}

.mesProcedures .tableauxProcedures.dataTable thead .sorting_desc {
	background-image: url('../images/sort_desc.png');
}

.mesProcedures .tableauxProcedures.dataTable thead .sorting {
	background-image: url('../images/sort_both.png');
}

.mesProcedures .tableauxProcedures.dataTable thead .sorting_asc {
	background-image: url('../images/sort_asc.png');
}

.mesProcedures .tableauxProcedures.dataTable.stripe tbody tr.odd,.mesProcedures .tableauxProcedures.dataTable.display tbody tr.odd
	{
	background-color: #f9f9f9;
}

.mesProcedures .tableauxProcedures.dataTable.row-border tbody th,.mesProcedures .tableauxProcedures.dataTable.row-border tbody td,.mesProcedures .tableauxProcedures.dataTable.display tbody th,.mesProcedures .tableauxProcedures.dataTable.display tbody td
	{
	border-top: 1px solid #ddd;
}

.mesProcedures .etatProced_OK {
	background-color: #07C29C;
	color: #fff;
	font-weight: bold;
}

.mesProcedures .etatProced_KO {
	background-color: #e30043;
	color: #fff;
	font-weight: bold;
}

.mesProcedures .etatProced_ENCOURS {
	background-color: #0A669C;
	color: #fff;
	font-weight: bold;
}

.mesProcedures .proceduresBtnFormSavoirPlus {
	background-color: #e30043;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin-left: 20px;
	padding: 5px;
}

.mesProcedures .proceduresBtnFormSavoirPlus a {
	color: #fff;
}

.proceduresMsg1niv{
	display:inline-block;
}

.mesProcedures .msgErrorProcedures {
	color:#5e5e5e;
	font-style: normal;
}

/* END Formalites_Portlet CSS */


/* ==========================================================================
   Inscription_Portlet CSS
   ========================================================================== */
    .inscription2 .error-message {
        display: none;
        color: #F00;
        font-size: medium;
    }
    .inscription2 .acoche {
        text-align: left;
        clear: both;
        width: 100%;
        float:left;
        margin-top:5px;
        margin-bottom:5px;
        padding:0px;
    }
    .inscription2 .acoche2 {
        text-align: left;
        clear: both;
        width: 100%;
        float:left;
        margin-top:20px;
        margin-bottom:20px;
        padding:0px;
        font-weight: bold;
        font-size: 14px;
    }
    .inscription2 .acoche3 {
        text-align: left;
        clear: both;
        width: 100%;
        float:left;
        margin-top:20px;
        margin-bottom:20px;
        padding:0px;
        font-weight: bold;
    }
    .inscription2 #form_enveloppe {
        width: 100%;
    }
    .inscription2 {
        float: left;
        padding-bottom: 1px;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 10px;
        width: 96%;
    }
    #full_wrapper .inscription2 p
    {
        margin-top: 2px;
        margin-right: 0;
        margin-bottom: 2px;
        margin-left: 0;
        float: left;
        width: 100%;
        line-height:25px;
    }
    .inscription2 .standard
    {
        display: block;
        width: 30%;
        float: left;
        padding-right: 2%;
        text-align: left;
        letter-spacing: 1px;
        overflow: hidden;
    }

    .inscription2 input[type="text"],
    .inscription2 select,
    .inscription2 .acoche3 input[type="text"]
    {
        width: 60%; /* 250px; */
        border: #CCC 1px solid;
    }
    .inscription2 .break {
        clear: both;
        float: left;
        width: 100%;
    }
    .inscription2 .acoche input[type="text"] {
        float: left;
        margin: 0px;
        padding: 0px;
        width: 5%;
    }

    .inscription2 .casacoche2 {
        padding: 0px;
        float: left;
        width: 85%; /*500px;*/
        height: 25px;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .inscription2 #capcha {
        background-color: #CCC;
        height: 80px;
        width: 250px;
        float: left;
        margin-top: 20px;
    }
    .inscription2 p #bouton {
        margin-left: 33%;
        text-align: center;
    }
    .inscription2 .casacoche{
        margin: 0px;
        padding-top: 5px;
        width: 170px;
        height: 25px;
        /*float:left;*/
    }

    .inscription2 input[type="checkbox"]{
        width:30px;
        line-height:25px;
        margin-top:8px;
        /*float:left;*/
    }

    .taglib-captcha .captcha {
        display: inline;
    }
   
   /* END Inscription_Portlet CSS */


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses 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 only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* 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;
    }
}


/* ==========================================================================
   Media Queries for Responsive Design CCI France
   Oct. 2013
   ========================================================================== */
/*
	Tablettes - portrait :         entre 768 et 960px
	Petites tablettes - portrait : entre 600 et 767px
	Petites tablettes - portrait : entre 480 et 599px
	Telephones - portrait :        entre   0 et 479px
*/


/* ==========================================================================
   Tablettes - portrait
   ========================================================================== */
   
    @media only screen and (min-width: 768px) and (max-width: 999px) {
	   .container {
		   width: 100%;
	   }
	   .alternativeLink {
		   display: inline;
		   position:relative;
		   color: black;
		   font-size: 1em;
		   padding: 0;
		   background:transparent;
		   margin-top:3px;
		   cursor:pointer;
	   }
	   .alternativeLinkMenu{
			position:absolute;
			top:0;
			right:105%;
			padding:5px;
			width:140px;
			z-index: 50000;
			background:#F2F2F2;
			font-size: 1.1em;
			display:none;
	   }
	   	.grid-agenda .box{
	        margin-left: 0 !important;
    		margin-right: 1% !important;
    		padding: 2% !important;
    		width: 20% !important;
	    }
		.alternativeLinkMenu:focus, .alternativeLinkMenu:active{
			border:1px dotted #000000;
		}
		.alternativeLinkMenu a{
			color:#000000;
			text-decoration:none;
		}
	    .alternativeLinkMenu a:hover{
			color:#E30044;
	    }
	    .bloc-zoneRebond .rebond h2{
			background-image:none !important;
		}
		.bloc-zoneRebond{
			overflow-x:hidden;
			overflow-y:auto;
		}
		.bloc-zoneRebond .portlet-asset-publisher+.portlet-journal-content{
			overflow:hidden;
			max-height:22px;
		}
		.bloc-zoneRebond .portlet-journal-content *{
			max-width:100%;
		}
	   img {
		   max-width: 100%;
	   }
	   #header-content .map-region {
			margin: 0 0 0 1%;
	   }
	   #member-account h2 {
		   padding-left: 10%;
		   font-size: 1em; /* 12px */
	   }
	   #member-account p {
		   margin-left: 5%;
	   }
	   #member-account p input[type="text"],
	   #member-account p input[type="password"] {
		   min-width: 0;
	   }
	    #member-account input[type="submit"] {
		   padding:0;
		   width:130px !important;
		   min-width:130px !important;
	   }
	   #member-account {
		   width: 24%;
	   }
	   #member-account p a.alternativeLink {
		  display: block;
		  top: 89px;
		  position: absolute;
		  padding: 0px 11px;
		  background-color: #A6A5A5;
		  min-width: 0px;
		  color: #333;
		  right: 10px;
		  border-radius: 8px;
	   }
	   #member-account p a.alternativeLink img {
		max-width: 150%;
		width: 130%;
	   }
	   #member-account p a,
	   #member-account .boutique {
		  display: none;
		 /** position: absolute;
		  padding: 9px 15px;
		  background-color: #FFF;
		  min-width: 140px;
		  color: #333;
		  right: 10px;
		  border-radius: 8px;*/
	   }
	   #header #login .portlet-body p a{
		display:none !important;
	   }
	   #header-content #explore {
			margin: 5px 0 0 5px;
			width: 14.2%;
	   }
	   #search-form {
    		line-height: normal;
		}
		#navigation {
			min-height: 70px;
		}
		#navigation #menu li,
		#navigation #menu .small {
			max-width: 15%;
		}
		#navigation #menu li a {
   	 		min-height: 57px;
		}
		#navigation #menu li a span {
			max-width: 100%;
			height: 53px;
		}
		#navigation #profil {
			margin:1.375em 0.9em;
		}
		#navigation #profil li ul.sub-menu li a {
			min-width: 300px;
		}
		#navigation #profil li ul.sub-menu li a:hover,
		#navigation #profil li ul.sub-menu li a:focus {
			min-width: 300px;
		}
		#navigation .social {
			display: none;
		}
		#search-form {
    		line-height: normal;
			margin-top:25px;
			right: 5px;
		}
		#search-form input[type="text"],
		#search-form input[type="password"] {
			width: 85px;
		}
	   #slider img {
		   max-width: none;
	   }
/*	   .slider-wrap {
		   padding: 10px 0;
	   } */
	   #slider #caption {
		   right: 10%;
	   }
	   #slider {
		   overflow: hidden;
	   }
	   #content {
		padding-bottom: 0px;
	   }
	   #content .container,
	   .columns-1 .container, .columns-2 .container, .columns-3 .container {
		   margin-top: 20px;
	   }
	   .nav-panel {
		   margin-right: 1%;
	   }
		h2.slide {
			margin: 0 0 10px 1%;
		}
		.panel {
			width: 100%;
		}
		.grid-guide .box {
			width: 23%;
			margin: 0 1%;
		}
		.grid-guide .box.first {
			margin-left: 0;
		}
		.grid-guide .box.last {
			margin-right: 0;
		}
		.grid-guide .box h3,
		.grid-guide .box p {
			margin-left: 3%;
		}
		.flexsliderRemonteeProduits .slide-caption{
		height:15em;
		}
		.link.blue,
		.link.green {
			margin-right: 3%;
		}
		#shop .box {
			width: 23%;
			margin: 24px 2% 0 0;
		}
		#footer {
			background: #5B5B5B;
		}
		#footer #footer-link {
			padding-top: 10px;
			width: 100%;
		}
		#footer #footer-link .box-footer {
			width: 23%;
			margin-left: 2%;
			margin-right: 0;
		}
		#footer #footer-contact {
			padding: 20px 0 0;
			text-align: center;
			width: 100%;
			/* height:300px; */
		}
		#footer #footer-contact .social {
			margin-bottom: 20px; 
		}
		.social li {
			display: inline-block;
			float: none;
			height: auto;
		}
		.social li a img {
			margin-top: 0;
		}
		#footer #footer-contact .listeCCI {
			padding: 0;
			list-style: none;
			margin: 0 0 5px;
		}
		#footer #footer-contact .listeCCI li {
			padding: 0 0 0 11px;
			background:url(../images/chevron-blanc-alpha.png) no-repeat left 0.5em;
			display: inline-block;
		}
		
		/* Page carrefour */
		
		.roundedField {
			width: 110px;
			padding-left: 10px;
		}
		#article-content .box .box-header {
			padding: 20px;
		}
		#article-content .box ul li {
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 4px;
		}
		
		/* Page article */		
		  
		.article-simple-content {
			padding: 0 1%;
		}
		.article-title h2,
		.article-title-left h2,
		.article-title h1,
		.article-title-left h1 {
			width: 90%;
		}
		
		/* Page article complexe */
		
		.navThematique {
			width: 24%;
		}
		.navThematique li {
			font: normal 1.334em 'DejaVu Sans Condensed Bold', sans-serif; /* 16px */
		}
		.article-complexe-content {
			width: 75%;
		}
		/* Mantis #0058905 - Article 2-3 niveaux */
		.printAll{
		    display: none !important; 
		}
		
		/* Prestations */
		
		#article-title.wide {
			width: 100%;
		}
		.article-title-full {
			margin-left: 2%;
		}
		.article-title-left {
			margin-left: 2%;
			width: 44%;
		}
		.article-title-right {
			width: 48%;
		}
		
		#scrollcontainer,
		.sidebar.right {
			display: none;
		}
		#scrollcontainerResponsive {
			display: block;
		}

		/* Page Produit (FTH) */
		.presta .presta-content {
			width: 70%;
		}

		/* Agendas */
		.title-form, .title-agenda {
			margin-left: 2%;
		}
		.article-agenda-title  img {
			max-width: 50%;
		}
		#agenda-settings {
			width: 100%;
		}
		#agenda-settings .previous-date {
			left: 20%;
		}
		#agenda-settings .current-date {
			left: 40%;
		}
		#agenda-settings .next-date {
			left: 80%;
		}
		#agenda-settings p.first {
			margin-left: 2%;
		}
		#agenda-settings input.button-submit {
			width: 150px;
		}
		.grid-agenda .box {
			margin-right: 11px;
			margin-left: 11px;
			width: 193px;
		}
		.grid-agenda .box.last {
			margin-right: 11px;
		}
		.rebondAgenda .bloc-zoneRebond {
			min-height: 115px;
		}
		.subListLinks {
			padding-left: 30px;
		}
		.bloc-zoneRebond h3 {
			font-size: 1.334em;
		}
		.subListLinks a {
			font-size: 1.334em;
		}
		.grid-agenda.affichageListe .box {
			margin-right: 11px;
		}
		
		.liste-actualite-them.twitter .container-twit  {
			width:auto;
			padding:0;
		}
		.liste-actualite-them .slide-panel {
			height:860px;
		}

       
    }

/**Bloc recherche */
@media only screen and (min-width: 768px) and (max-width: 818px) {
	#search-form {
		margin-left:-10px;
	}
}

/* ==========================================================================
   Petites tablettes - portrait
   ========================================================================== */
   
    @media only screen and (min-width: 600px) and (max-width: 767px) {

	   .container {
		  /*border: 1px solid green;*/
		   
		   width: 100%;
	   }
	   .alternativeLink {
		   display: inline-block;
	   }
	   img {
		   max-width: 100%;
	   }
	   #navigation{
			min-height:0 !important;
	   }
	   #header {
		   position:fixed;
		   z-index: 1000;
		   width: 100%;
		   top: 0;
	   }
	   #sub-navigation-wrapper{
			display:none !important;
	   }
	   #header-content h1 {
		height: 50px;
		line-height: normal;
		margin: 1%;
	   }
	   #header-content .map-region {
		margin: 1% 0 0 1%;
		max-height: 50px;
		max-width: 100%;
	   }
	   #member-account {
		   width: 38%;
		   min-height: 67px;
	   }
	   #member-account h2,
	   #member-account p,
	   #member-account p input,
	   #member-account p a,
	   #member-account .boutique,	   
	   #member-account form,
	   #header-content #explore {
		   display: none;
	   }
	   .flexsliderRemonteeProduits .slide-caption{
		height:17em;
		}
	   .smartphone-menu {
		   display: block;
	   }
	   .smartphone-menu li {
		   float: left;
		   margin-left: 20%;
		   margin-top: 5%!important;
		   text-align: center;
	   }
	   .smartphone-menu li a {
		   text-decoration: none;
	   }
	   .smartphone-menu li img,
	   .mean-container a.meanmenu-reveal img {
		   height: 24px;
	   }
	   .smartphone-menu li .petiteTablette {
		   display: block;
		   padding-top: 5px;
	   }
	   #navigation {
		   /* display: none; */
		   position: absolute;
		   top: 66px;
		   right: 0;
		   z-index: 500;
	   }
		#navigation #menu {
			margin: 0;
		}
	   	#navigation #menu li,
		#navigation #menu .small {
			display: block;
			float: none;
			max-width: 100%;
			min-height: 20px;
			text-align: right;
		}
		#navigation #menu li a {
			padding: 0;
			min-height: 0;
		}
		#navigation #menu li a span {
			border-right: none;
			border-top: 1px solid #A5A5A5;
			display: block;
			height: auto;
			line-height: 1.4em;
			padding: 16px 20px 1% 1%; /* FTH 1% 13% 1% 1%; */
			top: auto;
			vertical-align: auto;
			max-width: 100%;

		}
/*		#navigation #menu li:last-child a span {
			border-top: 1px solid #A5A5A5;
		}*/
		#navigation #profil {
			float: right;
			margin-right: 13%;
		}
		#navigation #profil li ul.sub-menu {
			left: auto;
			right: 13%;
			padding-left: 0;
		}
		#navigation #profil li ul.sub-menu li a {
			min-width: 300px;
		}
		#navigation #profil li ul.sub-menu li a:hover,
		#navigation #profil li ul.sub-menu li a:focus {
			min-width: 300px;
		}
		#navigation .social {
			display: none;
		}
		#navigation #search-form {
			float: right;
			margin-right: 10%;
		}
		#search-form input[type="text"],
		#search-form input[type="password"] {
			width: 100%;
		}
	   .slider-wrap {
		   padding: 90px 0 10px 0;
	   }
	   #slider img {
		   max-width: none;
	   }
	   #slider #caption {
		   right: 5%;
		   background: transparent url(../images/fond_alpha-blanc.png);
	   }
	   #slider {
		   overflow: hidden;
	   }
	   #content {
		padding-bottom:10px;
	   }
	   #content .container,
	   .columns-1 .container, .columns-2 .container, .columns-3 .container {
		   margin-top: 20px;
	   }
	   .nav-panel {
		   margin-right: 1%;
	   }
		h2.slide {
			margin: 0 0 10px 1%;
		}
		.panel {
			width: 100%;
		}
/**		.box4 {
			width: 27%;
		}
		.two-cols {
			width: 46%;
		}
		.two-cols img {
			max-width: 100%;
		}
*/
		#guides-pratiques .panel {
			height: 400px;
		}
		#guides-pratiques .slide-panel {
			height: 800px;
		}
		.linkButton {
			margin-top: 0;
		}
/*		.box h3 {
			text-align: center;
			font-size: .8125em;
		} 
*/
		.grid-guide .box {
			width: 48%;
			margin: 0 1%;
			min-height: 368px;
		}
		.grid-guide .box.first {
			margin-left: 0;
		}
		.grid-guide .box.last {
			margin-right: 0;
		}
		.grid-guide .box h3,
		.grid-guide .box p {
			margin-left: 3%;
		}
		.link.blue,
		.link.green {
			margin-right: 3%;
		}
		#shop-content-wrap .slide-panel {
			height: 250px;
		}
		#shop .box {
			width: 23%;
			margin: 24px 2% 0 0;
			min-height: 200px;
		}
		#footer {
			background: #5B5B5B;
		}
		#footer #footer-link {
			padding-top: 10px;
			width: 100%;
		}
		#footer #footer-link ul {
			width: 100%;
		}
		#footer #footer-link .box-footer {
			width: 23%;
			margin-left: 2%;
			margin-right: 0;
		}
		#footer #footer-contact {
			padding: 20px 0 0;
			text-align: center;
			width: 100%;
		}
		.social li {
			display: inline-block;
			float: none;
			height: auto;
		}
		#footer #footer-contact {
			height:300px;
		}
		#footer #footer-contact .social {
		/*	padding: 0; */
			margin-bottom: 20px;
		}
		.social li a img {
			margin-top: 0;
		}
		#footer #footer-contact .listeCCI {
			padding: 0;
			list-style: none;
			margin: 0 0 5px;
		}
		#footer #footer-contact .listeCCI li {
			padding: 0 0 0 11px;
			background:url(../images/chevron-blanc-alpha.png) no-repeat left 0.5em;
			display: inline-block;
		}
		.carteFranceFooter img {
			margin-top: 5px;
		}
		#footer .adresseFooter {
			margin: -90px 0 50px 0;
		}
		
		/* --- Page carrefour --- */
	.clearfixmobile:before,
	.clearfixmobile:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.clearfixmobile:after {
		clear: both;
	}

	.clearfixmobile {
		*zoom: 1;
	}
		.article-visuel, .article-title {
			margin-top: 70px;
		}		
		.article-title h2,
		.article-title-left h2,
		.article-title-full h2,
		.article-title h1,
		.article-title-left h1,
		.article-title-full h1 {
			font: normal 2.5em 'DejaVu Sans Condensed Bold',sans-serif;
			width: 100%;
		}
		.noVisuel .article-title {
			max-width: 100%;
			margin-left: 4%;
			margin-top: 60px;
		}
		.noVisuel .article-title p {
			width: 90%;
			margin-left: 0;
		}
		#article-meta .tags {
			display: none;
		}
		#article-content .box {
			width: 47.8%;
		}
		#article-content.wide .box {
			margin-right: 1%;
			margin-left: 1%;
		}
		
		.zoneRebond {
			float: none;
		}
		.bloc-zoneRebond {
			min-height: 0;
			width: 100%;
		}
		.zoneRebond .type4,
		.zoneRebond .type3 {
			height: 245px;
		}
		.zoneRebond li:last-child .type3 {
			width: 98%;
		}
		.bloc-zoneRebond label {
			display: block;
		}
		.bloc-zoneRebond .illustrationRebond {
			display: none;
		}
		.roundedField {
			width: 110px;
			padding-left: 10px;
		}
		#article-content .box .box-header {
			padding: 20px;
		}
		
		/* Page article */		
		  
		.article-simple-content {
			padding: 0 1%;
		}
		
		/* Page article complexe */
		
		.navThematique {
			width: 30%;
		}
		.navThematique li .blocNav,
		.navThematique li {
			min-height: 175px;
			height: 175px;
		}
		.navThematique li {
			font: normal 1.334em 'DejaVu Sans Condensed Bold', sans-serif; /* 16px */
		}
		.article-complexe-content {
			width: 68%;
		}
		/* Mantis #0058905 - Article 2-3 niveaux */
		.printAll{
		    display: none !important;
		}
		
		/* Prestations */
		
		#article-title.wide {
			width: 100%;
		}
		.article-title-full {
			margin-left: 2%;
		}
		.article-title-left {
			margin-left: 2%;
			width: 44%;
			margin-top: 0px; /* FTH 60px; */
		}
		.article-title-right {
			width: 48%;
			margin-top: 0px; /* FTH 60px; */
		} 
/*
		.article-title-left h2,
		.article-title-full h2 {
			font: normal 2em 'DejaVu Sans Condensed Bold', sans-serif; 
		}
*/
		#article-title .article-title-right p {
			font-size: 1.165em; /* 14px */
		}
		#article-content.left {
			width: 100%;
		}
		#article-content .box ul li {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.presta .presta-titre, .event-info .event-titre {
			float: none;
			height: auto;
			padding: 1%;
			width: 98%;
			
		}
		.presta .presta-content, .event-info .event-content {
			float: none;
			font: 1em/12px Arial,sans-serif;
			height: auto;
			padding: 5px 2% 20px 2%;
			width: 96%;
		}
		.event-info .event-titre, .event-info .event-content{
			height:90px;
			overflow-y:auto;
			-webkit-overflow-scrolling: touch;
			float:left;
			clear:left;
			padding-top:0;
			padding-bottom:0;
			margin-top:1%;
		}
		.event-info .event-titre, .event-info .event-content{
			padding:0;
			margin:0;
			width:100%;
			border:0;
		}
		.event-info .event-titre{
			height:auto;
			min-height:50px;
		}
		.event-info{
			margin-right:0;
		}
		.event-info .event-titre-wrapper, .event-info .event-content-wrapper{
			padding:10px;
		}
		.presta {
			border-bottom: none;
		}
		.presta-content ul {
			display: block;
			height: auto;
		}
		.presta-content p, .presta-content .presta-wrapper {
			display: block;
			height: auto;
		}
		
		#scrollcontainer,
		.sidebar.right {
			display: none;
		}
		#scrollcontainerResponsive {
			display: block;
		}
		
		/* Agendas */
		
		.title-form, .title-agenda {
			margin-left: 2%;
			margin-top: 0; 		/*FTH: 70px; */
		}
		.article-agenda-title img {
			max-width:50%;
		}
		#agenda-settings {
			width: 100%;
		}
		#agenda-settings .previous-date {
			left: 20%;
		}
		#agenda-settings .current-date {
			left: 40%;
		}
		#agenda-settings .next-date {
			left: 80%;
		}
		#agenda-settings p.first {
			margin-left: 2%;
		}
		#agenda-settings p.first + p + p {
			float: none;
			clear: both;
			margin-top: 0;
		}
		#agenda-settings input.button-submit {
			width: 150px;
		}
		.grid-agenda .box {


			margin-bottom: 11px;
			width: 45% !important;

		}
		.grid-agenda .box.last {
			margin-right: 1%;
		}
		.rebondAgenda .bloc-zoneRebond {
			min-height: 115px;
			float: left;
		}
		.rebondAgenda img.left {
			display: none;
		}
		.subListLinks {
			padding-left: 30px;
		}
		.bloc-zoneRebond h3 {
			font-size: 1.334em;
		}
		.subListLinks a {
			font-size: 1.165em;
		}
		.grid-agenda.affichageListe .box {
			margin-right: 11px;
		}
		/* --- Page actualite thematique (FTH) --- */
		.fiche-article .titrePage {
			margin-top: 70px;
		}		
		.article-visuel, .article-title {
			margin-top: 0px;
		}		

		.liste-actualite-them .slide-panel {
			height:auto;
		}

		.liste-actualite-them.twitter .container-twit  {
			width:100%;
			padding:0;
			height:auto;
		}	
		.article-actu-title img {
			max-width:50%;
			width:50%;
		}
    }

/* ==========================================================================
   Petites tablettes - portrait
   ========================================================================== */
   
    @media only screen and (min-width: 480px) and (max-width: 599px) {
		
	   .container {
		   /*border: 1px solid blue;*/
		   
		   width: 100%;
	   }
	   .smartLinkBox{
			display:none;
	   }
	   .noAutoCollapse{
		display:block;
	   }
	   .alternativeLink {
		   display: inline-block;
	   }
	   img {
		   max-width: 100%;
	   }
	   .portlet-column-content {
		padding:0px;
	   }
	   div.event-info, div.event-info .event-titre, div.event-info .event-content{
			width:98% !important;
			 
		}
		div.event-info .event-titre, div.event-info .event-content{
			padding:5px 2%;
		}
		div.event-info .event-titre, div.event-info .event-content{
			padding:0;
			margin:0;
			width:100% !important;
			border:0;
		}
		div.event-info .event-titre{
			height:auto;
			min-height:50px;
		}
		div.event-info{
			margin-right:0;
		}
		div.event-info .event-titre-wrapper, div.event-info .event-content-wrapper{
			padding:10px;
		}
	   h2.box-title{
	    	font: 2.085em/27px Arial,sans-serif;
	    	margin-top:1px;	    	
	    	line-height:1em;
	    	min-height:0;
	    	padding:2%;
	    }
		.portlet-boundary_FilteredList_WAR_FilteredListportlet_ .item_titre{
			display:block;
			max-height:auto;
			overflow:visible;
		}
		.bloc-zoneRebond .portlet-rss {
		    overflow:visible;
		    height:auto;
		}
		.bloc-zoneRebond{
			max-height:none !important;
		}
		.Article-2-3-niveaux-portlet .navThematique li{
	    	padding-left:10px;
	    	padding-right:10px;
	    }
	    .Article-2-3-niveaux-portlet .navThematique li .blocNav{
			padding:10px 0;
	    	width:100%;
	    	
	    }
	    .Article-2-3-niveaux-portlet .navThematique li a{
	    	font-size:1em;
	    }
	    .Article-2-3-niveaux-portlet h2.titreAccordeonOpened{
	    	font-size:2em;
	    }
	    .event-info .event-titre, .event-info .event-content{
	   		width:auto !important;
	   	}
	   	#slide-actu-content .asset-actions+p,
	   	#slide-actu-content p.datepub{
	   		display:block;
	   		margin-top:2px;
	   	}
	    #wrapperSliderRemonteeProduits .box{
			clear:left;
		}
		#wrapperSliderRemonteeProduits .helper-image{
			display:none;
		}
		#wrapperSliderRemonteeProduits img{
		  height:100%;
		  max-width : auto;
		  max-height : 50px;
		  margin:0;
		  padding:0;
		}
	   #header {
		   position:fixed;
		   z-index: 1000;
		   width: 100%;
		   top: 0;
	   }
	   #sub-navigation-wrapper{
			display:none !important;
	   }
	   #navigation{
			min-height:0 !important;
	   }
	   #content .container.small-margin {
			padding-top: 10px;
		}
	   #header-content h1 {
		height: 50px;
		line-height: normal;
		margin: 1%;
	   }
	   #header-content .map-region {
		margin: 1% 0 0 1%;
		max-height: 50px;
		max-width: 100%;
	   }
	   #member-account {
		   width: 25%;
		   min-height: 67px;
	   }
	   #member-account h2,
	   #member-account p,
	   #member-account p input,
	   #member-account p a,
	   #member-account .boutique,
	   #member-account form,
	   #header-content #explore {
		   display: none;
	   }
	   .smartphone-menu {
		   display: block;
	   }
	   .smartphone-menu li {
		   float: left;
		   margin-left: 20%;
		   margin-top: 16%!important;
	   }
	   .meanmenu-reveal img{
			margin-top:16%;
	   }
	   #navigation {

		   position: absolute;
		   top: 66px;
		   right: 0;
		   z-index: 500;
	   }
		#navigation #menu {
			margin: 0;
		}
	   	#navigation #menu li,
		#navigation #menu .small {
			display: block;
			float: none;
			max-width: 100%;
			min-height: 20px;
			text-align: right;
		}
		#navigation #menu li a {
			padding: 0;
			min-height: 0;
		}
		#navigation #menu li a span {
			border-right: none;
			border-top: 1px solid #A5A5A5;
			display: block;
			height: auto;
			line-height: 1.4em;
			padding: 16px 20px 2% 1%;
			top: auto;
			vertical-align: auto;
			max-width: 100%;
		}
/*		#navigation #menu li:last-child a span {
			border-top: 1px solid #A5A5A5;
		}*/
		#navigation #profil {
			float: right;
			margin-right: 4%;
		}
		#navigation .social {
			display: none;
		}
		#navigation #search-form {
			float: right;
			margin-right: 9%;
		}
		#search-form input[type="text"],
		#search-form input[type="password"] {
			width: 100%;
		}
		#navigation #profil li ul.sub-menu {
			left: auto;
			right: 10px;
		}
		#navigation #profil li ul.sub-menu li a {
			min-width: 300px;
		}
		#navigation #profil li ul.sub-menu li a:hover,
		#navigation #profil li ul.sub-menu li a:focus {
			min-width: 300px;
		}
	   .petiteTablette {
		   display: none;
	   }
		
	   .slider-wrap {
		   display: none;
		   /* padding: 90px 0 10px 0; */
	   }
	   #slider img {
		   max-width: none;
	   }
	   #slider #caption {
		   right: 5%;
	   }
	   #slider {
		   overflow: hidden;
	   }
	   #content {
	/*	margin-top: -10px; */
		padding-bottom: 0px;
	   }
	   #content .container,
	   .columns-1 .container, .columns-2 .container, .columns-3 .container {
		   margin-top: 0;
		   padding-top: 0;
	   }
	   #content #guides-pratiques.container {
		   margin-top: 0;
		   padding-top:0;
	   }
	   .nav-panel {
		   display: none;
	   }
		h2.slide {
			margin: 0;
			padding: 2%;
/*			border-top: 1px solid #EEE;	*/
			float: none;
			background-color: #E30043;
			color: #FFF;
			margin-top:1px;
		}
		.slide.smartLink.open {
			background-image: url(../images/fleche-mobile-open.png);
			background-position: right;
			background-repeat: no-repeat;
		}
		.slide.smartLink.close {
			background-image: url(../images/fleche-mobile-close.png);
			background-position: right;
			background-repeat: no-repeat;
		}
		.flexsliderRemonteeProduits .box>a{
			max-width:15%;
		}
		
		.flexsliderRemonteeProduits .slide-caption{
			max-width:80%;
			min-height:1px !important;
		}
		.flexsliderRemonteeProduits .slide-caption .inner-caption h3{
			text-align:left;
		}
		.flexsliderRemonteeProduits a, .flexsliderRemonteeProduits .slide-caption{
			max-height:55px;
		}
		.slide-panel {
			height: auto;
			width:auto;
		}
		.panel {
			width: 100%;
			position: relative;
			height: auto;
		}
		.two-cols {
			width: 100%;
		}
		.two-rows {
			height: auto;
		}
		.box {
			height: auto;
			width: 100%;
		}
		
		.box img.illustrationSlide, .box .contenu, .box .thematique, .box p  {
			display: none;
		}
		.box .caption {
			position: relative;
			background: #EEE;
			overflow: hidden;
		}
		.box.green,
		.box.blue {
			background-color: #CCC;
		}
		.box.grey,
		.box.beige {
			background-color: #EEE;
		}
		h2.smartLink{
/*			border-bottom:1px solid #eeeeee;	*/
		}
		#panel-news-2, #panel-guide-2,
		#panel-news-3, #panel-guide-3,
		#panel-shop-2, #panel-shop-2,
		#panel-shop-3, #panel-shop-3 {
			left: 0;
		}
				
		#guides-pratiques .panel {
			height: auto;
		}
		#guides-pratiques .slide-panel {
			height: auto;
		}
		.box h2,
		.box h3 {
			text-align: center;
			font-size: 1em;
		}
		.box h2 a,
		.box h2 span,
		.box h3 a,
		.box.beige h2 a,
		.box.beige h2 span,
		.box.beige h3 a {
			color: #404040;
		}
		
		.grid-guide .box {
			width: 100%;
			margin: 0;
			min-height: 0;
			border-bottom: 1px solid #EEE;
		}
		.grid-guide .box.first {
			margin: 0;
		}
		.grid-guide .box.last {
			margin: 0;
		}
		.grid-guide .box h3 {
			margin-left: 3%;
			margin-bottom: 0;
		}
		.grid-guide .box a>img {
			float: left;
			max-height: 50px;
			margin-right: 2%;
		}
		.grid-guide .box p {
			display: none;
		}
		.link.blue,
		.link.green {
			margin: -10px 3% 20px 0;
		}
		
		#content .container.zoneRebond {
			padding-top: 0;
			margin-top: 0!important;
		}
/* FTH		#content .zoneRebond {
			margin-bottom: 0!important;
			margin-top: 0;
		}

		#content .container.zoneRebond {
			padding-top: 20px;
		} */
		#agendas, #services-en-ligne {
			margin-top: 1px;
		}
		
		/*#shop-content-wrap .slide-panel,
		#shop-content-wrap,
		#shop-content-wrap .panel {
			height: auto;
			min-height: 0;
		}
		#shop .box {
			width: 23%;
			margin: 24px 2% 0 0;
			min-height: 0;
		}
		#shop .shop-descr {
			position: relative;
		}*/
		
		#shop-wrap,
		#shop,
		#shop-content-wrap {
			display: none;
		}
		
		#footer {
			background: #5B5B5B;
		}
		#footer-content {
			padding: 20px 0;
			background-color: #404040;
		}
		#footer #footer-link {
			/*padding-top: 10px;
			width: 100%;*/
			display: none;
		}
		#footer #footer-link .box-footer {
			width: 23%;
			margin-left: 2%;
			margin-right: 0;
		}
		#footer #footer-contact {
			padding: 5px 0 0;
			text-align: center;
			width: 100%;
		}
		#footer #footer-contact .social {
			margin-bottom: 20px;
		}
		.social li {
			display: inline-block;
			float: none;
			height: auto;
		}
		#footer #footer-contact .social {
			padding: 0;
		/*	margin: 0;   */
		}
		.social li a img {
			margin-top: 0;
		}
		#footer #footer-contact .listeCCI {
			padding: 0;
			list-style: none;
			margin: 0 0 5px;
		}
		#footer #footer-contact .listeCCI li {
			padding: 0 0 0 11px;
			background:url(../images/chevron-blanc-alpha.png) no-repeat left 0.5em;
			display: inline-block;
		}
		.carteFranceFooter img {
			margin-top: 5px;
		}
		#footer .adresseFooter {
			margin: -90px 0 50px 0;
		}
		
		/* --- Barre mot cles --- */
		a.print, a.bigger, a.smaller {
			display: none;
		}		
		/* --- Page carrefour --- */
	.clearfixtablette:before,
	.clearfixtablette:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.clearfixtablette:after {
		clear: both;
	}

	.clearfixtablette {
		*zoom: 1;
	}
		.article-visuel, .article-title {
			margin-top: 0;
		}		
		.article-title h2,
		.article-title-left h2,
		.article-title-full h2,
		.article-title h1,
		.article-title-left h1,
		.article-title-full h1 {
			font: normal 2.665em 'DejaVu Sans Condensed Bold',sans-serif;
			width: 100%;
			font-weight:bold;
		}
		.noVisuel .article-title {
			max-width: 100%;
			margin-left: 4%;
			margin-top: 60px;
		}
		.noVisuel .article-title p {
			width: 90%;
			margin-left: 0;
		}
		#article-meta .tags {
			display: none;
		}
		#article-content {
			padding-bottom: 0;
		}
		#article-content.wide .box {
			margin-right: 1%;
			margin-left: 1%;
		}
		#article-content .box {
			width: 47.8%;
		}
		#article-content .box .box-header {
			min-height: 0;
			padding: 20px;
		}
		#article-content .box h3 a {
			color: #FFF;
		}
		
		.zoneRebond {
			float: none;
		}
		.bloc-zoneRebond {
			float: none;
			max-height: 245px;
			height: auto;
			width: 100%;
		}
		.zoneRebond .type4 {
			width: 96.4%;
		}
		.bloc-zoneRebond label {
			display: block;
		}
		.roundedField {
			padding-left: 10px;
		}
		
		/* Page article */		
		  
		.article-simple-content {
			padding: 0 1%;
		}
		
		/* Page article complexe */
		
		.navThematique {
			width: 100%;
			clear: both;
			float: none;
		}
		.navThematique li .blocNav {
			height: auto;
			display: block;
			padding: 10px;
		}
		.navThematique li {
			font: normal 1.334em 'DejaVu Sans Condensed Bold', sans-serif; /* 16px */
			background-image: none;
			margin-bottom: 1px;
			min-height: 0;
		}
		.navThematique li.currentNav {
			background-image: none;
			font-weight: bold;
		}
		.navThematique li a {
			font-weight: normal;
			font-size: 1.165em; /* 14px */
		}
		.article-complexe-content {
			width: 100%;
			padding: 0;
		}
		.accordeonBody, .bodyNoAccordeon, .article-complexe-content p {
			width: 96%;
			padding: 0 2%;
		}
		h3.titreAccordeonClosed {
			margin:0;
		}
		h3.titreAccordeonOpened, h2.titreAccordeonOpened{
			margin: 20px 0;
			font-size:1.56em;
		}
		h3.titreAccordeonOpened a, h2.titreAccordeonOpened a {
			background-color: #f2f2f2;
			color: #404040;
		}
		h3.titreNoAccordeon {
			background-color: #f2f2f2;
			color: #404040;
			margin: 20px 0;
			font-size: 1.334em;
		}
		/* Mantis #0058905 - Article 2-3 niveaux */
		.printAll{
		    display: none !important;
		}
		
		/* Prestations */
		
		#article-title.wide {
			width: 100%;
		}
		.article-title-full {
			margin-left: 2%;
		}
		.article-title-left {
			margin-left: 2%;
			width: 45%;
			margin-top: 0;
		}
		.article-title-right {
			width: 48%;
			margin-top: 0;
		} 
		#article-title .article-title-right p {
			font-size: 1.165em; /* 14px */
		}
		#article-content.left {
			width: 100%;
		}
		#article-content .box ul li {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.presta .presta-titre, .event-info .event-titre {
			float: none;
			height: auto;
			margin: 1% 0 0 0;
			padding: 1%;
			width: 98%;
		}
		.presta .presta-content, .event-info .event-content {
			float: none;
			font: 1em/12px Arial,sans-serif;
			height: auto;
			padding: 5px 2% 20px 2%;
			width: 96%;
		}
		.presta {
			border-bottom: none;
		}
		.presta-content ul {
			display: block;
			height: auto;
		}
		.presta-content p, .presta-content .presta-wrapper {
			display: block;
			height: auto;
		}
		#scrollcontainer,
		.sidebar.right {
			display: none;
		}
		#scrollcontainerResponsive {
			display: block;
		}
		
		/* Agendas */
		
		.title-form, .title-agenda {
			margin-left: 2%;
			margin-top: 0; 		/*FTH: 60px; */
		}
		#agenda-settings {
			width: 100%;
		}
		#agenda-settings .previous-date {
			left: 20%;
		}
		#agenda-settings .current-date {
			left: 34%;
		}
		#agenda-settings .next-date {
			left: 80%;
		}
		#agenda-settings p,
		#agenda-settings p.first {
			margin-left: 2%;
			float: none;
		}
		#agenda-settings p.first + p + p {
			float: none;
			clear: both;
			margin-top: 0;
		}
		#agenda-settings input.button-submit {
			width: 150px;
			float: right;
			margin: -40px 2% 0 0;
		}
		#view-type {
			display: none;
		}
		.grid-agenda .box {
			margin:0 0 5px 0 !important;
			padding:0 !important;
			width: 95% !important;
			height: auto;
		}
		.box-title a img{
			margin-top:0;

		}
		.grid-agenda .box.last {
			margin-right: 1%;
		}
		.grid-agenda .box h3,.grid-agenda .box h2 {
			text-align: left;
		}
		ul.rebondAgenda {
			margin-top: -40px!important;
		}
		.rebondAgenda .bloc-zoneRebond {
			min-height: 120px;
			float: left;
		}
		.rebondAgenda img.left {
			display: none;
		}
		.subListLinks {
			padding-left: 30px;
			margin-top: 0;
		}
		.bloc-zoneRebond h3 {
			font-size: 1.334em;
		}
		.subListLinks a {
			font-size: 1.165em;
		}
		.grid-agenda.affichageListe .box {
			margin-right: 11px;
		}
		
		.article-agenda-title {
			/* margin-top: -60px; */
			padding: 0 2%;
		}		
		.article-agenda-title img {
			float: none;
			margin: 0 0 5px 0;
			display: block;
		}
		#previous-event, #next-event {
			margin-bottom: 10px;
		}
		
		.liste-actualite-them .slide-panel,
		.liste-actualite-them.twitter .container-twit {
			height:auto;
		}

		.liste-actualite-them.twitter .container-twit  {
			width:100%;
			padding:0;
		}
		.liste-actualite-them.twitter .container-twit .box {
			float:none;
			margin:0 auto;
		}
		.liste-actualite-them.twitter .container-twit .box p {
			display:block;
		}
		.article-actu-title img {
			max-width:50%;
			width:50%;
		}
		
		/** A la une */
		.flexsliderALaUne{
			display:none;
		}
		.infosFormalite{
		width:50%;
		}
		.actionsFormalite{
		margin:0;
		width: 50%;
		}
    }

/* ==========================================================================
   Telephones - portrait
   ========================================================================== */
   
    @media only screen and (max-width: 479px) {
	   .container {
		  /*border: 1px solid red;*/
		   width: 100%;
	   }
	   .alternativeLink {
		   display: inline-block;
	   }
	   .smartLinkBox{
			display:none;
	   }
	   img {
		   max-width: 100%;
	   }
	   .portlet-column-content {
		padding:0px;
	   }
	   div.event-info, div.event-info .event-titre, div.event-info .event-content{
			width:98% !important;
		}
		.div.event-info .event-titre, div.event-info .event-content{
			padding:5px 2%;
		}
	   #navigation{
			min-height:0;
	   }
	   	.box-title a img{
			margin-top:0;
		}
		.portlet-boundary_FilteredList_WAR_FilteredListportlet_ .item_titre{
			display:block;
			max-height:auto;
			overflow:visible;
		}
		.bloc-zoneRebond .portlet-rss {
		    overflow:visible;
		    height:auto;
		}
		.bloc-zoneRebond{
			max-height:none !important;
		}
	   h2.box-title{
	    	font: 2.085em/27px Arial,sans-serif;
	    	margin-top:1px;
	    	line-height:1em;
	    	min-height:0;
	    	padding:2%;
	    }
	    .flexsliderRemonteeProduits .box>a{
			max-width:15%;
		}
		
		.flexsliderRemonteeProduits .slide-caption{
			max-width:80%;
			min-height:1px !important;
		}
		.flexsliderRemonteeProduits .slide-caption .inner-caption h3{
			text-align:left;
		}
		.Article-2-3-niveaux-portlet .navThematique li{
	    	padding-left:10px;
	    	padding-right:10px;
	    }
	    .Article-2-3-niveaux-portlet .navThematique li .blocNav{
			padding:10px 0;
	    	width:100%;
	    	
	    }
	    .Article-2-3-niveaux-portlet .navThematique li a{
	    	font-size:1em;
	    }
	    .Article-2-3-niveaux-portlet h2.titreAccordeonOpened{
	    	font-size:2em;
	    }
	    #slide-actu-content .asset-actions+p,
	    #slide-actu-content p.datepub{
	   		display:block;
	   		margin-top:2px;
	   	}
	   #header {
		   position:fixed;
		   z-index: 1000;
		   width: 100%;
		   top: 0;
	   }
	   #wrapperSliderRemonteeProduits .box{
			clear:left;
		}
		#wrapperSliderRemonteeProduits .helper-image{
			display:none;
		}
		#wrapperSliderRemonteeProduits img{
		  height:100%;
		  max-width : auto;
		  max-height : 50px;
		  margin:0;
		  padding:0;
		}
	   #sub-navigation-wrapper{
		display:none !important;
	   }
	   #header-content h1 {
		height: auto;
		line-height: normal;
		margin: 1% 1% 0 1%;
		width: 49%;  /* width: 169px; */
		max-height:38px;
	   }
	   #header-content .map-region {
		margin: 1% 0 0 1%;
		max-height: 38px;
		max-width: 100%;
	   }
	   #header-content .logo {
		max-width: 98%;
		margin-bottom: 1px;
	   }
	   #member-account {
		   width: 30%;
		   min-height: 50px;
		   padding: 0;
		   background-position: -25px top;
	   }
	   #member-account h2,
	   #member-account p,
	   #member-account p input,
	   #member-account p a,
	   #member-account .boutique,
	   #member-account form,
	   #header-content #explore {
		   display: none;
	   }
	   .smartphone-menu {
		   display: block;
	   }
	   .smartphone-menu li {
		   float: left;
		   margin-left: 25%;
		   margin-top: 14%!important;
	   }
	   .meanmenu-reveal img{
			margin-top:21px;
	   }
	   .smartphone-menu li:last-child {
		   margin-left: 10%;
	   }
	   #navigation {
	
		   position: absolute;
		   top: 50px;
		   right: 0;
		   z-index: 500;
	   }
		#navigation #menu {
			margin: 0;
		}
	   	#navigation #menu li,
		#navigation #menu .small {
			display: block;
			float: none;
			max-width: 100%;
			min-height: 20px;
			text-align: right;
		}
		#navigation #menu li a {
			padding: 0;
			min-height: 0;
		}
		#navigation #menu li a span {
			border-right: none;
			border-top: 1px solid #A5A5A5;
			display: block;
			height: auto;
			line-height: 1.4em;
			padding: 16px 20px 3% 1%;  /* FTH 3% 5% 3% 1% */
			top: auto;
			vertical-align: auto;
			max-width: 100%;
		}
/* FTH		#navigation #menu li:last-child a span {
			border-top: 1px solid #A5A5A5;
		}*/
		#navigation #profil {
			float: right;
			margin-right: 4%;
		}
		#navigation .social {
			display: none;
		}
		#navigation #search-form {
			float: right;
			margin-right: 12%;
		}
		#search-form input[type="text"],
		#search-form input[type="password"] {
			width: 100%;
		}
		#navigation #profil li ul.sub-menu {
			left: auto;
			right: 7px;
		}
		#navigation #profil li ul.sub-menu li a {
			min-width: 280px;
		}
		#navigation #profil li ul.sub-menu li a:hover,
		#navigation #profil li ul.sub-menu li a:focus {
			min-width: 280px;
		}
	   #breadcrumbs {
		   display: none;/* A GERER EN JS */
	   }
	   .petiteTablette {
		   display: none;
	   }
		
	   .slider-wrap {
		   display: none;
		   /* padding: 90px 0 10px 0; */
	   }
	   #slider img {
		   max-width: none;
	   }
	   #slider #caption {
		   right: 5%;
	   }
	   #slider {
		   overflow: hidden;
	   }
	   #content {
			padding-bottom: 1px;
			margin-top: 0px;
		}
	   #content .container,
	   .columns-1 .container, .columns-2 .container, .columns-3 .container {
		   margin-top: 0;
		   padding-top: 0px;
	   }
	   #content #guides-pratiques.container {
		   margin-top: 0;
		   padding-top: 0px;
	   }
	   .nav-panel {
		   display: none;
	   }
		h2.slide {
			margin: 0;
			padding: 2%;
			/* border-bottom: 1px solid #EEE;
			border-top: 1px solid #EEE; */
			float: none;
			background-color: #E30043;
			color: #FFF;
			margin-top:1px;
		}
		.smartLink.open {
			background-image: url(../images/fleche-mobile-open.png);
			background-position: right;
			background-repeat: no-repeat;
		}
		.smartLink.close {
			background-image: url(../images/fleche-mobile-close.png);
			background-position: right;
			background-repeat: no-repeat;
		}
		.slide-panel {
			height: auto;
			width:auto;
		}
		.flexsliderRemonteeProduits a, .flexsliderRemonteeProduits .slide-caption{
			max-height:55px;
			min-height:0;
		}
		.panel {
			width: 100%;
			position: relative;
			height: auto;
		}
		.two-cols {
			width: 100%;
		}
		.two-rows {
			height: auto;
		}
		.box {
			height: auto;
			width: 100%;
		}
		.box img.illustrationSlide, .box .contenu, .box .thematique, .box p  {
			display: none;
		}
		.box .caption {
			position: relative;
			background: #EEE;
			overflow: hidden;
		}
		.box.green,
		.box.blue {
			background-color: #CCC;
		}
		.box.grey,
		.box.beige {
			background-color: #EEE;
		}
		#panel-news-2, #panel-guide-2,
		#panel-news-3, #panel-guide-3,
		#panel-shop-2, #panel-shop-2,
		#panel-shop-3, #panel-shop-3 {
			left: 0;
		}
				
		#guides-pratiques .panel {
			height: auto;
		}
		#guides-pratiques .slide-panel {
			height: auto;
		}
		.box h2,
		.box h3 {
			text-align: center;
			font-size: 1em;
			text-transform: none;
		}
		.box h2 a,
		.box h2 span,
		.box h3 a,
		.box.beige h2 a,
		.box.beige h2 span,
		.box.beige h3 a {
			color: #404040;
		}
		
		.grid-guide .box {
			width: 100%;
			margin: 0;
			min-height: 0;
			border-bottom: 1px solid #EEE;
		}
		.grid-guide .box.first {
			margin: 0;
		}
		.grid-guide .box.last {
			margin: 0;
		}
		.grid-guide .box h3 {
			margin-left: 3%;
			margin-bottom: 0;
		}
		.grid-guide .box a>img {
			float: left;
			max-height: 50px;
			margin-right: 2%;
		}
		.grid-guide .box p {
			display: none;
		}
		.link.blue,
		.link.green {
			margin: -10px 3% 20px 0;
		}
		
		.box-title {
			clear:both;
			/* border-bottom:1px solid #eeeeee; */
		}
		
		#content .container.zoneRebond {
			padding-top: 0;
			margin-top: 0;
		}
		#content .zoneRebond {
			margin-bottom: 0!important;
			margin-top: 0;
		}
		#agendas, #services-en-ligne {
			margin-top: 0;
		}
		#agendas .box-title, #services-en-ligne .box-title {
			font: normal 2.085em/40px Arial,sans-serif;
			text-transform: none;
			padding-left: 6px;
		}
		.box-title a, .box-title span {
			display: none;
		}
		#services-en-ligne .smartLink.open {
			margin-top: 1px;
		}
		#services-en-ligne .smartLink.close {
			margin-top: 1px;
		}
		
		#shop-wrap,
		#shop-content-wrap {
			display: none;
		}
		
		#footer {
			background: #5B5B5B;
		}
		#footer-content {
			padding: 20px 0;
			background-color: #404040;
		}
		#footer #footer-link {
			/*padding-top: 10px;
			width: 100%;*/
			display: none;
		}
		#footer #footer-link .box-footer {
			width: 23%;
			margin-left: 2%;
			margin-right: 0;
		}
		#footer #footer-contact {
			padding: 5px 0 0;
			text-align: center;
			width: 100%;
			/* height: 100%; FTH: SmartPhone */
		}
		#footer-bottom {
			height: auto;
		}
		#footer-bottom ul li {
			float: none;
		}
		#footer-bottom ul li:after {
			content: "";
		}
		.social li {
			display: inline-block;
			float: none;
			height: auto;
		}
		#footer #footer-contact .social {
			padding: 0;
			margin: 0 0 10px;
		}
		.social li a img {
			margin-top: 0;
		}
		#footer #footer-contact .listeCCI {
			padding: 0;
			list-style: none;
			margin: 0 0 5px;
		}
		#footer #footer-contact .listeCCI li {
			padding: 0 0 0 11px;
			background:url(../images/chevron-blanc-alpha.png) no-repeat left 0.5em;
			display: inline-block;
		}
		.carteFrance {
    		position: relative;
		}
		.carteFranceFooter {
			display: none;
		}
		/*.carteFranceFooter img {
			margin-top: 5px;
		}*/
		#footer .adresseFooter {
			/*margin: -90px 0 50px 0;*/
			display: none;
		}
		
		/* --- Barre mot cles --- */
		a.print, a.bigger, a.smaller {
			display: none;
		}
		/* --- Page carrefour --- */
		
		.article-visuel {
			display: none;
		}
		.article-title {
			margin-top: 0;
			margin: 0 5%;
			max-width: 100%;
		}	
		.article-title h2,
		.article-title-left h2,
		.article-title-full h2,
		.article-title h1,
		.article-title-left h1,
		.article-title-full h1 {
			font: normal 2.5em 'DejaVu Sans Condensed Bold',sans-serif; /* 20px */
			width: 100%;
			font-weight:bold;
		}
		.article-title p {
			font: 1.165em/1.2em Arial,sans-serif; /* 14px */
		}
		.noVisuel .article-title {
			max-width: 100%;
			margin-left: 4%;
			margin-top: 60px;
		}
		.noVisuel .article-title p {
			width: 90%;
			margin-left: 0;
		}
		#article-meta {
			margin: 10px 0;
		}
		#article-meta .tags {
			display: none;
		}
		#article-content .box {
			width: 100%;
		}
		#article-content .box .box-header {
			min-height: 0;
			padding: 20px;
		}
		#article-content .box h3 a {
			color: #FFF;
		}
		#article-content .box ul li {
			padding: 10px;
		}
		
		.zoneRebond {
			margin:0 !important;
			padding: 0 !important;
			float: none;
		}
		.bloc-zoneRebond {
			float: none;
			max-height: 245px;
			height: auto;
			width: 100%;
		}
		.zoneRebond .type4 {
			width: 96.4%;
		}
		.bloc-zoneRebond label {
			display: block;
		}
		.roundedField {
			padding-left: 10px;
		}
		.zoneRebond .type2 .roundedField {
			width: 100px;
		}
		.zoneRebond .type2 input[type="submit"] {
			margin-left: 2px;
		}
		
		/* Page article */		
		  
		.article-simple-content {
			padding: 0 1%;
		}
		
		/* Page article complexe */
		
		.navThematique {
			width: 100%;
			clear: both;
			float: none;
		}
		.navThematique li .blocNav {
			height: auto;
			display: block;
			padding: 10px;
		}
		.navThematique li {
			font: normal 1.334em 'DejaVu Sans Condensed Bold', sans-serif; /* 16px */
			background-image: none;
			margin-bottom: 1px;
			min-height: 0;
		}
		.navThematique li.currentNav {
			background-image: none;
			font-weight: bold;
		}
		.navThematique li a {
			font-weight: normal;
			font-size: 1.165em; /* 14px */
		}
		.article-complexe-content {
			width: 100%;
			padding: 0;
		}
		.accordeonBody, .bodyNoAccordeon, .article-complexe-content p {
			width: 94%;
			padding: 0 3%;
		}
		h3.titreAccordeonOpened,h2.titreAccordeonOpened  {
			margin: 20px 0;
		}
		h3.titreAccordeonOpened a, h2.titreAccordeonOpened a{
			background-color: #f2f2f2;
			color: #404040;
		}
		h3.titreAccordeonClosed {
			margin:0;
		}
		h3.titreAccordeonClosed,
		h3.titreAccordeonOpened,
		h3.titreNoAccordeon,
		h2.titreAccordeonOpened {
			font-size: 1.334em;
		}
		h3.titreNoAccordeon {
			background-color: #f2f2f2;
			color: #404040;
			margin: 20px 0;
		}
		/* Mantis #0058905 - Article 2-3 niveaux */
		.printAll{
		    display: none !important;
		}
		
		/* Prestations */
		
		#article-title.wide {
			width: 100%;
		}
		.article-title-left,
		.article-title-right {
			margin-left: 2%;
			width: 96%;
			margin-top: 0;
			float: none;
			clear: both;
		}
		#article-title .article-title-right p {
			font-size: 1.165em; /* 14px */
		}
		#article-content.left {
			width: 100%;
		}
		div.event-info .event-titre, div.event-info .event-content{
			padding:0;
			margin:0;
			width:100% !important;
			border:0;
		}
		div.event-info .event-titre{
			height:auto;
			min-height:50px;
		}
		div.event-info{
			margin-right:0;
		}
		div.event-info .event-titre-wrapper, div.event-info .event-content-wrapper{
			padding:10px;
		}
		.presta .presta-titre, .event-info .event-titre {
			float: none;
			height: auto;
			padding: 1%;
			width: 98%;
		}
		.presta .presta-content, .event-info .event-content {
			float: none;
			font: 1em/12px Arial,sans-serif;
			height: auto;
			padding: 5px 2% 20px 2%;
			width: 96%;
		}
		.presta {
			border-bottom: none;
		}
		.presta-content ul {
			display: block;
			height: auto;
		}
		.presta-content p, .presta-content .presta-wrapper {
			display: block;
			height: auto;
		}
		#scrollcontainer,
		.sidebar.right {
			display: none;
		}
		#scrollcontainerResponsive {
			display: block;
		}
		
		/* Agendas */
		
		.title-form, .title-agenda {
			margin-left: 2%;
			margin-top: 0; 		/*FTH: 70px; */
			margin-bottom: 0;
		}
		#agenda-settings {
			width: 100%;
		}
		
		#agenda-tab li {
			margin-left: 1px;
			width: 45.5%;
		}
		#agenda-settings .previous-date {
			left: 2%;
		}
		#agenda-settings .current-date {
			left: 25%;
		}
		#agenda-settings .next-date {
			left: 94%;
		}
		#agenda-settings p,
		#agenda-settings p.first {
			margin-left: 2%;
			float: none;
		}
		#agenda-settings p.first + p + p {
			float: none;
			clear: both;
			margin-top: 0;
		}
		#agenda-settings input.button-submit {
			width: 150px;
			float: none;
			margin: 0 2% 0 0;
		}
		#view-type {
			display: none;
		}
		.grid-agenda.affichageListe .box {
			margin-bottom: 2px;
			padding: 5px;
			margin-right: 0;
			margin-left: 0;
		}
		.grid-agenda .box {
			width: 95% !important;
			height: auto;
		}
		.grid-agenda .box.last {
			margin-right: 1%;
		}
		.grid-agenda .box h3,.grid-agenda .box h2 {
			text-align: left;
		}
		ul.rebondAgenda {
			margin-top: -40px!important;
		}
		.rebondAgenda .bloc-zoneRebond {
			min-height: 135px;
			float: left;
		}
		.rebondAgenda img.left {
			display: none;
		}
		.subListLinks {
			padding-left: 30px;
			margin-top: 0;
		}
		.bloc-zoneRebond h3 {
			font-size: 1.334em;
		}
		.subListLinks li {
			margin: 3px 0;
			line-height: 1em;
		}
		.subListLinks a {
			font-size: 1.165em;
		}
	   	#content .container.small-margin {
			padding-top: 10px;
		}
		
		.article-agenda-title {
			/* margin-top: -40px; */
			padding: 0 2%;
		}		
		.article-agenda-title img {
			float: none;
			margin: 0 0 5px 0;
			display: block;
		}
		#previous-event, #next-event {
			margin-bottom: 10px; 
		}
		
		.liste-actualite-them .slide-panel {
			height:auto;
		}

		.liste-actualite-them.twitter .container-twit  {
			width:100%;
			padding:0;
		}
		.liste-actualite-them #agenda-tab {
			width:auto;
		}
		.liste-actualite-them #agenda-tab {
			width:auto;
		}
		.liste-actualite-them.twitter .container-twit .box {
			float:none;
		/*	width:auto; Affichage Imag Twitt */
			margin:0 auto;
		}
		.liste-actualite-them.twitter .container-twit .box p {
			display:block;
		}
		.article-actu-title img {
			max-width:50%;
			width:50%;
		}
		
		/** A la une */
		.flexsliderALaUne{
			display:none;
		}
		/*--Regles Page Personnel--*/
		
		.infosFormalite{
		width:50%;
		}
		.actionsFormalite{
		margin:0;
		width: 50%;
		}
    }