/* ------------------------------------ */
/*                                      */
/*            General                   */
/*                                      */
/* ------------------------------------ */
body {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-weight : normal;
	font-style : normal;
	font-variant : normal;
	font-size : 93%;
	font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
	color : #2e3436;
	text-align : center;
	background : #eeeeec;
}

h1 {
	text-indent : -5000px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-weight : normal;
	font-style : normal;
	font-variant : normal;
	font-size : 1.6em;
	font-family : Verdana, Arial, sans-serif;
	color : #000;
	line-height : 1px;
	text-decoration : none;
}

h2 {
	margin : 10px 0px 0px 0px;
	padding : 0px 0 0px 0px;
	font-weight : bold;
	font-variant : small-caps;
	font-size : 1.4em;
	font-family : Arial, sans-serif;	
	letter-spacing : 0.2em;
	color : #729fcf;
	background : #fff;
}

h2 span {
	color : #f8be2a;
}

h3 {
	margin : 1em 0 0.8em 0em;
	padding : 0;
	font-weight : bolder;
	font-style : normal;
	font-variant : small-caps;
	font-size : 1em;
	font-family : Verdana, Arial, sans-serif;
	color : #888a85;
	background : #eeeeec;
}

h4 {
	clear : left;
	margin : 0 0 0.5em 1em;
	padding : 0 0 0 1em;
	font-weight : normal;
	font-style : normal;
	font-variant : normal;
	font-size : 1.1em;
	font-family : Verdana, Arial, sans-serif;
	background : transparent url(../images/puce_rond.gif) no-repeat center left;
	color : #999900;
}

q {
	font-style : italic;
}

p {
	line-height : 25px;
	margin : 0 0 10px 0;
	color : #000000;
}
p span{
	color : #73d216;
	font-weight : bold;
}

strong {
	font-weight : bold;
}

ul, li {
	margin : 0;
	padding : 0;
}

a {
	color : #f57900;
	text-decoration : underline;
}
a:visited {
	color : #888;
	text-decoration : none ;
}
a:hover, a:focus {
	color : #f57900;
	text-decoration : underline;
	border-bottom: 0px;
}

a#lien-accueil {
	position : absolute;
	left : 0px;
	top : 0px;
	width : 530px;
	height : 130px;
	background : transparent;

}
a#lien-googlemap {
	position : absolute;
	left : 0px;
	top : 20px;
	width : 190px;
	height : 190px;
	background : transparent;
}
a#lien-part {
	position : absolute;
	left : 18px;
	top : 0px;
	width : 350px;
	height : 230px;
	background : transparent;
}
a#lien-pro {
	position : absolute;
	left : -70px;
	top : 0px;
	width : 380px;
	height : 230px;
	background : transparent;
}

.cache {
	text-indent : -5000px;
	font-size : 0;
	line-height : 1px;
	text-decoration : none;
}

.ce-creation {
	color : #9bb50c;
	font-weight : bold;
}

/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
	position : relative;
	width : 770px;
	height : 135px;
	margin : 0 auto;
	background : url(images/header.jpg) no-repeat left top;
}
#header blockquote {
	margin : 20px 3px 0px 0px;
	padding : 0px 0px 0px 0px;
	width : 130px;
	height : 106px;
	float : right;
	background : transparent;

}
#header blockquote a{
	text-decoration : none;
	color : #cc0000;


}
#header blockquote p {
	padding : 0px 10px 0px 10px;
	text-align : center;
	font-family : verdana;
	line-height:100%;
	font-size : 80%;
	font-weight : bold;
	color : #cc0000;
}
#header blockquote span {
	text-decoration: blink ;
	color : #cc0000;
}
/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */

#barre_menu {
	padding : 2px 0;
	border : 1px solid #a50;
	border-color : #a50 #fa5 #610 #fa5;
	background : #f2a057 url(images/grad.gif) repeat-x bottom left;
	margin : 0px 0px 0px 0px;
}
#menu {
	display : table;
	padding : 0;
	margin : 0 auto;
	list-style : none;
	white-space : nowrap;
}
#menu li {
	display : table-cell;
	margin : 0;
	padding : 0;
}
#menu li a {
	float : left;
	font-family : arial;
	font-size : 100%;
	font-style : normal;

	height : 2.1em;
	line-height : 2.1em;
	letter-spacing : 1px;
	padding : 0 1.1em;
	text-decoration : none;
	color : #fff;
	background : #f2a057 url(images/grad.gif) repeat-x bottom left;
	border-right : 1px solid #d60;
	border-left : 1px solid #fb6;
	height : 100%;
}
#menu li a span {
	color : #555753;
}
#menu li a:hover, #menu li a.current {
	background : #e93 url(images/up_arrow.gif) no-repeat center bottom;
	color : #555753;
}

/* ------------------------------------ */
/*                                      */
/*            Content                   */
/*                                      */
/* ------------------------------------ */
#content {
	position : relative;
	width : 770px;
	min-height : 590px; 
	margin : 0 auto;
	text-align : justify;
	background : transparent url(images/content.png) repeat-y;
}
/* ------------------------------------ */
/*                                      */
/*            Main                      */
/*                                      */
/* ------------------------------------ */
#main {
	position : relative;
	padding : 5px 20px 50px 250px;
	line-height:110%;
	text-align : justify;
	background : transparent;
}
#main ul {
	padding : 0 0 30px 50px;
	margin : 0 0 15px 0;
	list-style-image : url(images/puce_carre.gif);
}
#main li {
	margin : 10px 0 10px 0;
	padding : 1px 0 1px 0;
	font-style : normal;
	font-size : 1em;
	font-family : "Trebuchet MS",Verdana,Arial,sans-serif;
	color : #000;
}
#main li span {
	color : #888a85;
		font-weight : bold;
}
#main p {
	margin : 0 0 5px 0;
	color : #000;
}
#main h3 {
	letter-spacing : 5px;
}
#main h3:first-letter {
	color : #f57900;
	font : 2.5em bold 'Times New Romans', Georgia;
}
/* ------------------------------------ */
/*                                      */
/*            brochure-promos                      */
/*                                      */
/* ------------------------------------ */
#brochure-promos {
	position : relative;
	padding : 10px 0px 50px 11px;
	background : transparent;
}
#brochure-promos p{
	font-weight : normal;
	font-style : normal;
	font-variant : normal;
	font-size : 120%;
	font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
	color : #73d216;
	text-align : center;	
}
#brochure-promos  a img, a:visited img, a:hover img, a:focus img   {
	text-decoration : none;
	border : 0px solid #fff;
	width : 750px;
	height : auto;
}
/* ------------------------------------ */
/*                                      */
/*            Home                      */
/*                                      */
/* ------------------------------------ */

#banners {
	position: relative;
	margin: 0;
	padding: 5px 0px 20px 0px;
	width : 770px;
	height: 192px;
	color: #fff;
	line-height: 20px;
	background : url(images/banner.jpg) no-repeat center bottom;
}
#banners div.left {
	position: relative;
	margin: 0;
	padding: 80px 120px 0px 30px;
	width: 135px;
	height: 108px;
}
#banners div.right {
	position: absolute;
	top: 5px;
	right: 0px;
	margin: 0;
	padding: 80px 30px 0 160px;
	width: 135px;
	height: 108px;
}

#banners div.left a {
	color : #73D216;
}

.citation div.left {
	position: relative;
	margin-left: 20px;
	padding: 0;
	width: 335px;
	font-size: 0.9em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	clear:both;
}
.citation div.left img {
	float: left;
}
.citation div.left p {
	margin : 0px 0px 0px 55px;
	padding-right: 3px;
	color: #729FCF;
}
.citation div.right {
	position: absolute;
	top: 0;
	right: 35px;
	margin: 0;
	padding: 0;
	width: 335px;
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	clear:both;
}
.citation div.right img {
	float: left;
}
.citation div.right p {
	margin : 0px 0px 0px 55px;
	padding-right: 3px;
	color: #729FCF;
}


/* ------------------------------------ */
/*                                      */
/*  Bloc navigation laterale gauche     */
/*                                      */
/* ------------------------------------ */
#navbloc {
	position : absolute;
	margin : 0px 0 5px 0;
	padding : 0px 0 20px 0px;
	left : 35px;
	top : 0px;
	width : 190px;
	height : auto;
	text-align : justify;
}
#navbloc .contact {
	width: 190px;
	margin-top: 15px;
	text-align: justify;
	padding-bottom: 0px;
	clear:both;
	line-height:80%;

}
#navbloc .contact img {
	float: left;
	border : 0px;
}
#navbloc .contact a img {
		width : auto;
	height : auto;
}

#navbloc .contact p {
	margin : 0px 0px 0px 55px;
	padding-right: 3px;
	color:#000;
	line-height: 1.15em;
	font-size: 0.9em;
}

#nav1 {
	margin : 60px 0px 0px 0px;
	position : relative;
	top : 0;
	width : 200px;
	height : 200px;
	border : 0px;
	background : #ffffff url(images/cadre_nav_bloc.png) no-repeat top left;

}

#nav1 h3 {
	color:#555753;
	font : 1.1em bold arial, verdana, sans-serif justify;
	margin : 0 0 0 0px;
	padding : 0 0 0 0px;
	text-align: center;
	letter-spacing : 1px;
	font-size : 130%;
	background : transparent;
}

#nav2 {
	margin : 60px 0px 0px 0px;
	position : relative;
	top : 0;
	width : 200px;
	height : 200px;
	border : 0px;
	background : #ffffff url(images/cadre_nav_bloc.png) no-repeat top left;

}

#nav2 h3 {
	color:#555753;
	font : 1.1em bold arial, verdana, sans-serif justify;
	margin : 0 0 0 0px;
	padding : 0 0 0 0px;
	text-align: center;
	letter-spacing : 1px;
	font-size : 130%;
	background : transparent;
}
#nav3 {
	margin : 60px 0px 0px 0px;
	position : relative;
	top : 0;
	width : 200px;
	height : 200px;
	border : 0px;
	background : #ffffff url(images/cadre_nav_bloc.png) no-repeat top left;

}

#nav3 h3 {
	color:#555753;
	font : 1.1em bold arial, verdana, sans-serif justify;
	margin : 0 0 0 0px;
	padding : 0 0 0 0px;
	text-align: center;
	letter-spacing : 1px;
	font-size : 130%;
	background : transparent;
}
/* ------------------------------------ */
/*                                      */
/*            Miniature                 */
/*                                      */
/* ------------------------------------ */


#miniature {
	margin : 10px 0px 0px 0px;
	width : 190px;
	float: right;
}
#miniature a {
	display : block;
	float : left;
	margin : 0px 0px 2px 2px;
	width : 50px;
	height : 50px;
	border: 1px solid #fff;
	text-align: center;
	font : 1.1em bold arial, verdana, sans-serif justify;
	color : #cc0000;
	text-decoration:none ;
	line-height : 100%;


}
#miniature a img {
	border : 0px solid #fff;
	width : 50px;
	height : 50px;
	filter:alpha(opacity=80);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#miniature a span {
	display:none ;
	text-decoration:none ;
}
#miniature a:hover {
	border: 1px solid #ddd;
}
#miniature a:hover span {
	display: block;
	position : absolute;
	padding : 60px 0 0px 0px;
	width : 128px;
	height : 128px;
	left : 180px;
	top : -100px;
	background : url(images/promologo.gif) no-repeat center;
}
#miniature a:hover img {
	position : absolute;
	width : auto;
	height : auto;
	left : 250px;
	top : -20px;
	border : 8px solid #555753;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* ------------------------------------ */
/*                                      */
/*          Livre d'or                  */
/*                                      */
/* ------------------------------------ */

#bloc_avis1 {
	font-style : normal;
	background-color: #ffffff;
	margin-left: 20px;
	margin-top: 50px;
	height: 50px;
	width: 210px;
	float: left;

}
#bloc_avis1 span {
	color : #888a85;
	font-family : Arial;
	font-weight : normal;
	font-style : italic;
	font-size : 90%;
}

#bloc_avis2 {
	font-style : normal;
	background-color: #ffffff;
	height: 50px;
	width: 210px;
	float: left;
	margin-left: 30px;
	margin-top: 50px;
	color : #000;
}
#bloc_avis2 span {
	color : #888a85;
	font-family : Arial;
	font-weight : normal;
	font-style : italic;
	font-size : 90%;
}
#bloc_avis3 {
	font-style : normal;
	background-color: #ffffff;
	height: 50px;
	width: 210px;
	float: left;
	margin-left: 30px;
	margin-top: 50px;
	color : #000;
}
#bloc_avis3 span {
	color : #888a85;
	font-family : Arial;
	font-weight : normal;
	font-style : italic;
	font-size : 90%;
}
#miniature_avis {
	width : 80px;
}
#miniature_avis a {
	display : block;
	float : left;
	margin : 5px 20px 10px 5px;
	width : 50px;
	height : 50px;
}
#miniature_avis a img {
	border : 0px solid #777;
	width : 50px;
	height : 50px;

}
#miniature_avis a span {
	display:none ;
	text-decoration:none ;
}
#miniature_avis a:hover {
	border: 1px solid #ddd;
}

#miniature_avis a:hover img {
	position : absolute;
	width : auto;
	height : auto;
	left : 180px;
	top : 230px;
	border : 8px solid #555753;
}
/* ------------------------------------ */
/*                                      */
/*            Formulaire                */
/*                                      */
/* ------------------------------------ */
fieldset {
	position :              relative;
	margin :               	20px 0px 0px 20px;
	padding :               0px 0px 0px 20px;
	background-color :      #eeeeec;
	border: 1px dashed gray;
}

legend {
	position : relative;
	top : 0px;
	padding : 0px 0px 0px 0px;
	color: #555753;
	font : 1.1em bold arial, verdana, sans-serif justify;
	background-color : #eeeeec;

}

#form {
	background-color:#fff;
	padding:10px;
	width:500px;
}

#label {
	font-family:"trebuchet ms",sans-serif;
	font-weight:bold;
}

#input {
	border:0px solid black;
	background-color:#888;
	font-family:"trebuchet ms",sans-serif;
	color:white;
}
#input.bouton {
	border:1px  gray;
	cursor:pointer;
}
#input.bouton:hover {
	border:1px  white;
	color:gray;
}
#input.bouton:active {
	border:1px inset gray;
	color:white;
}

#select, option {
	background-color: #eeeeec;
	color:#000000;
	font-size : 100%;
}

#textarea {
	border:1px solid black;
	background-color:gray;
	font-family:"trebuchet ms",sans-serif;
	color:#eeeeec;
}
/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footer {	
	position : relative;
	width : 770px;
	margin : 0px auto;
	padding : 20px 0px 60px 0px;
	min-height : 60px; 
	font-size: 90%;
	font-weight:bold;
	text-align: center;
	color:#eeeeec;
	background : transparent  url(images/footer.jpg) no-repeat;

}