/* CSS Document */ 
html {  /* background-color: rgba(255, 29, 96, 0.1) ;   background: rgba(206, 63, 182, 0.3); color: rgba(206, 63, 182, 0.3); */ 
     padding:0px 0px 0px 0px; 	margin:auto; 	 	border: 0px solid yellow;}

html {    width:100%;      height:95%;  
                            
    background: white; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left,  rgba(255, 232, 239, 1.0) , white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255, 232, 239, 1.0) , white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255, 232, 239, 1.0) , white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255, 232, 239, 1.0) , white); /* Standard syntax (must be last) */
}

body{    
    background-image   :  url(../images/bubbles.png)     ; 
    background-repeat  :  no-repeat  /*, no-repeat   /*/ ;
    background-position:  left   /*,  right   */    ;                 
    background-size: auto auto   /*   ,auto auto   */   ;  
    
  padding:0px 0px 0px 0px; 		margin:0px 0px 0px 0px;   font-size:15px;   	border: 0px solid red;   width:100%;      height:100%;  
          font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana ;  color:black; font-size:100%; } 
          
#principale{   /* background-image   : url(../images/photo.png)   ; */
  background-repeat  : no-repeat /*, no-repeat   /*/ ;
  background-position: top right   /*,  right   */    ;                 

  padding:0px 0px 0px 0px; 		margin:10px 10px 10px 10px;  	border: 2px solid red;         width:98%;      height:100%; 
          font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana ;  color:black; font-size:100%; }  
          
a { text-decoration: none; }   /* on enleve les soulignements des liens */

.ident { /*line-height: 10px;*/ padding:3px; font-size: 12px; font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana; vertical-align: middle;
 text-align: center;  text-decoration: underline;}
 /*  pour le fichier formulaire_identification.php */
 
.inlineblock {        /* Indispensable */   
    display: -moz-inline-stack; /* Pour Firefox 1-2 */
    display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block */ 
    vertical-align: middle;  /* Positionnement vertical du bloc */       
    }
    
.div_lien { background-color: rgba(255, 29, 96, 0.1); padding:0px 0px 0px 0px}

.lien { margin:0px; padding:10px; line-height: 30px; font-size: 12px;  text-align: center; 	text-transform: uppercase; font-weight: bold;
        font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana; text-decoration: none; color:black; }      

.img_lien { margin:0px; padding:7px; float:left; } 

a.lien:hover, img.img_lien:hover { background: #fff; text-decoration: underline; } 

/*      .div_photo {      margin:auto;      }     */

.arrondi   { 	border-radius: 10px;  	-moz-border-radius: 10px; 	-webkit-border-radius: 10px; border: solid 1px red; }           
.arrondi40 { 	border-radius: 40px;  	-moz-border-radius: 40px; 	-webkit-border-radius: 40px; border: solid 1px red; }      

@media screen and (min-width: 1000px)      /*pour les ordis*/
{  
#principale {   background-size: 300px auto;  font-size:15px;   /*   ,auto auto   */   ;       }
#info_cnx   {  font-size:15px; margin:0px 300px 0px 0px; height:170px; 	border: 0px solid red;   }
}

@media screen and (max-width: 1001px)   /*pour les portable*/
{  
#principale {   background-size: 200px auto; font-size:20px; padding:0px 0px 0px 0px  ;   }
#info_cnx   {  font-size:20px; margin:0px 200px 0px 0px;  height:180px;  /*   ,auto auto   */   ; 	border: 2px solid red;   }
.lien { line-height: 0px; padding:3px;  } 
.div_photo {  margin:0px;    }   
} 

@media screen and (max-width: 625px)
{      /* propriétés pour mobile */                   
  
}