@charset "utf-8";


body  {
    	font: 9px Verdana, Arial, Helvetica, sans-serif;
    	background: #CCCCCC;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
    
   
    #container { 
    	width: 766px;
    	background: #FFFFFF;
    	margin: 0 auto; 
    	text-align: left; 
    }  
    #header {
		padding:0px;
		margin-right:10px;
		width:766px;
		height: 110px;
		background:url(../images/Entete.jpg);
		background-color: #FFFFFF;
    } 
  
    
	#mainContent {
		float:left;
		padding-top: 0px;
		
     	width:526px;
		
    } 
	
  
    #pub_gauche {
    	float: left; 
    	width: 135px; 
	margin:5px;
    	padding:0px;
	margin-bottom:0px;
	text-align:center;
    }
   
	#marque_du_mois h3 {
		color:#fcc000;
		font-size:11px;
		margin:0px;
		padding:0px;
	}
	
	#marque_du_mois{
		margin:0px;
		padding:0px;
		
	}
	
	#marque_du_mois img{
		margin:0px;
		padding:0px;
	}
	
	#partenaire_du_mois h3 {
		color:#35a2d7;
		font-size:11px;
	}
	
	#partie_haute {
		margin:0px 0px 0px 0px;
		padding-left:5px;
		min-height:165px;
		overflow:auto;
	}
	
	#partie_haute p{
		padding:0px;
	}
	
	#pub_bas{
		width:94%;
	
		margin:10px;
		text-align:center;
	}
	
	#partie_basse {
		min-height:180px;
		padding-left:3px;
		padding-right:5px;
	}
	#partie_basse p{
	
		padding-right:5px;
	}
	

	
	#orange{
		color:#35a2d7;
		text-align:center;
		
		width:140px;
	}
	
	#besoin_d_aide{
	
		float:right;
		width:180px;
		text-align:left;
		color:#0099FF;
	}
	
	#besoin_d_aide a {
		color:#006600;
		
	}
	#besoin_d_aide p{
		margin:6px;
		padding:0px;
	}
	#besoin_d_aide h1{
		font-size:14px;
		color:#0099FF;
	}
	
	#img_bulle{
		position:relative;
		top:0px;
		float:right;
	}

   
	 #sidebar2 {
	     	margin-left:500px;
	    	width: 240px;
	    	background: white; 
		padding : 0 10px;
	
	}
	
	#menu_list{
		padding: 0px;
		list-style-type:none;
		margin:0px;
		border: black solid 1px;
		border-bottom: none;
	}
    
	#menu_list li{
		text-indent:0px;
		border-bottom: black solid 1px;
		background-image:url(../images/fleche_menu.jpg);
		background-repeat:no-repeat;
		background-position:5px;
		padding-left:20px;
		font-size:10px;
		line-height:18px;
		
		text-transform:uppercase;
	}
	
	#rechercher{
		position : relative;
		right:10px;
		width:100%;
		text-align:right;
		color:#939393;
		padding-right: 10px;
		width:766px;
	}
	
	.go{
		color: white;
		background:url(../images/go.jpg);
		border :none;
		font-size:9px;
		width:22px;
		height:16px;
		padding:0px;
		vertical-align:top;
	}
	
	#menu_haut{
		font-size: 10px;
		text-align:right;
		margin-right: 50px;
		margin-bottom: 20px;
		margin-top : 0px;
		padding-top:10px;
		color : #35a2d7;
	}
	
	#menu_haut a {
		color:#35a2d7;
		text-decoration:none;
	}
	
	#les_autres_services h1{
		font-size:17px;
		color:#fcc000;
		text-align: center;
	}
	#les_autres_services {
		color:#35a2d7;
		padding:0px;
		margin:10px 0px 10px 0px;
		text-indent:0px;
		text-align: center;
	}
	#les_autres_services div{
		margin:0px;
		padding-left:0px;
		margin-bottom : 20px;
		padding-right:5px;
	}
	#les_autres_services hr {
		border:none;
		background-image:url(../images/motif_barre.jpg);
		width:85%;
		height:8px;
	}
	
	#menu_haut a:hover {
		text-decoration:underline;
	}
	
	#menu_list a {
		color:#60b5df;
		text-decoration:none;
	}
	
	#menu_list a:visited {
		text-decoration:none;
	}
	
	#menu_list a:hover{
		text-decoration:underline;
	}
	#menu_list a:active{
		text-decoration:underline;
		color:#63ffff;
	}
	   
	#centre{
		vertical-align:top;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		padding-left:126px;
	}
	
	#centre div{
		margin: 0px 20px 10px 20px;
	}
	
    #footer { 
		margin:0px 10px 0px 10px;
    	padding:4px;
		text-align:center;
		color:#fccc00;
		font-size:10px;
    	background:#939393;
		min-height:45px;
    }
	#footer p {
		padding-bottom : 0px;
	}
	
	#footer a { 
    	color:#fccc00;
		text-decoration:none;
		padding:0px;
    } 
    
    #footer p.base{
		padding:0px;
		color:#0099FF;
	}
   
	#debug {
		background-color:#CCCCCC;
		border : dashed 2px black;
        position:absolute;
        top:0px;
        left:0px;
		width:220px;
		height:250px;
		overflow:auto;
	}

/***************

CLASSES DU SITE

***************/
	.ordinateur{
		color: #35a2d7;
		font-size:11px;
	}


	.ordinateur h1{
		text-transform:uppercase;
		font-weight:bold;
		font-size:14px;
		color:#35a2d7;

	}

	.ordinateur h2{
		color:#fcc000;
		text-transform:uppercase;
		font-size:12px;
		font-weight:normal;
		margin: 20px 2px 25px 2px;
	}

	.petite_pub{
		margin:0px auto 0px auto;
		
		min-height: 50px;
	
	}

	.encadre {
		border : black solid 1px;
		margin : 5px 0px 5px 0px;
		padding:0px;
	}

    .clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }