/* Start of CMSMS style sheet 'rosenoire' */
/*	CSS Nomdusite
	Création Agence Grain de Sel le 01/11/2008 */

*{
	 margin:0;
	 padding:0;
	 border:0;
}

html {
	font-size:10pt;
}

body{
	background-color:#000;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
        behavior: url('././csshover2.htc');
}

#conteneur{
	position:absolute;
	width:970px;	 
	left:50%;
	margin-left:-485px;
	padding-bottom:20px;
	margin-top:20px;
 }


#imgDefilement{
	width:967px;
	height:481px !important;
 }

#actualite{
	position:absolute;
	top:117px;
	left:744px;
	display:block;
	width:223px;
	height:211px;
	background:url("../images/rose-noire-2/actu.gif") 0px 0px no-repeat;
	background-color:#fff;
	padding-top:8px;
 }

.titreActu{
	color:#9a3404;
	text-decoration:none;
	margin-left:102px !important;
	font-size:0.9em;
 }
.titreActu:hover{
	text-decoration:underline;
  }

#actualite .titreArticle{
        margin-top:23px;
        margin-left:17px;
        padding-bottom:5px;
        font-weight:bold;
}

#actualite p{
	color:#000;
	margin-left:102px;
	font-size:0.8em;
	width:192px;
	/*height:164px;*/
	overflow:hidden;
	margin-left:17px;
 }

#actualite a{
	color:#9a3404;
	text-decoration:none;
	margin:0;
 }
#actualite a:hover{
	text-decoration:underline;
 }

.lienPrint{
display:inline;
float:right;
margin-right:250px;
}

.lienRetour{
display:inline;
float:left;
}

/** Menu **/

#systeMenu{
	position:absolute;
	margin:0;
	padding:0;
	width:223px;
	height:280px;
	opacity:0.4;
        filter:alpha(opacity=40);
        opacity:0.4;
	background-color:#fff;
	left:744px;
	top:348px;
	overflow:hidden;
}

#systeMenu2{
	position:absolute;
	margin:0;
	padding:0;
	width:223px;
	height:355px;
	opacity:0.4;filter:alpha(opacity=40);
	background-color:#fff;
	left:744px;
	top:348px;
	overflow:hidden;
}

#menu{
	position:absolute;
	left:500px;
	top:348px;
	list-style-type: none;
	margin:0;
	padding:0;
	width:467px;
	opacity:1;filter:alpha(opacity=100);
	padding-top:10px;
        height:355px;
}
	
#menu li {
	display:block;
	text-decoration:none;
	margin-bottom:3px;
	width:223px;
        float:right;
        margin-left:225px;
	}

#menu a {	
	display:block;
	color:#000;
	text-decoration:none;
	width:183px;
	padding:0 20px;
	text-align:right;
	font-size:0.9em;
}
#menu a:hover {
	background-color:#983303;
	color:#fff;
	}

#menu h1 {	
	display:block;
	background-color:#983303;
	color:#fff;
	width:183px;
	padding:0 20px;
	text-align:right;
	font-size:0.9em;
	font-weight:normal;
}

#menu li:hover{
        background-color:#983303;
}

#menu li.sep{
height:5px;
_height:1px;
_font-size:10%;
_margin:0 !important;
overflow:hidden !important;
}

/** sous Menu **/

#menu li ul{
	display:none;
	}

#menu li:hover ul, a:hover ul{
        display:block;
        position:absolute;
	list-style-type: none;
	margin:0;
	padding:0;
	background-color:#fff;
       opacity:0.7;filter:alpha(opacity=70);
       margin-top:-14px;
       overflow:visible;
       width:228px;
       right:223px;
}

#menu li ul li{
	display:block;
	text-decoration:none;
	border-bottom:2px solid #983303;
	margin:0 !important;
        width:228px;
        height:14px;
        text-align:left;
        overflow:hidden;
	}


#menu li ul li a{
       text-align:left;
}

#menu li ul li:hover {
	background-color:#983303;
}

#menu li.sep:hover{
background-color:transparent;
}


.texteAccueil {	
	display:block;
	color:#bfbebe;
	width:939px;
	text-align:justify;
	font-size:0.8em;
	font-weight:normal;
	padding-left:28px;
	margin-top:10px;
}

/** footer **/
#footer{
	width:939px;
	list-style-type:none;
	padding-left:28px;
	margin-top:10px;
}	
#footer li{
	display:inline;
	margin-right:10px;
}
#footer a{
	color:#9a3404;
	display:inline;
	text-decoration: none;
	font-size:0.8em;
}

#footer a:hover{
	text-decoration: underline;
}

.planInterne{
	position:absolute;
	left:744px;
	top:117px;
 }
#basLogoInterne {
	position:absolute;
	top:148px;
}
#zoneTexte{
	width:939px;
	min-height:580px;
	_height:580px;
	background-color:#fff;
	margin-left:28px;
	padding-top:90px;
 }

#texteInterne{
	width:454px;
	margin-left:18px;
}




#texteInterne form{
color:#000;
	font-size:0.8em;
	font-weight:normal;
	text-align:justify;
	padding-bottom:20px;
}

#texteInterne form input{
background-color:#fff;
margin-bottom:10px;
}



#texteInterne form textarea{
margin-bottom:10px;
}


#texteInterne #m2email,#texteInterne #m2username{
margin:0;
border: solid #8a8a8a 1px;
display:block;
}

#texteInterne .submit{
width:300px;
margin-left:17px;
padding-left:210px;
}

#texteInterne .submit .fbsubmit{
border:0;
width:80px;
}

#texteInterne .submit .fbsubmit:hover{
background-color:#000;
color:#fff
}


#texteInterne h1{
	color:#9a3404;
	font-size:0.9em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:10px;
 }

#texteInterne li{
	color:#000;
	font-size:0.8em;
	font-weight:normal;
	text-align:justify;
	padding-bottom:20px;
 }

#texteInterne .picturelist li{
	padding-bottom:0;
 }

#texteInterne p{
	color:#000;
	font-size:0.8em;
	font-weight:normal;
	text-align:justify;
	padding-bottom:20px;
 }

#texteInterne table td{
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	text-align:justify;
	padding-bottom:20px;
 }

#texteInterne table td p{
	padding-bottom:0;
        font-size:0.9em;
 }

#texteInterne .titreArticle{
        text-align:justify;
        padding-bottom:5px;
        padding-left:0;
        font-weight:bold;
}

#texteInterne .pArticle{
	color:#000;
	font-size:0.8em;
	font-weight:normal;
	text-align:justify;
	padding-top:20px;
        padding-bottom:0;
 }

#texteInterne .somArticle{
        text-align:justify;
        padding-bottom:0px;

}

#texteInterne a{
	color:#9a3404;
	font-weight:normal;
	text-decoration:none;
 }
#texteInterne a:hover{
	text-decoration:underline;
 }

#zoneImage{
	position:absolute;
	width:451px;
	left:516px;
	top:148px;
 }

.contactform fieldset {background-color: #fff;} 
.contactform fieldset legend {display: none;} 
.contactform div {width: 100%;} 
.contactform div label {display: block; width: 20em; } 
.contactform input, .contactform textarea {border:1px solid #8A8A8A}
.contactform textarea {width:450px;}


/* End of 'rosenoire' */