/* FEUILLE DE STYLES POUR TOUS LES STYLES DE L'APPLICATION */

/* * {font-family:calibri, tahoma, arial, sans serif;} */
* {font-family:Century gothic, arial, sans serif; font-size:9pt; margin:0;}
body {background:#444; background-image:url(segami/fondGespro.jpg);}
table {	border-collapse:collapse;}
a {text-decoration:none; }
#page {width:90%; margin:auto; padding:1em;border-radius:5px 5px 5px 5px;}
#pageHeader {background:#9999ff;	width:100%; margin:auto; margin-bottom:1em; border-radius:5px 5px 5px 5px;}
#pageHeader p{margin:1em; padding:1em; font-size:2em;font-weight:bold;}
#pageContent {background:ivory; 	width:100%; margin:auto; border-radius:5px 5px 5px 5px;}
	#menu {position:absolute;top:0;background:#fff;color:#555;height:5px;box-shadow:0 0 15px black;width:100%}
	#menu ul {list-style-type:none;padding:0;margin-left:40%;}
	#menu ul li {display:inline;padding:10 15;}
	#menu ul li a {display:inline;padding: 5;background:#fff; border-radius:0 0 3px 3px; text-decoration:none; color:#999; font-size:.8em; min-width:200px;}

section {margin-bottom:1em;}
section header, section .sectionHeader {position:relative;	display:block;	margin:0; padding:.5em;	font-size:1.5em;
	border-bottom:2px solid #828282; background:#99ff99; border-radius:5px 5px 5px 5px;	}

.sectionList {margin:1em 1em 1em 1em; padding:1em; border-radius:5px 5px 5px 5px;}
.sectionHeader {cursor:pointer;}
.sectionContent {margin:1em 0 1em 1em}
.switch-icon{position:absolute; top:.5em; right:0;	display:block;	line-height:50px;	width:40px;height:44px;	cursor:pointer;text-align:center}
.icon-next{	display:inline-block;	width:24px;height:24px;	background:url(../segami/iconeV1.png); background-size:cover;
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.closed .switch-icon i{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.closed .sectionContent{display:none;}
.opened .sectionContent{}

.concepteur{color:#333;}
.cptName, .cptRole{color:#333;font-weight:bold;float:left;margin-bottom:5px;margin-top:5px;}
.cptRole{margin-left:1em;color:#666;}
.separateur{clear:both;}
.cptCV {background:rgba(0,0,0,.2);color:#666;font-size:.8em;margin-left:2em;padding:.5em;border-radius:5px 5px 5px 5px;	}
.cptCV * {font-size:1em;}

.help {padding:5px; margin:5px; background:#fff; background:rgba(55,255,55, 0.5); box-shadow:2px 2px 2px #555; text-align:justify; }