#fancy_div {
	background:#fff !important;
	color:#3B3B3B !important;
	text-align:center !important;
}

*{
	margin:0;
	padding:0;
}

a:active, a:focus {
	outline:none;
}

body {
	background:url(../gifs/fond.jpg) #cbf6be top repeat-x;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Century Gothic", Arial, Helvetica, "Times New Roman";
}

.container {
	width:981px;
	height:auto;
	margin:0 auto; 
	position:relative;
	padding-top:100px;
	background:url(../gifs/tranche_content.jpg) top repeat-y;
}

.header {
	height:100px; /* à modifier*/
	width:981px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.logo {
	width:363px;
	height:100px;
	background:url(../gifs/pierrette_duchesne_petitgirard.jpg) top no-repeat;
	display:block;
	float:left;
	display:inline;
}

.fond_header {
	width:384px;
	height:100px;
	background:url(../gifs/fond_header.jpg) top no-repeat;
	float:left;
	display:inline;
}

#menu_acc {
	display:block;
	width:96px;
	height:100px;
	float:left;
	text-align:center;
	font-size:13px;
	color:#252525;
	font-weight:bold;
	line-height:100px;
	text-decoration:none;
	padding-left:10px;
	display:inline;
	background:url(../gifs/menu_05.jpg) top no-repeat;
}

#menu_acc:hover, .selected-acc {
	background:url(../gifs/roll_05.jpg) top no-repeat !important;
	color:#fff !important;
}

#menu_con {
	display:block;
	width:98px;
	height:100px;
	float:left;
	text-align:center;
	font-size:13px;
	color:#252525;
	font-weight:bold;
	line-height:100px;
	text-decoration:none;
	padding-left:10px;
	display:inline;
	background:url(../gifs/menu_06.jpg) top no-repeat;
}

#menu_con:hover, .selected-con {
	background:url(../gifs/roll_06.jpg) top no-repeat !important;
	color:#fff !important;
}

.fin_header {
	width:20px;
	height:100px;
	background:url(../gifs/fin_header.jpg) top no-repeat;
	float:left;
	display:inline;
}

.logo:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#content {
	width:981px;
	height:auto;
	position:relative;
	background:url(../gifs/top_left.jpg) top left no-repeat;
	overflow:hidden;
}

.colonne_gauche {
	width:286px;
	height:auto;
	margin-left:15px;
	float:right;
	display:inline;
}

.footer {
	width:981px;
	height:auto;
	background:#cbf6be;
	overflow:hidden;
	clear:both;
	text-align:center;
	font-size:11px;
	padding-top:20px;
	line-height:18px;
	color:#252525;
}

.footer a {
	color:#252525;
	text-decoration:none;
}

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


/******************************************************************** Lien ******************************************************************/
.page p {
	color:#000;
	text-align:justify;
	line-height:1.5em;
	padding-bottom:10px;
}

.important {
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:10px 0 0 0;
	background:#eee;
}

.important p {
	padding:0 20px 10px 20px !important;
}

.big_lien {
	font-size:15px;
}


.centrer {
  text-align:center !important;
}


.page a {
	color:#30306a;
	text-decoration:underline;
}

.page a:hover {
	text-decoration: none;
	color:#30306a;
}

.page strong {
	color:#30306a;
}

.lien {
  text-decoration:underline;
  color:#30306a;
  float:right;
  margin-right:15px;
  height:20px;
  padding-right:15px;
  background:url(../gifs/fds_41.jpg) right no-repeat;
}

.lien:hover {
  text-decoration:none;
  color:#30306a;
}

.paragraphe5050 {
	float:left;
	width:305px;
	height:auto;
	display:inline;
}

.paragraphe50501 {
	float:right;
	width:305px;
	height:auto;
	display:inline;
}

.filet {
	width:100%;
	height:15px;
	border-top:1px solid #30306A;
	margin:10px auto 5px auto;
	clear:both;
}

.page ul {
	margin:0 0 10px 25px;
	padding:0;
	list-style:none;
	list-style-image: url(../gifs/puce_liste.jpg);
	list-style-position:outside;
}

.page b {
	color:#f5f4f4;
	font-size:13px;
}

.page ul li {
	line-height:1.5em;
	color:#000;
	text-align:left;
}

/************** fin mise en page *************/

/************** LOUPE *************/

#loupe {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
	font-size:11px;
}

#loupe p {
	text-align:right !important;
	color:#252525;
}

#loupe a {
	color:#252525;
	text-align:center;
	text-decoration:none;
}

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

zoom {
	font-size:120%;
}

/************** FIN LOUPE *************/

/***********************************************************CONTACT FORMULAIRE*********************************/

.valide {
	background:#d5ffe9 !important;
	color:#000 !important;
}

.input_form {
	background-color: #d5ffe9;
	border:1px solid #30306A;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 300px;
}

.area_form {
	background-color: #d5ffe9;
	border: 1px solid #30306A;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 300px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 180px;
	background-color: #30306A;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional {
	width:175px !important;
	text-align:right !important;
}

.required {
	width:175px !important;
	text-align:right !important;
}

.divGenerateurRequired {
	margin-bottom:10px !important; 
}

#formulaire_1 p {
	margin:0 !important;
	padding:0 !important;
}

#formulaire_1 {
	width:560px;
	height:auto;
	padding:10px 10px 0 60px;
	border:1px solid #D5FFE9;
}
/**********FIN CONTACT*************/


/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 400px !important;
}

#newsletter_iframe h1 {
	color:#30306a !important;
	padding-bottom:1px;
	margin-bottom:20px;
	border-bottom:1Px solid #30306a;
}

#newsletter_iframe p {
	color:#252525 !important;
}

#newsletter_iframe a {
	color:#30306a !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}
/******************* NEWSLETTER*******************/

ul.MenuHorizontal { 
   width: 286px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #252525;         /*Ici, changer la couleur de la police*/ 
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 25px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: left;
   width:246px;
   line-height:25px; 
   padding-left:40px;
   text-decoration: none; 
} 

li#menu0 a { 
   background-image: url('../gifs/roll2_14.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu1 a { 
   background-image: url('../gifs/roll2_15.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu2 a { 
   background-image: url('../gifs/roll2_16.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu3 a { 
   background-image: url('../gifs/roll2_17.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu4 a { 
   background-image: url('../gifs/roll2_18.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu0 a:hover, a#selected-over0 { 
   background-image: url('../gifs/menu2_14.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu1 a:hover, a#selected-over1 { 
   background-image: url('../gifs/menu2_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu2 a:hover, a#selected-over2 { 
   background-image: url('../gifs/menu2_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu3 a:hover, a#selected-over3 { 
   background-image: url('../gifs/menu2_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('../gifs/menu2_18.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

.top_menu {
	width:286px;
	height:11px;
	background:url(../gifs/menu2_12.jpg) top no-repeat;
	overflow:hidden;
}

.bas_menu {
	width:286px;
	height:8px;
	background:url(../gifs/menu2_19.jpg) top no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}

.contact {
	width:286px;
	height:auto;
	padding-top:42px;
	margin-bottom:20px;
	background:url(../gifs/contact_23.jpg) top no-repeat;
}

.corps_contact {
	width:286px;
	height:auto;
	padding-top: 10px;
	overflow:hidden;
	background:url(../gifs/contact_26.jpg) top repeat-y;
}

.bas_contact {
	width:286px;
	height:5px;
	background:url(../gifs/contact_36.jpg) top no-repeat;
	clear:both;
}

.corps_contact p {
	padding:0 15px;
	color:#fff;
}

.corps_contact strong {
	color:#30306a;
	font-size:18px;
}

.corps_contact a {
	color:#30306a;
	font-size:11px;
	text-decoration:underline;
}

.corps_contact a:hover {
	text-decoration:none;
}

.link {
	float:right;
	height:20px;
	color:#fff !important;
	background:url(../gifs/contact_33.jpg) right no-repeat;
	padding-right:15px;
	line-height:18px;
	margin-right:15px;
}

.fil {
	width:254px;
	height:2px;
	background:url(../gifs/contact_29.jpg) top no-repeat;
	margin:10px auto;
	_margin:10px auto 0;
}

.bas_content {
	width:981px;
	overflow:hidden;
	height:5px;
	clear:both;
	background:url(../gifs/bas_content.jpg) top no-repeat;
}

.colonne_centre {
	width:645px;
	height:auto;
	float:right;
	margin-left:33px;
	display:inline;
}

.page {
	width:630px;
	height:auto;
	padding-right:15px;
}

h1 {
	color:#30306a;
	font-size:24px;
	font-weight:100;
	text-align:left;
	padding-bottom:1px;
	margin-bottom:20px;
	border-bottom:1Px solid #30306a;
}

h2, h3 {
	color:#30306a;
	font-size:15px;
	text-align:left;
	padding-bottom:1Px;
	margin-bottom:5px;
	border-bottom:1Px solid #30306a;
}

.newsletter_1 {
	display:block;
	width:211px;
	height:66px;
	background:url(../gifs/newsletter.jpg) top no-repeat;
	text-decoration:none;
	color:#000;
	font-size:11Px;
	padding-top:8px;
	line-height:18px;
	margin-bottom:10px;
	padding-left:75px;
}

.newsletter_1:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.newsletter_1 strong {
	text-transform:uppercase;
	font-size:12Px;
}


a.lieninter {
  text-decoration:none;
  color:#000000;
 }