/* @override http://www.informatique-moins-cher.com/wp-content/themes/magali/style.css */

/*
   Theme Name: informatique moins cher - couleur
   Theme URI: http://www.informatique-moins-cher.com/
   Description: Theme cree par benoit thibaudeau pour www.informatique-moins-cher.com
   Version: 0.1
   Author: Benoit Thibaudeau
    
   Creation Theme by Benoit Thibaudeau || http://www.informatique-moins-cher.com

*/


/*****************************************************************************
  **                    Structure generale de la page                      **
******************************************************************************/

   /* Donnees concernant tous les parametres generaux de toutes les pages */

   /* Mise en commentaire de l'apparition des scrollbar pour la page */
   html { 
         /* Force Vertical Scrollbar */
            /* IE 
            overflow-y: scroll; */
            /* Moz 
            height: 100%; */

         /* Force Horizontal Scrollbar */
            /* IE 
            overflow-x: scroll; */
            /* Moz 
            width: 100%; */

         }

   /* Suppression des marges de la page */
   * {
         padding: 0;
         margin: 0;
     }

   /* Suppression des bordures bleu autour des images */
   img { border: 0; }

   /* Pour l'aspect general ... fond noir, font 11px de couleur blanche */
   body {
         font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
         color:#FFFFFF;
      	background-color: #216eaa;
      	margin: 0px 0 0 0;
      	font-family:Arial, Helvetica, sans-serif;
      	font-size:12px;
      }

   /* delimite la page sur 1000px*768px */
   #page {
         margin: 0 auto;
         padding: 0px 0px 0px 0px;
         position: relative;
         width: 1000px;
         height:768px
         color:#000000;
      }

   * html #page { width: 1000px } /* IE hack */


/*****************************************************************************
  **                                 Header                                **
******************************************************************************/
   /* Delimite le header sur 115px de haut.*/
      #header {
               position: relative;
               height: 80px;
               width: 1000px;
               padding-bottom: 10px;
               color:#000000;
         }

   /* 
      Permet d'afficher le logo du site en haut à gauche
      Sous forme de lien.
   */
      /* Par defaut */
      #header h1 a{
               background: #336699 url('images/logo-header-01.png') no-repeat;
               height: 80px;
               width:  235px;
               float:left;
               padding-top:0px;
               padding-left:0px;
         }
      
      /* 
         Quand la souris passe sur le logo 
         Je le garde car en chageant l'image ici cela permet
         le cas echeant de modifier l'aspectdu logo quand la 
         souris passe dessus
      */
      #header h1 a:hover{
               background: #336699 url('images/logo-header-02.png') no-repeat;
               height: 80px;
               width:  235px;
               float:left;
               padding-top:0px;
               padding-left:0px;
         }



input.button-ok {
	background-image: url(images/bouton_ok.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt !important;
	font-weight: bold;
	border: none;
	width: 25px;
	height: 25px;
	margin-bottom: 1px;
	margin-left: 5px;
	cursor: pointer;
	color: #005E9C;
	padding-bottom: 3px;
}	



/*=============================================================================
  **                         Menu haut de Page                           **
=============================================================================*/

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #336699 url(images/navbar.png);
	width: 1000px;
	height: 30px;
	font-size: 9px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px 300px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
   padding: 5px 5px 5px 5px;  
   font-size: 12px; 
   font-family: Arial, Helvetica, sans-serif; 
   text-align: left;
   font-weight: bold;
   color: #FFFFFF;
	display: block;
   margin: 0px;
	padding: 9px 20px 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 0px solid #000000;
	}

#nav li a:hover, #nav li a:active {
	background: #010135 url(images/navhov.png);
	color: #FFFFFF;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 170px;
	background: #010135 url(images/navbar.png);
	color: #000000;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #ffab4e url(images/navhov.png);;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 191px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	

#phone {
   width:248px;
   height:74px;
	background: url(images/phone.png) no-repeat;
   margin-top:10px;
   position:relative;
   float:left;
}

/******************************************************************************
   *** Parte centre de la page
 ******************************************************************************/

 #content {
            width:1000px;
            min-height:574px;
            background:#FFFFFF;
 }

 #contenu {
            width:1000px;
            min-height:574px;
            margin-top:-60px;
            background:#FFFFFF url(images/fond_page_total.png) no-repeat;
 }

/******************************************************************************
   *** Menu de gauche 
 ******************************************************************************/

#menuG {
   width:225px;
   min-height: 559px;
   position:relative;
   float:left;
   margin-top:35px; 
}

#menuG ul {
	float: left;
	list-style: none;
	margin: 0px;
   margin-top:45px; 
   padding-top:0px;
   padding-left:0px;
   font-size: 12px; 
   font-family: Arial, Helvetica, sans-serif; 
   text-align: left;
   font-weight: bold;
   color: #FFFFFF;
}
#menuG ul li {
   padding-bottom:2px;
}

#menuG ul li a{
   font-size: 12px; 
   font-family: Arial, Helvetica, sans-serif; 
   text-align: left;
   text-decoration:none;
   font-weight: bold;
   color: #FFFFFF;
}

#menuG_1{ background: url(images/menu_gauche_img_1.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }
#menuG_2{ background: url(images/menu_gauche_img_2.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }
#menuG_3{ background: url(images/menu_gauche_img_3.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }
#menuG_4{ background: url(images/menu_gauche_img_4.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }
#menuG_5{ background: url(images/menu_gauche_img_5.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }
#menuG_6{ background: url(images/menu_gauche_img_6.png) no-repeat; height:30px; width:220px; padding-left:10px; padding-top:8px; }

.mp-formdiv{ background: url(images/menu-g-newsletter.png) no-repeat; height:75px; width:225px; padding-left:10px; padding-top:8px; }
.mp-form { margin-left:40px; margin-top:17px;}

.mp_submit{ 
            background-image: url(images/bouton_ok.png);
            background-position: center;
            background-repeat: no-repeat;
            background-color: transparent;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt !important;
            font-weight: bold;
            border: none;
            width: 25px;
            height: 25px;
            margin-left: 130px;
            margin-top: -17px;
            cursor: pointer;
            color: #005E9C;
            padding-bottom: 3px;
}

/******************************************************************************
   *** Partie droite de la page
 ******************************************************************************/

#partiedroite{ 
               float:left; 
               width:600px; 
               margin-left:360px; 
               margin-top:-520px; 
               color:#005E9C; 
               padding-top:5px; 
}

#partiedroite h1 {font-size:17px; padding-bottom:5px; padding-top:15px;} 
#partiedroite h2 {font-size:15px; padding-bottom:5px; padding-top:10px;} 
#partiedroite h3 {font-size:12px; padding-bottom:5px; padding-top:10px;} 
#partiedroite p { padding-left:10px; padding-right:10px;}
#partiedroite ul {padding-left:20px; padding-right:10px;}
#partiedroite ul li {padding-left:10px;}
#partiedroite ul li, #partiedroite ol li { list-style: url('images/puce.png'); }
#partiedroite li ul li, #partiedroite li ol li { list-style: url('images/puce2.png'); }

/*****************************************************************************
  **                           footer de la page                           **
******************************************************************************/
   /* Delimite le pied de page sur 53px de haut */
      #footer {
         position: relative;
         height: 85px;
         width: 1000px;
         background:#FFFFFF url(images/fond_pied_page.png) no-repeat;
         }	

      #footer_link{
         width:800px;
         height:50px;
         padding-top:35px;
         padding-left:200px;
         color: #7f7156;
         font-size: 9px; 
         font-family: Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
      }

      #footer_link a{
         color: #7f7156;
         font-size: 9px; 
         font-family: Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
         text-decoration:none;
      }

      #footer_link ul {
         float: left;
         list-style: none;
         margin: 0px;
         padding: 0px;
         color: #7f7156;
      }

      #footer_link li {
         float: left;
         list-style: none;
         margin: 0px;
         padding: 0px;
         color: #7f7156;
      }

      #footer_link li a, #footer_link li a:link, #footer_link li a:visited {
            color: #7f7156;
            display: block;
            font-weight: normal;
            margin: 0px;
            padding: 0px 10px 0px 10px;
            text-decoration: none;
            text-transform: uppercase;
            border-right: 0px solid #248ba4;
         }

      #footer_link li a:hover, #footer_link li a:active {
            background: transparent;
            color: #7f7156;
         }