/***********************************************************
***** Feuille de style du site courriel            *****
***** Valid CSS - Creation Dir INFO 2005 dirinfo.com *******
***********************************************************/

body {
background-color: #b071ae;
font-size :12px;
font-family:  'Trebuchet MS','Gill Sans MT', 'Gill sans', Arial, Helvetica, sans-serif;
text-align: center;
}
#general {
color: #000000;
text-align: left;
width: 945px;
}
/*Pour otutes las pages qui n'ont pas de sommaire*/
#saisie {
	background-color:#fbe5f2;	
	width: 420px;
	margin : 40px auto;
	text-align: left;
	padding: 30px;
	background-image: url(../illustration/semeuse_trans.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

/*pages sommaire le menu*/

#cpanel {  
text-align: center;
vertical-align: middle;
width: 525px;
display: block;
}

#cpanel div.icon, #cpanel div.vide   { 
margin: 3px;
float:left;
}

#cpanel div.icon a, #cpanel div.vide { 
	display: block;
	float: left;
	/*height: 97px !important;*/
	height: 90px; 
	/*width: 108px !important;*/
	width: 150px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #b071ae;
	padding: 2px 5px 1px 5px;
	background-color: #fbe5f2;
}
#cpanel div.vide {
border: 1px;
}


#cpanel div.icon img {
align : middle;
border :0px;
}

#cpanel div.icon a:link    {  color : #000000;  }

#cpanel div.icon a:hover   { 
	color : #000000; 
	background-color: #ead6e9;  
	padding: 3px 4px 0px 6px; 
}

#cpanel div.icon a:active  {  
color : #000000;
  }
#cpanel div.icon a:visited {  color : #000000;  }
#cpanel div.icon img { margin-top: 5px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

/*** illustration pages **/

.menu{
	background-image: url(../illustration/semeuse_trans.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}
#destinataire{
	background-image: url(../illustration/destinataire.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}
#doublon
{
	background-image: url(../illustration/doublon.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}

.fichecourriel{
background-image: url(../illustration/saisie.gif);
	background-repeat: no-repeat;
	background-position: right 34px;
}

.fichebase{
background-image: url(../illustration/siege.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}

.chargement{
background-image: url(../illustration/les_antennes.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.prepenvoi{
background-image: url(../illustration/horloge.gif);
	background-repeat: no-repeat;
	background-position: right 90px;
}

.groupe{
background-image: url(../illustration/baguette.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

fieldset {
width: 840px;
padding: 10px 0px 0px 10px;
background-color: #fbe5f2;
text-align: left;
}

legend {
background-color: #fff;
padding: 2px 10px 2px 10px;
border: 2px;
font-size: 120%;
font-weight: bold;
}

input, textarea, select {
font-size: 100%;
/*obliger de preciser la font sinon les text area part enlive*/
font-family:  'Trebuchet MS','Gill Sans MT', 'Gill sans', Arial, Helvetica, sans-serif;
}
/*
input {
height: 50%;
}
*/

/*
textarea, select {
background-color: #ffd;
}
*/
.aide {
	font-weight: bold;
	border: 1px solid #000000;
	margin-left: 6px;
	
}

tr.ligne_pair td, tr.ligne_pair th {
background-color: #ead6e9;
}

.information fieldset {
border-color: #FE3A01;
}

.information legend{
color: #FE3A01;
}
.ligne_pair fieldset {
background-color: #ead6e9;
}
.ligne_impair fieldset{
background-color: #fbe5f2;
}
/*pour la page tri_inscrit*/
.bloc1, .bloc2, .bloc3{
	float: left;
	margin-left: 10px;
	padding: 5px;
	}

.bloc3 {
background-color: #fbe5f2;
padding: 10px;
}
	
/* marche pas */	
.sousmenu a {
width: 150px;
}

h6 {
font-size :12px;
}
h2 {
color: #FE3A01;
background-color: #fff;
width: 525px;
padding: 3px;
margin-left: 17px;
font-size : 150%;
background-image: url(../illustration/titreh2.gif);
border: 1px solid #fff;
}

.signature{
text-align: center;
font-size : 95%;
}

a{
color :#000000;
background-color: #ffd;
	border: 1px solid #000000;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;

}

a:link {
	color :#000000;
    text-decoration : none;


}
a:visited {
	color :#000000;
    text-decoration : none;

}
a:hover {
	background-color: #ead6e9;
    text-decoration : underline overline;
}

.separation {
   clear : both;
   visibility : hidden;
}

/*liste*/
ul {
    list-style-type : none;
    margin : 0px;
	padding : 12px;
}

li {
   text-align : left;
   margin-bottom : 10px;
   text-indent : 20px;
}
/************* etape d'enregistrement **************/
.etape{
background-color: #fbe5f2;
text-align: center;
border: 2px solid #fff;
	font-size: 105%;
	font-weight: bold;
}

/************************* table aligne****************************/
table.aligne{
border-collapse:collapse;

}

table.aligne tr td{
   text-align : left;
   text-indent : 20px;/* marche pas avec les input sous ie*/
   padding: 5px 10px 5px 0px;
}

/*************************table liste*****************************/
table.liste{
/*padding: 10px;*/
border: 0px;
/*cellspacing: 2px;
cellpadding: 10px;*/
border-collapse: collapse;
}

.liste caption{
font-size: 80%;
caption-side: bottom;
text-align: right;
}

table.liste tr td, table.liste tr th {
border-width: 1px;
border-color: #000000;
font-weight: normal;
border-style: solid;
padding-top: 3px;
}

table.liste tr td{
text-align: right;
border-width: 1px;
border-style: solid;
border-color: #000000;
width: 63px;
margin: 10px;
}

table.liste tr.titrecol th {
text-align: center;
font-weight: 600;
border-width: 0px;
}

table.liste tr th {
text-align: left;
height: 30px;

}
/****/
table tr td.nombre {
text-align: right;
}


.photo, .photod{
border: 3px dotted #fff;
}

/*********************saut de page lise ***********************/
.limite_page {
width: 840px;
text-align: center;
}

.limite_page a {
color :#000000;
background-color: #b071ae;
	border: 0px ;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}


.limite_page .page_active {
font-weight: bold;

}



/**************************************menu********************/
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0
}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar ya que le backroud qui repond*/
.clBar{
	position:absolute;
	width:50;
	height:10;
	background-color:#b071ae;
	layer-background-color:#b071ae;
	visibility:hidden
}

/*Styles for level 0*/
.clLevel0,.clLevel0over{
	position:absolute;
	padding:2px;
	font-size:105%;
	/*font-family:tahoma,arial,helvetica;
	
	font-weight:bold*/
}
.clLevel0{
	background-color:#b071ae;
	/*layer-background-color:#b071ae;*/
	color:#000000;
}

.clLevel0over{
	background-color:#fbe5f2;
	layer-background-color:#000000; 
	color:#000000; 
	cursor:pointer; 
	cursor:hand; 
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	/*background-color:#000000;
	layer-background-color:#006699;*/
}

/*Styles for level 1*/
.clLevel1, .clLevel1over{
	position:absolute; padding:2px;
	/*font-family:tahoma, arial,helvetica;
	font-size:11px;
	font-weight:bold;*/
}
.clLevel1{
	background-color:#fbe5f2; 
	layer-background-color:#fbe5f2; 
	color:#000000;
}
.clLevel1over{
	background-color:#ead6e9; 
	/*layer-background-color:#336699; 
	color:Yellow;*/
	cursor:pointer; 
	cursor:hand; 
}
.clLevel1border{
	position:absolute; 
	visibility:hidden; 
	background-color:#000000;
	/*layer-background-color:#006699*/
}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}