:root {
    --mainColor:#A5677E;
}

/***** Page *****/
#page-project, #page-invoice { --mainColor:#4D6953; }/* Jub-Box */

#page {
	border: 1px solid #D8B9C1;
}

#content {
    min-height: 200px;
}



/***** Header *****/

#header  {
	border-top: 3px solid #D8B9C1;
	overflow: hidden;
}
#header #logo  {
	float: left;
}
#header #title {
	float: left;
	font-size: 200%;
	margin: 40px 0 0 225px;
}

/***** Header menu *****/

#header #headermenu {
	float: right;
	margin: 10px 10px 0 0;
}
#header #headermenu ul,
 #header #headermenu ul li {
	list-style-type: none;
}


/***** Main menu *****/

#mainmenu {
	background: transparent none;
	margin-left: 240px;
}
#mainmenu ul {
    border-bottom: 1px solid #d8b9c1;
	padding: 6px 20px 5px 15px;
}
#mainmenu ul li a {
	background-color: var(--mainColor);
	color: #fff;
	-moz-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	border-left: 1px solid #d8b9c1;
	border-top: 1px solid #d8b9c1;
	border-right: 1px solid #d8b9c1;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a {
	color: #72133f;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
#mainmenu ul li ul {
	background: none;
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
	color: white;
	min-width: 96%;
	height: auto;
	padding: 0px;
	margin: 0px;
	z-index: 1000;
}
#mainmenu ul li ul li a {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-top: 0;
	border-bottom: 1px solid #d8b9c1;
}


/***** Static menu *****/

.static-menu  {
  position: fixed;
  margin-left: 5px;
  margin-top: 0;
  width: 170px;
  top: 155px;
}

.portlet-content {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background: var(--mainColor);
}

.operations li a {
	font: bold 12px Arial;
	color: #fff;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}
.operations li a:visited {
	color: #fff;
}
.operations li a:hover {
	color: #72133f;
	background: none;
}

/***** jUI *****/

.ui-button {
	color: #fff;
}
.ui-button:hover {
	color: #731440;
}

.docwrapper { display:flex; align-items:center; gap:2em; }
.delbutton { --red:var(--mainColor); border:2px solid var(--red); background:var(--red); border-radius:8px; padding:.5em .75em; color:#fff; cursor:pointer; }
.delbutton:hover, .delbutton:focus { background:#fff; color:var(--red); }

/***** Login *****/

div.form.login {
	width: 200px;
	margin: 0 auto;
}


/***** Main body *****/
h1 {
	font-size: 2em;
}
.left {
	float: left;
	clear: none;
}
.right {
	float: right;
	clear: none;
}
#footer {
	border-top: 1px solid var(--mainColor);
}
/* a.text { */
/* 	color: #fff; */
/* } */
/* a.text:hover { */
/* 	color: #731440; */
/* } */


/***** Forms *****/
div.form {
	margin-top: 2em;
}
div.form fieldset {
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 1em 0;
	padding: 0 1em;
}
div.form fieldset.left,
 div.form fieldset.right {
/* 	border: none; */
}
div.form fieldset.left {
/* 	width: 50%; */
}
div.form fieldset.right {
/* 	width: 40%; */
}

div.form fieldset legend {
	color: #555;
	font-weight: bold;
	padding: 0 0.5em;
	margin: 0 0.5em;
}

div.form fieldset fieldset:not(.force) {
	border: none;
	margin: 0;
	border-radius: 0;	
	padding: 0;
}
div.form fieldset fieldset.border {
	border-left: 1px solid #555;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0 0 0 1em;
}

div.form label {
/* 	margin-bottom: 5px; */
}

div.form input, div.form textarea {
	margin: 0.7em 0.5em 0.6em 0;
}
div.form select {
	margin: 0.7em 0.5em 0.6em 0;
}

div.row.buttons {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/* 	background-color: #D8B9C1; */
border: 1px solid #d8b9c1;
position: fixed;
top: 250px;
margin-left: -205px;
width: 168px;
/* 	padding-top: 20px; */
}

div.row.buttons input {
	display: block;
	margin: 10px auto;
}

div.row.buttons a {
	display: block;
	margin: 10px auto;
	max-width: 150px;
}

div.login div.row.buttons {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	position: relative;
	top: 0;
	margin-left: 0;
	width: 168px;
/* 	padding-top: 20px; */
}

/* margeparclient-form */
form#caparclient-form .row label + span input, form#facturationparclient-form .row label + span input {
	float: left;
}
form#caparclient-form .row label + span label, form#facturationparclient-form .row label + span label {
	float: left;
	margin: 0.7em 3em 0.6em 0;
}

form#planningdesanimations-form .row label + span input {
	float: left;
}
form#planningdesanimations-form .row label + span label {
	float: left;
	margin: 0.7em 1.5em 0.6em 0;
}

form .opetype { display:flex; align-items:center; gap:2em; }
form #operationscollaborateurs_opetype { display:flex; align-items:center; }
form #operationscollaborateurs_opetype label + input { margin-left:2em; }



input[disabled="disabled"] {
	background-color: #efefef;
	color: #000;
}
input[disabled="disabled"].edition-ok {
	background-color: #e3c5e3;
	color: #000;
}
input#Animation_date_declaration_due[disabled="disabled"].edition-ok, input#Animation_date_retour_rapport.edition-ok {
	background-color: #c9f2c9;
}

/***** Jquery UI *****/

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
overflow-x: hidden;
/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}


/***** CGridView *****/

.grid-view
{
	float: left;
}
label + .grid-view:has(.summary) {
  padding-top: 0;
}
.grid-view table.items {
	width: auto;
}
.grid-view table.items th {
	background: url("bg.gif") repeat-x scroll left top white;
}
.grid-view table.items
{
	background: white;
	border: 1px #D0E3EF solid;
}
.grid-view table.items tr.odd {
	background: #eee7e8;
}
.grid-view table.items tr.even {
	background: #fcf4f6;
}
.grid-view table.items tr:hover {
	background: #fffdfc;
}
.grid-view table.items tr.selected {
	background: #BCE774;
}

/***** Pager *****/
ul.yiiPager a:link, ul.yiiPager a:visited {
	border: solid 1px var(--mainColor);
	color: #731440;
}
ul.yiiPager .selected a {
	background: #731440;
	color: #fff;
}
ul.yiiPager .hidden a {
border: solid 1px #DEDEDE;
color: #888;
}

/***** Recherche de collaborateurs *****/

div.row {
	clear: both;
}
ul.horizontal {
	list-style-type: none;
}
ul.horizontal li {
	float: left;
	width: 60px;
	text-align: center;
}
ul.horizontal-large li {
	float: left;
	width: 90px;
	text-align: center;
}

#collaborateur-grid table.items tr.nomore td { color:#C00; }

#Collaborateur_qualifications { display: grid; grid-template-columns:1fr 1fr 1fr; }
#Collaborateur_qualifications .element label { display:inline-block; }

/* Etoile */
#star-five {
    margin: 50px 0;
    position: relative;
    display: block;
    color: red;
    width: 0px;
    height: 0px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid red;
    border-left: 100px solid transparent;
    transform: rotate(35deg);
}
#star-five:before {
    border-bottom: 80px solid red;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: -45px;
    left: -65px;
    display: block;
    content: '';
    transform: rotate(-35deg);
}
#star-five:after {
    position: absolute;
    display: block;
    color: red;
    top: 3px;
    left: -105px;
    width: 0px;
    height: 0px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid red;
    border-left: 100px solid transparent;
    transform: rotate(-70deg);
    content: '';
}


/***** Animations *****/

/* Animation_autoentrepreneur_contrat */
.contrat-autoentrepreneur {
	/*display: none;*/
}
.radio-inline {
	float: left;
}
.label-inline {
	float: left;
	margin: 0.7em 0.5em 0.6em 0;
}

/* changement de la couleur de l'ID dans les animations, selon l'utilisateur qui les a créées */
#animation-grid.grid-view table.items tr { --bg-color:transparent; }
#animation-grid.grid-view table.items tr > :first-child { background-color:var(--bg-color); }

#animation-grid .old { background:#d7d7d7; font-style:italic; }


#viewAnimation > div { border:1px solid var(--mainColor); padding:15px; margin:2em 0; }
#viewAnimation > div h2 { background:var(--mainColor); padding:15px; margin:-15px -15px 1em -15px; text-transform:uppercase; color:#fff; font-weight:700; }

#viewAnimation em { font-style:italic; }

#viewAnimation .entete { font-size:1.125em; }

#viewAnimation dl { display:grid; grid-template-columns:1fr 4fr; }
#viewAnimation table { border:1px solid; }
#viewAnimation table tr:nth-child(odd) { background:#eee7e8; }
#viewAnimation table tr:nth-child(even) { background:#fcf4f6; }

#viewAnimation table td, #viewAnimation table th { border:1px solid #000; padding:.5em; }
#viewAnimation table th { background:url('bg.gif') repeat-x scroll left top; color:#fff; }

#viewAnimation .special_btn { display:block; background:var(--mainColor); border:1px solid var(--mainColor); border-radius:5px; width:200px; margin:auto; padding:1em; text-align:center; font-size:1.25em; color:#fff; text-decoration:none; }
#viewAnimation .special_btn:hover { transform:scale(1.125); transition:.125s; background:#fff; color:var(--mainColor); }

#viewAnimation .missionAccomplie form .row { display:flex; flex-direction:column; padding-bottom:1em; }
#viewAnimation .missionAccomplie form .submitRow { text-align:right; }

#viewAnimation .missionAccomplie .comments h3 { background:var(--mainColor); padding:.5em; color:#fff; font-weight:700; }
#viewAnimation .missionAccomplie .comments .inner { border:1px solid var(--mainColor); padding:.5em; }

#accepterAnimation h2 { text-align:center; font-size:1.5em; }
#accepterAnimation .doctosign { padding:0; margin-bottom:3em; }
#accepterAnimation .doctosign page { display:block; height:400px; overflow:auto; padding:1em; }

#viewCollaborateur h2 { font-size:1.5em; font-weight:700; }
#viewCollaborateur h3 { font-size:1.2em; font-weight:700; }
#viewCollaborateur .documents { padding:1em 0; }
#viewCollaborateur .documents .row { padding-bottom:1em; text-align:center; }


/* Photothèque */
.phototheque { display:flex; flex-wrap:wrap; gap:2em; }
.phototheque li { display:flex; flex-wrap:wrap; align-items:center; border:1px solid #D8B9C1; width:calc(calc(100% / 5) - 2em); }
.phototheque li img { display:block; width:100%; aspect-ratio:3/5; object-fit:cover; }
.phototheque li p { padding:.25em; font-style:italic; }

 
 
/* Projects */
#project-grid { float:none; }
#project-grid table.items { width:100%; }