/* CADRES GAUCHE + CENTRE + DROITE */

.boxsquare .squaretop, .boxsquare .squarebottom { display: block; background: transparent; font-size: 1px; }
.boxsquare .squareb1, .boxsquare .squareb2, .boxsquare .squareb3, .boxsquare .squareb4, .boxsquare .squareb5 { display: block; overflow: hidden; height: 1px; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.boxsquare .squareb1 { margin: 0 5px; background: #000; }
.boxsquare .squareb2 { margin: 0 4px; }
.boxsquare .squareb3 { margin: 0 3px; }
.boxsquare .squareb4 { margin: 0 2px; }
.boxsquare .squareb5 { margin: 0 1px; }

.boxsquare .boxsquarecontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }

.squaretop, .squarebottom { display: block; background: transparent; font-size: 1px; }
.squareb1, .squareb2, .squareb3, .squareb4, .squareb5 { display: block; overflow: hidden; height: 1px; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.squareb1 { margin: 0 5px; background: #000; }
.squareb2 { margin: 0 4px; }
.squareb3 { margin: 0 3px; }
.squareb4 { margin: 0 2px; }
.squareb5 { margin: 0 1px; }

.boxsquarecontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }

/* GAUCHE */

.boxsquareleft { background: transparent; width: 245px; margin: 10px 0 0 5px; }
.boxsquareleft h3 { margin: 0; padding: 0; text-align: center; font: bold 12px "Georgia", Arial, "Times New Roman", serif; color: #c00000; }
.boxsquareleft p { margin: 0; padding: 0 5px; text-align: justify; }

/* DROITE */

.boxsquareright { background: transparent; width: 190px; margin: 10px 5px 0 5px; }
.boxsquareright h3 { margin: 0; padding: 0; text-align: center; font: bold 12px "Georgia", Arial, "Times New Roman", serif; color: #c00000; }
.boxsquareright p { margin: 0; padding: 0 5px; text-align: justify; }

/* CENTRE */

.boxsquarecentre { background: transparent; width: 95%; margin: 10px 0 0 5px; }
.boxsquarecentre h3 { margin: 0; padding: 0; text-align: center; font: bold 12px "Georgia", Verdana, Arial, "Times New Roman", serif; color: #c00000; }
.boxsquarecentre p { margin: 0; padding: 0 5px; text-align: justify; }

/* CADRE COUP DE COEUR */

.xCDCsnazzy h1 { margin: 0; font: bold 12px "Georgia", Arial, Times; padding: 0 10px 5px 10px; border-bottom: 1px solid #000; }

.xCDCsnazzy { background: transparent; width: 242px; float: left; margin: 15px 0px 0 3px; }

.xCDCtop { display: block; background: transparent; font-size: 1px; }
.xCDCbottom { display: block; background: transparent; font-size: 1px; }

.xCDCb1, .xCDCb2, .xCDCb3, .xCDCb4 { display: block; overflow: hidden; }
.xCDCb1, .xCDCb2, .xCDCb3 { height: 1px; }
.xCDCb2, .xCDCb3, .xCDCb4 { background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.xCDCb1 { margin: 0 5px; background: #000; }
.xCDCb2 { margin: 0 3px; border-width: 0 2px; }
.xCDCb3 { margin: 0 2px; }
.xCDCb4 { height: 2px; margin: 0 1px; }

.xCDCboxcontent { display: block; background: #fff; border: 0 solid #000; border-width: 0 1px; height: auto; text-align: center; }

div[class] .xCDCboxcontent { display: block; background: #fff; border: 0 solid #000; border-width: 0 1px; height: auto; overflow: auto; text-align: center; }

* html .xCDCboxcontent { height: 1px; text-align: center; }

.colorCDCa { background: #408BAE; color: #fff; } /* TOP CADRE PRODUIT */
.colorCDCb { background: #fff; color: #fff; } /* BOTTOM CADRE PRODUIT */

.xCDCsnazzy h2 { font: bold 14px "Georgia", Arial, Times; text-align: center; }

/* FORMULAIRES */

/*** Mise en forme du formulaire ***/

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #3ea12d;
	margin: 0 0 0 25px;
	padding: 0.2em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpsForm {	/*** Mise en fome du corps du formulaire (bordure, couleur du fond...) ***/
	border: 0;
	color: black;
	background: #fff;
	margin: 0 0 0 25px;
	padding: 0.05em;
}
#corpsForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 0.5em 0.5em;
	text-align: left;
}
#corpsForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpsForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	text-align: left;
}
#corpsForm fieldset#contactcentre label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpsForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}