@charset "utf-8";
/* CSS Document */

body { background:#FFF; margin:0; font-family:arial; font-weight:normal; font-size:12px; color:#5c5c5c;}
/* modif fefeh */

*{	
behavior: url("iepngfix.htc");
}

img { border:none;}
ul { margin:0; padding:0; list-style:none;}
h1 { margin:0 0 20px 0; padding:0; font-size:24px;}
h1 a { color:#5c5c5c; text-decoration:none; font-weight:normal;}
p { margin:0 0 0 0; padding:0;}
#wrapper { margin:0 auto; width:1012px; height:768px; background:url(../images/bg_page.jpg) no-repeat left top #fff; border-left:6px solid #cecece;
	border-right:6px solid #cecece;}
#wrapper_2 { margin:0 auto; width:1012px; height:768px; background:url(../images/bg_page.jpg) no-repeat left top #fff;}
.noborder {	border-left:none; border-right:none; border-top:none; border-bottom:none;}
#header { width:1012px; height:72px; background:url(../images/bg_header.png) no-repeat -1px top; padding:25px 0 0 0;}
.version_html { display:block; float:left; width:100px; padding:24px 20px 0 0px; background:none; margin:0 0 0 16px; font-size:13px;}
.version_flash { display:block; float:right; width:100px; padding:24px 0 0 20px; background:url(../images/version_flash.png) no-repeat left bottom;	margin:-2px 6px 0 0; font-size:13px;}
.version_html a, .version_flash a, .version_flash_h a, .version_html_h a { color:#5c5c5c; text-decoration:none; font-weight:bold;}

.version_html:hover { background:url(../images/version_html.png) no-repeat 90px bottom;}
.version_html_h { display:block; float:left; width:100px; padding:24px 20px 0 0px; background:none;	margin:0 0 0 16px; font-size:13px;}
.version_flash_h { display:block; float:right; width:100px;	padding:24px 0 0 20px; background:none;	margin:-2px 6px 0 0; font-size:13px;}

.logo { display:block; float:left; margin:0 10px 0 10px;}
#top_menu { display:block; float:left; margin:0 0 0 10px; padding:0;}
#top_menu li { display:block; float:left; height:35px; width:auto; background:url(../images/separateur.jpg) no-repeat right top;}
#top_menu li a { display:block;	float:left; height:27px; width:auto; background:url(../images/separateur.jpg) no-repeat right top; padding:8px 25px 0 25px;}
#top_menu li.last_item { background:url(../images/separateur.jpg) no-repeat right top;}
#top_menu li.first_item { background:url(../images/separateur.jpg) no-repeat left top;}
#top_menu li a { font-size:14px; text-decoration:none; color:#878787;}
#top_menu li a.blue { color:#53beea;}
#top_menu li#h_1 a:hover, #top_menu li#h_5 a:hover { color:#53beea;}
#top_menu li#h_2 a:hover, #top_menu li#h_6 a:hover { color:#000;}
#top_menu li#h_3 a:hover { color:#fbec2d;}
#top_menu li#h_4 a:hover, #top_menu li#h_8 a:hover { color:#e9459e;}
#top_menu li a.pink { color:#e9459e;}
#top_menu li a.black { color:#000;}
#top_menu li a.yellow { color:#fbec2d;}
#top_menu li a.magenta { color:#e1017b;}
#central_bloc { width:688px; height:408px; background:url(../images/central_block.png) no-repeat left top; margin:111px 0 0 154px;}
#intro_bloc { width:688px; height:408px; margin:190px 0 40px 154px;	text-align:center;}
#intro_bloc h1 {margin-bottom:20px;}
#intro_bloc img.intro {margin:20px 0 0 25px; position:relative;}
#central_bloc .texte { width:670px; height:395px; display:block; float:left; margin:12px 0 0 10px !important; margin:12px 0 0 6px; padding:0 10px 0 0; font-size:13px;}
#central_bloc .gros_texte { font-size:14px;}
.center { text-align:center;}
.gras { font-weight:600;}
.pagination { width:180px; height:70px; clear:both; margin:37px auto 0 auto;}
.floatleft { float:left;}
.floatright { float:right;}
.copy { width:800px; height:20px; text-align:center; font-size:11px; margin:10px auto;}
.bleu { color:#53beea;}
.spacer10 { display:block; width:100%; height:20px; line-height:1px; font-size:1px; clear:both;}
.spacer_2 { display:block; width:100%; height:16px; line-height:1px; font-size:1px;	clear:both;}
.align-left { text-align:left;}
.margin-left_80 { margin-left:200px;}
.photo_edition { margin:0 30px 0 30px;}
#big_pic { width:400px;	height:298px; display:block; float:left; background:url(../images/fond_realisation.png) no-repeat left top;	text-align:left; position:relative; overflow:hidden;}
#big_pic img { width:388px; height:290px; margin:0 0 0 2px;}
#edition_pagenav { width:128px; height:40px; font-size:10px; color:#5c5c5c; display:block; float:left; text-align:center; margin:0 5px 0 10px !important; margin:0 5px 0 5px;}

#realisation_nav { width:672px;	height:94px; background:url(../images/realisation_nav.png) no-repeat left top; text-align:center; clear:both; padding:0 10px 0 5px; margin:0 0 0 0 !important; margin:0 0 0 5px; position:relative;}
#realisation_nav div.real_content { position:relative; width:670px; height:94px; overflow:hidden;}
#realisation_nav div.real_content ul{width:7000px; height:94px; margin:0; padding:0; display:block;}
#realisation_nav  div.real_content ul li { display:inline; float:left; margin:0; padding:2px 0 0 0;	cursor: pointer; margin:0 8px 0 8px;}
#realisation_nav  div.real_content ul li span { display:block; }
/*#realisation_nav  div.real_content ul li.normal a {background-position:bottom left;}*/
#content_slide{ width:688px; height:392px; margin:0; padding:0; display:block;}
.prevOnglet{ float:left;}
.nextOnglet{ float:right;}
/*scroll*/
.jScrollPaneContainer {	position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;background:
url(../images/background/pane_track.gif) repeat-y left top;}
.jScrollPaneDrag { position: absolute;cursor: pointer; overflow: hidden; left:0;background:#a5a5a5; height:10px;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;background:#a5a5a5;height:4px;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background:#a5a5a5; width:7px;height:4px;}
a.jScrollArrowDown{display:none;}
a.jScrollArrowUp{display:none;}
form.form{text-align:left; display:block; clear:both; margin:15px auto 0 auto; padding:0; width:445px; }
.form .input0, .form .input1, .form .input2, .form .input3, .form .input4, .form .other{height:20px; border:1px solid #ccc; float:left; margin-bottom:0; width:inherit}
.form .input0{width:188px}
.form .input1{width:300px}
.form .input2{width:160px}
.form .input3{width:50px}
.form .input4{width:300px; height:120px;}
.form label{width:130px; float:left; display:block; text-align:right; padding-right:10px; }
.form label.error{color:#ff0000; width:280px; margin:0 0 0 130px; text-align:left; font-size:11px }
.form .bouton{ width:110px; height:28px; border:none; cursor:pointer; background:url(../images/background/bouton.jpg) no-repeat left bottom; text-align:center; padding:0 0 4px 0; margin:0; color:#ffffff; font-size:11px;}
.form span{color:#c20d08; display:inline}
form.form input,form.form select,form.form fieldset, form.form div,form.form span{margin:0; padding:0}
form.form fieldset{border:0; margin:5px 0; padding:0;}
.logo2 { margin:2px 0 0 227px;}
.gros_texte {font-size:14px;}
.small {font-size:10px;}
h3{text-align:justify;font-size:13px;font-weight:bold;padding:0 0 0 16px;}
h3.endorphine_concept{margin:15px 0 34px 0;padding:0 0 0 16px;}
h3.tendance_inspiration{margin:18px 0 18px 0;}
h3.communication{margin:23px 0 50px 0;}
p.lien{text-align:justify;font-size:13px;font-weight:normal;padding:0 0 0 16px;}
p.lien a,p.membre a{text-decoration:none;color:#5c5c5c;}
p a:hover{text-decoration:underline;}
p.membre{padding:0 0 0 16px;margin:34px 0 0 0;text-align:justify;font-size:13px;}