/* specific css tecnoprofil */

.gras { font-weight: bold; }

.italic { font-style: italic; }

.grand { font-size: 1.2em; }

.balese { font-size: 2em; }

.centre { text-align: center; }

.justifie { text-align: justify; }

.souligne { text-decoration: underline; }

p {
	margin: 8px;
}

.leftecart {
	margin: 20px 0 0 60px;
}

ul.mep li {
	list-style-type: none;
	background: url(layout/puce.gif) no-repeat;
	padding: 0 0 0 20px;
	height: 24px;
}

ul.mep li  a:link, ul.mep li a:visited {
	color: #2390d3;
	text-decoration: none;
}

ul.mep li  a:hover {
	color: #7a7a7a;
	text-decoration: none;
	border-bottom: 1px solid #2390d3;
}

ul.gout li {
	list-style-type: none;
	background: url(layout/puce.gif) no-repeat;
	padding: 0 0 10px 20px;
}

/* galerie photo */

ul#galerie_mini li {
	list-style-type: none;
	float: left;
	border-left: 4px solid #ffffff;
}

.mini2 li {
	list-style-type: none;
	border-left: 4px solid #ffffff;
	float: none !important;
}

#galerie {
	padding: 16px 0 0 0;
	height: 198px;
}

ul.circle {
	list-style-type: circle;
	margin: 0 0 20px 0;
}

ul.circle a:link, ul.circle a:visited {
	color: #7a7a7a;
	text-decoration: none;
}

ul.circle a:hover {
	color: #7a7a7a;
	text-decoration: underline;
}

a:link, a:visited {
	color: #7a7a7a;
	text-decoration: none;
}

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

/* boite a onglets */

#tabbed_box {
    margin: 0px auto 0px auto;
    width:450px;
}

.tabbed_area {
    padding:10px 0 0 0;
}

.toptabletabs {
	height: 11px;
	background: url(layout/toptabletabs.jpg);
}

.centertabletabs {
	background: url(layout/centertabletabs.jpg);
	padding: 10px;
	font-size: 14px;
	color: #004481;
}

.bottomtabletabs {
	height: 11px;
	background: url(layout/bottomtabletabs.jpg);
}

.toptabletabs2 {
	height: 11px;
	background: url(layout/toptabletabs2.jpg);
}

.centertabletabs2 {
	background: url(layout/centertabletabs2.jpg);
	padding: 10px;
	font-size: 14px;
	color: #004481;
}

.bottomtabletabs2 {
	height: 11px;
	background: url(layout/bottomtabletabs2.jpg);
}

.toptabletabs3 {
	height: 11px;
	background: url(layout/toptabletabs3.jpg);
}

.centertabletabs3 {
	background: url(layout/centertabletabs3.jpg);
	padding: 10px;
	font-size: 14px;
	color: #004481;
}

.bottomtabletabs3 {
	height: 11px;
	background: url(layout/bottomtabletabs3.jpg);
}

.centertabletabs h3, .centertabletabs2 h3, .centertabletabs3 h3 {
	color: #004481;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.centertabletabs h4, .centertabletabs2 h4, .centertabletabs3 h4 {
	color: #004481;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding-left: 10px;
}

ul.tabs {
    margin:0; padding:0;
}

ul.tabs li {
    list-style:none;
    display:block;
	height: 20px;
	line-height: 20px;
	width: 100px;
	float: left;
	text-align: center;
}

#tab_1, #tab_2, #tab_3 {
	width: 100px;
}

ul.tabs li a { /* onglet normal */

    color:#ffffff;
    padding:4px 10px;
    text-decoration:none;
    font-size:12px;
}

ul.tabs li a:hover { /* onglet survol */
	color:#ffffff;
}

ul.tabs li a.active { /* onglet actif */
    color:#fccc2a;
	font-weight: bold;

}

li#onglet1 {
	background: url(layout/onglet1.jpg);
}

li#onglet2 {
	background: url(layout/onglet2.jpg);
}

li#onglet3 {
	background: url(layout/onglet3.jpg);
}

.content {
    padding:0; 
	margin: 20px 0 0 0;
}

.content table {
	border-collapse: collapse;
}

#content_2, #content_3 { display:none; }

ul.tabs {
    margin:0px; padding:0px;
}

ul.tabs li a {
    background-image:url(images/tab_off.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
ul.tabs li a.active {
    background-image:url(images/tab_on.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.content {
    background-image:url(images/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}

/* textes accueil */

.accueil-bleu {
	color: #004581;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

.marron {
	color: #554c3b;
	font-size: 14px;
}

/* menu produits */

.menu-produits {
	width: 100%;
	border-collapse: collapse;
}

.menu-produits a:link, .menu-produits a:visited, .menu-produits a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}


/* couleur bleue */

.caption-1 {
	color: #ffffff;
	background: url(layout/caption-1.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-1 {
	background: url(layout/bgmenu-table-1.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}

/* couleur verte */

.caption-2 {
	color: #ffffff;
	background: url(layout/caption-2.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-2 {
	background: url(layout/bgmenu-table-2.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}

/* couleur jaune */

.caption-3 {
	color: #ffffff;
	background: url(layout/caption-3.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-3 {
	background: url(layout/bgmenu-table-3.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}

/* couleur grise */

.caption-4 {
	color: #ffffff;
	background: url(layout/caption-4.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-4 {
	background: url(layout/bgmenu-table-4.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}

/* couleur rouge */

.caption-5 {
	color: #ffffff;
	background: url(layout/caption-5.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-5 {
	background: url(layout/bgmenu-table-5.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}

/* couleur mauve */

.caption-6 {
	color: #ffffff;
	background: url(layout/caption-6.jpg) no-repeat;
	text-align: center;
	width: 150px;
	height: 40px;
	padding: 0 0 6px 0;
}

.image-6 {
	background: url(layout/bgmenu-table-6.jpg) no-repeat;
	padding-left: 5px;
	width: 150px;
	height: 112px;
}