/*

	Author: Perrick PENET & Jetro WILS

*/





body { 

	background-color : #ffffff;

	background-image : url(images/background.jpg);

	color : #000000;

	margin : 0; 

	text-align : center; 

}



div.shadow {

	margin : 0 auto;

	background-color : transparant;

	width : 820px;

	background-image : url(images/shadow.jpg);

	background-position: center top;

	background-repeat: repeat-y;

}



div.enveloppe { 

	background-color : #ffffff; 

	border : 5px solid #ffffff;



	border-top : none;



	width : 780px; 

	margin : 0 auto;

	min-height : 750px; 

}



div#entete { 

	background-color : #ffffff;

	margin-bottom: 10px;

	padding-bottom: 0px;



	height : 250px; 

	line-height : 16pt; 

	text-align : left; 

	

	z-index : 900; 

	background-position : center top;

	background-repeat : no-repeat;

	

}



div.horizontal_line {

	background-image : url(images/horizontal_line.jpg); 

	background-position : center bottom;

	background-repeat : no-repeat;

	clear : both;

/*	margin-top : 10px;		*/

}



div.contenu { 

	background-color : #ffffff;

	margin-top : 20px;

	text-align : left;



	background-image : url(images/globe_background.jpg);

	background-position: center top;

/*	background-repeat: no-repeat;	*/

	background-repeat: repeat-y;

	

	height: auto;

/*	background-color : #ffccff;  */

}



div.trace { 

	background-image : url(images/fond_drapeaux_new.png); 

	background-repeat : no-repeat;

	background-position : top right; 

	padding-left : 0; 

	padding-right : 20px; 

	width : 135px;

	height: 622px;

	float : left;

	margin-bottom: 15px;

}



div.article { 

	margin-left : 180px; 

	margin-bottom : 20px;

	width : 560px; 

	padding-top : 0px;

	color: #003399;

	background-color : transparant;	

}





div.footer { 

	padding-top : 15px;

	padding-bottom : 5px;

	text-align : center; 

	background-color : #ffffff;

}



div.footer a { 

	color: #003399;

}





div.trace ul { border : O; list-style : none; margin-left: 0; padding-left : 0; }

div.trace ul li { border : O; margin-left : 0; margin-bottom : 10px; padding-left : 0; padding-right : 15px; }

div.trace ul li a { font-size : 8pt; text-decoration : none; font-weight : bold; }

div.trace ul li a.article { font-weight : normal; }

div.trace ul li a.stronger { font-size : 11pt; }





div.article p img, div#centered img {

	float: left;

	margin-right: 15px;

/*	margin-top: 10px;	*/

	margin-bottom: 10px;

	border : 1px solid #A3B5DA;

}



h1,h2,h3,h4 { 

	font-family : "Trebuchet MS", "Gill Sans MT", Verdana, Helvetica, Arial;

}



h1 { 

	color : #003399; 

	font-size : 16pt;

	line-height: 20pt;

}



h2 { font-size: 15pt; }



h3 {

	color : #003399; 

	font-size : 13pt; 

	margin-bottom : -10pt; 

}



div.article, div.article p, div.article li {

	font-family : Arial, Verdana, Helvetica;

	font-size : 10pt;

	line-height: 15pt;

}



div.article h1:first-letter {

	float: left;  

	font-size: 1.8em;

}



div.article a {

	color : #003399;

	text-decoration : underline;

	font-weight : bold;

}



div.article a:visited, div.footer a:visited {

	color: #859ECE;

}



div.article a:hover {

	text-decoration: none;

}



p,ul,ol,li,div,address,blockquote,nobr { 

	font-family : Verdana, Helvetica, Arial; 

	font-size : 10pt; 

}





blockquote { margin: 0 40px 15px 0px; padding-left: 40px; }





p.hand { margin-bottom : 2px; padding-bottom : 2px; }





.hand { cursor : hand; }



.in-line, .in-line li { list-style : none; display : inline; font-size : 9pt; padding-left : 20px; }

.mask { display : none; visibility : hidden; }

.new h3 { border : 0; display : in-line; font-size : 10pt; }

.spacer { clear : both; }



.erreur { border : 2px solid #DD3300; padding : 10px; margin : 10px; }

.succes { border : 2px solid #009900; padding : 10px; margin : 10px; }







/*

================

Actualités

================

*/





#news-bg { 

	float : right; 

	background-color : transparant; 

	text-align : center;

	border : solid 1px #A3B5DA;

	height : 290px; 

	position : relative; 

	width : 200px; 

	z-index : 2; 

	padding-top: 5px;

	margin-right: -35px;

	

	margin-bottom: 10px;

	margin-left: 10px;

} 



#news-bg span { /* Title */

	color : #003399; 

	font-size : 11pt; 

	font-weight : bold;

}



div#news-wn { 

	left : 8px;

	top : 30px;

	clip : rect(0, 184px, 260px, 0); 

	width : 184px; 

	height : 260px; 

	overflow : hidden; 

	position : absolute; 

	z-index : 1; 

}



div#news-cnt { position : absolute; z-index : 1; }

div#news-cnt div.news-item { 

	color : #000; 

	height : 260px;

	width : 180px; 

}



div#news-cnt h3 { color : #000; font-size : 12px; margin : 0 0 .5em 0; }  



div#news-cnt p { font-size : 12px; margin : .5em 0 0 0; }	

div#news-cnt ul { font-size : 12px; margin : .5em 0 0 0; padding : 0; }

div#news-cnt ul li { list-style-type : none; margin : .5em 0 0 1em; }



div.news-item, div.news-item p { 

	line-height : 12pt;

}



div.news-item {

/*	border: 1px solid red;	*/

}



#news-cnt {

/*	border: 1px solid green;	*/

	left: 0px;

}

#news-wn {

/*	border: 1px solid brown;	*/

	text-align : center;

	margin-left: 3px;

}







/*

================

Internationalisation

================

*/



#action-bg { 

	float : right; 

	background-color : transparant; 

	text-align : center;

	border : solid 1px #A3B5DA;

	height : 180px; 

	position : relative; 

	width : 136px; 

	z-index : 2; 

	padding-top: 5px;

	margin-right: -40px;

	

	margin-bottom: 10px;

	margin-left: 10px;

} 



#action-bg span {   /* Title */

	color : #003399; 

	font-size : 11pt; 

	font-weight : bold; 

}



div.action-item a p img { 

	border : 0; 

	margin : 0; 

	padding : 0; 

	margin-bottom : 5px;

}



div#action-wn { 

	clip : rect(0, 120px, 160px, 0); 

	height : 160px; 

	left : 8px; 

	overflow : hidden; 

	position : absolute; 

	top : 25px; 

	width : 120px; 

	z-index : 1; 

}



div#action-cnt { position : absolute; z-index : 1; }

div#action-cnt div.action-item {

	height : 160px; 

	width : 120px; 

}

div.action-item, div.action-item a, div.action-item p {

	font-family : Arial, Verdana, Helvetica;

	line-height: 11pt;

	color: #003399;

	text-decoration: none;

	font-style: italic;

}



div.action-item p img { margin-bottom: 3px; }



div#action-cnt h3 { font-size : 12px; margin : 0 0 .5em 0; }  

div#action-cnt p { font-size : 9pt; margin : .5em 0 0 0; }

div#action-cnt ul { font-size : 12px; margin : .5em 0 0 0; padding : 0; }

div#action-cnt ul li { list-style-type : none; margin : .5em 0 0 1em; }







/* Tables in Site  */



table.wikiTable {



/*	width: 100%;  */



    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

    margin-bottom: 10px;    



	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003399;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #003399;

	

	background-color: transparant;  

	

	font-family : Verdana, Helvetica, Arial; 

	font-size : 9pt; 

	line-height : 14pt;	

	

/*	border-collapse: collapse;  							 */	

/*	padding: 10px;			DO NOT USE, IE CAN'T HANDLE THIS */

/*	border-spacing: 10px; 	DO NOT USE, IE CAN'T HANDLE THIS */

	

}



td.wikiTable {



	padding: 7px;

	color: #ffffff;

	background-color: #003399;

	background-image : url(images/bg_table_td_cells_blue_field.jpg);

	vertical-align: top;



}



table.wikiTable a {

	color: #003399;

	text-decoration: underline;

}







/*  ESCIP Typewriter  */

div.sloganESCIPwriter {



	position: absolute;

	top : 207px;

	width : 150px;

	

	background-color: transparant;

	color: #003399;

	text-align : center;



	font-family : Verdana, Arial, Helvetica;

	font-size : 10pt;

	line-height: 12pt;

	text-align : center;

	font-weight : bold;

	

/*	font-style : italic;	*/

}





div.textESCIPwriter {

	margin-top : 30px;

	margin-bottom : 30px;

	margin-right : 10px;

	

	background-color: transparant;

	color: #003399;



	font-family : Arial, Verdana, Helvetica;

	font-size : 9pt;

	line-height: 12pt;

	

/*	border: 1px solid red;	*/

	height: 70px;

}



span.newsTitle {

	color : #003399;

	font-size : 11pt;

	line-height: 15pt;

	font-weight : bold;

}





/* Fading links */



a.fade {

	text-decoration: underline;

}

div.article a.fade:hover, a.fade:hover {

	text-decoration: underline;

}





div.topOfPage {

    margin-left: auto;

    margin-right: auto;

    

    width : 100%;

    text-align : center;

    

/*    border: 2px solid #ffccff;	*/

}





div.languageChoice {

	font-size : 9pt;

	margin-top : 20px;

	vertical-align: middle;

	color : #003399;

}



div.languageChoice img {

	vertical-align: middle;

}



div.languageChoice a, div.languageChoice a:visited {

	color : #003399;

	text-decoration : underline;

}



div.languageChoice a:hover {

	color : #003399;

	text-decoration : none;

}



div.languageChoiceVersion {

	font-size : 8pt;

	margin-bottom : -15px;

}



div.search {

	margin-bottom : 0px;

}





/* Zone pour section d'anciens - FRONT-END

-------------------------------------------------------- */



table.alumniForm { 



/*	width: 100%; 	*/

	

    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

    margin-bottom: 10px;    

	padding-top: 2px;

	padding-bottom: 2px;



	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003399;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #003399;

	

	background-color: transparant;  

}





table.alumniForm, 

table.alumniForm input, table.alumniForm select, textarea.alumniForm,

div.article input, div.article select, div.article textarea {



	font-family : Verdana, Helvetica, Arial; 

	font-size : 10pt; 

	line-height : 13pt;	



}



table.alumniForm td { 

	padding: 7px; 

	color: #ffffff;

}





table.alumniForm a, a.proposeMdP {

/*	color: #ffffff;	*/

	color: #003399;

	text-decoration: underline;

	cursor: default;

}



a.proposeMdP { font-size: 8pt; }





table.alumniForm td.field { 

	background-color: #5275BA; 

	font-weight: bold; 

	background-image : url(images/bg_table_td_cells_blue_field.jpg);

}



table.alumniForm td.one { background-color: #A3B5DA; background-image : url(images/bg_table_td_cells_blue_one.jpg); }

table.alumniForm td.two { background-color: #859ECE; background-image : url(images/bg_table_td_cells_blue_two.jpg); }





h2.error { color: #E20A16; font-size : 12pt; }

h2.ok { color: #7FA732; font-size : 12pt; }