/*  Copyright JCN Consultant Noisy le Roi France */

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #E7F4DB;
	font-family: Tahoma;
	font-size: 9pt;
	color:#666666;
}
.erreur1 {
	color:red;
}
b{font-size: 110%;}
em{color: red;}
hr { clear: both; visibility: hidden; }

#maincontainer{
	width: 970px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/ 
	background-image: url("/images/charte/fond-site.jpg");
}

#topsection1{
	background: #EAEAEA;
	height: 37px; /*Height of top section*/
	background: url("/images/charte/bandeau-haut1.jpg") no-repeat;
}

.login{
	margin-left:675px;
	padding-top:8px !important;
}

.login1{
	margin-left:900px;
	margin-top:-20px !important; 
}

.login2{
	margin-left:400px;
	padding-top:8px !important;
	font-size:8pt;
}

#topsection2{
	background: #EAEAEA;
	height: 257px; /*Height of top section*/ 
	background: url("/images/charte/bandeau-haut3.jpg") no-repeat bottom;
	/* Hack pour IE6 */
	-margin-top:-11px;
}

.menud {
	border:0;
	margin-top:-4px;
	/margin-top: 0;
	-margin-top:0;
}

.menud1 {
	border:0;
	margin-top:-2px;
	/margin-top:0;
	-margin-top:0;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 222px 0 193px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: transparent;
}

#leftcolumn{
float: left;
width: 193px; /*Width of left column in pixel*/	
height:384px;
padding-top:25px;
margin-left: -970px; /*Set margin to that of -(MainContainerWidth)*/
background-color: transparent; 
background: url("/images/charte/menu-gauche.jpg") no-repeat;
}

#rightcolumn{
float: left;
width: 222px; /*Width of right column*/
margin-left: -222px; /*Set left margin to -(RightColumnWidth)*/
background-color: transparent;
}

#footer{
clear: left;
width: 100%;
height:53px;
color: #B9B9B9;
font-size: 8pt;
font-weight:bold;
text-align: center;
background: url("/images/charte/bas.jpg") no-repeat;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertube-right{
margin: 17px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

a.menu1:link {font-size: 11px; color: #63C017; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu1:active {font-size: 11px; color: #63c017; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu1:visited {font-size: 11px; color: #63c017; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu1:hover {font-size: 11px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: underline overline}

a.menu2:link {font-size: 11px; color: #ffffff; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu2:active {font-size: 11px; color: #ffffff; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu2:visited {font-size: 11px; color: #ffffff; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu2:hover {font-size: 11px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: underline overline}

a.menu3:link {font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu3:active {font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu3:visited {font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu3:hover {font-size: 13px; color: #63c017; text-align: center; font-family: Tahoma; text-decoration: underline overline}

a.menu4:link {font-weight:bold; font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu4:active {font-weight:bold; font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu4:visited {font-weight:bold; font-size: 12px; color: #696969; text-align: center; font-family: Tahoma; text-decoration: none}
a.menu4:hover {font-weight:bold; font-size: 13px; color: #63c017; text-align: center; font-family: Tahoma; text-decoration: underline overline}

h1 {font-size: 16px; color: #63C017; font-family : Tahoma; font-weight:bold;} /*titre vert*/
.subtitle {
	font-size: 12px; 
	color: #bbbbbb; 
	font-family: Tahoma; 
	font-weight:bold;
	padding-bottom:8px;
	background: url(/images/charte/ligne-titre.jpg) no-repeat;
	background-position:left bottom;}

.menu-head-offres{
   	background: url(/images/charte/tg-offres.jpg) no-repeat; 
	width:169px;
	height:27px;
}

.menu-head-magicien{
   	background: url(/images/charte/tg-magicien.jpg) no-repeat; 
	width:169px;
	height:27px;
}

.menu-head-artistes{
   	background: url(/images/charte/tg-artistes.jpg) no-repeat; 
	width:169px;
	height:27px;
}

.submenu ul	{
   	margin: 0px;
	margin-top:-10px;
	margin-left:-8px !important;
	/padding-left:40px;
	margin-bottom:-10px;
  	background-color: transparent;
}

.submenu li {  
	font-family: Tahoma;
	font-size: 12px;
	color:#666666;
	list-style-image: url(/images/charte/bullet-v.jpg);
}

.submenu	{ 
	background-color: transparent; 
	width: 160px;
	margin-left: 2px;
	padding: 10px;
} 

.real{
	width:245px;
	font-family: Tahoma;
	font-size:8pt;
	color:#bbbbbb; 
	padding:5px 5px 5px 5px;
}

/*Example de CSS pour le déroulement des nouvelles*/

#pscroller1{
width: 185px;
height: 60px;
border: 0px solid black;
padding: 0px;
background-color: transparent;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

/* Feuille de style pour le formulaire */
#monForm
{
	margin-left:30px;
}

#monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monForm fieldset:hover
{
	background-color: #FFF;
}

#monForm fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999999;
}

/* Label */
#monForm label
{
	background-color: #D4D4D4;
	display: block;
	width: 49%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#monForm label:hover
{
	font-weight: bold;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input, #monForm select, #monForm textarea
{
	margin-left: 1%;
	width: 48%;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #e1e6ef;
}


/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monForm input[type="submit"]:hover
{
	background-color: #e1e6ef;
	cursor: pointer;
}

#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* Form login */

#monFormlogin
{
	margin-left:32px;
}

#monFormlogin p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monFormlogin fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monFormlogin fieldset:hover
{
	background-color: #FFF;
}

#monFormlogin fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999999;
}

/* Label */
#monFormlogin label
{
	background-color: #D4D4D4;
	display: block;
	width: 50%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

#monFormlogin label:hover
{
	font-weight: bold;
}

#monFormlogin .form_label_nostyle
{
	background: none;
	margin-left:-200px;
	
}

/* Input */
#monFormlogin input, #monFormlogin select, #monFormlogin textarea
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
}

#monFormlogin input:hover, #monFormlogin select:hover, #monFormlogin input:focus, #monFormlogin select:focus
{
	border: #999 1px solid;
	background-color: #e1e6ef;
}


/* button submit */
#monFormlogin input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monFormlogin input[type="submit"]:hover
{
	background-color: #e1e6ef;
	cursor: pointer;
}

#monFormlogin input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 22%;
}

#monFormlogin input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}


/* Arrondis */



#conteneurInput div
{
    background     : #ddeeff;
    position       : relative;
    border         : 1px solid #999999;
    text-align     : center;
    float          : left;
}

#conteneurInput input
{
    background     : none;
    border         : 0;
    padding        : 0 6px;
    width          : 130px;
}

span.top-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top	           : -1px;
    left           : -1px;
    background     : url("/images/form/top-left.gif");
}

span.bottom-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    left           : -1px;
    background     : url("/images/form/bottom-left.gif");
}

span.bottom-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    right          : -1px;
    background     : url("/images/form/bottom-right.gif");
}

span.top-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top            : -1px;
    right          : -1px;
    background     : url("/images/form/top-right.gif");
}