/**
 * Style sheet
 */


body
{
background-color:#e7e8ea;
Overflow: -Moz-Scrollbars-Vertical;
} 
#wrapper
{
width:960px;
margin:0 auto;
}
#header
{
height: 340px;
}
#container
{
margin-top: 10px;
background: url("../../tl_files/mecasoude/pict/fd_container.gif");
background-repeat: repeat-y;
}
#left
{
float: left;
width: 280px;
}
#right
{
float: right;
_padding: 10px 10px 0 0;
}
#main
{
margin-left: 280px;
padding: 10px;
padding-bottom: 50px;
}
#footer
{
position: relative;
height: 200px;
margin-top: 10px;
background-color:#55504c;
-height:1%;
}

/* --------------------------------------------------------  */
/* TEXTES */

a, body, div, em, input, label, li, ol, p, select, span, strong, td, th, textarea, u, ul
{font-family:Verdana, sans-serif;}
a, body, div, input, label, li, ol, p, select, td, th, textarea, u, ul
{font-size:11px; color: #2e3a3f;}

h1
{
color: #403d3d;
font-size: 18px;
letter-spacing: -1px;
word-spacing: 3px;
}

h4 /* texte intro fiches */
{
margin: 0;
padding-right: 10px;
line-height: 1.2;
 font-size: 13px;
 font-weight: normal;
 text-align: justify;
}

h5 /* titre colonne right */
{
margin-bottom: 10px;
font-weight: normal;
font-size: 20px;
color: #8f8787;
}

.color-tp {color: #bd3a06;}
.color-crible {color: #007d37;}
.vert{color: #069a13;}
.bold{font-weight: bold;}



.liencrible
{
font-weight: bold;
}
.tempjour
{
display: block;
width: 240px;
padding: 10px;
}




.form_contact td
{
padding: 6px 10px 0 0;
}
.form_contact .explanation, .form_contact .submit_container
{
padding: 5px 0 15px 0;
}
.form_contact .error
{
color:#cc1919;
}


.mod_navigationSub h2
{
margin-bottom: 20px;
padding-right: 10px;
font-weight: normal;
font-size: 18px;
color: #8f8787;
}

/* --------------------------------------------------------  */
/* ENTETE */

#header .presentation  /* temp */
{
position: absolute;
top:40px;
left: 0;
width: 550px;
height: 80px;
padding: 80px 10px 0 0;
background-color: #2e3a3f;
background: url("../../tl_files/mecasoude/pict/meca-soude.png") no-repeat;
color: #ffffff;
text-align: right;
line-height: 15px;
}
#header .presentation .bold  /* temp */
{
font-size: 11px;
font-weight: bold;
line-height: 20px;
z-index:3;
}



#header #entete
{
position: absolute;
top:40px;
left: 0;
width: 526px;
height: 105px;
padding: 55px 10px 0 24px;
}
#header .meca {background: url("../../tl_files/mecasoude/pict/meca-soude.png") no-repeat;}
#header .tp {background: url("../../tl_files/mecasoude/pict/meca-soude-tp.png") no-repeat;}
#header .crible {background: url("../../tl_files/mecasoude/pict/meca-soude-crible.png") no-repeat;}
#header .pelle {background: url("../../tl_files/mecasoude/pict/meca-soude-pelle.png") no-repeat;}
#header .mag {background: url("../../tl_files/mecasoude/pict/meca-soude-mag.png") no-repeat;}
#header .soud {background: url("../../tl_files/mecasoude/pict/meca-soude-soud.png") no-repeat;}
#header .agri {background: url("../../tl_files/mecasoude/pict/meca-soude-agri.png") no-repeat;}

#header h1
{
font-size: 16px;
font-weight: normal;
color: #ffffff;
font-variant: small-caps;
letter-spacing: 3px;
}
#header p
{
padding-top: 10px;
font-size: 11px;
color: #ffffff;
text-align: right;
line-height: 18px;
}




#header .photo1
{
position: absolute;
top: 210px; left: 0;
width: 270px; height: 130px;
overflow: hidden;
}
#header .photo2
{
position: absolute;
top: 210px; left: 280px;
width: 270px; height: 130px;
overflow: hidden;
}
#header .photo3
{
position: absolute;
top: 40px; left: 560px;
width: 400px; height: 300px;
overflow: hidden;
}









/* --------------------------------------------------------  */
/* TOP MENU  */

.tmenu
{
position: absolute;
top: 17px;
right: 0;
}
.tmenu ul
{
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.tmenu li
{
float: left;
height: 24px;
margin: 0;
padding: 0;
}
.tmenu li a
{
display: block;
margin: 0 1px;
padding: 4px 12px;
background-color: #c4c9cb;
 font-size: 11px;
 color: #2e3a3f;
 font-variant: small-caps;
 text-decoration: none;
}
.tmenu li a:hover
{
background-color: #3c4b50;
color:#fff;
}
.tmenu li .active
{
display: block;
margin: 0 1px;
padding: 4px 12px;
 font-size: 11px;
 color: #2e3a3f;
 font-variant: small-caps;
 text-decoration: none;
}
.tmenu li .last
{
margin-right:0;
}

/* MENU  */

.menu
{
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.menu ul
{
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu li
{
}
.menu li a
{
display: block;
height: 43px;
width: 180px;
padding: 7px 80px 0 10px;
background-color: #b8bdbf;
border-right: 10px #e7e8ea solid;
border-bottom: 10px #e7e8ea solid;
 font-size: 12px;
 color: #2e3a3f;
 font-variant: small-caps;
 text-decoration: none;
}
.menu li a:hover, .menu li a:focus, .menu li a:active
{
 color: #ecedee;
 text-decoration: none;
}
.menu li .active
{
display: block;
height: 43px;
width: 180px;
padding: 7px 80px 0 10px;
border-right: 10px #e7e8ea solid;
border-bottom: 10px #e7e8ea solid;
 font-size: 12px;
 color: #ecedee;
 font-variant: small-caps;
 text-decoration: none;
}

.menucrible {background: url("../../tl_files/mecasoude/pict/menucrible.png") no-repeat;}
.menucrible a:hover {background-color: #007d37;}
.menucrible .active {background: url("../../tl_files/mecasoude/pict/menucriblea.png") no-repeat;}

.menutp {background: url("../../tl_files/mecasoude/pict/menutp.png") no-repeat;}
.menutp a:hover {background-color: #bd3a06;}
.menutp .active {background: url("../../tl_files/mecasoude/pict/menutpa.png") no-repeat;}

.menupelle {background: url("../../tl_files/mecasoude/pict/menupelle.png") no-repeat;}
.menupelle a:hover {background-color: #196c95;}
.menupelle .active {background: url("../../tl_files/mecasoude/pict/menupellea.png") no-repeat;}





.menuagri
{
background: url("../../tl_files/mecasoude/pict/menuagri.png") no-repeat;
}
.menuagri a:hover, .menuagri .active
{
background-color: #bd3a06;
}
.menumag
{
background: url("../../tl_files/mecasoude/pict/menumag.png") no-repeat;
}
.menumag a:hover, .menumag .active
{
background-color: #ebc71d;
}
.menusoud
{
background: url("../../tl_files/mecasoude/pict/menusoud.png") no-repeat;
}
.menusoud a:hover, .menusoud .active
{
background-color: #db860c;
}





/* --------------------------------------------------------  */
/* CADRE CONTACT  */
.cadrecontact
{
margin: 10px 10px 10px 0;
background: #3c4b50 url("../../tl_files/mecasoude/pict/fd_contact-bot.png") no-repeat;
background-position: bottom;
}
.cadrecontact-top
{
background: url("../../tl_files/mecasoude/pict/fd_contact-top.png") no-repeat;
padding: 7px;
}
.cadrecontact-top h3
{
margin: 0;
padding: 0 0 8px 0;
font-weight: normal;
font-size: 14px;
color: #efe941;
font-variant: small-caps;
letter-spacing: 2px;
}
.cadrecontact-top p
{
font-size: 11px;
color: #ecedee;
line-height: 14px;
}
.lien-plus
{
float: right;
padding: 5px 10px 10px 3px;
}
.cadrecontact-info p
{
padding: 8px 3px 10px 90px;
font-size: 10px;
color: #9ea4a7;
}


/* CADRE LIEN CRIBLAGE  */
.cadreliencrible
{
margin: 10px 10px 10px 0;
background: #cdcdcd url("../../tl_files/mecasoude/pict/lien_criblagebot.png") no-repeat;
background-position: bottom;
}
.cadrecriblage-lien
{
margin-top: 8px;
}
.cadrecriblage-lien a
{
padding: 8px 3px 10px 50px;
font-size: 10px;
color: #3c4b50;
}








/* ACTUALITES  */

.actu
{
margin: 0;
padding: 0 10px 20px 10px;
}
.actu h3
{
margin-bottom: 10px;
font-weight: normal;
font-size: 20px;
color: #8f8787;
}
.actu h2
{
display: none;
}
.actu .teaser
{
padding-top: 10px;
font-size: 12px;
font-style: italic;
}
.actu .layout_short
{
margin-bottom: 15px;
}
.mod_newsreader .back
{
display: none;
}


/* COLONNE SERVICES  */

.liste_services ul
{
padding-left: 15px;
}

/* ANNONCES LATERALES  */

.annonce0
{
float: right;
width: 190px;
margin: 0 0 0 20px;
padding: 0;
}
.annonce
{
width: 170px;
margin: 10px 0;
padding: 12px 10px 20px 10px;
 font-size: 11px;
 color: #fff;
 text-align: right;
}
.annoncetitre
{
 display: block;
 margin-bottom: 14px;
 font-size: 16px;
 font-style: italic;
 font-weight: bold;
 color: #fff;
 font-variant: small-caps;
}
.annonce1
{
background: url("../../tl_files/mecasoude/pict/fd_annonces.png") 0 0 no-repeat;
}
.annonce2
{
background: url("../../tl_files/mecasoude/pict/fd_annonces.png") -200px 0 no-repeat;
}
.annonce3
{
background: url("../../tl_files/mecasoude/pict/fd_annonces.png") -400px 0 no-repeat;
}
.annonce4
{
background: url("../../tl_files/mecasoude/pict/fd_annonces.png") -600px 0 no-repeat;
}


/* FICHES PRODUITS  */


.soustitre ul
{
list-style: none;
margin: 5px 0 20px 0;
padding: 10px 10px 6px 10px;
border: 1px solid #9A9A9A;
background-color: #f5f5f5;
}
.soustitre li
{
list-style: none;
padding: 0 0 10px 0;
 font-size: 14px;
 font-weight: bold;
 color: #403d3d;
}
.soustitre li .libelle
{
 font-size: 12px;
 font-weight: normal;
 font-style: italic;
 color: #403d3d;
}
.soustitre li .item
{
 font-size: 11px;
 font-weight: normal;
 color: #403d3d;
}
.soustitre li .last
{
padding-bottom: 0;
}
.tab_dimension .col_0, .tab_dimension .col_1, .tab_dimension .col_2
{
padding-right: 30px;
}
.tab_dimension .col_1, .tab_dimension .col_2
{
text-align: right;
}



.toggler
{
	background-image:url("../../tl_files/mecasoude/pict/fl_accordeon.png");
	background-position:0 1px;
	background-repeat:no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#cc1919;
}
.toggler:hover
{
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
}
.accordion
{
	margin:7px 9px;
	text-align:justify;
	width:360px;
}

/* PIED  MENU */

.pmenu
{
position: absolute;
right: 50px;
bottom: 10px;
}
.pmenu ul
{
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.pmenu li
{
float: left;
margin: 0;
padding: 0;
}
.pmenu li a
{
display: block;
padding: 0 8px;
border-right: 1px solid #8b8b8b;
 font-size: 10px;
 color: #adadad;
 text-transform: uppercase;
 text-decoration: none;
}
.pmenu li .last
{
border-right: 0;
}
.pmenu li a:hover, .pmenu li a:focus, .pmenu li a:active
{
 color:#fff;
 text-decoration: none;
}
.pmenu li .active
{
display: block;
padding: 0 8px;
border-right: 1px solid #8b8b8b;
 font-size: 10px;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}


.submenu
{
margin-top: 20px;
}






/* NEWSLETTER */


.newsletter_form .back
{
display:none;
}
.newsletter_form .checkbox_container
{
margin-top: 30px;
}
.newsletter_form span
{
display:block;
}