/* CSS Document */
html, body {
	min-width:980px;
	color: #000;
	font-size: 12px;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #ddd url(../images/fond_body1.jpg) repeat-y center center;
}



.clear {
	clear:both;

}

/* styles communs **************/
a {
	color: #487CC8;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	
	color: #5c7996;
	
}

a:hover {
	
	color: #ca0002;
	
}

a:focus {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

h1 {
    color: #000;
	background-color: inherit;
	font-size: 24px;
	margin:0 0 0 5px;
}

h2 {
    color: #000;
	background-color: inherit;
	font-size: 19px;
	margin:0 0 10px 0px;
}

h2.top20 {
    color: #000;
	background-color: inherit;
	font-size: 19px;
	margin:15px 0 5px 0px;
}



.petit_gris{
	color: #999;
	font-size: 10px;
}


hr {
   
   height: 1px;
   border: 0px #ccc;
   color: #ccc;
   background-color: #ccc;
   width: 90%;
   text-align: center;
}

.en_gris {
	color: #999;
}

/* layout ******************************* */
#header {
	margin:0 auto;
	height: 112px;
	color: #000;
	background: #142B9E  url(../images/fond_header1.jpg) no-repeat center top; 
}
#header_center{
	margin:0 auto;
	width:980px;
	padding: 5px 0 2px 10px;
}

#menu_haut{
	margin:0 auto;
	height: 76px;
	background: #fff url(../images/fond_menu_haut1.jpg)  no-repeat left top;	
}

#container {
	margin:0 auto;
	width:980px;
	
	color: #000;
	
	background: #fff;
	padding: 0;
}


#centre {
   
	padding: 10px 30px;
	margin: 0 auto;
	/*width: 100%;*/

	
}
#centre2 {
	margin: 10px 25px 10px 30px;
	padding: 0 ;
    
}


#centre3 {
	margin: 10px 25px 10px 30px;
	padding: 0 ;
    
}


#footer {

	padding: 10px 20px;
	margin: 20px 0;
	color: #000;
	background: #fff url(../images/fond_footer.jpg) top center no-repeat;
    border-top:6px solid #356DB4; 
	
}

/* links header ********************************* */
#header_center .boite_droite{
	float:right;
	height:80px;
	overflow:hidden;
	width:222px;
}

#header_center .boite_droite .liens{ 
	float:right;
    padding:28px 0pt 0pt;
    width:124px;
	color: #CCCCCC;
}



#header_center .boite_droite a {
	color:#ccc;
	text-decoration:none;
	
}

#header_center .boite_droite  a:hover {
    color:#fff;
	background: inherit;
	
}

#header_center .boite_droite img {
     
	border: 0;
}
/* Menu Haut ******************************* */
#menu_haut1{
     margin: 0;
	 padding-left: 500px;
	 padding-top: 20px
}
#menu_haut1 img{
	  padding: 0;
	  margin: 0 0 0 10px;
	  border: 0;
	  
}


/* centre div ***************/
.centre_div{
   margin: 0 auto;
   padding: 0; 
   background-color: inherit;
   
}

.centre_gauche{
    float:	left;
	/*background-color:#CCCCCC;*/
	width: 470px;	
	padding: 10px 5px;
}

.centre_droite{
    float: left;
	/*background-color:#ddd;*/
	width: 430px;
	padding: 10px 5px;
}

.centre_gauche1{
    float:	left;
	/*background-color:#CCCCCC;*/
	width: 510px;	
	padding: 10px 5px;
}

.centre_droite1{
    float: left;
	/*background-color:#ddd;*/
	width: 390px;
	padding: 10px 5px;
}


.centre_div p{
    /*margin: 0;*/
}
/* cadre_gris **************************************** */
.cadre_gris_haut{
    width: 920px;
	height: 35px;
	background: url(../images/cuadres/cadre_gris_haut.jpg) no-repeat;
	margin: 0 ;
	padding: 0;
}

.cadre_gris_centre{
    width: 920px;
	height: auto;
	background: url(../images/cuadres/cadre_gris_centre.jpg) repeat-y;
	padding: 0 ;
	margin: 0;
	background-color: #fff;
}

.cadre_gris_bas{
    width: 920px;
	height: 31px;
	background: url(../images/cuadres/cadre_gris_bas.jpg) no-repeat;
}

.cadre_gris_centre .contenu{
    padding: 0 20px;
}

.cadre_gris_centre .contenu .alaune{
    padding:  0px 0 10px; 
	margin: 0;
}


.bouton{
	 margin: 0;
	 padding: 0 20px;
}


/* Liste des unes pour home ************************* */
.liste_pt1 {
   /*padding-left:8px !important;*/
/*   padding-top: 0px !important;*/

}

.fl ul {
   /*font-size: 1.1em;*/
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-indent: -1em;
   line-height:1.3;
}

.fl li  {
   margin-bottom:2px;
   padding:0px 5px 5px 5px;
   font-size: 12px;
   line-height: 1.3em;
   
}

.fl a {
	font-weight: normal;
	color: #487CC8;
	background: inherit;
	text-decoration: none;
}


.fl  a:hover{
    color: #ca0002;
    background: inherit;
	font-weight:normal;
	
}


/*
.fl a:visited {
	font-weight: bold;
	color: #999 !important;
	background: inherit;
}
*/


.fl li a{
	font-weight: normal;
	text-decoration: none;

	
}



.fl li a:visited{
    color: #999;
    background: inherit;
}


.fl li a:hover{
    color: #ca0002;
    background: inherit;
	font-weight:normal;
	
}


.fl img {
   padding-left: 2px;
}

.fl .en_bleu{
    color: #ca0002;
	background-color: inherit;
	font-weight:bold;
	margin-right: 5px;
}
/* les boutons */
.img_tous{
   padding-left: 0 !important ;
   /*display:compact !important ;*/
   margin-left:-10px;


}

/* Cadre Blanc ----------------------------- */
/* cadre_gris **************************************** */

.cadre_blanc_gauche_haut{
    width: 510px;
	height: 20px;
	background: url(../images/cuadres/cadre_blanc_gauche_haut.jpg) no-repeat;
	margin: 0 ;
	padding: 0;
}

.cadre_blanc_gauche_centre{
    width: 510px;
	/*height: auto;*/
	background: url(../images/cuadres/cadre_blanc_gauche_centre.jpg) repeat-y;
	padding: 0 ;
	margin: 0;
	background-color:#fff;
}

.cadre_blanc_gauche_bas{
    width: 510px;
	height: 22px;
	background: url(../images/cuadres/cadre_blanc_gauche_bas.jpg) no-repeat;
}


.cadre_blanc_gauche_centre .contenu{
    padding: 0 20px;
}


.cadre_blanc_droite_haut{
    width: 390px;
	height: 20px;
	background: url(../images/cuadres/cadre_blanc_droite_haut.jpg) no-repeat;
	margin: 0 ;
	padding: 0;
}

.cadre_blanc_droite_centre{
    width: 390px;
	/*height: auto;*/
	background: url(../images/cuadres/cadre_blanc_droite_centre.jpg) repeat-y;
	padding: 0 ;
	margin: 0;
	background-color:#fff;
}

.cadre_blanc_droite_bas{
    width: 390px;
	height: 22px;
	background: url(../images/cuadres/cadre_blanc_droite_bas.jpg) no-repeat;
}


.cadre_blanc_droite_centre .contenu{
    padding: 0 20px;
}




.cadre_blanc_haut{
    width: 485px;
	height: 20px;
	background: url(../images/cuadres/cadre_blanc_haut.jpg) no-repeat;
	margin: 0 ;
	padding: 0;
}

.cadre_blanc_centre{
    width: 485px;
	/*height: auto;*/
	background: url(../images/cuadres/cadre_blanc_centre.jpg) repeat-y;
	padding: 0 ;
	margin: 0;
	background-color:#fff;
}

.cadre_blanc_bas{
    width: 485px;
	height: 22px;
	background: url(../images/cuadres/cadre_blanc_bas.jpg) no-repeat;
}

.cadre_blanc_centre .contenu{
    padding: 0 20px;
}

/* Clouds ********************** */
#cloud { 
	padding: 2px; 
	line-height: 3em; 
	text-align: center; 
	margin: 0; 
}

#cloud li { 
	display: inline; 
}

#cloud a { 
	padding: 0px; 
}

#cloud a.tag1 { font-size: 0.9em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.95em; font-weight: 200; }
#cloud a.tag3 { font-size: 1.0em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.1em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }


#cloud a {
	color: #487CC8;
	text-decoration: none;
	font-weight: bold;
}

#cloud a:visited {
	
	color: #5c7996;
	
}

#cloud a:hover {
	
	color: #ca0002;
	
}

#cloud a:focus {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

/* Menu tabs ****************** */

.boite_plus {
	border-width:1px 0;
	border-style:solid;
	border-color:#e6e6e6;
	/*margin-top: 5px;*/
}
.haut_boite_plus {
		height:27px;
		position:relative;
		/*width:1002px;*/
		width:100%; 
		margin: 0 0 0 5px;
		padding:0;
		}

.adroite{
	min-width:100%;
}

.haut_boite_plus li
{font-weight:bold;font-size: 10px;}

.haut_boite_plus li a,
.haut_boite_plus li a:visited
{color:#999;text-decoration:none;text-transform:uppercase;line-height:25px;}

.haut_boite_plus li a:hover
{color:#c20000;background:#E6E6E6;}


.haut_boite_plus ul.menu_boite_plus
{margin:0;padding:0;list-style:none;position:absolute;white-space:nowrap;}  

.haut_boite_plus ul.menu_boite_plus {
	left:0;
	background: url(../images/fond_tab_menu_bleu_claire.jpg) ;
}

.haut_boite_plus ul.menu_boite_plus li {
	float:left;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#ccc;
}

.haut_boite_plus ul.menu_boite_plus li a {
	padding:0 6px;
	width:auto;
	height:25px;
	margin:1px;
	display:block;
	vertical-align:middle;
	color: #2F629F;
	font-weight: normal;
	
}
.haut_boite_plus li a.selected{
	/*background: url(../images/fondo_tabs_pq.jpg) repeat-x;*/
    background: #ddd url(../images/fond_tab_menu_bleu_selected.jpg) repeat-x;
	color: #fff !important ;
}

.haut_boite_plus ul.menu_boite_plus li a.selected {
	color: #fff;
	background-color: inherit;
}

.haut_boite_plus ul.menu_boite_plus li a:hover {
	background: #ddd url(../images/fond_tab_menu_rouge.jpg) repeat-x;
	color: #fff;
}


* html .haut_boite_plus ul.menu_boite_plus li a
{width:25px;}




.liste_pt {
   margin-left:15px;
}
.liste_pt ul {
   font-size: 1.1em;
   list-style-image: url(http://www.francoplus.com/images/cuadro_bleu.gif);
   list-style-type: none;
   margin: 5px 0px 0px 3px;
   padding: 1px;
   text-align: left;
   line-height:1.3;
}

.liste_pt li  {
   margin-bottom:2px;
   padding:0px 0px 5px 0px;
   font-size: 12px;
}


.liste_pt li a{
	font-weight: bold;
}


.liste_pt li a:hover{
    color: #ca0002;
    background: inherit;
	font-weight:bold;
}

.liste_pt .enbleu a {
	font-weight: normal;
	color: #666;
	background: inherit;
}

.liste_pt .enbleu a:visited {
	font-weight: normal;
	color: #666 !important;
	background: inherit;
}

.liste_pt .enbleu a:hover{
    color: #ca0002;
    background: inherit;
	font-weight:normal;
}


.liste_simple {
   width: 380px;

}

.liste_simple ul {
   list-style-type: none;
   font-size: 1.1em;
   margin: 5px 0px 0px 3px;
   padding: 1px;
   text-align: left;
   line-height:1.3;
}


.liste_simple li  {
   margin-bottom:2px;
   padding:0px 0px 0px 0px;
   font-size: 13px;
}

.liste_simple img {
     border: 0;
	 vertical-align: middle;
}

.liste_simple li a{
   display: block; /* Cela permet d'avoir un seul block, surtout pour le a:hover*/
   /*background: #ddd;*/
   width: 380px;
   height: 30px;
   padding: 5px 0 5px 0;
}

.liste_simple li a:hover{
    color: #ca0002;
    background: #E9F0F8;
}

/* Liste 14 */
.liste_14 {
   margin-left:15px;
}
.liste_14 ul {
   font-size: 1.1em;
   list-style-image: url(http://www.francoplus.com/images/cuadro_bleu.gif);
   list-style-type: none;
   margin: 5px 0px 0px 3px;
   padding: 1px;
   text-align: left;
   line-height:1.3;
}

.liste_14 li  {
   margin-bottom:2px;
   padding:0px 0px 5px 0px;
   font-size: 14px;
}

.liste_14 .enbleu a {
	font-weight: normal;
	color: #666;
	background: inherit;
}

.liste_14 .enbleu a:visited {
	font-weight: normal;
	color: #666 !important;
	background: inherit;
}



.liste_14 li a{
	font-weight: bold;
}


.liste_14 li a:hover{
    color: #ca0002;
    background: inherit;
	font-weight:bold;
}

.enbleu{
  color:#356DB4;
  background-color:transparent;
}


.meteo {
   width: 105px;
   float: left;
   font-size: 14px;
   color: #356DB4;
   background-color: inherit;
   font-weight: bold;
   margin:0 auto;
   padding: 5px;
   text-align:center;
}

.meteo2 {
   width: 105px;
   float: left;
   font-size: 14px;
   color: #356DB4;
   background-color: inherit;
   font-weight: bold;
   margin:0 auto;
   padding: 5px;
   text-align:center;
   border-bottom: 1px #CCCCCC solid;
}


/* Footer ****** */
.div_footer{
	float: left;
    width: 145px;
	margin-right: 10px;
	/*background-color: #CCCCCC;*/
}

.div_footer .titre{
    
	color: #356DB4;
	background: inherit;
	font-weight:bold;
	font-size: 14px;

}

.div_footer ul {
   font-size: 13px;
   /*list-style-image: url(http://www.francoplus.com/images/cuadro_bleu.gif);*/
   list-style-type: none;
   margin: 5px 0 0 0;
   padding: 1px 1px 1px 1px;
   text-align: left;
   line-height:1.3;
}

.div_footer ul .deux{
   margin-left:13px; 
   
}


.sans_m{
   margin-left:0px !important;  
   
}

.div_footer .sans_titre{
    font-size: 13px;
	color: #356DB4;
	background-color: inherit;
	font-weight: bold;
}
.div_footer li  {
   margin-bottom:2px;
   padding:0px 0px 3px 0px;
   font-size: 12px;
}



.div_footer li a{
	font-weight: bold;
	display: block; /* Cela permet d'avoir un seul block, surtout pour le a:hover*/
	padding: 3px 0 3px 2px;
}



.div_footer li a:visited{
    color: #356DB4;
    background: inherit;
}

.div_footer li a:hover{
    color: #cc0000;
    background: #fff ;
	font-weight: bold;
}

.deux a{
    color: #666 !important;
	background: inherit; 
    font-weight: normal !important;
}

.deux a:visited{
    color: #666 !important;
	background: inherit; 
    font-weight:normal !important;
}

.deux a:hover{
    color: #cc0000 !important;
	background: inherit; 
    font-weight:bold !important;}

	
	
.le_footer {
    padding: 15px 15px;
}	


/* FORMULAIRE =========================================== */
.formulaire{
        margin-top : 0px;
        margin-bottom : 0px;
}
.formulaire_champ{
	border: 1px solid #cccccc;
	background-color: #FBFBFB;
	width: 180px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #356DB4;
    margin: 2px;  
}
.formulaire_menu{
	border: 1px solid #cccccc;
	background-color: #FBFBFB;
	width: 90px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #356DB4;
    margin: 2px 4px 2px 2px;  
}

.formulaire .input_img{
	padding-top: 5px;
}

.en_bleu{
  /* devenu rouge*/
  color:#ca0002;
  background-color:transparent;
}


/* info par rubrique ************** */
.la_rubrique {
	float: left;
	 width:175px; 
	 padding-bottom: 10px;
}