/* CSS Document */



body{



  background-color:#000;



  font-size: 62.5%;



	font-family: Arial;



	color:#FFF;



}

  /*a{



    cursor:text;



  }*/



  img{



    border:no border;



    margin:0;

	



    vertical-align:middle;

  }



  div#page{



    width:945px;



    margin:0 auto 0 auto;



  }



    div#navsimple{



      width:100%;



      text-align:right;

     



    }



      div#navsimple p{



        float:right;

		



      }



        div#navsimple p a{



          display:block;



          font-size:1.5em;



          color:#FFF;



          text-decoration:none;



          /*background-color:#6C86A6;



          padding:0px 5px 0px 5px;*/



          float:left;  



        }



          div#navsimple p a.actif{



            /*background-color:#000;

            margin-left:93px;

			text-align:left;*/

			}



    div#header{



      width:100%;



      float:left;



    }



      div#header img{



        float:left;



      }



      div#header h1{



        display:block;



        margin-top:50px;



        font-family: HelveticaNeue BoldCond, Arial;



        float:right;



        font-size:2em;



        text-align:right;



      }



      div#header h1 span{



        color:#EF4030;



      }



    div#mainedito{



      float:left;





      width:100%;



      



    }

	

      div#mainedito img{



        float:left;



        margin:0;



      }



      div#mainedito div#textedito{



        float:left;



        height:221px;



        width:308px;



        background-color:#EF4030;



        margin-left:10px;



        



      }

	  div#mainedito div#image{



        float:left;



        height:166px;



        width:308px;



        margin-left:10px;



        



      }





        div#mainedito div#textedito h2{
          font-size:2.5em;
          margin:10px 0px 0px 10px;
        }


        div#mainedito div#textedito div#contenuedito{



          margin:20px 10px 0px;



          height:140px;



          



        }



          div#mainedito div#textedito div#contenuedito p{
            font-size:1.2em;
			/*margin-bottom:-10px;*/
			margin-bottom:3px;
			margin-top: 0px;
          }



         div#mainedito div#textedito a{
          display:block;
          margin-left:10px;
          width:73px;
          height:15px;
          background-image:url(../images/fond-lienedito.png);
          color:#FFF;
          padding-left:4px;
          background-repeat:no-repeat;
          text-decoration:none;
         }



    div#navigation{



     float:left;



     width:100%;



     margin-top:20px;



    }



      div#navigation img{



        float:left;



      }



      div#navigation h2{



        display:block;



        float:left;



        width:298px;



        height:18px;



        font-size:1.5em;



        margin:0;



        padding:7px 0px 7px 10px;



        



      }



      div#navigation ul{



        float:left;



        width:293px;



        margin-left:-30px;



        list-style:none;



        font-size:1.2em; 



      }

	  

	  div#pagemenu #droite ul { /* marac */

	  	margin-left: -35px;

		

	  }



        div#navigation ul li{



          margin-left:0px;



        }



          div#navigation a{



            color:#FFF;



            text-decoration:none;



            



          }



      div#navigation div#gauche{



        float:left;



        width:308px;      



        margin-left: 0px;		



      }



        div#navigation div#gauche h2{



          background-color:#F4A639;



          padding-left: 9px;



        }



       div#navigation div#gauche table{



          /*font-size:1.2em;*/

          

          border-spacing:10px 0px;

		  margin-left: -11px;

		  line-height:13px;       



        }

		div#navigation div#gauche ul{

		  margin-top: 13px;





        }



          div#navigation div#gauche table td{



            width:145px;



          }



              



      div#navigation div#centre{



        float:left;



        width:308px;        



		margin-left: 5px;



      }



        div#navigation div#centre h2{



          background-color:#E32748;



          



        }



        div#navigation a.activite{



          text-decoration:blink;



          cursor:pointer;



          display:block;



         



        }



        div#navigation a.activite img{



         display:block;



          border:none;



          vertical-align:middle;



        } 



      



      div#navigation div#droite{



        float:left;



        width:308px;



        margin-left:5px;



      }



        div#navigation div#droite h2{



          background-color:#1066A2;



          



        }



  div#navigation2{



    /*float:left;*/ /* marac */



    width:100%;



  }



    div#navigation2 h2{



      display:block;



      float:left;



      width:298px;



      height:18px;



      font-size:1.5em;



      margin:0;



      padding:7px 0px 7px 10px;



    }



    div#navigation2 div{



      /*float:left;*/ /* marac */ float:right;



      width:308px;



      margin-left:10px;



    }



    div#navigation2 div p{



      font-size:1.2em;



      margin-top:9px;



      margin-left:10px;



      float:left;



    }



      div#navigation2 div p a{



        color:#FFF;



        text-decoration:none;



      }



    div#navigation2 div#webtv{



      /*margin-left:318px;*/



    }



      div#navigation2 div#webtv h2{



        background-color:#453F80;



      }



      



      div#navigation2 div#archives h2{



        background-color:#77387C;



      }



  div#footer{



    float:left;



    width:100%;



    border-top:solid 1px #C9C7C8;



    border-bottom:solid 1px #C9C7C8;



    margin-top:40px;



    color:#777;



    padding-top:4px;



    padding-bottom:4px;



    font-size:120%;





	 }



    div#footer p{



      float:left;



	     }



      div#footer p.tel{



        margin-left:90px;



      }



      div#footer p.mail{



        margin-left:90px;



      }



      div#footer p.legales{



        float:right;



        text-align:right;



      }



	  /*modifi� par djiby le 04-01-2010 */



	  /* insertion de l'icone */



	  .icone{

	        

			background:transparent url(../images/icone.png) no-repeat scroll left 1px;



			padding-left:20px;



			margin-left: 11px;



			}	  



		



#article{

 margin-top: -15px;

  background:white;

  /*font-size:13px;*/

  font-family:Arial;

  /*font-size:1.2cm;*/



}

#article table{

  color: #000000;

  }







/*modification des blocs pour la page2 */



div#pagemenu div#gauche{



        float:left;



        width:308px;      



        margin-left: -2px;		



      }



        div#pagemenu div#gauche h2{



          background-color:#F4A639;



          padding-left: 9px;



		  margin-top: -20px;



        }



div#pagemenu div#gauche table{



         border-spacing:10px 0px;

		  margin-left: -11px;

		  line-height:14px;        

        }



          div#pagemenu div#gauche table td{



            width:145px;



          }



		   div#pagemenu{



     float:left;



     width:100%;



     margin-top:20px;



    }



      div#pagemenu img{



        float:left;



      }



      div#pagemenu h2{



        display:block;



        float:left;



        width:298px;



       



        font-size:1.5em;



        margin:0;



        padding:7px 0px 7px 7px;

        height:18px;

        



      }



      div#pagemenu ul{



        float:left;



        width:293px;



        margin-left:-30px;



        list-style:none;



        font-size:1.2em;



        



      }



        div#pagemenu ul li{



          margin-left:0px;



        }



		 div#pagemenu a{



            color:#FFF;



            text-decoration:none;            



          }



div#pagemenu div#centre{



        float:left;



        width:308px;        



		margin-left: -1px;



		margin-top: 10px;	



		



      }



        div#pagemenu div#centre h2{



          background-color:#E32748;



        }



        div#pagemenu a.activite{



          text-decoration:blink;



          cursor:pointer;



          display:block;



         



        }



        div#pagemenu a.activite img{



         display:block;



          border:none;



          vertical-align:middle;



        } 



     



      div#pagemenu div#droite{



        float:left;



        width:308px;



        margin-left:5px;



      }



        div#pagemenu div#droite h2{



          background-color:#1066A2;



          margin-left: -6px;



        }



/* pour les articles */

  #tab1,#b2,#b3,#b4,#b5,#bis2,#bis3{



 border-style: solid;



 border-width: 0pt;



 background-color: #f4a639;



 width: 626px;



 height: 45px;



  margin-left: -3px;



  margin-top: -3px;



  text-align:justify;



  }

#bis2{
				background-color: #E32748;
				margin-top: -4px;
				padding-left:21px;
				width: 605px;
				float: left;
                  }
				#bis2 td{ padding-top:14px;}
				.fool { height: 70px; }

#bis3{

 background-color: #1066A2;

				margin-top: -4px;
				padding-left:21px;
				width: 605px;
				float: left;

}
#bis3 td{ padding-top:14px;}
				

#b2{
 background-color: #E32748;
 }

#b3{
 background-color: #1066A2;
}

#b4{

 background-color: #77387C;



}

#b5{

 background-color: #453F80;



}





table .tab2,.c2,.d1{



background-color: #f4a639;



font: bold;



color:#000000;



font-weight:bold;



font-size:12px;



padding-left: 50px;



width: 100px;



text-align:right;



padding-right:22px;



  }
.d1
{
width: 117px;

}
table .c2{

background-color: #1066A2;

}

#texte{

 margin-left: -18px;



}





table .tab4{



background-color: #f4a639;



font: bold;



color:#000000;



font-weight:bold;



font-size:12px;



padding-left: 26px;



}  



tab3{



float:left;



font-size: bold;



font-weight:30px;



text-align:justify;



} 



.paraph



{



text-align:justify;

font-size:1.2em;

border: 1px solid #f4a639;

}



#gauche a:hover, #gauche a.active    { /* marac */

        background:transparent url(../images/orange.gif) no-repeat scroll left 1px;

		

		padding-left: 7px;

		margin-left: -7px;

}



#centre a:hover, #centre a.active    { /* marac */

        background:transparent url(../images/rose.gif) no-repeat scroll left 1px;

		 

		padding-left: 7px;

		margin-left: -7px;

}



#droite a:hover, #droite a.active    { /* marac */

        background:transparent url(../images/bleu.gif) no-repeat scroll left 1px;

		 

		padding-left: 7px;

		margin-left: -7px;

}



#webtv a:hover, #webtv a.active    { /* marac */

        background:transparent url(../images/bleu2.gif) no-repeat scroll left 1px;

		padding-left: 7px;

		margin-left: -8px;

}



#archives a:hover, #archives a.active    { /* marac */

        background:transparent url(../images/violet.gif) no-repeat scroll left 1px;

		padding-left: 7px;

		margin-left: -8px;



}



.title,.title1,.title2,.title3,.title4,.title5{

        margin:20px;

        background-color:#E32748;

        font-weight:bold;

		font-size:1.2em;

		/*text-align:justify;*/

		color:white;

		width: 104px; 

		height: 15px;

        }

		

.title1{

		width: 171px;



}

.title2{

		width: 66px;



}

.title3{

		width: 47px;

}

.title4{

		width: 136px;

}

.title5{

		width: 74px;

}

/*--------------------------------------------------------------------------------*/

.title6,.title7,.title8,.title9,.title10,.title11{

        margin:20px;

        background-color: #1066A2;

        font-weight:bold;

		font-size:1.2em;

		/*text-align:justify;*/

		color:white;

		width: 105px; 

		height: 15px;

        }

		

.title7{

		width: 171px;



}

.title8{

		width: 66px;



}

.title9{

		width: 47px;

}

.title10{

		width: 136px;

}

.title11{

		width: 74px;

}

/*---------------------------------------------------------------------------------*/

table.forma{



margin:20px;

border-spacing:10px;

/*line-height:1.9em;*/



font-size:1.2em;

}

table.forma1{



margin:20px;

width:577px;

border-spacing:3px;



/*line-height:1.9em;*/



font-size:1.2em;;

}



p.formatd{



text-align:justify;



line-height:1.9em;



}

/*pour les input*/



.myinput{

border-color:#E32748;


}

.myinput1{

background-color:#E32748;

border-color:#E32748;

color:white;

font-weight:bold;

font-size:0.9em;
width:85px;
}

.yourinput{

border-color:#1066A2;

}

.yourinput1{

background-color:#1066A2;

border-color:#1066A2;

color:white;

font-weight:bold;

font-size:0.9em;
width:85px;
}



.chiffre {

color:#000000;

font-family:Verdana,Arial,Helvetica,sans-serif;

/*font-style:normal;*/

font-weight:bold;

text-decoration:none;

text-transform:uppercase;

background-color:#F4A639;

color: #ffffff;

width: 39px;

height: 32px;

text-align:center;

}



table .tab7{

margin:20px;



text-align:justify;



line-height:1.9em;



font-size:1.2em;

}





ul.bullet1 li, .ul.bullet2 li, ul.bullet3 li

{

margin-left: 5px;

margin-top:5px;

background:transparent url(../images/puce-orange.gif) no-repeat scroll left 4px ;

list-style-type:none;

line-height:1.9em;

padding-left:20px;

margin:20px;

text-align:justify;

}

ul.bullet3 li{

background:transparent url(../images/puce-bleue.gif) no-repeat scroll left 4px ;

font-size:1.2em;

}

/****************fin************************************************/

  div#pagemenu{



    /*float:left;*/ /* marac */

margin-top: 5px;

    width:100%;

	margin-left: 1px;



  }



/*    div#pagemenu h2{



      display:block;



      float:left;



      width:298px;



      height:18px;



      font-size:1.5em;



      margin:0;



      padding:7px 0px 7px 10px;



    }*/





    div#pagemenu div{



      /*float:left;*/ /* marac */ float:right;



      width:308px;



      margin-left:10px;



    }



    div#pagemenu div p{



      font-size:1.2em;



      margin-top:9px;



      margin-left:15px;



      float:left;



    }



      div#pagemenu div p a{



        color:#FFF;



        text-decoration:none;



      }



    div#pagemenu div#webtv{



      /*margin-left:318px;*/



    }



      div#pagemenu div#webtv h2{



        background-color:#453F80;



      }

     



      div#pagemenu div#archives h2{



        background-color:#77387C;



      }

	  div#navigation3 div p{



         margin-left:5px;

		 margin-top:19px;

 

               }	

			   

	   div#navigation3{



    /*float:left;*/



    width:100%;



  }



    div#navigation3 h2{



      display:block;



      float:left;



      width:298px;



      height:18px;



      font-size:1.5em;



      margin:0px;



      padding:7px 0px 7px 10px;



    }



    div#navigation3 div{



      /*float:left;*/ /* marac */ float:right;



      width:308px;



      margin-left:0px;



    }

	

    div#navigation3 div p{



      font-size:1.2em;



      margin-top:9px;



      margin-left: 14px;



      float:left;



    }



      div#navigation3 div p a{



        color:#FFF;



        text-decoration:none;



      }



    div#navigation3 div#webtv{



      /*margin-left:318px;*/



    }



      div#navigation3 div#webtv h2{



        background-color:#453F80;

		



      }



      



      div#navigation3 div#archives h2{



        background-color:#77387C;



      }

	  

	  .id_18{

	  margin-left: -1px;

	  }

	  .id_17{

	  margin-left: -1px;

	  }

	/*messages erreur du formulaire*/

	

	.erreurForm {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin:20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	text-align:top;

	color: #E32748;

	

}



/* marac - Infos pratiques */



#tab2_infospratiq td, #tab2_infospratiq th {

	border: 1px solid;

}

#article h3 {
margin-left:20px;
margin-right:20px;
margin-top:20px;
text-align:justify;
margin-bottom: 10px;
}
#article  p{
margin-top:1px;
}

p.formatext, #article p{
margin-left:20px;
/*margin-top:20px;*/
margin-bottom: 0px;
margin-right: 20px;
text-align:justify;
line-height:18px; /*1.9em; - marac */
font-size:1.2em;
}

#article hr {
width:94%;
size:1;
/*margin-top: 8px;
margin-bottom:-8px;*/
}
#tab2_infospratiq th {

	border: 1px solid;

	font-size: 13px;

}
.input {
margin-left:20px;
width:80%;
}