/* CSS Document for CamSympa website */
html { overflow:hidden; margin:0; padding:0; height:100%; background:#2e406e url(images/header_bg.gif) repeat-x; font:normal 12px helvetica,arial,sans-serif; text-align:justify; }
body { overflow:hidden; margin:0; padding:0; min-height:100%; background:#2e406e url(images/header_bg.gif) repeat-x; font:normal 12px helvetica,arial,sans-serif; text-align:justify; }

form { margin:0; padding:0; }
img  { border:none; vertical-align:middle; } /* youkoulele */

/* Popup */
#shadow   { position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; opacity:.85; filter:alpha(opacity=85); background:#000; color:#fff; }
#popunder { display:none; position:absolute; top:0; left:0; z-index:55; background:transparent; overflow:hidden; }
#updateFlash { display:none; position:absolute; top:0; left:0; z-index:50; width:468px; background:#fff url(images/flashlogo.jpg) no-repeat 5px 50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding-left:110px;}
#updateFlash h2 { margin:0 auto; padding:.3em; font-weight:normal; font-size:20px; }
#updateFlash p  { padding:.3em; line-height:2em;}
#updateFlash a { background:transparent; color:orange; font-weight:bold; }
/* Header */

/* Main Title */
#header           { position:relative; width:960px; height:116px; margin:0 auto; padding:0; background:url(images/bg_header.jpg) no-repeat top left; }
#header h1        { margin:0; padding:0; padding-top:16px; }
#header h1 a      { display:block; background:transparent url(images/logo.gif) top left no-repeat; width:248px; height:80px; cursor:pointer; }
#header h1 a span { display:none; }

/* Available Website Langs */
#switchlangs            { position:absolute; top:0; right:0; padding-right:20px; }
#switchlangs a          { background:url(images/bg_flags.gif) no-repeat; width:30px; height:23px; display:block; margin-right:1px; float:right; text-align:center; font-weight:bold; text-decoration:none; line-height:22px; color:#FFFFFF}
#switchlangs a:hover,
#switchlangs a.selected { background-position:left -23px; color:#000000}
#switchlangs a img      { margin-top:5px; }
#switchlangs a#client_logout       { margin-right:.6em; background:transparent; width:auto; font-weight:normal; font-size:11px; text-decoration:underline; }
#switchlangs a#client_logout:hover { background:transparent; width:auto; font-weight:normal; color:#ccc; }
/* --------- End Header --------------*/

#flash_container { width:100%; margin:0 auto; padding:.1em 0; background:#ffbe50; color:#000; text-align:center; }
#flashObj        { margin:0 auto; padding:.3em 0; text-align:center; }
#flash_container object.hide_swf { clip: rect(0, 960px, 30px, 0); }
.flash_warning { display:none; margin:5px auto; padding:5px; font-size:15px; width:970px;
	background-color:rgb(255, 42, 31);
	background-image:-moz-linear-gradient(top, rgb(253, 93, 59) 30%, rgb(255, 42, 31) 100%);
	color:#fff; text-shadow:0 1px 0 #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.flash_warning a { background-color:transparent; color:rgb(255, 190, 80); font-weight:bold;}
.flash_warning a:hover { color:rgb(95, 235, 88); }

/* --------- End Flash Container --------------*/

/* Main Website menu */
#main_menu           { position:relative; width:100%; height:37px; margin:0; padding:0; background:#ffbe50 url(images/menu_bg.gif) repeat-x top left; }
#main_menu ul        { width:980px; margin:0 auto; padding:0; height:37px; list-style:none; clear:both; overflow:hidden; }
#main_menu li        { float:left; font:bold 14px "trebuchet ms",verdana,tahoma,sans-serif; text-align:center; text-transform:uppercase; }
#main_menu li a      { display:block; margin-right:4px; padding-left:5px; height:37px; background:transparent url(images/main_menu_left_background.jpg) left -74px no-repeat scroll; text-decoration:none; }
#main_menu li a span { display:block; padding:10px 5px 0 0; background:transparent url(images/main_menu_right_background.jpg) right -74px no-repeat scroll; height:100%; color:#fff; cursor:pointer; }

#main_menu li.blue a      { background:transparent url(images/main_menu_left_background_blue.jpg) left -74px no-repeat scroll;  }
#main_menu li.blue a span { background:transparent url(images/main_menu_right_background_blue.jpg) right -74px no-repeat scroll; }
#main_menu li a:hover,
#main_menu li.selected a { background-position:left top; }
#main_menu li a:hover span,
#main_menu li.selected a span { background-position:right top; color:#666; }
#main_menu em { font-style:normal; color:#ffb647; }
#main_menu li.selected em,
#main_menu a:hover em { color:#ff472f; }

/* --------- End Main Menu Container --------------*/
#footer         { width:100%; margin:0 auto; overflow:hidden; clear:both; padding:5px 0; background:#2e406e; color:#7c87a3; }
#footer div     { width:900px; clear:both; margin:0 auto; overflow:hidden; color:#384a78; padding-top:15px; }
#footer a       { background:transparent; color:#7c87a3; }
#footer a:hover { background:transparent; color:#aaa; }
#footer span    { float:left; width:30%; padding-left:.5em; color:#425481; }
#footer span.location { background:transparent url(images/up_arrow.gif) no-repeat left center; text-align:left; }
#footer span.infos    { float:right; width:65%; text-align:right;}
/* --------- End Footer --------------*/

/* contacts */
.contacts         { float:left; width:175px; height:241px; margin:0 6px 9px 0; background:url(images/contacts_bg.gif) no-repeat; font-size:11px; text-align:center; }
.contacts a       { font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
.contacts a:hover { text-decoration:underline; }
.contacts span    { position:relative; padding:13px 12px 0 13px; display:block; height:200px; text-align:left;}
.contacts span img.user-status { position:absolute; top:0; right:0; z-index:5;  }
.contacts span a  { background:transparent; color:#ff583c; font-weight:normal; font-size:14px; line-height:22px; }
.contacts b       { background:transparent; color:#ff583c; font-weight:normal; font-size:14px; line-height:22px; cursor:pointer; }
.contacts img     { cursor:pointer; }
.contacts b:hover { text-decoration:underline; }
.contacts span.mailto { display:inline; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
.contacts span.mailto:hover { text-decoration:underline; cursor:pointer; }

.showdetail          { position:relative; }
.showdetail span     { position:absolute; top:140px; background:#fff; width:140px; height:20px; padding:2px 5px; opacity:.7; text-align:right; }
.showdetail span img { z-index:1; opacity:1; cursor:default; }


#search_shadow   { display:none; position:absolute; top:0; left:0; z-index:50; width:100%; height:100%; opacity:.9; filter:alpha(opacity=90); background:#fff url(images/search_shadow_background.gif) no-repeat center 23%;  color:#333; }
#main_bottom .search             { position:absolute; top:0; left:0; z-index:51; width:600px; margin:.3em auto 1em; padding:0; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; border:2px solid #fddfa2; background:#fff url(images/subscribe_logo.jpg) 370px 84px no-repeat; }
#main_bottom .search .s_header   { clear:both; overflow:hidden; width:100%; padding:0; background:#fddfa2; color:#800; text-align:right; }
#main_bottom .search .s_header em  { float:left; width:500px; padding:0 0 0 25px; background:#fddfa2 url(images/bubble.png) no-repeat left center; color:#333; font:normal bold 16px/1.5em helvetica,arial,sans-serif; text-align:left; }
#main_bottom .search .s_header span { float:right; width:50px; padding:0; background:#fddfa2; color:#800; }
#main_bottom .search .s_header a { font-weight:bold; background:transparent; color:#800; }
#main_bottom .search .s_content  { margin:0 auto; padding:.1em; overflow:hidden; clear:both; width:580px; }
#main_bottom .search .user_infos { float:right; text-align:left; width:360px; margin:.2em auto 0; padding:0 5px 5px 1px; }
#main_bottom .search .user_description { margin-bottom:.3em; border:1px solid #ff472f; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; overflow:auto; padding:.3em; }
#main_bottom .search ul { margin:0; padding:0; list-style:none; }
#main_bottom .search li { margin:.3em 0; padding:0 .3em .2em 22px; background:transparent url(images/li_arrow.gif) top left  no-repeat scroll; }
#main_bottom ul.menu_profil { clear:both; overflow:hidden; margin:.3em auto; padding:0 .1em; font-size:11px; }
#main_bottom ul.menu_profil li { float:left; width:25%; }
#main_bottom ul.menu_profil a { color:#ff472f; }
#main_bottom ul.menu_profil a:hover { color:#333; }
#main_bottom .search .user_description ul { clear:both; overflow:hidden; margin:0 auto .1em; width:98%; }
#main_bottom .search .user_description li { float:left; width:40%; font-size:11px; }
#main_bottom .search .user_description { margin-bottom:.3em; border:1px solid #ff472f; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; overflow:auto; padding:.3em; }

#main_bottom .cam-carrousel     { position:relative; width:564px; height:100px; margin:1em auto; padding:5px; -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em; background:#feb33c; color:#000; }
#main_bottom .cam-carrousel *   { margin:0; padding:0; }
#main_bottom .cam-carrousel h2  { position:absolute; top:-25px; right:20px; padding:.3em 0; font:bold 15px/normal arial,serif; color:#333; }
#main_bottom .cam-carrousel div { overflow:hidden; width:520px; height:102px; margin:0 auto; position:relative; }
#main_bottom .cam-carrousel ul  { list-style:none; width:20000px; position:relative; overflow:hidden; }
#main_bottom .cam-carrousel li  { overflow:hidden; float:left; width:128px; padding:1px; background:transparent; }
#main_bottom .cam-carrousel li img         { /*width:120px;*/ height:90px; margin:0 1px; padding:1px; border:2px solid #999; background:#fff; }
#main_bottom .cam-carrousel li img:hover   { border-color:#fe593b; cursor:pointer; }
#main_bottom .cam-carrousel img.move-left  { position:absolute; top:30%; left:0; cursor:pointer; }
#main_bottom .cam-carrousel img.move-right { position:absolute; top:30%; right:0; cursor:pointer; }

.navigation   { margin:.3em auto; color:#000; text-align:center; }
.navigation a,
.navigation span { border:1px solid orange; color:#f00; padding:.3em; background:#fff; text-decoration:none; font-weight:bold; cursor:pointer; }
.navigation a.selected,
.navigation a:hover,
.navigation a:focus,
.navigation span.selected,
.navigation span.selected:hover { border:1px solid orange; color:#fff; padding:.3em; background:#f00; text-decoration:none; font-weight:bold; cursor:pointer; }

/* main container layout */
#content         { position:relative; min-height:500px; background:#fff; clear:both; overflow:hidden; width:100%; margin:0 auto; padding-bottom:15px; }
#main            { width:960px; margin:0 auto; padding:20px 0 0 0; }
#main_content    { width:906px; clear:both; overflow:hidden; margin:0 auto; padding:24px; border:solid #e6eaf4; border-width:0 3px; }
#main_bottom     { width:960px; margin:0 auto; padding:20px 0;  background:transparent url(images/bg_bottom.gif) no-repeat top center; }
#main_title      { height:26px; margin:0; padding-top:20px; background:url(images/bg_top.gif) no-repeat left 20px; }
#main_title span { margin-left:30px; padding-left:8px; padding-right:8px; background:#fff; font-weight:normal; font-size:24px; line-height:24px; }

#content div#content_loader     { position:absolute; top:0; right:0; z-index:100; height:1em; padding:.7em 1em .7em 35px; opacity:.7; filter:alpha(opacity=70); -moz-border-radius:.3em 0 0 .3em; -khtml-border-radius:.3em 0 0 .3em; -webkit-border-top-left-radius:.3em; -webkit-border-bottom-left-radius:.3em; border-top-left-radius:.3em; border-bottom-left-radius:.3em; background:#000 url(images/ajaxloader.gif) left center no-repeat scroll; color:#fff; font:normal 15px helvetica,arial,sans-serif; }
#content div#content_loader div { z-index:105; opacity:1; }

#content h2.status    { -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; background-color:#000; color:#fff; }
#content h2.status-ko { background-color:#ff472f; color:#fff; }
#content h2.status-ok { background-color:#4caf6c; color:#fff; }
#content h2.status-pending { background-color:#2e406e; color:#fff; }

/* layout */
.layout            { width:960px; margin:0 auto; padding:5px 0 0 0; }
.layout_content    { width:954px; clear:both; overflow:hidden; margin:0 auto; padding:24px 0; border:solid #e6eaf4; border-width:0 3px; text-align:center; }
.layout_bottom     { width:960px; margin:0 auto; padding:20px 0;  background:transparent url(images/bg_bottom.gif) no-repeat top center; }
.layout_title      { height:26px; margin:0; padding-top:20px; background:url(images/bg_top.gif) no-repeat left 20px; }
.layout_title span { margin-left:30px; padding-left:8px; padding-right:8px; background:#fff; font-weight:normal; font-size:24px; line-height:24px; }

#alertBox   { position:absolute; top:0; left:0; width:100%; margin:0; padding:5px 0; background:#fff; color:#000; border:solid #ccc; border-width:2px 0; font:normal medium "Segoe UI", "trebuchet ms",verdana,tahoma,sans-serif; filter:alpha(opacity=90); opacity:.9; text-align:center; }
#alertBox a { background:transparent; color:#ff472f; text-decoration:underline; }

/* logout */
.logout    { padding:0 40px 40px 40px;}
.logout h2 { font-size:26px !important; text-align:center; background:#f1f3f9; padding:7px; letter-spacing:-1px;}
.logout h2 strong {color:#ff472f;}
.logout ul { list-style-type:none; padding:0; margin:0;}
.logout li { margin-bottom:10px; font-weight:bold; padding:5px 0; background:url(images/logout/ok.png) no-repeat left top; padding-left:35px;}
.logout li em {background:#f8ff41; font-style:normal;}
.logout_button {display:block; text-align:center; margin:10px auto 0 auto; background:url(images/logout/button.png); width:367px; height:56px; line-height:56px; font-size:26px; font-weight:bold; color:#fff; text-decoration:none;}
.logout td { vertical-align:top; text-align:center; }
.logout td.column { border-right:1px solid #b8becd; }
.logout td.right { border-right:none; }
.logout td.statement_left { padding-right:20px; text-align:left; }
.logout td.statement_right { padding-left:20px; text-align:left; }

.cam-ext-pub { margin:.5em auto 0; padding:3px; width:950px; text-align:center }
.cam-ext-pub table { margin:0 auto; padding:0; }
.cam-ext-pub td { vertical-align:top; }

.pub-728x90 {
	border: 1px solid #000000;
	margin: 1em auto;
	padding: 0;
	width: 728px;
}