/*************************/
/****modele 1 contents****/
/*************************/


/*elements de contenu*/
H1,H2,H3 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#2D2D2D}
H5 {color:#a9b625;}
H1 {font-size:15px; margin:5px 0px 5px 0px;}
H2 {font-size:14px; margin:5px 0px 5px 0px;}
H3 {font-size:13px; margin:5px 0px 5px 0px;}
H4 {font-size:12px; margin:5px 0px 5px 0px;}
H5 {font-size:12px; margin:5px 0px 5px 0px;}
H6 {font-size:12px; margin:5px 0px 5px 0px; font-weight:normal}
itre 1 SYNOX  Gris {font-size:14px; rgb(128, 128, 128); font-family:"Duepuntozero bold"; background:url(../images/sphereSynox.png) no-repeat left bottom; padding:0px 0px 3px 10px; }
Titre 1 SYNOX  Framboise {font-size:14px; color:#A71048; font-family:"Duepuntozero bold"; background:url(../images/sphereSynox.png) no-repeat left bottom; padding:0px 0px 3px 10px; }
Titre 2 SYNOX  Gris {font-size:12px; rgb(128, 128, 128); font-family:"Duepuntozero"; padding:0px 0px 3px 10px; }
Titre 2 SYNOX  Framboise {font-size:12px; color:#A71048; font-family:"Duepuntozero"; padding:0px 0px 3px 10px; }
img { border: 0;}
a.info {
   position: relative;
   color: black;
   text-decoration: none;   
}
a.info span {
   display: none; /* on masque l'infobulle */   
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	text-decoration:none;
   
}
a.info:hover span 
{
    z-index: 500;
       display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-weight:bold;
   text-decoration:none;
   padding-left:20px; 
padding-right:10px;  
   padding-top:50px;   
   margin-top:70px;
   margin-left:-130px;
   background:url("../images/bulle.png") no-repeat;
   width:135px;
   height:190px;
}
.info:hover span li
{
margin-left:-20px;
}

a.infoGrand {
   position: relative;
   color: black;
   text-decoration: none;   
}
a.infoGrand span {
   display: none; /* on masque l'infobulle */   
}
a.infoGrand:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	text-decoration:none;
   
}
a.infoGrand:hover span 
{
    z-index: 500;
       display: inline; /* on affiche l'infobulle */
   position: absolute;
   font-weight:bold;
   text-decoration:none;
   padding-left:20px; 
padding-right:10px;  
   padding-top:50px;   
   margin-top:70px;
   margin-left:-130px;
   background:url("../images/bulle2.png") no-repeat;
height:260px;
   width:135px;
}
.infoGrand:hover span li
{
margin-left:-20px;
}


.vert:hover,.vert {color:#a9b625;}
.bleu:hover, .bleu {color:#7684a4;}
.or:hover, .or {color:#b0975d;}
.rouge:hover, .rouge {color:#c60036;}
.orange:hover, .orange {color:#f39117;}
.noir:hover, .noir { color:black;}

/*separator*/
HR {margin:1em auto; border:none; border-top:1px solid #A3A3A3}

/*Formulaires*/
FIELDSET {margin:15px 0px;}
FIELDSET LABEL {float:left; display:block; width:25%;}
/*LABEL { white-space: normal}*/
BUTTON {text-align: center; background:transparent url(../images/buttonright.gif) no-repeat;  border:0px none;  vertical-align:middle; font:bold 11px Arial, Helvetica, sans-serif; margin:0px; padding:0px 5px 0px 0px; overflow:visible; cursor:pointer}
BUTTON SPAN {position: relative; display: block; white-space: nowrap; height:19px; color:#fff; line-height:19px;padding:0px 0px 0px 7px; margin:0px; background:transparent url(../images/buttonleft.gif) no-repeat left top; }
.button1,.button2,.button3 {background-color:transparent;}


/*application browser*/
.pager {font-size:11px;}
.pager .browser A {display:block; width:18px; height:16px; text-align:center;  background-color:#d2d2d2; /*border:1px solid black; */font-size:11px;}
.pager .browser A:hover {background-color:#848484; color:#ffffff}
.pager .browser SPAN {display:block; text-align:center;}
.pager .browser STRONG {display:block; width:18px; height:16px; text-align:center;  background-color:#848484; color:#FFFFFF}
.application-browser {padding:0px; margin:10px 0px 10px 0px}

.filter-area {font-size:11px; margin:20px 0px 30px 0px; }
.actions-area {border-bottom:2px solid #DEDEDE; padding-bottom:5px;}
.pager {border-bottom:2px solid #DEDEDE; padding-bottom:5px;}
.list-sort {font-size:11px;}
.navigation-area .horizontal TABLE {width:auto}
.form-area LI LABEL {float:left; display:block; width:20%;}
.form-area .button-area {padding:10px 0px 0px 0px;}
.date {font-size:11px; color:#898989; margin:2px 0px 2px 0px;}
.path {font-size:11px; color:#898989; margin:2px 0px 2px 0px;}
.actor {font-size:11px; color:#898989; margin:2px 0px 2px 0px;}
.thumbnail-view .detail {border-color:#DEDEDE}
.thumbnail-view .detail .thumbnail {padding:2px}
.sys-application-portal-filecenter-folders .list-view .detail {margin:0px 10px 20px 0px; clear:both; border-top:1px solid #DEDEDE; padding-top:10px;}
.sys-application-portal-filecenter-folders .list-view .detail .thumbnail {float:right;  width:128px; height:128px; margin-right:10px; text-align:center; }
.sys-application-portal-filecenter-folders .list-view .detail .thumbnail IMG {vertical-align:middle}

.item-view H1 {margin:15px 0px 10px 0px;}
.item-view .description {border-bottom:2px solid #DEDEDE; padding:0px 0px 10px 0px;}
.item-view .content {margin:15px 0px 15px 0px;}
.item-view .path { margin-top:10px}
.item-view .button-area {border-top:2px solid #DEDEDE; padding-top:5px; margin-top:10px}

.table-view TH,.table-view TD {border:1px solid #D4D4D4; }

/*authentication*/
.authentication-form {border-color:#C8C8C8; line-height:20px; padding:8px; width:150px;}
.authentication-form UL {margin:0px; padding:0px;}
.authentication-form LI LABEL {font-weight:bold}
.authentication-form .button-area {padding:0px 0px 0px 0px;}
.authentication-form BUTTON {margin:10px 0px 0px 0px}

/*sendtofriend*/
.send-to-friend {margin:10px 0px 10px 10px; border:none; width:160px; background: url(../images/sendtofriend.gif) no-repeat 0px 1px; padding-left:20px; font-size:10px;}
.send-to-friend STRONG {font-family:Verdana, Arial, Helvetica, sans-serif}
.send-to-friend EM { font-style:normal}
.send-to-friend FIELDSET,.send-to-friend FIELDSET UL {margin:0px; padding:0px;}
.send-to-friend FIELDSET LABEL {float:none; display:inline; width:auto;}
.send-to-friend FIELDSET LI {margin:0px; padding:2px 0px 2px 0px;}
.send-to-friend A:link,.send-to-friend A:visited {color:#666666; text-decoration:none}
.send-to-friend A:hover,.send-to-friend A:active {color:#000000; text-decoration:underline}
.send-to-friend .button-area {padding:5px 0px 0px 0px; text-align:left}

/*polls*/
.poll {margin:10px; width:100%;}
.poll .button-area {padding:0px;}
.poll UL {display:block; padding:0px; margin:0px;}
.poll LI {display:block}

/*modeles de blocs et specifiques a ce modele*/
/*focus*/
/*.focus {border:1px solid #A3A3A3; margin:8px; padding:8px;}
.focus H1 {margin:0px 0px 5px 0px; padding:0px; text-align:center}
.focus .R1 {text-align:center}
.focus P {font-size:11px;}*/

/*note*/
.note {border:1px solid #c8c8c8; margin:8px; padding:0px; color:#676767}
.note H1 {margin:0px; padding:3px 5px 3px 5px; background:url(../images/header-note.jpg) repeat-x; border:1px solid #e8e7e7}
.note .note-content {padding:8px}
.note P {font-size:11px;}

/*zoom actualites*/
.zoom-actus {background:url(../images/fondzoom.jpg) repeat-x; margin:8px; padding:8px; border-top:2px solid #979797; color:#747373}
.zoom-actus H2 {margin-top:2px}
.zoom-actus A:link,.zoom-actus A:visited {color:#4a4a4a; text-decoration:underline}
.zoom-actus A:hover,.zoom-actus A:active {color:#000000; text-decoration: none}

/*zoom evenements*/
.zoom-events {background:url(../images/fondzoom.jpg) repeat-x;  margin:8px; padding:8px; border-top:2px solid #979797;}
.zoom-events H2 {margin-top:2px}
.zoom-events A:link,.zoom-events A:visited {color:#4a4a4a; text-decoration:underline}
.zoom-events A:hover,.zoom-events A:active {color:#000000; text-decoration: none}

/* Les métiers */
.metiersTab{width:450px;height:370px;background:url("../images/metiers/arc.png") no-repeat;padding-top:70px;margin-top:-60px;}
.metiersTab .CL td { padding-bottom:60px;padding-left:3px;}
.produitsTab{width:450px;height:465px;background:url("../images/arcProduit.png") no-repeat;}

/*liste a fleches*/
.arrow-list {padding:0px; margin:8px;}
.arrow-list LI {background:url(../images/arrow.gif) no-repeat 3px 0px; list-style:none; margin:2px 0px 3px 0px; padding:2px; padding-left:15px;}
.arrow-list LI P {margin:0px 0px 0px 0px;}

/*element avec icone*/
.icon1 {background:url(../images/icon1.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon2 {background:url(../images/icon2.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon3 {background:url(../images/icon3.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon4 {background:url(../images/icon4.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon5 {background:url(../images/icon5.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon6 {background:url(../images/icon6.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon7 {background:url(../images/icon7.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon8 {background:url(../images/icon8.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon9 {background:url(../images/icon9.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon10 {background:url(../images/icon10.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon11 {background:url(../images/icon11.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon12 {background:url(../images/icon12.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon13 {background:url(../images/icon13.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon14 {background:url(../images/icon14.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon15 {background:url(../images/icon15.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon16 {background:url(../images/icon16.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon17 {background:url(../images/icon17.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon18 {background:url(../images/icon18.gif) no-repeat 0px 2px; padding:5px 5px 5px 24px;}
.icon19 {background:url(../images/icon19.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon20 {background:url(../images/icon20.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon21 {background:url(../images/icon21.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon22 {background:url(../images/icon22.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon23 {background:url(../images/icon23.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}
.icon24 {background:url(../images/icon24.gif) no-repeat 0px 3px; padding:5px 5px 5px 24px;}