.pencil{position:relative}
*{padding:0px;margin:0px;}

body{background-color:#e0dcc7;}
h2{margin-top: 15px;}
a {font-weight: bold;color: #26b8cd;}
a img{ border:none; }
ul{list-style-position:inside;}



h5{
font-size:10px;
}

#container{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	overflow: hidden;
	font-family: arial, serif;
	font-size: 12px;
	color: #36424a; /*#909090;*/
}

#header{
position:relative;
	width:901px;
	height:189px;
	background-image: url(/charte/otc.stepnet.fr/eng/prod/images/headerhome.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}


#ariane{font-weight: bold;padding-bottom:15px;margin-top:0px;position:relative}
#ariane a{font-weight: bold;text-decoration:none;color: #AEAEAE;}

#content{
	width:900px;
	min-height:500px;
	background-color:#fff;
}

#contenthome{
width:900px;
min-height:500px;
background-color:#fff;
background-image: url(/charte/otc.stepnet.fr/eng/prod/images/content.jpg);
background-position: left;
background-repeat: repeat-y;
}

#leftcol{
	width:168px;
	min-height:86px;
	background-image: url(/charte/otc.stepnet.fr/eng/prod/images/leftcolhome.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	padding-left:22px;
}

#leftcolhome{
	width:168px;
	height:186px;
background-image: url(/charte/otc.stepnet.fr/eng/prod/images/leftcolhome.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: left;
	padding-left:22px;
}
#leftcol form, #leftcolhome form{margin-top: 60px;}
#leftcol label, #leftcolhome label{font-size:10px;margin-bottom: 8px;}
#leftcol #q, #leftcolhome #q{width:120px; height:22px; border:2px #909090 inset; float:left;}
#leftcol #envoyer, #leftcolhome #envoyer{margin-left:8px;float:left}
#leftcol img, #leftcolhome img{margin-left:0;}


#leftcolhome form#rechercher{margin-top: 60px; margin-left:0px;}
#leftcolhome form#rechercher input#recherche{float:left;width:120px;}

#cartouche_left{
/*width:100%;*/
height:22px;
margin-top: -22px;
margin-left: -10px;
margin-bottom:20px;
}

#cartouche_left.sep{
/*width:100%;*/
height:22px;
margin-top: -33px;
margin-left: -10px;
margin-bottom:20px;
}

#cartouche_left #left{
background:#fff url(/charte/otc.stepnet.fr/eng/prod/images/ti-left.jpg) no-repeat top right;
width:10px;
background-color:#aca57b;
}


#cartouche_left #right{
background:#fff url(/charte/otc.stepnet.fr/eng/prod/images/ti-right.jpg) no-repeat top left;
}




/*sothear*/


#cartouche_left #left .haut{
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/titre-gauche-gauche_02.jpg);
background-position:top right;
background-repeat:no-repeat;
width:12px;
}

#cartouche_left #left .bas{
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/titre-gauche-gauche_03.jpg);
background-position:bottom right;
background-repeat:no-repeat;
width:12px;
}

#cartouche_left #right .haut{ 
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/titre-gauche-droite_01.jpg);
background-position:top left;
background-repeat:no-repeat;
width:12px;
}

#cartouche_left #right .bas{ 
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/titre-gauche-droite_03.jpg);
background-position:bottom left;
background-repeat:no-repeat;
width:12px;
}

#cartouche_right.sep{
height:22px;
margin-left: -10px;
}

#cartouche_right.sep #aleft{
width:39px;
height:24px;
}

#cartouche_right.sep #amiddle{
background-color:#aca57b;
color:#fff;
text-transform:uppercase;
text-align:center;
font-weight:bold;
height:22px;
float:left;
margin-top:-22px;
margin-left:39px;
}

#cartouche_right.sep #aright{
background-position:top left;
width:16px;
}


#cartouche_right #aleft .haut{
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_01_01.jpg) no-repeat;
background-position:bottom left;
height:19px;
}

#cartouche_right #aleft .bas{
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_01_02.jpg) no-repeat;
background-position:bottom right;
height:19px;
}

#cartouche_right #aright .hautb{ 
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_03_01.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
}
#cartouche_right #aright .basb{ 
background-image:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_03_02.jpg);
background-position:bottom left;
background-repeat:no-repeat;
float:left;
}



/*fin sothear*/

#cartouche_left #middle{
background-color:#aca57b;
color:#fff;
text-transform:uppercase;
text-align:center;
font-weight:bold;
}

#cartouche_left #right{
background-position:top left;
background-color:#aca57b;
}

#midcol{
	float:left;
	margin-left: 45px;
	width: 425px;
margin-right:25px;
}

#midcol2col{
	float:left;
	margin-left: 45px;
	width: 565px;
margin-right:85px;
text-align: justify;
overflow:hidden;
}
#midcol h1, #midcol2col h1{font-size:18px !important;margin-bottom:15px;text-align: left; font-family:arial;}
#midcol .title, #midcol2col .title{color: #44c1d4;font-size:11px;margin-bottom:15px;}
#midcol .content, #midcol2col .content{line-height:18px;}


#rightcol{
	float: left;
	width:196px;
	/*background-image: url(/charte/otc.stepnet.fr/eng/prod/images/evenements.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
	font-size: 10px;
	margin-top: 22px;
_overflow:hidden;
}




/*ajouter par sothear 16/09/08*/

/*#cartouche_right{
/*width:100%;*/
	float: left;
        font-size: 10px;
}







#rightcol3cols{
float: left;
	width:196px;
	font-size: 10px;
	padding-top: 0px;
_overflow:hidden;
}

#rightcontent{
	background-image: url(/charte/otc.stepnet.fr/eng/prod/images/rightcol.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding-left: 14px;

/* Ajout 05/05/09*/
width:200px;
float:right;
/* fin ajout */
}

#rightcontent .title{color: #bcb486;}
#rightcontent img{margin:0;margin-bottom:15px;margin-top:15px;clear:both;}

#footer{
	width:900px;
	height:15px;
	background-image: url(/charte/otc.stepnet.fr/eng/prod/images/footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#footerhome{
	width:900px;
	height:15px;
	background-image: url(/charte/otc.stepnet.fr/eng/prod/images/footerhome.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#mentions{text-align: right;}
#mentions a {font-size:10px;color:#a59d71;}

/**************MENU***********/
/*
#menu{
position:absolute;
right:0;
bottom:84px;
float:right;
text-align: right;
margin-right:15px;
margin-top:65px;
width:100%;
display: block;
}
*/
#menu_top_1{
display:block;
width:99px;
height:20px;
background-color: #72BCC7;
color:#fff;
/*border: 5px #3f8894 solid;*/
font-family: arial;
font-weight: bold;
font-size: 11px;
}

#menu_top_1:hover{color: #3f8894;}

#menu_top_2{
width: 150px;
display:block;
background-color: #eeebdb;
color: #ada890;
text-align: left;
padding-left: 10px;
line-height: 18px;
height:17px;
border-bottom: 1px #dbd5b7 solid;
font-family: arial;
font-weight: bold;
font-size: 11px;
}


#menu_top_2:hover{background-color: #f9f7ee;}

/*fait par JB*/
/*.submenu_left{
color: #69828a;
font-size: 10px;
height:20px;
line-height:22px;
display: block;
border-bottom: 1px #a7bbbe solid;
text-decoration: none;
padding-left:15px;
}

.submenu_left:hover{
color: #fff;
background-color: #72bcc8;
background-image: url(/charte/otc.stepnet.fr/eng/prod/images/hover.gif);
	background-position: left;
	background-repeat: no-repeat;
}*/


/*modifier par sothear 15/09/08*/
.submenu_left{

font-size: 12px;
height:20px;
line-height:22px;
display: block;
border-bottom: 1px #a7bbbe solid;
text-decoration: none;
padding-left:20px;
margin-left:-20px;
font-family:Arial;
font-weight:bold;
}

.submenu li:hover{
cursor:pointer;
}

.submenu li.active, .submenu li:hover a{
background-color: #72bcc8;
color:#fff;
cursor:pointer;
}

.submenu li.active a{
color:#fff;
}

.submenu_left:hover{
color: #fff;
background-color: #72bcc8;
background-position: left;
background-repeat: no-repeat;
}

ul.submenu{
margin-left:-20px;
color:#5B747D;
font-size:12px;
height:20px;
line-height:22px;
font-family:Arial;
font-weight:bold;
}

.submenu li{
list-style-type: none;
text-decoration:none;
padding-left:20px;
border-bottom:1px solid #A7BBBE;
color:#5B747D;
}

.submenu li:hover{
color: #fff;
background-color: #72bcc8;
}

.submenu li a{
text-decoration:none;
color:#5B747D;
}

.submenu li a:hover{
color:#FFFFFF;
text-decoration:none;
}

.submenu li a:visited{
text-decoration:none;
}



.content img, .image img{
margin:25px;
}


#formulaire label{text-align: right;}
#formulaire input{border: 2px #999 inset;}
#formulaire .star{color: #44c1d4;}
#formulaire .right{text-align: right;}

#menu {
height:18px;
position:absolute;
top:111px;
right:159px;
width:560px;
}

/*google appliance*/
.gN{display:none;}
.gT{font-weight:bold;font-size:14px;}
.gCRAWLDATE{font-size:10px;display:inline;}
.gSZ{font-size:10px;display:inline;}
.gU{margin-bottom:15px;}
.gTypePDF{float:right;font-size:10px;}
.sForm{display:none;}



/*cadre*/
#cadre { /* taille du cadre, à titre d'exemple */
position: relative;
background-color:#aca57b;
color:#fff;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background-color:#aca57b;
margin-left:30px;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche{
height: 12px; width: 11px;
margin-left:-1px;
}

#basgauche{
height: 11px; width: 13px;
background-repeat: no-repeat;
paddin-top:-1px;
}

#hautdroit,   #basdroit{
height: 12px; width: 12px;
background-repeat: no-repeat;
}

/* propriétés spécifiques à chaque coin */
#hautgauche {
background:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_01_01_02.jpg) no-repeat;
}

#hautdroit {
float: right;
background:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_03_01.jpg) no-repeat;
}
#basgauche {
background:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_01_02_02.jpg) no-repeat;
}
#basdroit {
float: right;
background:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_03_02.jpg) no-repeat;
}

.pointille{
margin-top:5px;
background:url(/charte/otc.stepnet.fr/eng/prod/images/evenements_01_02_01.jpg) no-repeat;
}

#ev{
background:transparent url(/charte/otc.stepnet.fr/eng/prod/images/ev-left.jpg) no-repeat top left;
.background-position:19px 0;
text-transform:uppercase;
margin-left:-14px;
_margin-left:0;
display:block;
height:26px;
overflow:hidden;
width:330px;
}

#ev .pencil{float:left}

#ev h3{
float:left;
margin-left:38px;
_margin-left:20px;
.margin-left:60px;
color:#fff;
font-weight:normal;
font-size:10px;
line-height:25px;
}

#ev #ri{
background:#fff url(/charte/otc.stepnet.fr/eng/prod/images/ev-right.jpg) no-repeat top left;
width:140px;
height:26px;
display:block;
float:left;
}


#container-links{
width:150px;
margin-left:120px;
}

#container-links a{
font-weight:normal;
text-decoration:none;
font-size:11px;
color:#bbb9b9;
}

#login { position:absolute; right:15px; top:135px; background-color:white; }

.home #ev{margin-left:-19px;_margin-left:0;}