@charset "utf-8";
/* CSS Document
	Site      : brugère.fr
	Author    : Virginie VINCENT
	Copyright : 2009 Net Web Services
*/

body { 
font-family : "trebuchet MS", verdana, arial, sans-serif;
background : url(/images/back_fond.jpg) repeat-x;
margin : 0;
text-align : center;
cursor:default;
background-color:#888179;
} 
/* TOOLTIP */
a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 125px;
	padding: 5px;
	z-index: 100;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	font-family : "trebuchet MS", verdana, arial, sans-serif;
	font-weight : bold; 
	font-size : 0.7em; 
	color : #fff; 
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
	font-size : 0.8em;
}

a:hover.tip span {
	display: block;
}
/* FIN TOOLTIP */
a:link{
cursor:  pointer;
}
a:hover{
cursor:  pointer;
}
#background {
width : 98%;
top : 0px;
margin-left: auto; 
margin-right: auto;
}


#containerContenu {
background: #888179 url('/images/fond_interne.jpg') no-repeat;
width : 800px;  
top : 0; 
margin-left: auto; 
margin-right: auto;
text-align : left;
min-height : 1700px;


}
#container {
background : url('/images/fond.jpg') no-repeat;
width : 800px;  
top : 0px; 
margin-left: auto; 
margin-right: auto;
text-align : left;
min-height : 600px;
}

#header {height : 120px;}
#logo img{margin-top : 0px;}
#logo {margin-left : 50px;}
#logo em{border : 0px; text-decoration : none;}
#logo em a{border : 0px; text-decoration : none;}

#logo em.fix_menu{margin-right : 55px; float:right; margin-top: 20px;}
#logo em.fix_menu a img{text-decoration : none; border : 0px;}
#logo em.fix_menu a img:hover{text-decoration : none; border : 0px;}

#colonnes{width : 800px;}

/* MENU de GAUCHE */
div #colonne_gauche {float : left; margin-left : 15px; }
#accordion h3.toggler { 
width : 200px;
cursor : pointer;  
font-size : 13px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold; 
color : #669900; 
padding:0px;
text-transform:capitalize;
}
#accordion .element { 
width : 200px; 
overflow : hidden;
/*background-color:#000;*/
}

#accordion em.produit {
display : block;
font-size : 11px;
background : url(/images/menu_feuille_vierge.png) no-repeat;
height : 20px;

}  
#accordion em.produit img {
display : none;
} 
#accordion em a.produit img {
border : 0px;
} 
 
#accordion em a.produit { 
cursor : pointer;  
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold; 
color : #595959; 
text-decoration : none;
height : 20px;
}  
#accordion em a:hover.produit {
cursor : pointer;  
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold; 
color : #a1d513; 
text-decoration : none;
background : url(/images/menu_feuille.png) no-repeat 0px 0px;
height : 20px;
}  
/*#accordion em a:visited.produit {
cursor : pointer;  
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold; 
color : #99cc00; 
text-decoration : none;
background : url(/images/menu_feuille.png) no-repeat 0px 0px;
height : 20px;
}
*/ 







/* --------------------------------------- TEST ------------------------------------- */




/* ONGLET DRAPEAU */

#ongletFlag{
background : url(/images/onglet_drapeau.png) no-repeat;
width : 35px;
height : 100px;
}
#ongletFlag{
position : absolute;
margin-left : 765px;
margin-top : 140px;
}
#ongletFlag .fr{
margin-top : 15px;
padding : 5px;
}
#ongletFlag .de{

padding : 5px;
}
#ongletFlag .uk{

padding : 5px;
}


/* ONGLET CONTACT */

#ongletContact{
width : 100px;

}
#ongletContact{
position : absolute;
margin-left : 650px;
margin-top : 300px;
}
#ongletContact img{
width : 100px;
height : 44px;
}

#ongletContactC{
width : 100px;

}
#ongletContactC{
position : absolute;
margin-left : 650px;
margin-top : 400px;
}
#ongletContactC img{
width : 100px;
height : 42px;
}


/* BOX CONTENT */
#box-content{
background: #ffffff;
height : 390px;
text-align : left;
padding : 10px;
}
#box-content hr{
height: 1px;
padding: 0;
color: #99cc00;
border-style: dashed;
width: 100%,
}

/* PARTIE de DROITE POUR LES NEWS ACCUEIL*/
div #colonne_droite {height : 180px; width : 230px; float : right; margin-right : 90px; margin-top : 180px; text-align:justify;}
div #colonne_droite em.news {
line-height : 1em;
font-size : 15px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #88b500;
}
div #colonne_droite em.news img {vertical-align : middle;}
/* CONTENU */
div #colonne_droite em.texte {
line-height : 1.3em;
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : normal;
color : #5a7800;
text-align : justify;
}
div #colonne_droite em.textebold {
line-height : 1em;
font-size : 13px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #5a7800;
}


/* PARTIE de DROITE POUR CONTENU INTERNE*/
/* overflow:auto; pour avoir le scrolling à droite */
div #colonne_contenuD{float : left; width : 530px; min-height : 450px;}
div #colonne_contenu {width : 530px; margin-left : 0px; margin-top : 100px; text-align : center; min-height : 290px;} 

div #colonne_contenu h1 {
font-size : 16px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #99cc00;
text-align : right;}

div #colonne_contenu hr{
height: 1px;
padding: 0;
color: #99cc00;
border-style: dashed;
width: 100%,
}

/* PAGE CONTACT MAP */

#colonne_contenu iframe{
margin-top : 9px;
border:3px solid #b1be7f;
margin-right : 150px;
}


div #colonne_contenu, div#text {
float : left;
font-size : 12px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : normal;
color : #3f403f;
text-align:justify;
}
div #colonne_contenu, div#text a{
text-decoration : none;
}
div #colonne_contenu , div#text :first-letter 
{
color : #99cc00;
font-size : 18px;
}
#colonne_contenu, div#text img 
{
float:right;
margin-left : 20px;
margin-bottom : 20px;
}
#colonne_contenu em.print{
font-size : 9px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #88b500;
}
#colonne_contenu em.pdf{
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #88b500;
}
#colonne_contenu em.pdf a{
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #88b500;
}
#colonne_contenu em.pdf a:hover{
font-size : 11px; 
font-family : "trebuchet MS", verdana, arial, sans-serif; 
font-weight : bold;
color : #608000;
}



/** Popup Style : */

.close {color : #b1ce5a; text-align: right;background:#525252;}

/*LEGENDE CAPTIFY caption styling */

.caption-top, .caption-bottom {
	color: #3d3d3d;		
	font-weight: bold;
	font-size: 10px;	
	font-family: "trebuchet MS", verdana, arial, sans-serif;
	cursor: pointer;
	border: 0px solid #334143;
	background: #99cc33;
	text-align : center;
	text-decoration: none;
}

.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #99cc33;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
	text-decoration: none;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

.caption-wrapper {
	float: right;
}

/***/

/* FORMULAIRE DE CONTACT */
#form{background:#fff;
}

/* FORMULAIRE -----------------------------------------------*/
fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
	background-color:#fff;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 1.5em Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	color: #767676;
	background-color:#fff; !important;
	background-color: none;
	font-size: 0.9em;
}
label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #ABBF3B;
	font-size: 0.8em;
}
label.liste {
	display: block;
	float: right;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #c0c0c0;
	font-size: 0.8em;
}
label.listetext {
	float: right;
	width: 60%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	font-size: 0.8em;
	background-color: #f3f3f3;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
	font-size: 0.8em;
}
input.text,
textarea {
	width: 40%;
	background-color: #ebffad;
	border : 1px solid #767676;
	margin-right: 0.25em;	

}

textarea#demande{
	width: 40%;
	background-color: #ebffad;
	border : 1px solid #767676;
	margin-right: 0.25em;	
	height: 200px;
}
input.champ
 {
	width: 50px;
	background-color: #ebffad;
	border : 1px solid #767676;
	margin-right: 0.25em;
}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}
p span.textatt{
font-size : 9px;
color : #767676;
text-align: left;
}
/*hr {
	visibility: hidden;
	clear: both;*/
}
span.note {
	font-size: 0.75em;
}
span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #767676;
}

#form_ok{
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}
#form_err{
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}
/* FIN FORMULAIRE DE CONTACT */
/*#fondR {

position: absolute;
float:left;
z-index: 2;

margin-left: auto; 
margin-right: auto;


}*/

#fondR{
float : right; 
position : relative;
background:url('/images/fond_bas.png') no-repeat;
width : 800px;
height: 1200px;

}
#fondR p{font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 10px; 
color : #fff;
text-transform: capitalise;
}
#fondR p {
float : left;
margin-top : 25px;
margin-left : 220px;
}
#fondR p:first-letter {
font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 12px; 
color : #a9e100; 
}
#fondR p a{font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 10px; 
color : #fff;
}
#fondR p a:hover{font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 10px; 
color : #bfdc32;
text-decoration : none;}

/* FOOTER POSITION et STYLE*/

#footer {
float : left;
margin-left: 200px;
margin-top: 50px;
}

#footer p{
font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 0.58em; 
color : #fff; 
text-transform:capitalize;
}

#footer p:first-letter {
font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 12px; 
color : #a9e100; 
}
#footer p a{
font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 0.99em; 
color : #fff; 
}

#footer p a:hover{
font-family : "trebuchet MS", verdana, arial, sans-serif;
font-weight : bold; 
font-size : 0.99em; 
color : #bfdc32; 
}