body {
	margin-top: 10px;
	margin-left: 10px;
	padding:0;
	margin-top:0;
	background-color: #7F7F7F;
	font-family: Arial, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 79%;
}

.hr {
	height: 41px;
	width: 1000px;
	background: #fff url(../img/comptoir.gif) repeat-x center;
}

.hr hr {
	display: none;
}

.colonne {
	float: left;
	width: 250px;
}

.rubrique {
	padding: 10px 10px 5px 20px;
}

.rubrique a {
	color: black;
	text-decoration: none;
}

.rubrique a:hover {
	color: black;
	text-decoration: underline;
}

.rubrique h4 {
	font-size: 12px;
	background-color: #f2f2f2;
	margin: 0;
}

.rubrique ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#voirAussi {
	clear: both;
	float: right;
	width: 230px;
	min-height: 300px;;
	padding: 0 5px 0 5px;
}

#voirAussi a {
	color: black;
	text-decoration: underline;
}

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

#voirAussi ul {
	margin-left: 10px;
	padding-left: 10px;
}

#voirAussi li {
	margin-bottom: 10px;
}

#voirAussi p {
	background-color: #f2f2f2;
	font-weight: bold;
	margin-top: 20px;
}

/***** PLAN PAGE D'ACCUEIL (plan.inc.php) ******/
.plancolonnej /** COLONNE JAUNE de GAUCHE **/
{
	float:left;
	width: 167px;
	height: 890px;
	background-color:#F8E616;
	margin-left:30px;
}

.plancolonnej2 /** COLONNE JAUNE de DROITE **/
{
	float:left;
	width: 167px;
	height: 890px;
	background-color:#F8E616;
}

.plancolonnej hr, .plancolonnej2 hr {
	width: 120px;
	color: #CF1200;
	margin-top: 20px;
	margin-bottom: 20px;
}

.plancolonnej p, .plancolonnej2 p {
	margin:10px;
}

.plancolonnej a, .plancolonnej2 a {
	color:#CF1200;
}

.plancolonne /** 3 COLONNES DU CENTRE **/
{
	float: left;
	width: 200px;
	height:890px;
}

.planrubrique {
	padding: 10px 10px 5px 8px;
}

.planrubrique a {
	color: black;
	text-decoration: none;
}

.planrubrique a:hover {
	color: black;
	text-decoration: underline;
}

.planrubrique h4 {
	font-size: 12px;
	background-color: #F2F2F2;
	margin: 0;
}

.planrubrique ul {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.plantitrecolonne /* Titre des 3 colonnes du menu */
{
	background-image: url(../img/pl_fondcol.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:43px;
	vertical-align:middle;
	padding-top:25px;
}

.plantitrecolonne p {
	text-align:center;
	width:184px;
	display:inline;
	color:#F8E616;
	font-size:15px;
	font-weight:bold;
}

.planicon /* titre icone du plan sur 2 lignes */ 
{
	background-image: url(../img/pl_fondicon.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:184px;
	line-height:20px;
	float:left;
}

.planicon2 /* titre icone du plan sur 1 ligne */
{
	background-image: url(../img/pl_fondicon.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:184px;
	float:left;	
	line-height:40px;
	vertical-align: middle;
}

.planicon p, .planicon2 p {
	height:40px;
	color:#F8E616;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin-right:8px;
}

.planiconimage {
	float:left;
	width:47;
	height:53;
}

/****************** MENU **********************/

#entete {
	background-image: url(../img/m_haut.gif);
	background-repeat: repeat;
}

#entete img {
	border: none;
}

#enteteLogo {
	margin-left: 10px;
	margin-top: 10px;
}
	
#devis {
	color:#FFFF01;
	float: right;
	width: 160px;
	height: 60px;
	margin: 14px 6px 0 0;
}

#devis p {
	margin: 3px 0 0 10px;
}

#devis a {
	color:#FFFF01;
	text-decoration: none;
	font-weight: bold;
}

#devis a:hover {
	color:#FFFFFF;
	font-weight: bold;
}

#liencarpinterias {
	position: absolute;
	left: 318px;
	top: 18px;
	width: 189px;
	height: auto;
	text-align: left;
	font-size: 0.9em;
	color: black;
	list-style-type: none;
}
	
#liencarpinterias img {
	margin-left: 5px;
	vertical-align: middle;
	border: 0px;
}
	
#liencarpinterias ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#liencarpinterias li {
	margin: 0;
	padding: 0;
	height: 2em;
}
	
#liencarpinterias li a {
	color: black;
	text-decoration: none;
}

#liencarpinterias li a:hover {
	color: red;
	text-decoration: underline;
}

#langcontinentale {
	position: absolute;
	left: 520px;
	top: 18px;
	width: 270px;
	height: auto;
	text-align: right;
	font-size: 0.9em;
	color: black;
	list-style-type: none;
}

#langcontinentale ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#langcontinentale li {
	margin: 0;
	padding: 0;
	height: 2em;
}

#langcontinentale img {
	margin-left: 5px;
	vertical-align: middle;
	border: 0px;
}

#langcontinentale li a {
	color: black;
	text-decoration: none;
}

#langcontinentale li a:hover {
	color: red;
	text-decoration: underline;
}
	
#langcorse {
	position: absolute;
	left: 520px;
	top: 37px;
	width: 270px;
	height: auto;
	text-align: right;
	font-size: 0.9em;
	color: black;
	list-style-type: none;
}

#langcorse ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#langcorse li {
	margin: 0;
	padding: 0;
	height: 2em;
}

#langcorse img {
	margin-left: 5px;
	vertical-align: middle;
	border: 0px;
}

#langcorse li a {
	color: black;
	text-decoration: none;
}

#langcorse li a:hover {
	color: red;
	text-decoration: underline;
}

#menu_cata {
	font-size: 1em;
	margin-left:-19px;
	margin-top:-11px;
}

#menu_cata ul {
	display:table;
	padding-left: 0;
	margin : 0 0 0 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu_cata li {
	float: left;
	background-color: yellow;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;	
	margin: 2px;
	list-style-type: none;
}

#menu_cata li a {
	float:left;
	color: black;
	text-decoration: none;
}

#menu_cata li a:hover {
	color: black;
	text-decoration: underline;
}

#menu_cata_recrut {
	font-size: 1em;

}

#menu_cata_recrut ul {
	display:table;
	padding-left: 0;
	margin : 0 0 0 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu_cata_recrut li {
	float: left;
	background-color: blue;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;	
	margin: 2px;
	list-style-type: none;
}

#menu_cata_recrut li a {
	float:left;
	color: white;
	text-decoration: none;
}

#menu_cata_recrut li a:hover {
	color: white;
	text-decoration: underline;
}

.violet
	{
	background-color: purple;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#menu_serv {
	clear:both;
	width: 100%;
	font-size: 1em;
	margin: 0 0 0 22px;
}

#menu_serv ul {
	display:table;
	margin-left: 0;
	padding-left: 0;
	margin: 3px 0 0 0;
	list-style-type: none;
	list-style-position: outside;
}

#menu_serv li {
	float:left;
	padding:0 8 0 0px;
	margin:2px;
	list-style-type:none;
}

#menu_serv li a {
	float:left;
	color:#FFFFFF;
	text-decoration: none;
}

#menu_serv li a:hover {
	color:#FFFF01;
	text-decoration: underline;
}

/************************ CONTENU SSCAT ***************************/

#liste
	{
	clear:both;
	min-height: 350px;
	}

.logo {
	width: 900px;
	float: left;
	margin: 0 0 20px 20px;
}

.logo img {
	border: none;
}

.description_sscat {
	width: 974px;
	padding: 5px 0;
	margin: 5px 0 0 25px;
	border-top: solid #f2f2f2 thin;
}

.description_sscat h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-transform: uppercase;
}

.description_sscat a {
	font-size: 1em;
	color: black;
	font-weight: normal;
	text-decoration: none;
	border-bottom: dotted #cccccc thin;
}

.description_sscat a:hover {
	font-size: 1em;
	color: black;
	font-weight : normal;
	text-decoration: none;
	border-bottom: solid red thin;
}

.description_sscat p {
	width: 675px;
	font-size: 1em;
	}

.video {
	position: relative;
	background-image: url(../img/logo_video_installation.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-bottom: 15px;
	padding-left: 65px;
	line-height: 60px;
	font-weight: bold;
	font-size: 1.2em;
	color: red;
}
	
.voirfichetechnique {
	padding-top:5px;
	text-align:right;
}
	
.voirfichetechnique a {
	color:black;
}


/************************ CONTENU ***************************/

form {
	margin: 0px;
	padding: 0px;
}

p {
	text-align: justify;
}

h1 {
	margin: 15px 0 0 25px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 1.0em;
}

h1 a {
	color: black;
	text-decoration: none;
}

h1 a:hover {
	color: black;
	text-decoration: underline;
}


h2 {
	margin: 10px 0 0 25px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 1.2em;
	color: black;
}

h3 {
	margin: 0 0 0 25px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 1.4em;
	color: black;
}

h3 a {
	color: black;
	text-decoration: none;
}

h3 a:hover {
	color: black;
	text-decoration: underline;
}

.corps {
	top: 0px;
	width: 1001px;
	margin:0 auto;
	height: auto;
	background-color: white;
	background-image: url(../img/fond_page.png);
	background-repeat: repeat-y;
}

.article_haut {
	position: relative;
	background-image: url(../img/fond_label_art.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 1em;
	color: black;
}

.article {
	position: relative;
	margin-left: 20px;
	width: 720px;
	height: auto;
	margin-bottom: 40px;
	border-right: 1px solid #f2f2f2;
	background-image: url(../img/fond_modele_art.png);
	background-repeat: repeat-y;
}

.article tr {
	vertical-align: top;
}

.modele_art {
	padding: 5px 0 5px 18px;
}

.modele_art table {
	border-collapse: collapse;
}

.modele_art td {
	border-bottom-color: #ede400;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 0.9em;
	vertical-align: bottom;
}

.prix {
	font-size: 1.2em;
	color: black;
	text-align: right;
	margin-right: 3px;
}

.quantite /* INPUT */
	{
	border: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	font-size: 0.9em;
	color: black;
	text-align: center;
	width: 20px;
}

.image /* INPUT */
	{
	margin-left: 5px;
	vertical-align: bottom;
}

.bas_modele_art {
	position: relative;
	background-image: url(../img/bas_modele_art.png);
	background-repeat: no-repeat;
	width: 436px;
	height: 18px;
}

.photo_art {
	position: relative;
	width: 310px;
	height: auto;
	text-align: center;
	font-size: 0.9em;
}

.photo_art img {
	vertical-align: bottom;
	border-style: none;
	color: black;
}

.photo_art a {
	color: black;
	text-decoration: underline;
}

.photo_art p {
	text-align: center;
	width: 310px;
}

.prix_art {
	position: relative;
	margin-top: 10px;
	margin-left: 13px;
	background-image: url(../img/grille.png);
	background-repeat: no-repeat;
	width: 284px;
	height: 37px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 2.7em;
	text-align: center;
	font-weight: bold;
}

.euro {
	font-size: 0.5em;
	vertical-align: 0.7em;
}

.modele_art_photo {
	margin-top: 5px;
	text-align: center;
	font-size: 1em;
}
	
.submit	{
	border-top-width: thin;
	border-left-width: thin;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	text-transform: none;
	word-spacing: normal;
	background-color: yellow;
}
	
.panier {
	color: #FFFF33;
}
	
.flashabsolue {
	position: absolute;
	left: 340px;
	top: 910px;
}

.ville /* Points de vente */
{
	font-size:16px;
	color: #FF0000;
	font-weight: bold;
}

#ville li {
	margin-bottom : 10px;
}
	
.flashaccueil {	
	margin-left:-10px;
}

.flash accueil p {
	width: 700px;
	font-size: 1em;
	color: black;
}

.flashpersonnage {
	position: absolute;
	left:930px;
	top:-200px;
}

.flashpersonnagebis {
	position: absolute;
	left:810px;
	top:-190px;
}
	
.imprim {
	display: none;
}
	
.plan { /* Plan d'accès */

	width: 900px;
	text-align: center;
}


/********************* PIED DE PAGE ***********************/

#pied {
	clear: both;
	font-size: 1em;
	height: 167px;
	background-image: url(../img/m_bas.gif);
	background-repeat: repeat;
}

#pied ul {
	display:table;
	padding-left: 0;
	margin : 0 auto;
	list-style-type: none;
	list-style-position: outside;
}

#pied li {
	float: left;
	margin-left: 3px;
	list-style-type: none;
}

#pied li a {
	float:left;
	color: #FFFFFF;
	text-decoration: none;
}

#pied li a:hover {
	color: black;
	text-decoration: underline;
}

#piedban {
	text-align:center;
	margin-bottom:21px;
}

.recrutement {
	background-color: yellow;
	font-weight: bold;
}
	
.city_robot {
	display: none;
}
	 
.error {
	background-color:#F9AEB6;
	font-size:12px;
}
	
.error ul {
	padding-bottom:0px;
}

.attention { /* Messages d'avertissement pour la newsletter */
	width: 50em;
	padding: 1em;
	margin: 1em;
	color: red;
}
	
/* Présentation Fiche Produit */	
div.support {
	text-align:justify;
}

.support p {
	margin:0;
}

.support a {
	text-decoration:underline;
	color:#666666;
}

.support ul	{
	margin-top:0;
	margin-bottom:2px;
}

.label {
	width: 675px;
	border: 1px solid #ccc;
	font-size: 11px;
	margin: 30px 0 30px 0;
}

.label p {
	width: 650px;
	padding: 0;
	margin: 10px;
}