body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #4C4C4C;
}

#header {
	height: 250px;
	background-color: #FFFFFF;
}
#headercoindroit {
	height: 86px;
	
	position: absolute;
	right:81px;
	top: 5px;
	float: right;
	width: 50px;
}
#headercoindroit2 {
	height: 62px;
	position: absolute;
	right:290px;
	top: 5px;
	float: right;
	width: 186px;
}

#haut {
height: 30px;
background-color:#CCCCFF;
}
#conteneur {
	position: relative;
	width: 755px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
#centre {
	background-color:#FFFFFF;
	margin-left: 30px;
	margin-right: 400px;
}
#centre_ht {

	background: url("../images/home_annonceur_navig_05.png") no-repeat;
	height: 35px;
	width: 755px;
}


#inscription_formulaire {
	background-color:#F9F9FF;
	margin-left: 0px;
	margin-right: 0px;
}
#gauche {
	position: absolute;
	left:0;
	width: 5px;
	height: 237px;
}
#droite {
	position: absolute;
	right:30px;
	width: 300px;
}
#divpostuler {
	height: 86px;
	right:81px;
	top: 5px;
	float: left;
	width: 190px;
	background-color: #FAFAFA;
}
#div_sites_ok {
	height: 86px;
	right:81px;
	top: 5px;
	float: right;
	width: 526px;
	background-color: #FAFAFA;
	oveflow-y: scroll; 
	overflow-x: hidden;
}

#exemple_cor {
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: dashed;
	border-color: #A0A0A4;
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;
}

#pied {
	height: 30px;
	background-color: #FFFFFF;
}

#question_obligatoire {
	background-color: #FFFFFF;
	border-width: 2px;

	border-color: #A0A0A4;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
#champs {
	background-color: #FBFFFF;
	border-width: 2px;
	border-color: #A0A0A4;
	margin-left: 50px;
	margin-top: 5px;
	margin-right: 50px;
}
#catalogue_prog {
	
	
	border-width: 1px;
	border-style: solid ;
	border-color: #A0A0A4;
	margin-left: 5px;
	margin-top: 2px;
	margin-right: 5px;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
	/*pas de border image*/
a img
{
	border:0px;
	vertical-align: middle;
}
img  {border: 0; VERTICAL-ALIGN: middle;}
p {
	height: auto;
	width: auto;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.Style2 {color: #35B0DC}
.Style3 {
	color: #FF6633;
	font-size: 0.6em;
}
.Style5 {color: #CC6632}
.Style6 {color: #999999}
.Style7 {color: #D4E700}
.Style8 {color: #F2683C}
.Style9 {color: #5BA7CD}
.Style10 {
	color: #808080;
	font-size: 1.3em;
}
.Style11 {color: #C22026}
.Style12 {color: #D41FFF}
.Style17 {font-size: 2.0em}
.Style18 {
	font-size: 5.5em;
	color: #A0A0A4;
	text-align: center;
}
.Style19 {
	font-size: 2.0em;
	color: #D40000;
	text-align: center;
}



a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D43F00;
	font-size: 0.85em;
	
}


a:link {
	text-decoration: none;
}

 a:hover {
	text-decoration: underline overline;
	color: #D40000;
	background-color:#DEF4FF;
	font-size: 0.85em;
	
}
a:active {
	text-decoration: none;
}
.Style16 {font-size: 1.0em}

label {
	display:block;
	width:100px;
	float:left;
	color: #A9A9A9;
	border-right-color: #A0A0A4;
	font-size: 0.8em;
}
#zone label {
	display:block;
	width:200px;
	float:left;
	color: #333333;
	border-right-color: #A0A0A4;
	font-size: 0.9em;
}

#form1 input.login, #form1 input.mdp, #form1 select
{
	
	width: 58%;
	border: #CCC 1px solid;
}

#form1 input:hover, #form1 select:hover, #form1 input:focus, #form1 select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
	
}
#form1.valider
{
	width: 100%;
}
.submit{
     border:none;
     color:#fff;
     background: transparent url('../images/connect.png') no-repeat top left;
     width:59px;
     height:13px;
}


#form3 label {
	display:block;
	width:200px;
	float:left;
	color: #000000;
	border-right-color: #A0A0A4;
	font-size: 0.9em;
	margin-left: 100px;
}


/* button submit */
#form3 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
	float: left;
	margin-left: 500px;
}

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

#form3 input[type="bouton"]
{
	
	width: 30%;
	border: #CCC 1px solid;
}
#form3 input:hover, #form1 select:hover, #form3 input:focus, #form3 select:focus
{
	background-color: #EDF4FF;
}
#form3 input[type="bouton"]
{
	background-color: #FF0000;
	border-color: #FF3F00;
}













#form4 label {
	display:block;
	width:200px;
	float:left;
	color: #000000;
	border-right-color: #A0A0A4;
	font-size: 0.9em;
	margin-left: 30px;
}


/* button submit */
#form4 input[type="button"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 50px;
	float: right;
	margin-right: 64px;	
}

#form4 input[type="button"]:hover
{
	background-color: #BDCEDF;
	cursor: pointer;
}

#form4 input[type="text"]
{
	
	width: 50%;
	border: #CCC 1px solid;
}

#form4 textarea
{
	width: 50%;
	border: #CCC 1px solid;
	height: 100px;
}


#form4 input:hover, #form4 select:hover, #form4 input:focus, #form4 select:focus
{
	background-color: #EDF4FF;
}
#zoneboutoncor
{
	float: left;
	margin-left: 260px;
}



/*script menu*/
#nav, #nav ul{
	margin:0;
	padding:100;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
}

#nav a{
	display:block;
	padding:0px 5px;
	border:1px solid #333;
	color:#fff;
	text-decoration:none;
	background-color:#ff6600;
}

#nav a:hover{
	background-color:#fff;
	color:#2A1FAA;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


#screenshot{
position:absolute; 
border:1px solid #ccc; 
background:#666666; 
padding:5px; 
display:none; 
color:#fff;
}





.multiSelect {
	width: 182px;
	border: solid 1px #BBB;
	background: #FFF url(dropdown.gif) right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: inline;
}

.multiSelect.hover {
	background: url(dropdown_hover.gif) right center no-repeat;
}

.multiSelect.active, 
.multiSelect.focus {
	border: inset 1px #000;
}

.multiSelect.active {
	background: url(dropdown_active.gif) right center no-repeat;
}

.multiSelectOptions {
	width: 206px;
	max-height: 150px;
	margin-top: -1px;
	overflow: auto;
	border: solid 1px #B2B2B2;
	background: #FFF;
}

.multiSelectOptions LABEL {
	padding: 2px 5px;
	display: block;
}

.multiSelectOptions LABEL.checked {
	background: #E6E6E6;
}

.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}

.multiSelectOptions LABEL.hover {
	background: #CFCFCF;
}





/* -------------------- */
/* boutons			*/
/* -------------------- */
a.button{
	background:url(../images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

#box a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#box a:hover.button{
	color:#0066CC;
}
#boxQUR a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#boxQUR a:hover.button{
	color:#0066CC;
}
#boxQM a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#boxQM a:hover.button{
	color:#0066CC;
}
#boxQC a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#boxQC a:hover.button{
	color:#0066CC;
}
#boxQCmdp a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#boxQCmdp a:hover.button{
	color:#0066CC;
}

#optinsimple a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: right;
	padding-right: 30px;
}
#optinsimple a:hover.button{
	color:#0066CC;
}
/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.valid{
		background:url(../images/tick.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.ajouter{
	background:url(../images/add.gif) no-repeat 10px 8px;
	text-indent:27px;
	display:block;
	font-size: 9px;
	}
	.delete{
		background:url(../images/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.ajouterQuestion{
		background:url(../images/add.gif) no-repeat 10px 8px;
		text-indent:50px;
		display:block;
	}
	.ajouterreponse{
		background:url(../images/add.png) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.supprimerreponse{
		background:url(../images/action_stop.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.voir{
		background:url(../images/action_refresh.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.voiroptinsimple{
		background:url(../images/action_refresh.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.valideroptinsimple{
		background:url(../images/action_go.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.supprimerQU{
		background:url(../images/delete.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.supprimer_zone{
		background:url(../images/action_stop.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.modif_zone{
		background:url(../images/database_edit.png) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.calculate{
		background:url(../images/action_refresh_blue.gif) no-repeat 5px 3px;
		text-indent:25px;
		display:block;
	}
	.postuler{
		background:url(../images/action_go.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
#divsupprimerQU a.button{
	background:none;
	display:inline;
	color:#555555;
	font-weight:bold;
	height:10px;
	line-height:23px;
	margin-bottom:5px;
	text-decoration:none;
	width:30px;
	float: left;
	padding-right: 30px;
}





#questionunique {
background-color: #FFFDFD;
width: 750px;
margin-left: 2px;
}



#boutsup {
	background-color: #2A3F55;
	background:url(../images/action_stop.gif) no-repeat 5px 2px;
	display:inline;
	text-decoration:none;
	width:30px;
	border: 0;
}
#inputunique {
	background-color: #2A3F55;
	background:url(../images/add.png) no-repeat 5px 2px;
	display:inline;
	text-decoration:none;
	width:30px;
	border: 0;
}
#inputunique input[type="button"]{
border: 0;background-color: #FFFFFF;width: 50px;float: right;margin-right: 64px;height: 17px;}

#inputunique input[type="button"]:hover{
background-color: #FFFFFF;cursor: pointer;}#inputunique'+valeur+' {background-color: #2A3F55;background:url(../images/add.png) no-repeat 5px 2px;display:inline;text-decoration:none;width:30px;border: 0;
}





















/* button submit */
#bouton2 input[type="button"]
{
	border: 0;
	background-color: #F9F9FF;
	width: 150px;
	float: right;
	margin-right: 34px;
	height: 17px;
}

#bouton2 input[type="button"]:hover
{
	background-color: #FFFFFF;
	cursor: pointer;
}
#boutonModifier{
	background-color: #2A3F55;
	background:url(../images/application_edit.png) no-repeat 5px 2px;
	display:inline;
	text-decoration:none;
	width:100px;
	border: 0;
}