/*Général
-------------------------------------------------------------------------*/
* {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}

ul, li {
	list-style: none;
	}

strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}

td {
	vertical-align:top;
	padding: 0;
	}

body {
	margin: 0;
	text-align: center;
	background: url(gifs/mcd-communication_02.jpg) repeat-x top #737981;
	}




/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	font-size: 16px;
	font-weight: bold;
	background: url(gifs/mcd-communication_14.jpg) no-repeat left top;
	border-bottom: 1px solid #3BBDC2;
	color: #894A99;
	margin: 10px 25px;
	padding: 5px 0 2px 30px;
	width: auto;
	height: auto;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	background: url(gifs/mcd-communication_14.jpg) no-repeat left top;
	border-bottom: 1px solid #3BBDC2;
	color: #894A99;
	margin: 10px 25px;
	padding: 5px 0 2px 30px;
	width: auto;
	height: auto;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 15px;
	padding: .5em 0;
	}
	
	h3 a:link, h3 a:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;}

p {
	font-size: 12px;
	margin: 0 15px;
	padding-bottom: .66em;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	}
		
	.link {
	text-align: right;
	}
	
	.link a:link, .link a:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #3a72b8;
	background: url(gifs/01.gif) no-repeat left .5em;
	padding-left: 10px;
	}
	
	.link a:hover, .link a:active{
	text-decoration: none;
	}/*--------------------------------------------------------------------------*/
.imag{
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
float: right;
margin: 5px 0 5px 15px;
}

/*--------------------------------------------------------------------------*/




/*Liens
-------------------------------------------------------------------------*/
a, a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

a:focus {
	outline: 0;
	}



#footer a, #footer a:link, #footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}

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




/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/




/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
}

.bouton_news {
background: url(gifs/mcd-communication_43.jpg) no-repeat;
height: 19px;
width: 32px;
cursor: pointer;
border: 0;
color: #fff;
font-weight: bold;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
/*--------------------------------------------------------------------------*/


/*BDD AUTO
-------------------------------------------------------------------------*/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/*-------------------------------------------------------------------------*/


	
		
#header {
position: relative;
background: url(gifs/mcd-communication_05.jpg) no-repeat left top #fff;
border: 1px solid #c5c5c5;
border-bottom: 0;
height: 160px;
color:#A955A3;
}

	h1 {
	position: absolute;
	top: 0;
	left: 0;}

		h1 a:link, h1 a:visited{
		display: block;
		width: 198px;
		height: 160px;
		color: #A955A3;
		text-decoration: none;}
		
		.pim {
		position: absolute;
		top: 127px;
		left: 40px;
		text-transform: uppercase;
		font-weight: bold;
		border-top: 1px solid #B2D5DA;
		color:#A955A3;}
		
		.pam {
		position: absolute;
		top: 112px;
		left: 55px;
		color:#A955A3;}
		
		/*#header*/ #baseline {
		display: block;
		position: absolute;
		top: -20px;
		text-align: center;
		width: 100%;
		font:bold 12px/1 Verdana, Arial, Helvetica, sans-serif;
		color: #fff;}
		
			#header #baseline span{
			font:bold 12px/1 Verdana, Arial, Helvetica, sans-serif;}
			.color1 { color: #D4F2F6;}
			.color2 { color: #E8EBB6;}
			.color3 { color: #D5F7CD;}
	
#container {
	position: relative;
	text-align: left;
	width: 899px;
	margin: 27px auto 0;
	}
	
#content, #content_main, #content_side { float: left;
width:680px;
overflow:hidden;}

#content {
background: url(gifs/mcd-communication_55.jpg) repeat-y #fff;
border: 1px solid #c5c5c5;
border-top: 0;
min-height: 560px;
background-color:#FFFFFF;
width:897px;
}

	#content_main {
	width: 689px;}
	
		#content_main h3, #content_main p {
		margin: 0 25px;}
		
		.cadre {
		margin: 25px;
		padding: 0;
		border: 1px solid #ccc;
		clear: both;
		background: url(gifs/bg.jpg) repeat-x bottom;}
		
		.cadre {
		margin-right: 175px;}
		.cadre .imag2 {
		clear: both; 
		position: relative;
		left: 175px;
		top: -7px;
		float: right;
		margin: 0;
		padding: 0;}
		
		.azerty {
		margin-right: 175px;
		}
		
		.azerty .imag2 {
		clear: both; 
		position: relative;
		left: 175px;
		margin-left: -175px;
		top: -7px;
		float: right;
		padding: 0;}
	
	#content_side {
	width: 198px;}
	
		#nav {
		background: url(gifs/mcd-communication_11.jpg) no-repeat;
		height: 249px;
		width: 198px;}
		
			#nav li {
			height: 25px;
			width: 223px;
			position: relative;
			left: -17px;}
			
			#nav #rub1 {
			background: url(gifs/mcd-communication_09.jpg) no-repeat left top;}
				#nav #rub1:hover {
				background: url(gifs/over_09.jpg) no-repeat left top;}
				
			#nav #rub2 {
			background: url(gifs/mcd-communication_16.jpg) no-repeat left top;}
				#nav #rub2:hover {
				background: url(gifs/over_16.jpg) no-repeat left top;}
				
			#nav #rub3 {
			background: url(gifs/mcd-communication_18.jpg) no-repeat left top;}
				#nav #rub3:hover {
				background: url(gifs/over_18.jpg) no-repeat left top;}
				
			#nav #rub4 {
			background: url(gifs/mcd-communication_19.jpg) no-repeat left top;}
				#nav #rub4:hover {
				background: url(gifs/over_19.jpg) no-repeat left top;}
				
			#nav #rub5 {
			background: url(gifs/mcd-communication_20.jpg) no-repeat left top;}
				#nav #rub5:hover {
				background: url(gifs/over_20.jpg) no-repeat left top;}
				
			#nav #rub6 {
			background: url(gifs/mcd-communication_21.jpg) no-repeat left top;}
				#nav #rub6:hover {
				background: url(gifs/over_21.jpg) no-repeat left top;}
				
			#nav #rub7 {
			background: url(gifs/mcd-communication_22.jpg) no-repeat left top;}
				#nav #rub7:hover {
				background: url(gifs/over_22.jpg) no-repeat left top;}
				
			#nav #rub8 {
			background: url(gifs/mcd-communication_26.jpg) no-repeat left top;}
				#nav #rub8:hover {
				background: url(gifs/over_26.jpg) no-repeat left top;}
				
			#nav #rub9 {
			background: url(gifs/mcd-communication_27.jpg) no-repeat left top;}
				#nav #rub9:hover {
				background: url(gifs/over_27.jpg) no-repeat left top;}
				
			#nav #rub10 {
			background: url(gifs/mcd-communication_28.jpg) no-repeat left top;}
				#nav #rub10:hover {
				background: url(gifs/over_28.jpg) no-repeat left top;}
			
				#nav li a:link, #nav li a:visited {
				display: block;
				height: 25px;
				line-height: 25px;
				text-decoration: none;
				padding-left: 27px;}
				
				#nav li a:hover {
				padding-left: 23px;}
				
				#nav #rub1 a:hover{ color: #37adbb;}
				#nav #rub2 a:hover{ color: #36b3b9;}
				#nav #rub3 a:hover{ color: #36bcb7;}
				#nav #rub4 a:hover{ color: #37b8a4;}
				#nav #rub5 a:hover{ color: #36b89e;}
				#nav #rub6 a:hover{ color: #35b886;}
				#nav #rub7 a:hover{ color: #37b877;}
				#nav #rub8 a:hover{ color: #37b763;}
				#nav #rub9 a:hover{ color: #4dbd37;}
				#nav #rub10 a:hover{ color: #75b835;}
		
		#sideContact, #sideLettre, #sideActu {
		width: 199px;
		border: 1px solid #C8C8C8;
		border-right: 0;
		position: relative;
		left: -2px;
		margin: 15px 0;}
		
		#sideContact {
		background: url(gifs/mcd-communication_31.jpg) no-repeat;
		width: 199px;
		height: 118px;}
		#sideActu {
		background: url(gifs/encart-actus.jpg) no-repeat;
		width: 199px;
		height: 118px;}
		
		#sideContact h3, #sideLettre h3, #sideActu h3 {
		margin: 0 12px;}
		
		#sideContact p, #sideLettre p, #sideActu p {
		font-size: 11px;
		line-height: 1.25em;
		margin: 0 12px;}
			
			#sideContact a.cont:link, #sideContact a.cont:visited{
			display: block;
			background: url(gifs/mcd-communication_45.jpg) no-repeat;
			width: 119px;
			height: 19px;
			text-align: center;
			font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
			color: #dfd;
			text-decoration: none;
			position: relative;
			left: 65px;}
			
			#sideContact a.cont:hover {
			color: #fff;
			text-decoration: none;}
		
		#sideLettre {
		background: url(gifs/mcd-communication_37.jpg) no-repeat;
		width: 199px;
		height: 80px;}
		
		#sideLettre h3 {
		padding: 4px 0;}
		
		#sideLettre p {
		padding-bottom: 4px;}
		
		#sideLettre table {
		width: 174px;
		margin: 0 auto;}
		
		
		#sideHoraires {
		background: url(gifs/mcd-communication_40.jpg) no-repeat;
		width: 166px;
		height: 65px;
		margin: 0 auto 7px;
		padding-top: 8px;
		text-align: center;
		color: #666;}

#footer {
clear: both;
background: url(gifs/mcd-communication_57.jpg) no-repeat center top;}

	#footer span {
	font-size: 11px;
	color: #fff;
	display: block;
	padding-bottom: 5px;}

#options {
position: absolute;
top: 161px;
right: 25px;}

	#options, #options li {
	float: left;}
	
		#options li a:link, #options li a:visited{
		font-weight: normal;
		text-decoration: none;
		padding: 0 5px;
		border-right: 1px solid;
		}
	
		#options li a:hover{
		text-decoration: underline;
		}
		
		.last {
		border: 0 !important;}

#ob {
position: absolute;
top: 1px;
right: 1px;}




/*PAGES
-------------------------------------------------------------------------*/

#blocs {
position: relative;
height: 264px;
margin: 25px 0 0 0;}

	#blocs li{
	position: absolute;
	height: 182px;
	overflow: hidden;}
	
	#blocs h3, #blocs p {
	margin: 0;
	padding: 0;
	text-align: left;}
	
	#bloc1 { background: url(gifs/mcd-communication_23.jpg) no-repeat; width: 245px; top: 0; left: 0;}
	#bloc2 { background: url(gifs/mcd-communication_24.jpg) no-repeat; width: 212px; top: 0; left: 245px;}
	#bloc3 { background: url(gifs/mcd-communication_25.jpg) no-repeat; width: 242px; top: 0; left: 457px;}
	#bloc4 { background: url(gifs/mcd-communication_33.jpg) no-repeat; width: 245px; top: 182px; left: 0;}
	#bloc5 { background: url(gifs/mcd-communication_34.jpg) no-repeat; width: 212px; top: 182px; left: 245px;}
	#bloc6 { background: url(gifs/mcd-communication_35.jpg) no-repeat; width: 242px; top: 182px; left: 457px;}
	
	a.go:link, a.go:visited {
	background: url(gifs/mcd-communication_48.jpg) no-repeat left .5em;
	padding-left: 10px;
	position: absolute;
	bottom: 33px;}
	
	a.go2:link, a.go2:visited {
	background: url(gifs/mcd-communication_48.jpg) no-repeat left .5em;
	padding-left: 10px;
	position: absolute;
	bottom: 20px;}
	
		#bloc1 p, #bloc1 a.go{
		margin: 0 10px 0 35px;}
		#bloc1 h3{
		margin: 0 0 0 60px;
		padding: 5px 0 8px;}
	
		#bloc2 p, #bloc2 a.go{
		margin: 0 10px 0 15px;}
		#bloc2 h3{
		margin: 0 0 0 40px;
		padding: 5px 0 8px;}
	
		#bloc3 p, #bloc3 a.go{
		margin: 0 10px 0 20px;}
		#bloc3 h3{
		margin: 0 0 0 45px;
		padding: 5px 0 8px;}
	
		#bloc4 p, #bloc4 a.go2{
		margin: 0 10px 0 35px;
		line-height: 1.25em !important;}
		#bloc4 h3{
		margin: 0 0 0 60px;
		padding: 18px 0 7px;}
	
		#bloc5 p, #bloc5 a.go2{
		margin: 0 10px 0 15px;}
		#bloc5 h3{
		margin: 0 0 0 40px;
		padding: 18px 0 7px;}
	
		#bloc6 p, #bloc6 a.go2{
		margin: 0 28px 0 20px;
		line-height: 1.25em !important;}
		#bloc6 h3{
		margin: 0 0 0 45px;
		padding: 18px 0 7px;}


#zim, #zim li {
float: left;
}

#zim li {
margin-top: 28px;
width: 320px;
text-align: center;}


.tpl {
width: 80%;
margin: 25px auto;
border: 1px solid #e0e0e0;
padding: 10px 15px;}
#contenu .tpl h3 {
margin: 0;
padding: 0;}
.tpl p {
margin: 0;}
/*--------------------------------------------------------------------------*/



/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  70%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus, fieldset textarea:focus {
		background: #fff;
	}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
border: 0;}
/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 3px 0 0 0;
text-align: center;
color: #aaa;}
/*--------------------------------------------------------------------------*/



h3, .link a:link, .link a:visited, a:link, a:visited, a:hover, fieldset legend  {
color: #306851;} 
#footer a:link, #footer a:visited, #footer a:hover  {
color: #ded;}

.impt {
color: #b8a58c;}

.imag, .imag0, .imag2{
border: 1px solid #7aaac9;}
		
input.contact_envoyer{
background: #306851;}

fieldset textarea:focus , fieldset input:focus {
border: 1px solid #306851;}

#container_actualite, #actualite_detail {
	width:660px !important;
	overflow:hidden;
}
#listing_calendrier {
	margin-left:20px;
	margin-bottom:10px;
}
#actualite_detail h2, .actualite h2 a, #listing_calendrier li li a {
	color:#306851 !important;
}
.actualite h2 a:hover, #listing_calendrier li li a:hover {
	color:#894A99 !important;
}
.actualite .link {
color:#306851 !important;
}