/*
 * Copyright Bene Facere 2008-2009
 */

html, body {
    height: 100%;
    width: 100%;
}
/* normaliser les marges */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* normaliser les tailles de polices */
h1, h2, h3, h4, h5, h6, p {
    font-size: 100%;
}

/* supprime list-style pour les listes */
ol, ul {
    list-style-type: none;
}

/* normaliser les styles et graisses de fontes */
address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, p {
    font-style: normal;
    font-weight: normal;
}

/*
 copyright 2008 Bene Facere
 http://www.benefacere.fr/
*/
.pa {
    display: none;
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.col21, .col22 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
}
.col31, .col32, .col33 {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 33%;
}
.col21, .col22 {
   /width: 49%;
}
.errors {  
    border: .2em solid red;  
    background-color: antiquewhite;  
    color: darkred;  
    font-weight:bolder;  
    padding: 1em;  
}  
#pageHeader {
 position:relative;
 height:180px;
 width:900px;
 margin-left:auto;
 margin-right:auto;
}
#logo {
 width: 295px;
 height: 110px;
 position: absolute;
 left: 25px;
 top: 40px;
}
#logo a {
 display: block;
 height: 100%;
 width: 100%;
}
#site {
 display:none;
}
#slogan {
 display:none;
}
#menu, #menu ul{
	position:absolute;
	bottom:0px;
	left:0px;
	height:23px;
	width:900px;
	line-height:23px;
	z-index: 1;
}

#menu a{
	display:block;
}

#menu li{
	position:relative;
	float:left;
	width:16.66%;
}
#menu li ul {
	position:absolute;
	display:none;
	width:100%;
	top:23px;
	
}
#menu ul ul ul {
    top: 0;
}
#menu li li {
	width:100%;
	line-height:1.1em;
	
}
#menu li ul a{
	width:100%;
	height:auto;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #D7DEE4
}
#menu li ul a:hover{
	width:100%;
	height:auto;
	float:left;
}
#menu li ul ul a{
	text-align:left;
	padding-left:10px;
}
#menu ul ul{
	line-height:21px;
	/*top:auto;*/
}	

#menu li ul ul {
	left:100%;
	margin:0px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block;
}
/*CONTENU DU SITE=============================*/
#usercontent {
 width:840px;
 padding: 30px 40px 40px 20px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
#usercontent .col21 {
 float: left;
 width: 350px;
}
#usercontent .col22 {
 margin-left: 370px;
 padding-top: 8px;
 width: auto;
 float: none;
}
#usercontent .col22 .col21, #usercontent .col22 .col22 {
 width: 225px;
 padding: 0;
 margin: 0;
}
#usercontent .col22 .col22 {
 margin-left: 245px;
}
#usercontent p {
 padding-bottom: 10px;
}
#usercontent h1, #usercontent h2 {
 padding-bottom: 10px;
}
#usercontent img {
 margin-top: 10px;
 /*float: left;*/
 margin: 0px 0px 5px 10px;
}
#usercontent .col21 img {
 margin-left: -20px;
}
#usercontent .col22 ul {
 padding-bottom: 10px;
 margin-left: 12px;
}
#usercontent  li {
 padding-bottom: 5px;
}
#usercontent #intro {
 margin-bottom: 10px;
}
#usercontent #intro p {
 line-height: 2em;
}
#usercontent .encadre {
 border: 1px solid #D6DCDC;
 padding: 10px;
 margin-bottom: 10px;
}
#usercontent .encadre p, #usercontent .encadre strong {
 padding-bottom: 0px;
}
#usercontent table {
 margin-bottom: 10px;
}
#usercontent th {
 padding-right: 10px;
 padding-left: 10px;
 padding-top:2px;
 padding-bottom:2px;
}
#usercontent td {
 padding-right: 10px;
 padding-left: 10px;
 padding-top:2px;
 padding-bottom:2px;
}
#usercontent .col21 {
 padding-bottom: 10px;
}
#usercontent .col21 h2 {
 padding-left: 20px;
}
#usercontent .col21 ul {
    margin-left: -20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}
#usercontent .col22 .col21 ul {
    margin: inherit;
    padding: inherit;
}
#usercontent .col21 h4 {
 padding-left: 5px;
 margin: 8px 0px 0px 15px;
}
#usercontent .col21 li {
 line-height: 30px; 
}
#usercontent .col22 .col21 li {
 line-height: inherit;
}
#usercontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #usercontent {
    zoom: 1;
}
*>html #usercontent {
    zoom: 1;
}
#footer {
 position: relative;
 width:870px;
 padding-top: 8px;
 padding-left: 15px;
 padding-right: 15px;
 height: 45px;
 margin-left:auto;
 margin-right:auto;
 clear:both;
}
#footer hr {
 display:none;
}
#footer p {
 padding-left:10px;
 line-height:21px;
 margin-right: 10px;
}
#footer img {
 margin: 0px 5px 0px 0px;
 float:left;
}
#boxAdresse {
 margin-left: auto;
 margin-right: auto;
 margin-top: -20px;
 width: 880px;
 padding-left: 10px;
 padding-right: 10px;
 text-align: right;
}
/*=========================================*/
/*Page produit-----------------------------*/
.fiche_produit {
 padding-top: 30px;
 padding-bottom: 40px;
}
.fiche_produit #titrage ul {
 background-color: #ECF2F2;
 margin: 0px 20px 10px 0px;
 padding: 5px 20px;
}
.fiche_produit #titrage li {
 font-weight: bold;
 font-size: 0.9em;
 font-style: normal;
 background-image: url(images/pointille.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
}
.fiche_produit #titrage ul .dernier {
 background-image: none;
}
.fiche_produit #titrage a {
 text-decoration: none;
 color: #177ABA;
 background-image: url(images/chevron.gif);
 background-repeat: no-repeat;
 background-position: left center;
 display: block;
 padding-left: 10px;
 line-height: 30px;
}
.fiche_produit #titrage a:hover {
 text-decoration: none;
 color: #F5660B;
}
.fiche_produit #titrage img {
 border-top: 1px solid #D6DCDC;
}
.fiche_produit #capture_ecran {
 padding: 10px 2px 10px 6px;
 background-color: #F2F6F7;
 margin-bottom: 20px;
 margin-top: 10px;
 border: 1px solid #D6DCDC;
 float: left;
 width: 480px;
}
.fiche_produit #capture_ecran a {
 background-color: #FFFFFF;
 display: block;
 float: left;
 font-size: 0.8em;
 color: #768792;
 text-decoration: none;
 text-align: center;
 padding: 1px 1px 3px;
 margin-right: 5px;
}
.fiche_produit #capture_ecran img {
 float:inherit;
 margin: 0px;
 height: 72px;
 width: 113px;
}
.fiche_produit #capture_ecran p {
 padding-bottom: 0px;
 padding-top: 3px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 clear: both;
}
/*Page telechargement------------------------*/
.telechargement {
 padding-top: 30px;
 padding-bottom: 40px;
}
.telechargement #contenu ul, .telechargement #contenu li {
 list-style-type: none;
}
.telechargement #contenu li {
 padding-bottom:20px;
}
.telechargement #contenu li table {
 width: 100%;
 border-bottom: 1px solid #AFC0C8;
}
.telechargement #contenu li p {
 padding:0px;
}
.telechargement #contenu a {
 color: #177ABA;
 text-decoration: none;
}
.telechargement #contenu a:hover {
 color: #F5660B;
}
.telechargement #contenu th {
 text-align: left;
 border-bottom: 4px solid #AFC0C8;
}
.telechargement #contenu td {
 border-left: 1px solid #AFC0C8;
 padding: 3px 5px;
}
.telechargement #contenu th h4 {
 color: #FFFFFF;
 background-color: #AFC0C8;
 float: left;
 padding: 3px 8px 0px;
 font-size: 1.2em;
}
.telechargement #contenu .lien_tel {
 border-right: 1px solid #AFC0C8;
 text-align: center;
 width: 150px;
}
.telechargement #contenu .impair {
 background-color: #F2F6F7;
}
.telechargement #contenu .pair {
 background-color: #FFF;
}
/*Page contact------------------------*/
.formulaire {
 padding-top: 30px;
 padding-bottom: 40px;
}
.formulaire #titrage #champ_obli {
 padding-left: 20px;
 padding-top: 10px;
 border-top: 1px solid #D6DCDC;
 margin-top: 10px;
}
/*Page societe------------------------*/
.page_societe {
 padding-top: 30px;
 padding-bottom: 40px;
}
.page_societe #titrage img {
 border-top: 1px solid #D6DCDC;
}
/*==LOGIN===================================*/
#login {
 position:absolute;
 bottom: 27px;
 right: 15px;
}
#login p {
 float:left;
 margin-left:10px;
}
#login label{
 font-size:0.7em;
 color: #177ABA;
}
#login .champ{
 margin-left: 0px;
 background-color: #FFFFFF;
 border: 1px solid #7CA4BC;
 padding: 1px;
 font-size: 0.7em;
 color: #333333;
 width:50px;
}
#login .bouton{
 background-color: #177ABA;
 font-size: 0.7em;
 color: #fff;
 width:auto;
 border:none;
 padding:1px;
 margin-top: 1px;
}
/*==FORMULAIRES===================================*/
form {
 padding-top: 30px;
}
form h2 {
 padding-bottom: 0px;
}
form h5 {
 padding-right: 225px;
}
form #mention {
 position: absolute;
 left: 362px;
 top: 17px;
 width: 146px;
}
#usercontent form p {
 margin-bottom: 5px;
 padding: 0px;
}
form hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border-style: none;
 height: 1px;
 border-width: 0px;
}
form label {
 display: block;
 width: 140px;
 padding-top: 3px;
 float: left;
}

form input, form textarea {
 margin-left: 5px;
 width: 200px;
 padding: 2px;
}
form textarea {
 height: 100px;
}
form select {
 width: 305px;
 margin-left: 5px;
 padding: 2px;
}
form #civilite {
 margin-left: 5px;
 width: 80px;
 padding: 1px;
}
form #nom {
 width: 111px;
}
form #cp {
 width: 100px;
}
form #ville {
 width: 150px;
}
form #tel {
 width: 130px;
}
form #commentaire {
 width: 300px;
}
form #boutons {
 padding-bottom: 5px;
 clear: both;
 padding-top: 10px;
 margin-left: 145px;
 width: 305px;
 margin-top: 10px;
}
form #boutons .envoyer {
 width: auto;
 border: 0px solid #42749A;
 padding-right: 10px;
 padding-left: 10px;
}
#retour {
 margin-bottom: 250px;
 padding: 10px;
}
body {
 font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 text-align:center;
 background: url(/static/themes/Logmis/images/fondBody.jpg) no-repeat center center fixed;
}
a img {
 border:none;
}
/*TETIERE DU SITE=============================*/
#pageHeader {
 background:transparent url(/static/themes/Logmis/images/tetiere.png) no-repeat center bottom;
}
#menu, #menu ul{
	font-size:13px;
	background-color:transparent;
}

#menu a{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
#menu a:hover {
    background: url(/static/themes/Logmis/images/roll_menu.jpg) repeat-x center bottom;
}
#menu li{
	background:transparent url(/static/themes/Logmis/images/filet.jpg) no-repeat right center;
}
#menu .dernier {
	background-image: none;
}
#menu li li {
	font-size:13px;
	background-image:none;
}
#menu li ul a{
	background-color: #AFC4D0;
	border-bottom:1px solid #D7DEE4;
}
#menu li ul a:hover{
	background-color: #667f8d;
	background-image:none;
}
#menu li ul ul a{
	background-color: #667f8d;
	text-align:left;
}
#menu li ul ul a:hover{
	background-color: #F4650A;
}

#menu ul ul ul {
	font-size:13px;
	font-weight: bold;
}
/*CONTENU DU SITE=============================*/
#usercontent {
 text-align:left;
 background-color: white;
}
#usercontent p {
 font-size: 0.8em;
 color: #1B2D3C;
}
#usercontent h1 {
 font-weight: lighter;
 font-size: 2.4em;
 color: #177ABA;
}
#usercontent h2 {
 color: #177ABA;
 font-size: 24px;
 font-weight: bold;
}
#usercontent h3 {
 /*color: #1B2D3C;*/
 font-size: 16px;
 font-weight: bold;
 color: #F4650A;
}
#usercontent h4 {
 color: #F4650A;
}
#usercontent ul {
 list-style: disc outside;
 color: #273846;
 font-size: 0.8em;
 font-weight: normal;
}
#usercontent strong {
 color: #333333;
}
#usercontent #intro p {
 font-style: italic;
 color: #AFC0C9;
 font-size: 0.9em;
}
#usercontent a, #usercontent .col22 .col21 a, #usercontent .col22 .col21 * a {
 color:#177ABA;
}
#usercontent a:hover, #usercontent .col22 .col21 a:hover {
 text-decoration:none;
}
#usercontent .encadre {
 background-color: #F2F6F7;
}
#usercontent table {
 text-align: center;
 font-size: 0.8em;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-left-style: solid;
 border-bottom-color: #177aba;
 border-left-color: #177aba;
 color: #1B2D3C;
}
#usercontent table td{
 border-top-width: 1px;
 border-right-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-top-color: #177aba;
 border-right-color: #177aba;
}
#usercontent table .first {
 text-align: left;
}
#usercontent th {
 color: #FFFFFF;
 background-color: #177ABA;
 white-space: nowrap;
 text-align: center;
}
#usercontent .col21 * {
 font-style: italic;
}
#usercontent .col21 h4 {
 background-color: #177ABA;
 color: #FFFFFF;
}
#usercontent .col22 .col21 * {
 font-style: normal;
}
#usercontent .col21 ul {
 list-style: url(/static/themes/Logmis/images/chevron.gif) inside;
 background-color: #ECF2F2;
 font-size: 14px;
 font-style: normal;
}
#usercontent .col21 li {
 font-weight: bold;
 font-style: normal;
 background: url(/static/themes/Logmis/images/pointille.gif) repeat-x left bottom;
}
#usercontent .col21 ul .dernier {
 background-image: none;
}
#usercontent .col21 a {
 text-decoration: none;
 color: #177ABA;
 background-image: url(/static/themes/logmis/images/chevron.gif) no-repeat left center;
}
#usercontent .col21 a:hover {
 text-decoration: none;
 color: #F5660B;
}
#usercontent .col21 img {
 border-top: 1px solid #D6DCDC;
}
#usercontent .col22 .col21 a {
    text-decoration: underline;
}
#usercontent .col22 .col21 img {
    margin: 0 0 5px 10px;
    border-top: none;
}
/*PIED DU SITE================================*/
#footer {
 text-align:left;
 background: url(/static/themes/Logmis/images/footer.png) no-repeat center top;
}
#footer p {
 font-size:0.8em;
 color:#919CA1;
}
#footer a {
 text-decoration:none;
 color:#2281BD;
 cursor:pointer;
}
#footer a:hover {
 color:#E5680C;
}
#boxAdresse {
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: white;
}
/*=========================================*/
.fiche_produit #capture_ecran {
 padding: 10px 2px 10px 6px;
 background-color: #F2F6F7;
 margin-bottom: 20px;
 margin-top: 10px;
 border: 1px solid #D6DCDC;
 float: left;
 width: 480px;
}
.fiche_produit #capture_ecran a {
 background-color: #FFFFFF;
 display: block;
 float: left;
 font-size: 0.8em;
 color: #768792;
 text-decoration: none;
 text-align: center;
 padding: 1px 1px 3px;
 margin-right: 5px;
}
.fiche_produit #capture_ecran img {
 float:inherit;
 margin: 0px;
 height: 72px;
 width: 113px;
}
.fiche_produit #capture_ecran p {
 padding-bottom: 0px;
 padding-top: 3px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 clear: both;
}
/*Page telechargement------------------------*/
.telechargement {
 padding-top: 30px;
 padding-bottom: 40px;
}
.telechargement #contenu ul, .telechargement #contenu li {
 list-style-type: none;
}
.telechargement #contenu li {
 padding-bottom:20px;
}
.telechargement #contenu li table {
 width: 100%;
 border-bottom: 1px solid #AFC0C8;
}
.telechargement #contenu li p {
 padding:0px;
}
.telechargement #contenu a {
 color: #177ABA;
 text-decoration: none;
}
.telechargement #contenu a:hover {
 color: #F5660B;
}
.telechargement #contenu th {
 text-align: left;
 border-bottom: 4px solid #AFC0C8;
}
.telechargement #contenu td {
 border-left: 1px solid #AFC0C8;
 padding: 3px 5px;
}
.telechargement #contenu th h4 {
 color: #FFFFFF;
 background-color: #AFC0C8;
 float: left;
 padding: 3px 8px 0px;
 font-size: 1.2em;
}
.telechargement #contenu .lien_tel {
 border-right: 1px solid #AFC0C8;
 text-align: center;
 width: 150px;
}
.telechargement #contenu .impair {
 background-color: #F2F6F7;
}
.telechargement #contenu .pair {
 background-color: #FFF;
}
/*Page contact------------------------*/
form #titrage #champ_obli {
 border-top: 1px solid #D6DCDC;
}
/*Page societe------------------------*/
.page_societe {
 padding-top: 30px;
 padding-bottom: 40px;
}
.page_societe #titrage img {
 border-top: 1px solid #D6DCDC;
}
/*==LOGIN===================================*/
#login {
 position:absolute;
 bottom: 27px;
 right: 15px;
}
#login p {
 float:left;
 margin-left:10px;
}
#login label{
 font-size:0.7em;
 color: #177ABA;
}
#login .champ{
 margin-left: 0px;
 background-color: #FFFFFF;
 border: 1px solid #7CA4BC;
 padding: 1px;
 font-size: 0.7em;
 color: #333333;
 width:50px;
}
#login .bouton{
 background-color: #177ABA;
 font-size: 0.7em;
 color: #fff;
 width:auto;
 border:none;
 padding:1px;
 margin-top: 1px;
}
/*==FORMULAIRES===================================*/
form {
 background-repeat: repeat-y;
 background-position: center;
 background-color: #F2F6F7;
 padding-top: 30px;
 border:1px solid #D6DCDC;
}
form h3 {
 color: #84A2BC;
}
form h3 {
 color: #84A2BC;
}
form h5 {
 text-align: right;
}
.formulaire strong {
 color: #FFFFFF;
 text-align: right;
}
form #mention {
 color: #42749A;
 font-size: 12px;
 text-align: right;
}
.rouge {
 color: #990000;
}
form hr {
 color: #FFFFFF;
 background-color: #FFFFFF;
 border-style: none;
}
form label {
 text-align: right;
 font-weight: bold;
 color: #141F2C;
}

form input, form textarea {
 background-color: #FFFFFF;
 border: 1px solid #7CA4BC;
 font: 14px Arial, Helvetica, sans-serif;
 color: #333333;
}
form select {
 border: 1px solid #7CA4BC;
}
form #civilite {
 border: 1px solid #7CA4BC;
}
form #boutons {
 text-align: left;
 border-top: 1px solid #7CA4BC;
}
form #boutons .envoyer {
 font-weight: bold;
 color: #FFFFFF;
 background-color: #42749A;
 border: 0px solid #42749A;
 cursor: pointer;
 font-size: 15px;
}
#retour {
 margin-bottom: 250px;
 background-color: #F2F6F7;
 padding: 10px;
 border: 1px solid #D6DCDC;
}
#retour strong {
 color: #177ABA;
}