body

{

color:#E5E3E3;

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:10pt;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:12pt;

background-color: #14191D;

margin: 0;

padding: 0;



}



div#all /*bloc général avec l'image de fond*/

{

	width: 1000px ; /* fait la taille de la fenêtre, pour adaptation */

	margin: 0;
	margin:auto;

	padding: 0;

	/*text-align: left ;*/

	height: 1600px;

	background: url(../images/background_n.jpg) no-repeat;
	
	background-color: #14191D;
	
	}


div#screen_present1, div#screen_present2, div#screen_present3, div#screen_present4 /* gallerie image ou video? */

{

/*	width: 760px ;

	height: 427.5px;*/
	
	width: 494px ;

	height: 276px;
	
	margin: 0.5em 3em ;

	text-align: left ;

	margin-left: 55px;
	
	margin-top: 220px;

}



div#screen_present1{

	background: url(../images/video_background_01.jpg);

}



div#screen_present2{

	background: url(../images/video_background_02.jpg);

}

	



div#screen_present3{

	background: url(../images/video_background_03.jpg);

}

	

div#screen_present4{

	background: url(../images/video_background_04.jpg);

}

	

div#menu

{

	width: 847px;

	height: 83px;

	margin: 0px 36px 0px 36px ;

	text-align: left;

	/*background: url(../images/jpgheader.jpg);*/

	font-size: 8pt;
}

/*
p#sos{

	position:absolute;

	left: 206px;

	top: 34px;

	margin-bottom:0px;

	margin-left: 0px;

	z-index: auto;

	width: 79px;

	height: 79px;
	
	background-color:aqua;
}*/

div#eye_present{

	position: relative;
	left: 580px;
	top: -250px;
	width: 300px;
	text-align:justify;
	margin-bottom:-100px;	
}



/*p#sos a{

	display:block;

	width: 100%;

	height: 100%;

	border: none;

}*/



p#footer{

padding: 5px;
background-color:#101010
}



img{

	border: none;

}



ul#menu

{

	position:relative;

	padding: 0 ;

	list-style-type: none;

	margin:0;

	margin-left: 20px;

	height: 32px;

	top: 58px;
}



ul#menu2

{

	background-position: left;

	position: relative;

	height: 24px;

	padding: 0;

	padding-left: 1em;

	list-style-type: none;

	/*background: url(../images/subheader.png) no-repeat;*/

	margin: 0;

	margin-left: 120px;

	top: 65px;

	width: 80%;

}



ul#menu li

{

	float: left ;

	text-align: center ;

	padding:0 0 0px 0px; /*usefull for the left corner*/

	/*margin: 1.7em .1em;*/	

	height: 40px;

	width: 70px;

	margin-bottom: 0px;
	
	margin-right: 10px;

}

ul#menu2 li

{

	float: left;

	text-align: center;

	padding: 0 0 0 9px; /*usefull for the left corner*/

	background: url(../images/sub01_n.png) no-repeat left top;
	
	margin-left: 20px;

}



.clearboth{

	clear: both !important;

	margin: 0px !important;

	padding:0px !important;

	height: 0px !important;

	line-height:0px !important;

}



ul#menu li a, ul#menu li a:hover, ul#menu li a:visited

{

font-size:12px !important;

}



ul#menu2 li a, ul#menu2 li a:visited{

	color: white;

}



.clearleft{

	clear:left;

}



/*ul#menu li a

{

	font: verdana;

	line-height: 25px ;

	display: block ;

	font-size: 12px;

	letter-spacing: 0;

	padding-right: .7em;

	text-decoration: none;

	font: 

}*/



ul#menu li a

{

	font: bold 14px Arial Narrow, Arial, Verdana, Helvetica, sans-serif;

	color: #232323;

	text-decoration: none;

	display: block;

	padding-right: 0em;

	padding-top: 5px;

	height: 40px;
	
	padding-top: 20px;

} 

#sos{
	width: 120px !important; /* the important value is needed to get the sos link, bigger than the other links in the menu*/
	height: 100px !important;
	margin-top:-20px;
}

#sos a {
	height:100% !important;
}


ul#menu2 li a

{

	font: bold 12px Arial Narrow, Arial, Verdana, Helvetica, sans-serif;

	text-decoration: none;

	display: block;

	color: white;

	background:url(../images/sub02_n.png) no-repeat right top;

	padding-right: .5em;

} 



/*ul#menu li:hover{

		background:url(../images/menuhover_01.png) no-repeat left top;

}*/



/*ul#menu li:hover{

		/*background:url(../images/test.png);

}



ul#menu li a:hover 

{

	background:url(../images/test.png);
	
	background-color:silver;
	

}*/



ul#menu li#selected {

		/*background:url(../images/selected_01.gif);
		
		/*background:url(../images/selected_01.gif) no-repeat right top;*/
		
		background-color:#1d1d1d;

		height: 60px;

}



ul#menu li#selected a

{

	/*background:url(../images/selected_02.gif);*/
	
	background-color:#1d1d1d;

	color: white !important;

	height: 40px;

}



ul#menu li#selected2 {

		background:url(../images/selected2_01_n.png) no-repeat left top;

	}



ul#menu li#selected2 a

{

	background:url(../images/selected2_02_n.png) no-repeat right top;

	color: white;



}





ul#menu li#subselected {

		background:url(../images/selected_01_n.gif) no-repeat left top;

		height: 30px;

}





ul#menu2 li#subselected a

{
	/*background:url(../images/selected_02.gif) no-repeat right top;*/

	color: #C5D6FE;
}



img.deus{

	width: 50%;

	height:50%;

}



.center{

	text-align: center !important;

	margin: auto;

}





/*h1#header

{

	height: 258px ;

	background-image: url(../images/little_apple.gif) no-repeat left top ;

	margin: 0 ;

}*/



h1#header a

{

	width: 400px ;

	height: 70px ;

	display: block ;

	background: url(../images/title_n.gif)no-repeat;

	position: relative ;

	left: 350px ;

	top: 15px ;

	text-indent: -5000px ;

}/* 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 */



 #present{

 	padding: 2em;

 } 

  

 .backg {

	/*background: url(../images/backg.png);*/
	background-color:#2B2B2B;

 }

 

 .paddingnews{

	padding: 10px;

	padding-bottom: 10px;

}



#newsnumber{

	text-align: right !important;

	font-size: 1em;

	font-weight: bold;

	text-decoration:underline !important;

	padding-right:10px;

}

.newsnumber{

	text-align: right !important;

	font-size: 1em;

	font-weight: bold;

	text-decoration:underline !important;

	padding-right:10px;

}

 

 .backg_content {

	/*background: url(../images/backg_content.png); 	*/
	background-color: #333333;



 }



div#content /*balise contenant les infos */

{

	width: 847px ;

	/*height: 1000px;*/

	margin: 0.5em 3.7em ;
	
	margin-top: 36px;

	text-align: left ;

}



.padding{

padding: 5px;

}





div#content h1

{

	padding-left: 15px;
	font-size: 1em;

	background: url(../images/titleh1_n.gif) no-repeat left top;
	/*background-color:fuchsia;*/

	color: white;

	margin: 0;

	height: 29px;

}





div#content h2

{

	padding-left: 25px ;

	line-height: 25px ;

	font-size: 1em ;

	color: white ;
	
	font-weight: bold;

}



div#content h3

{

	margin-left: 15px ;

	padding-left: 5px ;

	font-size: .9em ;

	color: black ;

}



div#content p

{

	text-align: justify ;

	line-height: 1.7em ;



}



.notopmargin{

	margin-top:0 !important;

}



div#content a, div#content a:hover, div#content a:visited

{

	font-weight: bold;

	text-decoration: none;

	color: white;

}





div.weapons img{

	border:none;	

}



a.gallery{

	margin: 0.5em;

}



a.gallery img{

	border: none;

}



p.blackback{

	background-color: Black;

}



pre

{

	overflow: auto ;

	background: #dea ;

	padding: 5px 0 0 5px ;

	font-size: 1.2em ;

}



div.news

{

	height: 130px ;

	margin: 1em .25em .25em 0em;

	padding: 0 ;
}



div.news p

{

	float: left ;

	text-align: left ;

	margin: 1em 0em 0em 1em;

}

.news_text
{
	width: 610px;
	height: 100px;
	
}


div.weapons

{

	height: 100% ;

	margin: .25em 1em;

	padding: 0 ;

	padding-top: 5px;

}



div.weapons p

{

	/*float: left ;*/

	text-align: left ;

	margin: 1em;

}





ul.basic{

	text-indent: 0;

	font-size: 1em;

}



ul.basic li{

	font-size: 1em;

	line-height: 1.5em;

}



.jianlight {

	float: right;

	width: 400px; /* important */

	margin-left: 25px;

}



.jianlight img{

	width:100%;

}



.jianlight2 {

	float: left;

	width: 400px; /* important */

	margin-right: 25px;

}



.jianlight2 img{

	width:100%;

}



img.minimedia{

	width: 90px;

	height: 51px;
	
	margin: 0px;
	
	padding: 0px;
	
	left: 0px;
}



p.mediadate{

	height: 3em;

}



.fitpict2div{

	width:100%;

}



p.system{

	font-size: .8em;

	font-style:italic;

}



.bold{

	font-weight:bold !important;

}



.italique{

	font-style:italic !important;

}



.underline{

	text-decoration:underline !important;

}



.center{

	text-align:center !important;

}



.justify{

	text-align:justify !important;

}



ul.videos{

	list-style:none;

	padding-top: 10px;

	margin-left: 10px;

	margin-top: 0px;

	margin-bottom:10px;

}



pre span

{

	color: #560 ;

}



pre span.comment

{

	color: #b30000 ;

}

argh{

	margin-bottom: 50px;

}



float-left{

	float: left;

}



p#copyright{

	text-align:center !important;

}



ul#sponsor, ul#sponsor li{

display: inline;

list-style: none;

margin-right: 2%;

}



.formore{

	font-weight: normal;

	font-style: italic;

}



#player{

text-align: center ;

margin: auto;

}

.news_screen{
	background-color: black;
	width: 176px;
	padding: 1px;
	height : 99px;
}

.media_correc{
	margin-left:4px;
}

.interview{
width: 400px;
}

.interviewtest{
width: 200px;
}

.fixinter{
width: 400px !important;
height: 250px !important;
}

.float_l{float: left;}
.float_r{float: right;}
.txt{width: 400px; padding: 10px; }

.mage{padding: 5px; }

.first{}

.clear{clear:both;}

.top60{margin-top: 60px;}

.top210{margin-top: 170px;}

.defhide{
display: none;
}

.faq h5{
color: #fff49c;
}


ul.summary {
list-style-type:none;
font-size:10pt;
font-weight: normal;
}

ul.summary li.sub{
margin-left:20px;
font-size:8pt;
}

h3.eye_title{
color: #fff49c !important;
}

.notoppad{
padding-top: 0px !important;
margin-top: 0px !important;
}

ul.nodeco{
list-style : none;
}

.ta{
width: 30px;
}

.nobtm{
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

ul.gallery-img {
list-style:none;
margin: 0px;
padding: 0px;
}

ul.galleryback {
list-style: none;
background-color:#2B2B2B;
}

ul.gallery-img li , ul.galleryback li  {
float: left;
margin: 4px;
}

ul.gallery-img img, ul.galleryback img  {
margin: 0px ;
padding: 0px;
}

.maninteam{
font-weight: bold;
margin-left: 5px;
}

.funcinteam{
color: #fff49c;
font-style: italic;
margin-left: 30px;
}

ul.team{
list-style:none;
margin: 0px;
padding: 0px;
}

ul.team li{
margin-bottom: 15px;
}