html, body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

a img { border: none; }

a {  
	color: #505050;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	cursor: pointer; 
}

a:link { color: #505050; text-decoration: none; }
a:visited { color: #505050; text-decoration: none; }
a:hover { color: #505050; text-decoration: underline; }
a:active { color: #505050; text-decoration: underline; }

p {
	font-weight: 400;
	color: #505050;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h1 {
	font-size: 20px;
	font-weight: 100;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 14px;
	font-weight: 400;
	color: #00acec;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

span.o2web {
	font-size: 24px;
	font-weight: 900;
	color: #00acec;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	

/*#floater {
	position: relative;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}*/

/*#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 630px;
	padding: 0px 0px 0px 0px;
	margin: -315px 0px 0px -480px;
}*/

#container {
	position: relative;
	width: 960px;
	height: 630px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

#body {
	width: 960px;
	height: 630px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#entete {
	width: 960px;
	height: 135px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/background_entete.png') no-repeat top left;
}

#entete_flash_logo {
	float: left;
	width: 800px;
	height: 135px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#entete_logo {
	float: left;
	width: 306px;
	height: 135px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#entete_logo img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 22px 0px 0px 15px;
}

#entete_slogan {
	float: left;
	width: 479px;
	height: 120px;
	text-align: right;
	padding: 15px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/background_entete_slogan.png') no-repeat top left;
}
#entete_nous_joindre {
	float: left;
	width: 145px;
	height: 120px;
	text-align: right;
	padding: 15px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#centre {
	width: 960px;
	height: 495px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;
}

#realisations {
	float: left;
	width: 646px;
	height: 495px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url('../img/background_realisations.png') repeat-y top left;
}
.realisation_popup{
	position:absolute;
	display:none;
	width: 960px;
	height: 495px;
	left:0px;
	overflow:hidden;
	/*display:block;*/
	z-index:10;
	
}
.realisation_popup2{
	position:absolute;
	overflow:hidden;
	width: 960px;
	height: 495px;
	display:block;
	z-index:10;
	
}
.realisation_background{
	position:absolute;
	width: 960px;
	height: 495px;
	display:block;
	z-index:11;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);
	opacity:0.85;
}
.realisation_content{
	position:absolute;
	width: 960px;
	height: 495px;
	display:block;
	z-index:12;
	
	color:#FFF;
}
.realisation_image{
	position:relative;
	margin:27px 62px 0px 71px;
	float:left;
}
.realisation_text{
	padding: 27px 20px 0px 0px;
	position:relative;
	height:495px;
}
.realisation_fermer{
	position:relative;
	float:right;
	height:100%;
	width:115px;
	z-index:12;
	text-align:right;
}
.realisation_intro{
	/*float:left;*/
	padding:79px 0px 0px 0px;
	position:relative;
}
.realisation_intro h2{
	color:#FFF;
	font-weight:24px;
}
.realisation_intro a{
	color:#FFF;
	font-weight:14px;
}
.realisation_intro p{
	padding-top:10px;
	color:#FFF;
	font-weight:14px;
}
.realisation_suivant{
	position:absolute;
	text-align:right;
	left:0px;
	bottom:50px;
}
.realisation_suivant a{
	color:#fff;
}

#mosaique {
	width: 631px;
	height: 446px;
	padding: 15px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

#realisations .capture {
	float: left;
	position:relative;
	width: 190px;
	height: 182px;
	cursor:pointer;
	padding: 0px 0px 0px 0px;
	margin: 10px 5px 10px 5px;
	border: 1px solid #fff;
	
}
#realisations .capture_hover{
	width:190px;
	height:182px;
	display:none;
	position:absolute;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	opacity:0.4;
	filter:alpha(opacity=40);
	
	
}

/*#realisations .capture_hover:hover{
	background-color:#000;
	opacity:0.0;
	filter:alpha(opacity=0.0);
}*/


#titre_bleu {
	width: 623px;
	height: 34px;
	padding: 10px 0px 0px 23px;
	margin: 0px 0px 0px 0px;
	background: url('../img/background_titrebleu.jpg') no-repeat top left;
}

#nouvelles {
	float: left;
	width: 274px;
	height: 470px;
	padding: 25px 18px 0px 22px;
	margin: 0px 0px 0px 0px;
	background: url('../img/background_nouvelles.png') repeat-y top left;
}

#nouvelles_titre {
	position: relative;
	width: 274px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #cbcaca;

}

#nouvelles_texte {
	width: 274px;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

#nouvelles_lien {
 	width: 274px;
 	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
}

#questions {
	width: 274px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

input.courriel {
	width: 267px;
	height: 18px;
	color:#999999;
	padding: 2px 0px 0px 5px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #cbcccd;
}

textarea.message {
	width: 267px;
	color:#999999;
	height: 100px;
	padding: 0px 0px 0px 3px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #cbcccd;
}


#date {
	position: absolute;
	bottom: 5px;
	right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#date p {
	font-size: 12px;
	color: #8f8e8e;
	font-weight: 400;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#flash_card_container {
	position:absolute;
	top:0px;
	right:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:100;
	visibility:hidden;
}
#card_container {
	position:absolute;
	top:0px;
	right:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index:100;
	visibility:hidden;
}