body{font-size:10px;font-family: Arial, Helvetica, sans-serif;margin:0;width: 100%;height:100%; display: table;color: rgb(90,90,90);}
*{list-style:none;list-style-type:none;font-family:Arial, Helvetica, sans-serif;}
#content table span{font-size:0.8em;}
h5,h4,h3,h2{text-shadow: rgba(0,0,0,0.2) 1px 1px,rgba(254,255,254,0.5) 1px -2px;}
h4{color:#7A7A7A;}h5{color:#8A8A8A;}
/*div{border:0.05em dotted black;}*/
#container{width: 96%;position: absolute;height: 100%;margin: 0em 2em 0em 2em;/*background:url(../images/zuzana.png) no-repeat 100% 100%;*/}
#header,#footer{width: 100%}
#header #logotype{width:200px; height:100px; background: url(../images/logotype-silkinfo-web.png) no-repeat 0 0;}
#header #conex{ text-align: right; width: 20em;float:right;margin-top: -8em;}
#header #admin-client{ width: 70%;margin-left: 21em;margin-top: -8.5em;margin-bottom: 2em;}
#header #logo-client{margin-top: -8em;float:right;width: 100px; height:100px; background: url(../images/logotype-general-eo-web100.png) no-repeat 0 0;}
#header #logo-client img{float:right;}

table tr td{text-align: left;}
thead tr td{font-weight: bold;}

#menu{width: 20em;}
#content{width: 58em;}
#menu,#content,#header,#footer{float:left;}

a img{border:none;text-decoration:none;}

.cols{float:left;margin-left:0.5em;bottom: 10em;}

.boite{margin-top:0.5em;float:left;}

.pdfinline .lien-pdf{display: inline;padding: .5em .5em .5em 2em ;}

.block-list-boite{list-style: none;margin:0;padding:0;}
.middlecenter h2:first-child{border-bottom: 0.1em dotted rgb(23,134,190)}
.title-boite{background-color:rgb(255,255,255);}
/*.top,*/.bottom,/*.topcenter,*/.bottomcenter{height:1em;}

span i{font-size: 11px;color: rgb(221,142,84);}
.top,.center,.bottom{width:55em;float:left}
.middle{display:table;background:url(../images/middleleft.png) repeat-y;width: 55em;float:left;}
.topcenter,.bottomcenter{width:52.6em;height:1.2em;}
.middleright{float:right;width: 54em;display:table;background:url(../images/middleright.png) repeat-y 100% 0;}
.middlecenter{width:53em;background-color:rgb(225,225,225);float:left;display:table;}

.boite-50{float: left; width:27.5em;margin-left:0.5em;}
.boite-50 .top,.boite-50 .center,.boite-50 .bottom{width:27.5em;float:left}
.boite-50 .middle{display:table;background:url(../images/middleleft.png) repeat-y;width: 27.5em;float:left;}
.boite-50 .topcenter,.boite-50 .bottomcenter{width:25.1em;height:1.2em;}
.boite-50 .middleright{float:right;width: 27em;display:table;background:url(../images/middleright.png) repeat-y 100% 0;}
.boite-50 .middlecenter{width:25.5em;background-color:rgb(225,225,225);float:left;display:table;padding: 0 0.5em;}


#menu .top,#menu .center,#menu .bottom{width:20em;float:left}
#menu .middle{display:table;background:url(../images/middleleft.png) repeat-y;width: 20em;float:left;}
#menu .topcenter,#menu .bottomcenter{width:17.6em;height:1.2em;}
#menu .middleright{float:right;width: 19em;display:table;background:url(../images/middleright.png) repeat-y 100% 0;}
#menu .middlecenter{width:18em;background-color:rgb(225,225,225);float:left;display:table;}
#menu li span{font-size: 1.3em;}

.topcenter{background:url(../images/topcenter.png) repeat-x left bottom;}
.bottomcenter{background:url(../images/bottomcenter.png) repeat-x left top;/*border-bottom: 0.05em solid rgb(175,175,175);background-color:rgb(245,245,245);*/}

.topleft,.topcenter,.topright,.bottomleft,.bottomcenter,.bottomright{float:left;}

.img{width:1.2em;height:1.2em;display:block;font-size:1em;}
.topleft{background:url(../images/topleft.png) no-repeat right bottom;}
.topright{background:url(../images/topright.png) no-repeat left bottom;}
.bottomleft{background:url(../images/bottomleft.png) no-repeat right top;}
.bottomright{background:url(../images/bottomright.png) no-repeat left top;}

.middle h2,.middle h3{font-size:1em;margin:0;padding:0;}
.middle h2 span,.middle h3 span{font-family:Geneva,Arial,Helvetica,sans-serif;margin:0;font-weight:bold;}
.middle h2 span{color:rgb(23,134,190);font-size:1.4em}
.middle h3 span{color:rgb(6,85,144);font-size:1.3em;}
.middlecenter p{font-size:1em;}
.middlecenter p span{font-size:1.2em;}

#header h3,#header h5{margin:0;padding:0;}
#header h3 span{font-family:Arial,Helvetica,sans-serif;font-weight:bold; color: rgb(0,90,161);font-size: 1.8em;}
#header h5{font-family:Arial,Helvetica,sans-serif;font-size: 1em;font-weight:normal;}

span.hidden{display: none;}

#menu{}
#menu ul,#content ul{padding:0;}
#menu ulli{}
#menu ul li a{display:block;text-decoration:none;}
#menu ul.eo li a{background:url(../images/logotype-general-eo-web-mini.png) no-repeat 0% 50%;padding-left: 3.3em;height:3em;}
#menu ul li a span{font-weight: bold;line-height: 2.5em;font-size: 1.2em;color:rgb(23,134,190);}
#menu ul li a span:hover{font-weight: bold;line-height: 2.5em;font-size: 1.2em;;color: rgb(201,122,64);}

#menu ul.lilogicmax li span {
  font-weight: bold;
  line-height: 2.5em;  
  font-size: 1.2em;
  color: rgb(23,134,190);
  padding-left: 1em;
}
.clogicmax{
	color:#e96f02 !important;
}
#menu a img{text-decoration:none;border: none;}

span.eo{font-style: italic;letter-spacing:-0.1em;color:rgb(6,85,144);font-size: 1.3em;}

#identification input[type="text"]{}
#identification input[type="password"]{}
#identification input[type="button"],input[type="submit"]{background-color:rgb(23,134,190);margin-top: 0.8em;color: rgb(255,255,255);border: none;}

#identification input[type="text"],#identification input[type="password"]{width: 17.5em;}
#identification input[type="text"],#identification input[type="password"],#identification input[type="button"]{font-size: 1em;}

#content #access input[type="text"]{width: 50%;}

input[type="text"],input[type="password"]{border: 0.1em solid rgb(135,135,135);background:rgb(255,255,255) url(../images/inputext.png) repeat-x 0% 0%;}


#content a,#menu a{text-decoration: none;color: rgb(201,122,64);}
#content a:hover{text-decoration: underline;color: rgb(171,92,34);}
#content span{font-size: 1.4em;}/**/
#content ul li ul li{padding: 0.3em 0;display:list-item;}
.list-pdf{background:url(../images/pdf.png) no-repeat 100% 50%;}
.lien-pdf{background:url(../images/pdf.png) no-repeat 0% 50%;padding-left:2.5em;height:2.5em;display:block; line-height:2.3em;}
#footer{ color: rgb(200,200,200);}
#footer img{margin-top: 1em;}
.right{}
.image_left{float: left;margin: 0 0.3em; border: 0.1em solid rgb(135,135,135);}
h3 span{font-size: 1.4em; font-weight: bold; color: #39F;}
em span{font-size: 0.9em; font-weight: bold;}
code span{font-size: 0.8em; font-weight: bold; color: rgb(135,135,135);}

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

/*SELECTEURS article lastest*/
/*h1.titre-section{ float: right;}
h1.titre-section span{ font-size: 1.6em; display:block; margin-bottom:1em;}
h2.titre-categorie{ float: right;}
h2.titre-categorie span{ font-size: 1.4em; display:block; margin-top: -2em; margin-bottom:1em;}

.categorie{ display: table; width: 78em; padding: 1em;}

.ligne{ display: table; width: 78em;}

.one_cols_one_article,.one_cols_two_article{ padding: 0.8em; margin: 0.5em 0em; float: left; display: table; width: 76em;background: url(../images/dot_png_24/blanc/blanc_70.png);-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);}
.two_cols_one_article,.two_cols_two_article{ padding: 0.6em; margin: 0.2em; float: left; display: table; width: 37em;background: url(../images/dot_png_24/blanc/blanc_70.png);-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);}
.three_cols_one_article,.three_cols_two_article{ padding: 0.6em; margin: 0.2em; float: left; width: 24em;background: url(../images/dot_png_24/blanc/blanc_70.png);-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);}

.full_alpha{display: table; width: 76em;background: url(../images/dot_png_24/blanc/blanc_70.png);-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);}
.one_cols_three_article{ padding: 0.4em; margin: 0.2em; float: left;}
.one_cols_one_article .informations.full_para.left p,.one_cols_one_article .informations.full_para.left ul, .one_cols_one_article .informations.full_para.left h4, .one_cols_one_article .informations.full_para.left h5, .one_cols_one_article .informations.full_para.left a{width: 76em;}
.one_cols_two_article .informations.full_para.left p,.one_cols_two_article .informations.full_para.left ul, .one_cols_two_article .informations.full_para.left h4, .one_cols_two_article .informations.full_para.left h5, .one_cols_two_article .informations.full_para.left a{width: 37em; float: left;}
.two_cols_two_article .informations.full_para.left p,.two_cols_two_article .informations.full_para.left ul, .two_cols_two_article .informations.full_para.left h4, .two_cols_two_article .informations.full_para.left h5, .two_cols_two_article .informations.full_para.left a{width: 37em; float: left;}
.one_cols_three_article .informations.full_para.left p,.one_cols_three_article .informations.full_para.left ul, .one_cols_three_article .informations.full_para.left h4, .one_cols_three_article .informations.full_para.left h5, .one_cols_three_article .informations.full_para.left a{width: 23em;}

.left{float: left;}
.right{ float: right;}

.ligne ul.para_liste li span{ font-size: 1.1em; color: rgb(113,0,13);}

h3{font-size: 1em; border-bottom: 1px dotted rgb(128,120,120);background: url(../images/articles/titre.png) repeat-x;margin: -0.5em;padding: 0.5em;}
h4{ padding: 0em; margin: 0.6em 0.5em 0em 0em}
em{ float: right; margin-top: -1.7em;}
code{ float: right; display: block; margin-top: -0.7em; clear: both;}
p{ margin: 1em 0em;}
h3 span{font-size: 1.4em; font-weight: bold; color: #F00;background: url(../images/articles/feuille.png) no-repeat 100% 50%;padding-right: 0.9em;}
em span{font-size: 0.9em; font-weight: bold;}
code span{font-size: 0.9em; font-weight: bold;}
p span{ font-size: 1.1em;}
h4 span{ color: rgb(88,171,39);font-size: 1.2em;}
#liste_contenu ul{ font-size: 1em; color: #222;}
.three_cols_one_article .liens_enternes{color: rgb(84, 116, 184);min-height: 3em; display: block;background: url(../images/articles/arrow.png) no-repeat 100% 50%;}
.liens_enternes{color: rgb(84, 116, 184);min-height: 3em; display: block;background: url(../images/articles/arrow.png) no-repeat 100% 50%;}
.liens_enternes:hover{color: rgb(64, 96, 164);}

.liens_pro{ color: #00CC00; display:block;}
.liens_scaraboid{ color: #000000;}

.liens_enternes span{ line-height: 2.6em; padding-left: 2em; font-size:0.9em;}
#alert{position: absolute;}
#logo_scaraboid{font-size: 1em; width: 20em; height: 21.8em;}


.image_left,.image_right, .image{margin: 0.5em;}
.image_left{float: left;}
.image_right{float: right;}


#liste_contenu-menu{ margin-top: 0.8em; padding: 0.4em;display: table;background: url(../images/dot_png_24/blanc/blanc_70.png);-moz-border-radius: 0.5em;border: 0.1em solid rgb(255,255,255);}
#liste_contenu-menu a{ font-size: 1.1em;font-family: Georgia, "Times New Roman", Times, serif; color: #F00;}
#liste_contenu-menu a:before{content:" / ";}*/
/*------------------------------------------------ INITIALISATION article modele ------------------------------------------------*/

#metaformoid{padding:0.5em;background-color:#fff;width:79em;display:table;height: 50em;}
#metaformoid form ul,#metaformoid form ul li{width:76.5em;}
#metaformoid form ul li label{width:29%;font-size: 1em;}
#metaformoid form ul li input[type="text"],#metaformoid form ul li textarea{width:56.5%;font-size: 1.3em;}
#metaformoid form ul li input[type="text"].testeur{width:50%;}
.thin{float:left;width:15em;}
/*------------------------------------------------ INITIALISATION COMMUN ------------------------------------------------*/
#metaformoid p span{font-size: 1.3em;}
#metaformoid fieldset,#metaformoid form ul,.navinterne{margin:0;padding:0;font-size: 1em;}

	
#metaformoid fieldset {
	border:none;
	padding:0.8em;
}
#metaformoid legend span {
	font-size: 1.4em;
	font-weight:bold;
	color: #666;
}
#metaformoid form ul {
	display:table;
}
#metaformoid form div#resultcode ul {
	display:table;
	position:absolute;
	z-index: auto;
	width:80em;
	overflow:auto;
	margin:0;padding:0;
}
#metaformoid form div#resultcode {
	display:table;
	height: 40em;
	width:80em;
	margin:0;padding:0;
}
#metaformoid form ul li {
	list-style:none;
	display:table;
	margin:0.2em 0;padding:0.3em 0.5em;
}
#metaformoid form ul li.textarea,#metaformoid form ul li textarea {
	height: 10em;
}
#metaformoid form ul li.textarea.mini,#metaformoid form ul li textarea.mini {
	height: 4em;
}
#metaformoid form ul li.textarea.maxi,#metaformoid form ul li textarea.maxi {
	height: 30em;
}
#metaformoid form ul li label,#metaformoid form ul li input[type="text"],#metaformoid form ul li textarea{display:block;float:left;}

#metaformoid form ul li input[type="text"]{margin-top:0.1em;}
#metaformoid form ul li label span{font-size: 1.3em;line-height:1.5em;}
#metaformoid form ul li .champs{border: 1px solid rgb(200,200,200);}
#metaformoid form ul li .champs.required,.required{border: 1px solid #c00;}
#metaformoid form p{margin-bottom:2em;text-align:right;padding-right:11em;}
#metaformoid form p em span.required{padding: 0.5em;}
#metaformoid form p span{font-size: 1.2em;}
#metaformoid form ul li a.aide span{display:none;}
#metaformoid form ul li a.aide{margin-left:0.5em;display:block;font-size:1em;width:4.4em;height:2.2em;float:left;background:url(../images/boutons-aides.png) no-repeat;}
#metaformoid form ul li a.aide.html{background-position:left top;}
#metaformoid form ul li a.aide.txt{background-position:left bottom;}
#metaformoid form ul li a.aide.url{background-position:left bottom;}

#metaformoid form ul li label.error{position:absolute;margin:0 0 0 36%;width:30em;font-size:1.2em;border: 1px solid #ae8b74;background-color:#fff;padding:0.8em;}
/*------------------------------------------------ INITIALISATION CSS3 ------------------------------------------------*/
#metaformoid form ul li input[type="text"],#metaformoid form ul li textarea{-moz-box-shadow: 0px 1px 1px rgb(180,180,180) inset; -webkit-box-shadow: 0px 1px 1px rgb(180,180,180) inset;box-shadow: 0px 1px 1px rgb(180,180,180) inset;}
#metaformoid form ul li input[type="text"]:hover,#metaformoid form ul li textarea:hover{-moz-box-shadow: 0px 1px 2px rgb(180,180,180) inset; -webkit-box-shadow: 0px 1px 2px rgb(180,180,180) inset;box-shadow: 0px 1px 2px rgb(180,180,180) inset;}
#metaformoid form ul li input[type="text"]:focus,#metaformoid form ul li textarea:focus{-moz-box-shadow: none; -webkit-box-shadow: none;box-shadow: none;}
#metaformoid form ul li label.error{-moz-border-radius:0.3em;-webkit-border-radius:0.3em;border-radius:0.3em;-moz-box-shadow: 0px 1px 2px rgb(200,200,200); -webkit-box-shadow: 0px 1px 2px rgb(200,200,200);box-shadow: 0px 1px 2px rgb(200,200,200);}

#rss2ul,#rss1ul,#rss0ul{display:none;}
#loader,input[type="submit"],input[type="reset"],a#compshow,a#comphide,a#createArt,a#listArt,a#rss1,a#rss0,a#google,p.navtop a,a.bouton-lien-liste,a#allArt,body #content #metaformoid ul.article ul.boxArt{
border:1px solid #ccc;
text-decoration:none;
color:#666;
font-size: 12px;
text-shadow: rgba(194,205,211,1) 0px 1px;
box-shadow:0px 1px 2px #c2cdd3;-moz-box-shadow:0px 1px 2px #c2cdd3;-webkit-box-shadow:0px 1px 2px #c2cdd3;
-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;
padding: 7px;
background: #FFFFFF;
background: -moz-linear-gradient(90deg,#edf2f4,#FFFFFF);
background: linear-gradient(90deg,#edf2f4,#FFFFFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#edf2f4));
}
a#createArt,a#listArt,a#allArt{width: 15em;display:block;line-height: 1em;margin: 0.2em;}
#loader{display:none;width: 24px;height: 24px; background:#fff url(../images/loader.gif) no-repeat 50% 50%;z-index: 3000;}

ul.souscat{display:none;}
body #content #metaformoid .article ul.boxArt{width: 60em;float:left; margin: 0.3em 0;padding: 1em;-moz-opacity:0.9;-webkit-opacity:0.9;opacity:0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
body #content #metaformoid .article ul.boxArt li,body #content #metaformoid ul.article ul.boxArt li{margin:0;padding:0;}
body #content #metaformoid ul.article ul.boxArt li h1,
body #content #metaformoid ul.article ul.boxArt li em,
body #content #metaformoid ul.article ul.boxArt li p,
body #content #metaformoid ul.article ul.boxArt li code,
body #content #metaformoid ul.article ul.boxArt li a{margin:0;padding:0;}
body #content #metaformoid ul.article ul.boxArt li em span,
body #content #metaformoid ul.article ul.boxArt li p span,
body #content #metaformoid ul.article ul.boxArt li code span,
body #content #metaformoid ul.article ul.boxArt li a span{font-size: 1em;}
body #content #metaformoid ul.article ul.boxArt li  h1 span{font-size: 1.2em;}
#searchlink{position:relative;float: left;margin-left: -10em;display:block;}

.boite-35{float: left; width:32em;margin-left:0.5em;}
.boite-35 .top,.boite-35 .center,.boite-35 .bottom{width:32em;float:left}
.boite-35 .middle{display:table;background:url(../images/middleleft.png) repeat-y;width: 32em;float:left;}
.boite-35 .topcenter,.boite-35 .bottomcenter{width:29.6em;height:1.2em;}
.boite-35 .middleright{float:right;width: 31em;display:table;background:url(../images/middleright.png) repeat-y 100% 0;}
.boite-35 .middlecenter{width:30em;background-color:rgb(225,225,225);float:left;display:table;}

.boite-33{float: left; width:22em;margin-left:0.5em;}
.boite-33 .top,.boite-33 .center,.boite-33 .bottom{width:22em;float:left}
.boite-33 .middle{display:table;background:url(../images/middleleft.png) repeat-y;width: 22em;float:left;}
.boite-33 .topcenter,.boite-33 .bottomcenter{width:19.6em;height:1.2em;}
.boite-33 .middleright{float:right;width: 21em;display:table;background:url(../images/middleright.png) repeat-y 100% 0;}
.boite-33 .middlecenter{width:20em;background-color:rgb(225,225,225);float:left;display:table;}