/* @override 
	http://www.cghhml.fr/test/CSS/styles_cghhml.css
	http://www.cghhml.fr/CSS/styles_cghhml.css
*/

/* LSV communication - web : http://www.lsv.fr*/

/* Commentaires : CGHHML le conteneur et le visuel sont dupliqués en #conteneurInt et #visuelInt afin de gérer les pages intérieures. L'objectif est d'obtenir plus d'espace dans le contenur pour les modules de recherche ; le visuel est donc moins haut, le padding top du conteneur diminué.*/

/* @group BALISES GENERALES */

/*========= balises generales*/

* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #422529;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* text-align: center; sert a centrer le bloc page dans IE */

p {
	text-align: left;
	margin-left: 15px
}

strong {
	font-weight: bold
}

a:link {
	color: #900;
	text-decoration: underline
}

a:visited {
	color: #5a2c2b;
}

a:hover {
	color: #f90;
	text-decoration: underline
}

a:active {
	color: #c00
}

a.pageActive {
	

/* utilisé pour les pagers */
	text-decoration: none;
	font-size: 125%;
	font-weight: bold;
}

acronym {
	color: #900;
	cursor: help
}

span {
	visibility: hidden;
	display: none;
}

img {
	margin: 0;
	padding: 0
}

ul {
	
}

li {
	
}

hr {
	visibility: hidden;
	clear: both !important;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left;
}

h1 {
	background-image: url(../IMAGES/logo_h1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 24px;
	width: 130px;
	height: 112px
}

h2 {
	background-image: url(../IMAGES/baseline_h2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 441px;
	width: 419px;
	height: 63px
}

h3 {
	color: #900;
	font-size: 25px;
	text-align: left;
	letter-spacing: 2px;
	margin: 0 0 30px 15px;
	/*text-transform: capitalize;*/
	word-spacing: 3px;
}

h5 {
	color: #4c4c4c;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	letter-spacing: 1px;
	border-bottom: 2px solid #e6e6e6;
	padding: 2px 4px 0;
	text-align: left;
	margin-left: 20px;
	width: 80%;
}

optgroup {
	font-weight: bold;
	font-style: normal;
}

#conteneurInt .legende {
	color: #666;
	font-size: 11px;
	margin-top: 100px;
}

/* @end */

/* @group STRUCTURES */

#page {
	margin: auto;
	padding: 0;
	position: relative;
	width: 980px;
	background: #fff url(../IMAGES/fd_page.gif) repeat-y 0;
}

/* @group ENTETE */

#entete {
	width: 980px;
	height: 142px;
	background: url(../IMAGES/fd_entete.gif) no-repeat 0 0;
	position: relative;
	z-index: 1;
}

/*========= entete*/

#entete p.lienAccueil a:link, #entete p.lienAccueil a:visited {
	color: #176e19;
	font-size: 11px;
	position: absolute;
	top: 85px;
	left: 150px;
}

#entete p.lienAccueil a:hover, #entete p.lienAccueil a:active {
	color: #176e19;
	font-size: 11px;
	text-decoration: none;
	position: absolute;
	top: 85px;
	left: 150px;
}

/*========= visuel*/

#visuel {
	background-image: url(../IMAGES/visuel.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 142px;
	left: 248px;
	width: 534px;
	height: 265px
}

/* @end */

/* @group CONTENEUR */

/*========= conteneurInt*/
/* ancien conteneur

 */

#conteneurInt {
	background-image: url(../IMAGES/visuel.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 705px;
	padding-top: 170px;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 25px;
	position: relative;
}


#conteneurInt h4 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: 1px;
	border-top: 1px solid #9f7b81;
	border-bottom: 1px solid #9f7b81;
	border-left: 5px solid #f90;
	padding: 5px 5px 5px 10px;
	border-right: 1px solid #9f7b81;
	margin: 20px 0 15px 18px;
}

#conteneurInt h4 a {
	text-decoration: none;
	font-weight: bold;
	padding-left: 11px;
	background: #ececec url(../IMAGES/fleche.gif) no-repeat 0 center;
	font-size: 12px;
}

#conteneurInt ul {
	margin-left: 0px;
	padding-bottom: 0;
	padding-left: 25px;
	margin-right: 50px;
}

#conteneurInt ul li, #conteneurInt ol li {
	color: #333;
	list-style-type: circle;
	padding: 0;
	text-align: left;
	margin: 0 0 4px 50px;
}

#conteneurInt p {
	color: #333;
	margin: 15px 40px 5px;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
	text-align: justify;
}

#conteneurInt p.chapeau {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 40px 40px;
}

#conteneurInt p.mentionSpeciale {
	color: #5a2c2b;
	font-size: 11px;
	font-style: italic;
}

#conteneurInt p img {
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	border-width: 0
}

p.message {
	color: #900 !important;
}

/* @end */

/* @group MENU */

#menu {
	vertical-align: top;
	width: 214px;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	position: relative;
	z-index: 1;
	background: #fff url(../IMAGES/fd_cercle.gif) no-repeat 0 0;
}

#piedMenu {
	background-image: url(../IMAGES/fd_piedmenu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	height: 10px;
}

/*========= menu*/

#menu ul {
	text-align: left;
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}

#menu li {
	text-align: left !important;
	display: inline;
	padding-right: 2px;
	padding-left: 3px;
	border-left: 1px solid #900;
}

#menu li:hover {
	
}

#menu div {
	padding-bottom: 20px;
	text-align: left;
}

#menu h3 {
	display: none;
}

#menu h4 {
	color: #fff;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 16px;	
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 5px 5px 5px 23px;
	margin: 0 0 5px;
}


#menu p {
	color: #fff;
	padding: 0;
	margin: 0 0 0 4px;
	text-align: left;
}

#menu a:link, #menu a:visited {
	color: #fdfbff;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
}

#menu a:hover, #menu a:active {
	text-decoration: none;
	text-align: left;
	background-color: #422529;
	color: #fff;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

#loginButton {
	margin-top: 10px;
	margin-left: 45px;
	background-color: #ECDDCC;
	border: 0px;
	text-align: center;
}

/*========= cercle*/

#cercle {
	background-color: #c6baa9;
	margin: 0;
	padding: 0;
}

#cercle h4 {
	background: #9A7B78 url(../IMAGES/pce_globale.gif) no-repeat 5px center;
}

/*========= actualites*/

#actualites {
	background-color: #88B474;
	margin: 0;
	padding: 0 0 10px;
}

#actualites h4 {
	background-color: #38692A;
	background-image: url(../IMAGES/pce_actu.gif);
}

/*========= adhesion*/

#adhesion {
	background-color: #9d4f5c;
	margin: 0;
	padding: 0 0 10px;
}

#adhesion h4 {
	background-color: #712c32;
	background-image: url(../IMAGES/pce_adhesion.gif);
}

/*========= forum*/

#forum {
	background-color: #b69789;
	margin: 0;
	padding: 0 0 10px;
}

#forum h4 {
	background-color: #9c8076;
	background-image: url(../IMAGES/pce_forum.gif);
}

/*========= recherche*/

#recherche {
	color: #fff;
	background-color: #be5d45;
	margin: 0;
	padding: 0 0 10px;
}

#recherche h4 {
	background-color: #a7523d;
	background-image: url(../IMAGES/pce_recherche.gif);
}

/*========= aide information*/

#aide {
	color: #fff;
	background-color: #803E2D;
	margin: 0;
	padding: 0 0 10px;
}

#aide h4 {
	background-color: #5C2C20;
	background-image: url(../IMAGES/pce_aide.gif);

}

/*========= espaceAdherent*/

#espaceAdherent p.alerte {
	color: #9a0303;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	background-color: #ffffbe;
	margin: 0 10px 0 10px;
	padding: 2px;
}

#espaceAdherent {
	background-color: #793c39;
	z-index: 2;
	margin: 0 0 -5px;
	padding: 0;
	border-bottom: 1px solid #793c39;
}

#espaceAdherent h4 {
	background-color: #5a2c2b;
	background-image: url(../IMAGES/pce_espace_adherent.gif);
}

#espaceAdherent a:link, #espaceAdherent a:visited {
	color: #fdf3d5;
	text-decoration: none;
	margin-right: 10px;
}

#espaceAdherent label {
	color: #fff;
	font-weight: bold;
	text-align: right;
	width: 85px;
	float: left;
	padding-top: 3px;
}

#espaceAdherent form {
	width: 95%;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0;
	border-style: none;
}

#espaceAdherent input {
	width: 95px;
}

#espaceAdherent ul {
	margin: 0;
}

#espaceAdherent li {
	color: #efe0ce;
	margin-top: 2px !important;
	margin-bottom: 4px !important;
	padding: 0 0 0 4px !important;
	border-left: 1px solid #efe0ce;
	display: block;
}

/* @end */

/* @group PIED */

#pied {
	background-image: url(../IMAGES/fd_pied.gif);
	background-repeat: no-repeat;
	background-position: -1px bottom;
	z-index: 5;
	width: 980px;
	height: 40px;
	clear: both;
	padding: 0 0 20px;
}

/*========= coordonnees*/

#coordonnees {
	color: #900;
	font-size: 12px;
	line-height: 13px;
	width: 400px;
	height: 30px;
	z-index: 5;
	float: right;
	margin: 0 20px 15px 0;
	padding: 0;
	display: inline;
}

#coordonnees p {
	color: #900;
	text-align: right;
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 10px;
}

/*========= pied*/

#pied a:link, #pied a:visited {
	color: #5a2c2b;
	text-decoration: underline;
}

#pied a:hover, #pied a:active {
	color: #e18261;
	text-decoration: none;
}

#mentions {
	color: #5a2c2b;
	font-size: 11px;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
	padding: 10px 0 0;
}

/* @end */

/* @end */

/* @group Page - ACCUEIL */

.partenaires {
	clear: right;
	overflow: hidden;
}

.partenaires a {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #ccc;
}


img.logoPartenaire {

}

#blocDescription {
	width: 450px;
	margin-right: 20px;
}

#blocDescription p.chapeau {
	margin: 0 10px 0 20px;
	text-align: left;
}

#blocDescription p {
	margin-right: 10px;
	margin-left: 20px;
}


#blocActu {
	background: url(../IMAGES/fd_blocactu.gif) no-repeat left top;
	width: 220px;
	margin-bottom: 15px;
	float: right;
}

#blocActu h4 {
	color: #fff !important;
	font-size: 14px;
	line-height: 15px;
	background-image: url(../IMAGES/pce_actu.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	border: 0 !important;
	font-weight: bold;
	margin: 5px 0 10px;
	padding: 3px 0 0 22px;
}

#blocActu h5 {
	color: #38692A !important;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	border-style: none !important;
	background: none;
	text-align: left;
	font-variant: normal;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	margin-bottom: 0;
	width: 190px;
}

#blocActu p {
	text-align: left !important;
	margin: 10px;
	padding: 0;
}

.finActu {
	background: url(../IMAGES/fd_finactu.gif) no-repeat left bottom;
	width: 220px;
	height: 16px;
}

img.vgn {
	float: left;
	margin: 5px 5px 5px 0;
}



/* @end */

/* @group Page - FORMULAIRES RECHERCHE */

/*========= formulaires recherche*/

div.blocResultat {
	
}

div.blocResultat input {
	width: auto !important;
}

#conteneurInt form {
	margin: 10px 0;
	padding: 0;
}

#conteneurInt hr.formulaire {
	width: 80%;
	visibility: visible !important;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #a7523d;
}

#conteneurInt  fieldset {
	background-color: #efe0ce;
	text-align: left;
	border: solid 1px #a7523d;
	margin: 50px;
	padding: 5px;
}

#conteneurInt  legend {
	color: #a7523d;
	font-weight: bold;
	background-color: #fff;
	padding: 3px;
	border: solid 1px;
}

#conteneurInt label {
	text-align: right;
	padding: 0 10px 0 0;
	width: 110px;
	float: left;
	margin: 0;
	width: 160px;
}

#conteneur p.tranches {
	font-size: 11px;
	text-align: center;
	margin-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc
}

#conteneurInt input {
	width: 160px;
	margin: 2px 0 2px 2px;
	padding: 2px;
}

#conteneurInt input.inputCheckbox {
	border: 3px solid #FF0000;
	width: auto;
}

#conteneurInt textarea {
	width: 60%
}

#conteneurInt input.bouton {
	cursor: pointer;
	width: auto;
	text-align: center;
	float: right;
	margin-right: 20px;
	font-weight: bold;
}

#conteneurInt input.bouton:hover {
	background-color: #422529;
	color: #fff;
}

/*========= resultats*/

#conteneurInt p.resultat {
	color: #9d4f5c;
	font-weight: bold;
	background-image: url(../IMAGES/flc_texte.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 10px 10px 5px 0;
	padding: 3px 0 3px 14px;
	border-top: 1px dotted #b69789;
	border-bottom: 1px dotted #b69789;
}

#conteneurInt table {
	color: #333;
	border: solid 1px #b69789;
	margin: 0px 0 15px 20px;
	width: 95%;
	padding: 0;
}

#conteneurInt table caption {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #900;
	padding: 5px;
	width: 50%;
}

#conteneurInt td {
	margin: 0;
	padding-top: 0;
	padding-bottom: 1px;
}

#conteneurInt td.entete, th.entete {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #900;
	border-style: solid;
	padding: 2px;
}

#conteneurInt tr.colonne, thead th {
	color: #000 !important;
	font-size: 12px;
	font-weight: bold !important;
	background-color: #efe0ce;
	padding: 2px;
}

.ligne2 {
	background-color: #F7F0E7;
}

tfoot {
	background-color: #cfbab7;
	font-style: italic;
	text-align: right;
	color: #000;
}

/* @end */

/* @group Page - COMMANDE */

/*========= commande*/

p.articlesPanier {
	width: 200px;
	margin: 0;
	padding-top: 3px !important;
	padding-right: 0;
	padding-bottom: 3px !important;
	padding-left: 0;
	border-top: 1px solid #efe0ce;
	border-bottom: 1px solid #efe0ce;
	display: block;
}

p.filAriane {
	color: #900 !important;
	text-align: right;
	margin: 0 !important;
	padding-right: 10px !important;
	padding-bottom: 3px;
}

input.quantite {
	width: 25px !important;
}

tr.enteteCommande, th.enteteCommande {
	color: #fff !important;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	background-color: #422529;
	padding: 2px;
}

tr.recapCommande, th.recapCommande {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	background-color: #900;
	padding: 2px;
}

tr.article, th.article {
	color: #000;
	font-size: 11px;
	line-height: 12px;
	background-color: #efe0ce;
	text-align: left !important;
	margin: 1px;
	padding: 2px;
}

tr.article td {
	text-align: left !important;
}

span.supprimer {
	color: #900;
	font-size: 9px;
	line-height: 10px;
	visibility: visible !important;
	display: block !important;
}

#formValidationPanier {
	display: inline;
}

#paiementCheque {
	width: auto !important;
	padding-top: 20px !important;
	border-top: 1px solid #a85952;
	border-bottom: 1px solid #a85952;
}

#paiementCheque table {
	width: auto;
	clear: both;
	margin: 0 0 10px !important;
	padding: 2px;
	border-style: none;
}

#paiementCheque td {
	background-color: #efe0ce;
	padding: 2px;
}

#paiementCheque strong {
	color: #900;
}

div.infosPaiement {
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}

.inputCheckbox {
	width: auto !important;
}

ul#listeModesCommande {
	margin: 0;
}

ul#listeModesCommande li {
	color: #333;
	padding-left: 5px;
	list-style-type: square;
	border: 0;
}

/* @end */

/* @group Page - POPUP */

/*========= popUp*/

#popUp {
	background-color: #fff;
	background-image: none;
	padding-right: 15px;
	padding-left: 15px
}

#popUp p {
	margin-left: 10px;
}

#popUp h3 {
	color: #900;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	margin-left: 10px;
}

#popUp h4 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	background-color: #9c8076;
	text-align: left;
	letter-spacing: 2px;
	margin-left: 10px;
	padding-left: 5px;
}

#popUp ol ol {
	list-style-type: lower-alpha;
}

#popUp li {
	margin-top: 3px;
	margin-bottom: 3px;
}

#popUp p.fermer {
	font-size: 11px !important;
	background-image: url("../IMAGES/pct_fermer.gif");
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
	margin: 5px 10px 5px 0;
	padding-right: 20px;
	padding-bottom: 2px
}

#popUp p.fermer a {
	font-size: 11px !important;
	text-transform: lowercase
}

/* @end */

/* @group Page - ACTUALITES */

/*========= actualités*/

.resumeActualite img, .actualiteDetails img {
	background-image: url(../IMAGES/fd_image.jpg);
	padding: 0;
	border-color: #F0E9E1;
	border-width: 7px;
	border-style: solid;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.resumeActualite h3 a {
	color: #5C2C20;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	margin: 0 0 0 9px;
	background: url(../IMAGES/pce_actu_titre.gif) no-repeat left 3px;
	padding: 0 0 0 11px;
}

.actualiteDetails h3 {
	color: #5C2C20;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	background: none no-repeat left 3px;
	padding: 0;
	margin-left: 9px;
}

.resumeActualite h3 a:hover {
	color: #000;
}

/* @end */

/* @group Page - RECHERCHE COMMUNE */

/*========= recherche commune*/

#carte {
	text-align: center;
}

.carteDep {
	float: none;
}

.listeCommune {
	width: 340px;
	float: right;
	margin-top: 20px;
}

.listeCommune h5 {
	margin: 0;
}

.listeCommune li {
	margin-right: !important;
	margin-left: -30px;
}

a.boutonValider {
	background-color: #efe0ce;
	padding: 5px;
	border-style: dotted;
	border-color: #7f7f7f;
	border-width: 1px;
	font-size: 14px;
	float: right;
	margin-top: 20px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin-right: 20px;
	text-align: left;
}

a.boutonValider:hover {
	background-color: #422529;
}

label {
	font-weight: bold;
	margin-right: 10px;
	width: 150px;
	float: left;
}

form {
	
}


legend {
	padding: 3px;
	background-color: #422529;
	color: #FFFFFF;
	font-weight: bold;
}

input {
	width: 60%;
	border: 1px solid #666;
}

input.inputCheckbox, 
input[type=checkbox] {
	width: auto !important;
	border-style: none;
}

textarea {
	border: 1px solid #666;
}

/* @end */