/* CSS Document */

/*==== Structure globale ====*/
#titrePage, #printHeader, #printFooter{display:none;}
#blocContent{ height:auto;background-color:#F1E9D9; position:relative; clear:both;}
#blocLeft{ height:auto;width:180px; float:left;}
#mainContent{ position:relative; top:inherit; right:inherit;height:auto;width:720px; margin-left:180px;}
#contentBody{position:relative; top:inherit; right:inherit;height:auto;width:598px;padding:10px;overflow:visible; margin:8px 0;min-height:300px;}
#contentBody h1{background:url(/design/bricoler/h1.gif) no-repeat bottom left;}
h1{padding:0px 0px 15px 20px;margin:0 0 17px 10px;font-family:"Century Gothic", Tahoma, Geneva, Verdana, sans-serif; font-weight:bold; font-size:18px; color:#B5240E;}
#ficheTitle{margin:0 0 17px 0; background-image:none;}
h3{font-size:16px;font-weight:bold;margin:0;padding:10px 0px 5px 0px;color:#C33A25; border-bottom:1px solid #C33A25; }
h2{ margin:0; padding:5px 0px 0px 0px;}
h6{padding:3px;font-weight:bold;font-style:italic; font-size:12px;}
.relative{ position:relative;}
.relativeBar{ position:relative; clear:both; margin:auto; height:1px; width:300px;}
/*======== blocLeft ======*/

h6.blocLeftLinks {
	padding:0;margin:1px;text-align:center; color:#287126; font-size:0.9em; font-weight:normal; font-style:normal;
}
h6#userBienvenue, h6#userLogin{padding-top:10px;color:#B5240E;}

ul#fichesMenu li.currentFiche {
/* fiche courante dans le menu */
	font-weight:bold;
}
.bar{height:5px;background:url(/design/bricoler/bar.gif) repeat-x; margin:4px 0;}
/*
.boutonNouveauDiv{margin:15px 0px 0px 8px;}
.boutonModifierDiv{margin:5px 0px 0px 8px;}
*/
.boutonsContribution {
	margin:15px 0px 0px 8px;
	display:block;
}
#guide{ margin:15px 0px 0px 3px ; display:block;} /*le bouton du guide est plus grand que les autres, d'ou la marge à gauche de 3*/

#boxMobile{ position:fixed}
#boxAide{margin:auto; margin:15px 0px 0px 8px;}
#boxAideTop{width:165px;height:25px;background:url(/design/bricoler/aideTop.png) no-repeat bottom center;}
#boxAideContent{background-color:#FFFFFF; padding:10px; width:143px;border-bottom:1px solid #DD3A35; border-left:1px solid #DD3A35; border-right:1px solid #DD3A35;}
p#auteurFiche {
	margin: -15px 0 0 0;
	padding:0;
	font-size:small;
	color:grey;
	text-align:right;
}
p#theme {
	margin: auto;
	padding:0;
	font-size:small;
	color:grey;
	text-align:right;
}
/*==== Bloc droit ====*/
#imgRight{
	width:90px;top:20px; right:5px;
	background-color:transparent;
	height:auto;
	overflow:visible;
}
#imgRight img{clear:both; margin:10px 0px 10px 0px;}
/*#get_pdf{width:88px;height:31px;position:absolute; top:330px; right:3px;}*/
#printFicheButton {
	cursor:pointer;
}
/* accueil */
#explicationsAccueilBlock   {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: auto 5%;
	padding:0.5em;
	border:solid 1px #CCCCCC;
		font-size:0.9em;
	color:#333333;
}
#explicationsAccueilBlock p  {
	margin-top:0.3em;
	margin-bottom:0.3em;
}
#explicationsAccueilBlock ul  {
	margin-top:0.3em;
	margin-bottom:0.3em;
}
#explicationsAccueilHideControl, #explicationsAccueilShowControl{
	cursor:pointer;
	float:right;
	font-size:1.2em;
	text-align:center;
	width:1.2em;
	height:1.2em;
	position:relative;
	right:-1px;
top:-1px;
	padding:0;
	font-weight:bold;
	border:solid 1px #CCCCCC;
}

/*==== Intrieur de fiche ====*/
#photoTopDiv{
	float:left;
	width:200px;
	height:257px;
	text-align:center;
	margin-right:10px;
	margin-top:20px;
	overflow:hidden;
}
#photoTopDiv img {

}



/*
#photoTopCadre{
	width:160px;
	height:240px;
	background: url("/design/bricoler/cadre_photoTop.gif") no-repeat top left;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
*/
.ficheContent {
	clear:both;
	margin : 0.8em 0.3em;
}
.ficheContent h3 {
	width:100%;
}

    /* Photos */
img.ficheContentImage {
	/*position:absolute;
	clip: rect(0px, 200px, 150px, 0px);*/
}
.imgFloatRight {
	float:right;
	margin:2px 2px 5px 5px;
}
.imgFloatLeft {
	float:left;
	margin:2px 5px 5px 2px;
}
/*
.photoContainer_right{width:187px;height:146px; overflow:hidden; float:right; margin:15px 0px 10px 10px; display:block; clear:right;}
.photoContainer_left{width:187px;height:146px; overflow:hidden; float:left; margin:15px 10px 10px 0px; display:block; clear:left;}
.photoFicheCadre{display:none;width:187px;height:146px;position:absolute;top:0; left:0; z-index:10;background: url("/design/bricoler/cadre_photo.gif") no-repeat top left;}
.photoFiche{ position:relative;width:187px;height:146px;overflow:hidden; margin-top:10px;}
*/
#indication{float:left;width:385px;}
#indication_SP{float:left;width:80%;}
#h1_fond{ position:absolute; top:32px; left:182px;}
#h1_fond_SP{ position:absolute; top:32px; left:25px;}
.planImage{ clear:both; text-align:center;}
#leftMargin{ float:left;width:20px;height:257px;}

    /* Les indications  gauche */
/*.boxLeft{ position:absolute; top:64px; left:182px;}*/
.boxContainer{width:160px;height:61px;margin:0px 10px 10px 0px; position:relative;}
.boxLeftContent{
	/* pour les boites de gauche seulement */
	position:absolute; top:35px; left:10px;}

    /* Les indications  droit */
.boxRight{ float:right; width:210px; margin-bottom:10px}
.box_liste_top{width:210px;height:36px;}
.box_outils_top{width:210px;height:40px;margin-top:auto;}

.ficheBoxesRightContent{list-style:none; list-style-image:none;width:193px; min-height:20px;padding:0px 5px 0px 5px;margin:0;border-bottom:1px solid #EE9082;border-right:1px solid #EE9082;border-left:1px solid #EE9082;}
.ficheBoxesRightContent  ul{margin:0px 0px 5px 20px; padding:0;}
.ficheBoxesRightContent  li{background:none;margin:0; padding:0px 0px 0px 3px;}
/*.box_liste,.box_outils{list-style:none; list-style-image:none;width:193px;min-height:20px; padding:0px 5px 0px 5px;margin:0;border-bottom:1px solid #EE9082;border-right:1px solid #EE9082;border-left:1px solid #EE9082;}
.box_liste li,.box_outils li{background:none;margin:0; padding:0px 0px 0px 3px;}*/
.img_marginRight{ margin-right:8px;}

    /* Texte de fiche */
#mainText{ clear:both; margin-top:0px;}

    /* Tableau */
.clear{clear:both; vertical-align:top; margin:10px 0px 15px 0px;}
.clear td{vertical-align:top;}
td.right{ padding:5px 0px 0px 10px;}
td.left{padding:5px 10px 0px 0px;}

/* rounded divs voir le script shadedborder.js 
.rounded .sb-inner { background:#F1E9D9; }
.rounded  { background:#F1E9D9;padding:15px }*/
/* ================= fiche en mode édition ========= */

form#do_bricoler_fiche {
margin:0;
padding:0;
}

#do_bricoler_fiche h1#ficheTitle {
	padding-bottom:2px;
}
 h1#ficheTitle input#title {
	background:none;
	padding-bottom:2px;
}

/*
form#do_bricoler_fiche #photoTopFileFormElementHideLink {
	margin:2px;
	padding:2px;
	border:2px outset grey;
	background:none;
}
form#do_bricoler_fiche #photoTopFileFormElementDiv input {
	margin:1px;
	padding:2px;
	border:2px outset grey;
	background:transparent;
	margin:auto;
	width:auto;
	height:auto;
}
*/
#do_bricoler_fiche input {
	border:1px dashed lightgrey;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	padding:inherit;
	margin:inherit;
	width:98%;
	height:inherit;
	background:inherit;
}
#do_bricoler_fiche textarea {
	border:1px dashed lightgrey;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	padding:0;
	margin:0;
	width:98%;
	height:inherit;
}



form#do_bricoler_fiche select {
	border:1px dashed lightgrey;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
	padding:0;
	margin:0;
	/*width:inherit;
	height:inherit;

	background:inherit;*/
}

form#do_bricoler_fiche  select#difficulte {float:right;background:white;margin-right:10px;}
form#do_bricoler_fiche  select#difficulte option {padding:1px;}
form#do_bricoler_fiche  select#duree {float:right;background:white;margin-right:10px;}
form#do_bricoler_fiche  select#cout {float:right;background:white;margin-right:10px;m}
form#do_bricoler_fiche sup.required {
	color:red;
	font-size: 80%;
}
form#do_bricoler_fiche span.error {
    /*border: 1px solid red;*/
    padding: 1px;
	color: red;
	background:yellow;
	font-size:0.7em;
}
.imageFormDiv {
	width:auto;
	background:#F1E9D9;
	border:1px solid #ccc;
	margin:0;
	padding:1em;
	position:absolute;
	z-index:2000;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.imgFormDivRight {
	right:0;
	margin:2px 2px 5px 5px;
}
.imgFormDivLeft {
	float:left;
	margin:2px 5px 5px 2px;
}
#photoTopFileFormElementDiv {
/* div de l'element de formulaire pour l'image top de la fiche*/
	left:0px;
	margin:6px;
	padding:1px;
}
form#do_bricoler_fiche .imageFormDiv input {
	margin:1px;
	padding:2px;
	border:2px outset grey;
	background:transparent;
	margin:auto;
	width:auto;
	height:auto;
}

div#conseils_delarbre_div{
	width:95%;
	height:auto;
	font-size:0.8em;
	font-style:italic;
	padding:1em;
}
div#conseils_delarbre_div p {

}
/* login form */
form.delarbreTableLessForm fieldset {
    margin:3px auto;
	padding:2em ;
	width:auto;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
}
form.delarbreTableLessForm fieldset legend {
	padding :  0.3em ;
	font-size:1.1em;
	font-weight:bold;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border:1px solid #DDDDDD;

}
form.delarbreTableLessForm label.element {
	width:14em;

}
/* datagrid accueil module bricoler */
img.datagridImgDelarbre{
	/* logo dans cellule "titre" si auteur fiche = delarbre */
	vertical-align:top;
	margin-right:2px;
}
div#dataGridContainer{
	/* margin: 0px 0px 0px 10px;
	 clear:both;
	 	float:left;
	position:relative;
	text-align:center;
	 */


}

table.datagrid {
	/*margin:0px auto;
	margin:1px auto;

	*/
	width:100%;
	border-collapse:collapse;
}
tr.datagridheader th, th.datagridheader{
	/* background-image: url("/design/images/fond_header.gif"); */
	/*background-color:#E5ECF9;*/
	/*background-color:#FFB000;*/
	background: url("/design/bricoler/th_fond.gif") repeat-x top;
	/*border-width: 0px 0px 2px 0px;*/
	/*border: 1px solid #EFEFEF;*//* #3366CC*/
	/*border-bottom : 2px inset;*/
	padding:2px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	/*color: #B5240E;*/
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	height:27px;
	/*height: 2em;*/
	/*border-bottom-color: #FFB000;*/
}
tr.datagridheader th a, th.datagridheader a{color: #FFFFFF;}
table.datagrid td {
	border: 1px solid #FFFFFF;
	padding: 2px 2px 2px 4px;
	text-align:left;
	font-size:0.9em;
	/*text-decoration : none;*/
	/*font-size: xx-small;*/
}

td.number{
	text-align:right;
}
/*Tr2*/
.oddRow{
	/*background-color: #FFD432;*/
	background:#EBF9B2 url("/design/bricoler/tr1_fond.gif") repeat-x top;
}
/*Tr1*/
.evenRow{
	/*background-color: #FFCB6A;*/
	background:#EBFCB1 url("/design/bricoler/tr2_fond.gif") repeat-x top;
}
tr.trhover{background-color: #F3FDD5; }
tr.highlightedRow {background-color:#CDF674}


td.dgColEdit, td.dgColDelete,td.dgColDetail {
	text-align:center;
	width:2%;
}
td.dgColActions {
/* colspan avec les 3 actions */
	text-align:center;
	 whitespace:nowrap;
	 width:72px;/* width icone (16px) + marge (4px) * 2)*/
}
td.dgColEdit img, td.dgColDelete img,td.dgColDetail img,td.dgColActions img  {
 width:16px;
 height:16px;
 border:none;
 margin:0px 4px;
}
table.datagrid td.picto-cell {
	/*text-align:center;*/
}
p.dataGridRecordCount{ margin-left:30px;}

form.pagerSelectBox {
	margin:0px;
	padding:0px;
}
form.pagerSelectBox select {
	/*select.limitSelectBox*/
		color: #555E94;
	font-size: 0.8em;
	background: #eee;
}
form.pagerSelectBox input{
	margin-left: 2px;
}
p.pager{
	/*	border: 1px ridge #B0C4DE;*/
	background: #F5F5F5;
	color: #3C4370;
	font-size: 0.8em;
	margin: 2px auto;
	padding:2px;
	display: block;
	white-space: nowrap;
	text-align: center;
	height:1.2em;
}
.pagerCurPageLink{/*pagerCurrent*/
/*	font-size:0.8em;*/
	font-weight: bolder;
	border: 1px solid;
}
/* commentaires */
h2.commentaires {
 clear:both;
 border-top: 1px #C33A25 solid;
}

div.commentaires{}
div.commentaires .commentairesItem{border-top:1px dashed #C33A25}

div.commentaires .commentairesInfos{margin:0;padding:0;font-size:0.8em;color:#666666}
div.commentaires h5 {
margin: 0.3em 0.1em 0.1em 0.3em;
padding:0.1em;
}
div.commentaires p {
margin: 0.1em;
padding:0.1em;
}

img#p2_imageImg{ margin-right:25px;}

input.robot {
	display:none;
}