/**
*  @author : Equipe Front Office / Fullsix
* 
**/

/**
*
* @author : DFO IT Team@FullSIX
*
* A. Default : Initialisation de la structure de base de la page et des �l�ments par d�faut.
*
* B. Structure : Structure des conteneurs principaux de la page (Blocks mains et mainInside)
*
* C. RightContent : Gestion des styles et structures des blocs pr�sents dans la partie droite des pages
*
* D. Tableau de bord : Gestion des contenus des blocs tableaux de bord
*
* E. Mon Profil : Gestion des �l�ments et structures de la page mon profil
*
* F. Univers : @univers.css

**/

/* **************** A.. CSS LIBRARY ***************** */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/

/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }

/*fonts.css*/
body{font:13px arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}

/* **************** B.. STYLES GENERAUX (balises) ***************** */
.bold, strong{font-weight:bold;}
.boldHover:hover {font-weight: bold;}
.italic, em{font-style:italic;}
strong em, em strong {font-style:italic; font-weight:bold;}
.mentions {font-size:90%;font-style:italic;}
.lower {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.error{color: #fa0000;}
div.error, p.error{margin-top:5px;}
input.error {color : #000 !important;}
.template{display:none;}
a.bouton, .underNone , .underNone  a  {text-decoration:none;}
/*Forcage du soulignage sur un lien ci-dessus */
.underline {text-decoration:underline !important;}
.capitalize {text-transform: capitalize !important;}

a {text-decoration:underline; color:#000;}
a:hover{text-decoration:none;}
#rightColumn a, h3 a, h2 a, h4 a, h5 a, #footer a{text-decoration:none;}
ul, ul li {list-style:none;margin:0; padding:0;}
dt {font-weight:bold;margin-top:10px;}

/* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */
h1, .h1{font-size:241%; font-weight:bold; text-transform: none; color:#68CCCC;}
h2, .h2{font-size:189%; font-weight:bold; text-transform:none; color:#313131;}
h3, .h3{font-size:164%; font-weight:normal; text-transform:none; color:#000;}
h4, .h4{font-size:110%; font-weight:normal; text-transform: none; color:#000;}
h5, .h5{font-size:100%; font-weight:normal; text-transform: none; color:#000;}
h6, .h6{font-size:100%; font-weight:normal;  text-transform: none; color:#000;}

/* accessibilite */
.hasJS .hidden{display:none !important;}
 .hidden{display:none !important;}
 .invisible{ visibility: hidden;}
 .pngFix{background-image:url(skin/px.gif); filter:expression(pngFix(this));}
 
/* **************** C.. CLASSES DE MISES EN PAGE ***************** */
/* alignment */
.txtL{text-align:left !important;} 
.txtC,.txtC td, .txtC th{text-align:center !important;}
.txtR{text-align:right !important;} 
.txtT,.txtT td, .txtT th{vertical-align:top !important;} 
.txtM{vertical-align:middle !important;} 
.txtB,.txtB td, .txtB th{vertical-align:bottom !important;} 
.txtBase {vertical-align:baseline !important;} 
.floatL {float:left !important;} 
.floatR {float:right !important;} 
.center {margin-left:auto !important; margin-right:auto !important;} 
.clear{clear:both;}
/* size font */
.sizeEm80 {font-size: 80% !important;}
.sizeEm85 {font-size: 85% !important;}
.sizeEm90 {font-size: 90% !important;}
.sizeEm95 {font-size: 95% !important;}
.sizeEm100 {font-size: 100% !important;}
.sizeEm105 {font-size: 105% !important;}
.sizeEm110 {font-size: 110% !important;}
.sizeEm115 {font-size: 115% !important;}
/* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations */
.context { overflow:hidden;_overflow:visible;zoom:1;}
.noContext {overflow:visible !important; zoom:0 !important;}
.fullWidth {width: 100%;}
.inlineBlock {display:inline-block !important;}
.returnBlock {display:inline !important;}

/* ====== margins et paddings ====== */
/* ----- block padding ----- */
.Vspace{margin-top: 2px !important; margin-bottom:2px !important;}
.Tspace{margin-top: 2px !important;}
.Bspace{margin-bottom:2px !important;}
.noVspace {margin-top:0 !important; margin-bottom:0 !important;}
.noTspace {margin-top:0 !important;}
.noBspace {margin-bottom:0 !important;}
/* ----- content padding ----- */
.pdgStandard{padding:4px 8px;}
/* padding */
.paddingSm{padding:5px !important;}
.tPaddingSm{padding-top:5px !important;}
.rPaddingSm{padding-right:5px !important;}
.bPaddingSm{padding-bottom:5px !important;}
.lPaddingSm{padding-left:5px !important;}
.hPaddingSm{padding-left:5px !important;padding-right:5px !important;}
.vPaddingSm{padding-top:5px !important;padding-bottom:5px !important;}
.padding{padding:10px !important;} /* FIX THESE !!! */
.tPadding{padding-top:10px !important;}
.rPadding{padding-right:10px !important;}
.bPadding{padding-bottom:10px !important;}
.lPadding{padding-left:10px !important;}
.hPadding{padding-left:10px !important;padding-right:10px !important;}
.vPadding{padding-top:10px !important;padding-bottom:10px !important;}
.vPaddingIe{_padding-top:7px !important;_padding-bottom:7px !important;}
.paddingLg{padding:20px !important;}
.tPaddingLg{padding-top:20px !important;}
.rPaddingLg{padding-right:20px !important;}
.bPaddingLg{padding-bottom:20px !important;}
.lPaddingLg{padding-left:20px !important;}
.hPaddingLg{padding-left:20px !important;padding-right:20px !important;}
.vPaddingLg{padding-top:20px !important;padding-bottom:20px !important;}
.lPaddingxLg{padding-left:40px !important;}
.hPaddingxLg{padding-left:40px !important;padding-right:40px !important;}
.vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important;}
.tPaddingxLg{padding-top:40px !important;}
.rPaddingxLg{padding-right:40px !important;}
.bPaddingxLg{padding-bottom:40px !important;}
.lPaddingxxLg{padding-left:60px !important;}
.hPaddingxxLg{padding-left:60px !important;padding-right:60px !important;}
.vPaddingxxLg{padding-top:60px !important;padding-bottom:60px !important;}
.tPaddingxxLg{padding-top:60px !important;}
.rPaddingxxLg{padding-right:60px !important;}
.bPaddingxxLg{padding-bottom:60px !important;}
.lPaddingxxLg{padding-left:60px !important;}
.padding0{padding:0 !important;}
.tPadding0{padding-top:0 !important;}
.rPadding0{padding-right:0 !important;}
.bPadding0{padding-bottom:0 !important;}
.lPadding0{padding-left:0 !important;}
.hPadding0{padding-left:0 !important;padding-right:0 !important;}
.vPadding0{padding-top:0 !important;padding-bottom:0 !important;}
/* margin */
.marginSm{margin:5px !important;}
.tMarginSm{margin-top:5px !important;}
.rMarginSm{margin-right:5px !important;}
.bMarginSm{margin-bottom:5px !important;}
.lMarginSm{margin-left:5px !important;}
.hMarginSm{margin-left:5px !important;margin-right:5px !important;}
.vMarginSm{margin-top:5px !important;margin-bottom:5px !important;}
.margin{margin:10px !important;}
.tMargin{margin-top:10px !important;}
.rMargin{margin-right:10px !important;}
.bMargin{margin-bottom:10px !important;}
.lMargin{margin-left:10px !important;}
.hMargin{margin-left:10px !important;margin-right:10px !important;}
.vMargin{margin-top:10px !important;margin-bottom:10px !important;}
.marginLg{margin:20px !important;}
.tMarginLg{margin-top:20px !important;}
.rMarginLg{margin-right:20px !important;}
.bMarginLg{margin-bottom:20px !important;}
.lMarginLg{margin-left:20px !important;}
.hMarginLg{margin-left:20px !important;margin-right:20px !important;}
.vMarginLg{margin-top:20px !important;margin-bottom:20px !important;}
.tMarginxLg{margin-top:40px !important;}
.rMarginxLg{margin-right:40px !important;}
.bMarginxLg{margin-bottom:40px !important;}
.lMarginxLg{margin-left:40px !important;}
.hMarginxLg{margin-left:40px !important;margin-right:40px !important;}
.vMarginxLg{margin-top:40px !important;margin-bottom:40px !important;}
.margin0{margin:0 !important;}
.tMargin0{margin-top:0 !important;}
.rMargin0{margin-right:0 !important;}
.bMargin0{margin-bottom:0 !important;}
.lMargin0{margin-left:0 !important;}
.hMargin0{margin-left:0 !important;margin-right:0 !important;}
.vMargin0{margin-top:0 !important;margin-bottom:0 !important;}
.miniVspace {margin-top:1px !important;margin-bottom:1px !important;}
.miniBspace {margin-bottom:1px !important;}
.miniTspace {margin-top:1px !important;}

/* **************** D.. STRUCTURES ***************** */
/* ============================ Default Nav Header ================================ */
#header{z-index:9000; position:relative; zoom:1; background: #fff;}
.bodyPopup #header {height: auto;}
#header:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
.overNav{ padding: 4px 0 4px 0px;font-size:100%;}
.overNav a {font-size:1em;}
.overNav ul{text-align:right; /*overflow:hidden;*/ _overflow:visible; zoom:1;}
.overNav ul li{ display:inline; text-transform: uppercase; float:right; padding: 2px 0 0 10px;}
.overNav ul li.search {padding-top:0px;//padding-top: 2px;}
.overNav ul li.search span {color:#000;//margin-top: 10px;}
.overNav ul li.search form {//position: relative;//top: -2px;}
.overNav ul li.search form input.txt{background:#fff;border:1px #000 solid;padding:0 1px}
.overNav ul li.search .ok {//height: 16px;//position: relative;//top: -1px;}
body:last-child:not(:root:root) .overNav ul li.search .ok {height: 15px;}
.overNav form{display:inline;}
.overNav .txt, .overNav .ok{color:#fff;background:#000; border:none; padding:1px 2px; vertical-align: bottom;}
.overNav .ok{cursor:pointer;padding:0 3px;}
.overNav a {text-decoration:none;color:#000;}
/* subMenu */
/* ---- breadcrumb trail ---- */
.breadcrumb {overflow:hidden; _overflow:visible; zoom:1; clear:both;}
.breadcrumb ul {min-height:23px; _height:23px; line-height:23px; vertical-align:middle; margin-bottom: 10px;}
.breadcrumb li{display:inline;color:#b5babd;}
.breadcrumb li.current{font-weight:bold;}
.breadcrumb a:link{text-decoration: underline;color:#b5babd;}
.breadcrumb a:visited{text-decoration:underline;color:#b5babd;}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{text-decoration:none;}

/*hauteurHeader*/
#header .overNav{ height: 15px;}
#header #headerContent {height:81px; overflow: hidden;}
#header #menu {height: 18px;//height: 21px;}
#header .breadCrumb {height: 23px;}

/* ============================ /Default Nav Header ================================ */
#header #headerContent a.logo {float: left; display: block;height:81px;}
#header #headerContent #titleHead {float: left; height: 81px;}
/* ============================ Default Nav Footer ================================ */
/* ---- Footer --- */
#footer{color:#000; border-top:1px solid #000; padding:3px 0px 3px 0px; margin:0 3px; *margin-right:0; text-align:right; text-transform:uppercase;margin:auto;margin-top:22px;}
#footer li{display:inline; font-size:10px; margin-left:15px;} 
#footer li a{color:#000 !important;}
#footer .left{float:left; white-space:nowrap;}
#footer .right{float:right; white-space:nowrap;}
#footer li.last{ background-image:none;}

/* ============================ /Default Nav Footer ================================ */

/* ============ Templates ============ */
body{text-align:center; background:#fff;}
body.mceContentBody {text-align:left;}
#page{margin:auto; position:relative; text-align:left; font-size:85%; width:938px; font-family: Arial, "Trebuchet ms", Verdana, sans-serif; color:black; text-align:left;}

#body {margin-top:10px;position:relative; _font-size:11px;}
#mainInside, #main, #footer {float:left;}

#leftColumn{display:none;}
#rightColumn{display:none;}

#footer {width:100%;}

#leftColumn {
	float: left;
	width:186px;
}
#rightColumn {
	float: left;
	width:288px;
}
#rightColumn .block {margin:0;}

.line, .unit {float:left;/*display: inline;*/}
.line {width:100%;}
.unit{float:left;}
.size1on1{width:100%; _width: 99.99%;}
.size1on2{width:50%;}
.size1on3{width:33.33333%;}
.size2on3{width:66.66666%;}
.size1on4{width:25%;}
.size2on4{width:50%;}
.size3on4{width:75%;}
.size1on5{width:20%;}
.size2on5{width:40%;}
.size3on5{width:60%;}
.size4on5{width:80%;}

.size1on1,
.size2on2,
    
.size3on3,
.size4on4,
.size5on5 {
    width: 100%;
}

.lastunit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;overflow:hidden;_overflow:visible;zoom:1;}
.lastunitL {float:none; _float:left; display:block;  width:auto !important; zoom:1; margin-right:0 !important;}

.blockTabs .tabs {overflow:hidden; _overflow:visible; zoom:1;font-size:100%;}
.blockTabs .tabs li{float:left; //display:inline;margin-right:1px; margin-bottom:1px;}

.blockTabs .onglets4 li{width:25%;} .blockTabs .onglets3 li{width:33%;} .blockTabs .onglets2 li{width:50%;}
.black {color:#000;}

/* marges */
.block, 
.block .lastunit .block .block {margin-right: 20px;}
.block .lastunit .block, 
.block .lastunit .block .lastunit .block {margin-right: 0px;}
.size1on1 .block .block, .pageFullsize .lastunit .block{ margin: 0;}


.miniHspace .block, 
.miniHspace .block .lastunit .block .block {margin-right: 1px;}
.miniHspace .block .lastunit .block, 
.miniHspace .block .lastunit .block .lastunit .block {margin-right: 0px;}

.noHspace .block, 
.noHspace .block .lastunit .block .block {margin-right: 0px;}
.noHspace .block .lastunit .block, 
.noHspace .block .lastunit .block .lastunit .block {margin-right: 0px;}


/* template avec une colonne main uniquement */
#page.pageFullsize #rightColumn, #page.pageFullsize #navigation, #page.pageFullsize #leftColumn {display:none;}
#page.pageFullsize #mainInside{ width: 100%;}

/* template avec une navigation ET une colonne de droite */
#page.page2colsNav #rightColumn, #page.page2colsNav #navigation, #page.page2colsNav #leftColumn {display:block;}

#page.page2colsNav #rightColumn{ width: 180px;}
#page.page2colsNav #leftColumn{ width: 200px;}
#page.page2colsNav #leftColumn{}
#page.page2colsNav #mainInside{ width: 558px; _width: 557px;}


form .error input, form .error select, form .error textarea, form input.error , form select.error, form textarea.error {
    background-color:#FFE5E5;
    border:1px solid #FF0000 !important;
}

#sinveForm #sinisterDate {
    width: 120px;
}

#sinveForm #siniterHourLabel {
    width: 50px;
    margin-left: 10px;
}

#sinveForm #siniterHourSeparator {
    width: 5px;
}