@import url('corps.css');

select {width:180px;}
input, textarea, select { border:1px solid #81b9e4; margin-bottom:18px;}
optgroup {text-decoration:none; color:#208BE1;}
option {color:#333333;}

blockquote {border: 1px solid #d4d4d4; margin-top:3px; padding:5px; background-color:#eff5f9;}

.notes { font-size:10px; }
.merci {font-size:11px; color:#FF6600;}
.categorie { display:block; padding-top:3px; font-size:11px; color:#208BE1;}
.orange {color:#FF6600;}

p.droite {float:right;}
p.gauche {float:left;}
#sidebar p {padding-left:10px;}

h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1; padding-bottom:20px;}
.copieh1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1;}

label.admin {display:block; width:100px; float:left;}
label.add {	display:block; width:150px;	float:left;}


a.orange {color:#FF6600;}


#icones a {text-decoration:none; color:#3b7cae;}
#icones a:hover {color:#fa8e0f;}
#content a {text-decoration:none; color:#006699;}
#content a:hover {color:#f99a29;}
#footer a {text-decoration:none; color:#3b7cae;}
#footer a:hover {color:#fa8e0f;}

.rss {margin-left:25px; height:64px; width:128px;}
.cat {margin-left:10px; height:30px; width:170px; border-right:1px solid #ddd;  background-image:url(../img/categories.png); background-repeat:no-repeat;}

#icones img { border:0; vertical-align:bottom; padding-left:15px;}

/* 2 DIV DE PRESENT */

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0;}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:280px;margin-right:10px;padding: 5px; font-family:Verdana; font-size:12px;}
li#mission{background: #E7F1F8}
li#services{background: #E7F1F8}
ul#intro li#more{margin-right:0;/*background: #efdeff*/}
ul#intro p,ul#intro h3{margin:0;padding:5px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;font: lighter 150% "Trebuchet MS",Arial sans-serif;color: #208BE1;}



/* PAGINATION */

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none;
	color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 0px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}




/* MENUS 
**********************************************************/

div#menuhaut{background:#BBD9EE;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}


/* MENU SIDEBAR */

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:180px; height:340px;/* background:#fff; border:1px solid #ddd;*/ border-width:1px 0 1px 1px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:180px; height:42px; float:left; border-right:1px solid #ddd;}

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.menu li.sub a {background:url(../img/icones/grey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(../img/icones/blue.gif) no-repeat 150px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(../img/icones/blue.gif ) no-repeat 150px center; color:#06f;}

.menu li.societe {background:url(../img/icones/menu/societe.jpg) no-repeat 10px center;}
.menu li.entreprises {background:url(../img/icones/menu/entreprises.jpg) no-repeat 10px center;}
.menu li.divers {background:url(../img/icones/menu/divers.png) no-repeat 10px center;}
.menu li.os {background:url(../img/icones/menu/OS.png) no-repeat 10px center;}
.menu li.jeuxvideo {background:url(../img/icones/menu/jeuxvideo.png) no-repeat 10px center;}
.menu li.ordinateur {background:url(../img/icones/menu/ordinateur.png) no-repeat 10px center;}
.menu li.internet {background:url(../img/icones/menu/internet.png) no-repeat 10px center;}
.menu li.multimedia {background:url(../img/icones/menu/multimedia.png) no-repeat 10px center;}

.menu li.france {background:url(../img/icones/menu/fr.png) no-repeat 8px center;}
.menu li.eu {background:url(../img/icones/menu/eu.png) no-repeat 8px center;}
.menu li.apple {background:url(../img/icones/menu/apple.png) no-repeat 8px center;}
.menu li.microsoft {background:url(../img/icones/menu/microsoft.png) no-repeat 8px center;}
.menu li.windows {background:url(../img/icones/menu/windows.png) no-repeat 8px center;}
.menu li.macos {background:url(../img/icones/menu/macos.png) no-repeat 8px center;}
.menu li.linux {background:url(../img/icones/menu/linux.png) no-repeat 8px center;}
.menu li.jeuxpc {background:url(../img/icones/menu/jeuxpc.png) no-repeat 8px center;}
.menu li.ps {background:url(../img/icones/menu/ps.png) no-repeat 8px center;}
.menu li.xbox {background:url(../img/icones/menu/xbox.png) no-repeat 8px center;}
.menu li.wii {background:url(../img/icones/menu/wii.png) no-repeat 8px center;}
.menu li.pc {background:url(../img/icones/menu/pc.png) no-repeat 8px center;}
.menu li.mac {background:url(../img/icones/menu/mac.png) no-repeat 8px center;}
.menu li.composants {background:url(../img/icones/menu/composants.png) no-repeat 8px center;}
.menu li.logiciels {background:url(../img/icones/menu/logiciels.png) no-repeat 8px center;}
.menu li.fai {background:url(../img/icones/menu/fai.png) no-repeat 8px center;}
.menu li.sites {background:url(../img/icones/menu/sites.png) no-repeat 8px center;}
.menu li.iphone {background:url(../img/icones/menu/iphone.png) no-repeat 8px center;}
.menu li.tel {background:url(../img/icones/menu/tel.png) no-repeat 8px center;}
.menu li.ipod {background:url(../img/icones/menu/ipod.png) no-repeat 8px center;}
.menu li.grammaire {background:url(../img/icones/menu/grammaire.png) no-repeat 8px center;}
.menu li.inclassable {background:url(../img/icones/menu/inclassable.png) no-repeat 8px center;}


.menu :hover ul
{width:150px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:150px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:150px; height:25px; line-height:25px; text-indent:29px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(breadcrumbs/grey.gif) no-repeat 100px center; color:#777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(breadcrumbs/blue.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}



/* BOUTONS
*******************************************************************************/

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 6px 7px;   /* Links */
  
  border:0.1em solid #dedede;
  border-top:0.1em solid #eee;
  border-left:0.1em solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:5px 10px 5px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:0.1em solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Valider */
.positive {
  color:#2c78ad;
}
a.positive:hover, button.positive:hover {
  background-color:#c2dbef;
  border:0.1em solid #80b4d8;
  color:#2c78ad;
}
a.positive:active {
  background-color:#529214;
  border:0.1em solid #529214;
  color:#fff;
}

/* ERREUR */
.negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:0.1em solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:0.1em solid #d12f19;
  color:#fff;
}