@charset "iso-8859-1";

/*
 * www.KNACSS.com V2.1 @author: Raphael Goetter, Alsacreations
 * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
 */


/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size: 62.5%;
}
body {
	background-color: #fff;
	color: #000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea {
	font-size: 1em; /* equiv 14px */
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}
h1, .h1-like {
	font-size: 1.8571em; /* equiv 26px */
	line-height: 1.6154em;
	margin: 1.6154em 0 .8077em 0;
}
h2, .h2-like {
	font-size: 1.7143em; /* equiv 24px */
	line-height: 1.75em;
	margin: 1.75em 0 .875em 0;
}
#contents .PostDetail h2,
#contents .PostDetail h3{
	margin: 0 0 0 0;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	line-height: 1.909em;
	margin: 1.909em 0 .9545em 0;
}
h4, .h4-like, #rightbar h3 {
	font-size: 1.4286em; /* equiv 20px */
	line-height: 1.05em;
	margin: 2.1em 0 1.05em 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	line-height: 1.1667em;
	margin: 2.3334em 0 1.1667em 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	line-height: 1.3125em;
	margin: 2.625em 0 1.3125em 0;
}

/* alternate font-sizing */
.smaller {
	font-size: .7143em; /* equiv 10px */
	line-height: 2.1em;
	margin: 2.1em 0 2.1em 0;
}
.small {
	font-size: .8571em; /* equiv 12px */
	line-height: 1.75em;
	margin: 1.75em 0 1.75em 0;
}
.big {
	font-size: 1.1429em; /* equiv 16px */
	line-height: 1.3125em;
	margin: 1.3125em 0 1.3125em 0;
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
	line-height: 1.1667em;
	margin: 1.1667em 0 1.1667em 0;
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
	line-height: 1.05em;
	margin: 1.05em 0 1.05em 0;
}
.fb_edge_widget_with_comment {
	float: left;
	margin-right: 10px;
}

/* Link font color */
a{
	color:#000;
}
.yellow,
.yellow a{
	color: #FFFFEB;
}
	.yellow a:hover {
		color: white;
	}
.black,
.black a{
	color: #000;
}
	.black a:hover {
		color: #000;
	}
.noLink,
.noLink a{
	text-decoration: none;
}
.greyDark,
.greyDark a,
a.greyDark{
	color: #464545;
}
	.greyDark a:hover{
		color: #000;
	}
.whiteLink,
.whiteLink a{
	color: #FFF;
}
.greyLight,
.greyLight a{
	color: #a4a4a4;
}
	.greyLight a:hover{
		color: #000;
	}
.red ,
.red a{
	color: red;
}
.bGrey{
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 0.5em;
}
.bWhite{
	background: none repeat scroll 0 0 #FFF;
}

/* soft reset */
html,
body,
label {
	margin: 0;
	padding: 0;
}


ul,
ol {
	padding-left: 2em;
}
code,
pre,
samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }
.m-reset { margin: 0 !important; }
.p-reset { padding: 0 !important; }

/* avoid collapsing margins on headings */
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, object, video {
	max-width: 100%;
	height: auto;
}
.medias img{
	max-width: 600px;
}

a img { border: 0; }


/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */

/* switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* float layout */
/* ----------- */

/* block that can contain several .mod , can contain floats */
.line {}

/* module, contains floats */
.mod,
.widget { padding: 1em; }

/* generaly inside .mod, can contain .item */
.items {}

/* fluid, contains floats, can be placed next to a float */
.item { overflow: hidden; }
.txtEllipsis { text-overflow: ellipsis; }

/* table layout */
/* ------------------ */
.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row > *,
.col {
	display: table-cell;
	vertical-align: top;
	padding: 1em;
}

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
	clear: both;
}
.clear{
	line-height: 1px;
	height: 1px;
}
.clear{
	clear:both;
	visibility:hidden;
}
/* blocks that can contain floats */
.clearfix:before, .clearfix:after,
.line:before, .line:after,
.mod:before, .mod:after,
.widget:before, .widget:after {
	content: "";
	display: table;
}
.clearfix:after,
.line:after,
.mod:after,
.widget:after {
	clear: both;
}
form .row {
	display: block;
}
.obligatory,
.error,
.error_form,
.boardDelete{
	color: red;
}


/* alignments (blocks and inline) */
/* ------------------------------ */
.separator{
	height: 2px;
	margin: 10px;
	overflow: hidden;
	background-color: #dddddc;
	border-bottom: 1px solid #FFF;
	padding: 0;
}
.separator.vertical{
	width: 2px;
	margin: 10px;
	overflow: hidden;
	background-color: #dddddc;
	border-right: 1px solid #FFF;
	padding: 0;
	height: 20px;
}
.shadow img{
	border: 1px white solid;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(200, 200, 200, 1);
	box-shadow:  0px 0px 2px 1px rgba(200, 200, 200, 1);
}
.img40{
	width: 40px;
	max-height: 40px;
	overflow: hidden;
	padding: 0;
}
.img50{
	width: 50px;
	max-height: 50px;
	overflow: hidden;
	padding: 0;
}
.img60{
	width: 60px;
	max-height: 60px;
	overflow: hidden;
	padding: 0;
}

/* left elements */
.left {
	float: left;
	margin-right: 1em;
}
.mod.left,
.widget.left,
.col.left {
	margin-right: 0;
}

/* right elements */
.right {
	float: right;
	margin-left: 1em;
}
.mod.right,
.widget.right,
.col.right {
	margin-left: 0;
}
.dispNone{
	display: none;
}
.authLeft .author{
	float:left;
}
.authLeft .commentsDatas{
	float:right;
}
.noDesc .widgetTagCloudDescription{
	display: none;
}
.agendaWidget .item{
	background: url("/images/agenda.png") 100% 0% no-repeat;
	padding-right: 30px;
}
.noEncart{
	background-color: transparent !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0)  !important;
	box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0)  !important;
	border: none  !important;
	padding: 0  !important;
}
	.noEncart h4{
		display: none;
	}
.noAuthor .origin{
	display: none;
}
.noMore .more{
	display: none;
}
.noRightbar #rightbar{
	display: none;
}
input#aliasid{
	width: 200px;
	min-width: 200px;
}
.validAlias input#aliasid{
	background: url("/images/aliasOK2.png") no-repeat scroll 99% 50% #96cd00;
	color: white;
}
.oneCol #container{
	width: 100%;
}
.pub{
	text-align: center;
}

.center    { margin: auto; }
.txtleft   { text-align: left; }
.txtright  { text-align: right; }
.txtcenter { text-align: center; }
.displayNone{display: none;}
.cursorLink{cursor: pointer;}
.bgBlue{background-color: #67c9ca;}
.listClear ul{padding:0; margin: 0; list-style: none; display: inline;}
.listClear li{padding:0; display: inline;}

/* 1em gutter between elements if parent is .gut */
.row.gut > * + * {
	border-left: 1em solid #fff; /* must be color of parent background */
}
.line.gut > .left  { margin-right: 1em; }
.line.gut > .right { margin-left: 1em; }

/* "multicolumns" with % gutter */
.line.gut2 > *     { width: 49%; }
.line.gut2 > * + * { margin-left: 2%; }
.line.gut3 > *     { width: 32.333%; }
.line.gut3 > * + * { margin-left: 1.5%; }
.line.gut4 > *     { width: 24%; }
.line.gut4 > * + * { margin-left: 1.333%; }

/* just inline-block */
.inbl {
	display: inline-block;
	vertical-align: top;
}

/* blocks widths (percentage and pixels) */
.w5    { width: 5%; }
.w10    { width: 10%; }
.w15    { width: 15%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w45    { width: 45%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.mw960p { max-width: 960px; }
.mw150p { max-width: 150px; }

/* margins */
.mt0   { margin-top: 0; }
.mt0-5   { margin-top: .5em; }
.mt1   { margin-top: 1em !important; }
.mt1-5 { margin-top: 1.5em; }
.mt2   { margin-top: 2em; }
.mt3   { margin-top: 3em; }
.mr0   { margin-right: 0; }
.mr1   { margin-right: 1em; }
.mr2   { margin-right: 2em; }
.mb0   { margin-bottom: 0; }
.mb0-5   { margin-bottom: 0.5em; }
.mb1   { margin-bottom: 1em; }
.mb1px   { margin-bottom: 1px; }
.mb1-5 { margin-bottom: 1.5em; }
.mb2   { margin-bottom: 2em; }
.mb3   { margin-bottom: 3em; }
.ml0   { margin-left: 0; }
.ml0-5 { margin-left: 0.5em; }
.mr0-5 { margin-right: 0.5em; }
.mr0-2 { margin-right: 0.2em; }
.mr1 { margin-right: 1em; }
.ml0-5   { margin-left: .5em; }
.ml1   { margin-left: 1em; }
.ml2   { margin-left: 2em; }
.mt-14   { margin-top: -14px !important; }

.pb0{padding-bottom: 0;}
.pb0-5{padding-bottom: .5em;}
.p0-5x0-2{padding: 0.5em 0.2em}
.pt0-5{padding-top: .5em;}
.pt0{padding-top: 0;}
.pb0{padding-bottom: 0;}
.pt0{padding-top: 0;}
.pt1{padding-top: 1em;}
.pt2{padding-top: 2em;}
.pl2{padding-left:2em;}
.pl0{padding-left: 0;}
.p0-2{ padding: 0.2em;}
.p0-5{ padding: 0.5em;}
.p1{ padding: 1em;}
.ptb0-5{padding :0.2em 1em !important;}

.pSMall{padding:.1em .4em .0em !important;}

.lh120{line-height: 120%;}

#contents .bgWhite{
	background-color: #fff;
}
.filterPresta h4{

}

/* hiding content */
.visually-hidden {
	position: absolute;
	left: -7000px;
	overflow: hidden;
}
[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}

.desktop-hidden { display: none; } /* hidden on desktop */
.mobile-hidden {} /* hidden on mobile */
.tablet-hidden {} /* hidden on tablets */
.phone-hidden {} /* hidden on smartphones */



/* ----------------------------- */
/* ==Agenda */
/* ----------------------------- */
.agenda #steps span:first-child{
	display: none;
}

/* ------------
CALQUES OVERDIV
--------------*/
#overDiv{
	background:#ffffff;
	border:1px solid #eeeeee;
	margin:0;
	width:300px;
	position: absolute;
	top:0;
	left: 0;
}
	#overDiv p{
		margin:0;
	}
	#overDiv ul li{
		background:none;
		padding:0;
	}
	#overlibheader div{
	}
	div.overlibcaption{
		float:left;
		font-size:14px;
		font-weight:bold;
		padding:5px 0 0 5px;
		width:200px;
	}
	div.overlibclose{
		padding:0 5px;
		text-align:right;
	}
	#overlibheader a{
		background:none;
		border:none;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
	#overlibcontent{
		clear:both;
		padding:10px;
	}
	#overlibfooter{
		padding:5px;
		text-align:right;
	}
	#overDiv table,
	#overDiv td,
	#overDiv th{
		word-wrap: normal;
	}

/* ----------------------------- */
/* ==profil */
/* ----------------------------- */
.profile_detail .label {
	font-weight: 700;
}
.profile_detail ul {
	margin-bottom: 0;
}
.profile_detail .fiche .item div {
	margin-bottom: 5px;
}
.profile_detail .fiche .item div.Fname{
	margin-bottom: 0;
}

.bProfil .profile_wall,
.bProfil .myBlog{
	clear: none;
    float: left;
    width: 49%;
}
.bProfil .form_wall .detail{
	display: none !important;
}
.bProfil .wWall,
.bProfil .myBlog,
.bProfil .form_wall{
	margin-right: 0;
	 background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 0.5em;
    overflow: hidden;
}
.bProfil .profile_wall .respons textarea {
   /* min-width: 147px;
    width: 147px;*/
    padding:2px;
}
.bProfil .myBlog{
	float: right;
	padding: 14px;
}

.accueil.bCms #article .profile_wall{
	height: 1063px;
	overflow-y: auto;
	margin-right: -14px;
	padding-right: 14px;
	padding-left: 2px;
}


.bProfil .userComment{
	margin: 0;
}
.wWall form,
.wWall fieldset{
	border: none;
	padding: 0;
	/*display: inline;*/
	background: transparent;

}
.bProfil .wWall .formulaire {
	padding: .5em 1em;
	border-top: 1px solid #EEEEEE;
}
	.bProfil .wWall .formulaire h1{
		display: none;
	}
	.bProfil .wWall .formulaire label{
		padding: 0;
		width: auto;
	}
	.bProfil .wWall .formulaire .row div{
		padding: 0;
	}
	.wWall .formulaire .clear{
		display: none;
		clear: none;
	}
.bProfil .wWall fieldset div.row{
	display: inline;
}
.bProfil .wWall .formulaire input[type="text"]{
	min-width: 230px;
	padding: 1px 5px;
}
.wWall .formulaire .submit {
    display: inline;
}
.wWall .formulaire label {
    width: auto;
}
.murActiv .wWall .formulaire input[type="text"]{
	width: 670px;
}
.wWall .formulaire .submit input {
	padding: 1px 5px;
	background: #dadada;
    border: none;
}
.bProfil .wWall .bWhite{
	/*background: transparent;	*/
}
.bProfil .wWall .respons{
	margin-left: 50px;
}
.message_body{

}
.message_body .wall_picture{

}
/* Progress bar */
#profile_progressbar{
	position: relative;
	height: 20px;
	background: #BCBCBC;
	margin-bottom: 15px;
	border-radius: 4px;
}
	#profile_progressbar .legend{
		position: absolute;
		top:0;
		left: 0;
		color: white;
		padding: 0 10px;
		text-shadow: 0 -1px 1px #000;
	}
	#profile_progressbar .progress{
		border-radius: 2px;
		background: #BA3F43;
		border-radius: 4px;
	}
#accountProfilePreview #linkEditAction{
	clear: both;
	 margin-left: 40%;
}



/* ----------------------------- */
/* ==Contact */
/* ----------------------------- */
.contact .more{
	display: none;
}

/* ----------------------------- */
/* ==UNivers */
/* ----------------------------- */
.bCms #article .profile_wall {
	height: 900px;
	overflow-y: auto;
	margin-right: -14px;
	padding-right: 14px;
	padding-left: 2px;
}
.lastRef .w25 img{
	max-width: 116px;
}
.bCms .lastRef{
	width: 100%;
}
.bCms .lastRef .w25{
	/*width: 50%;*/
	margin: 0;
	font-size: .8em;
	line-height: 120%;
}
	.bCms .lastRef .lineDes{
		display: none;
	}
	.bCms .lastRef h2{
		line-height: 120%;
	}
	.widgLinkOuter2{
		display: none;
	}
	.lastDrup .widgLinkOuter2,
	.lastEM .widgLinkOuter2,
	.lastEz .widgLinkOuter2,
	.lastJoo .widgLinkOuter2,
	.lastMage .widgLinkOuter2,
	.lastPrest .widgLinkOuter2,
	.lastTypo .widgLinkOuter2,
	.lastWord .widgLinkOuter2{
		display: block;
	}
.accueil .lastRef .w25{
	width: 50%;
}

/* ----------------------------- */
/* ==mur */
/* ----------------------------- */
#list_comments .comment .author{
	font-weight: bold;
	font-style: normal;
}
#list_comments .comment .author:after {
  content: " - ";
}
.listComments .comment .author{
	font-weight: bold;
	font-style: normal;
}
.listComments .comment .author:after {
  content: " - ";
}
.addComments form label{
	width: 120px;
}
/*.widgetProfileActivity{
	background: white !important;
}*/
.widgetProfileActivity .respons,
.widgetProfileActivity .bWhite{
	background-color: #f4f3f3 !important;
}
.murActiv .widgetProfileActivity{
	padding: 0;
	background-color: #f4f3f3 !important;
}
.murActiv #article h1,
.murActiv #article .origin,
.murActiv .social,
.murActiv .elt1{
	display: none;
}
.murActiv .wWall{
	clear: both;
}
.murActiv .form_wall{
	float: none;
	margin-bottom: 0;
	background: white;
	margin-bottom: 10px;
}
.murActiv .form_wall .formulaire .row > div {
	padding: 0;
}
.murActiv fieldset {
	/*float: left;
	width: 91%;
	margin:0;
	padding: 0;*/
}
.murActiv #divwall_image_input,
.murActiv #divwall_options{
	width: 45%;
	float: left;
	clear: none;
}
.murActiv .submit{
	/*text-align: left;*/
}
.profile_wall .userMessage,
.profile_wall .emajineMessage {
	position: relative;
}
.bProfil .profile_wall .userMessage,
.bProfil .profile_wall .emajineMessage {
	padding-right: 10px;
}
.profile_wall .aMessage .messageAction a,
.profile_wall .userMessage .messageAction a,
.profile_wall .emajineMessage .messageAction a {
    height: 16px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 16px;
    overflow: hidden;
    text-indent: -5555px;
    background: url(/images/deleteMessage.png) no-repeat 50% 50%;
}
.murActiv .profile_wall .userMessage .messageAction a,
.murActiv .profile_wall .emajineMessage .messageAction a {
    right: 0;
}
.divAddPicture {
	clear: both;
}
	.divAddPicture a#addPicture{
		display: block;
		background: url(/images/joinPicture.png) 0 50% no-repeat;
		padding-left: 30px;
		color: #777777;
		text-decoration: none;
		padding: 5px 0 5px 30px;
	}
		.divAddPicture a#addPicture:hover{
			color: black;
		}
.accueil .profile_wall .bGrey{
	width: 100%;
}
.form_wall{
	position: relative;
	z-index: 2;
	width: 100%;
}
.form_wall  label{
	width: 100%;
	padding: 0;
	text-align: left;
	font-size: 12px;
}
.form_wall  .user_name {
	width: 100%;
	padding: 0;
	text-align: left;
	font-size: 12px;
}
.murActiv .more{
	display: none;
}
.form_wall textarea{
	margin-bottom: 0;
}
#divwall_message,
#divwall_image_input,
#divwall_options{

}
.comment{
	clear: both;
}
.form_wall .user_information,
.addComments .currentProfile{
	float: left;
	padding: 0;
	margin-right: 10px;
	width: 150px;
}

.form_wall .row > * {
	padding: 0;
}
.form_wall form{
	border: none;
	padding: 0;
	background: none;
}
	.form_wall form .clear{
		display: none;
	}

    .bProfil #divwall_message {
	   /* width: 370px;
	    float: left;*/
    }
    .bProfil .form_wall {
	    position: relative;
    }



.user_information{
	display: inline;
	position: relative;
	/*float: left;*/
	margin-right: 5px;
}
.addComments .user_information{
	float: left;
}
.user_information img{
	float: left;
	max-width: 40px;
	max-height: 40px;
	margin-right: 10px;
}
#divwall_message .user_information img{
	max-width: 50px;
	max-height: 50px;
}
.user_name{
	cursor: default;
	font-weight: bold;
}
.userMessage{
	clear: both;
	/*margin: .5em 0;*/
}
.accueil .message_time{
	/*margin-left: 00px;*/
}
.accueil .social{
	display: none;
}
.message_time { margin-left: 50px; }
.picture .message_time { clear: both; }
.accueil .widgLinkOuter2 { display: block; }
.form_wall h1 { display: none; }
.wall_picture {
	margin-top: 5px;
	margin-left: 50px;
	margin-right: 10px;
}
.accueil .wall_picture{
	max-width: 350px;
}
.bProfil .wall_picture,
.bProfil .wall_picture{

}
.wall_picture img {
	border: 1px silver solid;
	margin-right: 10px;
	margin-bottom: 5px;
}
.row3.gut2 > * { width: 48%; }
.row3.gut2 .univers { width: 25%; }
.row3.gut2 .widgetProfileActivity {
	position: relative;
	width: 71%;
}
.bProfil .separator,
.murActiv .separator {
   /* margin: 20px 10px;*/
}
a.addComm{
	margin-bottom: 20px;
}
.row3.gut2 > * + * {
	margin-left: 4%;
}
.respons{
	margin: 0 0 0 50px;
	/*overflow: hidden;*/
	padding: 0 5px;
}
	.respons img{
		max-width: 30px;
		max-height: 30px;
		float: left;
		margin-right: 5px;
	}
		.respons .row_comment:last-child{
			padding-bottom: .5em;
		}
		.respons fieldset{
			/*float: left;*/
			margin: 0;
			/*width: auto;*/
		}
		.respons .clear{
			display: none;
		}
		.respons .user_information {
			padding: 0;
	    }
	   	.respons div{
			/*display: inline;*/
		}
		.respons textarea{
			margin-bottom: 0;
			/*min-width: 500px;*/
		}
	.accueil .wWall .respons{
		padding: 0 5px;
	}
	.profile_wall .respons textarea {
	   	/*min-width: 600px;
	   	width: 600px;*/
    }
    .row_comment{
	    display: block !important;
	    margin-left: 0;
    }
    .row_comment{

    }
    .respons form{
	    display: block;
	    margin: 0;
	    clear: both;
	   /* padding: 5px 0;*/
    }
    .respons .commentAction a{
	    float: right;
	    background: url("/images/deleteRespons.png") no-repeat scroll 50% 50% transparent;
	    height: 10px;
	    overflow: hidden;
	    text-indent: -5555px;
	    width: 10px;
    }
    fieldset .user_information .user_name,
    .addComments .user_name{
	    display: inline-block;
	    font-weight: bold;
	    margin-top: 5px;
	    max-width: 120px;
	    line-height: 100%;
    }
    .addComments .commentField label{
	    display: none !important;
    }
    .commentField{
    	/*display: inline-block;
    	width: 300px;   */
    }

    .addComments .submit{
	   display: inline;
    }

     .notLoged .commentField{
    	display: inline;
    	width: auto;
    }
    .notLoged .addComments .commentField label{
	    display: inline-block !important;
    }
    .notLoged .addComments .submit{
	   display: block;
    }

    #confirmmsg{
	    color: red;
	    display: block;
	    margin-bottom: 10px,
    }


/* Petit calque roll over */
.user_information .detail{
	display: none;
	font-size: 11px;
}
.user_information.userMessageActive .detail{
    display: block;
    left: -0px;
    position: absolute;
    top: 15px;
    width: 300px;
	z-index: 2;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0 3px 8px rgba(0,0,0,0.3);
	background: #ffffff;
	border: 1px solid #666666;
	overflow: hidden;
	color: black;
}
.user_information ul {
	margin-bottom: 0;
}
.user_information .head {
	background-color: #f1f1f1;
	padding: 10px 15px;
	margin: -12px -12px 5px;
	font-size: 1.5em;
	color: black;
}
.user_information .mod {
	overflow: hidden;
}
.user_information .mod > div {
	margin-bottom: 5px;
}
.user_information.userMessageActive .detail img{
	float: none;
	max-width: 100%;
	max-height: 100%;
	margin-right: 0px;
}
.user_information.userMessageActive .detail div{
	display: block;
}
.bProfil .userComment .submit{
	/*width: 380px;*/
}
.form_wall .pictures {
	float: left;
	clear: both;
	margin-top: 10px;
}
.form_wall .submit {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
.respons .commentZone{
	display: block !important;
}

.blocMessage:hover{
	/*background: #e8e6e6;*/
}
.addComments .profileWithImage .currentProfile{
    margin-right: 0;
}

/* cas o� l'image dans profil est renseign� */
#divwall_message .user_information.profileWithImage .user_name,
.addComments .profileWithImage .user_name{
    display: none;
}
.form_wall .user_information.profileWithImage,
.addComments .profileWithImage .currentProfile{
	margin-right: 10px;
	width: 50px;
}
.bProfil .form_wall.profileWithImage textarea {
    margin-bottom: 0;
    min-width: 380px;
    width: 380px;
}
.bProfil .userComment textarea {
    margin-bottom: 0;
    min-width: 330px;
    width: 330px;
}
.bProfil .form_wall.profileWithImage textarea, x:-moz-any-link {
    min-width: 370px;
    width: 370px;
}
.bProfil .userComment textarea, x:-moz-any-link{
    min-width: 330px;
    width: 330px;
}
.commentZone .profileWithImage .user_name{
	display: none;
}
.murActiv .form_wall textarea{
    max-width: 100%;
    width: 805px;
}
.murActiv .wWall form.profileWithImage textarea{
	width: 790px;
	max-width: 790px;
}
.addComments .profileWithImage .currentProfile{
    margin-right: 0;
}
.addComments .profileWithImage textarea {
 	width: 440px;
 	min-width: 440px;
}
.commentField, x:-moz-any-link {
    clear: none;
    float: left;
}
.blocMessage .separator {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* cas o� l'image dans profil n'est pas renseign� */
#divwall_message .user_information.profileWithoutImage .user_name,
.addComments .profileWithoutImage .currentProfile{
    text-align: right;
    display: block;
    padding-top: 3px;
}
.addComments .profileWithoutImage .currentProfile img{
	display: none;
}
.form_wall.profileWithoutImage  textarea {
	min-width: 270px;
	width: 270px;
}
.murActiv .form_wall.profileWithoutImage textarea{
    width: 700px;
}
.form_wall .submit, x:-moz-any-link{
	margin-right: 15px;
}
.respons .commentZone .profileWithoutImage .user_name {
	max-width: none;
}
.murActiv .wWall form.profileWithoutImage textarea{
	width: 700px;
	max-width: 700px;
}
.murActiv .respons .commentZone .profileWithoutImage .user_name {
    display: block;
    max-width: 120px;
    float: left;
    padding-right: 5px;
    width: 120px;
    text-align: right;
}
.addComments .profileWithoutImage textarea {
 	width: 300px;
 	min-width: 300px;
}


/* ----------------------------- */
/* ==structure */
/* ----------------------------- */
.max{
	max-width: 960px;
}
#container{
	padding-left: 0;
	min-width: 625px;
}
.deuxColl #container{
	max-width: 625px;
}
.inner{
	padding:0 1em;
}
.commentsDatas{
	background: url("/images/pictoComment.png") 0% 50% no-repeat;
	padding-left: 20px;
}
.accueil #article .widgetHighlightPosts a.btn{
	display: none;
}
.accueil #article .widgetHighlightPosts .img40{
	width: 100px;
	max-height: 100px;
}
.accueil #article .widgetHighlightPosts .widgLinkOuter{
	margin-top: -20px;
}
.bCms #article .widgetHighlightPosts .txtcenter{ display: none;}
.bCms #article .widgetHighlightPosts .sepaLast{ display: none;}

.bPrestataires .adscol1,
.bPrestataires .adscol2,
.bPrestataires .adscol3,
.bPrestataires .adscol4{
	width: 23.5%;
	float: left;
}
	.bPrestataires .adscol1 .encart img,
	.bPrestataires .adscol2 .encart img,
	.bPrestataires .adscol3 .encart img,
	.bPrestataires .adscol4 .encart img{
		max-width: 150px;
		max-height: 100px;
		vertical-align:middle;
	}
	.bPrestataires .adscol1 .encart,
	.bPrestataires .adscol2 .encart,
	.bPrestataires .adscol3 .encart,
	.bPrestataires .adscol4 .encart{
		min-height: 250px;
		height: 250px;
	}
	.bPrestataires .adscol1 .encart h3,
	.bPrestataires .adscol2 .encart h3,
	.bPrestataires .adscol3 .encart h3,
	.bPrestataires .adscol4 .encart h3{
		font-size: 16px;
		text-align: center;
		background: #67c9ca !important;
		padding: 0;
		margin: 0 -14px;
		display: block;
	}

	.bPrestataires .encart .Elogo {
	  height:110px;
	  line-height:110px;
	  text-align:center;
  }
.bPrestataires #accountAuthentification,
.ref #accountAuthentification {
	margin-bottom: 30px;

}
.bPrestataires .adscol1,
.bPrestataires .adscol2,
.bPrestataires .adscol3{
	margin-right: 2%;
}
.inputNoLimit select{
	min-width:inherit;
}

.prestaSimple.encart.bleu .widgetContainer .widgTitle {
	background: none !important;
	color: black !important;
}
.prestaSimple .descPresta,
.prestaSimple .small {
	display: none;
}
.prestaSimple .resumAds2{
	width: 32%;
	display: inline-block;
	vertical-align: top;
	background-color: white;
	margin-bottom: .5em;
	cursor: pointer;
}
.prestaSimple .resumAds2 h3{
	font-size: .8em !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	text-align: center;
}
.prestaSimple .resumAds2 h3 a{
	color: black;
}
.sitemap .accueilMenu{
	height: auto;
}
	.sitemap .accueilMenu a {
		width: auto;
		height: auto;
		background: none;
		margin: 0;
	}
		.sitemap .accueilMenu a span {
			display: block;
		}
.submit {
	text-align: center;
}
#accountProfileActivity .formulaire form label {
	width: 500px;
}
.relative{
	position: relative;
}


/* ----------------------------- */
/* ==Forum */
/* ----------------------------- */
.newpost form label,
.newtopic form label {
	width: 100px;
}
.boardPostPreviewContent{
	font-style: italic;
}
.boardContent{
	clear: both;
}
.board table th{
		padding: .3em 1em;
		background: #c5c300;
		color: white;
		text-shadow: 0px -1px 1px #6b6a00;
		border-right: 1px #dddddd solid;
		text-align: center;
}
.board table th a{
	color: white;
	text-decoration: none;
}
.boardActions{
	position: absolute;
	top:5px;
	right: 10px;
}
.board table{
	background: white;
}
.board tbody tr:nth-child(2n+1) {
    background: white;
}
.board .boardCrumb{
	position: absolute;
	top: 5px;
	left: 100px;
}
td.boardTopicFlag div {
	height: 22px;
	width: 22px;
}
/* Begin board/categories.html */

div.board img{
	float: left;
	max-width:500px;
}
div.board table{
	margin: 10px 0;
	border: none;

}
div.board_crumb {
	/*background:#ededed;*/
	padding:2px 5px;
}
div.board_actions{
	text-align:right;
}
div.board_content{
}
div.board_footer h4 {
	margin:0;
	padding:0;
}
div.board_footer li {
	background: url(/common_images/skin001/syndication.png) no-repeat 0 50%;
	list-style:none;
	padding:2px 0 2px 18px;
}


/*************************Forums*********************/
.boardContent table {
	table-layout: auto;
}

.boardContent table thead th {
	padding .3em 10px;
}

.flag {
	font-weight:bold;
}
td.board_category h3 {
	margin: 5px;
}
td.boardForumFlag {
	padding: 4px;
	width: 55px;
}
td.boardForumFlag div {
	height: 25px;
	width: 46px;
}
div.board_forum_open {
	background: url(/common_images/board/folder_big.gif) no-repeat center left;
}
div.board_forum_closed {
	background: url(/common_images/board/folder_locked_big.gif) no-repeat center left;
}
td.board_forum_forum h4 {
	margin: 0;
}
td.boardForumTopics, td.boardForumPosts, td.boardTopicReplies {
	width: 30px;
	padding: 0;
	text-align: center;
}

td.boardRopicAuthor {
	padding: 10px;
	text-align: center;
}

td.boardForumLastpost {
	width: 150px;
}

td.board_forum_topics, td.board_forum_posts, td.board_forum_lastpost {
	text-align:center;
}
td.board_forum_lastpost a {	text-align:center; font-weight:normal;}
td.board_category {
	border-bottom:1px solid #0097C7;
	border:1px solid #ffffff;
	border:none;
	padding:15px 0 0 0;
}
/*************************Topics**********************/
td.boardTopicFlag {
	height: 22px;
	width: 22px;
}
td.gret div{
	height: 22px;
	width: 22px;
}
div.board_topic_normal {
	background: url(/common_images/board/folder.gif) no-repeat center center;
}
div.board_topic_sticky {
	background: url(/common_images/board/folder_sticky.gif) no-repeat center center;
}
div.board_topic_announcement {
	background: url(/common_images/board/folder_announce.gif) no-repeat center center;
}

td.board_topic_topic {
	width: 40%;
}
td.board_topic_replies, td.board_topic_author, td.board_topic_views, td.board_topic_lastpost{
	text-align: center;
}

td.boardTopicLastpost {
	width: 120px;
}

/*************************Posts************************/
#posts{
	border:2px solid #eee;
	margin:5px 0;
	padding:2px;
}
div.boardPost{
	background:#ddd;
	border-top: 3px solid #3a3a3a;
}
div.boardPostUser{
	float:left;
	padding:5px 0;
	text-align:center;
	width: 100px;
}
div.boardPostUser .avatar{
	height:80px;
	margin:auto;
	overflow:hidden;
	width:80px;
}
div.boardPostUser .avatar img{
	float:none;
	/*width:80px;
	height:80px;*/
	max-width: 80px;
	max-height: 80px;
}
span.boardPostCount{
}
div.boardPostMessageHeader{
	padding: .3em 1em;
	background: #c5c300;
	color: white;
	text-shadow: 0px -1px 1px #6b6a00;
}
div.boardPostMessageHeader a{
	color: #fff;
	text-decoration:none;
}
div.boardPostMessageTools{
	background:#eee;
	padding:3px;
	text-align:right;
}
span.boardPostMessageSubject{
	color:#1FBDF0;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 15px;
}
div.boardPostMessage{
	margin:0 0 0 110px;
}
div.boardPostBody{
	background:#fff;
	padding: 10px;
	font-size: .85em;
}

div.postContent {
	clear: both;
}

/*************************Formulaire*******************************/
textarea#post_message,
input#post_subject{
	max-width: 700px;
    width: 700px;
}
q{
	border: 1px silver solid;
	padding: .5em;
	margin: .5em;
	display: block;
	font-style: italic;
}
/* End board/categories.html */

.board_post_name{
	margin-bottom: 10px;
	font-weight: bold;
}
.board_post_user .label{
	font-style: italic;

}
div.board_post_user .avatar{
	margin: 0px auto 5px auto;
	font-size: .9em;
	max-height: 80px;
	max-width: 80px;
	width: auto;
	height: auto;
}
.board_post_user .profil,
.board_post_user .certificats,
.board_post_user .nbMessages{
	margin-bottom: 6px;
	font-size: .9em;
	text-align: left;
	margin-left: 2px;
	word-wrap: break-word;
}


/* ----------------------------- */
/* ==header */
/* ----------------------------- */
#headerTop{
	background: #404040; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #404040 0%, #121212 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#121212)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#121212 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#121212 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#121212 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#121212',GradientType=0 ); /* IE6-8 */
	border-bottom: 1px #7c7c7c solid;
	min-height: 70px;
}
#header{
	position: relative;
}
.logo{
	padding: 1.2em 0;
	width: 160px;
	height: 33px;
}
.logo img{

}
.slogan {
	margin: 2em 0 0 2em;
	}
.slogan h4{
		color: #d1d1d1;
		font-weight: normal;
		font-size: 1.2em;
		letter-spacing: .03em;
	}
	.slogan .widgetContainer{
		display: none;
	}

#headerBoxes{
	background-color: #b3b3b2;
	border-bottom: 1px solid #e5e5e4;
	padding: 1em 0;
}
#headerTop .center{
	position: relative;
}

/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
#rightbar{
	padding-right: 0;
}


/* ----------------
SLIDER ACCUEIL
------------------*/
/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.diapo{
	background-color: transparent !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0) !important;
	box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0) !important;
	border: none !important;
	padding: 0 !important;
	position: 	relative;
}
.diapo h4{
	position: absolute;
	top: 0;
	z-index: 500;
	left: 0;
	margin: 0 !important;
}

.nivoSlider {
	position:relative;
	width:100% !important;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

.diapo .widgTitle {
	background: url("/images/rubanGreenTrans.png") top right !important;
}


.emBehaviorNivoSlider {
	position: relative;
}
.emBehaviorNivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}
/* If an image is wrapped in a link */
.emBehaviorNivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 6;
	display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}

/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8; /* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 8;
	text-shadow: #000000 1px 1px 0;
}
.nivo-caption strong{
	font-size: 30px;
	text-transform: uppercase;
	padding-top: 10px;
	display: block;
	line-height: 120%;
}
.nivo-caption p {
	padding: 5px;
	margin: 0;
}

.nivo-caption a {
	display: inline !important;
}

.emBehaviorNivoSliderHtmlCaption {
    display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
	background: #000;
	background-color: #000;
	color: #fff;
	opacity: 0.7;
	padding: 10px;
	text-shadow: #000000 1px 1px 0;
}

.nivo-prevNav {
	left: 0px;
}

.nivo-nextNav {
	right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}


/* Positions des miniatures */
/* A l'éxterieur du diaporama */
.emBehaviorNivoSliderThumbsPositionOutBottom .nivo-controlNav {
	position: absolute;
	bottom: -70px;
}

.emBehaviorNivoSliderThumbsPositionOutTop .nivo-controlNav {
	position: absolute;
	top: -70px;
}

.emBehaviorNivoSliderThumbsPositionOutRight .nivo-controlNav {
	position: absolute;
	right: -110px;
	bottom: 0px;
}

.emBehaviorNivoSliderThumbsPositionOutLeft .nivo-controlNav {
	position: absolute;
	left: -100px;
	top: 0px;
}

.emBehaviorNivoSliderThumbsPositionOutBottom .nivo-controlNav img {
	display: inline;
	position: relative;
	margin-right: 10px;
}

.emBehaviorNivoSliderThumbsPositionOutTop .nivo-controlNav img {
	display: inline;
	position: relative;
	margin-right: 10px;
}

.emBehaviorNivoSliderThumbsPositionOutRight .nivo-controlNav img {
	display: block;
	position: relative;
	margin-right: 10px;
}

.emBehaviorNivoSliderThumbsPositionOutLeft .nivo-controlNav img {
	display: block;
	position: relative;
	margin-right: 10px;
}

/* A l'intérieur du diaporama */
.emBehaviorNivoSliderThumbsPositionInTop .nivo-controlNav {
	position: absolute;
	top: 0px;
}

.emBehaviorNivoSliderThumbsPositionInTop .nivo-controlNav img {
	display: inline;
	position: relative;
	margin-right: 10px;
}




/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
#footer{
	padding-top: 1em;
	border-top: 1px #232323 solid;
	background: #404040; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #404040 0%, #121212 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#121212)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#121212 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#121212 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#121212 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#121212',GradientType=0 ); /* IE6-8 */
}
	#footer .widgetShortcutFooter a{
		text-decoration: none;
	}
	#footer .widgetShortcutFooter h4{
		color: #c9c9c9;
	}

#footerTxt {
	background-color: #B3B3B2;
	border-top: 1px solid #E5E5E4;
	padding: 1em 0;
}

/* ----------------------------- */
/* ==Accueil
/* ----------------------------- */
.accueil #article h1,
.accueil .bloc2{
	display: none;
}
.accueil #article.encart,
.accueil .bloc1{
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0);
	box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, 0);
	border: none;
	padding: 0;
}
.accueil .elt1{
	display: none;
}
.accueil #wrapperInner{
	padding: 0;
}


/* ----------------------------- */
/* ==widgets
/* ----------------------------- */
#contents .widget{
	margin-bottom: 1em;
}
#header .widget{
	padding: 0;
}
.noTitle .widgTitle{
	display: none !important;
}
.encart.noTitle {
	padding-top: 14px !important;
}
#rightbar .widget{
	margin-bottom: 2em;
}


/* moteur de recherche */
.widgetSearch{
  position: absolute;
  padding:0;
  margin: .7em 0 0 0;
  float: right;
}
.widgetSearch fieldset,
.widgetSearch form {
	border: 0;
	margin: 0px 0;
	padding: 0;
	width: auto;
	background:none;
}
#notNested a.searchBt{
	display: none;
}
#navigation a.searchBt{
	display: none;
}
#search_input_box{
	width:160px;
	min-width: 160px;
	padding: 0.3em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	background-image: none;
	-webkit-box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
	-moz-box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
	box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
	font-style:normal;
	font-size: .9em;
	margin-right: .5em;
}
::-webkit-input-placeholder  { color:#adadad; font-style:italic;  }
input:-moz-placeholder { color:#adadad; font-style:italic;  }



/* ----------------------------- */
/* ==DEFILEMENT MENU
/* ----------------------------- */

#wrapper {
	display:block !important;
}
#wrapper > * {
	width: 100%;
	display: table-cell;
	padding: 10px 0;
	margin: 0;
}
#navigation {
	background: #2D2D2D;
	vertical-align: top;
}
	#navigation ul {
		margin: 0;
		padding: 0;
		float: none;
	}
	#navigation li {
		list-style: none;
		float: none;
		line-height: normal;
		font-size: 1em;
	}
		#navigation li a {
			display: block;
			padding: .8em 0;
			color: rgba(255,255,255,.8);
			border-bottom: 1px solid #121214;
			text-shadow: 1px 1px 0 #000;
			text-decoration: none;
		}
		#navigation li a:before {
			font-size: 1.2em;
			color: #fff;
			margin-right: .6em;
			line-height: 1;
		}
#navigation .secondLevel{
	margin-left: 1.5em;
}
#navigation .firstLevel li.active {
	background-color: #2D2D2D;
	-webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 1px 10px rgba(0,0,0,0);
	box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0);
}
#navigation .secondLevel {
	background-color: #1E1E1E;
}
#toggle-nav:checked + #wrapper {
	margin-left: 0;
}
#navigation li{
	display: block;
}
#navigation .divider-vertical{
	display: none;
}
#navigation .center{
	margin: 0;
}
#navigation .accueilMenu a span {
	display: block;
}
#navigation .accueilMenu a {
	width: auto;
	height: auto;
	background: none;;
	margin-top: auto;
}
label {cursor: pointer}
#toggle-nav {display: none}
[title=menu]:before {
	z-index: 1337;
	padding: 0.1em 0.3em;
	font-size: 1.5em;
	line-height: .7em;
	background: rgba(255, 255, 255, .4);
	color: #000;
	border-radius: 4px;
}
[data-icon]::before {
	content: "Menu";
}
.toggle-nav1{
	display: none;
}

#navigation .firstLevelContenair {
	background: #262626 !important;
	border-bottom: 1px silver solid;
}
#navigation .secondLevelContenair {
	background: #353535 !important;
}
#navigation .thirdLevelContenair {
	background: #424242 !important;
}
#navigation li.active{

}
#navigation li.active a{
}
#navigation .firstLevel li.active a {
	color: #EDAF01;
}
#navigation .secondLevel li.active a {
	color: #EDAF01;
}
#navigation .firstLevel li.active .secondLevel a {
	color: #fff;
}
#navigation .secondLevel li.active {
	background: #EDAF01;
	color: black;
}
#navigation .secondLevel li.active a {
	color: #000;
}
#wrapper #navigation{
	display: none;
}

/* ----
PAGER
-------*/
.pager{
	margin:20px 0;
	text-align:center;
	clear: both;
}
	.pager a, .pager a:visited{
		background:#eee;
		border:1px solid #cccccc;
		margin:0 2px;
		padding:3px;
		color: black;
		text-decoration: none;
	}
	.pager a:hover{
		background:#ccc;
		border:1px solid #666666;
		margin:0 2px;
		padding:3px;
		text-decoration:none;
	}
	.pager a.pager_current_page,
	.pager a.pager_current_page:hover,
	.pager a.pager_current_page:visited{
		font-weight:bold;
		text-decoration: none;
	}
	.pager a.pagerCurrentPage,
	.pager a.pagerCurrentPage:hover,
	.pager a.pagerCurrentPage:visited{
		font-size:1.4em;
		font-weight:bold;
	}

/* ----------------------------- */
/* ==WIDGET AUTHENTIFICATION
/* ----------------------------- */
#header .widgetLogin {
	background: black;
    border-radius: 0 0 7px 7px;
    line-height: 100%;
    width: auto;
    max-width: 350px;
    min-width: 170px;
    padding: 0 7px 3px 0;
    z-index: 500000;
    position: absolute;
	top: 0;
	right: 45px;
}
#header .widgetLogin h4 {
	display: none;
}
#header .widgetLogin img{
	height: 23px;
	margin-right: 4px;
	float: left;
	position: absolute;
	top: 0;
	left: 5px;
	max-width: 28px;
	max-height: 24px;
}
#header .widgetLogin a {
	color: #fff;
	display: block;
	height: 25px;
	font-weight: normal;
	border-right: none;
	position: relative;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	padding-bottom: 5px;
}
#header .widgetLoginLinks{
	color: #f2af00;
}
#header .widgetLogin ul{
	margin: 0;
}
#header .widgetLogin .LinkIn.widgetLoginUsername{
	padding-bottom: 0;
	padding-right: 25px;
}
#header .widgetLogin .scrollW{
	padding-bottom: 0px;
	background: url(/images/arrowMenu.png) no-repeat 95% 50%;
	padding: 0 25px 0 35px;
	position: relative;
}
#header .widgetLogin ul .LinkIn{

}
#header .widgetLogin ul a{
	padding: 1px 5px;
	border-bottom: 1px solid #6b6b6b;
}
#header .widgetLogin ul a:last-child{
	border-bottom: none;
}
#header .widgetLogin ul a:first-child{
	border-top: 1px solid #6b6b6b;
}
#header .widgetLogin #userActions a {
	font-size: 11px;
	height: 20px;
    line-height: 20px;
}
	.widgetLogin a{

	}
	div.widgetLoginLinks{
		clear: both;
		display: block !important;
	}
	#header .widgetLogin .widgetLoginLinks a{
		color: #f2af00;
	}
	span.widgetLoginState{
		font-weight: bold;
		margin-right: 5px;
		margin-bottom: 5px;
		display: block;
		color: white;
	}

	#header .widgetLogin fieldset{
		display:inline;
		width: auto;
		margin: 0;
		padding: 0
	}
	#header .widgetLogin .row input{
		font-size: 12px;
	    margin-right: 10px;
	    padding: 4px 2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: none;
		background-image: none;
		-webkit-box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
		-moz-box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
		box-shadow: inset 0px 0px 4px 1px rgba(200, 200, 200, 1);
		min-width: 120px;
		width: 120px;
	}
	#header .widgetLogin .submit input{
		border: none;
		width: 25px;
		height: 25px;
		cursor: pointer;
		padding: 0;
		position: absolute;
	    right: 0;
	    top: 65px;
	}
#header .widgetLogin legend{
	display: none;
}
#header .widgetLogin .widgetLoginLinks a{
	font-size: 11px;
    height: auto;
    line-height: 100%;
    margin-bottom: 5px;
    text-decoration: underline;
    background: none;
}
#header .widgetLogin .widgetLoginLinks a:hover{
	background: none;
}
#header .widgetLogin .label label{
	display: block;
	margin-bottom: 2px;
	font-style: italic;
	color: white;
	font-size: 12px;
}
#header .widgetLogin #widgetAuthForm{
	position: relative;
	margin-top: 10px;
	padding: 0 10px
}
#header .widgetLogin .row {
	width:140px;
	clear: none;
	display: block;
	margin-bottom: 10px;
}
#header .widgetSearch .submit{
	position: absolute;
    right: 0;
    top: 72px;
}
form#loginboxform{
	margin: 0;
}
#header .widgetLogin fieldset {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}
#header .widgetLoginUsername{
	color: white;
	margin-bottom: 10px;
	display: block;
}
#header .widgetLogin form {
    background: none;
    border: none;
    margin-left: 0em;
    margin-top: 0em;
    padding: 0em;
    width: auto;
}
#header form label {
    display: inline-block;
    font-weight: normal;
    min-width: 50px;
    width: auto;
    text-align: left;
    line-height: 100%;
}
#header .widgetLogin span {
	display: inline;
	padding: 0;
}




/* ----------------------------- */
/* ==ENCARTS
/* ----------------------------- */
.encart,
#rightbar .widget,
.accueil #contents .widget{
	background-color: #f4f3f3;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(200, 200, 200, 1);
	box-shadow: 0px 0px 2px 2px rgba(200, 200, 200, 1);
	border: 1px solid #b8b7b7;
	padding: 0 14px 14px 14px;
}
	.encart .widgTitle,
	#rightbar .widget .widgTitle,
	.encart .ruban{
		text-transform: uppercase;
		margin-left: -14px;
		color: white;
		height: 29px;
		line-height: 29px;
		background: #c4c200;
		padding: 0 1em 0 .7em;
		font-size: 20px;
		display: inline-block;
	}



/* ----------------------------- */
/* == ENCART CMS
/* ----------------------------- */
.encartCMS{
	/*background: url(/images/encartCMS.png) no-repeat;	*/
	color: white;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #7c7c7b;
    -webkit-box-shadow:  0px 2px 2px 0px rgba(200, 200, 200, 1);
    box-shadow:  0px 2px 2px 0px rgba(200, 200, 200, 1);
    background: #9c9dab; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljOWRhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #9c9dab 0%, #4c4c4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9dab), color-stop(100%,#4c4c4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9c9dab 0%,#4c4c4d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9c9dab 0%,#4c4c4d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9c9dab 0%,#4c4c4d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9c9dab 0%,#4c4c4d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9dab', endColorstr='#4c4c4d',GradientType=0 ); /* IE6-8 */
	position: relative;
}
.encartL{
	text-align: center;
	height: 100%;
	margin-right: 0;
	padding: 7px;
}
.encartSepara{
	min-height: 130px;
	width: 2px;
	overflow: hidden;
	background-color: #63636e;
	border-right: 1px solid #a7a8b0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding: 0;
	margin-right: 0;
}
.encartR{
	padding: 1em 0 1em 2em;

	background: gold;
	position: absolute;
    right: -100px;
    top: 0;
    z-index: 2;
}
	.encartCMS a{
		color: white;
		text-decoration: none;
	}
	.encartCMS ul{
		color: white;
		text-decoration: none;
		margin: 0 0 0 00px;
		padding: 0em;
	}
	.encartCMS a:hover{
		color: #f0ce70;
	}

.encartCMS .encartR{
	display: none;
}
.e1 .encartHover,
.e2 .encartHover,
.e3 .encartHover,
.e4 .encartHover,
.e5 .encartHover,
.e6 .encartHover,
.e7 .encartHover,
.e8 .encartHover{
	display: block !important;
}
.encartR {
    z-index:10;
    padding:7px 20px;
    margin-right:-80px;
    margin-top: 14px;
    width:200px;
    line-height:16px;
    display:inline;
    position:absolute;
    border:2px solid #FFF;
    color:#EEE;
    background:#000;
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    overflow: inherit;

    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 0.8;
}
.callout {
	z-index:20;
	position:absolute;
	border:0;
	top:30px;
	left:-14px;
}







/* ----------------------------- */
/* ==PUBLICITE
/* ----------------------------- */
.widgetAdvert{
	text-align: center;
	width: 32%;
}
	.widgetAdvert img{
		border: 1px black solid;
	}

/* ----------------------------- */
/* ==MULTI ARTICLES
/* ----------------------------- */
.chapo {

}
.chapo .chapoPicture{
	width: 140px;
	max-height: 140px;
	text-align: center;
}
#chapo .chapoPicture{
	text-align: center;
}
.chapo .chapoPicture img{
	max-height: 140px;
}
#chapoList div.separator:last-child{
	display: none;
}


/* ----------------------------- */
/* ==BANIERE CREATION COMPTE
/* ----------------------------- */
.auth{
	text-align: center;
	margin-top: .5em;
	color: black;
}
.inscription .widgetContainer{
	background: #ffffeb;
	border: 1px solid #ffff99;
}
	.inscription h4{
		display: none;
	}
.accrocheTxt{
	float: left;
	margin-top: .5em;
	text-align: left;
	line-height: 120%;
}
.accrocheTxt p{

	line-height: 120%;
}
.accroche{
	text-align: right;
}
.accroche form{
	width: auto;
}
.inscription {
	padding: 0;
}
.inscription .clear {
	height: 0;
}
.inscription form{
	padding: 0;
	background: none;
	border: none;
}
#InscZone,
#authZone{
	clear: both;
}
#InscZone input,
#authZone input{
	min-width: auto;
	width: 100%;
	min-width: 100px;
}
#InscZone fieldset,
#authZone fieldset{
	padding:0;
}
#InscZone .submit,
#authZone .submit{
	text-align: center;
	vertical-align: bottom;
}
	#InscZone .submit input,
	#authZone .submit input{
		width: 100%;
		height: 30px;
		vertical-align: bottom;
	}
#InscZone a{
	color: black;
}
.inscription .ou{
	width: 30px;
	padding: .45em 0 .45em 0;
	text-align: center;
}
#InscZone .col,
#authZone .col{
	text-align: left;
	vertical-align: bottom;
}
#InscZone .col label,
#authZone .col label{
	width: auto;
	font-style: italic;
}


/* ----------------------------- */
/* ==COMPTE
/* ----------------------------- */
#accountModify legend{
	display: none;
}
.aide{
	font-size: .8em;
}
.group_multi_checkbox .multi_checkbox{
	display: block;
}
.group_multi_checkbox .multi_checkbox label{
	text-align: left;
}
.blogCommentsNotificationZone{
	color: white;
	font-size: 11px;
}
.blogCommentsNotificationZone{
	width: 32px;
	height:24px;
	background: url("/images/IconesNotices.png") no-repeat -32px 0;
	float: left;
	position: relative;
}
	.blogCommentsNotificationZone .detail {
		background: black;
	    border: 1px solid #878787;
	    left: -170px;
	    padding: 2px;
	    position: relative;
	    top: 22px;
	    width: 200px;
	    z-index: 1001
	}
	.blogCommentsNotificationZone .detail .detail{
		background: transparent;
	    border: none;
	    left: 0px;
	    padding: 0 2px;
	    position: relative;
	    top: 0px;
	    /*width: 200px;*/
	    z-index: 1001;
	    display: inline;
	}
	.blogCommentsNotificationZone .trigger {
		height: 12px;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 32px;
		height: 24px;
	}
		.blogCommentsNotificationZone .trigger span{
			background: none repeat scroll 0 0 red;
			border-radius: 15px 15px 15px 15px;
		    bottom: 0;
		    display: block;
		    min-width: 15px;
		    padding: 1px;
		    position: absolute;
		    right: 0;
		    text-align: center;
		    border: none !important;
		    font-size: 9px;
		}
.blogCommentsNotificationZone .comment {
	border-bottom: 1px #5c5c5c solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	padding: 0 5px 5px 5px;
}
	.blogCommentsNotificationZone .comment:last-child {
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
.blogCommentsNotificationZone .comment span{
	position: relative;
    top:0;
    left: 0;
    background: transparent;
}
		.blogCommentsNotificationZone .trigger .detail span{
			width: auto;
			text-align: left;
			display: inline;
			 font-size: 11px;
		}
			.blogCommentsNotificationZone .trigger .detail p{
				display: inline-block;
			    font-weight: bold;
			    margin: 0;
			    padding: 0;
			    position: relative;
			    top: auto;
			}
	.blogCommentsNotificationZone .noNewMessage span{
		background: black;
	    border: 1px solid #878787;
	}
	.blogCommentsNotificationZone .noNewMessage .comment span{
		background: transparent;
	}
#notifs{
    position: absolute;
    right: 00px;
    top: 6px;
    width: 32px;
    z-index: 1001;
}
.blogCommentsNotificationZone .trigger .detail span.nbCommentsToModerate,
.blogCommentsNotificationZone .trigger .goToBlog span{
	border-radius: 0px 0px 0px 0px;
	display: block;
	position: relative;
	cursor: pointer;
	margin: -2px -2px 3px -2px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}
.blogCommentsNotificationZone .trigger .goToBlog span{
	background: #404040;
}
.blogCommentsNotificationZone .trigger .goToBlog a{
	text-decoration: none;
	color: white;
}
#accountModify #divfield_23_input .aide{
	padding-top: 5px;
	display: block;
}
#accountModify #divpicture_input .imagePreview{
	vertical-align: middle;
}
	#accountModify #divpicture_input .imagePreview img{
		height: 30px;
	}
	#accountModify #divpicture_input .preview_img{
		float:left;
		margin-right: 5px;
	}
	#accountModify #divpicture_input .imagePreview a{
		display: block;
		padding-top: 5px;
	}
	#accountModify #divfield_19 .field_legend{
		font-style: italic;
	}
	#accountModify #divfield_35{
		display: none;
	}
	#accountAdsList table th,
	#accountAdsList table td {
		font-size: .9em;
	}
	#accountAdsList table{
		display: block;
	}

/* ----------------------------- */
/* ==CONTACT
/* ----------------------------- */
.contact input#reset{
	display: none;
}
.contact .multi_radio {
    margin-left: 0em;
}

/* ----------------------------- */
/* ==REFERENCE
/* ----------------------------- */
.ref #divfield_19 .field_legend{
	display: none;
}
.wRefSearch .adsSearchForm,
.wRefSearch legend,
.wRefSearch label{
	display: none !important;
}
.wRefSearch select{
	height: 160px;
	padding: 5px;
}
.wRefSearch form,
.wRefSearch fieldset{
	padding: 0;
	margin: 0;
}


/* ----------------------------- */
/* ==BLOG
/* ----------------------------- */
.myBlog .title{
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.myBlog .post{
	padding-bottom: 10px ;
	margin-bottom: 10px;
	border-bottom: 1px white solid;
	overflow: hidden;

}
.myBlog .action{
	margin-bottom: 20px;

}
.myBlog .image{
	float: right;
	width: 100px;
}
.monBlog .formulaire legend,
.contributions fieldset legend{
	font-size: 1.8571em; /* equiv 26px */
	line-height: 1.6154em;
	margin: 0 0 .2077em 0;
}
.monBlog .formulaire #divalias a{
	padding-left: 20px;
}
.contributions .formulaire form label {
    width: 150px;
}
.contributions .formulaire form #divcontent label {
    padding-bottom: 0;
}
.contributions .formulaire form #divcontent div {
    padding-top: 2px;
display: block;
}
.contributions .formulaire form #divdescription textarea{
	margin-bottom: 0;
}
.contributions .formulaire h1 {
    display: none;
}
.contributions #divdescimage p.hideable{
	margin-bottom: 0;
}
.contributions #divdescimage .pubRLabel{
	font-style: italic;
}
.contributions #divdescimage .actions a{
	margin: 0 10px 10px 0;
	display: block;
	float: left;
}
.widgetHighlightPosts .detail{
	display: none !important;
}
.widgetHighlightPosts .author img{
	display: none;
}

.widgetHighlightPosts .user_information {
    font-size: 1em;
    margin-right: 0;
}

.post.chapo .item,
#event_list .item{
	overflow: visible;
	margin-bottom: 10px;
	margin-left: 160px;
}
.post.chapo .user_information img{
	display: none;
}


/* ----------------------------- */
/* ==MENU RESTE FIXE
/* ----------------------------- */
#sticky_navigation_wrapper {
	width:100%;
}
#sticky_navigation {
	width:100%;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	z-index: 1000;
}

/* ----------------------------- */
/* ==PETITES ANNONCE
/* ----------------------------- */
#steps span {
	float: left;
	border-right: 1px silver solid;
	margin-right: 10px;
	padding-right: 10px;
}
#steps span:last-child {
	border-right: none;
}
.widgetAddAdds .submit{
	text-align: center;
}
.AdsPreviewCategorie legend{
	font-weight: bold;
}
.AdsPreview fieldset{
	margin: 0;
	padding: 0;
}
.AdsPreview legend{
	display: none;
}
.AdsPreviewCategorie p{
	margin-bottom: 0;
}
.adsEntryPreviewDefault h3{
	font-size: 1em;
	font-weight: bold;
}
.adsEntryPreviewDefault .additionnalsProperties .label{
	font-style:italic ;
}
.adsEntryPreviewDefault .additionnalsProperties div.value{
	margin-bottom: 10px;
	display: inline;
}
.AdsPreviewCategorieEdit,
AdsPreviewContentEdit{
	display: block;
	margin: 0 0 15px 0 ;
}
.AdsPreviewCategorie{
	margin-bottom: 15px;
}

/* ----------------------------- */
/* ==tables */
/* ----------------------------- */
table,
.table {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}
table {
	width: 100%;
	caption-side: bottom;
}
caption {
	padding: 10px;
	color: #555;
	font-style: italic;
}
tbody { border: 1px solid #ccc; }
tbody tr:nth-child(odd) {
	background: #eee;
}
tbody tr > * + * {
	border-left: 1px solid rgba(0, 0, 0, .05);
}
tr > :last-child {
	/*text-align: right;*/
}
table th,
table td {
	padding: 10px 20px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
table td {
	color: #555;
}

/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */

form,
fieldset {
	border: none;
}
input,
button,
select,
label {
	vertical-align: middle; /* @bugfix alignment */
}

/* icons */

/* buttons */
.btn,
input[type="submit"],
.editBlogLink,
#linkEditAction,
.goToMyBlog,
a.createBlogLink,
.boutonsEdit a,
.c_facebook_link{
	border: 1px solid #D27D00;
	background: #F6E6B5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6e6b5", endColorstr="#ed9017");
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6E6B5), to(#ED9017));
	background-image: -moz-linear-gradient(top center, #F6E6B5, #ED9017);
	background-image: -o-linear-gradient(top, #F6E6B5, #ED9017);
	display: inline-block;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.8), inset 0 1px rgba(255, 255, 255, 0.35);
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.8), inset 0 1px rgba(255, 255, 255, 0.35);
	box-shadow: 0 1px rgba(255, 255, 255, 0.8), inset 0 1px rgba(255, 255, 255, 0.35);
	cursor: pointer;
	display: inline-block;
	font-family: "helvetica neue",arial,sans-serif;
	margin: 0;
	padding: .45em .825em .45em;
	text-align: center;
	-moz-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	-webkit-transition: all .05s ease-in-out;
	text-decoration: none;
	text-shadow: 0 -1px rgba(250, 250, 250, 1);
	font-style:1.5em;
	text-transform: uppercase;
	color: black;
 }
 .btn.disabled,
input.disabled[type="submit"]{
	background: #c7c7c7;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#cccccc));
		color: #c7c7c7;
		border: 1px solid #C7C7C7;
		cursor: wait;
}
.boutonsEdit a{
	margin-bottom: 2em;
}
#linkEditAction{
	clear: both;
	display: inline-block;
}
.profile_detail{
	overflow: hidden;
	margin-bottom: 20px;
}
.editBlogLink{
	float: right;
}
input.ok{
	padding: .15em .5em;
}

.btn.alternate {
	padding: 0 0.4em;
}
.btn.highlight {}
.login {}
.logout {}
.primary {}
.warning {}
.error,
.errorForm {
	color:red;

}
.errorForm {
	display: block !important;
	padding: 0;
}
.success {}

.btRouge{
	background-color: #D43638;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EB5367), to(#D43638), color-stop(0.5, #E04751), color-stop(0.5, #DE404A));
	background-image: -moz-linear-gradient(top, #EB5367, #E04751 50%, #DE404A 50%, #D43638);
	background-image: -o-linear-gradient(top, #EB5367, #E04751 50%, #DE404A 50%, #D43638);
	background-image: -webkit-linear-gradient(top, #EB5367, #E04751 50%, #DE404A 50%, #D43638);
	border-color: #910101;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5367', endColorstr='#d43638');
	color: white;
	text-shadow: 0 -1px rgba(20, 20, 20, 1);
	color: white;
}
.btBleu,
.c_facebook_link{
	background-color: #006699;
	background: -moz-linear-gradient(top,#25a9e1 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#25a9e1),to(#006699));
	border: 1px solid #003366;
	color: white;
	text-shadow: 0 -1px rgba(20, 20, 20, 1);
	color: white;
}
.c_facebook_link{
	/*margin-bottom: -20px;
	margin-top: -20px;*/
}
.c_facebook_link a{
	color: white;
	text-decoration: none;
}
.strongShadow{
	text-shadow: 0px -1px 1px #fff;
}
.strongBlackShadow{
	text-shadow: 0px -1px 1px #000;
}
.softShadow{
	text-shadow: 0px -1px 1px #cccccc;
}

/* forms items */
label { cursor: pointer; }
legend {
	border: 0;
	white-space: normal;
}
button,
input,
select {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle; /* Improves appearance in IE6/7 */
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em;
	font-size: 12px;
	vertical-align: top;
	resize: vertical;
	min-width: 250px;
	max-width: 270px;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] { -webkit-appearance: textfield; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder,
textarea:-moz-placeholder   { color: #777; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* styling begins here */
/* change all this the way you like */
form {
	/*width: 600px;
	margin-top: 2em;
	margin-left: 2em;*/
	padding: .5em;
	border: 1px solid #ccc;
	background: #eee;
}
	.encart form {
		border: none;
		background: transparent;
	}
form li { list-style: none; }
form .form-help {
	color: #555;
	font-style: italic;
	text-indent: 200px;
}
form label {
	display: inline-block !important;
	/* min-width: 200px;*/
	width: 200px;
	font-weight: 700;
	vertical-align: middle !important;
	text-align: right;
	padding-right: 0 !important;
}
.formulaire .row > div,
.formulaire .row > span {
	display: inline-block;
	/*vertical-align: middle;*/

}

.multi_radio{
	display: block;
	margin-left: 2em;
}
.multiRadio{
	display: block;
}
.multiRadio label{
	display: inline-block !important;
	margin-left: 5px;
	width: auto !important;
	font-weight: 700;
	vertical-align: middle !important;
}
form .multi_radio label {
	display: inline-block !important;
	width: auto;
	font-weight: 700;
	vertical-align: middle !important;
}
.captcha{
	margin-top: 10px;
	margin-bottom: 10px;
}
.captcha table{
	table-layout:auto;
}
.captcha input#recaptcha_response_field{
	width: auto !important;
	min-width: inherit !important;
}


form li label { font-weight: 400; }
.captchaLabel a{
	display: block;
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea,
button,
input[type="button"],
input[type="reset"] {
	min-width: 300px;
	padding: .2em 0 .2em .2em;
	border: 1px solid #ccc;
}
input#field_23_input{


}

/* ----------------------------- */
/* ==Enquête */
/* ----------------------------- */

.enquete div.step {font-weight:700;text-align:center;}
.enquete form {padding:5px 32px 32px;}
.enquete p.et3 {padding-left:14px;margin:1.5em 0 0;font-style:italic;}
.enquete h2 {padding:14px 0 14px 14px;margin:0;color:#ecae01;font-size:32px;}
.enquete form label {
	width: 100%;
	padding-bottom: 0;
	text-align: left;
	padding-top:0;
	font-size:16px;
}

.enquete label.opt {font-weight:400;font-size:16px;color: #ecae01;text-shadow: none;}
.enquete .group_multi_checkbox .multi_checkbox,
.enquete .group_multi_radio .multi_radio {
	float: left;
	width: 100%;
	margin:0;
}
.enquete .group_multi_checkbox .multi_checkbox.other,
 .enquete .group_multi_radio .multi_radio.other { width: 100%; }
.enquete .group_multi_checkbox .multi_checkbox.other input[type="text"] { min-width: 250px; }
.enquete input[type="checkbox"], input[type="radio"] {
	padding: 0;
	float: left;
	margin: 5px 5px 0 0;
}
.enquete .group_multi_checkbox .multi_checkbox label,
.enquete .group_multi_radio .multi_radio label {
	text-align: left;
	float: left;
	width: 520px;
	font-weight:400;
	font-size:14px;
}

.enquete .multi_radio {
	float: left;
	width: 100px;
}

.enquete #reset {
	min-width: 80px;
	border-radius: 5px;
	padding: 3px;
}

.enquete .multi_checkbox.other,
 .enquete .multi_radio.other {margin-top:13px;}
.enquete .multi_checkbox.other ul,
 .enquete .multi_radio.other ul {margin-bottom:0;}
.enquete .multi_checkbox.other label {width:120px;font-style:italic;}
.enquete .multi_radio.other label {width:60px!important;font-style:italic;}
/*.enquete .other:last-child { display: none; }*/
.enquete .other:last-child input[type="checkbox"],
 .enquete .other:last-child input[type="radio"] { display: none; }

.enquete input[type="color"],
.enquete input[type="date"],
.enquete input[type="datetime"],
.enquete input[type="datetime-local"],
.enquete input[type="email"],
.enquete input[type="month"],
.enquete input[type="number"],
.enquete input[type="password"],
.enquete input[type="search"],
.enquete input[type="tel"],
.enquete input[type="text"],
.enquete input[type="time"],
.enquete input[type="url"],
.enquete input[type="week"],
.enquete select,
.enquete button,
.enquete textarea,
.enquete input[type="button"] {
    min-width: 300px;
    padding: .2em 0 .2em .2em;
    border: 0;
    background: #eee;
    border-bottom: 1px dotted #000; }

.enquete .textarea label {width:520px;}
.enquete .textarea textarea {max-width: 160px;
    min-width: 60px;
    min-height: 2em;
    height: 2em;
    padding: 0;}

.enquete input[type="reset"] {background: #eee;border: 0;}
.enquete label.das {font-size:14px;font-weight:500;}
.digi {margin-bottom:20px;}
.enquete #contact,
.enquete #formsThanks {background:#ffffff;padding:32px;text-align:center;margin-bottom:32px;border-top:2px solid #ecae01;}
.enquete #contact h3 {line-height:1.35em;color: #ecae01;margin-bottom:32px;}
.enquete #contact label {width:120px;padding-left:0;}
.enquete #contact span {padding:0 0 14px;}
.enquete #contact input[type="color"],
.enquete #contact input[type="date"],
.enquete #contact input[type="datetime"],
.enquete #contact input[type="datetime-local"],
.enquete #contact input[type="email"],
.enquete #contact input[type="month"],
.enquete #contact input[type="number"],
.enquete #contact input[type="password"],
.enquete #contact input[type="search"],
.enquete #contact input[type="tel"],
.enquete #contact input[type="text"],
.enquete #contact input[type="time"],
.enquete #contact input[type="url"],
.enquete #contact input[type="week"],
.enquete #contact select,
.enquete #contact button,
.enquete #contact textarea,
.enquete #contact input[type="button"] {
    min-width: 300px;
    padding: .2em 0 .2em .2em;
    background: #ffffff;
border:1px solid #cccccc;
height:30px;
}
.enquete #formsThanks h2 {padding-left:0;}
.enquete #formsThanks p {text-align:left;}

/* ----------------------------- */
/* ==Enquête */
/* ----------------------------- */


/* ----------------------------- */
/* ==Calendrier */
/* ----------------------------- */
.widgetCalendar table td,
.widgetCalendar table tr,
.widgetCalendar table th{
	text-align: center;
	padding: 0em;
}


/* ----------------------------- */
/* ==Liens widgets */
/* ----------------------------- */
.widgLink{
	background-color: #ececeb;
	border-top: 1px white solid;
	margin: 0 -14px -14px -14px;
	line-height: 35px;
	height: 35px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
}
	.widgLink span{
		padding-left: 1em;
	}
/* vert */
.encart.green .widgLink{
	color: #c4c200;
}
	.encart .widgLink:hover{
		background-color: #e5e5e3;
	}
.encart.green .widgTitle {
	background: url("/images/rubanGreenTrans.png") top right !important;
}
/* bleu*/
.encart.bleu .widgLink{
	color: #4baeaf;
}
.encart.bleu .widgTitle {
	background: url("/images/rubanBlue.png") top right !important;
}
/* orange*/
.encart.orange .widgLink{
	color: #f04e00;
}
.encart.orange .widgTitle {
	background: url("/images/rubanOrange.png") top right !important;
}
/* rouge */
.encart.rouge .widgLink,
.murActiv .rouge .widgLink,
.bProfil .profile_wall .widgLink{
	color: #d2565a;
}
.encart.rouge .widgTitle,
.murActiv .rouge .widgTitle,
.bProfil .profile_wall  .widgTitle {
	background: url("/images/rubanRouge.png") top right !important;
}
.murActiv .bloc1{
	padding-bottom: 0;
}
.bProfil .profile_wall .widgLink {
	margin: 0;
}

input#field_19id, input#cpid {
	min-width: 210px;
}

.monBlog input#aliasid {
	width: 170px;
	min-width: 170px;
}


/* ----------------------------- */
/* ==Menu */
/* ----------------------------- */

.firstLevelContenair{
	background: #434343; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #434343 0%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #434343 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #434343 0%,#262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #434343 0%,#262626 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #434343 0%,#262626 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#262626',GradientType=0 ); /* IE6-8 */
	list-style:none;
	padding:0;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(100, 100, 100, 1);
	box-shadow: 0px 1px 2px 0px rgba(100, 100, 100, 1);
}
.firstLevel{
	padding: 0;
	margin:0;
	float: left;
}

#notNested{
	/*margin-bottom: 1em;*/
}
	#notNested  a{
		display:block;
	}
.firstLevel a:hover{
	color:#fff;
}
.firstLevel li{
  padding: 0;
  float: left;
  line-height: 2.8em;
  font-size: 1em;
  padding: 0em 0.4em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}
.firstLevel li.active{
	background-color:#1e1e1e;
	-webkit-box-shadow: inset 0px 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0px 1px 10px rgba(0,0,0,.5);
	box-shadow: inset 0px 1px 10px rgba(0,0,0,.5);
}
.firstLevel li.active a{
  color:#edaf01;
}
.firstLevel .divider-vertical {
	height: 24px;
	width: 2px;
	margin: 10px 3px 0;
	overflow: hidden;
	background-color: #000;
	border-right: 1px solid #505050;
	opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 0.7;
	filter: alpha(opacity=70);
	float:left;
	padding:0;
}
.accueilMenu{
	height:43px;
}
.accueilMenu a{
	width:18px;
	height:16px;
	background: url("/images/iconHome.png");
	margin-top: .9em;
}
.accueilMenu.active a{
	background-position:0px -32px;
}
.accueilMenu a:hover{
	background-position:0px -16px;
}
.accueilMenu a span{
	display:none;
}
.firstLevelContenairInner{
	display: block;
	padding: 0;
}
.firstLevel a{
  color:#d1d1d1;
  text-decoration:none;
}
.firstLevel,
.secondLevel,
.thirdLevel{
	display:block;
	list-style:none;
	padding: 0;
}
.secondLevelContenair{
	background-color:#bbbbbb;
	border-bottom:1px solid #cacac9;
	-webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
}
.thirdLevelContenair{
	background-color:#757575;
}
.secondLevel li {
	line-height: 2em;
	font-size: 1em;
	padding: 0em 0.5em;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.50);
	margin-right:0;
}
	.secondLevel li a{
		color:#5a5a5a;
		text-decoration:none;
	}
	.secondLevel .divider-vertical{
		width: 2px;
		overflow: hidden;
		border-right: 1px solid #505050;
		float:left;
		padding:0;
		margin: 5px;
		height:18px;
		background-color: #898989;
		border-right: 1px solid #cfcfcf;
	}
	.secondLevel a:hover{
		color:#000;
	}
	.secondLevel li.active{
		background-color:#edaf01;
		-webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
		-moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
		box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .4);
	}
.thirdLevel li{
	line-height: 2.3em;
	font-size: 1.1em;
	padding: 0em 0.8em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
	margin-right:0;
}
	.thirdLevel li a{
		color:#fff;
		text-decoration:none;
	}
		.thirdLevel li a:hover{
			color: #D1D1D1;
		}
	.thirdLevel li.active a{
		color: #EDAF01;
	}
	.thirdLevel .divider-vertical{
		width: 2px;
		overflow: hidden;
		background-color: #5f5f5f;
		border-right: 1px solid #505050;
		float:left;
		padding:0;
		margin: 7px 5px;
		height:20px;
		border-right: 1px solid #9e9e9e;
	}
.thirdLevel .itemSelected{
	color: white;
	background: #3a3a3a url("/images/bgItemSelec.png") 100% 50% no-repeat;
	padding-right: 1.5em;
}

#footer #nested{
	display: none;
}
nav ul {
	margin: 0; padding: 0;
	list-style: none;
}
nav label, #toggle-nav {display: none;}

/* menu pour smartphone */
#navigation2{
	display: none;
	z-index: 50000;
}
#navigation2 li{float: none;}
#navigation2 .accueilMenu {   height: auto;}
#navigation2 .accueilMenu a {
    background: #555555;
    height: auto;
    margin-top: 0;
    width: auto;
}
#navigation2 .accueilMenu a span {
    display: block;
}
#navigation2 .firstLevel li {
    line-height:normal;
}


/* ----------------
ETOILES DES NOTATIONS
------------------*/
.ui-stars-cancel,
.ui-stars-star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}
	.ui-stars-cancel,
	.ui-stars-cancel a {
		background:url(/common_images/skin001/star-delete.gif) no-repeat 0 -16px;
	}
	.ui-stars-star,
	.ui-stars-star a {
		background:url(/common_images/skin001/star.gif) no-repeat 0 0px;
	}
	.ui-stars-cancel a,
	.ui-stars-star a {
		display:block;
		width:16px;
		height:100%;
		background-position:0 0px;
	}
.ui-stars-star-on a {
	background-position:0 -16px!important;
}
.ui-stars-star-hover a {
	background-position:0 -32px;
}
.ui-stars-cancel-hover a {
	background-position:0 -16px;
}
.ui-stars-cancel-disabled a,
.ui-stars-star-disabled,
.ui-stars-star-disabled a {
	cursor:default !important;
}
.ui-stars-star {
	background:transparent!important;
	overflow:hidden!important;
}
.ratingsDatas form,
.ratingsDatas fieldset{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.ratingsDatas label{
	float: left;
	margin-right: 10px;
}

/* ----------------------------- */
/* ==Quizz */
/* ----------------------------- */
.quizz form .group_multi_radio .multi_radio label{
	font-weight: normal;
	display: inline !important;
	float: none;
	width: auto;
	font-size: .9em;
}
.quizz form .group_multi_radio .multi_radio {
	margin-left: 210px;
	overflow: hidden;
	padding: 1px;
}
.quizz .formulaire label {
	float: left;
}
.quizz .formulaire div {
	display: block;
}
.quizz .multi_radio {
	display: block;
	margin-left: 2em;
}
.quizz .multi_radio label {
	text-align: left;
	display: inline;
}
.quizz .multi_radio input {
	/*float: left;*/
}

/* ----------------------------- */
/* ==main */
/* ----------------------------- */

/* ----------------------------- */
/* ==iefix */
/* ----------------------------- */

/* haslayout for IE6/IE7 */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .widget,
.ie67 .row,
.ie67 .col {
	zoom: 1;
}

/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
	display: inline;
	zoom: 1;
}
.ie678 .btn,
.ie678 .col,
.ie678 .inbl {
	display: inline;
	zoom: 1;
}
.ie8 img {
	width: auto; /* @bugfix for IE8 */
}
.ie678 .accrocheTxt{
	width: 22%;
}
.ie678  #container {
    width: 620px !important;
    min-width: 620px;
    float: left;
}
.ie678  #rightbar {
	float: left;
	width: 300px;
}
.ie678 .firstLevel{
	height: 43px;
}
.ie678 .max{
	width: 960px;
}
.ie9 .max{
	width: auto;
}
.ie678 .max{
}
.ie678 #wrapper > *{
	padding: 0;
}
.ie78 #footerTxt .widget{
	padding: 0;
	border: 1px red solid;
}
.ie678 #footer .widget,
.ie678 #footerTxtInner .widget,
.ie678 #headerBoxes .widget{
	display: block;
	float: left;
}
.ie678 #headerBoxes{
	overflow: hidden;
}
.ie678 .w20 {
    width: 20%;
    display: block;
    float: left;
}
.ie678 .w70 {
    width: 70%;
    display: block;
    float: left;
}
.ie678 .w30 {
    width: 30%;
    display: block;
    float: left;
}
.ie678 .w40 {
    width: 40%;
    display: block;
    float: left;
}
.ie678 #search_input_box {
    min-width: 150px;
    width: 150px;
    float: left;
}
.ie678 fieldset.inbl{
	float: left;
	display: block;
}
.ie678 .widgetSearch input.ok{
	float: right;
}
.ie678 .widgetSearch{
	width: 215px;
}
.ie678 .logo {
	display: block;
	float: left;
	margin-right: 10px;
}
.ie678 .logo img {
	width: 160px;
	height: 32px;
}
.ie678 .uneColl #container{
	width: 960px;
	min-width: 960px;
}
.ie678 .strongShadow {
	text-shadow: 0px 0px 0 #fff;
}
.ie678 .inscription .ou {
	float: left;
	display: block;
}
.ie678 .btRouge {
	display: block;
}
.ie678 .w5 {
	width: 5%;
	display: block;
	float: left;
}
/* box-sizing for IE6/IE7 */



/* ----------------------------- */
/* ==print */
/* ----------------------------- */

/* quick print reset */
@media print {
	body {
		width: auto !important;
		margin: auto !important;
		font-family: serif;
		font-size: 12pt;
		background-color: #fff !important;
		color: #333 !important;
	}
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	blockquote,
	ul,
	ol {
		color: #000 !important;
		margin: auto !important;
	}
	.print {
		display: block; /* affichage des �l�ments de classe print */
	}
	p,
	blockquote {
		orphans: 3; /* pas de ligne seule en bas */
		widows: 3; /* pas de ligne seule en haut */
	}
	blockquote,
	ul,
	ol {
		page-break-inside: avoid; /* pas de coupure dans ces �lements */
	}
	h1 {
		page-break-before: always; /* chaque titre commence sur une nouvelle page */
	}
	h1,
	h2,
	h3,
	caption {
		page-break-after: avoid; /* pas de saut apr�s ces �l�ments */
	}
	a {
		color: #000 !important;
		text-decoration: underline !important;
	}
	a[href]:after {
		content: " (" attr(href) ")"; /* affichage des URL des liens */
	}
}

.tuto-search .tuto-search-form .tuto-search-submit, .tuto-search .tuto-search-form .tuto-search-submit:visited {
	top: -5px!important;
	height: 30px!important;
}

/* ----------------------------- */
/* ==desktop medias */
/* ----------------------------- */

@media (min-width: 641px) {
	/* here go rules for big resources and big screens like: background-images, font-faces, etc. */


}
@media (min-width: 1024px) {
	.monBlog #divname input[type="text"],
	.monBlog textarea {
		min-width: 330px;
	}
	.contribution input[type="text"],
	.contribution textarea{
		min-width: 370px;
	}

}


/* ----------------------------- */
/* ==responsive web design */
/* ----------------------------- */

@media (max-width: 320px) {
	#headerBoxes{
		display: none;
	}
	#notNested a.searchBt{
		display: block;
		float: right;
		padding: .2em;
		margin-top: 1.2em;
		margin-right: 1em;
		text-decoration: none;
		position: relative;
		font-size: .8em;
	}
	#header .widgetLogin {
		min-width: 130px;
		width: 130px;
	}
	#header .widgetLogin .row input{
		min-width: 85px;
		width: 85px;
	}
	.smallResp{
		font-size: 1em;
		line-height: 120%;
	}


}

@media (max-width: 1023px) {
	#search_input_box {
		width: 80px;
		min-width: 80px;
	}
	.widgetSearch{
		margin-right: 1em;
	}
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select,
	textarea,
	button,
	input[type="button"],
	input[type="reset"] {
		min-width: 200px;
	}
	#container{
		min-width:inherit;padding-left:1em;
	}
	.widgetAdvert {
		width: 31%;
	}
	.murActiv .wWall form.profileWithImage textarea {
		width: 70%;
		max-width: 100%;
	}

}
/* quick tablet reset */
@media (max-width: 880px) {
	.tablet-hidden { display: none; }

	/* responsive widths for tablets */
	.t25 { width: 25%; }
	.t33 { width: 33.3333%; }
	.t50 { width: 50%; }
	.t66 { width: 66.6666%; }
	.t75 { width: 75%; }
	.t100 {
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
		float: none !important;
		width: auto !important;
	}
	#navigation .thirdLevel .itemSelected,
	.toggle-nav1,
	#header .secondLevelContenair,
	#header .thirdLevel,
	#header .firstLevel,
	.widgetLogin,
	.widgetSearch{
		display: none;
	}
	#header .firstLevelContenair{
		height: 43px;
	}
	.toggle-nav1{
		display: block;
	}
	#navigation li a{
		border: none;
	}
	#search_input_box{
		font-size: 1.1em;
	}
	input[type="submit"]{
		font-size: 1.1em;
		padding: 0.3em;
	}
	#navigation li {
		display: block;
	}
	#search_input_box {
		width: 160px;
		min-width: 160px;
	}
	.auth{
		display: block;
		text-align: center;
		width: 100%;
	}
	.medias img{
		max-width: 600px;
	}
	/* you shall not pass */
	textarea, table, td, th, code, pre, samp, div, p {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
	.logo img {
    	width: 70%;
    }
	#headerTop {
	    min-height: 43px;
    }
	.logo {
	    height: 33px;
	    padding-left: 10px;
	    padding-top: 10px;
    }
	#navigation2{
		display: block;
	}
	/* styling toggle button */
	nav label.btnmenu {
		background: #F6E6B5;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6e6b5", endColorstr="#ed9017");
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F6E6B5), to(#ED9017));
		background-image: -moz-linear-gradient(top center, #F6E6B5, #ED9017);
		background-image: -o-linear-gradient(top, #F6E6B5, #ED9017);
	    border-radius: 4px 4px 4px 4px;
	    color: #000;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 23px;
	    font-weight: bold;
	    right: 10px;
	    line-height: 1;
	    margin: 0;
	    padding: 4px 15px;
	    position: absolute;
	    top: 5px;
	    z-index: 42;
	}
	nav label.btnmenu:after {
		content: "\2261";
	}

	/* styling nav */
	nav > ul {
		position: absolute;
		top: 0; left: 0;
		z-index: 1337;
		width: 80%; max-width: 300px;
		border-right: 1px solid #121214;
		-webkit-transition: left .4s;
		transition: left .4s;
		-webkit-transform: translateZ(0); /* activating hardware acceleration */
		transform: translateZ(0);
		background:#555555;
	}
	nav a {
		display: block;
		padding: 0.9em;
		background: #555;
		color: #fff;
		text-decoration: none;
	}
	nav a:hover, nav a:focus {
		background: #333;
	}
	nav a, nav label {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}


	/* styling sub - nav */
	nav ul ul {
		max-height: 25em;
		overflow: hidden;
		-webkit-transition: .4s max-height;
		transition: .4s max-height;
		-webkit-transform: translateZ(0); /* activating hardware acceleration */
		transform: translateZ(0);
	}
	nav li:not(:hover) > ul {
		max-height: 0;
	}
	nav li li a {
		background: #777;
	}

	/* touch event */
	nav input:invalid + ul, nav input:not(:checked) + ul {
		left: -80.5%;
	}
	#navigation2 .firstLevel li{
		text-shadow:0 -1px 0 rgba(0, 0, 0, 1);
		padding-left: 0;
		padding-right: 0;
	}
	.slogan,
	#sticky_navigation_wrapper{
		display: none;
	}
	li.cms ul.secondLevel{
		max-height: none;
	}
	/*li.cms > a{
		display: none;
	}*/
	li.cms ul ul{
		display: none;
	}
	li.cms ul a,
	nav > li.cms ul a:not(:only-child):after,
	nav > li.communaute ul a:not(:only-child):after{
		content: "" !important;
	}
	.secondLevel li a {
	}
	.secondLevel li a {
		color: #fff;
	}
	.firstLevel li.active a {
		color: #fff;
	}
	.firstLevel li.cms li.active a {
		color: #edaf01;
	}
	.bg-gris{
		background-color:#777;
	}
	#navigation2 a{
		border-bottom: 1px solid #262728;
		border-top: 1px solid #4d4d4d;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
		color: #c9c9c9;
		font-size: 14px;
		line-height: 24px;
		padding: 10px;
		padding-left: 34px;
	}
	#navigation2 .navigation-item-title {
		background-image: none;
		background-color: #2c2c2c;
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#222));
		background-image: -webkit-linear-gradient(top,#333,#222);
		background-repeat: repeat-x;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
		box-shadow: 0 1px 2px rgba(0,0,0,0.4);
		border-bottom: 1px solid #262728!important;
		color: #808080;
		font-weight: bold;
		font-size: 12px;
		line-height: 15px;
		padding: 5px 10px !important;
		border-left: none !important;
	}
	#navigation2 li a,
	#navigation2 li li a,
	#navigation2 .accueilMenu a{
		background: #3f3f3f;
	}
	li.cms .thirdLevel,
	li.communaute .thirdLevel,
	li.communaute .secondLevel {
		display: none;
	}
	.filet1{border-left:5px #f04e00 solid !important;}
	#navigation2 .firstLevel li{
		border-left:5px #c5c300 solid;
	}
	#navigation2 li.cms{border-left:none;}
	#navigation2 li.cms li{border-left:5px #5dc9cb solid;}
	#notifs {right: 100px;	}
	.diapo{display: none;}
	.row3.gut2 .univers {width: 100%;}
		.thirdLevel{
		background-color: #f4f3f3;
		display: block !important;
	}
		.thirdLevel li {
			line-height: 2.3em;
			font-size: 1.1em;
			padding: 0;
			margin: 0 2%;
			width: 40%;
			display: inline-block;
			padding: 0;
			text-shadow: 0 -1px 0 rgba(255, 255, 255, 1);
			border-bottom: 1px #FFF solid;
		}
		.thirdLevel li a {	color: black;}
		.thirdLevel li.active a {display: block;}
		#navigation2 .thirdLevel{display: none !important;}
	.bPrestataires .adscol1 .encart h3, .bPrestataires .adscol2 .encart h3, .bPrestataires .adscol3 .encart h3, .bPrestataires .adscol4 .encart h3 {
		margin: 0px;
	}
}

/* quick smartphone reset */
@media (max-width: 768px) {

	.menu-trigger {
		display: block;
	}

	#jPanelMenu-menu {
		display: block;
	}


}


/* quick smartphone reset */
@media (max-width: 640px) {
	body {background: #dddddd url(/images/bg.png);}
	.phone-hidden, #rightbar,
	#footer, .slogan,
	#footerTxt, .ratingsDatas { display: none; }
	.encartCMS {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.univers{margin-bottom: 0;}
	.univers p{ margin: 0; padding: 0;	}

	/* responsive widths for mobiles */
	.m25 { width: 25%; }
	.m33 { width: 33.3333%; }
	.m50 { width: 50%; }
	.m66 { width: 66.6666%; }
	.m75 { width: 75%; }
	.m100 {
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
		float: none !important;
		width: auto !important;
	}
	.row { width: 100% !important; }
	th:not(.recaptchatable th),
	td:not(.recaptchatable td)	{
		display: block !important;
		width: auto !important;
		text-align: left !important;
	}
	thead { display: none; }
	#headerBoxes { display: none; }
	.inscription .ou { display: none; }
	#InscZone .col,	#authZone .col {
		width: 100%;
		display: block;
	}
	#InscZone .submit input, #authZone .submit input { width: 100%; }
	.accroche { text-align: center; }
	.accroche .w30, .accroche .w40,
	.accroche .w45, .accroche .w20 {
		width: 100%;
		display: block;
	}
	.accroche .w70 {
		width:100%;
		padding: 0 1em;
		display: block;
	}
	.accroche .btn {
		width: 100%;
		margin-bottom: 1em;
	}
	.accrocheTxt { text-align: center; }
	.encart, #rightbar .widget {
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
		border: none;
		padding: 0;
	}
	.social { display: none; }
	#contents form label {
		display: block !important;
		padding-bottom: 0 !important;
	}
	#contents form .row { margin-bottom: 1em; }
	#contents form span {
		display: block !important;
		width: 100% !important;
		padding: 0;
	}
	#contents form .row input, #contents form .row select,
	#contents form .row textarea {
		display: block !important;
		width: 100%;
	}
	#contents form .obligatory { display: inline !important; }
	.line.gut2 > * { width: 100%; }
	.bPrestataires .adscol1, .bPrestataires .adscol2,
	.bPrestataires .adscol3, .bPrestataires .adscol4 {
		width: 100%;
		float: none;
	}
	.bPrestataires .adscol1 .encart, .bPrestataires .adscol2 .encart,
	.bPrestataires .adscol3 .encart, .bPrestataires .adscol4 .encart { min-height: inherit; }
	.encart, #rightbar .widget, .accueil #contents .widget {
		background-color: transparent;
		-webkit-box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
		border: 0 solid #b8b7b7;
		padding: 0;
	}
	form label {
		width: auto;
		text-align: left;
	}
	#wrapper > * { display: block; }
	.post h1, .post .h1-like, .event h2 {
		font-size: 1.3em;
		line-height: 100%;
		margin-bottom: .5em !important;
	}
	.chapo .chapoPicture { width: 70px; }
	.post.chapo .item, #event_list .item { margin-left: 85px; }
	.chapo { padding: 1em 0; }
	.row > *, .col { display: block;	}

	/**
	 * Antony
	 *
	 * 21/02/2013
	*/
	#container { padding: 10px; }

	/**
	 * Antony
	 *
	 * 22/02/2013
	*/
	.accueil #article .widgetHighlightPosts .img40 {
		width: 100%;
		max-height: inherit;
		float: none;
	}
	.accueil #article .widgetHighlightPosts .widgetLastElementsPicture { text-align: center; }
	#sticky_navigation_wrapper, .scrollW,
	.nivoSlider, .accueil .widgetProfileActivity { display: none; }
	.small { line-height: normal; }
	.w66{ width: auto; }
	h1 { text-shadow: 0 0 0 #000; }
	h2, .h2-like { line-height: normal; }
	.recaptchatable th, .recaptchatable td { display: table-cell !important; }
	.commentsDatas {
		float: none;
		margin-left: 0;
	}
	.w25 {	width: 100%;}
	.murActiv .form_wall textarea {width: auto;	}
	.accueil #article .widgetHighlightPosts .widgLinkOuter { margin-top: 0px;	}
	.widgLink {	margin: 0; }
	.encart2 #tsBox { margin: 0!important; }

	.enquete form label {font-size:14px;padding-left:0;}
	.enquete form {padding:5px 14px 32px;}
	.enquete h2 {padding-left:0;}
	.enquete input[type="checkbox"], input[type="radio"] {width:18px!important;}
	.enquete .group_multi_checkbox .multi_checkbox label, .enquete .group_multi_radio .multi_radio label {width:90%;}
    .enquete #contents form span.group_multi_radio,
    .enquete #contents form span.group_multi_checkbox {display:inline-block!important;padding-top:1em!important;}
    .rocket {width:100%;margin-bottom:40px;}
    .enquete form .row {display:table;}
    .enquete .textarea label {font-size:14px;width:100%;}
    .enquete #contents form .row .other:last-child input[type="checkbox"],
    .enquete #contents form .row .other:last-child input[type="radio"] {display: none!important;}
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 4/3),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3) {
/* Style adjustments for high resolution devices */
}

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 640px) {
	html, body { -webkit-text-size-adjust: none; }
}

/* Autres */
.aMessage a.deleteAction { visibility: hidden; }
.aMessage.over a.deleteAction { visibility: visible; }
.respons div {/*display:none;*/}
.displayedIfCommentEditing { display: none; }
textarea.comment {
	min-height: 2em;
	padding: 2px 5px;
}
#form_add_comment textarea.comment { margin-right: 10px; }
.logoPrestataire img { max-width: 150px; }
