/*
CSS
Air-Safety-Security
(c) F. Villard

Coded by Nicolas Villard
*/
/*DEBUG

* {margin: 0; padding: 0;}
div, p {
	border: solid black 1px;
}*/


body { 
	background-image:url(../images/tpl/fond.jpg); 
	font-family: Verdana;
	font-size:10pt;
	color:black;
	border:1px;
}


div.page {
	margin:20px;
	padding:0px;
	background-image:url(../images/tpl/layer.jpg);
	background-repeat:no-repeat;
	width:810px;
	height:810px;
}

div.menu {
	position: relative;
	top: 115px;
	left: 220px;
	width:580px;
	text-align:center;
	font-size:9 pt;
}


div.content {
	position:absolute;
	top:205px;
	left:70px;
	width:720px;
	height:555px;
	padding:0px;
	margin:0px;

}

div.foot {
	position:absolute;
	top:790px;
	left:50px;
	width:760px;
	height:20px;

	text-align: right;
}



a {

	text-decoration:none;
	font-weight:bold;
	color:black;
}
a:hover {

	text-decoration:underline overline;
	font-weight:bold;
	color:red;
}
a.flag:hover {

	text-decoration:none;

}

a.mini {
	font-weight:300;
}

h2.welcome {
	letter-spacing:30px;
	font-size:22pt;
}

p.welcome {
	margin-left:310px;
	text-align:right;
	width:400px;
	height:300px;
}

span.signature {
	font-weight:bold;
	margin:10px;
	letter-spacing:5px;
}
span.foot {
margin-right:50px;
}

img.pdf_logo, img.flag {
	vertical-align:middle;

}
img.flag {
	border: solid black 1px;
}

div.select, select.article {
	margin:0px;
}


div.colonne_thumbs {
	width:180px;
	height:520px;
	overflow: auto;
	border: solid black 1px;
	padding:5px 0px 0px 0px;
	text-align: center;
	margin:0px;
}

p.thumbs {
	margin:10px 0px 0px 0px;
}

img.thumbs {
	border: solid black 2px;
}

img:hover.thumbs {
	border: solid red 2px;
}

span.img_caption {
	font-size:8pt;
	letter-spacing:0.5px;
	font-style:italic;
	width:100%;
}

div.article, div.colonne_thumbs, .colonne {
	float: left;
	display:inline;

}

div.article {
	margin:0px 0px 0px 20px;
	padding:0px;
	height:530px;
	width:510px;

	
}

h1.article_title {
	font-size:11pt;
	letter-spacing:4px;
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
	height:50px;
	font-weight:bold;
}

p.article_img {
	text-align:right;
	width:480px;
	padding: 0px 30px 0px 0px;
	height:345px;
	margin:0px;
	
}
/*
p.article_txt {
	overflow: auto;
	width:500px;
	height:140px;
	font-family:courier;
	font-size:11pt;
	border: dotted grey 1px;
	margin-top:0px;
	text-align:justify;
	padding: 5px;
}
*/
p.article_txt {
	/* ... Ê\*/
	overflow : auto;
	/* ... Ê\*/
	width:500px;
	height:118px;
	font-family:courier;
	font-size:11pt;
	border: dotted grey 1px;
	margin:0px;
	text-align:justify;
	padding: 5px;
}



/********************** Page d'index ******************/

div.index_page {
	width:100%;
	/*border: dotted grey 1px;*/
}

div.index_language_fr, div.index_language_fr, .index  {
	/*float:bottom;*/
	/*border: dotted grey 1px;*/
	margin:0px;
}

div.index, div.index_page {
	text-align:center;
	padding:0px;
	margin-top:15px;
	margin-bottom:15px;
}

h1.index {
	margin-top:50px;	
	letter-spacing:5px;

}
h2.index {
	font-style: italic;
	margin-bottom:75px;
}

a.index_flag_fr, a.index_flag_en {
	text-decoration: none; /* definition du lien qui affichera le calque */
}

a.index_flag_fr:hover, a.index_flag_en:hover {
	background: none; /* correction d'un bug IE */
}

a.index_flag_fr span, a.index_flag_en span {
	display:none;
}


a.index_flag_fr:hover span, a.index_flag_en:hover span {
	display:inline;
   position: absolute; top: 615px; left:0px; right:0px; width:100%;

	text-align: center;
	z-index:100;
}

img.index_flag {
	margin-left:20px;
	margin-right:20px;
	border: solid black 1px;
}

/********************** Page des docs ******************/

div.doc_container {
	width: 100%;
	height: 565px;
	overflow: auto;

}
div.doc {
	border-left: solid black 5px;
	border-bottom: solid black 1px;
	margin-bottom: 15px;

}

img.pdf_icon, div.pdf_doc {
	float:left;
}

div.pdf_doc {
	width:600px;
	
}


h3.pdf_doc {
	font-size:12pt;
	font-weight:bold;
	letter-spacing:5px;
	font-style:italic;
}
p.description {
	padding: 5px;	
	background: white;
	font-size:9pt;
	text-align: justify;
	border: dotted #B8B8B8 1px;

}
p.pdf_foot {
	margin: 0 0 0 10px;
	width: 668px;	
	background: white;
	border: dotted #B8B8B8 1px;
	clear:both;
	line-height:3em;
}

img.lang {
	margin: 0 495px 0 25px;
}
span.pdf_foot {

}

/********************** Page Request account ******************/
.colonne {
	width:200px;
	float:left;
	padding:0px;
	margin:10px 20px;
	text-align:left;
}

.full_line {
	width:100%;
	padding-left:50px;
}

div.form_account_request {
	width:480px;
	border: solid 1px black;
	margin: 20px auto;

}

.intro_account_request {
	text-align:justify;
	font-style:italic;
	font-weight: bold;
}

div.login {
	border: solid 1px black;
	margin: 10px auto;
	padding:15px;
	text-align:center;
	font-weight:bold;
}

input.login {
	margin-right:30px;
}