/* CSS principal du site Pluriware */

/* styles communs */

a img{border: none}
body { margin: 0 0 0 0; padding: 0 0 0 0; background: white; font: 80% arial, verdana, sans-serif; }
.clear { clear: both;} /* pour retour à la ligne après un div */
.innertab {padding: 0 0 0 0; margin: 0 0 0 0; width: 100%;}
.leftmiddle {text-align: left; vertical-align: middle;}
.lefttop {text-align: left; vertical-align: top;}
.rightmiddle {text-align: right; vertical-align: middle;}
.centermiddle {text-align: center; vertical-align: middle;}

.softgrey { background-color: #eeeeee; border: 1px rgb(187,187,187) solid; width: 750px;}

.label {text-align: right; font-size:small;}
.thanks { color: rgb(0,153,51); font-weight: bold;}
.must {color: red; font-weight: bold; font-size: 10px; }
.titre3formules {font-size: 15px; font-weight: bold; color: rgb(127,32,32);}
/* div d'erreur */
.error {  padding: 5 5 5 5; display: block; width: 750px; background-color: rgb(255,204,204); border: 1px rgb(237,0,0) solid; margin-left: auto; margin-right: auto; font-weight: bold; font-size: 0.85em;}


.texte {padding-left: 2px; text-align: left; vertical-align: middle; float: left; font-size: 0.9em; font-weight: normal; color: #000; }
.textegras { font-size: 0.8em; font-weight: bold; color: #505050; }
.textecentre {text-align: center; font-size: 0.9em; font-weight: normal;}
.texte2 {font-size: 0.9em; font-weight: normal; text-align: left;}
.texte2centre {font-size: 0.9em; font-weight: normal; text-align: center;}
.important {font-size: 1em; font-weight: bold; color: rgb(153,0,0);}
.bottom {vertical-align: bottom; text-align: center;}
.titreappli {color: rgb(153,0,0); font-size: small; font-weight: bold; }
.bordered { font-size: small; font-weight: normal; background-color: #FFF; vertical-align: top; padding: 0 0 0 0; border-bottom: 3px #9b9b9b solid; border-left: 1px #9b9b9b solid ; border-right: 1px #9b9b9b solid ; border-top: 1px #9b9b9b solid ;}
.source {font-size: 0.9em; color: #666; font-style: italic;} /* source vidéo */
/* DEBUT styles pour page de contenu standard */

.tabstd { width: 90%; margin-left: auto; margin-right: auto; border-collapse:collapse; }


.contenu, .contenuvide, .contenujaune, .contenuvert, .contenugris, .contenuform {font-size: small; font-weight: normal; background-color: #FFF; vertical-align: top; padding: 1 1 1 1; border-bottom: 3px #9b9b9b solid; border-left: 1px #9b9b9b solid ; border-right: 1px #9b9b9b solid ; }
.contenujaune {background-color: #feffd6}
.contenuvert {background-color: #e4ffd6}
.contenugris {background-color: #eeeeee}
.contenuform {background-color: #efefef}
.borderednor { font-size: small; font-weight: normal; background-color: #FFF; vertical-align: middle; padding: 3 3 3 3; border-bottom: 1px #9b9b9b solid; border-left: 1px #9b9b9b solid ; border-top: 1px #9b9b9b solid ;}
.borderednol { font-size: small; font-weight: normal; background-color: #FFF; vertical-align: middle; padding: 3 3 3 3; border-bottom: 1px #9b9b9b solid; border-right: 1px #9b9b9b solid ; border-top: 1px #9b9b9b solid ;}
.borderednorl { font-size: small; font-weight: normal; background-color: #FFF; vertical-align: middle; padding: 3 3 3 3; border-bottom: 1px #9b9b9b solid; border-top: 1px #9b9b9b solid ;}

/* titres de tableau */
.titretab {border-bottom: 2px #009933 dotted; color: rgb(0,0,0); font-weight: bold; font-size: medium; text-align: center; background-color: #ccff66;}
.titretabvert {border-bottom: 4px #defe79 solid; border-left: 1px #9b9b9b solid; border-top: 1px #9b9b9b solid; border-right: 1px #9b9b9b solid; color: rgb(0,0,0); font-weight: bold; font-size: small; text-align: left; background-color: #b3de2c;}
.titretaborange {border-bottom: 4px #defe79 solid; border-left: 1px #9b9b9b solid; border-top: 1px #9b9b9b solid; border-right: 1px #9b9b9b solid; color: rgb(0,0,0); font-weight: bold; font-size: small; text-align: left; background-color: #fcb51c;}
.titretabjaune {border-bottom: 4px #defe79 solid; border-left: 1px #9b9b9b solid; border-top: 1px #9b9b9b solid; border-right: 1px #9b9b9b solid; color: rgb(0,0,0); font-weight: bold; font-size: small; text-align: left; background-color: #fff777;}

/* FIN styles pour page de contenu standard */
/* FIN styles communs */

/* Styles TB contact */
#tabcontact .label {font-size: small; font-weight: bold; text-align: right; vertical-align: top;}
#tabcontact .titrecontact {font-size: small; font-weight: bold; text-align: center; vertical-align: top; color: #505050;}
#tabcontact .separation_vert {background: url(../images/pic/separation_vert.gif) no-repeat center top; }
#tabcontact .separation_horiz {background: url(../images/pic/separation_horiz.gif) no-repeat left top; } 
#tabcontact .value {text-align: left; vertical-align: top;}
#tabcontact .contenu { background-color: #ffffff; }
#tabcontact .innertab {background: url(../images/pic/contact.jpg) no-repeat left center; }

/* ------------------------------------------ */


#divbtonvideo { width: 150px; position:absolute; top:85px; left: 20px; font-size: 10px; }

#formuleabscence { width: 200px; position:relative; top:-9px; left: 64px; font-size: 10px;}
#formulecontact { width: 200px; position:relative; top:-9px; left: 74px; font-size: 10px;}
#formuleavancee { width: 200px; position:relative; top:-9px; left: 74px; font-size: 10px;}
/* les styles du div #menu sont dans le fichier css : menu.css */
#contenu { }/* bloc div de contenu de chaque page */
/* div pied de page */
#piedpage, #piedpage a { white-space:nowrap; font-size: xx-small; font-style: italic; color: #555; text-decoration: none; text-align: center;}

/* Style liste */
#listevert { list-style-image: url(../images/pic/bullet_green.png);}

.focus { /*** Mise en avant des champs en cours d'utilisation ***/
	background: #f9dcbf;
	border: 1px rgb(0,0,0) solid;
  color: black;
  font-size: x-small;
}

.blur { /*** Mise en avant des champs en cours d'utilisation ***/
	background: #ffffff;
	border: 1px rgb(0,0,0) solid;
	color: black;
	font-size: x-small;
}

/* Styles pages d'accueil */
.celformuleabsences {background-image: url(../images/pic/sconet-formule-absences-sms.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 40px; font-size: 11px;}
.celformulecontact {background-image: url(../images/pic/sconet-formule-contact-sms.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 5px; padding-right: 10px; font-size: 11px;}
.celformavancee {background-image: url(../images/pic/sconet-formule-avancee-sms.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 5px; padding-right: 13px; font-size: 11px;}

/* style formulaire quote */
.border-top-left {background-image: url(../images/pic/border-top-left.gif); background-repeat: no-repeat; background-position: left top; }
/* .border-top {border-top: 2px #000000 solid; background-color: #ffffff;} */
.border-top {background-image: url(../images/pic/border-top.gif); background-repeat: repeat-x; background-position: left top; background-color: #ffffff;}
.border-top-right {background-image: url(../images/pic/border-top-right.gif); background-repeat: no-repeat; background-position: right top;}
/* .border-left {border-left: 2px #000000 solid; background-color: #ffffff;}*/
.border-left {background-image: url(../images/pic/border-left.gif); background-repeat: repeat-y; background-position: left top; background-color: #ffffff;}
.border-right {background-image: url(../images/pic/border-right.gif); background-repeat: repeat-y; background-position: right top;}
.border-bot-left { background-image: url(../images/pic/border-bot-left.gif); background-repeat: no-repeat; background-position: left bottom;}
.border-bot {background-image: url(../images/pic/border-bot.gif); background-repeat: repeat-x; background-position: left bottom; background-color: #ffffff;}
.border-bot-right { background-image: url(../images/pic/border-bot-right.gif); background-repeat: no-repeat; background-position: right bottom;}

.roundedtab { border-spacing: 0px;}
.roundedcontenu { background-color: #ffffff;}

.titreformule { font-size: medium; color: rgb(0,204,0); font-weight: bold;}
/* EOF */