/*
	Style Sheet pour le site Web de TDS Inspection
	info@solutions-zen.com

*/

* {margin:0;padding:0;}

html {
  height : 100.1%;
  margin:0; padding:0;
} /* pour Opera qui met les marges dans le tag HTML */


body {
   /*background : transparent url(images/Design_pagehauteur.jpg) repeat-x 0px 0px;*/
   background-color : #d8dfe5;
    font : 14px arial,helvetica,"DejaVu Sans",sans-serif;
    text-align:center;
   height : 100.1%;
   margin-bottom : 1px;
   color : #000000;
}

/*   COULEURS   */
.orange {color: #e28003;}
.bleu {color: rgb(12,61,110);}   /*  #0c3d6e    */
.bleupale {color:#d8dfe5;}

/*   GÉNÉRAL    */
h1 {
   font-size:28px;
   margin: 10px 0px;
   padding : 0px;
   color: #0c3d6e;
}

h2 {
   font-size:24px;
   margin: 8px 0px 4px 0px;
   padding : 0px;
   color: #0c3d6e;
}

h3 {
   font-size:22px;
   margin: 6px 0px 15px 0px;
   padding : 3px;
   color: #ffffff;
	 background-color: #e28003;
}

h4 {
   font-size:18px;
   margin: 4px 0px;
   padding : 2px 0px;
   color: #000000;
}

p {
	margin : 0 0 8px 0;
	color: #003366;
	text-align: justify;
	font: bold 14px arial,helvetica,"DejaVu Sans",sans-serif;
}
.special {
	margin : 0 30px 8px 380px;
	color: #003366;
	text-align: center;
	font: bold 14px arial,helvetica,"DejaVu Sans",sans-serif;
	padding:8px;
	border:1px solid #0c3d6e;
	background-color:#ffffff;
}

table {
    border-collapse: collapse;
    /*  margin : 4px;  */
    text-align : left;
}
th {
    font : bold 14px arial,helvetica,"DejaVu Sans",sans-serif;
   padding: 4px;
   vertical-align : top;
}
td {
    font : bold 14px arial,helvetica,"DejaVu Sans",sans-serif;
   padding: 4px;
   vertical-align : top;
}

ul {
    margin:  6px 0px;
   list-style-type : square;
   padding: 0px;
}

ol {
    margin:  6px 0px;
    padding: 0px;
}

li {
    color: #003366;
    font : bold 14px arial,helvetica,"DejaVu Sans",sans-serif;
    margin : 0 0 6px 40px;
    padding: 0px;
}

/* ******************************  les LIENS   ************************************/

a {font-weight : bold;}

a:focus {-moz-outline-style: none;}
a:link {	color: #4279b1;}
a:visited {	color: #4279b1;}
a:hover {	color: #003366;}
a:active {color:#4279b1; border:none; }

/* *******************************************************************/
/* ******************************  REGIONS   *************************/
/* *******************************************************************/
#complet {
        background-color : #ffffff;
	position:relative;
	width : 900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom : 0px;
	padding:0px;
	text-align : left;
}

#entete {
   background : #ffffff url(images/Entete_image.jpg) no-repeat  0px 0px;
    position : relative;
    padding : 0px;
    margin : 0px;
    width : 900px;
    height :  106px;
}

#contenu {
   /*  background : #ffffff url(images/Camion_fond.jpg) no-repeat  bottom right;   */
	 background-color: #ffffff;
   margin : 0px;
    padding : 5px 0px 0px 0px;
		/* position : relative;  */
}
#contenu .produits
    {
    width:760px;
		/*  background-color: #ffffff;    */
    }
#contenu .produits th
    {
    background-color: #e28003;
		color: #ffffff;    
    }

#piedpage {
    color : #ffffff;
   height : 24px;
   position  : relative;
   clear:both;
   margin : 0px;
   padding: 0px;
}
#piedpage a {font-size:12px; text-decoration:none; color:#ffffff;}
#piedpage a:link {color:#ffffff;}
#piedpage a:visited {color:#ffffff;}
#piedpage a:hover {color:#000000;}
#piedpage a:active {color:#ffffff;}

#piedpage table {
    border-collapse: collapse;
    margin : 0px;
    text-align : left;
}

#piedpage td
    {
    color : #ffffff;
    border : 1px solid #000000;
    font-size : 12px;
    margin : 0px;
    padding  : 4px 10px 4px 15px;
    }



/* ******************************  classes pré-définies   *************************/

#overlay_filtre {
   z-index:150;
   background-color : #9999aa;
   position:absolute;
   top:0px;
   left:0px;
   display:none;
}

.note {
   background-color: #e8e2da;
   color: #7f230f;
   border : 1px solid #333333;
   /*font-weight: bold;*/
   padding:6px;
   margin: 10px 50px;
}

.img_gauche {
   float : left;
   margin :  4px 8px 4px 0px;
}

.img_droite {
   float : right;
   margin :  4px 0px 4px 8px;
}
.flotte_gauche {
   float : left;
   margin :  0px 12px 10px 0px;
}
.flotte_droite {
   float : right;
   margin :  0px 0px 10px 12px;
}



/* *****************************  Formatage des images   *********************************/

img {
    margin : 0px;
    padding : 0px;
    border : none;
}


.texte1justify {
	color: #003366;
	text-align: justify;
	font: bold 12px/130% Verdana, Arial, Helvetica, sans-serif;
}
.title1 {
	font-family: Tahoma;
	font-size: 18px;
	color: a80000;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	line-height: 18px;
	text-align: left;
	height: 11px;
}
.texte-sous-vignette {
	font-family: Tahoma;
	font-size: 11px;
	color: a80000;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 10pt;
}
.texte1highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: a80000;
	text-align: center;
	font-weight: bolder;
	line-height: 130%;
}
.texte1item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-align: justify;
	font-weight: bolder;
	line-height: normal;
	height: auto;
	white-space: normal;
	text-indent: 6px;
	display: list-item;
	list-style-type: circle;
	list-style-position: inside;
}
.titlewhite {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	line-height: 18px;
	text-align: left;
	height: 11px;
	text-indent: 10pt;
}
.texte1itemsmaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
	line-height: normal;
	height: auto;
	text-align: center;
}
.texte1itemDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: bold;
	line-height: normal;
	height: auto;
}
.texte1produitdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a80000;
	font-weight: bolder;
	line-height: normal;
	height: auto;
	white-space: normal;
}
.texte1right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-align: right;
	font-weight: bold;
	line-height: 130%;
	background-position: right;
}
.texteavantage2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 130%;
	font-weight: bolder;
	color: #003366;
	padding-left: 20px;
}