/* by Eric Bleney | Bleney.ca */
/* HTML ELEMENTS ///////////////////////////////////////////////////////////////////////*/

* { margin:0; padding:0; }
	
body { padding-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:center; background:#434343;}

body, select, input, textarea { font: 11px Arial, Verdana, Sans-Serif; color:#333333;}

a img{border:none;}

#main_container { position:relative; width: 1008px; margin:0px auto; background:#fff url(../images/logo_emosaique.jpg) top center no-repeat;}

#header { height:251px; margin-left:185px;}

a#HomeLink{ position:absolute; top:140px; left:215px; display:block; width:280px; height:70px; }

#nav { padding-left:130px; background-color:#A0B6C3; text-transform:uppercase; }

#nav_menu {	/*z-index: 30;*/}

#nav_menu li { list-style: none; float: left;  position:relative; }
#nav_menu li a { display: block; margin-right:1px; padding:4px 10px; color:#fff; text-align: center; text-decoration:none; background:#A0B6C3; }
#nav_menu li a:hover { color:#1a5b79; background:#fff; }
#nav_menu a.BtnNavPrincActive{ background:#fff;}

#nav_menu a.PremierNiveau{ float:left; height:14px;}

#nav_menu span.SeparateurMenu{padding:0px 3px;  line-height:18px; float:left; color:#fff;}

#nav_menu div {	position: absolute; top:22px; left:0px; visibility: hidden; background-color:#d5e9f4; z-index:100; }
#nav_menu div a	{ position: relative; display:block; padding:5px 10px; white-space:nowrap; text-align:left; text-decoration:none; color:#1a5b79; font:bold 10px arial; background-color:#d5e9f4; }
#nav_menu div a:hover {	color: #1a5b79; background-color: #acdaf3; }

.special_title h2 {	
	float:right;
	display:inline;
	padding:3px 20px 0px 0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #1a5b79;
	}

/*	SUB NAV	//////////////////////////////////////////////////////////////////////////////////////// */

#sub_nav { padding:5px 0px 0px 199px; }
#sub_nav2 {	padding:5px 0px 0px 303px; }
#sub_nav a, #sub_nav2 a { font-family:Arial, Helvetica, sans-serif;	font-size:11px;	font-weight:normal;	color: #8b9d9f;	padding: 0px 5px 0px 5px; }
#sub_nav a:hover, #sub_nav a:hover { color: #1a5b79; text-decoration:none; }
.onHover { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #1a5b79; padding: 0px 5px 0px 5px; }

/* ROUND BOX //////////////////////////////////////////////////////////////////////////////////////// */

#round_box { margin-top:105px; text-align:left;}
#round_box_2 { margin-top:50px; text-align:center;}
#round_box_2 h2{ text-align:left; margin-left:30px; font-size:14px;}

.round_box_1, .round_box_2 {
	background-color:#a0b6c3;
	}
.round_box_2{ margin:auto;}
.round_box_2 h2{ }
.bkgDiffusion{background-color:#a0b6c3;}
.round_box_diffusion {
	width:220px;
	font-size:9px;
	color:#FFFFFF;
	text-transform:uppercase;
	}

.padding {padding-right:5px;}


/* TITLES //////////////////////////////////////////////////////////////////////////// */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#909598;
	padding-bottom:8px;
	border-bottom:3px solid #e2f3fa;
	}

/* LEFT and RIGHT CONTAINER //////////////////////////////////////////////////////////////////////////// */

div#MainContent,div#MainContent-02{ overflow:hidden;}

#MainContent-02 #left_container{ width:350px;}
#MainContent-02 #right_container{ width:648px;}
#MainContent-02 #right_container p{ padding-right:60px;}
#left_container {
	float:left;
	width:504px;
	padding:0px;
	}

#left_container_photos {
	float:left;
	width:250px;
	padding:0px;
	margin-top:50px;
	margin-left:130px;
	text-align:left;
	}

#right_container {
	float:right;
	width: 490px;
	padding:3px ;
	color:#3e3e3e;
	text-align:left;
	}

#right_container h2{ clear:both; margin-top:10px; padding-bottom:10px; font-size:16px; }
#right_container p{ padding-bottom:10px; line-height:16px;}
#right_container ul{ padding:5px 0px;}
#right_container li{ padding-bottom:5px; line-height:16px;}
.ReturnAtServices{ text-transform:uppercase;}


#right_container_photos {
	float:right;
	width: autopx;
	padding:3px ;
	color:#3e3e3e;
	margin-top:50px;
	margin-bottom:20px;
	}

#container_services {
	float:right;
	width:100%;
	height:auto;
	padding:0px;
	margin-top:50px;
	margin-bottom:20px;
	}

/* EQUIPE //////////////////////////////////////////////////////////////////////////// */

.bloc_img_equipe {
	float:left;
	width:300px;
	height:160px;
	padding:0px;
	margin-left:30px;
	margin-bottom:30px;
	background-repeat:no-repeat;
	}
.bloc_img_equipe div{background:#d8e9f3; width:147px; height:147px; float:left; margin-bottom:10px; }

.bloc_img_equipe p {
	text-align:left;
	display:block;
	width:142px;
	float:right;
	margin-top:20px;
	}

.bloc_img_equipe h3 {
	float:left;
	display:block;
	width:147px;
	color:#1a5b79;
	font-size:11px;
	font-weight:bold;
	}

.bloc_img_equipe img {
margin:auto;
	}

/* CONTENT and ELEMENTS /////////////////////////////////////////////////////////////////////////////////// */

#content {
	padding:10px;
	font: 11px Arial, Helvetica, sans-serif;
	}

#content_album {
	padding:10px;
	font: 11px Arial, Helvetica, sans-serif;
	}

#content_album li {
	width:200px;
	height:18px;
	margin-bottom:3px;
	font: 11px Arial, Helvetica, sans-serif;
	list-style:none;
	}

#content_album a {
	padding:0px 80px 2px 2px;
	color:#4e595f;
	background-image:url(../images/1_btn_album.gif);
	background-repeat:no-repeat;
	}

#content_album a:hover {
	color:#4e595f;
	background-image:url(../images/2_btn_album.gif);
	background-repeat:no-repeat;
	}

#content p {
	margin-top:15px;
	}

#sub_content{
	padding:10px;
	font: 11px Arial, Helvetica, sans-serif;
	}

.flash_box {
	width:auto;
	height:auto;
	margin:2px 5px 0px 0px;
	}

.retourListe {
	color: #1a5b79; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight:bold; 
	}

.imgDetail {
	float:right;
	width:200px;
	height:auto;
	}

p {	
	margin:0;
	}
	
a, a:hover {color: #1a5b79; text-decoration:none;}

input {border:1px solid #FFFFF;}

ul {margin-left:30px;}

/* CALENDRIER //////////////////////////////////////////////////////////////////////////// */

.box_calendrier {
	margin-top:10px;
	}

.box_calendrier h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#424242;
	padding:4px;
	background-color:#ECECEC;
	}

.box_calendrier p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#424242;
	padding:5px 0 0 5px;
	}

/* MESSAGE MP3 AND VIDEO //////////////////////////////////////////////////////////////////////////// */

.box_message {
	margin-top:10px;
	padding-bottom:8px;
	border-bottom:3px solid #e2f3fa;
	}

.box_message h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#424242;
	padding:4px;
	background-color:#ECECEC;
	}

.box_message p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#424242;
	padding:5px 0 0 5px;
	}

.box_message a {
	float:right;
	color:#1a5b79;
	font-weight:bold;
	padding:0;
	}

/* FORMULAIRE //////////////////////////////////////////////////////////////////////////////////// */

#formulaire_contact {
	margin:0 auto;
	padding-left:100px;
	}

#formulaire_contact input, #formulaire_contact textarea {
	color: #000; 
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #1a5b79; 
	padding: 0px; 
	}

.blocBoutonsFormulaire {
	padding:3px;
	color:#fff !important;
	background-color:#1a5b79;
	margin-right:10px;
	}
	
span.Asterisque{ color:#f00;}
.ChampObligatoire{ text-align:right; font-weight:bold; margin-right:45px;}
form#idFrmContact { margin-top:60px; text-align:left;}
form#idFrmContact p{ clear:both; line-height:25px; padding-bottom:10px;}
form#idFrmContact label{ float:left; width:100px; display:block; padding-bottom:3px; padding-right:3px; text-align:left; color:#333; font-weight:bold; }
form#idFrmContact input{ float:left; padding:2px; border: 1px solid #1a5b79; }
form#idFrmContact textarea{float:left;padding:2px; margin-bottom:20px;border: 1px solid #1a5b79; }
 
div.RedBlock{ margin-bottom:10px; margin-right:45px; padding:5px; border:1px solid #f00;}
ul.ChampErreurs{text-align:left; width:90%;}
ul.ChampErreurs li{color:#f00; paddinb-bottom:3px;}

.ChampObligatoire{ text-align:right; padding-right:5px;}
.inputTextLarge { width:175px;}
.LargeHeight { height:175px !important; max-height:175px; min-height:175px;}
.LargeWidth {width:250px; min-width:250px; max-width:250px;}
input[type="button"],input[type="submit"]{ }

/* FOOTER //////////////////////////////////////////////////////////////////////////////////// */

#footer {
	padding:15px 0px 15px 130px;
	color:#aaa;
	clear:both;
	display:block;
	}

#footer a {
	color:#d3d1d1;
	}

/* FLOAT PROPERTIES ////////////////////////////////////////////////////////////////////////// */

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block;
	}