@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0; list-style:none}
body {background:#5F4B41 url(../images/fondSite.png) repeat-y; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF}
img {border:none}
form p {padding-bottom:12px}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px}

/* ACCUEIL */
body.accueil {background-image:none; background:#5F4B41; font:normal 12px Arial, Helvetica, sans-serif}
#accueilConteneurPrincipal {position:absolute; left:50%; top:50%; margin-left:-447px; margin-top:-213px; width:900px}
#accueilConteneurPrincipal h1 {display:none}
#accueilConteneurPrincipal .accueilImage {padding-bottom:45px}
#accueilConteneurPrincipal .accueilColonneGauche {width:440px; float:left; text-align:center}
#accueilConteneurPrincipal .accueilColonneDroite {width:440px; float:left; text-align:center}
#accueilConteneurPrincipal .accueilTxtIntro {clear:both; padding-top:6px}

/* STRUCTURE PRINCIPALE */
#conteneurStructurePrincipale #conteneurStructureColonneGauche {width:154px; float:left}
#conteneurStructurePrincipale #conteneurStructureColonneGauche h1 span {display:none}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #conteneurMenu {position:fixed; left:10px; top:10px; width:154px}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu {padding-top:20px; width:154px}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dt {cursor:pointer}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dt a {background:#99CC00; display:block; font-size:12px; width:145px; color:#5F4B41; text-transform:uppercase; font-weight:bold; padding:2px 3px 3px 6px; text-decoration:none}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dt a:hover {background:#C6FF1A}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dd ul li {line-height:0}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dd a {background:#FFF; line-height:normal; display:block; color:#5F4B41; font-size:14px; padding:1px; text-transform:none; font-weight:normal; text-decoration:none; text-align:center}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dd a:hover {background:#C6FF1A}
#conteneurStructurePrincipale #conteneurStructureColonneGauche #menu dd a.smenuActif {background:#C6FF1A}

#conteneurStructurePrincipale #conteneurStructureColonneGauche #conteneurBottom {position:fixed; left:10px; bottom:15px; width:154px}
#conteneurStructurePrincipale #conteneurStructureColonneContenu {margin-left:175px; padding-left:50px; overflow:auto; top:0; bottom:0; padding-top:30px; padding-bottom:20px; position:relative}
#conteneurStructurePrincipale #conteneurStructureColonneContenu a:hover {color:#987767;}


/* GABARITS */
/* Image à gauche + Texte à doite */
.gabaritImageGaucheTxtDroite {clear:both; padding-top:40px}
.gabaritImageGaucheTxtDroite img {float:left}
.gabaritImageGaucheTxtDroite .contenuTxt {font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; float:left; padding-top:60px; width:510px; text-align:justify; padding-left:10px}
.gabaritImageGaucheTxtDroite .margeHaute0 {padding-top:0}

/* Image à droite + Texte à gauche */
.gabaritImageDroiteTxtGauche {clear:both; padding-top:40px; width:640px}
.gabaritImageDroiteTxtGauche img {float:right}
.gabaritImageDroiteTxtGauche .contenuTxt {font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; float:left; padding-top:60px; text-align:justify; padding-right:10px}
.gabaritImageDroiteTxtGauche .largeur470 {width:470px}
.gabaritImageDroiteTxtGauche .margeHaute0 {padding-top:0}

/* Texte seul */
.gabaritTxt {clear:both; padding-top:40px; width:678px; text-align:justify}
.contenuTxt p {margin-bottom:12px}
.conteneurImage {display:inline; padding-right:90px;}
.tableau2Colonnes {width:678px; text-align:justify; margin-top:10px}
.tableau2Colonnes .contenuTxt {position:relative}
.tableau2Colonnes .legende {text-align:left; width:110px; float:right}
.tableau2Colonnes .legende span {display:block; margin-bottom:4px}

/* 2 images cote a cote avec légende */
.gabarit2ImagesCoteCoteLegende {padding-top:20px; clear:both}
.gabarit2ImagesCoteCoteLegende .colonneGauche {float:left; width:300px}
.gabarit2ImagesCoteCoteLegende .colonneDroite {float:left; width:286px}
.gabarit2ImagesCoteCoteLegende .colonneGauche p,
.gabarit2ImagesCoteCoteLegende .colonneDroite p {padding-top:10px}

/* 3 colonnes */
.gabarit3Colonnes {padding-top:40px; margin-left:-48px}
.gabarit3Colonnes .colonneGauche {float:left; width:230px}
.gabarit3Colonnes .colonneCentre {float:left; width:122px}
.gabarit3Colonnes .colonneDroite {float:left; width:500px}

/* Galerie JQUERY */
.galerie {clear:both; margin-left:-30px; text-align:center; width:800px}

/* Popup */
#conteneurPopup .contenuPopup {width:410px; margin:30px auto 0 auto}
#conteneurPopup .contenuPopup .contenuTxt {padding-top:30px; padding-left:10px}

/* Catalogue privé */
#gabaritCatalogue {padding:30px; width:800px}
#gabaritCatalogue .intro {padding-bottom:20px}
#gabaritCatalogue .visuel {float:left; width:160px; margin-bottom:30px; text-align:left}
#gabaritCatalogue a {text-decoration:none}
#gabaritCatalogue p {clear:both}

#gabaritCatalogue .galerie {margin:0; margin-bottom:20px; width:660px}
#gabaritCatalogue .galerie img {padding-left:0}

#gabaritCatalogue .visuelLargeur115  {width:500px}
#gabaritCatalogue .visuelLargeur115 .visuel {float:left; width:115px; margin-bottom:30px; text-align:left}

#gabaritCatalogue .visuelLargeur130  {width:400px}
#gabaritCatalogue .visuelLargeur130 .visuel {float:left; width:130px; margin-bottom:30px; text-align:center}


/* Classes génériques */
/* Textes */
strong {font-size:13px}
.txt12 {font-size:12px}
.txt11 {font-size:11px}

.txt10MarronFondVert {font:bold 10px Arial, Helvetica, sans-serif; color:#663300; background-color:#99CC00; text-transform:uppercase; padding:2px}
.txt11Blanc {font:normal 11px 25px Arial, Helvetica, sans-serif; color:#FFF}
.txt11BlancGras {
	color:#FFF;
	font-family: "25px Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
}
.txt11VertGras {
	color:#99CC00;
	font-family: "25px Arial", Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
}
.txt12Marron {font:normal 12px 25px Arial, Helvetica, sans-serif; color:#5F4B41; text-decoration:none}
.txt12MarronFondVert {font:bold 12px Arial, Helvetica, sans-serif; color:#663300; background-color:#99CC00; text-transform:uppercase; padding:2px}
.txt12NoirFondBlanc {font:normal 12px Arial, Helvetica, sans-serif; color:#000; background:#FFF; text-decoration:none}
.txt14Orange {font:bold 14px Arial, Helvetica, sans-serif; color:#FF6600; text-transform:uppercase}
.txt14BlancFondRouge {font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; background:#FF0000; text-transform:uppercase; padding:2px}
.txt14OrangeFondVert {font:bold 14px Arial, Helvetica, sans-serif; color:#FF6600; background:#99CC00; text-transform:uppercase; padding:2px}
.txt14FondRouge {font:bold 14px Arial, Helvetica, sans-serif; background:#FF0000}
.txt16Vert {font:bold 16px Arial, Helvetica, sans-serif; color:#99CC00;}
.txt16NoirFondBlanc {font:bold 16px Arial, Helvetica, sans-serif; color:#000; background:#FFF; padding:2px}
.txt24Blanc {font:normal 24px Arial, Helvetica, sans-serif; color:#FFF}
.txt36Orange {font:normal 36px Arial, Helvetica, sans-serif; color:#FFAD25}
.txt36Vert {font:normal 36px Arial, Helvetica, sans-serif; color:#99CC33}
.txt36Rose {font:normal 36px Arial, Helvetica, sans-serif; color:#E23573}
.txt36Marron {font:normal 36px Arial, Helvetica, sans-serif; color:#B79C6C}
.txt36MarronFonce {font:normal 36px Arial, Helvetica, sans-serif; color:#330000}
.txt36MarronNeutre {font:normal 36px Arial, Helvetica, sans-serif; color:#996633}

.txtAligneDroite {text-align:right}

/* Images */
.imgAligneGauche {float:left; margin-right:10px}
.imgAligneDroite {float:right; margin-left:10px}

.margeHaute50 {margin-top:50px}
.margeDroite15 {margin-right:15px}
.margeDroite60 {margin-right:60px}


#conteneurStructurePrincipale #conteneurStructureColonneContenu {display:inline-block;}
/* \*/ * html #conteneurStructurePrincipale #conteneurStructureColonneContenu {height:1%;} #conteneurStructurePrincipale #conteneurStructureColonneContenu {display:block;} /* */
.txt14Orangesanscasse {
	color:#FF6600;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}