@charset "utf-8";
/* CSS Document */
html, body{ color: #293b3d; font-size: 93%; margin:0; padding:0; font-family: Calibri, Arial, Helvetica, sans-serif; background-color:#8ccbd2; width:100%; background-image:url(../images/backHeader.jpg); background-repeat:repeat-x; }

#logo{
	width:1018px;
	height:175px;
	margin-left:auto;
	margin-right:auto;
	left:-509px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;

}

#headerLeft{
	width:50%; 
	height:180px; 
	background-image:url(../images/backHeader.jpg); 
	background-repeat:repeat-x; 
	background-position:right; 
	float:left; 
}
#headerRight{
	width:50%; 
	height:180px; 
	background-image:url(../images/backHeader.jpg); 
	background-repeat:repeat-x; 
	background-position:left; 
	float:right; 
}
#main{ 
	position:absolute;
	top:170px;
	width:100%; 
	height:auto;
}
#page{ background-color: transparent; background-image: url(../images/back_page.jpg); width: 1018px; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; left:-509px; background-repeat:repeat-y; }
#colLeft{ width:200px; height: 360px; float:left; }
#colRight{ background-color: transparent; width:800px; height: 360px; overflow: auto; float:right; margin-right: 9px; list-style-type: disc; list-style-image: url(../images/puce.gif); }

#haut_page{ 
	width: 1018px; 
	height:66px; 
	margin-left:auto; 
	margin-right:auto; 
	left:-509px;
}

#bas_page{ 
	width: 1018px; 
	height:17px; 
	margin-left:auto; 
	margin-right:auto; 
	left:-509px; 
	background-image:url(../images/bas_page.jpg); 
	background-repeat:no-repeat;
}
/*___________________Recherche____________*/
#recherche{
	position:absolute;
	margin:10px 0px 0px 800px;
	padding:30px 0 0 0;
	height:30px;
}

.champRecherche{ width:140px; background-color:transparent; color:#ffffff; font-size : 0.8em; font-family: Calibri, Arial, Helvetica, sans-serif; padding:0; margin:0; border-bottom: 1px dotted #ffffff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }

button{
font-family: Calibri, Arial, Helvetica, sans-serif;
color:#e96c21;
cursor:pointer;
border:0;
}

.buttonEntretien{ color: #446006; background-color: #faffa2; border: inset 1px #5a8388; }
.buttonRecherche{
	width:22px;
	margin:0 0 0 0px;
	padding:0;
}
#footer{ background-image: url(../images/repeat_bas_page.jpg); width:1000px; height:57px; background-repeat:repeat-x; background-position:50% bottom; margin-left:auto; margin-right:auto; margin-top:5px; left:-500px; }
#logo_bas_page{
	float:right;
}
.logo_cci{ width: 95%; padding: 2px; }
.logo_cci td { width: 32%; list-style:none; }
#partenaires{
	float:right; margin-right: 10px; 
}


#menu_bas_page{
	position:relative;
	float:left;
	bottom:-18px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#5e1a6f;
}
#menu_bas_page a{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	font-weight:bold;
	color:#5e1a6f;
	text-decoration:none;
}
#menu_bas_page a:hover{
	color:#EA6B1E;
}

/*___________________Se connecter____________*/
#seConnecter{ 
	border-right:1px dotted #5c1f5e;
	margin-top: 25px;
}
#seConnecter ul{ padding:0; margin:4px 0 10px 30px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:0.85em; color:#5e1a6f; list-style-type:none; font-style:normal; display: block; }


#seConnecter h1{ 
	color:#5c1f5e;
	font-size:0.9em; 
	background-image:url(../images/puceH1_2.jpg);
	background-repeat:no-repeat;
	padding: 4px 25px 4px 20px;
	margin-left:10px;
}
.buttonConnect{ width:80px; height:16px; font-size:11px; text-align: center; margin:0 0 4px; padding:0; color: #446006; font-weight: bold; background-color: #faffa2; border: inset 1px #5a8388; }
.champIdentifiant{
	width:140px;
	border:solid 1px #5c1f5e;
	color:#000000;
	font-size : 0.86em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 4px 0 1px;
}
.champMDP{
	width:80px;
	border:solid 1px #5c1f5e;
	color:#000000;
	font-size : 0.85em;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 4px 0 1px 0;
}



#seConnecter a{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-decoration:none;
	font-style:italic;
	color:#5c1f5e;
	margin: 4px 0 1px 20px;
}

#seConnecter a:hover{
	text-decoration:underline;
}


/*___________________Menu Gauche______________*/
#concerto{ margin-top: 2px; margin-bottom: 5px; margin-left: 23px; border-width: 0; }
img{ border-width: 0; }
#leftMenu{border-right:1px dotted #EA6B1E;}
#leftMenu h1{ 
	color:#ea6b1e;
	font-size:1.1em;
	background-image:url(../images/puceH1.jpg);
	background-repeat:no-repeat;
	padding: 4px 25px 4px 20px;
	margin-left:10px;
	}
#leftMenu ul{ padding:0; margin:4px 0 10px 30px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:0.85em; color:#5e1a6f; list-style-type:none; font-style:normal; display: block; }
#leftMenu ul a{ 
	text-decoration:none; 
	color:#5E1A6F;
}
#leftMenu ul a:hover{
	text-decoration:underline;
}

/*___________________Main Menu________________*/
#mainMenu{
	position:absolute;
	width:100%;
}
#onglets{
	width:1018px;
	margin-left:auto;
	margin-right:auto;
	left:-509px;
}
#menu {
	width: 480px;
	list-style: none;
	margin: 0;
	padding: 0;
}


.onglet1  {
	float: left;
	width: 120px ;
	height:32px;
	background: url(../images/onglet1.gif) left top no-repeat ;
	text-align:left;
}
.onglet2  {
	float: left;
	width: 120px ;
	height:32px;
	background: url(../images/onglet2.gif) left top no-repeat ;
	text-align:left;
}
.onglet3  {
	float: left;
	width: 120px ;
	height:32px;
	background: url(../images/onglet3.gif) left top no-repeat ;
	text-align:left;
}
.onglet4  {
	float: left;
	width: 120px ;
	height:32px;
	background: url(../images/onglet4.gif) left top no-repeat ;
	text-align:left;
}

#mainMenu a{
	padding:12px 0px 0px 6px;
	color:#FFFFFF;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:2px;
}
#mainMenu a:hover{
	text-decoration:underline;
}

/*___________________TEXTES___________________*/
p{ font-family: Calibri, Arial, Helvetica, sans-serif; color:#000; padding: 0 25px 15px 10px; margin:0; font-size:1em; text-indent: 5px; }
p a{
	color:#EA6B1E;
	text-decoration:none;
}
p a:hover{
	text-decoration:underline;
}
h1{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#5E1A6F;
	padding: 0px 25px 0px 10px;
	margin:0px;
}
h2{ font-family: Calibri, Arial, Helvetica, sans-serif; color: #ea6b1e; font-size: 1.4em; padding: 0 25px 0 10px; margin:0; }
h3{ font-family: Calibri, Arial, Helvetica, sans-serif; color: #98b13c; font-size: 1.2em; padding: 0 25px 0 10px; margin:0; }
h4{ font-family: Calibri, Arial, Helvetica, sans-serif; color: #a9a9a9; font-size: 1.1em; padding: 0 25px 0 10px; margin:0; }
h5{ font-family: Calibri, Arial, Helvetica, sans-serif; color: #5e1a6f; font-size: 1em; font-style: italic; padding: 0 25px 0 10px; margin:0 0 0 5px; }
/*____________________________LISTE___________________________*/
ul{
	padding:0px; 
	margin:4px 0px 0px 40px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#5E1A6F;
	list-style-type:circle; 
	font-style:italic;
}
 a{ 
	text-decoration:none; 
	color:#EA6B1E;
}
a:hover{
	text-decoration:underline;
}
/*____________________________FORMULAIRE___________________________*/
form{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
form p{
	padding:0px;
	margin:10px 0px 0px 45px;
	color:#000;
	font-size:13px;
}
label{
	color:#008F9F;
}
.champ_texte{
	border-bottom : 1px dotted #008F9F;
	border-top : 0px;
	border-left : 0px;
	border-right : 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding : 0px;
}
.textarea { 
font-family: Calibri, Arial, Helvetica, sans-serif;
width: 730px; 
height: 100px; 
}
.textareaQ { 
font-family: Calibri, Arial, Helvetica, sans-serif;
height: 100px; 
}
.champ_text_multi{
	border : 1px dotted #008F9F;
	padding : 0px;
	margin:2px 0px 8px 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.btn_choix{
	padding : 0px;
	margin:8px 0 0 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.btn_radio{
	padding : 0px;
	margin:6px 0px 0px 15px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.btn_checkbox{
	padding : 0px;
	margin:6px 0px 0px 15px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	.vert { color: #007e2a; background-color: transparent; font-weight: bold; font-size: 13px;}
  .grand { color: #007e2a; font-size: 1.5em; background-color: inherit; font-weight: bold;}
  .centre {text-align: center;}
  .imageCadre {border: solid 1px #093;}
.alerte {  color: #e22202; font-weight: 700;  background-color: inherit; }
  .message {  color: #539432; font-weight: 700;  background-color: inherit; }
 	.fond2 { color: inherit; background-color: #eee; width: 590px; padding: 2px; border: dashed 1px #ff8c00; }
  .moyen { color: #6e6d5c; font-size: 1.2em; font-family: monospace; background-color: inherit; font-weight: bold; font-style: italic; }

.qcm { margin-left: 100px; padding: 2px; }
  .questSuiv { background-color: #ececec; float: right; clear: left; margin-top: -20px; }
  .tableau { width: 99%; color: inherit; background-color: #e1f9ff; margin-bottom: 5px; padding: 1px; border: outset 1px #b6c9ce; }
.bonnereponse { color: inherit; background-color: #caffa0; text-align: left; width: 99%; margin-left: 1px; padding: 2px; border: solid 1px #093; margin-bottom: 5px; }
.mauvaisereponse { color: inherit; background-color: #f6d200; text-align: left; width: 99%; margin-left: 1px; padding: 2px; border: dotted 1px #fc8202; margin-bottom: 5px;}
  .grand { color: #007e2a; font-size: 1.5em; background-color: inherit; font-weight: bold;}
.imageCadre {border: solid 1px #093;}

 	.fond2 { color: inherit; background-color: #eee; width: 590px; padding: 2px; border: dashed 1px #ff8c00; }
  .moyen { color: #6e6d5c; font-size: 1.2em; font-family: monospace; background-color: inherit; font-weight: bold; font-style: italic; }
  .qcm { margin-left: 100px; padding: 2px; }
  .questSuiv { background-color: #ececec; float: right; clear: left; margin-top: -20px; }
.menuActif { color: #aa94d2; font-weight: bold; font-style: italic; }
.reponse { color: #990002; font-weight: bold; font-style: italic; background-color: inherit; }
h4 { font-size: 1.2em; margin-top: 5px; margin-bottom: 5px; }
.commentaire { color: inherit; background-color: #fffce2; text-align: left; width: 95%; padding: 2px; border: outset 1px #7db6bc; margin-bottom: 5px; }

.tdb { color: #200906; font-size: 0.85em; width:98%; background: #e1f9ff; min-height: 55px; margin-top: 5px; margin-bottom: 1px; padding: 1px; border: solid 1px #b6c9ce; list-style-type: none; }
.tdb ol { list-style:none; }
 .tdb li { color: #fff81f; font-size: 0.9em; text-align: center; width: 30px; height: 28px; float:left; margin: 2px; padding:6px 2px 2px; border: inset 1px; list-style-type: none; }
 .OK { background-color: #55cb62; }
.notOK { background-color: #f06a44; }
.blocHoriz { float:none; width:95%; background:#dde5ec; font-size:93%; line-height:normal; clear: both; min-height: 40px; margin-top: 2px; margin-bottom: 2px; padding: 0; }
.blocHoriz ol { margin-top: -12px; margin-bottom: 1px; padding:10px 0 0; list-style:none; }
.blocHoriz li { width: 24%; float:left; margin: 0; padding:0; }
.question { margin-top: 2px; color: inherit; background-color: #fcffbd; width: 95%; float: none; clear: both; min-height: 50px; margin-bottom: 2px; padding: 5px 2px 2px 5px; border: dashed 1px #6e9a93; }
.vert { color: #5a7f79; background-color: transparent; font-weight: bold; font-size: 1.3em;}
 td {vertical-align: top; }
 .quart { vertical-align: top; width: 24%; }
.aide { color: #5d878b; font-style: italic; background: #f3f3f3 url(../css/picto_aide_concerto.gif) no-repeat left top; width: 90%; margin-bottom: 2px; padding: 2px 2px -10px 50px; border: dashed 1px #6e9a93; }
.infoCandidat { color: inherit; background-color: #ffe2ca; text-align: left; width: 98%; height: auto; margin-left: 1px; padding: 2px; border: solid 1px #093; margin-bottom: 5px; }
.petit { font-size: 9px; }