body {
margin: 0;
padding: 0;
background: #2f475e;
font-size: 11px;
color: #333333;
font-weight:normal;
}

img
{
	border:none 0px;
}
/* Header */


/* Content */

.ContentDD
{
	margin-left:200px; 
	width:670px; 
	text-align:left;
}

.texte_black_content{
padding-left:10px; 
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#renseignements{
background:url(../images/background/coordonnees-horaires.jpg); 
width:297px;
height:192px;
border-left:1px #e1e1e1 solid;
border-right:1px #e1e1e1 solid;
}

#agenda{
background:url(../images/background/agenda-brunstattois.jpg); 
background-position:top;
width:269px; 
height:391px; 
}

.texte_blue_renseignements{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
color:#42b1e1;
text-align:left;
}

.texte_black_renseignements{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px;
color:#333333;
text-align:left;
font-weight:normal;
}

.texte_wlink_brunstattois{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-decoration:underline;
}
.texte_wlink_brunstattois:hover{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
text-decoration:none;
}

.texte_link_brunstattois{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:10px;
color:#333333;
text-align:left;
font-weight:bold;
text-decoration:underline;
}
.texte_link_brunstattois:hover{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:10px;
color:#333333;
text-align:left;
font-weight:bold;
text-decoration:none;
}

.texte_red_renseignements{
font-family:Tahoma, Helvetica, sans-serif; 
font-size:11px;
color:#ca0019;
text-align:left;
font-weight:bold;
}

/* Menu */
#menu {
list-style-type:none;
margin:0;
margin-left:122px;
padding:0;
height:33px;
}

#menu li {
display:block;
float:left;
position:relative;
z-index:100;
border-right: 1px dotted #CCCCCC;
}
#menu li span {
display:block;
z-index:100;
background:#FFFFFF;
padding: 6px 12px;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}
#menu li a, #menu li a:visited {
display:block;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#333333;
}

#menu dl {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
background:url(../images/background/transparency.gif);
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#menu dt {
margin:0;
font-size: 1em;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
#menu dd {
display:none;
background: transparent;
border-bottom:1px solid #cce;
clear:left;
margin:0;
padding:0;
color: #fff;
font-size: 1em;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

#menu dt a, #menu dt a:visited {
display:block;
color:#333333;
padding: 6px 12px;
text-decoration:none;
}
#menu dd a, #menu dd a:visited {
background:#e7e7e7;
color:#333333;
text-decoration:none; 
display:block;
padding: 3px 14px;
font-family:Arial, Helvetica, sans-serif;
}

#menu li a:hover {
border:0;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
background: #42b1e1;
color:#FFFFFF;
}

.menuAjusteDD { width:150px; cursor:pointer;}


/* Menu Vertical */
.menuVerti
{
	width:180px; 
	float:left;
	font-family:Tahoma;
	font-size:11px;
	color: #FFFFFF;
}

.menuVerti ul
{
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom:1px;
}

.menuVerti-head
{
	display:block;
	height:31px;
	line-height:31px;
	width:170px;
	color:#FFFFFF;
	background:url(../images/background/bg-onglet-right.gif) no-repeat #42b1e1;
	background-position: right;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
}

.menuVerti-head:hover
{
	background:url(../images/background/bg-onglet-right-o.gif) no-repeat #9bdcf8;
	background-position: right;
}

.menuVerti-child
{
	display:block;
	line-height:18px;
	width:169px;
	padding:5px 0px 5px 15px;
	background:#f5f5f5;
	color:#666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
}

.menuVerti-child-actif
{
	display:block;
	line-height:18px;
	width:169px;
	padding:5px 0px 5px 15px;
	background:#9bdcf8;
	color:#FFFFFF;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	font-weight:bold;
}

.menuVerti-bottomOpen
{
	height:0px;
}

.menuVerti-child:hover
{
	background:#9bdcf8;
}

.menuVerti-boutons
{
	margin-left:5px;
}

/* Footer */
.footer_texte{
font-family:Tahoma, Helvetica, sans-serif;
font-size:10px;
color:#757575;
text-decoration:none;
}
.footer_texte:hover{
font-family:Tahoma, Helvetica, sans-serif;
font-size:10px;
color:#757575;
text-decoration:underline;
}

.footer_sep{
font-family:Tahoma, Helvetica, sans-serif;
font-size:10px;
color:#b6b6b6;
text-decoration:none;
padding-left:6px;
padding-right:6px;
}


/* ACTU */
.ActuListe-bloc
{
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
	margin:5px 0px;
}

.ActuListe-image
{
	float:right;
	margin: 0px 10px 10px 0px;
}

.ActuSeul-imageBloc
{
	margin:20px 0px 10px;
	padding:5px;
}

.ActuSeul-image
{
	float:left;
	margin-right:25px;
}

.actu-overflow
{
	overflow:auto;
	height:330px;
	
	scrollbar-face-color: #d9d6d6;
    scrollbar-shadow-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
}

/* PHOTOTHEQUE */
.Cat-Block
{
	width:150px;
	padding:3px;
	float:left;
	font-family:Tahoma;
	font-size:11px;
	float:left;
}

.Cat-titre
{
	color: #333333;
	font-weight: bold;
	text-align:left;
	margin-top:25px;
	margin-left:6px;
	font-family:Arial;
	font-size:12px;	
}

.Cat-Block ul
{
	margin:10px 0 0 0px;
	list-style-type:none;
}

.Cat-Block ul li
{
	margin:0px;
	padding:0px;
}

.Cat-link
{
	display:block;
	color:#555555;
	text-decoration:none;
	padding:1px 0px;
	padding-left:14px;
	background:url(../images/boutons/puce_vide.gif) no-repeat;
	background-position:left;
	/*border-top: 1px solid #5595d3;*/
}

.Cat-link:hover
{
	/*color:#fff;*/
	/*background:#5595d3;*/
	text-decoration:underline;
}

.Cat-link-o
{
	display:block;
	color:#5595d3;
	text-decoration:none;
	padding:1px 0px;
	/*border-top: 1px solid #5595d3;*/
	padding-left:14px;
	background:url(../images/boutons/puce_vide.gif) no-repeat;
	background-position:left;
}

.Photos-Block
{
	/*margin-left:160px;*/
	padding-left:25px;
	border-left:1px solid #cccccc;
	width:460px;
	/*height:900px;*/
	background:#FFFFFF;
	margin-top:30px;
}

.Photos-Cadre
{
	float:left;
	margin:10px;
	width:130px;
	height:100px;
	background:#efefef;
	border:1px solid #efefef;
	
}

.Photos-CadreImg
{
	margin:auto;
}

.photo_nav
{
	font-family:Arial;
	font-size:11px;
	color:#5595d3;
}

/* Trombinoscope */
.Tromb-Block
{
}

.Tromb-Cadre
{
	float:left;
	margin:10px;
	width:130px;
	height:250px;
	overflow:auto;
	/*padding-bottom:15px;*/
	padding-top:3px;
	border:1px solid #ccc;
	text-align:center;
	/*background:#fcfcfc;*/
}

.Tromb-Comment
{
	font-family:Arial;
	font-size:11px;
	color:#555;
	text-align:center;
	height:110px;
	overflow:auto;
}


/* *** SITEMAP ***/
.siteMap_parent
{
	font-family:Arial;
	font-size:12px;
	color:#555;
	font-weight:bold;
	margin:5px 0px;
}

.siteMap_parent a {	color:#42b1e1; text-decoration:none;} 
.siteMap_parent a:hover { text-decoration:underline; }

.siteMap_child
{
	font-family:Arial;
	font-size:11px;
	color:#555;
	margin:4px 0px;
	margin-left:15px;
}

.siteMap_child a { color:#42b1e1; text-decoration:none; }
.siteMap_child a:hover { text-decoration:underline; }

/* *** formulaire  ** */

.contact-input_text
{
	width:130px;
	height:15px;
	line-height:15px;
	font-size:11px;
	font-family:Tahoma;
}

.formident
{
	margin:20px 0px 0px 10px;
	font-size:11px;
	font-family:Tahoma;
	
}

/*-----------FORMULAIRE--------------*/
.contact-conteneur{ margin-bottom:5px;} /*div contenant les champs texte*/

.contact-titre{ margin:5px 0px 15px; border-bottom:1px solid #CCC; width:450px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.contact-label{ float:left; width:210px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.contact-input_text{ font-family:Arial, Helvetica, sans-serif; height:16px; width:150px; font-size:12px; line-height:13px;}

.contact-input_textarea{font-family:Arial, Helvetica, sans-serif; font-size:11px; width:150px; color:#000;}

.contact-obligatoire{ color:red; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.Msg
{
	font-family:Tahoma;
	color: #ed3d29;
	border:1px solid #ed3d29;
	padding:5px;
	margin:10px;
	background:#fff;
	display:block;
	text-align:center;
	
}
/*-----------FIN FORMULAIRE--------------*/