@charset "utf-8";
/* CSS Document */
body{
	}
	
#container{
	width:816px;
	margin:auto;
	}
.bg {
	background-image:url(../images/bg.jpg);
	background-position:120px 300px;
	background-repeat:no-repeat;
	}

#top{
	height:90px;
	}

#bg_sec {
	width:816px;
	height:438px;
	margin-top:6px;
	margin-left:1px;
	
	}
	
#projets_sec {
	background:url(../images/projets_sec.jpg) no-repeat;
	width:23px;
	height:438px;
	float:left;
	}
	
#img_sec {
	width:299px;
	height:438px;
	float:left;
	}
#bte_koine_sec {
	background:url(../images/bg_sec_koine.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}
#bte_canadiens_sec {
	background:url(../images/bg_sec_canadiens.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}
#bte_olympiques_sec {
	background:url(../images/bg_sec_olympique.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}
#bte_us_mint_sec {
	background:url(../images/bg_sec_us_mint.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}
#bte_luxembourg_sec {
	background:url(../images/bg_sec_luxembourg.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}
#bte_wmf_sec {
	background:url(../images/bg_sec_wmf.jpg) no-repeat;
	width:493px;
	height:438px;
	float:left;
	}

#texte_sec{
	width:300px;
	margin-top:70px;
	margin-left:70px;
	}
	
#texte_sec p{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
	color:#FFFFFF;
	}	

#pub{
	width:816px;
	height:219px;
	margin-top:6px;
	padding:1px 0px 0px 1px;
	border-top:1px solid #56A1C8;
	border-left:1px solid #56A1C8;
	}
	
#header {
	width:570px;
	height:60px;
	float:right;
	}
	
#header_bg {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-top:20px;
	width:570px;
	height:60px;
	float:right;

	}
	
#langue {
	text-align:right;
	}

#langue a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	color:#2b7792;
	}
	
	
#menu{
	text-align:right;
	float:right;
	width:570px;
	height:20px;
	padding-top:40px;
	}
	
#menu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	padding:0px 3px 0px 30px;
	text-decoration:none;
	color:#ffffff;
	}
	
#menu a:hover{
	color:#1A94C3;
	}

#recent_bg {
	width:200px;
	height:25px;
	}	
	
#recent h2{
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	color: #2b7792;
	margin-top:7px;
	}
	
#creation {
	border-top:1px solid #badeed;
	border-bottom:1px solid #badeed;
	border-right:1px solid #badeed;
	margin-top:-7px;
	margin-bottom:10px;
	width:816px;
	height:78px;
	z-index:-1;
	}

#side {
	background-image:url(../images/bleu.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:26px;
	height:78px;
	float:left;
	}

.side_2 {
	background-image:url(../images/bleu_2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:3px;
	height:78px;
	margin:10px 1px 0px 1px;
	float:left;
	}
	
.demo {
	float:left;
	width:193px;
		}
		
.demo p {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 10px;
	color:#2b7792;
	padding:10px 4px 0px 8px;
	}

.demo a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#2b7792;
	padding-left:8px;
	}
.demo img {
	float:right;
	padding: 10px 4px 0px 4px;
	}

	
#nouvelles {
	
	background: url(../images/bg1.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:150px;
	}
	
#nouvelles li {
	list-style-image:url(../images/papillon.jpg);
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	font-variant: normal;
	color: #2b7792;
	padding-left:5px;

}

#nouvelles p {
	
}	


h2 {
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-variant: normal;
	text-transform: uppercase;
	color: #2b7792;
	font-weight:800;
	padding-left:10px;

}

	
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#1a95c3;
	margin-top:2px;
	padding-left:4px;
	}

p{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .5em;
	color:black;
	}
	

	
	li
	{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: .5em;
	color:black;
	}

.float_left{
	float:left;
	}
	
#onglet_projet {
	background-image:url(../images/bg_projet.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	width:25px;
	height:201px;
	margin-left:-20px;
	margin-top:36px;
	float:left;
	}


.preview{
	width:161px;
	padding:5px 0px 5px 1px;
	margin:10px 0px 0px 0px;
	float:left;
	height:300px;
	overflow:hidden;
	} 
	
	.preview1{
	width:161px;
	padding:5px 0px 5px 1px;
	margin:0px 0px 0px 0px;
	float:left;
	height:300px;
	overflow:hidden;
	} 
	
.preview p{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    margin-top: .5em;
	padding: 4px;
	cursor: pointer
	}
	
.preview a{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    margin-top: .5em;
	padding: 4px;
	text-decoration:none;
	cursor: pointer
	}

#preview_bg1 {
	background-color:#309ec9;
	
	}
.apreview,img
{
text-decoration:none;
border:none;
cursor: pointer}


#preview_bg1 h3, #preview_bg1 p, #preview_bg1 a, #preview_bg2 h3, #preview_bg2 p, #preview_bg2 a {
	color:#FFFFFF;
	}
	
#preview_bg3 h3, #preview_bg3 p, #preview_bg3 a, #preview_bg4 h3, #preview_bg4 p, #preview_bg4 a {
	color:#2b7792;
	}
	


#preview_bg2 {
	background-color:#76bedb;
	color:#FFFFFF;	
	}
	
#preview_bg3 {
	background-color:#badeed;
	color:#2b7792;
	}
	
#preview_bg4 {
	background-color:#e8f4f9;
	color:#2b7792;	
	}


.margin_bottom{
	margin-bottom:30px;
	}
	
#footer {
	background-image:url(../images/filet_bas.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:60px;
	}

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#badeed;
	text-align:right;
	padding-top:40px;

}


#bottom{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	color:#cccccc;
	text-decoration:none;
	padding:10px 0 0 0;
	}
	
#bottom h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	color:#cccccc;
	text-decoration:none;
	padding:10px 0 0 0;
	}

#bottom a{
	color: #cccccc;
	}

#bottom_menu a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#1a95c3; 
	text-decoration: underline;
	padding-right:10px;
}

#formulaire {
	margin-top:40px;
	margin-left:40px;
	border:#CCCCCC solid 1px;
	width:430px;
	padding:10px;
	float:left;
}
#formulaire label{font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 11px;
        margin-top: .5em; color: black;
}

#formulaire td{font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 11px;
        margin-top: .5em; color: black;
}

#coordonnees {
	margin-top:70px;
	margin-left:500px;
	padding-left:10px;
}

#coordonnees p{font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 11px;
        margin-top: .5em; color: black;

}
.margin_top {
margin-top:30px;
}

.float_clear {
	clear:both;
	}