/*
CMSE SITE FOND :	 #BDD0EE
CMSE SITE POLICE :	 #004090
*/

body {
	/*
	SCROLLBAR-FACE-color: #BDD0EE;
	SCROLLBAR-HIGHLIGHT-color: #9CF;
	SCROLLBAR-SHADOW-color: #BDD0EE;
	SCROLLBAR-3DLIGHT-color: #003366;
	SCROLLBAR-ARROW-color: #FFC10D;
	SCROLLBAR-TRACK-color: #EAF2F7;
	SCROLLBAR-DARKSHADOW-color: #036;
	*/
	margin: 0px; 
}

.defaultbody{
	background-image:url(./img/main/WallPaper.bmp);
	margin : 20px;
}
	
.app_gauche{
	float:left;
	padding-left:0px;
	border : none;
	/*width:10%;*/
}
 
.menu{
	position:relative;
	left:-10px;
	padding:5px;
	font-weight:bold;
	border : none;
}	

.app_bas{
	float:bottom;
	position:fixed;
	border:none;
	height:1%;
	width:100%;
	text-align:center;
} 	  

img {
	border-width: 0px; 
}

a {
	text-decoration: none;
	color:#00F; 
}

a:visited, a:link {
	text-decoration: none; 
}

a:hover {
	text-decoration: underline; 
}

br {
	font-family: tahoma;
	font-size: 7pt; 
}

td {
	color: black;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
} 

.boxes_big h1 {
	background: #007FE0 url(../img/boxes/t_item.gif) left no-repeat;
	color: Black;
	font: bold 10pt tahoma;
	text-align: left;
	margin: 0;
	padding: 2px 11px;
}

.boxes_big h2 {
	background: #e3e4e3;
	font: bold 9pt tahoma;
	margin: 0;
	padding: 1px 5px;
}

.boxes_big li{
	background: #F0F1F2;
	font: bold 9pt tahoma;
	margin: 0;
	padding: 1px 5px;
}

.boxes_big li:hover {
	background-color: #7bf;
}

.pageindex form {
	padding: 5;
	border-top: 1px dotted #AAA;
	border-bottom: 1px dotted #AAA;
}

.box_stats{
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
	color: #666666;
	margin: 4px;}
	
.box_stats h1{
	margin: 2px;
	font-size: 8pt;}
	
.box_stats a{
	background: url(../img/intranet/fnd.gif) no-repeat left;
	display: block;
	font-size: 8pt;
	margin: 2px;
	padding-left: 12px;}

.title_prevnext h1 {
	color: gray;
	font-size: 7pt;
	text-align: left;
	margin: 0;}
	
.title_prevnext a {
	color: red;
	font-weight: normal;
	font-size: 10pt;
	margin: 1px;}

.box_prevnext {
	background: #F4F4F4;
	font-family: tahoma;}
	
.box_prevnext h {
	background: #007FE0;
	color: black;
	font-size: 8pt;
	margin: 0;
	padding: 11px 5px;}
	
.box_prevnext h {
	color: black;
	display: block;
	font-size: 28pt;
	margin: 0;
	padding-left: 12px;
	background: url(../img/intranet/fnd.gif) no-repeat left;}

.list_ress {
	font: 12 tahoma;}
	
.list_ress li:hover {
	background-color: #DDDDDD;}

.header {
	padding: 5px;
	border-bottom: 1px dotted #AAA;}
	
.header h1 {
	font-family: Tahoma;
	font-size: 13pt;
	margin: 1;}
	
.header h2 {
	font-family: Tahoma;
	font-size: 7pt;
	font-weight: normal;
	margin: 1;}

td.cadre_fin {
	font-size: 8pt;
	color: #666666; }

.runbox {
	padding-left: 66px;
	padding-top: 86px;
	width: 363px; 
	height: 181px;
	background: url(../img/tips/style/run.png);
	background-position: 0% 0%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	overflow: hidden;}
	
.scriptstyle {
    font-family: Lucida console; 
    background-color: #add8e6;}
    
.my a {
	font: bold Verdana 13;
	cursor:hand;
	color:#004090;
	margin: 5px;
	background-image: url(../img/menu/fvd.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px; }
	
.my a:hover {
	text-decoration: none;
	color: white; 
}

.my_nok {
	background-color: #F80;
}

.my_ok {
	background-color: #0F0;
}

/***************
Boites ressources 
****************/

	/*Colonne 1 de Boite */
.boxes {
	font-family: tahoma;
	background-color: #F0F1F2;
}

.boxes a {
	text-decoration: none;
	color: white;
}
	
		.boxes a :hover {
			text-decoration: underline;
			color: #d70026; /* #ffc10d;*/
			font-style : italic;
		}


	/*Colonne 2 de Boite */
.boxes h1 {
	background: #9F8C79 no-repeat;
	color: white;
	font-size: 8pt;
	text-align: left;
	margin: 0;
	padding: 1px 11px;
}

.boxes h1:hover {
	background-color: #9F8C79; /*#ffc10d;*/
	font-style : italic;
}
	
.boxes h2 {
	font-weight: normal;
	font-size: 8pt;
	background-color: #e3e4e3;
	margin: 1px;
}

.triangle a, .boitearticles a, .liens a {
	display: block;
	margin: 1px;
	color: black;
	text-align: left ;
	background-repeat: no-repeat;
	background-position: left;
}
	
.triangle a:hover, .boitearticles a:hover {
	background-color: #ffffff /*#7bf;*/
}

.triangle a{
	padding: 1px 0px 1px 12px;
	background-image: url(../img/boxes/triangle.gif);
}

.boitearticles {
	padding-left: 48px;
	background: url(../img/boxes/articles.gif) left no-repeat;
}

.boitearticles a {
	padding: 1px 0px 1px 30px;
}

.boitedefinitions {
	padding-left: 47px;
	background: url(../img/boxes/definitions.gif) left no-repeat;
}

.boitedefinitions a {
	margin: 1px;
	color: black;
	text-align: center;
	}

.boiteeasters {
	padding-left: 65px;
	background: url(../img/boxes/easters.gif) left no-repeat;
	}

.boitefactoids {
	padding-left: 40px;
	background: url(../img/boxes/factoids.gif) left no-repeat;
	}

.boitefaqxp {
	padding-left: 42px;
	background: url(../img/boxes/faqxp.gif) left no-repeat;
	}

.boitefondecran {
  padding-left: 55px;
  background: url(../img/boxes/fondsdecran.gif) left no-repeat;
  }

.boiteblagues {
	padding-left: 50px;
	padding-top: 3px;
 	background: url(../img/boxes/histoiredrole.gif) left no-repeat;
	}

.boitelogiciel {
	padding-left: 48px;
	background: url(../img/boxes/logiciel.gif) left no-repeat;
	}

.boitepocketpc {
	padding-left: 50px;
	background: url(../img/boxes/pocketpc.gif) left no-repeat;
	}

.boitenews {
	padding-left: 40px;
 	background: url(../img/boxes/news.gif) left no-repeat;
	}

.boiteperles {
	padding-left: 40px;
 	background: url(../img/boxes/perles.gif) left no-repeat;
	}

.boitescript {
  padding-left: 50px;
  background: url(../img/boxes/script.gif) left no-repeat;
  }

.boitetips {
	padding-left: 48px;
	background: url(../img/boxes/tips.gif) left no-repeat;
	}

.boitevideosexpress {
	padding-left: 44px;
	background: url(../img/boxes/videoexpress.gif) left no-repeat;
	}

.boitewebcasts {
	padding-left: 50px;
	background: url(../img/boxes/webcasts.gif) left no-repeat;
	}

.boitewhitepaper {
	padding-left: 56px;
	background: url(../img/boxes/whitepapers.gif) left no-repeat;
	}

.boiteessentiels {
	padding-left: 45px;
	background: url(../img/boxes/essentiels.gif) left no-repeat;
	}

.boiteoutils {
	padding-left: 48px;
	background: url(../img/boxes/outils.gif) left no-repeat;
	}

.boitecertifications {
	padding-left: 40px;
	background: url(../img/boxes/certifications.gif) left no-repeat;
	}
	
.boitestar {
	padding-left: 50px;
	background: url(../img/ress/star.gif) left no-repeat;
	}

.liens a{
	font-size: 7pt;
	padding-left: 16px;
	background-image: url(../img/boxes/fbdc.gif); 
	}

a.etoile {
	padding-left: 18px;
	background-image: url(../img/boxes/star.gif);
	}
	
/* Menu droite */

#menugauche td.menuitem a, #menugauche td.menucell, #menugauche td.menusection {
	Border-top: 1px solid #09f;
	border-bottom: 1px solid #039; 
	}

#menugauche td.menuitem a, #menugauche td.menucell {
	padding: 1px 2px 1px 13px;
	background: url(../img/menu/item.gif) no-repeat 4px;
	font-weight: bold;
	font-size: 8pt;
	color: #004090;
	text-decoration: none;
	/*couleur fond menu droit #007FE0 */
	background-color: #BDD0EE; 
	}

#menugauche td.menuitem a {
	display: block;
	/*Hack IE*/
	width: 100%;
	}

html>body #menugauche td.menuitem a { 
width: auto; 
}

#menugauche td.menuitem a:hover {
	background-color: #110068;
color : #FFC10D	}

#tips a {
	display: block;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: #004090;
	text-decoration: none;
	text-align: center;
	font-size: smaller; 
	}
	
#tips a.note1 {
	background: url(../img/menu/star1.png) no-repeat bottom; 
	}
#tips a.note2 {
	background: url(../img/menu/star2.png) no-repeat bottom; 
	}
#tips a.note3 {
	background: url(../img/menu/star3.png) no-repeat bottom; 
	}
#tips a.note4 {
	background: url(../img/menu/star4.png) no-repeat bottom; 
	}
#tips a.note5 {
	background: url(../img/menu/star5.png) no-repeat bottom; 
	}

#footer {
	font: bold 9pt Verdana;
	padding: 5px;
	color: black;
	text-align: center;
	background-color: #004090; 
	}

#footer a {
	color:  #004090; 
}
/****************************
* MENU ONGLET DU HEADER   *
*****************************/

#header > ul a {width:auto;}

#header {
    float:center;
    width:100%;
    /*background:#fffffff url("./img/menu/bg.gif") /*#DAE0D2*/
      repeat-x bottom;
    font-size:93%;
    line-height:normal;
    }
	
#header ul {
    margin:0;
    padding:10px 175px 0;
    list-style:none;
    }
	
#header li {
  float:left;
  background:url(../img/menu/left_both.gif) /*left_both*/
    no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:0px solid #765;
  }

#header #current {
  background-position:0% -150px;
  border-width:0;
  }
#header #current a {
  white-space:nowrap;
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
	
#header a ,#header strong, #header span {
	/* Pour IE Mac uniquement \*//*/   
		float:left;
	/**/
  display:block;
  white-space:nowrap;
  width:.1em;
  background:url(../img/menu/right_both.gif) /*right_both*/
    no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  white-space:nowrap;
  }
  
 /* Listing des sites) */
.bn a {
	font: bold xx-small Tahoma;
	color:#0062a7; 
	}
	
.bn a:hover {
	color: #d70026; /*#ff9900; /*#ffcc00; /*#110068;*/
	font: bold x-small Tahoma;
	font-style : italic ;
	}
	
.bn2 a {
	font: bold x-small Tahoma;
	color:#3366FF; 
	}
	
.bn2 a:hover {
	color: #d70026; /*#ff9900; /*#ffcc00; /*#110068;*/
	font: bold x-small Tahoma;
	font-style : italic ;
	}
	
 .bn3 a {
	color: #765;
	font: x-small Tahoma; 
 }
 
 .bn3 a:hover {
	color: #333; /*#ff9900; /*#ffcc00; /*#110068;*/
	}
  
#eyebrow p {
color:#D7D7D7;
font-size:0.77em;
margin:0;
padding:8px 10px 0;
}

#eyebrow {
background:transparent url(../img/header/bg_sp_eyebrow_1x29.gif) repeat-x scroll 0 0;
height:29px;
left:0;
position:absolute;
text-align:left;
top:0;
width:100%;
z-index:2;
font-size:0.88em;
}

#eyebrow .width {
font-family: "Helvetica Neue",Helvetica,sans-serif;
background:transparent url(../img/header/bkg_eyebrow.gif) no-repeat scroll 0 0;
height:29px;
margin:0 auto;
padding:0 20px;
width:960px;
}

#eyebrow p a {
color:#FFFFFF;
}