/* CSS Document */  /*  projet_mod  */
/* réalisé par Rachid TAYBI et younes CHRAK : */
/* pour tous les navigateurs  */


/*---DEB  General ------*/

       * { padding:0; margin: 0; }  
	   
	   body {
	         padding:0;
	         margin:0;
		 background: url(http://www.soccoalto.com/images/bg_body.jpg) repeat-x 0 0 #2572BF; 
		 font-family:Arial, Helvetica, sans-serif;
		 color: #fff;
		 font-size: 11px;   
		 }
			 
     #page1 { 
	  width:998px;  height: 768px;

	  background:url(http://www.soccoalto.com/images/arireplan.jpg) no-repeat;
	  margin:0 auto;  
	  position:relative;  
			  
			  }			  
			 
	   img {border:none}
	   .clear {clear:both; height:0px; width:0px;}
	   
	   ul {list-style:none;}
			
	   h1, h2, h3 { color:#fff; margin:8px 0; font-weight:bold; }
	   h1 {  font-size:16px; height:20px;} 
	   h2 {  font-size:14px;  }
	   h3 {  font-size:12px; }
	   
	   hr { border-bottom: solid 0,5px #BBAC91;}
	   
	   a {  text-decoration:none; color : #fff ;   }
              a:hover { text-decoration :underline ;   }
	   
	     .liste2 {} 
	     .liste2 li   { margin: 3px 0 3px 25px; list-style:circle; }
             
          
	.en_construction { background:url(../images/en_construction.jpg) no-repeat 0 0 ; width:165px; height:174px; margin:0 auto; } 
         	  
        	   .img_right { float:right; margin: 0 0 5px 8px ; }



form .c_txt { border:solid 1px #ccc; width:175px;   height:19px;} 
   .socoo { text-transform:uppercase; font-weight:bold; color:#F98E45; } /*#F58026 */
   .important { color :orange  ; font-weight:bold;  } /* #F98E45 */

	   /*p,ul {line-height:18px;}*/	   
	   
/*---FIN  General------*/
  
  
  
 /*---------DEB page home -------*/ 
 
  		 
	  #page { 
	  width:998px;	    background:url(http://www.soccoalto.com/images/background.JPG) no-repeat;	  margin:0 auto;  	  position:relative;  }
	  
	 #logo {	 display:block;	 width:150px;	 height:156px; position:absolute; top:32px; left:24px;	 }	
	 #flash {	 width:425px;	 height:238px;	 margin:0 auto;	 padding-bottom:307px;	 padding-top:225px;	 } 
	 #texte {	 width:425px;	 height:38px;	 margin:0 auto;	 padding-top:27px;	 color:#91C8FF;	 text-decoration:none;	 }
	 #menu-home {	 text-decoration:none;	 color:#91C8FF;	 }
	 
 /*---------FIN page home -------*/ 
  

  
/*---DEB  page interne ---*/  


/*--- DEB left ------*/

      #left {   width:207px;	 float:left; }

	  #logo1 {	 display:block;	 width:160px;	 height:170px; position:absolute; top:30px; left:36px; }	
	 
	  #titre-rubrique {	position:absolute;	top:333px;	left:184px;		height: 116px;	width: 24px;}
/*--- FIN  left ------*/	  
	 
	/*--- DEB center ------*/

	
	#center {   width:572px;	 padding: 0 5px ;    float:left; }
        #c_top { margin-top:19px;  } 
        #menu_top {}
        #menu_top a { display:block; float:left;} 
        #anime { width:570px;height:213px; padding:0px; margin:0px;   position:relative;   top:0px; }
			
    	 #bar { width:570px;	  height:24px;	 background:#0D5CAB; color:#0D5CAB; top: 0px; position:relative; }
            #bar h1 { line-height:24px; margin :0; padding-left: 3px;   }
		  
	    #retour-imprimer {	  width:143px;	 height:13px; padding-top:5px;	 float:right; margin-right : 3px !important; margin-right :1px; margin-top :0px; }
		 
		#retour {background:url(http://www.soccoalto.com/images/retour.jpg) no-repeat;   border:medium none;	color:#F0F0F0;	font-size:9px;	float:right;width:68px;	height:13px;	margin-right:3px; display:block;}

	    #imprimer {background:url(http://www.soccoalto.com/images/imprimer.jpg) no-repeat;     border:medium none;color:#F0F0F0;	font-size:9px;	float:right;width:68px;	height:13px;  display : block;}

     
	 #contenu {} 
	 #contenu2 { width:98%; padding-left:1%; padding-top: 28px;  height:auto !important; min-height: 400px; height: 400px; text-align:justify; margin-bottom : 20px; } 

      .bloc_contenu {  width:580px;	 margin-bottom:21px;	 font-size:11px; 	 float:left;	 padding-left:6px;	 border-left:solid 2px #E4701E;	 }
	    .bloc_contenu    h2 { font-size:11px;	color:#A5D2FF; font-weight:normal; margin:0;  }
 
       	#pied { text-align:center; margin-top:20px; }  
        #sysnek { color : #fff; }

	/*--- FIN  center ------*/			 
	
	
	
	/*--- DEB right ------*/		 
			 
			 
	#right { width:163px;	float:left;	}
			
			
	  #menu_right { position:relative;   top:76px; left:25px; }		
	  
	   #menu_right-small{ position:relative;   top:175px; left:25px;}
	   
	   #menu_right-small a { color:#88BDF1; font-size:9px; text-decoration:none; /*padding-left:24px; display:block;*/  }
	    
	   #menu_right-small a  img {  position:relative; top:3px;  }
		/*#menu_right-small a#telecharger { background:url(http://www.soccoalto.com/images/01_01.jpg) no-repeat center left ; }
		#menu_right-small a#inscription { background:url(http://www.soccoalto.com/images/01_02.jpg) no-repeat center left; }
		#menu_right-small a#chantier { background:url(http://www.soccoalto.com/images/01_03.jpg) no-repeat center left;}*/ 	

	/*--- DEB right ------*/	
    	 
			 
/*---FIN   page interne ---*/ 
			 
			 

/*------DEB info clés --------*/
    

		
		 #ctn_infocles  { width:95%; margin:0 auto; text-align :left;  } 
		 #ctn_infocles  #ic_col1{ width:49%; float:left; }
		 #ctn_infocles  #ic_col1{ width:49%; float:right;  }
                     #ctn_infocles  #ic_col3{ width:100%;  /*margin : 0 auto; */ }
		
/*------FIN  info clés --------*/