/* CSS Document */

body, a, td, div, table, ul, li, p {
	font-size: 11px;
	font-family:Helvetica, Arial, sans-serif;
	color:#000000;
}

body {
	margin: 0px;
	padding: 0px;
	background: #e8e8e8;
	margin:0px;
	background-image:url(../im/bg.gif);
}

img { 
	border:none;
}	

a {
	text-decoration:none;
	color:#7b0101;
}

a:hover {
	text-decoration:underline;
}

ul {
	list-style-type:none;
}


/*index*/
#global{
width:100%;
float:left;
position:relative;
}

#header{
width:100%;
height:290px;
background-image:url(../im/bgtop.jpg);
background-repeat:repeat-x;
float:left;
position:relative;
}
#top{
width:987px;
height:270px;
margin:auto;
background-image:url(../im/top.jpg);
position:relative;
}
#lignetop{
width:100%;
height:20px;
background-image:url(../im/bgmid.jpg);
position:relative;
}
#conteneur{
width:995px;
margin:auto;
height:auto;
background-image:url(../im/bg_ombre.jpg);
background-repeat:repeat-y;
/*position:relative;*/

}
#conteneur_ombre{
clear:both;
position:relative;
width:987px;
left:4px;
}
#colonne_menu{
position:relative;
float:left;
/*left:4px;*/
width:253px;
}
.colonne_menu_titre{
font-size:14px;
font-weight:900;
color:#FFFFFF;
}
#colonne_menu_ligne{
position:relative;
float:left;
height:4px;
width:183px;
background-color:#3e4b52;
}
#colonne_menu_conteneur{
position:relative;
float:left;
left:35px;
width:183px;
}
#colonne_menu_conteneur ul {
margin:0px;
padding:0px;
float:none;
width:100%;
display:block;
clear:both;
}

#colonne_menu_conteneur li {
width:100%;
padding-top:2px;
padding-bottom:2px;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
text-align:left;
}

#colonne_menu_conteneur li:first-child {
width:100%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
}

#colonne_menu_conteneur li:last-child {
width:100%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
}

#colonne_menu_conteneur li a {
width:100%;
padding-left:30px;
color:#dadada;
font-size:14px;
font-weight:900;
}

#colonne_menu_conteneur a:hover, .liselected, .menu_down {
width:100%;
background-image:url(../im/bglist.gif);
color:#FFFFFF;
font-size:14px;
font-weight:900;
text-decoration:none;
/*border:solid;
border-bottom-width:1px;
border-left-width:0px;
border-top-width:0px;
border-right-width:0px;
border-color:#000000;*/
}
#contenu{
position:relative;
float:left;
/*right:4px;*/
width:734px;
}
#footer{
clear:both;
width:987px;
height:5px;
position:relative;
background-color:#000000;
}
#liens_annexes {
position:relative;
float:right;
height:30px;
width:600px;
top:7px;
text-align:right;
}

#liens_annexes2 {
position:relative;
float:right;
height:30px;
width:570px;
top:7px;
text-align:left;
}

#menu_conteneur {
position:relative;
float:left;
height:170px;
width:200px;
top:100px;
}
#menu_bullet {
position:relative;
float:left;
height:170px;
width:35px;
}
#menu_txt {
position:relative;
float:left;
height:170px;
width:225px;
left:35px;
text-align:left;
}
#menu_txt ul {
margin:0px;
padding:0px;
float:none;
width:100%;
}

#menu_txt li {
width:100%;
padding-top:2px;
padding-bottom:2px;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
text-align:left;
}

#menu_txt li:first-child {
width:100%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
}

#menu_txt li:last-child {
width:100%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
margin-right:0px;
}

#menu_txt li a {
width:100%;
padding-left:30px;
color:#FFFFFF;
font-size:14px;
font-weight:900;
}

#menu_txt a:hover, .li selected, .menu_top {
width:100%;
background-image:url(../im/bglist2.gif);
color:#FFFFFF;
font-size:14px;
font-weight:900;
text-decoration:none;
/*border:solid;
border-bottom-width:1px;
border-left-width:0px;
border-top-width:0px;
border-right-width:0px;
border-color:#000000;*/
}
.white_bd_12 {
font-size:12px;
font-weight:900;
color:#FFFFFF;
vertical-align:middle;
}
.white_bd_14_menu {
font-size:14px;
font-weight:900;
color:#FFFFFF;
line-height:22px;
text-shadow:#666666;
}
#conteneur_news{
width:708px;
position:relative;
float:left;
top:14px;
left:13px;
display:block;
}
.conteneur_news:after{
content:".";
clear:both;
height:0;
visibility:hidden;
display:block;
}
#top_ob_news{
width:708px;
position:relative;
float:left;
height:7px;
}
#top_ob_news1{
width:5px;
position:relative;
float:left;
height:7px;
background-image:url(../im/ob1.jpg);
background-repeat:no-repeat;
}
#top_ob_news2{
width:698px;
position:relative;
float:left;
height:7px;
background-image:url(../im/ob2.jpg);
background-repeat:repeat-x;
}
#top_ob_news3{
width:5px;
position:relative;
float:left;
height:7px;
background-image:url(../im/ob3.jpg);
background-repeat:no-repeat;
}
#bot_ob_news{
width:708px;
position:relative;
float:left;
top:0px;
}
#bot_ob_news1{
width:5px;
height:62px;
position:relative;
float:left;
background-image:url(../im/ob4.jpg);
background-repeat:no-repeat;
}
#bot_ob_news2{
width:698px;
position:relative;
float:left;
}
#bot_ob_news3{
width:5px;
height:62px;
position:relative;
float:left;
background-image:url(../im/ob5.jpg);
background-repeat:no-repeat;
}
#news_txt{
width:686px;
top:7px;
left:6px;
position:relative;
display:block;
}
#news_txt ul{
list-style-type:disc;
}

#news_footer{
clear:both;
display: block;
width:708px;
height:14px;
position:relative;
}
.black_bd_14 {
font-size:14px;
font-weight:900;
color:#000000;
}


.spacer{
	clear:both;
}

/* PHOTOS */
.galtitle {
	text-align:center;
	padding: 14px 0 0 0;
	font: normal 14px;
	color: #6c071e;
	width:708px;
	position:relative;
	float:left;
	left:13px;
	display:block;
}
#phototitle,#photoauteur,#photodesc {
	font: normal 14px;
	color: #808080;
	text-align:center;
	
	display:block;
	padding: 6px 0 3px 0;
}
.imgContainer{
 	font: normal 14px;
	color: #808080;
	text-align:center;
	
	display:block;
	padding: 6px 0 3px 0;
}
.laPhoto{
	
	text-align:center;
}

#photoframe{
	
 display : block;
 height: 500px;
 width:700px;
 clear:both;
}
#photodesc {
	padding: 8px;
}
#sliderthumb {
	position: relative;
	width: 708px;
	height: 183px;
	background:url(canvas/bg_thumbs.gif) no-repeat;
}
#sliderleft, #sliderright {
	display: block;
	float: left;
	width: 40px;
	height: 100px;
	margin-top: 30px;
	background-color:white;
}
#slidermaster {
    position: relative;
	display: block;
	float: left;
	width: 550px;
	height: 100px;
	margin-top: 30px;
	overflow: hidden;
}
#slider {
	position: relative;
	width: 5000px;
	height: 120px;
	overflow: hidden;
}
#slider a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid white;
}
#slider a:hover {
	border: 1px solid #cc071e;
}





#content .right .calendar {
	display: block;
	height: 17px;
	color:white;
	/*margin: 0 0 25px 70px;*/
}
#content .right .calendar #mnn {
	text-transform:capitalize;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 17px;
	color:white;
}
#content .right .calendar #calzone{
	display: block;
	overflow: hidden;
	width: 196px;
	margin: 12px 0 0 0;
}
#content .right .calendar #calzone div{
	display: block;
	float: left;
	width: 28px;
	height: 17px;
	text-align: center;
	font-weight: bolder;
}
#content .right .calendar #calzone div a{
	text-decoration: none;
	color: White;
	font-weight: bold;
}
#content .right .calendar #calzone div a:hover{
	text-decoration: none;
	color: black;
	font-weight: bold;
}
#content .right .calendar #calzone .selection{
	background-color: #49565E;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
	color:white;
	background-image: url(../im/bg_agenda.gif);
}
#content .right .calendar .month{
	background-color: #F6F6F6;
	font: normal  12px Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: center;
	
	background-image: url(../im/bg_agenda.gif);
	width: 196px;
}
#content .right .calendar .month{
	background-color:#49565E;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: center;
		
	width: 196px;
}
#content .right .calendar .month a.prev{
	background-image: url(../im/fleche_agenda_left.gif);
	width: 10px;
	height: 17px;
	display: block;
	float: left;
	margin: 0 0 0 4px;
	text-decoration: none;
}
#content .right .calendar .month a.next{
	background-image:url(../im/fleche_agenda_right.gif);
	width: 10px;
	height: 17px;
	display: block;
	float : right;
	margin: 0 4px 0 0;
	text-decoration: none;
}