/* ########################################################################### */







/* I. Eric Meyers CSS reset --> http://meyerweb.com/eric/tools/css/reset/      */







/* ########################################################################### */















html, body, div, span, applet, object, iframe,







h1, h2, h3, h4, h5, h6, p, blockquote, pre,







a, abbr, acronym, address, big, cite, code,







del, dfn, em, font, img, ins, kbd, q, s, samp,







small, strike, strong, sub, sup, tt, var,







b, u, i, center,







dl, dt, dd, ol, ul, li,







fieldset, form, label, legend,







table, caption, tbody, tfoot, thead, tr, th, td{







	margin: 0;







	padding: 0;







	border: 0;







	outline: 0;







	font-size: 100%;







	vertical-align: baseline;







	background: transparent;







}







body {







	line-height: 1;







}







ol, ul {







	list-style: none;







}







blockquote, q {







	quotes: none;







}







blockquote:before, blockquote:after,







q:before, q:after {







	content: '';







	content: none;







}















/* remember to define focus styles! */







:focus {







	outline: 0;







}















/* remember to highlight inserts somehow! */







ins {







	text-decoration: none;







}







del {







	text-decoration: line-through;







}















/* tables still need 'cellspacing="0"' in the markup */







table {







	border-collapse: collapse;







	border-spacing: 0;







}























/* ########################################################################### */







/* I. my General HTML tags									 */







/* ########################################################################### */















html, body {







	background-color: #e5e5e5;







	width: 100%;







	line-height: 100%;



	font-family: Calibri, Verdana, sans-serif;



	font-size: 13px;



}







 body {







	height: 480px;







}







h2 {







	font-size: 14px;







	font-family: Arial, Helvetica;







	font-weight: bold;







	text-transform: uppercase;







	padding-bottom:5px;







	padding-top:40px;







	margin-bottom:20px;







	color: #08365D;







	border-bottom: 1px solid #08365D;







}















a{







	display: block;







}







a:link, a:visited{







	text-decoration:none;







}







a:hover {







	COLOR:#000033;







	text-decoration:none;







	background-color:#FFF;







}







img {







	position:relative;







	display: block; 







	margin:auto;







}







ul a {







	padding-right: 5px;			/* was 20 px */







	padding-left: 5px;



/*



	font-family:Calibri, Verdana, sans-serif;





	font-size:13px;



*/



	font-size: 12px;



	font-family: Arial, Helvetica;



	font-style:italic;









	text-align:left;







	display: block;







	line-height: 20px;







	text-decoration: none;







	color: #FFFFFF;











}







ul a:hover {







	color: #000000;







}











table, caption, tbody, tfoot, thead, tr, th, td{



	vertical-align: top;



	}







p {

	

	font-size: 12px;



	font-family: Arial, Helvetica;

}























/* ########################################################################### */







/* II. Structural tags										 */







/* ########################################################################### */















div {







	margin:0px;







	padding:0px;







	font-family:Verdana;







}







/* To set-up the header above frame







#header2 {







	position:relative;		







	width:761px;







	margin:0px auto 0px auto;







	padding:0px 0px 0px 0px;







	top:40px;







	}







 */ 







#header {



	



	float: right;







	position:relative;		







	margin:3px 5px 3px 0px;







	padding:0px 0px 0px 0px;







	}



	











#myframe{







	position:relative;			







	min-height: 100%; 







	height: auto !important; 







	height: 100%; 







	margin: 0 auto -41px; 

	/* margin: 0 auto -2em; */

	



	top: 40px;







	width:761px;



	

	padding: 32px auto 32px auto;

	/* padding: 2em auto 2em auto; */







	/* when no footer padding:0px 0px 0px 0px; */







	background-color:#FFF;







	border:4px solid #4682b4; /* couleur du cadre */







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	border-radius: 10px;







	}











#footer {



	



	clear:both;







	position:relative;







	width:761px;









	margin:56px auto 0px auto;



	/* margin: -7.5em auto 0em auto; */



	background-color:transparent;



	z-index:5;



	}











#menu {







	position:relative;







	float:left;







	width:70px;







	height:108px;







	background-color:#4682b4;







	font-family:Calibri, Verdana, sans-serif;







	font-style:italic;







	font-size:13px;







	text-align:left;







	color:#FFF;







	line-height: 20px;







	padding-top:17px;







	padding-left:5px;







	margin-bottom:0px;







	-webkit-border-bottom-right-radius: 10px;







	-moz-border-radius-bottomright: 10px;







	border-bottom-right-radius: 10px;







	}















#content {







	position:relative;







	display:block;







	width:594px;







	background-color:#FFFFFF;







	clear:none;







	float:left;







	line-height: 17px;







	margin:auto;







	padding-top:0px; 				/* waz 10px */







	padding-left:40px;







	padding-right:40px;







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	-webkit-border-radius: 10px;







	text-align: justify;







	font-size:11px;







	}















#language2{







	width:auto;







	background-color:#FFFFFF;







	position:relative;







	float:right;







	font-size: 13px;







	font-family: Calibri;







	font-style:italic;







	padding: 3px 6px 0px 0px;







	margin: 4px 0px 0px 0px;







	line-height:12px;







	}















#logoseparator {







	width:220px;







	margin:0px auto 0px auto;







	border-bottom: 1px solid #08365D;







	line-height: 0px;







	font-size:1px;	







	/* bordemargin-bottom:10px; */







	}















#navlist li { 







	list-style-type: square;







	list-style-position: outside;







	margin: 2px 0px 2px 30px; 







	padding: 2px 0px 2px 0px;







	text-indent:0px;



	font-size: 12px;



	font-family: Arial, Helvetica;





	}















#menulist li { 







	list-style-type: none;







	margin: auto auto 10px auto;







	width:80px;













}























/* ########################################################################### */







/* III. Custom Classes										 */







/* ########################################################################### */















.headertext{







	background-color:#FFFFFF;







	font-family:Calibri, Verdana, sans-serif;







	text-align: right;







	font-size:13px;







	color:#4682b4;







	}







.footertext{





	font-size: 9px;







	font-family: Arial, Helvetica;





/*

	font-family:Calibri, Verdana, sans-serif;



	font-size:9px;



*/



	text-align: center;















	color:#4682b4;







	}















.menuselected{







	position:absolute;







	/* top:25px; */







	width:90px;      /* was 110px */







	height:20px;







	background-color: #FFFFFF;







	font-family:Calibri, Verdana, sans-serif;







	font-weight: bold;







	font-style:italic;







	font-size:13px;







	text-align:left;







	color: #08365D;







	line-height: 20px;







	z-index:5;



	







	}



.menuselected1{







	top:17px;



	



	padding: 0px 0px 0px 5px;







	}







.menuselected2{







	top:47px;    /* IE6: 50px */



	padding: 0px 0px 0px 5px;







	}







.menuselected3{







	top:77px;	/* IE6: 83px */



	padding: 0px 0px 0px 5px;



	}















.p_logotop {







	color: #08365D;







	font-family:Verdana;







	font-size:30px;







	text-align:center;







	line-height:30px;







	padding:0px 0px 0px 0px; /* Change here the space between line and text */







	margin:0px 0px 5px 0px;







}







.p_logobottom {







	color: #000000;







	font-family:Verdana;







	font-size:13px;	







	font-style:italic;







	text-align:center;







	line-height:14px;







	padding:0px 0px 0px 0px; /* Change here the space between line and text */







	margin:5px 0px 0px 0px;







}











.a_menu{







	COLOR:#FFF;







	}







.a_content{







	COLOR:#4682b4;



	}







.a_content:hover{







	COLOR:#4682b4;







	text-decoration:underline overline;







	}















.Img_photo2 {







	position:relative;







	float: right; 







	margin: 6px 0px 0px 20px;







	border: 1px solid #666666;







	}



.Img_vcard {







	position:relative;







	margin: 0px;







	border: 0px;







	}







.push { 







	height: 4px;







	clear: both;



	



	padding-bottom: 50px;







	}



.legal {

	line-height: 25px;

}







.clearfix:after {content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/



* html .clearfix { height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */