@charset "utf-8";

/* Standard styles */
html { padding: 0; height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; margin-top: 0px; padding-top: 0px; height:100%; }
p { margin:0px; padding: 0px; }
img { border: 0px; padding:0px; margin:0px; }
table { border-collapse: separate; }
strong {font-weight:bold;}
div#margin-bloc {	height: 100%; margin-top: -550px; min-height: 550px; max-height: 600px; position: relative;}


a.link {text-decoration: none;}
a.link:hover {text-decoration: underline;}
a.active{text-decoration: underline;}



.breadcrumb{font-size:11px;margin-left:5px;}
.breadcrumb a,
.breadcrumb a:visited {text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
.imgBreadcrumb{vertical-align:bottom;}

li.tutorials{margin-bottom:10px;}

.txt-14{font-size:14px;}
.txt-13{font-size:13px;}
.txt-12{font-size:12px;}
.txt-11{font-size:11px;}
.txt-10{font-size:10px;}

h1{font-size:1em;display:inline;font-weight:normal;}
h2{font-size:1em;display:inline;font-weight:normal;}
h3{font-size:1em;display:inline;font-weight:normal;}
h4{font-size:1em;display:inline;font-weight:normal;}
h5{font-size:1em;display:inline;font-weight:normal;}

h1#bold{font-weight:bold;}
h2#bold{font-weight:bold;}
h3#bold{font-weight:bold;}
h4#bold{font-weight:bold;}
h5#bold{font-weight:bold;}

.cursor-in { cursor:-moz-zoom-in;}
.cursor-out { cursor:-moz-zoom-out;}

table .bg-grey{background-color:#E0E0E0;}

.div-clear-both { clear: both; }

#header{border-bottom:solid 1px;}

/* content */
#container{ width:980px;margin:auto; }
#container-content{ max-width:980px; margin:auto; margin-top:20px; font-size:12px; }

.div-text-column { float:left; width:290px; margin-right: 10px; }
.div-desc-outfit { margin-bottom: 20px; } 
.div-desc-outfit-last { margin-bottom: 0px; }
.img-desc-outfit { margin-top: 10px; width: 180px; height: 100px; }

#footer { text-align: center; font-size: 9px; margin-top: 20px; padding-top: 5px; } 
#bloc{ width:829px;padding:10px 30px 10px 30px;} 
#bloc-interieur-center{ width:800px; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; font-size:12px; text-align: center; }
#bloc-interieur-gauche{ width:300px; float:left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; text-align: left; font-size:12px; }
#bloc-interieur-droit{  width:384px; float:left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size:12px; }



/* Template 1 */
#template1-left{ min-height:300px; max-height:600px; min-width:388px; max-width:388px; margin-bottom:5px; }
#template1-div-right{ float:right; padding-left:2px; min-width:590px; max-width:590px; min-height:300px; max-height:600px; }
#template1-top-right{ min-height:50px; max-height:100px; }
#template1-center{ float:left; max-width:295px; min-width:295px; min-height:200px; max-height:500px; }
#template1-right{ max-width:295px; min-width:295px; min-height:200px; max-height:500px; margin-left:295px; }


/* Template 2 */
#template2-top-left{ min-width:488px; max-width:488px; min-height:300px; max-height:700px; }
#template2-top-right{ float:right; min-width:488px; max-width:488px; min-height:300px; max-height:700px; }


/* Template 3 */
#template3-left{ min-height:100px; max-height:800px; min-width:487px; max-width:487px; }
#template3-right{ float:right; min-height:100px; max-height:800px; min-width:487px; max-width:487px; }
#template3-center{ min-width:935px; max-width:935px; min-height:0px; max-height:800px; margin-left:20px;}



/* Template 4 */
#template4-center{ margin:auto; margin-top:10px; min-height:100px; }
#template4-scrolling{text-align: left; overflow: auto; margin-top:10px; padding-right: 10px; min-height:100px; max-height:350px;}

/* Template 5 */
#template5-center{ margin:auto; margin-top:10px; min-height:100px; }



/* LICENSE CONTAINER */
#div-main-container { text-align: center; } 
div#container-licence { margin: 0 auto; width:829px; padding:10px 30px 10px 30px; font-size:12px; text-align:left; }
#div-license-content { text-align: left; height: 320px; overflow: auto; padding-right: 10px; }

.input-button { width: 150px; }


/* Top menu */
#image-outwit{ position:relative; top:10px;}


#menu{font-size:14px;} 
#img-menu-left { float: left; margin-left: 10px; } 
#container-menu { height:52px; padding-right:15px; font-size:12px;}
#img-middle-balls { float: left; margin-right: 80px; margin-left: 120px; }

a.menu{ text-decoration:none;margin:20px 10px 0 0; } 
a.menu:hover{ text-decoration:underline; } 
a.a-menu{ text-decoration:none; margin:20px 10px 0 0; } 
a.a-menu:hover{ text-decoration:underline; } 


.menu_top {margin:0;margin-top:33px; list-style:none; height:19px; font-size:14px;}
.menu_top li.top {display:block; float:left; position:relative; z-index:200;}
.menu_top li a.top_link {display:block; float:left; height:19px; line-height:20px; text-decoration:none; cursor:pointer;}
.menu_top li a.top_link span {float:left; display:block; height:30px; padding: 0 7px;}


/* See outwit-White or outwit-Black
.menu_top li a.menu_border{border-left:1px solid #fff;}
.menu_top li:hover a.menu_border{border-left:1px solid #000;border-bottom:1px solid #000;}
.menu_top :hover ul.sub li a.fly {background:#fff;}
*/

.menu_top li:hover > a.top_link span {text-decoration:underline;}

.menu_top table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu_top a:hover {visibility:visible;}
.menu_top li:hover {position:relative; z-index:1000;}


.menu_top ul, 
.menu_top :hover ul ul, 
.menu_top :hover ul :hover ul ul,
.menu_top :hover ul :hover ul :hover ul ul,
.menu_top :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


.menu_top :hover ul.ow_menu {left:0px; top:19px; padding-top:5px; white-space:nowrap; width:auto; height:auto;}
.menu_top :hover ul.ow_menu li {display:block; height:25px; position:relative; float:left; width:100%;}
.menu_top :hover ul.ow_menu li a {display:block; height:25px; margin-left:10px;margin-right:10px; line-height:25px; text-decoration:none;}


.menu_top :hover ul li a:hover {text-decoration:underline;}

.menu_arrow{position:relative;float:right;margin-right:5px;line-height:25px;font-size:16px;font-weight:bold;}

ul.ow_menu :hover ul.ow_submenu_right {left:100%; top:-1px; padding-top:5px; white-space:nowrap; width:auto; height:auto; }
ul.ow_menu :hover ul.ow_submenu_right li {display:block; height:20px; margin:2px 0; position:relative; float:left; width:100%;}
ul.ow_menu :hover ul.ow_submenu_right li a {display:block; height:20px;  margin: 0 10px; line-height:20px; text-decoration:none;}

ul.ow_menu :hover ul.ow_submenu_right li a:hover {text-decoration:underline;}



ul.ow_menu :hover ul.ow_submenu_left {right:100%;left:auto;margin-left:100%; top:-1px; padding-top:5px; white-space:nowrap; width:auto; height:auto; }
ul.ow_menu :hover ul.ow_submenu_left li {display:block; height:20px; margin:2px 0; position:relative; float:left; width:100%;}
ul.ow_menu :hover ul.ow_submenu_left li a {display:block; height:20px;  margin: 0 15px; line-height:20px; text-decoration:none;}

ul.ow_menu :hover ul.ow_submenu_left li a:hover {text-decoration:underline;}

.menu_top :hover ul.ow_menu li.shadow1{display:block;z-index:-1;width:100%;height:100%;margin-top:-2px;padding-top:1px;margin-left:2px;padding-left:2px;position:absolute;opacity: 0.15;}
.menu_top :hover ul.ow_menu li.shadow2{display:block;z-index:-1;width:100%;height:100%;margin-top:-3px;padding-top:1px;margin-left:1px;padding-left:2px;position:absolute;opacity: 0.15;}
.menu_top :hover ul.ow_menu li.shadow3{display:block;z-index:-1;width:100%;height:100%;margin-top:-4px;padding-top:1px;margin-left:0px;padding-left:2px;position:absolute;opacity: 0.15;}

ul.ow_menu :hover ul.ow_submenu li.shadow1{display:block;z-index:-1;width:100%;height:100%;margin-top:-2px;padding-top:1px;margin-left:2px;padding-left:2px;position:absolute;opacity: 0.15;}
ul.ow_menu :hover ul.ow_submenu li.shadow2{display:block;z-index:-1;width:100%;height:100%;margin-top:-3px;padding-top:1px;margin-left:1px;padding-left:2px;position:absolute;opacity: 0.15;}
ul.ow_menu :hover ul.ow_submenu li.shadow3{display:block;z-index:-1;width:100%;height:100%;margin-top:-4px;padding-top:1px;margin-left:0px;padding-left:2px;position:absolute;opacity: 0.15;}


ul.ow_menu{font-size:12px;}



/* Support module */
#mission { padding: 1em; margin-bottom: 2em;}


#edit-field-feedback-country-value,
#edit-field-feedback-platform-value,
#edit-field-feedback-feature-value{width:250px;}

#edit-field-feedback-description-0-value{width:600px;}

#edit-field-feedback-first-name-0-value-wrapper label,
#edit-field-feedback-last-name-0-value-wrapper label,
#edit-field-feedback-email-0-value-wrapper label,
#edit-field-feedback-city-0-value-wrapper label,
#edit-field-feedback-country-value-wrapper label,
#edit-field-feedback-platform-value-wrapper label,
#edit-field-feedback-product-0-value-wrapper label,
#edit-field-feedback-feature-value-wrapper label,
#edit-field-feedback-test-url-0-value-wrapper label,
#edit-title-wrapper label,
#edit-field-feedback-description-0-value-wrapper label{/*display:inline;*/font-weight:normal;}



/* admin edit links */




ul.primary {margin: 5px;}
ul.primary li a {height: auto;margin-right: 0.5em; padding: 0 1em; text-decoration: none;}

ul.secondary {margin: 5px;}
ul.secondary li a {height: auto;margin-right: 0.5em; padding: 0 1em; text-decoration: none;}

ul.primary, ul.primary li{display:inline;}
ul.secondary li{display:inline;}
ul.primary, ul.primary li, 
ul.secondary, ul.secondary li { list-style: none; border: 0; background: none; margin: 0; padding: 0; font-size: 14px;}

ul.primary { padding: 0 10px; }
ul.secondary { padding: 5px 10px; }

ul.primary li a, ul.primary li.active a, 
ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, 
ul.secondary li a:hover, ul.secondary li a:visited { border: 0; background: transparent; display: inline; text-decoration: none; position: relative;}

ul.primary li.active a,
ul.secondary li.active a { text-decoration:underline;}

 
div#comments{margin-top:10px;border-bottom:1px #AAA solid;border-left:1px #AAA solid;border-right:1px #AAA solid;}
div.comment{border-top:1px #AAA solid;background:#F0F0F0;}
div.admin_comment{background:#E0E0FF;}



/*******************

Alert

********************/
.containerMessage .messages{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}
.containerMessage{border-top:1px solid #000;}
.containerMessage ul{list-style-type: none;}

div.status{background:#FFF;color:#33D;padding-top:5px;padding-bottom:5px;}
div.status ul{margin-top:0px;margin-bottom:0px;}

div.error{border:0;background:#FFF;color:#D33;padding-top:5px;padding-bottom:5px;}
div.error ul{margin-top:0px;margin-bottom:0px;}

div.warning{margin:15px;max-width:400px;border:0;background:#FFF;color:#33D;padding-top:5px;padding-bottom:5px;}
div.warning ul{margin-top:0px;margin-bottom:0px;}


/*************

Login Block

*************/
.sign_in{position:absolute;width:200px;font-size:12px;margin-left:190px;top:0;}
.sign_in_left{float:left;margin-right:5px;padding-right:5px;border-right:1px solid #CCC}
.sign_in_right{white-space: nowrap;}

.sign_out{position:absolute;width:220px;font-size:12px;margin-left:136px;top:0;}
.sign_out_left{float:left;margin-right:5px;padding-right:5px;border-right:1px solid #CCC}
.sign_out_right{}




/***************

User Forms

**************/

.left-form{max-width:300px;float:left;}
.right-form{max-width:300px;float:right;}
.left-form fieldset{min-height:170px;}
.userRegisterCenter{margin:auto;width:700px;}
.userRegisterCenter #edit-profile-FirstName,
.userRegisterCenter #edit-profile-LastName,
.userRegisterCenter #edit-profile-City{width:300px;}
.userRegisterCenter #edit-profile-Country{width:305px;}
.userRegisterCenter #edit-name,
.userRegisterCenter #edit-mail{width:300px;}
.userRegisterCenter fieldset{padding-left:10px;padding-right:10px;}
.userRegisterCenter fieldset legend{margin-left:-5px;}



.userRegisterCaptcha{float:right;margin-right:-30px;}
.userRegisterSubmit{float:right;margin-right:-30px;}

.captcha img{margin-bottom:-10px;float:left;}
#edit-captcha-response-wrapper label{font-weight:normal;margin-bottom:5px;}
#captchaTxt{margin-left:155px;}


.userProfileCenter{margin:auto;width:350px;}
.userProfileCenter fieldset{padding-left:15px;}
.userProfileCenter fieldset legend{margin-left:-10px;}
.userProfileCenter #edit-profile-FirstName{width:300px;}
.userProfileCenter #edit-profile-LastName{width:300px;}
.userProfileCenter #edit-profile-City{width:300px;}
.userProfileCenter #edit-profile-Country{width:305px;}

.userProfileSubmit{float:right;}


.userAccountCenter{margin:auto;width:400px;}
.userAccountCenter fieldset{padding-left:15px;}
.userAccountCenter fieldset legend{margin-left:-10px;}
.userAccountCenter #edit-mail{width:350px;}
.userAccountCenter #edit-name{width:300px;}
.userAccountCenter #edit-pass-pass1{width:180px;margin-bottom:-10px;}
.userAccountCenter #edit-pass-pass2{width:180px;margin-bottom:-10px;}
.userAccountCenter #edit-pass-wrapper .description{margin-top:10px;}
.userAccountCenter #edit-pass-wrapper{margin-top:25px;}
.userAccountCenter .password-description{margin-left:0px;}
.userAccountSubmit{float:right;}

.views-admin-links{max-width:300px;}
#views-exposed-form-Tickets-page-1 .collapsible{display:none;}