/*****************************************/
/*SITE MONTAGNETTES INVESTISSEMENT- STYLES TEXTE ET LIENS*/
/*****************************************/
/* couleurs utilisées
marron fond : color:#442515;
rouge 1 (clair): color:#4a0002;
rouge 2 (foncé sous texte): color:#400002;
rouge texte baseline : color:#86171b;
orange : color:#ec6e1e;
*/

#body 
{ 
	font-family:helvetica,sans-serif; 
	font-size:12px;
	letter-spacing:0.05em;
	line-height:1.2em;
	background: #442515; 
	color: white; 
	margin: 0px; 
	padding: 0px; 
}
#filtre
{
	position:absolute;
	width:0;	
	height:0;
	margin:0;
	overflow:hidden;
	background:#400002;
	opacity : 0.6;
    filter : alpha(opacity=60);
	z-index:2;
}
#filtre.clicked
{
	width:100%;
	height:1500px;
}

/*****************************************/
/*nav outils*/
/*****************************************/
#topnav 
{
	width:820px;
	margin-left: auto;
	margin-right: auto;
	border-top:50px solid #442515;

	height:14px;
	font-size:11px;
	line-height:1em;
	letter-spacing:0em;
}
#topnav UL 
{
	margin:0;
	padding:0;
}
#topnav LI 
{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#topnav A 
{
	color:white;
	float:left;
	padding:0 5px;
}
#topnav A:hover 
{
	color:white;
}
#topnav A:hover
{
	color:white;
	text-decoration:none;
}
#outils
{
	float:left;
	width:750px;
}
#langues
{
	float:left;
	width:50px;
}

/*****************************************/
/*cadre principal*/
/*****************************************/



#containerombre 
{
	clear:both;
	width:820px;
	background:url(../img/ombre.jpg) repeat-y right;
	margin-left: auto;
	margin-right: auto;
}
#topcontainerombre 
{
	width:820px;
	height:10px;
	background:url(../img/ombre-top.jpg) no-repeat top right;
}
#topcontainer 
{
	width:799px;
	height:10px;
	border:1px solid black;
	border-bottom:0;
	background:#4a0002;
	padding:0px;
	margin:0px;
}
#container 
{
	width:799px;
	border:1px solid black;
	border-top:0;
	background:#4a0002;
	padding:0px;
	margin:0px;
}
#bandeau 
{
	width:799px;
	height:150px;
}
#logo
{
	width:799px;
	text-align:center;
}
#logo IMG
{
	border:0;
}
/*****************************************/
/*navigation horizontale */
/*****************************************/

#hnav 
{
	width:100%;
	height:20px;
	background:black;
}
#hnav UL 
{
	margin:0;
	padding:0;
	margin-left:20px;
}
#hnav LI
{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}
#hnav LI A
{
	display:block;
	float:left;
	color:white;
	line-height:1em;
	letter-spacing:0em;
	margin-top:3px;
	padding:3px 10px 2px 15px;
	font-weight:normal;
	letter-spacing:0.1em;
	border-left:1px solid black;
	border-right:1px solid black; 
}

#hnav LI A:hover
{
	text-decoration:none;
	background:#3b0002;
}
#hnav LI.current A
{
	text-decoration:none;
	background:#3b0002;
	cursor:text;
}

/*****************************************/
/*contenu */
/*****************************************/

#pagecontent
{
	width:100%;	
}
#partie1
{
	margin-top:20px;
}
#gauche1
{
	float:left;
	width:400px;

}
.coteorange
{
	float:left;
	width:40px;
	height:230px;
	background:#ec6e1e;
}
.photo
{
	float:left;
	width:360px;
	overflow:hidden;
}
#diapo
{
	width:360px;
	height:230px;
}
#textegauche
{
	padding:10px;
	width:380px;
	background:#ec6e1e;
	color:#442515;
}
#droite1
{
	float:left;	
	width:397px;
	background:#5575a8;
	background:#400002;
}
#calage1
{
	float:left;
	width:19px;
	height:230px;
}
#texte1
{
	padding:10px 10px 20px 0;
	width:360px;
	float:left;
}
#accroche
{
	width:100%;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.6em;
	font-size:13px;
	margin-bottom:10px;
}
#accroche IMG
{
	margin:0 5px;
}
#accroche H1
{
	display:inline;
}
#partie2
{
	width:799px;
	background:#86171b;
	color:#442515;
	margin-top:20px;
}
#partie2content
{
	padding:5px;
	text-align:center;
}
#partie2 A
{
	color:#442515;
}
#partie2 A:hover
{
	color:white;
}
#partie2 A IMG
{
	border:1px solid #442515;
}
#partie2 A:hover IMG
{
	border:1px solid white;
}

/*****************************************/
/*footer */
/*****************************************/
#baseline
{
	font-size:1.1em;
	width:100%;
	text-align:center;
	letter-spacing:0.2em;
	border-top:1px solid black;
}
#baseline P
{
	padding:10px;
}

#pagefooter
{
	margin-left:auto;
	margin-right:auto;
	width:820px;
	height:60px;
	background:url(../img/ombre-footer.jpg) no-repeat top left;

}

#creditslogos
{
	float:left;
	width:399px;
	margin-top:15px;
	padding-top:4px;
}

#creditslogos IMG
{
	float:left;
	border:0;
}
#creditslogos UL
{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
}

#creditslogos LI
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-right:7px;
}
#creditslogos LI A
{
	color:black;
}
#creditslogos LI A:hover
{
	color:white;
}
#creditslogos .logo
{
	float:left;
	margin-left:5px;
}

#groupeM
{
	float:left;
	width:400px;
	border:0;
	margin-left:5px;
	margin-top:15px;
	padding-top:4px;
}
#groupeM IMG
{
	float:right;
	border:0;
	margin-left:5px;
}