/* ------------------------------------------
	DEFAULT
	---------------------------------------- */
.article{
	display:inline-block;
	width:100%;
	padding-bottom:50px;
	font-size:12px;
	text-align:left;
	color:#666666;
	font-family:'Arial', 'Helvetica', sans-serif;
	padding-top:4px;
}

.article:last-child{
	padding-bottom:10px;
}

.article a{
	color:#ff5a49;
	text-decoration:underline;
}

.article a:hover{
	text-decoration:none;
}

.article h3 { /* title */
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	color:#ff5a49;
	margin:0;
	padding:0 0 2px 0;
}

.article h4{ /* subtitle */
	font-family:'Yanone Kaffeesatz', sans-serif;
	padding:4px 0 6px 0;
	margin:0;
	font-size:22px;
	line-height:24px;
	color:#8e9ba6;
	font-weight:normal;
}

.article h5,
.article h6,
.article h7,
.article h8{ 
	margin:12px 0 3px 0;
	padding:0;
	font-family:'Arial', sans-serif;
}

.article h5{ /* H1 */
	font-size:17px;
	line-height:16px;
	font-weight:bold;
	color:#5c6b79;
	padding-bottom:2px;
}

.article h6{ /* H2 */
	font-size:16px;
	line-height:15px;
	color:#5c6b79;
	padding-bottom:0;
}

.article h7{ /* H3 */
	font-size:15px;
	line-height:14px;
	color:#ff5a49;
	padding-bottom:0;
	font-weight:bold;
	width:100%;
	display:inline-block;
	padding-bottom:2px;
	border-bottom:1px #aaaaaa dotted;
}

.article h8{ /* H4 */
	font-size:13px;
	font-weight:bold;
	color:#5c6b79;
	width:100%;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px #aaaaaa dotted;
}

.article h5:first-child,
.article h6:first-child,
.article h7:first-child,
.article h8:first-child{
	margin-top:0px;
}

.article .text{
	float:left;
	padding:6px 0 0 0;
	margin:0;
	font-size:13px;
	line-height:19px;
	color:#5c6b79;
	display:table;
	width:100%;
}

.article .text p,
.article .text div{
	text-align:left;
	padding:2px 0 10px 0;
	margin:0;
	font-size:13px;
}

.article .text b,
.article .text strong{
	color:#5c6b79;
	font-size:13px;
}

.article .text i{
	color:#8e9ba6
}


/* ---------------------------
	GESTION DES LISTES
	-------------------------- */
.article ul {
	/* hauteur de la puce en pixels : en cohérence avec la hauteur d'une ligne */
	list-style-image:url('../../media/grey_li.png');
	list-style-position:outside;
	font-size:13px;
	margin:0;
	padding:2px 0;
	padding-left:5px;
	padding-top:6px;/* padding à gauche sinon la puce est rognée sur IE7, fixé à 0 : fonctionne très bien à partir de IE8 */
}

.article ul:last-child {		
	padding-bottom:0;
	margin-bottom:0;
}

.margin_frame  .article ul {
	list-style-image:url('../../media/grey_li.png');
}

.article ul li {
	position:relative;
	left:14px; /* indentation à gauche */
	padding-right:10px;	 /* attention : même valeur que ci-dessus */
	padding-bottom:4px; /* espacement vertical entre chaque ligne */
	line-height:19px;
}
	
.article ol {
	margin:4px 0px 4px 0px;
	padding:0px;
	padding-left:4px;
}

.article ol li {
	position:relative;
	list-style-type:decimal;
	list-style-position:outside;
	left:14px;					 /* indentation à gauche */
	padding-right:12px;	 /* attention : même valeur que ci-dessus */
	padding-bottom:4px; /* espacement vertical entre chaque ligne */
	line-height:14px;
}


/* ---------------------------
	GESTION IMAGE PRINCIPALE
	-------------------------- */
.article .left{
	float:left;
	margin:10px 15px 10px 0;
}

.article .right{
	float:right;
	margin:10px 0 10px 15px;
}

.article .left img {
	float:left;
}

.article .right img {
	float:right;
}

.article .left img,
.article .right img,
.article .top img,
.article .bottom img{
	 border:4px #eeeeee solid;
}

.article .top,
.article .bottom{
	width:612px;
}

.article .top img,
.article .bottom img{
	width:100%;
}

.article .bottom{
	margin-top:12px;	
}

.article .illus_comment{
	font-size:11px;
	line-height:14px;
	color:#596b75;
	display:inline-block;
	width:100%;
	padding:4px 8px;
	background:#f5f6f8;
	margin-top:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.article .illus_comment b{
	color:#596b75;
	font-size:11px;
}




/* ------------------------------------------
	GESTION DES LIENS (DOCUMENTS & LIENS) 
	---------------------------------------- */
.article .resources_list {
	display:inline-block;
	width:100%;
	margin:0;padding:0;
	float:left;
	clear:both;
	}

/* Documents & Liens */
.article .text div.document,
.article .text div.external_link,
.article .text div.internal_link{
	float:left;
	display:table;
	font-size:13px;
	line-height:17px;
	margin:0 25px 10px 0;
	padding:0;
}

.article .text div.document span,
.article .text div.external_link span{
	color:#909090;
	font-size:12px;
}

/* Tableau de ressources (si > 5) */
.ressources_table {
	float:left;
	width:100%;
	font-size:12px;
	margin:15px 0px 20px 0px;
}

.ressources_table thead th{
	color:#7f705a;
	font-size:11px;
	font-weight:normal;
	padding:4px 0px 4px 0px;
	background:#ECECEC;
	border:1px #CCCCCC solid;
	border-style:none none solid none;
}

.ressources_table td{
	color:#7f705a;
	font-size:12px;
	font-weight:normal;
	padding:6px 4px 6px 4px;
}

.ressources_table .icon{
	width:22px;
	text-align:center;
}

.ressources_table .rtitle{
	color:#5a4936;
	text-align:left;
	border:1px #eeeeee solid;
	border-style:none solid none none;
}

.ressources_table .rtitle a{
	color:#5a4936;
	text-decoration:none;
	font-weight:bold;
}

.ressources_table .rtitle a:hover{
	text-decoration:none;
	color:#7f705a;
}

.ressources_table .rsubtitle{
	color:#5a4936;
	text-align:center;
}

.ressources_table .date{
	color:#5a4936;
	border:1px #eeeeee solid;
	border-style:none solid none solid;
	text-align:center;
}

.ressources_table .btn{
	text-align:center;
	width:110px;
}

.ressources_table .btn a{
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	padding:3px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	-moz-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
	background:#ce3f03;
	color:#fff;
	border:1px #ce3f03 solid;
	
}

.ressources_table .btn a:hover{
	background:#78a50a;
	border:1px #78a50a solid;
	color:#fff;
}


/* --------------------------------------------------
	GESTION DES RESSOURCES (Galerie, Carte, Video..)
	------------------------------------------------ */
.article .resources{
	float:left;
	display:inline-block;
	margin-top:25px;
	padding-top:15px;
	background:url('../../media/dotted_line_02.png') no-repeat 0 0;
}

.article .resources .title_zone{
	border:1px #cccccc solid;
	border-style:dotted none dotted none;
	font-weight:bold;
	color:#bebfbf;
	color:#505050;
	font-size:15px;
	padding:10px 20px;
	margin-top:35px;
	clear:both;
	background:url('../media/add_coment_icon.gif') no-repeat 6px 8px;
	padding-left:35px;
}

.article .resources .title_zone.nb{
	background:url('../media/coments_icon.gif') no-repeat 6px 8px;
	padding-left:35px;
}

.article .resources .title_zone span{
	color:#DF3D82;
}

.article .media {
	clear:both;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

.article .media .title{
	margin:0 0 2px 0;
	padding:3px 0px 8px 28px;
	font-size:19px;
	line-height:19px;
	color:#5c6b79;
	font-weight:normal;
	font-family:'Arial', serif;
	white-space:nowrap;
}

.article .media.map .title{
	background:url('../../media/map_icon.png') no-repeat 0 0;
}

.article .media.gallery .title{
	background:url('../../media/gallery_icon.png') no-repeat 0 0;
}

.article .media.video .title{
	background:url('../../media/video_icon.png') no-repeat 0 0;
}

.article .media .content{
	 display:inline-block;
	 background:#fff;
}

.article .media .gmap{
	float:left;
	border:4px #e8f1f7 solid;
	width:642px;
	height:300px;
}

.article .media .gmap img{
	background:none;
	margin:0px;
	padding:0px;
	border:none;
}

.article .gallery{
	padding-top:30px;
}

.article .gallery .content{
	padding:0px; 
	border:none;
	margin-bottom:30px;
}

.article .gallery .diaporama {
	float:left;
	width:630px;
	margin-top:4px;
}

.article .gallery .diaporama div{
	float:left;
	margin:0 12px 12px 0;
}

.article .gallery .diaporama img{
	 border:4px #eeeeee solid;
	 -moz-opacity :1; 
	opacity:1;
}

.article .gallery .diaporama img:hover{
	 -moz-opacity :0.7; 
	opacity:0.7;
}


/* ------------------------------------------
	GESTION DES COMMENTAIRES
	---------------------------------------- */
.comment_frame .add_comment,
.comment_frame .list_comment{
	clear:both;
	width:100%;
	float:left;
	margin:10px 0;
	width:600px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.comment_frame .item{
	padding:10px 0px 0px 0px;
	font-weight:bold;
	font-size:12px;
	color:#454545;
}

.comment_frame .item span{
	font-weight:normal;
	color:#858585;
}

.comment_frame input{
	width:270px;
	height:15px;
	background:url('../../media/form/input_bg.gif') repeat-x 0px 0px;
	font-size:11px;
	padding:4px 0px 4px 5px;
	margin:0px;
	border:1px #cccccc solid;
	color:#252525;
	font-size:12px;
	-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.comment_frame .value_error input{
	border: 1px solid #df3d82;
}

.comment_frame textarea{
	width:290px;
	height:115px;
	background:#fff;
	border:1px #cccccc solid;
	color:#353535;
	font-size:11px;
	font-family:'verdana', sans-serif;
	padding:3px 0px 3px 5px;
	-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.comment_frame .value_error textarea{
	border: 1px solid #df3d82;
}

.comment_frame .btn{
	float:right;
	margin:12px 4px 0 0;
	font-size:14px;
	padding:8px 15px;
}

.comment_frame .btn a{
	padding:0;
	background:none;
}

.comment_frame .valide b {
	color:#3aa3db
}

.comment_line {
	border:4px #eeeeee solid;
	background:#fff;
	padding:10px;
	margin-bottom:15px;
	width:630px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:13px;
	line-height:18px;
	color:#505050;
}

.comment_line b{
	color:#555555;
}

.comment_line .infos {
	color:#757575;
	border-bottom:1px #cccccc solid;
	margin-bottom:10px;
}

.comment_line .infos b{
	color:#78a50a;   /* Couleur secondaire du client */
}

.comment_frame .title_zone{
	margin:0 0 2px 0;
	padding:8px 0px 8px 30px;
	font-size:20px;
	line-height:22px;
	color:#8d8273;
	font-weight:normal;
	background:url('../../media/add_icon.png') no-repeat 0 7px;
}

.comment_frame .title_zone.nb{
	background:url('../../media/coments_icon.png') no-repeat 0 7px;
}

.comment_frame .title_zone span{
	color:#78a50a;   /* Couleur secondaire du client */
}

.comment_frame .error,
.comment_frame .valide{
	text-align:left;
	font-size:12px;
	line-height:17px;
	margin:15px 0 10px 0;
	color:#555555;
	background:url('../../media/form/warning_icon.png') no-repeat 10px 10px;
	padding:0 0 0 40px;
	border:1px #cccccc solid;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px 10px 10px 50px;
}

.comment_frame .error b{
	color:#353535;
	font-size:13px;
}

.comment_frame .valide{
	font-size:12px;
	line-height:17px;
	color:#4D4D4D;
	line-height:16px;
	padding:2px 0px 2px 40px;
	background:url('../../media/form/valid_icon.png') no-repeat 0 0;
}

.comment_frame .valide b{
	font-family:'Arial';
	color:#353535;
	font-size:13px;
}

.comment_frame .valide a{
	color:#df3d82;
}

.comment_frame .valide a:hover{
	text-decoration:none
}


/* ------------------------------------------
	SPECIFIQUE
	---------------------------------------- */

/* MARGIN */
.margin-frame .article:last-child{
	padding-bottom:0;
}

.margin_frame .article h3{ 
		color:#5c6b79;
		font-family:'Yanone Kaffeesatz', sans-serif;
		font-size:21px;
		line-height:21px;
		font-weight:normal;
}

.margin_frame .article h4{ 
	color:#ff5a49;
	font-size:19px;
	line-height:19px;
}

.margin_frame .article h5,
.margin_frame .article h6{ 

}

.margin_frame .article h7,
.margin_frame .article h8{ 
	color:#ff5a49;
}




.margin_frame .article .left img,
.margin_frame .article .right img,
.margin_frame .article .top img,
.margin_frame .article .bottom img{
	 -moz-box-shadow:none; 
    -webkit-box-shadow:none;   
	  box-shadow:none; 
	  padding:0;
	  width:270px;
	  border:1px #fff solid;
}

.margin_frame .article .left,
.margin_frame .article .right{
	width:105px;
}

.margin_frame .article .top,
.margin_frame .bottom{
	width:270px;
}

.margin_frame .article .left{
	margin:2px 17px 15px 2px;
}

.margin_frame .article .right{
	margin:2px 2px 15px 17px;
}

.margin_frame .article .text .left .illus_comment,
.margin_frame .article .text .right .illus_comment{
	width:105px;
}

.margin_frame .article .text {
	text-shadow:1px 1px 1px #ffffff;

	}

/* FULL */
.full.intro .article:last-child{
	padding-bottom:0;
	margin-bottom:0;
}

.full .article .left,
.full .article .right{
	width:286px;
}

.full .article .text .left .illus_comment,
.full .article .text .right .illus_comment{
	width:200px;
	float:left;
}

.full .article .text .right .illus_comment{
	float:right;
}

/* FIRST TEMPLATE */
#article_list {
	float:left;
	display:inline-block;
	width:100%;
	padding:0;
}

#article_list h2{
	padding:12px 10px 6px 25px;
	margin:25px 0 0 0;
	/*border-top:1px #eeeeee solid;*/
	color:#00A5C9;
	font-weight:normal;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-size:29px;
	line-height:29px;
}

.article.list{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px 0;
	margin-bottom:20px;
	background:url('../../media/dotted_line_02.png') no-repeat 0 0;
}

.article.list .date{
	font-family:'Arial',sans-serif;
	position:absolute;
	margin:0 0 0 -60px;
	width:49px;
	height:68px;
	line-height:15px;
	padding:11px 0;
	text-align:center;
	color:#aaaaaa;
	font-size:16px;
	background:url('../../media/date_bg.png') no-repeat 0 0;
}

.article.list h3 {
	font-size:25px;
	line-height:25px;
	color:#5c6b79;
	padding:0;
}

.article.list h4 {
	padding:0;
}

.article.list .left{
	float:left;
	margin:0 15px 0 0;
}

.article.list img{
	-moz-opacity :1; 
	opacity:1;
	 border:none;
}

.article.list img:hover{
	-moz-opacity :0.7; 
	opacity:0.7;
}

.article.list .text{
	padding:0;
	margin:0;
}

.article.list .text .content{
	float:left;
	width:500px;
}

.article.list .text b,
.article.list .text strong{
	font-size:13px;
	color:#5c6b79;
}

.article.list .text i{
	color:#858585;
}

.article.list .text p{
	padding:0 0 4px 0;
	margin:0;
}

/* Equipe */
.article.list.equipe{
	padding:20px 0 0 0;
	margin:0;
}

.article.list.equipe .text .content{
	float:left;
	width:400px;
}

.article.list.equipe img{
	border:4px #e8f1f7 solid;
}



/* galerie */
.article.galerie .resources{
	float:left;
	display:inline-block;
	margin-top:25px;
	padding-top:15px;
	background:none;
}

.article.galerie h3 { /* title */
	color:#5c6b79;
}


/* 3 colonnes */
.article.list.tricols{
	float:left;
	width:295px;
	padding:15px 15px 15px 15px; 
	margin:15px 25px 15px 0;
	background:url('../../media/white85_bg.png') repeat;
	-moz-box-shadow: 1px 1px 2px #cccccc; 
    -webkit-box-shadow: 1px 1px 2px #cccccc;   
	box-shadow: 1px 1px 2px #cccccc; 
}

.article.list.tricols h3{
	font-size:28px;
	line-height:28px;
	color:#ff5a49;
	font-family:'Yanone Kaffeesatz', sans-serif;
}

.article.list.tricols .left{
	float:left;
	margin:10px 0 0 0;
}

.article.list.tricols .left img{
	border:4px #e8f1f7 solid;
}

.article.list.tricols .text{
	padding:0 5px;
}

/* ACCORDION (FAQ..) */
#accordion {
	float:left;
	width:100%;
	margin-top:20px;
}

.accordion_title{
	border-bottom:1px #dbe4eb solid;
}

.accordion_title:first-child {
	border-top:1px #dbe4eb solid;
}

.accordion_title h3{
	color:#5c6b79;
	font-size:21px;
	padding:14px 0 14px 38px;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
	font-family:'Yanone Kaffeesatz', sans-serif;
	cursor:pointer;
	background:url('../../media/arrow_close.png') no-repeat 10px center;

}

.accordion_title.selected h3{
	color:#ff5a49;
	border:1px #ff5a49 solid;
	 background:url('../../media/arrow_open.png') no-repeat 10px center;
}

.article.slider{
	border-top:1px #dbe4eb solid;
	background:url('../../media/accordion_bg.png') repeat 0 0;
}

.article.slider .text{
	padding:5px 15px;
	width:90%;
	color:#5c6b79
}

.article.slider .text p{
	color:#5c6b79
	text-shadow:1px 1px 1px #ffffff;
}

.article.slider .text b,
.article.slider .text strong{
	color:#5c6b79
}

.article.slider .resources{
	margin-top:0;
	padding-top:0;
	border-top:none;
}

.article.slider .gallery .content{
	margin:0;
}

.article.slider .gallery .diaporama {
	width:620px;
	margin-top:0;
	margin-left:20px
}

.article.slider .gallery .diaporama img{
	border:4px #dbe4eb solid;
}