/*@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
*/

*{
/* With these codes padding and border does not increase it's width and gives intuitive style.*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
padding:0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.label-file {
display: block;
text-align: center;
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
.label-file:hover
{
background-color: #66a6c1;
color: white;
}
.label-file:active
{
background-color: #00435f;
color: white;
}
 

.label-file_change {
display: block;
text-align: center;
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_change_photo.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
.label-file_change:hover
{
background-color: #fd9040;
background-image:url(images/logo_change_photo2.png);
background-repeat: no-repeat;
color: white;
}
.label-file_change:active
{
background-color: #a74d04;
background-image:url(images/logo_change_photo3.png);
background-repeat: no-repeat;
color: white;
}
 
img.centrage {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.loader{
	background: url('images/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
	.loader h1{
		background: none;
		border: none;
		color: red;
		font-size: 200%;
		font-family: "Open Sans",sans-serif;
		font-variant: small-caps;
		font-weight: 700;
		height: 700px;
		line-height: 700px;
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
	}
	
.vignette_IR {
	width:30px;
	height:30px;
	border-radius:15px;
	border:3px solid red;
	color: red;
	font-size:18px;
	font-weight:bold;
	text-align: center;
}

.code_final {
	width:30px;
	height:30px;
	border-radius:15px;
	border:3px solid red;
	color: red;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	background-color: #ffffff;
	margin: auto;
}

.autre_rang {
	width:30px;
	height:30px;
	border-radius:15px;
	border:2px solid white;
	color: blue;
	font-size:80%;
	font-weight:bold;
	text-align: center;
	background-color: #ffffff;
	margin: auto;
	padding-left: 3px;
	padding-right: 3px;
}

/*	Info bulle	*/
a.info 	{
	position: relative;
	text-decoration: none;
	border-bottom: 1pt dashed;
	cursor: default;
	color: inherit;
	}
a.info span
	{
	display: none;
	}
a.info:hover
	{
	background: none; /* contournement d?un bogue d?IE */
	z-index: 500;
	}
a.info:hover span
	{
	display: inline;
	position: absolute;
	z-index: 500;
	top: 2em;
	width: 200px;
	left: 1em;
	background: green;
	text-align: center;
	color: white;
	padding: 0.2em;
	}
	
a.info_mpsi 
	{
	position: relative;
	text-decoration: none;
	border-bottom: 1pt red dashed;
	cursor: default;
	color: red;
	}
a.info_mpsi span
	{
	display: none;
	}
a.info_mpsi:hover
	{
	background: none; /* contournement d?un bogue d?IE */
	z-index: 500;
	}
a.info_mpsi:hover span
	{
	display: inline;
	position: absolute;
	z-index: 500;
	top: 2em;	
	width: 500px;
	left: 1em;
	background: red;
	text-align: left;
	color: white;
	padding: 0.2em;
	}
	
div.encart
	{
	font-size: 80%;
	float: right;
	width: 450px;
	border: solid 0.5px;
	background-color: lightgray;
	padding: 0.2em;
	}
.Erreur
	{
	color: red;
	font-weight: normal;
	}
.OK
	{
	color: green;
	font-weight: normal;
	}
th
	{
	text-align : center;
	}
td.numeric
	{
	text-align : right;
	}
tfoot
	{
	font-weight: bold;
	}
input.note
	{
	text-align : center;
	}
	
.candidat
	{
	border: 4px solid red;
	background-color: #E0FEEC;
	}
.Mauvais
	{
	background-color: red;
	color: white;
	padding: 0 8px;
	}
	
.Bon
	{
	background-color: green;
	color: white;
	padding: 0 8px;
	}
		
.Tres_Bon
	{
	background-color: yellow;
	color: black;
	padding: 0 8px;
	}
	
.attention
	{
	color: red;
	font-weight: bold;
	}
.valide
	{
	color: green;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	}
.invalide
	{
	color: red;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	}
	
td.centre
	{
	text-align : center;
	}

table.tab_jury{
	border-collapse: collapse;
	margin: auto;
	border:3px solid #006b98;
}

.pas_visible {
	display: none;
}


div#envelope{
width: 80%;
/* margin: 10px 30% 10px 25%; */
margin: 10px 9% 10px 9%;
padding:10px 0;
border: 2px solid #c7d5db;
border-radius:10px;
}

div.footer{
text-align: center;
font-size:18px;
}

.label-file_na {
width:80%;
display: block;
padding: 2px;
margin:auto;
text-decoration: none;
border-radius:5px;
border:1px solid #006b98;
background-color: #006b98;
color: aliceblue;
font-size:16px;
cursor:pointer;
}
.label-file_na:hover
{
background-color: #66a6c1;
color: white;
}
.label-file_na:active
{
background-color: #00435f;
color: white;
}
 	
.label-file_orange {
width:80%;
display: block;
padding: 2px;
margin:auto;
text-decoration: none;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
color: aliceblue;
font-size:16px;
cursor:pointer;
}
.label-file_orange:hover
{
background-color: #fd9040;
color: white;
}
.label-file_orange:active
{
background-color: #a74d04;
color: white;
}

.accordeon {
  cursor: pointer;
  transition: 0.4s;
}

.active, .accordeon:hover {
  background-color: #ccc;
}

.accordeon:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: left;
  margin-right: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.panneau {
  padding: 0 18px;
  background-color: pink;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

input.fichier_annote{
padding: 2px;
text-decoration: none;
border-radius:5px;
border:1px solid #006b98;
background-color: #006b98;
color: aliceblue;
font-size:16px;
cursor:pointer;
}
input.fichier_annote:hover
{
background-color: #66a6c1;
color: white;
}
input.fichier_annote:active
{
background-color: #00435f;
color: white;
}
input.fichier_annote:disabled
{
display:none;
}

input[type=text], input[type=password], input[type=email], input[type=date], input[type=search]{
margin-bottom: 8px;
padding: 4px;
font-size:18px;
border-radius:5px;
border:1px solid #005e86;
}

input[type=text].champ_note, input[type=number].champ_note{
font-size:18px;
width:50px;
padding: 4px 0px 4px 1px;
text-align:center;
}

input[type=text].champ_note:disabled, input[type=number].champ_note:disabled{
background-color: #f7f7f7;
}

input[type=text].champ_rang{
font-size:18px;
width:40px;
padding: 4px 0px 4px 1px;
text-align:center;
}

input[type=text].champ_rang:disabled{
background-color: #f7f7f7;
}

input.etroit[type=text], input.etroit[type=password], input.etroit[type=email], input.etroit[type=date], input.etroit[type=search]{
padding: 1px;
border-radius:5px;
border:1px solid #005e86;
}

td.pas_cadre{
	border: none;
}

td.cadre_gauche{
	border-left:1px solid #005e86;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

td.cadre_gauche2{
	border-left:3px solid #005e86;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

td.revue_valide{
	background-color: #A7F8AF;
}


div.displaynone1{
	display:none;
}

td.delete{
	text-align: middle;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid red;
	vertical-align:center;
	font-size:18px;
	color: white;
	background-color:red;
	font-weight:bold;	
}

a.bouton_numero,input.bouton_numero{
display:block;
width:100%;
padding:5px 2px 5px 2px;
text-decoration: none;
margin:2px;
border-radius:5px;
border:1px solid #01851a;
background-color: #01851a;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
a.bouton_numero:hover,input.bouton_numero:hover
{
background-color: #51c467;
color: white;
}
a.bouton_numero:active,input.bouton_numero:active
{
background-color: #015711;
color: white;
}

a.bouton_numero2,input.bouton_numero2{
text-align:left;
display:block;
width:100%;
padding:5px 2px 5px 2px;
text-decoration: none;
margin:2px;
border-radius:5px;
border:1px solid #01851a;
background-color: #01851a;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
a.bouton_numero2:hover,input.bouton_numero2:hover
{
background-color: #51c467;
color: white;
}
a.bouton_numero2:active,input.bouton_numero2:active
{
background-color: #015711;
color: white;
}

a.bouton_lycee,input.bouton_lycee{
display:block;
width:100%;
padding:2px;
text-decoration: none;
margin:2px;
border-radius:5px;
border:1px solid #006b98;
background-color: #006b98;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
a.bouton_lycee:hover,input.bouton_lycee:hover
{
background-color: #66a6c1;
color: white;
}
a.bouton_lycee:active,input.bouton_lycee:active
{
background-color: #00435f;
color: white;
}

a.bouton_pdf,input.bouton_pdf{
display:block;
width:100%;
padding:2px;
text-decoration: none;
margin:2px;
border-radius:5px;
border:1px solid #006b98;
background-color: #006b98;
background-image:url(images/logo_pdf.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
a.bouton_pdf:hover,input.bouton_pdf:hover
{
background-color: #66a6c1;
background-image:url(images/logo_pdf2.png);
color: white;
}
a.bouton_pdf:active,input.bouton_pdf:active
{
background-color: #00435f;
background-image:url(images/logo_pdf3.png);
color: white;
}

select{
font-size:18px;
	margin: 0;
padding: 15px;
border-radius:5px;
/* border:1px solid #005e86; */
}

select.classement{
padding: 1px;
border-radius:5px;
border:1px solid #005e86;
}

fieldset.ci{
background-color:#ffffff;
border: 2px solid #006b98;
border-radius:10px;
margin-top:15px;
margin-bottom:15px;
}

fieldset.ci_rouge{
background-color:#ffffff;
border: 2px solid red;
border-radius:10px;
margin-top:15px;
margin-bottom:15px;
}

h1, h3{
color: #006b98;
}

h2.ci{
color: #006b98;
text-align: center;
}

legend.ci{
color: #006b98;
/* font-size:24px; */
font-weight:bold;
}

legend.ci2{
color: #006b98;
font-size:18px;
font-weight:bold;
}

legend.ci_rouge{
color: red;
font-size:24px;
font-weight:bold;
}

legend.ci2_rouge{
color: red;
font-size:18px;
font-weight:bold;
}

.submit_renouveler
{
	height: 34px;
	width: 34px;
	background-image: url(images/logo_renouveler.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	border          : 0;
}

.submit_renouveler:hover
{
	height: 34px;
	width: 34px;
	background-image: url(images/logo_renouveler2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	border          : 0;
}

div.marge_interne{
padding: 10px;
}

div#jury {
position:absolute;
top:250px;
width:100%;
margin-left: auto;
margin-right: auto;
}

div#pourcentages_notes {
position:absolute;
left:200px;
top:310px;
}

div#dossiers {
position:absolute;
top:460px;
}

div#dossiersE {
position:absolute;
top:380px;
}

div#charNum {
position:fixed;
right:10px;
top:10px;
width:100px;
height:70px;
background:#e3f2f9;
padding:6px;
border-radius:5px;
border:1px solid #006b98;
color:#006b98;
}

.entete{
	display:block;
	margin:5px 10px 0;
	background-image: url('images/logo_apersup_grand.png');
	background-repeat: no-repeat;
	height: 160px;
}

header{
background-color: #006b98;
text-align: center;
padding: 4px;
margin: -45px 0 0;
color: aliceblue;
}

.imageflottante
{
   float: right;
}

div#conteneur_map {
position:relative;
}

div#tab_dpts {
position:absolute;
right:10px;
top:40px;
}

div#dpt_etranger{position:absolute;left:290px;top:60px;}
div#dpt01{position:absolute;left:704px;top:534px;}
div#dpt02{position:absolute;left:583px;top:120px;}
div#dpt03{position:absolute;left:528px;top:502px;}
div#dpt04{position:absolute;left:787px;top:771px;}
div#dpt05{position:absolute;left:807px;top:672px;}
div#dpt06{position:absolute;left:895px;top:780px;}
div#dpt07{position:absolute;left:652px;top:700px;}
div#dpt08{position:absolute;left:661px;top:170px;}
div#dpt09{position:absolute;left:409px;top:889px;}
div#dpt10{position:absolute;left:632px;top:315px;}
div#dpt11{position:absolute;left:496px;top:876px;}
div#dpt12{position:absolute;left:538px;top:755px;}
div#dpt13{position:absolute;left:700px;top:831px;}
div#dpt14{position:absolute;left:310px;top:183px;}
div#dpt15{position:absolute;left:530px;top:654px;}
div#dpt16{position:absolute;left:343px;top:552px;}
div#dpt17{position:absolute;left:252px;top:521px;}
div#dpt18{position:absolute;left:518px;top:402px;}
div#dpt19{position:absolute;left:457px;top:634px;}
div#dpt20{position:absolute;left:954px;top:867px;}
div#dpt21{position:absolute;left:683px;top:416px;}
div#dpt22{position:absolute;left:128px;top:249px;}
div#dpt23{position:absolute;left:467px;top:546px;}
div#dpt24{position:absolute;left:382px;top:666px;}
div#dpt25{position:absolute;left:798px;top:430px;}
div#dpt26{position:absolute;left:722px;top:704px;}
div#dpt27{position:absolute;left:403px;top:230px;}
div#dpt28{position:absolute;left:435px;top:313px;}
div#dpt29{position:absolute;left:31px;top:251px;}
div#dpt30{position:absolute;left:653px;top:738px;}
div#dpt31{position:absolute;left:432px;top:790px;}
div#dpt32{position:absolute;left:353px;top:812px;}
div#dpt33{position:absolute;left:247px;top:641px;}
div#dpt34{position:absolute;left:578px;top:825px;}
div#dpt35{position:absolute;left:202px;top:327px;}
div#dpt36{position:absolute;left:437px;top:482px;}
div#dpt37{position:absolute;left:357px;top:420px;}
div#dpt38{position:absolute;left:771px;top:637px;}
div#dpt39{position:absolute;left:759px;top:484px;}
div#dpt40{position:absolute;left:242px;top:785px;}
div#dpt41{position:absolute;left:446px;top:395px;}
div#dpt42{position:absolute;left:645px;top:593px;}
div#dpt43{position:absolute;left:600px;top:650px;}
div#dpt44{position:absolute;left:175px;top:402px;}
div#dpt45{position:absolute;left:464px;top:339px;}
div#dpt46{position:absolute;left:434px;top:718px;}
div#dpt47{position:absolute;left:368px;top:738px;}
div#dpt48{position:absolute;left:591px;top:724px;}
div#dpt49{position:absolute;left:263px;top:414px;}
div#dpt50{position:absolute;left:230px;top:224px;}
div#dpt51{position:absolute;left:623px;top:238px;}
div#dpt52{position:absolute;left:713px;top:341px;}
div#dpt53{position:absolute;left:265px;top:335px;}
div#dpt54{position:absolute;left:804px;top:261px;}
div#dpt55{position:absolute;left:709px;top:237px;}
div#dpt56{position:absolute;left:115px;top:354px;}
div#dpt57{position:absolute;left:808px;top:220px;}
div#dpt58{position:absolute;left:585px;top:449px;}
div#dpt59{position:absolute;left:596px;top:86px;}
div#dpt60{position:absolute;left:482px;top:183px;}
div#dpt61{position:absolute;left:307px;top:253px;}
div#dpt62{position:absolute;left:519px;top:74px;}
div#dpt63{position:absolute;left:551px;top:598px;}
div#dpt64{position:absolute;left:238px;top:859px;}
div#dpt65{position:absolute;left:316px;top:891px;}
div#dpt66{position:absolute;left:565px;top:921px;}
div#dpt67{position:absolute;left:876px;top:276px;}
div#dpt68{position:absolute;left:873px;top:357px;}
div#dpt69{position:absolute;left:682px;top:581px;}
div#dpt70{position:absolute;left:784px;top:373px;}
div#dpt71{position:absolute;left:656px;top:444px;}
div#dpt72{position:absolute;left:338px;top:345px;}
div#dpt73{position:absolute;left:823px;top:613px;}
div#dpt74{position:absolute;left:845px;top:516px;}
div#dpt75{position:absolute;left:51px;top:80px;}
div#dpt76{position:absolute;left:414px;top:166px;}
div#dpt77{position:absolute;left:557px;top:227px;}
div#dpt78{position:absolute;left:462px;top:244px;}
div#dpt79{position:absolute;left:302px;top:446px;}
div#dpt80{position:absolute;left:514px;top:137px;}
div#dpt81{position:absolute;left:491px;top:806px;}
div#dpt82{position:absolute;left:405px;top:775px;}
div#dpt83{position:absolute;left:829px;top:828px;}
div#dpt84{position:absolute;left:744px;top:778px;}
div#dpt85{position:absolute;left:228px;top:486px;}
div#dpt86{position:absolute;left:361px;top:506px;}
div#dpt87{position:absolute;left:422px;top:587px;}
div#dpt88{position:absolute;left:807px;top:315px;}
div#dpt89{position:absolute;left:607px;top:366px;}
div#dpt90{position:absolute;left:893px;top:408px;}
div#dpt91{position:absolute;left:495px;top:286px;}
div#dpt92{position:absolute;left:13px;top:109px;}
div#dpt93{position:absolute;left:116px;top:34px;}
div#dpt94{position:absolute;left:79px;top:131px;}
div#dpt95{position:absolute;left:515px;top:211px;}

div#dpt971{position:absolute;left:10px;top:534px;}
div#dpt972{position:absolute;left:56px;top:631px;}
div#dpt973{position:absolute;left:59px;top:734px;}
div#dpt974{position:absolute;left:44px;top:926px;}

div#dpt976{position:absolute;left:58px;top:836px;}

div#dpt987{position:absolute;left:170px;top:711px;}
div#dpt988{position:absolute;left:129px;top:927px;}


.num10 {
background-color: #fffc93;
/* color:#ffdb00; */
font-weight:bold;
width:auto;
height:auto;
padding:3px;
border-radius:15px;
border:2px solid #ffdb00;
}

.num50 {
background-color: #fffdaf;
/* color:#c7a62d; */
font-weight:bold;
width:auto;
height:auto;
padding:3px;
border-radius:15px;
border:2px solid #c7a62d;
}

.num100 {
background-color: #fcf8c4;
/* color:#ff9d3a; */
font-weight:bold;
width:auto;
height:auto;
padding:3px;
border-radius:15px;
border:2px solid #ff9d3a;
}

.num200 {
background-color: #efa2b2;
/* color:#ef4023; */
font-weight:bold;
width:auto;
height:auto;
padding:3px;
border-radius:15px;
border:2px solid #ef4023;
}

.num300 {
background-color: #c7b3f8;
/* color:#73151a; */
font-weight:bold;
width:auto;
height:auto;
padding:3px;
border-radius:15px;
border:2px solid #73151a;
}


div#conteneur_recherche {
position:relative;
padding-left:6px
}

div#bouton_sortir_excel {
position:absolute;
right:10px;
top:-106px;
text-align:right;
width:100%;
height:auto;
}

div#bouton_sortir_excel2 {
position:absolute;
right:10px;
top:1px;
text-align:right;
width:100%;
height:auto;
}

div#resultat_recherche {
position:absolute;
left:10px;
top:-106px;
width:auto;
height:auto;
padding:6px;
border-radius:5px;
border:1px solid green;
color:green;
}

div#resultat_recherche2 {
position:absolute;
left:400px;
top:220px;
width:auto;
height:auto;
padding:6px;
border-radius:5px;
border:1px solid green;
color:green;
}

div#resultat_recherche3 {
position:absolute;
left:550px;
top:-150px;
width:auto;
height:auto;
padding:6px;
border-radius:5px;
border:1px solid green;
color:green;
}

div#resultat_nul {
position:absolute;
left:10px;
top:-106px;
width:auto;
height:auto;
padding:6px;
border-radius:5px;
border:1px solid red;
color:red;
}

div#vers_ancre_fixe {
position:fixed;
right:10px;
top:260px;
margin-bottom: 20px;
margin-right: 20px;
cursor:pointer;
}

div#vers_ancre_fixe_day {
position:fixed;
right:10px;
top:200px;
margin-bottom: 20px;
margin-right: 20px;
cursor:pointer;
}

a#vers_ancre_fixe {
text-decoration:none;
font-weight:bold;
color:#006b98
}

a#vers_ancre_fixe:visited {
color:#006b98
}

.rouge_gras{
	color: red;
	font-weight:bold;
	text-decoration: underline overline;
}

.rouge_gras_centre{
	color: red;
	font-weight:bold;
	font-size:120%;
	text-decoration: underline overline;
	text-align: center;
}

.reduit{
	font-size: 65%;
	font-weight : lighter;
	font-style : italic;
	color : black;
}

input[type=submit]#enregistrer_fixe {
position:fixed;
right:10px;
top:200px;
margin-bottom: 20px;
margin-right: 20px;
width:60px;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_enr.png);
background-repeat: no-repeat;
background-position: center;
cursor:pointer;
}

input[type=submit]#enregistrer_fixe:hover {
background-image:url(images/logo_enr2.png);
}

input[type=submit]#enregistrer_fixe:active {
background-image:url(images/logo_enr3.png);
}

input[type=submit]#enregistrer_fixe_day {
position:fixed;
right:10px;
top:150px;
margin-bottom: 20px;
margin-right: 20px;
width:60px;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_enr.png);
background-repeat: no-repeat;
background-position: center;
cursor:pointer;
}

input[type=submit]#enregistrer_fixe_day:hover {
background-image:url(images/logo_enr2.png);
}

input[type=submit]#enregistrer_fixe_day:active {
background-image:url(images/logo_enr3.png);
}

input[type=button].bouton_excel, input[type=submit].bouton_excel{
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #1d7044;
background-image:url(images/logo_excel.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=button].bouton_excel:hover, input[type=submit].bouton_excel:hover
{
background-color: #48986c;
background-image:url(images/logo_excel2.png);
background-repeat: no-repeat;
color: white;
}
input[type=button].bouton_excel:active, input[type=submit].bouton_excel:active
{
background-color: #1a3d2a;
background-image:url(images/logo_excel3.png);
background-repeat: no-repeat;
color: white;
}


input.submit_change {
margin-bottom: 0px;
padding: 8px;
width:100%;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_change.png);
background-repeat: no-repeat;
background-position: left center;
color: white;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input.submit_change:hover
{
background-color: #fd9040;
background-image:url(images/logo_change2.png);
background-repeat: no-repeat;
color: white;
}
input.submit_change:active
{
background-color: #a74d04;
background-image:url(images/logo_change3.png);
background-repeat: no-repeat;
color: white;
}

input.submit_pen_o {
margin-bottom: 0px;
padding: 8px;
width:100%;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_pen_o.png);
background-repeat: no-repeat;
background-position: left center;
color: white;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input.submit_pen_o:hover
{
background-color: #fd9040;
background-image:url(images/logo_pen_o2.png);
background-repeat: no-repeat;
color: white;
}
input.submit_pen_o:active
{
background-color: #a74d04;
background-image:url(images/logo_pen_o3.png);
background-repeat: no-repeat;
color: white;
}

input.submit_room_o {
margin-bottom: 0px;
padding: 8px;
width:100%;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_room_o.png);
background-repeat: no-repeat;
background-position: left center;
color: white;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input.submit_room_o:hover
{
background-color: #fd9040;
background-image:url(images/logo_room_o2.png);
background-repeat: no-repeat;
color: white;
}
input.submit_room_o:active
{
background-color: #a74d04;
background-image:url(images/logo_room_o3.png);
background-repeat: no-repeat;
color: white;
}


input[type=button].bouton_action_reinitia, input[type=submit].bouton_action_reinitia{
margin-bottom: 20px;
margin-left: 20px;
width:20%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_reinitia.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=button].bouton_action_reinitia:hover, input[type=submit].bouton_action_reinitia:hover
{
background-color: #66a6c1;
background-image:url(images/logo_reinitia2.png);
background-repeat: no-repeat;
color: white;
}
input[type=button].bouton_action_reinitia:active, input[type=submit].bouton_action_reinitia:active
{
background-color: #00435f;
background-image:url(images/logo_reinitia3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_compte,input[type=button].resp_compte{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_compte.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_compte:hover, input[type=button].resp_compte:hover
{
background-color: #66a6c1;
background-image:url(images/logo_compte2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_compte:active, input[type=button].resp_compte:active
{
background-color: #00435f;
background-image:url(images/logo_compte3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_help,input[type=button].resp_help{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_help.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_help:hover, input[type=button].resp_help:hover
{
background-color: #66a6c1;
background-image:url(images/logo_help2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_help:active, input[type=button].resp_help:active
{
background-color: #00435f;
background-image:url(images/logo_help3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_partage,input[type=button].resp_partage{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_partage.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_partage:hover, input[type=button].resp_partage:hover
{
background-color: #66a6c1;
background-image:url(images/logo_partage2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_partage:active, input[type=button].resp_partage:active
{
background-color: #00435f;
background-image:url(images/logo_partage3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_partenaires,input[type=button].resp_partenaires{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_partenaires.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_partenaires:hover, input[type=button].resp_partenaires:hover
{
background-color: #66a6c1;
background-image:url(images/logo_partenaires2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_partenaires:active, input[type=button].resp_partenaires:active
{
background-color: #00435f;
background-image:url(images/logo_partenaires3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_doublon,input[type=button].resp_doublon{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_doublon.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_doublon:hover, input[type=button].resp_doublon:hover
{
background-color: #66a6c1;
background-image:url(images/logo_doublon2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_doublon:active, input[type=button].resp_doublon:active
{
background-color: #00435f;
background-image:url(images/logo_doublon3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_diplome,input[type=button].resp_diplome{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_diplome.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_diplome:hover, input[type=button].resp_diplome:hover
{
background-color: #66a6c1;
background-image:url(images/logo_diplome2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_diplome:active, input[type=button].resp_diplome:active
{
background-color: #00435f;
background-image:url(images/logo_diplome3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].resp2{
margin-bottom: 20px;
width:150px;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_vide.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp2:hover
{
background-color: #66a6c1;
background-image:url(images/logo_vide2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp2:active
{
background-color: #00435f;
background-image:url(images/logo_vide3.png);
background-repeat: no-repeat;
color: white;
}

input[type=button].bouton_delete, input[type=submit].bouton_delete{
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff0000;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=button].bouton_delete:hover, input[type=submit].bouton_delete:hover
{
background-color: #fd4040;
color: white;
}
input[type=button].bouton_delete:active, input[type=submit].bouton_delete:active
{
background-color: #a70404;
color: white;
}

input.submit_delete {
margin-bottom: 0px;
padding: 8px;
width:100%;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff0000;
background-image:url(images/logo_delete.png);
background-repeat: no-repeat;
background-position: left center;
color: white;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input.submit_delete:hover
{
background-color: #fd4040;
background-image:url(images/logo_delete2.png);
background-repeat: no-repeat;
color: white;
}
input.submit_delete:active
{
background-color: #a70404;
background-image:url(images/logo_delete3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].bouton_plus,input[type=button].bouton_plus{
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_plus.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].bouton_plus:hover, input[type=button].bouton_plus:hover
{
background-color: #66a6c1;
background-image:url(images/logo_plus2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].bouton_plus:active, input[type=button].bouton_plus:active
{
background-color: #00435f;
background-image:url(images/logo_plus3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].bouton_plus2,input[type=button].bouton_plus2{
margin-bottom: 20px;
margin-left: 20px;
width:90%;
padding: 15px 2px 15px 40px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_plus.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].bouton_plus2:hover, input[type=button].bouton_plus2:hover
{
background-color: #66a6c1;
background-image:url(images/logo_plus2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].bouton_plus2:active, input[type=button].bouton_plus2:active
{
background-color: #00435f;
background-image:url(images/logo_plus3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].bouton_plus3,input[type=button].bouton_plus3{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_plus.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].bouton_plus3:hover, input[type=button].bouton_plus3:hover
{
background-color: #66a6c1;
background-image:url(images/logo_plus2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].bouton_plus3:active, input[type=button].bouton_plus3:active
{
background-color: #00435f;
background-image:url(images/logo_plus3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].resp_pen,input[type=button].resp_pen{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_pen.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_pen:hover, input[type=button].resp_pen:hover
{
background-color: #66a6c1;
background-image:url(images/logo_pen2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_pen:active, input[type=button].resp_pen:active
{
background-color: #00435f;
background-image:url(images/logo_pen3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].resp_ir,input[type=button].resp_ir{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_ir.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_ir:hover, input[type=button].resp_ir:hover
{
background-color: #66a6c1;
background-image:url(images/logo_ir2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_ir:active, input[type=button].resp_ir:active
{
background-color: #00435f;
background-image:url(images/logo_ir3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_spes,input[type=button].resp_spes{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_spes.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_spes:hover, input[type=button].resp_spes:hover
{
background-color: #66a6c1;
background-image:url(images/logo_spes2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_spes:active, input[type=button].resp_spes:active
{
background-color: #00435f;
background-image:url(images/logo_spes3.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_uti,input[type=button].resp_uti{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_uti.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_uti:hover, input[type=button].resp_uti:hover
{
background-color: #66a6c1;
background-image:url(images/logo_uti2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_uti:active, input[type=button].resp_uti:active
{
background-color: #00435f;
background-image:url(images/logo_uti3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_eleve,input[type=button].resp_eleve{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_eleve.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_eleve:hover, input[type=button].resp_eleve:hover
{
background-color: #66a6c1;
background-image:url(images/logo_eleve2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_eleve:active, input[type=button].resp_eleve:active
{
background-color: #00435f;
background-image:url(images/logo_eleve3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_upload,input[type=button].resp_upload{
margin-bottom: 20px;
width:30%;
padding: 15px 2px 15px 40px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_upload.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_upload:hover, input[type=button].resp_upload:hover
{
background-color: #66a6c1;
background-image:url(images/logo_upload2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_upload:active, input[type=button].resp_upload:active
{
background-color: #00435f;
background-image:url(images/logo_upload3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_upload2,input[type=button].resp_upload2{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_upload.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_upload2:hover, input[type=button].resp_upload2:hover
{
background-color: #66a6c1;
background-image:url(images/logo_upload2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_upload2:active, input[type=button].resp_upload2:active
{
background-color: #00435f;
background-image:url(images/logo_upload3.png);
background-repeat: no-repeat;
color: white;
}

input[type=button].resp_home, input[type=submit].resp_home{
margin-bottom: 2px;
width:100%;
padding: 15px;
border-radius:5px;
border:2px solid #c7d5db;
background-color: #006b98;
background-image:url(images/logo_home.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=button].resp_home:hover, input[type=submit].resp_home:hover
{
background-color: #66a6c1;
background-image:url(images/logo_home2.png);
background-repeat: no-repeat;
color: white;
}
input[type=button].resp_home:active, input[type=submit].resp_home:active
{
background-color: #00435f;
background-image:url(images/logo_home3.png);
background-repeat: no-repeat;
color: white;
}

input[type=text], input[type=password], input[type=email], input[type=date], input[type=search], input[type=submit]{
margin-bottom: 20px;
padding: 15px;
font-size:18px;
margin-bottom: 10px;
border-radius:5px;
border:1px solid #005e86;
}

input.etroit[type=text], input.etroit[type=password], input.etroit[type=email], input.etroit[type=date], input.etroit[type=search]{
padding: 1px;
border-radius:5px;
border:1px solid #005e86;
}

input[type=submit].aide_dossiers,input[type=button].aide_dossiers{
padding: 2px;
border-radius:5px;
border:1px solid #b30b00;
background-color: #b30b00;
color: white;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].aide_dossiers:hover, input[type=button].aide_dossiers:hover
{
background-color: #b34e06;
}
input[type=submit].aide_dossiers:active, input[type=button].aide_dossiers:active
{
background-color: #500706;
}
input[type=submit].resp,input[type=button].resp{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_vide.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp:hover, input[type=button].resp:hover
{
background-color: #66a6c1;
background-image:url(images/logo_vide2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp:active, input[type=button].resp:active
{
background-color: #00435f;
background-image:url(images/logo_vide3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].bouton_action, input[type=button].bouton_action{
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_vide.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=submit].bouton_action:hover, input[type=button].bouton_action:hover
{
background-color: #66a6c1;
background-image:url(images/logo_vide2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].bouton_action:active, input[type=button].bouton_action:active
{
background-color: #00435f;
background-image:url(images/logo_vide3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].bouton_action2, input[type=button].bouton_action2{
margin-bottom: 20px;
margin-left: 20px;
width:120px;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_vide.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=submit].bouton_action2:hover, input[type=button].bouton_action2:hover
{
background-color: #66a6c1;
background-image:url(images/logo_vide2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].bouton_action2:active, input[type=button].bouton_action2:active
{
background-color: #00435f;
background-image:url(images/logo_vide3.png);
background-repeat: no-repeat;
color: white;
}

form.resp{
width:90%;
margin:2% 6%;
}

fieldset.ci{
background-color:#ffffff;
border: 2px solid #006b98;
border-radius:10px;
margin-top:15px;
margin-bottom:15px;
}

.fiche_creee
{
	font-size:80%;
	font-style:italic;
}
.fiche_modifiee
{
	font-size:80%;
	font-style:italic;
	color:orange;
}
.fiche_validee
{
	font-size:80%;
	font-style:italic;
	color:green;
}
.avertissement
{
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
}

.enregistre_ok
{
	font-size:18px;
	font-weight:bold;
	color:green;
}

span.texte_complet, label.texte_complet{
	font-size:18px;
	display: inline;
}
div.invisible{
	display: none;
}
span.texte_incomplet{
	display: none;
}


td.delete{
	text-align: middle;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid red;
	vertical-align:center;
	font-size:18px;
	color: white;
	background-color:red;
	font-weight:bold;	
}

td.avis_left{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
}
td.avis{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
}
td.avis_rouge{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 4px solid red;
}

th.avis{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	background-color: #d2e3ea;
}

td.fratrie{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
}

th.fratrie{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
	background-color: #d2e3ea;
}

table.enr_quit_retour{
	border: collapse;
	width: 100%;
	margin: auto;
}

table.progression{
	border: collapse;
	width: 98%;
	margin: 1%;
	background-color: #e0e0e0;
}
table.progression1{
	border: collapse;
	width: 100%;
	margin: auto;
	background-color: #e0e0e0;
}
table.progression2{
	border: collapse;
	width: 100%;
	margin: auto;
	background-color: #006b98;
}

td.progression_active{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	width: 30%;
	background-color: #006b98;
	border: 2px solid #006b98;
}
td.progression_passive{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	width: 30%;
	background-color: #e0e0e0;
	border: 2px solid #006b98;
}

td.progression1_active{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #006b98;
	width: 40%;
	border: 2px solid #006b98;
}
td.progression1_passive{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #e0e0e0;
	width: 40%;
	border: 2px solid #006b98;
}

td.progression2_active{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #006b98;
	width: 40%;
	border: 2px solid #006b98;
}

td.progression2_passive{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #e0e0e0;
	width: 40%;
	border: 2px solid #006b98;
}
td.progression3_active{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #006b98;
	width: 40%;
	border: 2px solid #006b98;
}
td.progression3_passive{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #e0e0e0;
	width: 40%;
	border: 2px solid #006b98;
}
td.statsE{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	color: #36a2eb;
	font-weight:bold;
}
td.statsP{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	color: #ff6384;
	font-weight:bold;
}
td.statsD{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	color: #4bc0c0;
	font-weight:bold;
}
td.liste2{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
}
td.liste_droite{
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
}
td.listeF{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	background-color: #F6CEF5;
	vertical-align:center;
}
td.listeM{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	background-color: #CEE3F6;
	vertical-align:center;
}
td.liste2_part{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #000066;
	background-color: #00ccff;
	vertical-align:top;
}
td.liste2_deja{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid green;
	background-color: #ccffff;
	vertical-align:top;
}
span.deja{
	color:black;
	background-color: #ccffff;
}
td.liste2_pas_deja{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid red;
	background-color: #ffcccc;
	vertical-align:top;
}
span.pas_deja{
	color:black;
	background-color: #ffcccc;
}

td.liste2_deja_part{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #000066;
	background-color: #00ccff;
	vertical-align:top;
}
span.part{
	color:black;
	background-color: #00ccff;
}
td.liste2_pas_deja_part{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #000066;
	background-color: #00ccff;
	vertical-align:top;
}
span.pas_deja_part{
	color:black;
	background-color: #00ccff;
}
td.liste_t{
	font-weight:bold;
	color:#7a18cc;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
}
td.liste3{
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:center;
}

th.liste2{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:bottom;
	background-color: #d2e3ea;
}

td.centre2{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:center;
}

td.centre2_rouge{
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	vertical-align:center;
	color: red;
	font-weight: bold;
}

th.centre2{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	background-color: #d2e3ea;
	text-align: center;
	vertical-align:center;
}

th.centre3{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	text-align: center;
	vertical-align:center;
}

th.gauche2{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	background-color: #d2e3ea;
	text-align: left;
	vertical-align:center;
}

th.gauche3{
	font-weight:bold;
	color:#006b98;
	padding-left: 6px;
	padding-right: 6px;
	border: 2px solid #c7d5db;
	text-align: left;
	vertical-align:center;
}

h3{
font-size:120%;
color : #006b98;
}
			
.h3{
font-size:120%;
color : #006b98;
font-weight : 900;
}

h3.etape_active{
	color : #ffffff;
	margin :1px;
	background-color: #006b98;
}
span.etape_active{
	color : #ffffff;
	font-weight:bold;
	background-color: #006b98;
}
h3.etape_passive{
	color : #707070;
	margin :1px;
}
span.etape_passive{
	color : #707070;
	font-weight:bold;
}

textarea{
font-size:18px;
padding: 15px;
border:none;
/*border:1px solid #005e86; */
border-radius:5px;
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus {
border-color: #4697e4;
}

textarea.lettre{
width: 100%;
font-size:18px;
padding: 15px;
border:1px solid #005e86; 
border-radius:5px;
}

textarea.search{
font-size:18px;
width:80%;
padding: 15px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 20px;
border:1px solid #005e86;
border-radius:5px;
}

input[type=button].deconnexion{
margin-bottom: 5px;
width:100%;
padding: 15px;
border-radius:5px;
border:2px solid #c7d5db;
background-color: #8e8f90;
background-image:url(images/logo_deconnexion.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

input[type=button].deconnexion:hover
{
background-color: #627c87;
background-image:url(images/logo_deconnexion2.png);
background-repeat: no-repeat;
color: white;
}
input[type=button].deconnexion:active
{
background-color: #292a2a;
background-image:url(images/logo_deconnexion3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_search,input[type=button].resp_search{
margin-bottom: 20px;
width:20%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_search.png);
background-repeat: no-repeat;
background-position: left;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_search:hover, input[type=button].resp_search:hover
{
background-color: #66a6c1;
background-image:url(images/logo_search2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_search:active, input[type=button].resp_search:active
{
background-color: #00435f;
background-image:url(images/logo_search3.png);
background-repeat: no-repeat;
color: white;
}


input[type=submit].resp_search_p,input[type=button].resp_search_p{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_search.png);
background-repeat: no-repeat;
background-position: center;
color: aliceblue;
font-size:18px;
cursor:pointer;
}
input[type=submit].resp_search_p:hover, input[type=button].resp_search_p:hover
{
background-color: #66a6c1;
background-image:url(images/logo_search2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_search_p:active, input[type=button].resp_search_p:active
{
background-color: #00435f;
background-image:url(images/logo_search3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_search_suppr,input[type=button].resp_search_suppr{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_search_suppr.png);
background-repeat: no-repeat;
background-position: center;
color: aliceblue;
font-size:18px;
cursor:pointer;
}
input[type=submit].resp_search_suppr:hover, input[type=button].resp_search_suppr:hover
{
background-color: #66a6c1;
background-image:url(images/logo_search_suppr2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_search_suppr:active, input[type=button].resp_search_suppr:active
{
background-color: #00435f;
background-image:url(images/logo_search_suppr3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_search_so,input[type=button].resp_search_so{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_search_so.png);
background-repeat: no-repeat;
background-position: center;
color: aliceblue;
font-size:18px;
cursor:pointer;
}
input[type=submit].resp_search_so:hover, input[type=button].resp_search_so:hover
{
background-color: #66a6c1;
background-image:url(images/logo_search_so2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_search_so:active, input[type=button].resp_search_so:active
{
background-color: #00435f;
background-image:url(images/logo_search_so3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_dupliquer,input[type=button].resp_dupliquer{
margin-left: 12px;
padding: 2px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
color: aliceblue;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_dupliquer:hover, input[type=button].resp_dupliquer:hover
{
background-color: #66a6c1;
color: white;
}
input[type=submit].resp_dupliquer:active, input[type=button].resp_dupliquer:active
{
background-color: #00435f;
color: white;
}
input[type=submit].resp_change,input[type=button].resp_change{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_pen_o.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_change:hover, input[type=button].resp_change:hover
{
background-color: #fd9040;
background-image:url(images/logo_pen_o2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_change:active, input[type=button].resp_change:active
{
background-color: #a74d04;
background-image:url(images/logo_pen_o3.png);
background-repeat: no-repeat;
color: white;
}

a.resp_change{
display:block;
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_pen_o.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
text-decoration: none;
}
a.resp_change:hover
{
background-color: #fd9040;
background-image:url(images/logo_pen_o2.png);
background-repeat: no-repeat;
color: white;
}
a.resp_change:active
{
background-color: #a74d04;
background-image:url(images/logo_pen_o3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_change2,input[type=button].resp_change2{
margin-bottom: 20px;
width:100%;
padding: 15px 2px 15px 40px;
border-radius:5px;
border:1px solid #c7d5db;
background-color: #ff7200;
background-image:url(images/logo_change.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_change2:hover, input[type=button].resp_change2:hover
{
background-color: #fd9040;
background-image:url(images/logo_change2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_change2:active, input[type=button].resp_change2:active
{
background-color: #a74d04;
background-image:url(images/logo_change3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_transfert,input[type=button].resp_transfert{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_transfert.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_transfert:hover, input[type=button].resp_transfert:hover
{
background-color: #66a6c1;
background-image:url(images/logo_transfert2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_transfert:active, input[type=button].resp_transfert:active
{
background-color: #00435f;
background-image:url(images/logo_transfert3.png);
background-repeat: no-repeat;
color: white;
}

a.numero_page{
padding:5px;
text-decoration: none;
margin: 1px;
border-radius:5px;
border:1px solid #c2c9fd;
background-color: #c2c9fd;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
a.numero_page:hover
{
background-color: #3e55fc;
color: white;
}
a.numero_page:active
{
background-color: #04158f;
color: white;
}

a.numero_page_active{
padding:5px;
text-decoration: none;
margin: 1px;
border-radius:5px;
border:2px solid #04158f;
background-color: #3e55fc;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}

.gros_rouge{
color:red;
font-weight:bold;
font-size:120%;
}

.gros_rouge2{
color:red;
font-weight:bold;
}

input[type=submit].resp_pdf,input[type=button].resp_pdf{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_pdf.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_pdf:hover, input[type=button].resp_pdf:hover
{
background-color: #66a6c1;
background-image:url(images/logo_pdf2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_pdf:active, input[type=button].resp_pdf:active
{
background-color: #00435f;
background-image:url(images/logo_pdf3.png);
background-repeat: no-repeat;
color: white;
}

a.pas_souligne{
	text-decoration :none;
}

input[type=submit].resp_param, input[type=button].resp_param{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #005e86;
background-color: #006b98;
background-image:url(images/logo_parametres.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_param:hover, input[type=button].resp_param:hover
{
background-color: #66a6c1;
background-image:url(images/logo_parametres2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_param:active, input[type=button].resp_param:active
{
background-color: #00435f;
background-image:url(images/logo_parametres3.png);
background-repeat: no-repeat;
color: white;
}

input[type=submit].resp_suppr,input[type=button].resp_suppr{
margin-bottom: 20px;
margin-left: 20px;
width:40%;
padding: 15px;
border-radius:5px;
border:1px solid red;
background-color: #006b98;
background-image:url(images/logo_suppr.png);
background-repeat: no-repeat;
background-position: left center;
color: aliceblue;
font-size:18px;
cursor:pointer;
font-weight:bold;
}
input[type=submit].resp_suppr:hover, input[type=button].resp_suppr:hover
{
background-color: #66a6c1;
background-image:url(images/logo_suppr2.png);
background-repeat: no-repeat;
color: white;
}
input[type=submit].resp_suppr:active, input[type=button].resp_suppr:active
{
background-color: #00435f;
background-image:url(images/logo_suppr3.png);
background-repeat: no-repeat;
color: white;
}


input.button_up {
	border: 0px;
	height: 30px;
	width: 30px;
	background: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	background-image: url(images/up1.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

input.button_up:hover {
	background-image: url(images/up2.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

input.button_up:active  {
	background-image: url(images/up3.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.button_down {
	border: 0px;
	height: 30px;
	width: 30px;
	background: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	background-image: url(images/down1.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

.button_down:hover {
	background-image: url(images/down2.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.button_down:active  {
	background-image: url(images/down3.png) ;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

input:invalid {
  border: 2px dashed red;
}

input:valid {
  border: 1px solid black;
}