/* @override http://caumale.local/css/design.css
	http://www.chateaudecaumale.fr/css/design.min.css
	http://caumale.local/css/design.min.css
	https://www.chateaudecaumale.fr/css/design.min.css?* */

body {
	position: relative;
	background-color: #68893A;
	margin: 0;
	padding: 0 0 36px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	position: relative;
}
img {
	border-style: none;
	border-width: 0;
}

/* @group CONTENT */

#content {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 1024px;
	text-align: left;
	background-color: #013816;
}

/* @end */



/* @group TOP */

#language {
	position: absolute;
	top: 10px;
	right: -37px;
}
#top {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #013816;
	height: 203px;
	background-image: url(images/top_deg_vert.png);
	overflow: hidden;
}
#diap_top {
	background: url(/images/photos/chateaudecaumale-292px.jpg) no-repeat;
	width: 292px;
	height: 203px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid black;
}


#logo {
	position: relative;
	width: 731px;
	height: 203px;
	background: url(images/header-caumale.jpg) no-repeat;
	margin-left: 0;
	margin-top: 0;
	overflow: hidden;
}

#logo h1 {
	margin-left: 740px;
}

#titre {
	text-align: right;
	margin-right: 151px;
}
#activite {
	text-align: right;
	margin-right: 151px;
}

/* @end */

/* @group MENU */

/* Fonctionne sous IE6 grace à body{ behavior: url("css/csshover.htc") }*/
#menu {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 0 20px;
	z-index: 100;
	line-height: normal;
	border-top: 1px solid black;
	height: 36px;
	background: #012D12 url(images/menu_deg_vert.png) 0 bottom;
}

#menu ul {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

#menu ul li {
	display: block;
	position: relative;
	/* largeur fixe
	width: 127px;
	*/
	text-align: left;
	float: left;
	margin-right: 0px;
}


#menu li a {
	position: relative;
	display: block;
	height: 24px;
	padding: 12px 20px 0;
}

/* ROOL OVER SUR MENU AVEC SOUS-MENU */
#menu ul li ul.sousMenu{
	position: absolute;
	overflow: hidden;
	top: 36px;
	height: 0;
	z-index: 120;
	padding-bottom: 0;
	width: 159px;
	padding-top: 1px;
}

#menu ul li ul.sousMenu li {
	height: auto;
	margin: 0;
	padding: 0;
	width: 159px;
	display: block;
}
#menu li ul.sousMenu li a {
	padding-bottom: 10px;
	height: auto;
}

/* HABILLAGE GRAPHIQUE DU ROLL OVER */

/* @group decor menu */

#menu li a {
	text-align: center;
	color: white;
	font-size: 11px;
	text-decoration: none;
}

#menu li a:hover {
	color: #E4F09A;
	background-color: #001006;
}
/* @end */

/* @group decor menu selected */

#menu li a.selected {
	color: white;
	background-color: #68893A;
}

/*#menu li a.selected:hover {
}*/
/* @end */

/* @group décor sous-menu */

#menu ul li ul.sousMenu li a {
	text-align: left;
	color: #e4e4e4;
	font-size: 10px;
	text-decoration: none;
	border-top: 1px solid white;
	background: transparent url(images/fondTR-3.png) repeat;
}

#menu ul li ul.sousMenu li a:hover {
	background-color: black;
	color: #E4F09A;
}
#menu ul li ul.sousMenu {
	overflow: hidden;
	background: transparent url(images/fin_ul_b.png) no-repeat 0 bottom;
	-webkit-transition-property: height ls ease-in;
	-webkit-transition-duration: 0.3s;
}
#menu ul li:hover ul.sousMenu {
	height: 270px;
	/*padding-bottom: 10px;*/
	overflow: hidden;
}
/* @end */

/* @group décor sous-menu selected */

#menu ul li ul.sousMenu li a.selected {
	background-color: black;
	color: #E4f09a;
}

/* @end */




/* @end */
/* @end */

/* @group PAGE */

/* @group annonce */
#col_gauche div.annonce div.lettre {
	background-color: #ffffff;
	padding: 10px;
	color:#00559f;
}
#col_gauche div.annonce div.lettre p {
	font: 14px/1.4em Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	text-indent: 20px;
	color:#00559f;
}
#col_gauche div.annonce {
	padding: 15px;
	background-color: #00559f;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	border-style: solid;
	border-width: 1px;
	color: white;
	font-size: 20px;
	margin-top: 20px;
	position: relative;
}
#col_gauche div.annonce h2 {
	color: white;
	font-size: 23px;
	margin: 10px 0 15px;
}
#col_gauche div.annonce p {
	color: white;
	text-align: left;
	margin: 5px 10px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#col_gauche div.annonce p a {
	color: white;
	text-decoration: underline;
}
#col_gauche div.annonce div.termine {
	position: absolute;
	width: 523px;
	height: 364px;
	bottom: 0;
	background: url(images/termine.png) no-repeat;
	right: 0;
	filter: alpha(opacity=95);
	opacity: 0.95;
	overflow: hidden;
}
#col_gauche div.annonce div.termine p {
	margin-left: 600px;
}
#col_gauche div.annonce div.termine:hover {
	filter: alpha(opacity=10);
	opacity: 0.10;
}
#col_gauche div.annonce .margin220 {
	margin-left: 220px;
}
/* @end */

#page {
	position: relative;
	background: #d3d8eb url(images/page_deg_blanc.png) repeat-x;
	border-top: 1px solid black;
}


span.asterisque {
	font-size: larger;
	color: #d991a9;
	margin-left: 2px;
}

#page p {
	color: #00559f;
	font-size: 14px;
	font-style: italic;
	text-align: justify;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-indent: 20px;
}

#page p.asterisque {
	color: maroon;
	font-size: 12px;
}

#page p.encadre {
	color: #ED7F00;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 6px;
	font-weight: bold;
	font-style: italic;
}
#page p.intro {
	color: #003A80;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.3em;
	font-weight: bold;
}

#col_gauche blockquote {
	font-style: italic;
	line-height: 1.4em;
	color: #00559f;
	padding: 24px 30px 19px;
	background: white url(images/coin-feuille.png) no-repeat;
	text-indent: 20px;
	text-align: justify;
	font-size: 14px;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}



#page h1 {
	color: #869dcb;
	font-weight: normal;
	font-style: italic;
	font-size: 40px;
	margin-top: 22px;
	margin-bottom: 16px;
}
#page h2 {
	color: #00559f;
	font-weight: normal;
	font-style: italic;
	font-size: 24px;
	margin-top: 29px;
	margin-bottom: 16px;
}

#col_gauche h2 a {
	font-size: 22px;
}


#page h3 {
	font-weight: bold;
	font-size: 34px;
	color: #003A80;
	margin-top: 20px;
	margin-bottom: 11px;
}

#page h3 em {
	font-size: 18px;
	font-style: italic;
	color: #707173;
}

#page h4 {
	font-weight: bold;
	font-size: 18px;
	color: #003A80;
	margin: 20px 0 11px;
}

/* @group col_gauche */

#col_gauche hr {
	border: 4px dashed white;
	margin-top: 20px;
}

/* @group Galerie */


#col_gauche p.galerie {
	text-indent: 0;
	margin: 0 0 -20px;
	background-color: #012d12;
	padding: 23px 23px 23px 28px;
	text-align: left;
}


#col_gauche p.galerie a img {
	border: 6px solid white;
	margin: 4px 9px 4px 0;
}
#col_gauche p.galerie a:hover img {
	border: 6px solid black;
}

/* @end */
/* @group Galerie2 */


#col_gauche p.galerie2 {
	text-indent: 0;
	margin: 0;
	background-color: #869dcb;
	padding: 10px 23px 5px 28px;
	text-align: left;
}

#col_gauche p.galerie2 a img {
	border: 6px solid white;
	margin: 4px 9px 4px 0;
}
#col_gauche p.galerie2 a:hover img {
	border: 6px solid black;
}

/* @end */


/* @group intro */

#intro #diaporama img {
	margin: 0;
}

#intro {
	margin: 0 28px 15px 20px;
	width: 400px;
	height: 295px;
	background-color: black;
	float: right;
	display: block;
	position: relative;
	z-index: 100;
}

#col_gauche p.texte_intro {
	font-size: 15px;
	text-align: right;
}
/* @end */

#col_gauche {
	display: block;
	position: relative;
	width: 731px;
	min-height: 300px;
	float: left;
	text-align: left;
	margin: 0;
	border-right-style: solid;
	border-right-width: 1px;
	font-family: "New Century Schoolbook", "Century Schoolbook", "Times New Roman", Times, serif;
	background: transparent url(images/page_logo_caumale.png) no-repeat center center;
	padding-bottom: 20px;
}

#col_gauche p, #col_gauche h1, #col_gauche h2, #col_gauche h3, #col_gauche h4, #col_gauche table, #col_gauche ul, #col_gauche blockquote {
	margin-left: 37px;
	margin-right: 28px;
}



#col_gauche a {
	text-decoration: none;
	color: navy;
	font-size: 12px;
}
#col_gauche a:hover {
	font-weight: bold;
}
#col_gauche img {
	margin-top: 13px;
	margin-bottom: 10px;
}

#col_gauche ul {
	margin-top: 16px;
	margin-bottom: 0;
	padding: 0 0 0 18px;
	list-style-type: square;
}
#col_gauche ul li {
	margin-bottom: 9px;
	font-size: 14px;
	list-style-image: url(images/fleche-3.png);
}
#col_gauche ul li a {
	font-size: 14px;
	line-height: 1.4em;
}
#col_gauche ul li strong {
	color: #003A80;
}

#col_gauche p.signature {
	text-align: right;
	margin-right: 85px;
	font-size: larger;
	margin-bottom: 18px;
	margin-top: 19px;
}

#col_gauche p.texte_lien {
	text-align: right;
	background: white url(images/texte-lien-a.png) repeat-y left;
	font-size: 16px;
	float: right;
	padding: 5px 9px 5px 48px;
}
#col_gauche p.texte_lien a {
	text-align: right;
	background: url(images/fleche-3.png) no-repeat right;
	padding-right: 17px;
	font-size: 16px;
}
#col_gauche p.texte_lien a:hover {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	color: maroon;
}

#mariage, #theatre, .info_home {
	text-align: right;
	position: relative;
	overflow: hidden;
	margin-top: 4px;
}
#mariage p, #page .info_home p {
	text-align: right;
	font-size: 16px;
}
#mariage img, #theatre img {
	margin: 0;
}
.img_chai {
	position: absolute;
	bottom: 0;
	right: 27px;
}
#mariage h2, #theatre h2, #page .info_home h2 {
	font-size: 38px;
	margin-top: 0;
}

/* @end */

/* @group col_droite */

#col_droite {
	position: relative;
	background-color: transparent;
	width: 292px;
	float: right;
	text-align: right;
}



#col_droite img {
	float: left;
	margin: 0;
	border-style: none;
	border-width: 0;
}
#col_droite a img {
	border-style: none;
	border-width: 0;
}


#col_droite ul {
	margin: 20px 0 10px 20px;
	padding: 0;
	font-family: "New Century Schoolbook", "Century Schoolbook", "Times New Roman", Times, serif;
	font-style: italic;
}
#col_droite ul li {
	text-align: left;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0;
	color: #00559f;
}


/* @group ICONES */

#col_droite a.icone, .file_pdf {
	display: block;
	position: relative;
	padding: 28px 17px 22px 70px;
	text-align: left;
	margin: 0;
	font-size: 12px;
}
#col_droite a.icone:hover {
	background-color: white;
}

#col_droite a.pdf, .file_pdf {
	background: url(images/icone-pdf-48px-transp.png) no-repeat 10px center;
}

#col_droite a.lien {
	background: url(images/icone-lien2-48px.png) no-repeat 14px center;
}

#col_droite a.fleche_verte {
	background: url(images/arrow-48.png) no-repeat 14px center;
}

#col_droite a.plan {
	background: url(images/icone-map2-48px.png) no-repeat 14px center;
}

#col_droite a.calendrier {
	background: url(images/icone-cal-48px.png) no-repeat 14px center;
}
#col_droite a.facebook {
	background: url(images/icone-facebook.png) no-repeat 14px center;
}
#col_droite a.photos {
	background: url(images/icone-photo-48px.png) no-repeat 14px center;
}

.file_pdf {
	font-size: 14px;
	padding-left: 60px;
	background-color: rgba(0, 0, 0, 0.16);
	margin-top: 20px;
	padding-bottom: 30px;
}
/* @end */


#col_droite p.important {
	padding: 13px;
	font-size: 16px;
	text-align: right;
	text-indent: 0;
	font-weight: bold;
	background-color: #00559f;
	color: white;
	margin-top: 17px;
	line-height: 1.3em;
}
#col_droite p.important.bl {
	background-color: #ffffff;
	color: #00559f;
}
#col_droite p.important a{
	color: white;
}
#col_droite p.important.bl a {
	
	color: #00559f;
}
#col_droite span.legende {
	text-align: center;
	font-size: 10px;
	clear: both;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
}

#col_droite p.important span.details {
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	font-style: italic;
}

/* @end */

/* @group Corrections IE6 */
* html #content {
	background: #d3d8eb url(images/page_deg_blanc.png) repeat-x 0 241px;
}

* html #page {
	border-top-style: none;
}
* html #col_gauche {
	width: 728px;
	margin-right: -10px;
	border-top: 1px solid black;
}

* html #col_droite {
	float: left;
	width: 292px;
	left: 10px;
	border-top: 1px solid black;
}

/* @end */

/* @group Corrections IE7 */
*+ html #content {
	background: #d3d8eb url(images/page_deg_blanc.png) repeat-x 0 241px;
}

*+ html #page {
	border-top-style: none;
}
*+ html #col_gauche {
	border-top: 1px solid black;
}

*+ html #col_droite {
	width: 292px;
	border-top: 1px solid black;
}

/* @end */




/* @end */

/* @group PLAN */


#plan_google {
	border: 1px solid gray;
	width: 650px;
	margin: 10px 28px 10px 37px;
	background-color: white;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
}

#plan_google small a {
	display: block;
	padding: 5px;
}
#plan_google small a:hover {
	display: block;
	padding: 5px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

/* @end */

/* @group FORM */

#col_gauche p.une_ligne {
	margin-top: 75px;
	margin-bottom: 17px;
}

/* @group FORMULAIRE CONTACT form_contact */

#form_contact table tbody tr td {
	font: italic 16px Times, "Times New Roman", Georgia, serif;
	color: #000;
}

#form_contact table tbody tr td strong {
	color: red;
}

#form_contact table tbody tr td em {
	font-size: 12px;
}



#form_contact label {
	font-size: 14px;
	color: #5c5c5c;
	margin-right: 6px;
	font-weight: normal;
	font-style: normal;
}

#form_contact h4 {
	font: italic 21px Times, "Times New Roman", Georgia, serif;
	margin: 20px 0 6px;
}

#form_contact {
	margin-left: 0;
	padding-bottom: 20px;
	text-align: center;
}



/* @end */


#page.form p {
	font-size: 12px;
}

#formulaire  {
	background-color: #cfd8c3;
	padding-top: 15px;
	padding-bottom: 15px;
}

#formulaire div.form_title {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #5e5e5e;
	margin-left: 6px;
}
#formulaire div.form_title b{
	font-size: 27px;
	color: #6ba313;
	font-weight: normal;
	font-style: normal;
	line-height: 0;
	vertical-align: middle;
}

#formulaire div.form_title strong {
	margin-left: -6px;
	color: #57840f;
	font-size: 17px;
	display: block;
	padding-top: 13px;
	padding-bottom: 4px;
}
#formulaire div.form_title u {
	top: 5px;
	position: relative;
	text-decoration: none;
	color: #637177;
	font-size: 11px;
}
#formulaire input, #formulaire textarea {
	background-color: white;
	border: 1px solid #cdcdcd;
	color: black;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#formulaire input {
	margin-top: 2px;
	margin-bottom: 2px;
}
#formulaire textarea {
	margin-top: 2px;
	overflow: auto;
}

/* @end */



/* @group PIED */
#pied {
	display: block;
	position: relative;
	font-size: 10px;
	padding-top: 0;
	border-top: 1px solid black;
	height: 37px;
	background: #012d12 url(images/pied_deg_vert.png) repeat-x;
}
#adresse {
	text-align: center;
	margin-left: 0px;
	margin-top: 10px;
	line-height: 1.4em;
	color: #e4f09a;
}

#pied strong {
	color: white;
}
#pied a {
	color: #e4f09a;
	text-decoration: none;
}
#pied a:hover {
	color: #e4f09a;
	text-decoration: underline;
}

/* @end */




/* @group SITE_MAKER */

#site_maker {
	padding: 0;
	font-size: 11px;
	text-align: left;
	margin: 31px 0 0;
}
#site_maker a {
	text-decoration: none;
	font-size: 11px;
}

/* @end */


/* @group iPad Retina / HD Version */
 @media screen and (-webkit-min-device-pixel-ratio: 2),
 screen and (max--moz-device-pixel-ratio: 2),
 (-webkit-min-device-pixel-ratio: 1.5),
 screen and (max--moz-device-pixel-ratio: 1.5) {

	#logo {
		background: url(images/header-caumale@2x.jpg) no-repeat;
		background-size: 731px 203px;
	}

}

/* @end */

/* @group Divers */
.pr {
	position: relative;
	z-index: 10;
}
.visuallyhidden,.vh { border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
			clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
#col_gauche p.temp {
	height: 100px;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.inline {
	display: inline;
	float: none;
}
p.txt_left { text-align: left; }
p.txt_right { text-align: right; }
p.txt_center { text-align: center; }

.margedroite15,.mr15 { margin-right: 15px; }
.margegauche15,.ml15 { margin-left: 15px; }
.margedroite30,.mr30 { margin-right: 30px; }
.margegauche30,.ml30 { margin-left: 30px; }
/* @end */