/**********************************************************************************/
/* SKIN2 SITEGO */
/* BODY */
html{ overflow-y : scroll;}
body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#666;
padding:0;
margin:0;
}
/**********************************************************************************/
/* PAGE */
.page {
width: 912px;
margin: 0 auto;
}
/**********************************************************************************/
/* TOP */
.top_left {
width: 19px;
height: 32px;
background-image: url(http://www.sitego.fr/templates/skin2/top_left.png);
background-repeat: no-repeat;
background-position: bottom;
}
.top_right {
width: 19px;
height: 32px;
background-image: url(http://www.sitego.fr/templates/skin2/top_right.png);
background-repeat: no-repeat;
background-position: bottom;
}
.top {
height: 35px;
background-image: url(http://www.sitego.fr/templates/skin2/top.png);
background-repeat:repeat-x;
text-align: center;
}
.top h1 {
font-size: 10px;
font-weight: normal;
margin: 0;
padding-top:20px;
}
/**********************************************************************************/
/* HEADER */
.header {
background-color: white;
}
.header_title {
text-align: center;
}
.header_title h1 {
font-size: 10px;
margin: 0;
padding: 0;
}
/**********************************************************************************/
/* CONTENT */
.content {
background-color: white;
padding:10px;
margin:0;
}
.border_left {
width: 19px;
background-image: url(http://www.sitego.fr/templates/skin2/gauche.png);
}
.border_right {
width: 19px;
background-image: url(http://www.sitego.fr/templates/skin2/droite.png);
}
/**********************************************************************************/
/* BOTTOM */
.bottom_left {
width: 19px;
height: 32px;
background-image: url(http://www.sitego.fr/templates/skin2/bottom_left.png);
background-repeat: no-repeat;
}
.bottom_right {
width: 19px;
height: 32px;
background-image: url(http://www.sitego.fr/templates/skin2/bottom_right.png);
background-repeat: no-repeat;
}
.bottom {
height: 32px;
background-image: url(http://www.sitego.fr/templates/skin2/bottom.png);
background-repeat:repeat-x;
}
/**********************************************************************************/
/* FOOTER */
.footer {
text-align: center;
}
.footer p {
font-size: 9px;
margin: 0;
padding: 0;
color:#FFF;
}
.footer a:link {color: #FFF; text-decoration: none;}
.footer a:visited {color: #FFF; text-decoration: none;}
.footer a:hover {color: #FFF; text-decoration: underline;}

/**********************************************************************************/
/* LEFT */
.left {
float: left;
clear: both;
width: 20em;
margin: 0 0 0 0.1em;
padding: 0;
}
 
.leftcontent {
margin: 0.5em;
padding: 0.3em;
border: 1px solid #EEE;
}
 
.zone_left {
clear: right;
text-align: left;
}
.zone_left dl {
margin : 0.5em;
padding : 0.3em;
border : 1px solid #EEE;
}
.zone_left dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
/**********************************************************************************/
/* login */
#zone_left_login {
clear: right;
text-align: left;
}
 
#zone_left_login dl {
margin : 0.5em;
padding : 0.3em;
border : 1px solid #EEE;
}

#zone_left_login dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
/**********************************************************************************/
.content {
clear: right;
text-align: left;
margin: 0.5em 0.5em 0 20em;
padding: 0.3em 1ex 0.3em 1ex;
}


.content dd li {
margin-left: 2em;
}
 
.content dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
/********************************************************************************/
 
dl, dt, dd, ul, ol, li {
margin : 0;
padding : 0;
 
}
 
dd {
list-style-type : none;
}
 
dd li { margin-left:1.5em;}
/********************************************************************************/
#menu {
}
#menu dl {
margin : 0.5em;
padding : 0.3em;
border : 1px solid #EEE;
}
#menu dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
#menu dd {
}
#menu li {
text-align : left;
background : #fff;
padding-left : 2px;
margin : 0;
border : 1px solid #FFFFFF;
font-size : 11px;
list-style-type : none;
}
#menu a:link, a:visited {
color : #666;
text-decoration : none;
}
#menu a:hover, #menu dt a:hover {
color : #000000;
background-color : #EEE;
text-decoration : none;
}
/********************************************************************************/

.btn { background: #666; color: #eee; text-shadow: 0px -1px 0px #333; padding: 5px; float: left; position: relative;  text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../img/button/btn1.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
 
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
 
.btn.blue { background: #4D9EFF; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.gray { background: #666; }
.btn:hover { background-color: #333; }
.btn:active { background-color: #000; }
.btn[class] {  background-image: url(../img/button/shade.png); background-position: bottom; }


input { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
select { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
form { padding:0; margin:0;}
p { text-align:justify; }
img { border:none;}

.center {text-align:center;}
.chevron {font-weight:bold }
 
li { margin-bottom:0.3em;}

.content li {
	background: url(../../img/bullet_side.gif) no-repeat 0 1px;
	list-style:none;
	padding: 0 0 2px 20px;
}
/********************************************************************************/
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}

/********************************************************************************/
/* VALIDATION */
input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}
input.required, textarea.required {/*border: 1px solid #45505E;*/}
input.validation-failed, textarea.validation-failed {border: 1px solid #a03030; color : #a03030;}
input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00; color : #000;}
input.submit {border: 1px solid #455073; background-color: #30A035; color: white; font-size: 1.5em; padding-left: 10px; padding-right: 10px;}
.validation-advice {margin: 5px 0; padding: 5px; background-color: #a03030; color : #FFF; font-weight: bold;}
.custom-advice {margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold;}