@charset "utf-8";
/* CSS - Saisine par voie électronique */


/* min-width pour moyennes résolutions */
@media screen and (min-width: 800px) {
	#main {
		width:70%;
		clear:none;
		height: auto;
        min-height: auto;
	}
	
}

@media screen and (max-width: 1024px) {
   #main {
      width: 95%;
	  height: auto;
      min-height: auto; 
   }
}


/*max-width pour faibles résolutions */
@media screen and (max-width: 1280px) {
	
	#main,  {
		/*clear:both;*/
		width:100%;
		height: auto;
        min-height: auto;
	}
	
}


* {   -moz-box-sizing: border-box; /* pour firefox*/
      -webkit-box-sizing: border-box; /* pour chrome*/
       box-sizing: border-box;
        }

html {font-size: 100%;
      height: 100%;
	  }
		
A:link        {color : #3d3d3d; text-decoration:underline; font-weight:bold; } 
A:visited	  {color : #172383; text-decoration:underline;  } 
A:hover	      {color : #ac186e; text-decoration:underline; } 
A:active	  {color : #f09020; text-decoration : none;  font-weight:bold;}		

a.nav:link       {color : #fff; text-decoration : none; }
a.nav:visited	{ color : #fff; text-decoration : none;}
a.nav:hover		{ color : #fff; text-decoration : underline ; }
a.nav:active	{ color : #3366ff; text-decoration : none;}

body {	
    width:100%;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	color:#000; 
	height: 100%; 
	height: auto;
    min-height: auto;
	margin-right:auto;        
	margin-left: auto;
}

main {
    margin-left: auto;
    margin-right: auto; 	 
	overflow:auto;
	width:100%; 
	background-color:#FBFBFB;	
}

/******************************************************/
/**************       FORMULAIRE      *****************/
form { width:100%; background-color:#FBFBFB; }

p { margin: 1em;
	color:#000;
}

#erreur { color:#BE1622;
          width:48%;
	  height:auto; 
          background-color:#FFE5E5;
          border: 1px solid #FAFAFA;
          webkit-border-radius: 6px;
          moz-border-radius: 6px;
          border-radius: 6px; 
	  background-image:url(../images/ico_erreur.png); 
	  background-repeat:no-repeat; 
	  background-position: 3px  4px; padding-left:2%;
	  } 	

erreur { color:#FF0199; }

section {padding:1%;  width:100%; border: none; }


table {
border-collapse:collapse;
width:100%;
text-align:left; 
background-color:#FBFBFB;
}

th {
padding:5px;
background-color:#f0f0f0; 
text-align:left; 
}

td {
font-size:100%;
padding:5px;
text-align:left;

}

span {
  position: relative;
  float: left;
}

.tab5 {width:5%;}
.tab15 {width:15%;}
.tab30 {width:30%;}
.tab35 {width:35%;}
.tab55 {width:55%;}
.tab85 {width:85%;}


input.champ {
   background-color:#fff;   
   border: 1px solid gray;
}
textarea.champ {
   background-color:#fff;   
   border: 1px solid gray;
}
select.champ {
   background-color:#fff;   
   border: 1px solid gray;
}
input.bouton{
   background-color:#AC1C71; 
   color:#FFF; 
   font-weight:bold;
   border:0;
}

/********************************************/
/*  infobulle pour Formulaire - puce jaune  */
/********************************************/
/*infobulle */
div.infobulle {
  position: relative;
  top: -5px;
  left: 2px;
  float: right;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
display: inline;
position: absolute;
top: -20px;
left: 20px;
background-color: #dadbdd;
color: #000;
padding: 2px;
border: 1px solid #707070;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
min-width:400px;
}
/*fin*/

/***************************************************/
/* toolbox */
.pb_2 { padding-bottom:2em;}

.clear_b{ clear: both;}

.center { text-align:center;}		

img { border:none; padding:0; margin:0;}