/*
Theme Name: Team-Ordi
Theme URI: http://www.css-astuce.net/
Description: Kit graphique adapté pour le site wordpress de Team-Ordi
Version: 0.1
Author: Nova-Quantum
 
Kit graphique adapté pour le site wordpress de Team-Ordi
 
*/
/* Mise en forme du body */

body { background-color:#fff; background-image:url(images/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}



/* ID(#) - Mise en forme de la page en DIV -  */

#drapeaux { margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom:0; height:45px; width: 855px; padding: 0px 0px 0px 0px;}

#header { margin: 0 auto;height:130px; width: 855px; background-image:url(images/header.jpg); padding: 0px 0px 0px 0px;}
#logo{display:block;position:absolute;width:230px;height:167px;background:url('images/logo.png') top left no-repeat;margin-top:-10px;margin-left:-30px;}
#menu { margin:0 auto 0; height: 42px; width: 548px; background-image:url(images/bgMenuH.gif); padding-left: 182px; padding-right: 125px;}
#menu .separt{background-image:url(images/separateurH.gif); width: 2px;height:42px;display:block;float:left;}
#menu .current_page_item{background-image:url(images/boutonActif.gif);width:89px;}

#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 855px; background-image:url(images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}

#boiteMenuG{float: left;display:block; width: 182px; height: auto; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#boiteMenuG a:link {color: #1a4863; text-decoration: none;}
#boiteMenuG a:visited {color: #1a4863; text-decoration: none;}
#boiteMenuG a:hover {color: #0066ff; text-decoration: none;}

#boiteTexte{
width: 602px; 
height: auto; 
padding: 0; 
padding-top:12px;
margin: 0px;
margin-left:3px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
#boiteTexte .txt{padding: 0 20px;}
#boiteTexte a:link {color: #0066ff; text-decoration: none;}
#boiteTexte a:visited {color: #0066ff; text-decoration: none;}
#boiteTexte a:hover {color: #1a4863; text-decoration: underline;}

#boiteMenuD{float: left; width: 161px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px1;display:none;}
#boiteMenuD a:link {color: #0066ff; text-decoration: none;}
#boiteMenuD a:visited {color: #0066ff; text-decoration: none;}
#boiteMenuD a:hover {color: #1a4863; text-decoration: underline;}

#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 55px; width: 855px; background-image:url(images/footer.gif); background-repeat: no-repeat;}
#footer a:link {color: #0066ff; text-decoration: none;}
#footer a:visited {color: #0066ff; text-decoration: none;}
#footer a:hover {color: #1a4863; text-decoration: underline;}

#copyright {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 32px; width: 855px; text-align:center; background-color: #fff; padding-top: 12px;}
#copyright a:link {color: #0066ff; text-decoration: none;}
#copyright a:visited {color: #0066ff; text-decoration: none;}
#copyright a:hover {color: #1a4863; text-decoration: underline;}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; display:inline; list-style-type: none; }

/* Liste des produits */

.titreP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: normal;}
.descriptionP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0066ff; font-weight: bold; padding-left: 30px;}
.disponibiliteP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: normal; padding-left: 20px;}
.prixP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ec0000; font-weight: bold; text-align: center;}

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3a689b; font-weight: bold;}
.titreMenu {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #ffffff; 
font-weight: bold;
background-image:url(images/menuHG.gif); 
background-repeat:no-repeat; 
background-color:#fff; 
width:182px; 
height: 39px; 
margin: 0; 
padding-top: 8px;
}
.titreMenu .puce{
background: url('images/puceBlanche.gif') center left no-repeat;
padding-left:28px; 
}
.cat-item{display:block;}
.cat-item  a{
background: url('images/puceNoir.gif') center left no-repeat;
height:10px;
margin: 0px 0px 0px 0px; 
padding-top:0px;
padding-left:28px; 
padding-bottom: 4px;
}

.titreMenu_right{
background-image:url(images/menuHD.gif); background-repeat:no-repeat; background-color:#fff; width:161px; height: 39px; margin-top: 0px; margin-bottom: 0px; padding-top: 8px;font-size: 10px; 
color: #ffffff; 
font-weight: bold;
}
.titreMenu_right .puce{background: url('images/puceBlanche.gif') center left no-repeat;
padding-left:28px; }
.menu_right1{background-image:url(images/boiteHD.gif); background-position:bottom; background-repeat: no-repeat; background-color:#fff; width:150px; height: 3px; margin-top: 0px; margin-bottom: 0px; margin-left: 4px; margin-right: 4px;}
.menu_right2{background-image:url(images/boiteBgD.gif); background-repeat: y-repeat; background-color:#fff; width:150px; height: 155px; margin-top: 0px; margin-bottom: 0px; margin-left: 4px; margin-right: 4px;}
.menu_right2{text-align:center;}
.menu_right3{background-image:url(images/boiteBD.gif); background-repeat:no-repeat; background-color:#fff; width:150px; height: 3px; margin-top: 0px; margin-bottom: 5px; margin-left: 4px; margin-right: 4px;}
.texte p{display:inline;text-align:center;padding:0;}
/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}


/* Liens par défault */

a:link {color: #1a4863; text-decoration: none;outline-style:none;}
a:visited {color: #1a4863; text-decoration: none;outline-style:none;}
a:hover {color: #0066ff; text-decoration: none;border:none;outline-style:none;}
a:active{outline-style:none;}
/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau et non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1a4f6c; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1a4f6c; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; text-align:center;}


/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:center;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; border: 1px solid #afc0c8; background-color: #fff; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#383c47; font-weight:normal; margin: 0px 0px 0px 0px;}

.list_product_title{background-image: url(images/produitsBg.gif); height: 23px;}
.list_product_elements{background-image: url(images/elementsBg.gif); height: 35px;}

.top_page{
height:19px;
text-align: right; 
margin-right:12px;
padding-top:4px;
padding-right: 20px;
background : url('images/haut.gif') center right no-repeat;
}

.product_img{
padding:10px;
padding-bottom:2px;
background:#f9f9f9;
border:1px solid #999;
float:right;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.product_img a:hover{text-decoration:none;border:none;}

.ddsg-wrapper{padding-left:20px;}
.ddsg-wrapper h2{display::block;padding-left:30px;background-image:(images/puceNoir.gif);}
.children li{display:block;background:none;margin:0;padding:0 0 0 10px;}
.children li a{background:none;}
.ddsg-wrapper *{display:block;}
.ddsg-wrapper ul li {background: url('images/puceNoirplan-site.gif') top left no-repeat;padding-left:25px;padding-top:0px;}
.ddsg-wrapper ul li ul li {background: none;padding-left:15px;padding-top:0px;}
.ddsg-wrapper ul li ul li ul li {background: none;padding-left:15px;padding-top:0px;}
.post{width:600px;padding: 0 20px;overflow:hidden;}
.page_item{display:block;margin-left:20px;}
.page_nav{list-style:inside square #000;}
.vertical_menu_item{padding-top:15px;background:url(images/separateurH.gif) top left no-repeat;display:block;height:27px;width:120px;float:left;}
.alignleft{float:left;margin-right:10px;}
.alignright{float:right;margin-left: 10px;}
hr{clear:both;margin:15px 0 15px;display:block;}
h4{font-size:14px;}
.horaire_open{background:url(images/pattern.png);}
.horaire_open:hover{background:url(images/1252221959_001_06.gif)top center no-repeat;cursor:pointer;}
.horaire_close{background:url(images/pattern-head.png);}
.horaire_close:hover{background:url(images/1252222104_001_05.gif) top center no-repeat;cursor:pointer;}
.table_horaire tr{border-top:1px solid #000;}
.table_horaire tr td{width:12.5%;height:24px;text-align:center;}
.table_horaire{width:100%;}