/*
* Type classes
*/

body {
  background-color:	#999;
  color:		#555;
  font-family:		Verdana, Arial, Helvetica, sans-serif;
  font-size:		11px;
  text-align:		center;
}

em {
  font-style:		normal;
  font-weight:		bold;
}
em.italic {
  font-style:		italic;
  font-weight:		normal;
}
a:link {
  border:		none;
  text-decoration:	none;
  color:		#003399;
}
a:visited {
  border:		none;
  text-decoration:	none;
  color:		#003399;
}
a:hover {
  border:		none;
  text-decoration:	underline;
  color:		#003399;
}
a:active {
  border:		none;
  text-decoration:	none;
  color:		#003399;
}

img {
  border:		none;
}

h1 {
  background: 		#eee;
  border: 		0px solid #003399;
  font-size: 		130%;
  margin-top: 		5px;
  padding: 		0 5px;
  text-align:		center;
}

h2 {
  font-size: 		120%;
  margin-top: 		30px;
  padding: 		0;
  text-align: 		center;
}

hr {
  border: 		1px solid #ddd;
}

fieldset {
  margin :		0 10px;
  padding: 		15px 25px;
  border: 		1px solid #ccc;
}

label {
  margin-top: 		10px;
  width: 		100%;
  display:		 block;
}
label.obligatoire:first-letter {
  color:		#D9550D ;
}

fieldset span {
  font-style: 		italic;
  font-size: 		80%;
  color: 		#D9550D;
}

fieldset h5 {
  font-size: 		80%;
  margin:		20px 0 5px 0;
  padding:		3px 10px;
  background: 		#eee;
}

fieldset legend {
  font-weight:		 bold;
  font-size: 		120%;
  text-transform: 	uppercase;
}

fieldset div {
  padding: 		35px 0 0 15px;
  text-align:		center;
}

fieldset p {
  font-style: 		italic;
}


fieldset div input{
  margin:		auto;
}

input {
  font-size: 		11px;
  border: 		1px solid #ccc;
}

fieldset label.radio {
  display:		inline;
  width:		auto;
}

fieldset input.radio {
  border: 		none;
}

/* ------------------------------------------------------------------------- */
/* Contenu des textes Diode */
/* ------------------------------------------------------------------------- */

h1.titre_cc {
/*  color: 		#FFFFFF;*/
  color: 		#0066cc;
/*  background: 		#0066cc;*/
  font-size: 		130%;
  margin-top: 		5px;
  margin-bottom: 	20px;
  padding: 		0 5px;
  text-align:		center;
}

h1.contenu {
  color: 		#555;
  background: 		#FFFFFF;
  font-size: 		130%;
  margin-top: 		5px;
  padding: 		0 5px;
  text-align:		center;
}

h2.contenu {
  color: 		#FFFFFF;
  background: 		#6699ff;
  border: 		0px solid #003399;
  font-size: 		100%;
  margin-top: 		20px;
  padding: 		0 5px;
  text-align:		left;
}

h3.contenu {
  color: 		#555;
  background: 		#FFFFFF;
  border-bottom:	1px solid #003399;
  font-size: 		100%;
  margin-top: 		20px;
  padding: 		0 5px;
  text-align:		left;
}

h4.contenu {
  color: 		#555;
  text-decoration:	underline;
  background: 		#FFFFFF;
  font-size: 		100%;
  margin-top: 		0px;
  padding: 		0 5px;
  text-align:		left;
}

h5.contenu {
  color: 		#555;
  background: 		#FFFFFF;
  font-size: 		100%;
  padding: 		0 5px;
  text-align:		left;
}

table.contenu {
  border:		1px solid #555;
  border-collapse:	collapse;
  font-size: 		100%;
  text-align:		center;
}

th.contenu {
  color: 		#003399;
  margin:		0;
  background: 		#EEE;
  border:		1px solid #555;
  font-size: 		100%;
  text-align:		center;
}

td.contenu {
  color: 		#555;
  background: 		#FFFFFF;
  margin:		0 0 0 0;
  border:		1px solid #555;
  font-size: 		100%;
  text-align:		center;
}



/*
* Id classes
*/

#fakeBody {
  background:		#fff url("forme.gif") no-repeat scroll left center;
  border:    		2px solid #555;     
  margin:		auto;
  text-align:		left;
  width:		790px;
  padding-bottom:	50px;
  height: auto !important;
  height: 600px;
  /* because ie suxxe */min-height: 600px;
}

#content {
  margin:		20px;
}
  
#popupFakeBody {
  background:		#fff ;  
  border:    		2px solid #555;     
  margin:		auto;
  text-align:		left;
  width:		598px;
  padding-bottom:	50px;  
  height: auto !important;
  height: 600px;
  /* because ie suxxe */min-height: 500px;  
}

#info {
  padding-right:	250px;
}

#footer {
  margin:		auto;
  text-align:		left;
  width:		790px;  
  font-size: 		80%;
  font-style:		normal;
  font-weight:		bold;
  margin-top:		-50px;
}

#popupFooter {
  margin:		auto;
  text-align:		left;
  width:		598px;  
  font-size: 		80%;
  font-style:		normal;
  font-weight:		bold;
  margin-top:		-50px;
}



#footer img,#popupFooter img  {
  float:		left;
  margin-top:		-1em;
}

#footer br,#popupFooter br {
  clear:		left;
}

#banner {
  background:		#fff url("bandeau.jpg") no-repeat ;
  height:		111px;
  width:		100%;
}

#bannerPopup {
  height:		111px;
  width:		100%;
}
#banner div{
  margin-left:		15px;
  margin-top:		-5px;
  position:		absolute;
  color:		#fff;
  font-weight:		bold;
  font-style:		normal;
}
#banner img{
  margin-top:		55px;
  margin-left:		5px;  
}
#logo {
  position:             absolute;
  margin-top:		-55px;  

}
#banner form {
  float:		right; 
  width:		250px;
}

#banner a.logout {
  float:		right; 
  width:		250px;
  margin:		30px 0 0 0;
}
#banner a.logout img{
  margin-left:		70px;
}

#banner fieldset{
  text-align:		right;
  border:		none;  
  margin:		30px 35px 0 0;
  padding:		0;
}

#currentView {
  padding: 		2px 6px 3px 6px;
  background: 		#fff;
}

/*
* General classes
*/

.alignCenter {
  text-align:		center;
  width:		100%;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clearRight {
  clear:		right;
}

.clearLeft {
  clear:		left;
}

.caption {
  color:		#999;
  font-size:		80%;
  font-weight:		bold;
}

.center {
  text-align:		center;
}

/*
* Specific classes
*/

.subBanner {
  background-color:	#0066cc;
  font-size:		30%;
  width: 		100%;
}

ul.menu {
  background-color:	#003399;
  color:		#fff;
  margin:		0;
  padding:		0;
  text-align:		right;
  width:		100%;
}

ul.menu a:link {
  border:		none;
  text-decoration:	none;
  color:		#fff;
}

ul.menu a:visited {
  border:		none;
  text-decoration:	none;
  color:		#fff;
}

ul.menu a:hover {
  border:		none;
  text-decoration:	underline;
  color:		#fff;
}

ul.menu a:active {
  border:		none;
  text-decoration:	none;
  color:		#fff;
}

ul.menu li {
  display:		inline;
}

div.menu {
  background-color:	#6699ff;  
  padding:		1px;
}

div.menu dl {
  color:		#0066cc;
  float:		left;
  padding:		0;
  margin:		0;
  width:		17em;
  margin-left:		1em;
}

div.menu dt {
  color:		#fff;
  font-variant:		small-caps;
  margin:		0;
  text-align:		center;
  width:		17em;
  
}

div.menu dd {
  width:		17em;
  background-color:	white;	
  border:		1px solid black;
  display:		none;
  position:		absolute;
  z-index:		10;
  margin:		0;
}

div.menu dd ul{
  font-size:		80%;
  list-style:		none;
  margin:		0;
  padding-left:		1em;
}

ul.criteres {
  padding:		25px;
  list-style-image:	url("ico_puce.gif");
}

ul.criteres li{
  padding:		10px 0;
  font-size:		80%;
}

ul.path {
  margin:		20px;
  padding: 		0;
  list-style-image:	url("ico_path.png") ;
}

ul.listActivite {
  margin:		 0;
  padding:		 0;
  list-style-image:	url("ico_puce_actualite.png") ;
}

ul.listActivite li{
  padding:		2px ;
  margin: 		0px 20px;
  border-top: 		1px solid #ddd;
}

p.criteres {
  margin-left:		10px;
}

ul.menuConvention {
  border-bottom: 	2px solid #003399;
  list-style: 		none;
  text-align:		center;
}

ul.menuConvention li{
  background: 		 #eee;
  border-top:		1px solid #003399;
  border-left:		1px solid #003399;
  border-right:		1px solid #003399;
  display:		inline;
  font-size: 		80%;
  padding: 		2px 6px 1px 6px;
  text-transform: 	uppercase;
}

table.obligationCouple {
  border-collapse:	collapse;
  width:		100%
}

table.obligationCouple caption{
  margin-top:		5px;
  caption-side:		bottom;
  text-align:		left;
}

table.obligationCouple caption ul {
  list-style:		none;
}

table.obligationCouple td, table.obligationCouple th{
  border:		2px solid #fff;
  text-align:		center;
  background-color:	#eee;
  font-size:		11px;
}

table.obligationCouple th{
  background-color:	#e0e0e2;
}
table.obligationCouple .overTitle {
  background-color:	#003399;
  color : #eee;
}
table.obligationCouple .overTitle a:link,
table.obligationCouple .overTitle a:visited,
table.obligationCouple .overTitle a:hover,
table.obligationCouple .overTitle a:active {
  color : #eee;
}

.messageError  {
  font-weight: bold;
  margin-top: 		10px 0;
  color: 		#D9550D;
  font-size: 		130%;
  width: 		100%;
  display: 		block;
  text-align:		center;
}

.messageWarning {
  font-weight:		 bold;
  margin: 		10px 0;
  width: 		100%;
  display: 		block;
  text-align: 		center;
  color: 		#ed8d2f;  
}

.messageInfo {
  font-weight:		 bold;
  margin: 		10px 0;
  width: 		100%;
  color: 		#3047f3;  
  display: 		block;
  text-align: 		center;
}

ul.actualite {
  list-style-image:	url("ico_puce_dossier.png");
}

div.headActu {
  background:		#fff url("ico_actu_fond.png") no-repeat scroll top left;
  margin:		-20px -20px 0 -20px;
  padding:		18px 0 0 40px;
}

div.headActu p {
  font-style:		italic;
}

div.headActu h2 {
  text-align:		left;
  font-size:		160%
}

div.headActu h3 {
  font-weight:		bold;
  font-size:		140%
}

div.headLexique {
  background:		#fff url("ico_lex_fond.png") no-repeat scroll top left;
  margin:		-20px -20px 0 -20px;
}

ul.lexique li {
  display:		inline;
}

p.functionButton {
  text-align:		right;
}
 
fieldset.favoris {
  font-size:		80%;
  margin-top:		10px;
}

form.favoris label {
  width:		90%;
}
 

form.favoris input {
  vertical-align:	top;
  float:		right;
}

form.favoris ul {
  width:		100%;
  margin:		5px;
  padding:		0px;
}

form.favoris li {
  clear:		right;
  width:		100%;
}

form.favoris .submit {
  float:		none;
  clear:		right;
}

form.disabled {
  color:		#333;
  background-color:	#eee;
}

table.devis {
  width:		100%;
  padding:		5px;
}

table.devis td {
  border:		1px solid black;
  border-collapse:	collapse;
  margin:		0px;

}

table.devis th {
  border:		1px solid black;
  border-collapse:	collapse;
  margin:		0px;
  text-align:		center;
  font-weight:		bold;

}

img.entete {
  position:		relative;
  left:			10px;
}

a.linkLogin {
  border:		none;
  text-decoration:	none;
  color:		#FFF;
}
a.linkLogin:link {
  border:		none;
  text-decoration:	none;
  color:		#FFF;
}
a.linkLogin:visited {
  border:		none;
  text-decoration:	none;
  color:		#FFF;
}
a.linkLogin:hover {
  border:		none;
  text-decoration:	underline;
  color:		#FFF;
}
a.linkLogin:active {
  border:		none;
  text-decoration:	underline;
  color:		#FFF;
}


.cegidForm {
	text-align:center;
	width: 520px;
	margin:50px auto;
	padding: 0;
	background:#003399;
	border:2px solid #444;
}

.cegidFiedset {
	border:0px solid #fff;
	color: #fff;
}

.cegidLabel {
	text-transform:uppercase;
	font-weight:bold;
	color: #fff;
}