/* ------------------------------------------
| Document : CSS (LeDebouché.com)  			|
| Nom      : content       					|
| Détails  : Comporte le gabarit bloc	    |
| Auteur   : Benjamin SMADJA       			|
-------------------------------------------*/

#contenu {
		background-color:;
		background-image:url(../../miscellaneous/pictures_lib/content-bg.gif);
		background-position:left top;
		background-repeat:repeat-y;
		clear:both;
		float:left;
		width:100%;
		position:relative;}

#contenu .fond {
		background-image:url(../../miscellaneous/pictures_lib/content-top.gif);
		background-position:left top;
		background-repeat:no-repeat;
		float:left;
		padding-top:12px;
		padding-right:0;
		padding-left:10px;
		width:100%;
		}

#contenu #gauche .bloc  #hierarchie a { color:#333333; text-decoration:none;}
#contenu #gauche .bloc  #hierarchie a:hover { color:#368bb2;}

#contenu .fond .clearer { clear: both; height: 0px; line-height: 0; visibility:hidden; font-size:1px;}

#contenu #gauche{ float:left; position:relative; width:660px;}

#contenu #gauche .bloc {
		color:#333;
		font-size:12px;
		padding-bottom:10px;
		padding-left:0;
		padding-right:10px;
		text-align:justify;
		position:relative;
}
.text-miscellaneous  { font-size:12px; margin:10px 0 0 0; color:#000; font-weight:normal}

#contenu #gauche .bloc .clearer, #contenu #droite .bloc .clearer { clear: both; height: 0px; line-height: 0; visibility:hidden; font-size:1px; }

#contenu #gauche .bloc H3	{ text-align:left; margin-bottom:2px; padding-bottom:5px; padding-top:5px; color:#386359;}

#contenu #gauche .bloc H5 { text-align:left; margin-top:10px; margin-bottom:2px; 
							padding:5px; color:#F4F4F4; text-decoration:none; background:#386359; font-size:12px; }
#contenu #gauche .bloc H5.droite { text-align:left; margin-top:10px; margin-bottom:2px;padding:5px; color:#F4F4F4; text-decoration:none; background:#68B7A5; }

#contenu #gauche .bloc H3 A {
		color:#f55709;
		border-bottom-style:none;
		font-family:'Arial';
		font-size:20px;
		font-weight:700;
		line-height:20px;
		letter-spacing:-1px;
		display:block;
		text-decoration:none;
}

#contenu #gauche .lnk-seemore IMG {
	position:relative;
	margin:0 5px 0 0;
}

#contenu #gauche .lnk-seemore a {
		color:#C40000;
		border-bottom-style:none;
		font-family:'Arial';
		font-size:12px;
		text-decoration:underline;
		font-weight:700;
		line-height:24px;
		letter-spacing:-1px;
		display:block;
		text-align:right;
}

#contenu #gauche .bloc H3 A:hover, #contenu #gauche .lnk-seemore a:hover {color:#368bb2}

#contenu #gauche .bloc .doc-joint { text-align:center; float:left; margin:3px; width:25%; padding:5px 0 0 0; min-height:180px; border:#CCCCCC solid 1px; }

#contenu #gauche .bloc .doc-joint IMG { border:#368bb2 solid 1px; border:none; }

#doc-full { position:absolute; border:#CCCCCC solid 1px; padding:2px; background:#FFFFFF; top:0; left:0; z-index:9999; } 

#contenu #gauche .bloc .doc-joint .doc-description { width:100%; text-align:center; font-size:9px; font-style:italic; color:#666; }

#contenu #gauche .bloc .doc-joint p { margin:0; padding:0; }

#contenu #gauche .bloc .doc-joint A {
		color:#368bb2;
		border-bottom-style:none;
		font-family:'Arial';
		font-size:12px;
		font-weight:700;
		line-height:20px;
		letter-spacing:-1px;
		display:block;
		text-decoration:none; 
}

#contenu #gauche .bloc .doc-joint A:hover { color:#f55709; }

#contenu #droite{ float:left; width:254px; overflow:hidden; margin:0 10px 0 0; 
					background:#69BBAA url(../../miscellaneous/pictures_lib/content-left.jpg) bottom left no-repeat; }

#contenu #droite .sep{ margin-bottom:4px }

#contenu #droite .logo-Site { border:#999999 solid 2px; padding:5px; }

#contenu #droite .bloc { width:95%; left:50%; margin-left:-47.5%; position:relative; margin-bottom:20px; }

#contenu #droite .bloc #Links { position:relative; margin-left:20px; padding-bottom:10px; }

#contenu #droite .bloc #LogoPlan { padding:2px; border:solid 1px #999; }

#contenu #droite .bloc #Links .directLinks { border:none; position:relative; float:left; margin-right:10px; }

#contenu #droite .bloc .menu-infos { 
		color:#f55709; 
		font-family:'Arial';
		font-size:15px;
		font-weight:700;
		letter-spacing:-1px;
		text-decoration:none;
		
}
#contenu #droite .bloc p { margin:0; font-size:10px; color:#999999; }
#contenu #droite .bloc ul { margin:0; padding:0; list-style:none; }
#contenu #droite .bloc ul li { font-weight:700; border-bottom:#ccc dotted 1px; padding:5px 0 5px 0;  }
#contenu #droite .bloc ul li:hover { border-bottom:#f55709 dotted 1px; }
#contenu #droite .bloc  .titre-infos, #contenu #droite .bloc  .titre-infos a { 
	color:#368bb2; font-weight:700; letter-spacing:1px; text-decoration:none; }

#contenu #droite .bloc .NavLinks { text-align:center; }
#contenu #droite .bloc .NavLinks A { 
		color:#368bb2;
		border-bottom-style:none;
		font-family:'Arial';
		font-size:18px;
		font-weight:700;
		line-height:20px;
		letter-spacing:-1px;
		display:block;
		text-decoration:none; 
		padding-bottom:10px;
}
#contenu #droite .bloc .NavLinks A:hover { color:#f55709; }

#ecrire-petition { width:100%; margin-top:25px; margin-bottom:25px; }

#MyForm { 
		width:350px; position:relative; margin-left:-175px; left:50%;
		background:url(http://ledebouche.net/squelettes/miscellaneous/pictures_lib/frm-top.gif);
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:60px;
		}

#MyForm .bloc { background:#F4F4F4; border-left:#E6E6E6 solid 1px; border-right:#E6E6E6 solid 1px; padding:25px; }

#MyForm .bloc label { margin-left:20px; }

#MyForm .bloc p { margin:10px; padding:0; }
#MyForm .bloc input, #MyForm .bloc textarea { font-size:12px; color:#f55709; font-weight:700;}	

.reponse_formulaire { color:#f55709; text-align:center; }

#MyForm .bloc .titre { 
		color:#368bb2;
		border-bottom-style:none;
		font-size:13px;
		font-weight:700;
		line-height:20px;
		letter-spacing:-1px;
		display:block;
		text-decoration:none; 
		}


#MyForm .footer { 
			background: url(http://ledebouche.net/squelettes/miscellaneous/pictures_lib/frm-footer.gif);
			background-position:left top;
			background-repeat:no-repeat;
			height:34px; width:100%;	
			clear:both;
		}

#MyForm .footer p { padding-right:20px; }	
#MyForm .footer input { background:#f55709; border:#E6E6E6 solid 1px; color:#E6E6E6;}	


.footer { 
		background:url(../../miscellaneous/pictures_lib/content-foot.gif);
		background-position:left top;
		background-repeat:no-repeat;
		height:26px; width:100%;	
		clear:both;
}