html, body
{
	width: 100%;
	height: 100%;
	text-align: center ;
	font: 0.85em "Trebuchet MS", helvetica, sans-serif ;
	background: url(img/body.gif) repeat-x #4b4b4b ; 
  margin:0;
}

.printonly
{
	display: none ;
}
/* Rend invisible le logo � imprimer, voir print.css */

div#container
{
	width: 994px ;
	margin: 0 auto ;
	top:-10px;
	text-align: left ;
	background: url(img/content.jpg) no-repeat #000;
	position: relative ;
	min-height: 100%;
}

h1#header
{
	height: 258px ;
	background: url(img/header1.jpg) no-repeat left top ;
	margin: 0 0 0 15px ;
}


h1#header a
{
	width: 964px ;
	height: 258px ;
	display: block ;
	background: url(img/h1.png) no-repeat ;
	position: relative ;
	left: -10px ;
}

#commentH1
{
  position:absolute;
  text-align: justify;
  width:425px;
  top:150px;
  left:500px;
  color:#fff;
}
/* On donne les m�mes dimensions au lien, chose
 possible gr�ce � la propri�t� display: block ; qui transforme le lien
  en �l�ment de type block, auquel on peut donner des propri�t�s de taille.
   On met aussi l'image de fond qui a les m�mes dimensions que le cadre ainsi cr�� */
/* Le text-indent n�gatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les synt�ses vocales */


ul#menu
{
	height:35px;
	margin:0px 15px 0px 15px;
	padding:0;
	background:url(img/menu_h.png) repeat-x 0 -25px;
	list-style-type:none;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilis�e en fond, on met ensuite l'image de fond
  avec un d�calage de 25 pixels vers le haut pour utiliser la technique de roll over */
  
ul#menu li
{
	float:left;
	text-align:center;
}
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement et on centre le texte */

ul#menu li a
{
	width:160px;
	line-height:25px;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:5px;
	color:#fff;
	display:block;
	text-decoration:none;
	border-right:0px solid #000;
	margin-top:-2px;
}/* C'est sur les liens que le gros du travail est
 effectu�, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a gr�ce � la propri�t� display: block; */

ul#menu li a:hover
{
	background:url(img/menu_h.png) repeat-x 0 2px;
	color:black;
}
/* L'image de fond se d�cale au passage de la souris pour laisser apara�tre l'�tat survol� de l'image */

/* Le menu vertical */
#menuverticale 
{
    list-style: none;
    margin: 150px 0 0 -230px;
    width: 160px;
	position: absolute;
}
#menuverticale a
{
	color:white;
    text-decoration:none;
	display:block;
}
#menuverticale li  
{
	line-height:25px;
	letter-spacing:1px;
    color:#fff;
	border:0px solid #000;
    background:url(img/menu3.png) no-repeat 0 -25px;
	text-align:center;
}
#menuverticale li a:hover 
{
    background:url(img/menu3.png) no-repeat 0 0px;
	color:#f60;
}
.h2_menu_verticale
{
	color:white;
	text-align:center;
	border:0px solid #fff;
	background:url(img/h2_v.png) no-repeat;
	display:block;
    width:160px;
	line-height:25px;
	font-size:1.1em;
	text-indent:0em;
	font-weight:bold;
}
.menu_verticale_footer img
{
	margin-left:0px;
	margin-bottom:20px;
	border:0px;
	text-indent:0em;
}
.menu_verticale_footer
{
	text-indent:0em;
}
/* FIN du menu vertical */
 
 /* DEBUT CHEMIN DE NAVIGATION */
#navigation
{
	position:absolute;
	z-index:1;
	right:116px;
	margin-top:10px;
}
#navigation a
{
	border:1px solid white;
	margin-right:5px;
	padding:0px 5px 0px 5px;
	text-align:center;
}
 /* FIN CHEMIN DE NAVIGATION */
 
 
div#content
{
	padding:0 120px 5em 200px;
	color:#fff;
}

div#content h2
{
	padding-left:40px;
	line-height:35px;
	font-size:1.4em;
	background:url(img/h2.png) no-repeat left bottom;
	color:#fff;
	border-bottom:2px solid #fff;
}

div#content h3
{
	margin-left:15px;
	padding-left:25px;
	border-bottom:0px solid #fff;
	background: url(img/h3.png) no-repeat 5px 2px;
	color:#fff;
	text-decoration:underline;
}

.h3_bis
{
	color:#f60;
	font-size:1.5em;
	font-weight:bold;
	bottom:-10px;
	position:relative;
}

div#content p
{
	text-align:justify;
	text-indent:2em;
	font-size:1.3em;
	line-height:1.5em;
	color:#fff;
}

div#flagsbox 
{
	position:absolute;
	right:20px;
}

div#flagsbox img
{
	border:0;
}


/* DEBUT PAGE HOME  */
div#box
{
	margin-top:25px;
	margin-left:20px;
	width:900px;
	height:600px;
	color:#000;
	font-size:1.1em;
}
div#box img
{
	border:0px;
}
#box_a
{
	float:left;
	width:580px;
        margin-left: 10px;
}
#box_b
{
	float:left;
	width:285px;
	margin-left:10px;
}
#box_c
{
	float:left;
	width:250px;
        margin-top: 40px;
	margin-left:40px;
}
#box table 
{
	border:0px solid #fff;
	background:url(img/box_table.jpg) no-repeat;
	margin-bottom:-10px;
}
div#box_a p
{
	font-size: 1.0em ;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	text-align:justify;
	text-indent: 0em ;
	line-height: 1.4em ;
	color:#000;
}
div#box_c td
{
	border:0px solid #fff;
	width:250px;
	text-align:left;
}
div#box_b td
{
	padding-left:10px;
	padding-right:10px;
	text-align: justify;
}
.box_img_events
{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	float:left;
}
.box_img_information
{
	margin-left:-2px;
	margin-top:7px;
	margin-bottom:4px;
}
.box_img_products
{
	margin-bottom:5px;
	margin-left:2px;
}
div#box h4
{
	color:#000;
	background:url(img/box_b_h4.png) no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	margin-top:5px;
	padding-top: 8px;
	margin-bottom:-10px;
	text-align: center;
	height:40px;
}
 .box_link
{
	margin-left:10px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration:none;
	color:white;
}
div#box_a a
{
	color:white;
	font-weight: bold;
}
div#box_b a
{
	color:white;
	font-weight: bold;
}
div#box_c a
{
	color:#000;
	text-decoration:none;
	padding-top:5px;
	display:block;
}
#box_c a:hover
{
	color: #fff ;
	text-decoration:none;
	background: url(img/box5_hover.gif) no-repeat;
	display:block;
}
div#box hr
{
	margin-bottom:-5px;
}
div#box1_footer img
{
	margin-top:4px;
	margin-bottom:0;
}
div#box2_footer img
{
	margin-top:11px;
}
div#box3_footer img
{
	margin-top:11px;
}
div#box4_footer img
{
	margin-top:6px;
}
div#box5_footer  img
{
	margin-top:6px;
}
div#box4_footer a:hover
{
	background: none;
}
div#box5_footer a:hover
{
	background: none;
}
#home_inria
{
	margin-top:10px;
	color:white;
}
#home_inria img
{
	margin-right:10px;
	border:0px;
	float:left;
}
/* FIN PAGE HOME  */

#boxVCTop, #boxVCBottom
{
  position:relative;
  width:800px;
}
#boxVCTop img, #boxVCBottom img
{
  border:0;
}
.boxVCText
{
  width:300px;
}
#boxVCTop
{
  margin-bottom: 40px;
}
/*#boxV1
{
  height:;
}
#boxV3
{
  height:;
}
#boxC1
{
  height:;
}
#boxC3
{
  height:;
}*/
#boxV2, #boxV4, #boxC2, #boxC4
{
  position:absolute;
  top:0;
  left:320px;
}


/* DEBUT PAGE EXECUTIVE TEAM */
.img_team
{
	margin-bottom:90px;
}
.img_team  img
{
	float:left;
	margin-right:15px;
}
/* FIN PAGE EXECUTIVE TEAM */

.img_cuda1
{
	float:right;
}
.img_cuda2
{
	float:left;
	margin-right:20px;
}


#news_news
{
	font-size: 1.1em ;
}

#news_events
{
	width:650px;
	font-size: 1.1em ;
}
#news_events td
{
	width:600px;
}

/* DEBUT PAGE PHOTO */
#photo_boeing 
{
	width:900px;
	margin-left:-25px;
}
#photo_boeing a img
{
	float:left;
	border:0;
	margin-right:10px;
	margin-bottom:10px;
}/* FIN PAGE PHOTO */


/* DEBUT MENU VIDEO */
#menu_videos
{
	position:relative;
	
}
#menu_videos h2
{
	margin-top:-10px;
}
#menu_videos h3
{
	margin-bottom:5px;
}
.choose_videos
{
	float:left;
	width:300px;
	height:176px;
	margin-top:-10px;
	margin-bottom:70px;
	margin-right:30px;
}
.choose_videos img
{
	border:0px solid white;
}
.catVideo
{
  position:relative;
  height:500px;
}/* FIN MENU VIDEO */

#imgvideos_box img
{
	margin:0 0 0 180px;
	border:0px;
}

#box_videos
{
	margin-left:100px;
}

#dtc5_col1
{
	float:left;
	width:250px;
	margin-right:20px;
}
#dtc5_col2
{
	float:left;
	width:400px;
	margin-bottom:50px;
}
#em0
{
	text-indent:0em;
	font-size:1.3em;
}

#contact_img
{
	float:left;
	margin-right:40px;
}
#contact
{
	margin-left:410px;
	margin-top:50px;
	padding:20px;
	text-indent:0em;
	font-size: 1.2em ;
	font-weight: bold ;
	background:url(img/contact_box.png) no-repeat;
	color:black;
}

#contact_footer
{
	margin-left:150px;
	margin-bottom:60px;
	color:white;
}


#listDTC5
{
  font: 1.4em "Trebuchet MS", helvetica, sans-serif ;
}

/* DEBUT FORMAULAIRE PAGE CONTACT & NEWSLETTERS */
#form
{
  width: 530px;
}
#form span
{
	margin: 2px 0;
	text-indent:0em;
}
/* fieldset , legend */
#form fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}
#form fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.3em;
	color: #f60;
	font-weight:bold;
}
/* Label */
#form label
{
	background:url(img/form_label.png);
	color:black;
	border:0px solid #f60;
	display: block;
	width: 95px;
	height:20px;
	float: left;
	padding-right: 1%;
	text-align: center;
}
#form label:hover
{
	font-weight: bold;
}
/*textarea*/
#form textarea
{
	margin-left: 1%;
	width: 400px;
	height:200px;
	border: #CCC 1px solid;
}
/* Input */
#form input
{
	margin-left: 1%;
	width: 400px;
	border: #CCC 1px solid;
	margin-bottom:10px;
}
#form input:hover, #form input:focus, #form textarea:hover
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}
/* button submit */
#form input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 100px;
}
#form input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}
#form input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 100px;
}
#form input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}
label#label_letters
{
	width:144px; 
	background:url(img/form_label_letters.png); 
	margin-top:5px; 
	margin-left:10px;
}
/* FIN FORMAULAIRE PAGE CONTACT & NEWSLETTERS */

/* DEBUT FORMAULAIRE WP */
#formDoc fieldset
{
  background:#333;
  width:322px;
  border:1px solid #f60;
  margin:5px 5px 5px 220px;
  padding:5px;
}
#formDoc legend
{
  color:#F60;
  font-weight:bold;
}
#formDoc input[type="text"]:hover, #formDoc input[type="text"]:focus
{
	border:2px solid #999;
	background-color: #DDEEFF;
}
#formDoc input[type="text"]
{
  width:242px;
  margin-bottom:5px;
}
#formDoc input[type="submit"]
{
	border: #DDEEFF 1px solid;
  background-color: #a0cc82;
	width: 321px;
}
#formDoc input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}
#formDoc input[type="submit"]:active
{
  border:1px solid #66CC33;
}
label.labelDoc
{
  
  display:block;
  width:73px;
  float:left;
}
/* FIN FORMAULAIRE WP */

/* COLORATION DES BALISE <li> */
.li
{
	color:white;
	font-size: 1.3em ;
}
/* FIN DE COLORATION DES BALISE <li> */

.div_training_readmore img 
{
	display: none;
}

.div_training_readmore
{
	margin-left:300px;
	display: block;
	width:228px;
	height:50px;
	background-image:url(img/training_readmore.png);
}

.div_training_readmore:link
{
	background-position:0 0;
}
.div_training_readmore:hover
{
	background-position:0 -50px;
} 

.bold
{
	color:#fff;
	font-weight:bold;
}

.link a:link 
 {
	color:#f60;
	text-decoration:none;
	background-color:transparent;
}
.link a:visited 
{
	color:#f60;
	text-decoration:none;
	background-color:transparent;
}
.link a:hover 
{
	color:#f60;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}
.link a:active 
 {
	color:#c73;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}


/* DEBUT MENU SUPERNOTE*/
/* "fallback" links for non-CSS supporting browsers. */
.fallback 
{
	display: none;
}
/* Here's our default note styles. */
.notedefault, .notenested 
{
	position: absolute;
	visibility: hidden;
	top: 1.5em;
	left: 2em; 
	width: 160px;
}
.notedefault 
{
	list-style: none;
	padding: 0;
	border: 1px solid black;
	background-color: #414141;
	color: white;
	z-index:10;
}
.notenested 
{
	width: 160px;
	padding: 3px;
	border: 1px solid #963;
	background-color: #C96;
	color: white;
}
/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack 
{
	margin-left: 5px;
	margin-top: 15px;
}
/* Headings within notes */
.notedefault li 
{
	margin:0 0 0 0;
	padding:0;
	text-align:center;
}
.notedefault li a {
	display: block;
	line-height: 26px ;
	font-size: 1em ;
	letter-spacing: 1px ;
    text-decoration: none;
	border-top:1px solid black;
	color: white;
    background: url(img/menu2.gif) 0 0;
}
.notedefault li a:hover 
{
    opacity: 1;
    filter: alpha(opacity:100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    background: white;
    color: #000;
}
/* Note close marker is only shown within pinned notes. */
.note-close 
{
	float: right;
	margin-top: 2px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	color: black;
	text-decoration: none;
	visibility: hidden
}
.snb-pinned .note-close 
{
	visibility: inherit;
}
/* FIN MENU SUPERNOTE*/

#footer_margin
{
	margin-top:50px;
  position:relative;
  color:#fff;
}
#footer 
{
	margin-left:150px;
	color: #fff ;
	font-size: 1.0em ;
}
#footer_credits
{
	margin-left:200px;
	color: #fff ;
	font-size: 1.0em ;
}

.warning
{
  font-weight:bold;
  color:red;
}
.bigPolice { font-size:1.4em; }
.bold { font-weight:bold; }
.justify { text-align:justify;}
.centerI { text-align:center; }
.centerB { margin:0 auto; }
.borderHover, .border { border:3px solid grey; }
.borderHover:hover { border:3px solid #f60; }
.noBorder { border:0; }
.margin1 { margin-left:90px; }
.margin2 { margin-left:455px; }
.linkLeftWP, .linkMiddleWP, .linkRightWP { position:absolute; }
.linkLeftWP { left:280px; }
.linkMiddleWP { left:540px; }
.linkRightWP { right:112px; }

.overlay
{
  width: 100%;
  height: 100%;
  position: absolute; 
  top: 0; 
  left: -110px; 
  display: none; 
  z-index: 999;
  background: rgba(0,0,0,0.7);
}
.overlay a
{
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
}
.overlay_container img
{
  background: #ffffff;
  padding: 10px;
}
.overlay:target { display: table; }

a.tooltipImgWPIC
{
  position: relative;
  color: black;
  text-decoration: none;
  margin-left:80px;
}
a.tooltipImgWPIC span
{
  display:none; /* on masque l'infobulle */
}
a.tooltipImgWPIC:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on d�finit une valeur pour l'ordre d'affichage */
  cursor:hand; /* on change le curseur par d�faut en curseur d'aide */
}
a.tooltipImgWPIC:hover span
{
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propri�t� white-space pour qu'il n'y ait pas de retour � la ligne non-d�sir� */
  top:-60px; /* on positionne notre infobulle */
  left:230px;
  background: white;
  color: #f60;
  padding: 3px;
  border: 1px solid #f60;
  border-left:4px solid #f60;
  border-right:4px solid #f60;
}

div#content .boxReference
{
  position:relative;
  width:674px;
  background-color: white;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:20px;
}
div#content .boxReference p
{
  color:black;
}
div#content .boxReference tr
{
  height: 100px;
  border:1px solid blue;
}
div#content .boxReference tr
{
  border:1px solid red;
}
div#content .boxReferenceTdImg
{
  position:relative;
  width:200px;
  text-align: center;
}
div#content .boxReferenceTdImg img
{
  border:0;
}
div#content .boxReferenceTdText p
{
  text-indent: 0;
  font-size: 13px;
  color:#888;
}
div#content .boxReferenceTdText a
{
  margin-left:20px;
  color:#555;
  font-weight: bold;
  text-decoration: none;
  font-size:15px;
}
div#content .boxReferenceTdText a:hover
{
  text-decoration: underline;
}