@charset "utf-8";

/* Pagès Informatique  */

/**PAGE WC7 **/
.cLinkHidden { display:none }

/***************** bandeau en haut ************************/
a img {border: 0;}
hr {margin:0}

#Img_fond  img{width:100%; 
               content:url('images2/bandeau-2017-bleu.png');
			   height: 115px;}

@media only screen and  (max-width:420px)  { 
  #Img_fond { /*height:115px;*/ 
            background-repeat:no-repeat;
			/*background-size:contain;*/} 
  #Img_fond  img{width:100%; 
                 content:url('images2/bandeau-entete72bis.png')}			
}
@media only screen and  (min-width:421px) and (max-width:700px)  { 
  #Img_fond {height:115px; 
            background-repeat:no-repeat;
			/*background-size:contain;*/} 
  #Img_fond  img{width:100%; 
                 content:url('images2/bandeau-entete72bis.png')}			
}
@media only screen and (min-width:701px)  { 

  #Img_fond {
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-color: #080665; 
		overflow:hidden; 
		height:115px;
	} 
  .MaBande {      height: 115px;
    width: 100%;
    position: absolute;
    background-color: #080766;
    top: 0;    }
}


#ObjWebBasPage  {
background-color:white;
font-size:1px;
border:0px;
margin:0px;
padding:0px;
}

.cl-site-haut {  
	display: inline-table;
	/*width:100%; */
	/*height:260px; */
	overflow: visible;
}


#id-site-haut1 { background-color:#c9def9;  }
#id-site-haut2 { background-color:#9affda;  }
#id-site-haut3 { background-color:#f4ddcb;  }
#id-site-haut4 { background-color:#bafdff;  }
#id-site-haut5 { background-color:#fbd7f6;  }
#id-site-haut6 { background-color:#feffc2;  }



.cl-site-haut  a {
font-family:"Open Sans", sans-serif;
font-size:13px;
text-decoration: none;
color: #333;
}

.cl-site-haut    a {
outline: medium none;
}

.cl-site-haut    a:visited , #id-site-haut    a:active{
color: #333;
text-decoration: none;
}

.cl-site-haut   a:hover {
color: #006CD9;
text-decoration: underline;

}

.cl-site-haut  ul {
  margin-left:0;
  margin-top: 2px;
  padding-left:26px;
}

.cl-site-haut  div {
padding-top:0px;
/*background-size:cover;
background-image:url("images/CadreBas01.png");*/
/*height:240px;*/
}

.cl-site-haut  p {
text-align: left;

    padding: 5px 0 0 26px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;

font-variant: normal;
font-weight: normal;
line-height: normal;
text-shadow: 0 1px 0 #777;
color:darkblue;

}


/***** Site colonne entete: lien interne  ***********  */
 .fps-sites-haut {
  font-size: 16px;
 }

 div.fps-sites-haut  {
width: 250px;
border:0px;
padding-top:6px;
display: inline-table;
}

ul.fps-sites-haut n  {
list-style-type: none;
}

.fps-sites-haut  li {
list-style-type: none;
}


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

@media only screen and (max-width:460px)  {
	#ObjWebBasPage  {
	background-color:white;
	font-size:1px;
	border:0px;
	margin:0px;
	padding:0px;
	width:100% !important;
	}	
		
		
	#fps-footer { 
		background: #EBF9FF;
		width:100%; 
		font-size:14px;
	}
	
	#fps-liens { display:none; }
	
}


@media only screen and (min-width:461px)and (max-width:700px)  {
	#fps-footer { 
		background: #EBF9FF;
		width:100%; 
		font-size:14px;
	}
}
@media only screen and (min-width:701px)  { 
	#fps-footer { 
		background: white;
		width:100%; 
		font-size:14px;
	}

}
	


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

#ObjWeb_bandeau { z-index:1000;overflow:visible; }

.fps-dropbtn   {}

.fps-dropdowncontent { 
display:none;   
position: absolute; 
min-width:200px;
max-width: 80%;
padding:10px 20px 20px 5px;
}


@media only screen and  (max-width:700px) { 
	.fps-dropdowncontent { 
	left:0px;
	width:100%;
	}
}

@media only screen and (min-width:701px)  and (max-width:999px) { 
	.fps-dropdowncontent { 
	left:30px;
	}
}

@media only screen and (min-width:1000px)  and (max-width:1299px) { 
	.fps-dropdowncontent { 
	left:30px;
	}
}
@media only screen and (min-width:1300px)  { 
	.fps-dropdowncontent { 
	left:initial;
	}
}


.sous-groupe {	float:left;}

.sous-groupe > p {
text-align: left;
padding: 5px 0 0 26px;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
font-variant: normal;
font-weight: normal;
line-height: normal;
text-shadow: 0 1px 1px #b9b9c8;
color:darkblue;

	
}
.sous-groupe >  ul  {
	list-style-type: none;
	margin-left: 0;
    margin-top: 3px;
    padding-left: 26px;	
}
.sous-groupe >  ul > li > a:hover { text-decoration:underline } 
.sous-groupe >  ul > li > a {
outline: medium none;
font-family:"Open Sans", sans-serif;
font-size:13px;
text-decoration: none;
color: #333;	
}


nav { background-color:#d3d3d3 }


ul.fps-menu {
display:inline-block;
margin:0;
padding:0;
overflow: hidden;
list-style-type: none;
}


@media only screen and (min-width:699px)  {
	ul.fps-menu > li:hover  .fps-dropdowncontent{   display: block; }
}

 .fps-dropdowncontent{
	box-shadow: 5px 3px 10px 5px rgba(0,0,0,0.3); 
}



ul.fps-menu > li :first-child , #fps-menu0:hover  {
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); 	
}



ul.fps-menu  p{  font-family: arial; }

ul.fps-menu > li{ float:left; }

  
  
ul.fps-menu > li > a{ 
    display: inline-block; 
	height:50px;
	min-width: 110px;
	max-width:200px;

	text-align:center;
	
	font-family: Arial, Verdana, sans-serif;
	color: darkblue;
	text-transform: uppercase;
	font-size:12px;  
	font-weight:bolder;
	text-decoration: none;
		
}

ul.fps-menu   li:hover, .fps-dropdowncontent   {background-color:#eff7f8;}	

ul.fps-menu > li > a  >p { padding-top:20px; font-size:14px; margin:0; }


ul.fps-menu > li#fps-menu0 > a {
	display: none; 
	/*float:left;*/
}


ul.fps-menu > li#fps-menu1 > a {
	/*height:50px;*/
	width:40px;
	min-width: 40px;
	background: url('accueil2.png');
    background-repeat: no-repeat;
    background-position: center;	
	
	text-align: center;
	display: inline-block; 
	/*float:left;*/
}



@media only screen and (max-width:700px)  {
	
	ul.fps-menu { 
		/*  width:200px; */     
		position: fixed; 
		right:0;
		top:2px;

	}
	
	ul.fps-menu > li { float:none; width:100%; background-color:#bfffff ;}
	
	ul.fps-menu > li#fps-menu0 { 
		width: 50px; 
		height:50px;
		display: block; 
		background: url('sprites-pages-info.png');
		background-position: -510px -100px;
		background-repeat: no-repeat;	
		cursor:pointer;
		margin-left: 150px;
	}
	
	ul.fps-menu > li#fps-menu0:hover { 	
		background-position: -340px -100px;
		 
	}
	
#fps-menu1 ,#fps-menu2,#fps-menu3 ,#fps-menu4 ,#fps-menu5 ,#fps-menu6 ,#fps-menu7,#fps-menu8 { display:none; }

.fpsMenuTopItem {
	
}



li.respmenu  { display:block !important;  }
	
	
}	




	
ul.fps-menu > li > a {
    display: block;
    height: initial;
    /*padding-bottom: 15px;*/
    min-width: 110px;
    max-width: 200px;
    text-align: center;
    font-family: Arial, Verdana, sans-serif;
    color: #00008b;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
}	



ul.fps-menu > li#fps-menu1 > a {
	display: block; 
	background: initial;
	width:initial;

	/*float:left;*/
}
	
ul.fps-menu > li > a >p {
    padding: 14px;
    font-size: 14px;
    margin: 0;	
		
}



	
/*******Zone de Rassurante #fps-rassurant **********************************/

/*
#fps-rassurant  ul {  border:0; margin:10px 0 0 5px; padding:0;height:60px}
*/
#fps-rassurant  ul li{
/*	margin-left:2px;*/
	list-style-type: none;
	float:left;
	height:55px;
/*	width:160px;*/
	background-repeat:no-repeat;
 }
#fps-rassurant  ul li:hover {background-color:#99E5FF;}


@media only screen and (max-width:460px)  {

	#fps-rassurant  ul {  
		border:0; 
		margin:0 ; 
		padding:0;
		height:60px;
		text-align:center;
	}	
	#fps-rassurant  ul li p  {  padding-top:18px; display:inline-block }
	
	
	#rassu-li-01, 
	#rassu-li-03  ,
	#rassu-li-04  ,
	#rassu-li-05  ,
	#rassu-li-06  ,
	#rassu-li-07 ,
	#rassu-li-08 {display:none}  

	#rassu-li-02  { 
		background-image:url("images/telephone-vert-xs.png");
		background-position: 20px 0px;
		width:100%;
	}
	/*#rassu-li-02 p  { padding-left:50px; }  */
  
}

@media only screen and  (min-width:461px)  and (max-width:700px)  { 

	#fps-rassurant  ul li p  {  padding-top:18px; display:inline-block }

	#rassu-li-01, 
	#rassu-li-04  ,
	#rassu-li-05  ,
	#rassu-li-06  {display:none}  

	#rassu-li-02, 
	#rassu-li-03  ,
	#rassu-li-07  ,
	#rassu-li-08  {display:block;}  

	#rassu-li-01, #rassu-li-02 ,#rassu-li-03, #rassu-li-04, #rassu-li-05, #rassu-li-06, #rassu-li-07, #rassu-li-08{ 
	  background-image:url("sprites-pages-info.png"); 
	}

	#rassu-li-01  {  background-position: -170px 0;   width:49%; max-width:170px; }
	#rassu-li-01 p  { padding-left:45px;}
	#rassu-li-02  {   background-position: -340px 0; width:49%; max-width:170px;}
	#rassu-li-02 p  { padding-left:50px; }
	#rassu-li-03  {  width:49%;max-width:170px; }
	#rassu-li-03 p  { background-position: -510px 0; padding-left:60px;} 
	#rassu-li-05  {   background-position: -680px 0; width:49%;max-width:170px;}
	#rassu-li-05 p  {  padding-left:45px;  }
	#rassu-li-06  {  background-position: -850px 0;	max-width:170px; }
	#rassu-li-06 p  {  padding-left:45px;  } 
	#rassu-li-07  { background-position: -850px 0; width:49%; max-width:170px;}
	#rassu-li-07 p  {   padding-left:45px; }
	#rassu-li-08  { background-position: -1020px 0; width:130px !important; max-width:170px;}
	#rassu-li-08 p  {  padding-top:25px; padding-left:45px; display:inline-block; }
}

@media only screen and (min-width:701px)  { 
#fps-rassurant  ul  {padding-left:5px;  }
#fps-rassurant  ul li { width:14%; min-width:140px;   max-width: 170px;}
#fps-rassurant  ul li p  {  padding-top:25px; padding-left:50px; display:inline-block }

#rassu-li-01, #rassu-li-02 ,#rassu-li-03, #rassu-li-04, #rassu-li-05, #rassu-li-06, #rassu-li-07, #rassu-li-08
   { background-image:url("sprites-pages-info.png"); }
#rassu-li-01 p  { padding-left:45px;  }
#rassu-li-02  { background-position: -170px 0; }
#rassu-li-02 p  { padding-left:50px; }
#rassu-li-03  {  background-position: -340px 0; }
#rassu-li-03 p  { padding-left:60px;}
#rassu-li-04  {  background-position: -510px 0;}
#rassu-li-04 p  {  padding-left: 70px; }
#rassu-li-05  {  background-position: -680px 0;}
#rassu-li-05 p  { padding-left:45px; }
#rassu-li-06  {  background-position: -850px 0;}
#rassu-li-06 p  {  padding-left:45px; }
#rassu-li-07  {  background-position: -850px 0;	width:130px !important; }
#rassu-li-07 p  { padding-left:45px; }
#rassu-li-08  {  background-position: -1020px 0;width:130px !important; }
#rassu-li-08 p  {  padding-top:25px; padding-left:45px; display:inline-block; }
}

#fps-rassurant { 
	background: white; 
	width:100%; 
	display:inline-block;
}

 
#fps-rassurant   p { 
	font-family: Arial, Verdana, sans-serif;
	color: darkblue;
	text-transform: uppercase;
	font-size:12px;  
	font-weight:bolder;

}

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

#fps-bandeau  {
 background-image:url("images/bandeau-h-circuit2.png");
 background-repeat:repeat-x;
 height:36px;
 width:1100px;
 display: inline-table; 
 float:left; 
}


/*****Info societe partie #fos-coordonnees*****************************************************************************/
	/*@media only screen and (max-width:700px)  {#fps-coordonnees {background:#aaa }}*/


@media only screen and (max-width:460px)  { 

   #fps-coordonnees  {    
		padding:5px;
   }
   
   #fps-coordonnees a {    
   		text-decoration: none;
		color:#777;
   }


	#fps-societe { 	width: 94%;}
	#fps-societe  > p { 	
		font-weight:bold;
        font-family:'Courier new'; 
		font-size:200%; 
		color:#000080;	
		margin:0;	
	}	
	
	
    #fps-societe-img-tel, #fps-telfax  p{
			font-family:arial; 
	}
	
	#fps-societe-imgtel {
		height: 30px;
		width: 220px;
		background-image: url(images/numtel.png);
		background-size: 90%;
		background-repeat: no-repeat;
	}	
	#fps-images { display:none;	}
}	
	
@media only screen and (min-width:461px) and  (max-width:700px) { 
   #fps-coordonnees { 
       background:url('images/carte-mere-bandeau-clair.jpg')  repeat 0; 	
		width:100%; 
		/*height:116px;  */

		font-family:'Courier new'; 	
		font-weight: bold;
		padding:5px;
   } 
   
   #fps-coordonnees a {    
   		text-decoration: none;
		color:#777;
   }
   
   #fps-societe { 	
	   
		width: 94%;
		font-size:100%;	 
   }
   
   #fps-societe > p { 	
		font-weight:bold;
        font-family:'Courier new'; 
		font-size:200%; 
		color:#000080;	
		margin:0;
   }   
   
		#fps-societe-imgtel  {
		  height:20px;
		  width:200px;
		  background-image:url("images/numtel.png");
		  background-size: 70%;
		  background-repeat: no-repeat;
		}
		#fps-societe-imgmob  {
		  height:20px;
		  width:200px;
		  background-image:url("images/nummob.png");
		  background-size: 70%;
		  background-repeat: no-repeat;
		}
		#fps-societe-imgfax  {
		  height:20px;
		  width:200px;
		  background-image:url("images/numfax.png");
		  background-size: 70%;
		  background-repeat: no-repeat;
		}   
   
   
   
   
	#fps-telfax {   	
		width:90%;  
	}	

	
	#fps-telfax a{ 
		text-decoration: none;
		color:#777;
	}
		
	#fps-telfax > p{ 
		margin-top:12px;
		font-family:arial; 	
	}	
	
	#fps-images {   
	    display:none;
	/*	display: inline-table;
		float:right; 
		margin-right:10px;*/
	}	   
   
}
	




@media only screen and (min-width:701px)  { 
	#fps-coordonnees { 
       background:url('images/carte-mere-bandeau-clair.jpg')  repeat 0; 	
		width:100%; 
		height:116px;  
		font-size:100%;
		padding-top:10px;
	}

	#fps-societe { 
		width: 32%;
		margin:9px 0 9px 9px; 
		display: inline-table; 
		float:left; 
		
	}

	#fps-societe > p { 
		font-weight:bold;
        font-family:'Courier new'; 
		font-size:200%; 
		color:#000080;	
		margin:0;
	}		

	#fps-societe-imgtel  {
	  height:20px;
	  width:200px;
	  background-image:url("images/numtel.png");
	  background-size: 70%;
	  background-repeat: no-repeat;
	}
	#fps-societe-imgmob  {
	  height:20px;
	  width:200px;
	  background-image:url("images/nummob.png");
	  background-size: 70%;
	  background-repeat: no-repeat;
	}
	#fps-societe-imgfax  {
	  height:20px;
	  width:200px;
	  background-image:url("images/numfax.png");
	  background-size: 70%;
	  background-repeat: no-repeat;
	}
	
	#fps-telfax {   
		margin-left:9px;  
		width:38%;  
		display: inline-table;
		float:left; 
		font-size:80% ; 
		font-family:arial; 
		font-weight:bold;
		color:#777;		
	}
	
	#fps-images {   

		display: inline-table;
		float:right; 
		margin-right:10px;
	}	   
   	

}	
	
	


/*****Lien interne *******************************************************************************/	
@media only screen and (min-width:701px) {
	#fps-liens {  
		display: inline-table;
		width:100%; 
		height:260px; 
		margin-top: 1em;
		/*background-image:url("images/fond02.jpg");*/
		
	}	
}



 div.fps-liens-title  {
width: 250px;
background: #FFC0CB;
}
	

#fps-liens a {
font-family:"Open Sans", sans-serif;
font-size:80%;
text-decoration: none;
color: #333;
}

#fps-liens   a:visited, #fps-liens   a:active {
color: #333;
text-decoration: none;
outline: medium none;
}

#fps-liens   a:hover {
color: #555;
text-decoration: underline;
outline: medium none;
}

#fps-liens ul {
  margin-left:0;
  padding-left:26px;
}

#fps-liens div {
padding-top:2px;
/*background-size:cover;
background-image:url("images/CadreBas01.png");*/
/*height:240px;*/
}

#fps-liens p {
text-align: left;

margin-left:26px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;

font-variant: normal;
font-weight: normal;
line-height: normal;
text-shadow: 0 1px 0 #777;
color:darkblue;

}


/***** Site annuaires référencant ***********                  */
 div.fps-sites-ref   {
width: 180px;
margin-left:20px;
/*background: #FFC0CB;*/
display: inline-table;
}

ul.fps-sites-ref n  {list-style-type: none;}

.fps-sites-ref  li {list-style-type: none;}

.fps-sites-ref  img { border:0;}


/***** Site annuaires partenaires ***********                  */

 div.fps-sites-partn  {
width: 220px;
/*background: #FFC0CB;*/
display: inline-table;
}


 p.fps-sites-partn  {
color: #222222;
}


ul.fps-sites-partn n  {
list-style-type: none;
}

.fps-sites-partn  li {
list-style-type: none;
}


/***** Site services : liens utiles  ***********                  */
 div.fps-sites-services  {
width: 200px;
/*background: #FFC0CB;*/
display: inline-table;
}

ul.fps-sites-services n  {
list-style-type: none;
}

.fps-sites-services  li {
list-style-type: none;
}

/***** lien Intra : liens réentrant  ***********                  */

	
 div.fps-sites-intra , div.ListeLiensTitre {
width: 200px;
/*background: #FFC0CB;*/
display: inline-table;
}

 p.fps-sites-intra,  div.ListeLiensTitre p {
color: #222222;
}

ul.fps-sites-intra n, div.ListeLiensTitre ul {
list-style-type: none;
}

.fps-sites-intra  li {
list-style-type: none;
}

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


/***** lien Région : liens depanneur informatique en région  ***********                  */

 div.fps-sites-regions  {
width: 230px;
/*background: #FFC0CB;*/
display: inline-table;
}

 p.fps-sites-regions  {
color:blue;
}

ul.fps-sites-regions n  {
list-style-type: none;
}

.fps-sites-regions  li {
list-style-type: none;
}