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

.article.photo{
	padding-top:0;
	padding-bottom:0;
}

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


.col .article{
	border-bottom:1px #c0bfbd dashed;
	padding:25px 0 20px 0;
}

.col .article:last-child{
	border-bottom:none;
}

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

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

#article_list {
	float:left;
	display:inline-block;
	width:100%;
}

.article.list{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	/*padding:15px 25px;*/
	border-bottom:1px #c0bfbd dashed;
	padding:15px 0;
}

.article.cols{
	float:left;
	width:195px;
	height:185px;
	overflow:hidden;
	margin-right:20px;
}

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

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

/*
.article h3,
h3{ 
	font-family:'OFL Sorts Mill Goudy TT', 'Arial', serif;
	color:#4d4d4d;
	font-weight:normal;
	margin:0;
	font-size:1.7em;
	padding:0 0 2px 0;
	padding:5px 12px;
	background:#df3d82;
	background:url('../../media/h3_bg.png') repeat 0 0;

	color:#fff;
	text-transform:uppercase;
}
*/

.article h3 { /* title */
	font-family: 'arial', sans-serif;
	color:#5a4936;
	font-weight:normal;
	margin:0;
	font-size:25px;
	line-height:29px;
	margin:0;
	padding:0 0 2px 0;
}

/*
.full .article h3 { 
	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
	font-size:30px;
	line-height:30px;
}
*/

#ie_h3 {
	display:none;
}

.margin_frame .article h3{ 
		/*color:#cd3f02;*/
		font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
		font-family: 'arial', sans-serif;
		font-size:27px;
		line-height:31px;
		font-size:19px;
		line-height:20px;
}

.col .article h3{ 
	font-size:23px;
	line-height:25px;
	color:#7F7169;
/*	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
	color:#7F7169;
	font-size:26px;
	line-height:26px;*/
}

.article.list h3 {
	font-size:16px;
	line-height:20px;
	margin-top:8px;
	padding-bottom:4px;
	font-weight:bold;
	color:#5a4936;
}

.article h4{ /* subtitle */
	font-family: 'Arial', sans-serif;
	padding:0 0 5px 0;
	margin:0;
	font-size:20px;
	line-height:24px;
	color:#78A50A;
	font-weight:normal;

	/*font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
	font-size:22px;
	line-height:24px;*/
}

.margin_frame .article h4{ 
	color:#5a4936;
	color:#cd3f02;
	font-size:20px;
	line-height:23px;
	font-size:17px;
	line-height:19px;
}

.col .article h4{
	color:#78A50A;
	font-size:18px;
	line-height:21px;
}

.article h5,
.article h6,
.article h7,
.article h8{ /* H1 */
	margin:10px 0px 0px 0px;
	padding:0 0 0 0;
	font-family: 'Arial', sans-serif;
	/* display:inline-block; */ /* A vérfier... */
}

.article h5{ /* H1 */
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	color:#78A50A;
	padding-bottom:4px;
}

.article h6{ /* H2 */
	font-size:19px;
	color:#78A50A;
	padding-bottom:3px;
	font-weight:normal;
}

.article h7{ /* H3 */
	font-size:18px;
	color:#78A50A;
	padding-bottom:3px;
	font-weight:normal;
	display:inline-block;

}

.article h8{ /* H4 */
	font-size:17px;
	font-weight:bold;
	color:#78A50A;
	width:100%;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:1px #aaaaaa dotted;
	display:inline-block;
}

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

.margin_frame .article h5,
.margin_frame .article h6,
.margin_frame .article h7,
.margin_frame .article h8{ 
	color:#CD3F02;
	font-size:18px;
}

.margin_frame .article h7{ 
	background:#7f7169;
	/*background:#ce3f03;*/
	color:#fff;
	font-size:18px;
	padding:10px;
	line-height:21px;
}

.article .infos{
	color:#7f705a;
	padding:0;
	margin:0;
}

.article .infos a{
	color:#7f705a;
}

.article .infos .comment{
	background:url('../../media/comment_icon.png') no-repeat 0px 0px;
	padding-left:20px;
}

.article .left,
.article .right,
.article .top,
.article .bottom{
	/*padding:5px 5px 0 5px; 
	border:1px #d9e2e7 solid;*/
	/*background:#f5f6f8;*/
}

.article .left img {
	float:left;
}

.article .right img {
	float:right;
}

.article .left img,
.article .right img,
.article .top img,
.article .bottom img{
	-moz-box-shadow: 0px 0px 4px #74858e; 
    -webkit-box-shadow: 0px 0px 4px #74858e;   
	 box-shadow: 0px 0px 4px #74858e;
	 padding:8px;
	 background:#fff;
}


.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;
}

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

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

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

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



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


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


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

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

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

.article.list img{
	-moz-opacity :1; 
	opacity:1;
	padding:8px;
	-moz-box-shadow: 0px 0px 5px #74858e; 
    -webkit-box-shadow: 0px 0px 5px #74858e;   
	 box-shadow: 0px 0px 5px #74858e;
	 background:#fff;
}

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


.margin_frame .article .left,
.margin_frame .article .right,
.margin_frame .article .top,
.margin_frame .article .bottom,
.col .article .left,
.col .article .right,
.col .article .top,
.col .article .bottom{
	/*padding:0;
	border:none;*/
}

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

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

.article.photo .top{
	margin-top:0;
	padding-top:0;
}

/* 
.main_article .article .text,
.margin_article .article .text{
	clear:both;
}

.main_article .article .left,
.main_article .article .right,
.margin_article .article .left,
.margin_article .article .right{
	float:left;
	clear:both;
	margin:5px 0px 8px 0px;
}

.margin_article {
	width:300px;
	float:right;
}
*/

.article .text .illus_comment,
.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;
}

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


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

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

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

.article .text{
	float:left;
	padding:4px 0 0 0;
	margin:0 0 0 0;
	font-size:13px;
	line-height:20px;
	color:#505050;
	display:table;
	width:100%;
}

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

}

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

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

/* Link */
/*
.article .text div.internal_link,
.slider_container .content div.link,
.comment_frame .btn,
.form .btn{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-border-radius:5px;
	background:#f4ba28;
    color: #FFFFFF;
    font-size:12px;
    padding:4px 10px 4px 10px;
	margin:3px 0 0 0;
	font-weight: bold;
	text-transform:uppercase;
	float:left;
	border:1px #DF3D82 solid;
	text-shadow:1px 1px 1px #ce8c09;
	font-family: 'Arial', serif; 
	cursor:pointer;
	margin:0 15px 15px 0;
}

.slider_container .content div.link{
    padding:8px 13px;
	margin-top:12px;
	font-size:13px;
}

.form .btn{
    float:right;
	margin-right:0;
	padding:7px 12px;
	margin-top:10px;
}


.article .text div.internal_link a,
.slider_container .content div.link a,
.comment_frame .btn a,
.form .btn a{
	background:url('../../media/white_arrow_02.png') no-repeat right 4px;
	padding:0 10px 0 0;
	margin:0;
	color:#fff;
	text-decoration:none;
}

.article .text div.internal_link:hover,
.slider_container .content div.link:hover,
.comment_frame .btn:hover,
.form .btn:hover{
	 background:#24B59D;
	 border-color:#0F967F;
	 text-shadow:1px 1px 1px #0F967F;

	 background:#a0a0a0;
	 border-color:#71858e;
	 text-shadow:1px 1px 1px #71858e;

}
*/


.comment_frame .btn,
.form .btn,
#back_btn,
.form_frame .btn{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-border-radius:2px;
	background:#656565;
    color: #FFFFFF;
    font-size:12px;
    padding:6px 10px;
	margin:3px 0 0 0;
	font-weight: bold;
	text-transform:uppercase;
	float:left;
	border:1px #505050 solid;
	text-shadow:none;
	font-family: 'Arial', serif; 
	cursor:pointer;
	margin:0 15px 15px 0;
	background:#78a509;
    color: #FFFFFF;
	border:1px #aaaaaa solid;
}

.form .btn,
.form_frame .btn,
#back_btn{
    float:left;
	margin-right:0;
	padding:8px 12px;
	margin-top:10px;
	border:none;
}

.comment_frame .btn a,
.form .btn a,
.form_frame .btn a,
#back_btn a{
	background:url('../../media/white_arrow_02.png') no-repeat right 4px;
	padding:0 10px 0 0;
	margin:0;
	color:#fff;
	text-decoration:none;
}

#back_btn a{
	background:url('../../media/back_arrow.png') no-repeat 0 4px;
	padding:0 0 0 10px;
	margin:0;
	color:#fff;
	text-decoration:none;
}

.comment_frame .btn:hover,
.form .btn:hover,
.form_frame .btn:hover,
#back_btn:hover{
	 background:#78a509;
	 border:none;
	 text-shadow:none;
}

.comment_frame .btn{
	background:#78a50a;
    color: #FFFFFF;
	border:none;
	margin:-4px 0 0 888px;
	padding:10px 15px 10px 15px;
	font-weight: bold;
	font-size:13px;
}


#back_btn{
	margin:0 0 7px 0;
	border:1px solid #cbcbcc;
	background:#ffffff;
}

#back_btn a{
	color:#7f7164;
}


/* Document */
.article .text div.document,
.article .text div.external_link,
.article .text div.internal_link{
	float:left;
	font-size:13px;
	line-height:18px;
	margin:0 25px 4px 0;
}

.article.list div.external_link{
	float:none;
	margin-top:5px;
}

.article .text div.external_link a,
.article .text div.internal_link a{
	text-decoration:none;
	font-weight:bold;
	color:#3a2c1f;
	background:url('../../media/link_icon.png') no-repeat 2px 3px;
	padding:2px 0 2px 20px;
}

.article .text div.external_link a:hover,
.article .text div.internal_link a:hover{
	color:#7f7169;
	background:url('../../media/link_icon.png') no-repeat 2px 3px;
}


.article .text div.document a{
	text-decoration:none;
	font-weight:bold;
	color:#3a2c1f;
	padding:2px 0;
	background:none;
}

.article .text div.document a:hover{
	color:#7f7169;
}


.article .text .application_pdf div.document {
	background:url('../../media/pdf_icon.gif') no-repeat 2px 3px;
	padding-left:23px;
}

.article.list .text div.external_link a{
	color:#78a50a;
	font-size:14px;
	padding:0 25px 0 0;
	background:url('../../media/link_icon.gif') no-repeat right 4px;
}

.article.list .text div.external_link a:hover{
	color:#ce3f03;
	background:url('../../media/link_icon_over.gif') no-repeat right 4px;
}

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


.article .resources_list {
	display:inline-block;
	width:100%;
	margin:0;
	
	float:left;
	clear:both;

	/*
	border:1px #c0bfbd dashed;
	padding:10px 10px 0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
	}

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

.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;
	/*text-shadow:1px 1px 1px #71858e;*/
	-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;
	/*text-shadow:1px 1px 1px #445660;*/
}

.article .resources{
	float:left;
	display:inline-block;
	margin-top:15px;
	border-top:1px #a0a0a0 dotted;
}


.article .resources .title_zone{
	border:1px #999999 dotted;
	border-style:dotted none dotted none;
	font-weight:bold;
	color:#bebfbf;
	color:#505050;
	font-size:14px;
	padding:10px 20px 10px 18px;
	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:20px;
	padding-bottom:20px;
	border-bottom:1px #999999 dotted;
}

.article .media .title{
	margin:0 0 2px 0;
	padding:2px 0px 8px 30px;
	font-size:25px;
	line-height:22px;
	color:#8d8273;
	font-weight:normal;
	font-family:'Arial', serif;
}

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

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

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

.article .media .content{
	 -moz-box-shadow: 0px 0px 5px #74858e; 
    -webkit-box-shadow: 0px 0px 5px #74858e;   
	 box-shadow: 0px 0px 5px #74858e; 
	 padding:8px;
	  display:inline-block;
	  	background:#fff;
}

.article .media .gmap{
	float:left;
	width:580px;
	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:600px;
	margin-top:4px;
}

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

.article .gallery .diaporama img{
	 -moz-box-shadow: 0px 0px 5px #74858e; 
    -webkit-box-shadow: 0px 0px 5px #74858e;   
	  box-shadow: 0px 0px 5px #74858e; 
	  padding:8px;
	  background:#fff;
}



.article ul {
			/* hauteur de la puce en pixels : en cohérence avec la hauteur d'une ligne */
			list-style-image:url('../../media/green_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 */
/*			text-align:left;*/
		}

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

.margin_frame  .article ul {
			list-style-image:url('../../media/red_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;
		
		}


/* Comments */
.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
}