@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "2col_left_13"
 * (de) Zentrales Stylesheet - Beispiellayout "2col_left_13"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_slidingdoor.css);
@import url(../yaml/navigation/nav_vlist.css);
@import url(my_screen/basemod.css);
@import url(my_screen/basemod_2col_left_13.css);
@import url(my_screen/content.css);
@import url(my_screen/web_mod.css);

/* import print layout | Druck-Layout einbinden */
/*@import url(../yaml/print/print_003_draft.css);*/


/* YM 17/09/09 - Style du bouton gotsm */
#main a.gotsm{
	display: block;
	background: url(../images/gotsm_fr.jpg) top left;
	width: 200px;
	height: 200px;
	margin: 30px auto;
	padding: 0;
}

#main a.gotsm:hover{

	background: url(../images/gotsm_fr_over.jpg) ;
}


#main a.gotsm_de{
	display: block;
	background: url(../images/gotsm_de.jpg) top left;
	width: 200px;
	height: 200px;
	margin: 30px auto;
	padding: 0;
}

#main a.gotsm_de:hover{

	background: url(../images/gotsm_de_over.jpg) ;
}

#main a.gotsm_en{
	display: block;
	background: url(../images/gotsm_en.jpg) top left;
	width: 200px;
	height: 200px;
	margin: 30px auto;
	padding: 0;
}

#main a.gotsm_en:hover{

	background: url(../images/gotsm_en_over.jpg) ;
}
/* fin YM 17/09/09*/


/* YM 11/12/09 - Style du bouton BaselWorld */
#main a.baselworld{
	display: block;
	background: url(../images/bw_fr_normal.jpg) top left;
	width: 200px;
	height: 200px;
	margin: 30px auto;
	padding: 0;
}

#main a.baselworld:hover{

	background: url(../images/bw_fr_over.jpg) ;
}

#main a.baselworld_de{
	display: block;
	background: url(../images/bw_de_normal.jpg) top left;
	width: 200px;
	height: 200px;
	margin: 30px auto;
	padding: 0;
}

#main a.baselworld_de:hover{

	background: url(../images/bw_de_over.jpg) ;
}

/* fin YM 11/12/09 */


/* YM 19/08/10 - style news, gagnat concours EPHJ */
.imgGagnantConcours{
	padding: 10px;
	background: #FFFFFF;
	border: #AAAAAA solid 1px;
	margin-top: 20px;
}

.legendeGagnantConcours{
	width: 370px;
	text-align: justify;
	margin: 20px 0;
	font-style: italic;
	font-size: 12px;
}

#divGagnantConcours{
	height:598px;
	flaot:right;
	position:relative;
	margin-top:-598px;
	margin-left:410px;
	padding-top:90px;
	font-size:14px;
	padding-left:50px;
	line-height:1.3em;
	padding-right:50px;
	color:white;
	margin-bottom:7px;
	line-height:1.2em;
	color: black;
	text-align: center;
}	

#divGagnantConcours h2{
	font-size:22px;
	line-height:1em;
	color: #7F786F;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}


#lnk_imgGagnantConcours{
	font-size:12px;
	display: block;
	width: 370px;
	text-align: center;
}

/* fin YM 19/08/10 */



/* YM 02/02/11 */
.tsm_table{
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
	margin: 30px 0px;
}

.tsm_table th, .tsm_table td{
	border: 1px solid #DDDDDD;
	padding: 2px 10px;
	text-align: center;
}

.tsm_table th{
	background: #DDDDDD;
	font-size: 14px;
}

.tsm_table tr.top3 td{
	font-weight: bold;
	background: #EBF1F4;
	color: #37748E;
}

/* fin YM 02/02/11 */


/* YM 09/12/2011 */
ul.privi{
	clear: both;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.privi li{
	margin: 5px 0 0 10px;
}

ul.privi li.pdf{
	background-image: url(../images/page_white_acrobat.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
}

ul.privi li.connexion{
	background-image: url(../images/application-browser.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 20px;
}

ul.privi li.mail{
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 20px;
}

#info_acces{
	border: #CFE5FF solid 1px;
	padding: 10px;
	color: #999999;
	background: #EFF6FF;
}

#info_acces h4{
	background: #EFF6FF url(../images/information.png) no-repeat  0 15px;
	padding-left: 20px;
	float: none;
}

#info_acces h5{
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 10px;
}

h1.privi{
	background: #FFFFFF url(../images/bg_titre_privi.png);
	padding: 20px 10px;
	/*color: #555555;*/
}
/* fin 09/12/2011 */


.info {
	background: #EFF6FF url(../images/information.png) no-repeat  10px center;
	padding: 10px 10px 10px 35px;
	border: #CFE5FF solid 1px;
}