/*titre principal*/


.titre_page
{
  padding:8px 0px 10px 0px;font-size: 1.4em;font-weight:bold;font-style:italic;font-family:"Times New Roman", Times, serif, default font; text-align: center;
}

.titre_page_tom
{
  padding:8px 0px 10px 0px;font-size: 1.2em;font-weight:bold;font-style:italic;font-family:"Times New Roman", Times, serif, default font; text-align: center;
}



ul li {

  padding: 2px;
  margin-left: 20px;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}



.just {
text-align:justify;
font-style:normal;

}

/* Create two unequal columns that floats next to each other */

.column {
float: left;

/*height: 300px; /* Should be removed. Only for demonstration */
}

.left {
width: 12%;
padding: 0px 10px 0px 10px;
}

.right {
width: 85%;
padding: 20px 0px 0px 10px;
/*text-align: center;*/
}

/* Clear floats après colonnes */
.row:after {
content: "";
display: table;
clear: both;
}



.width100
{
  width:100%;
  clear:both;
}

.width80
{
  width:80%;
  clear:both;
}

.width60
{
  width:60%;
  clear:both;
}



 
.polSS{
	font-family:Arial,Helvetica,sans-serif;
}

  
.fontsize {  
 font-size: 1em;
	font-family:Arial,Helvetica,sans-serif;
	text-align:justify;
}

.style1 {  
 font-size: 1em;
	font-family:Arial,Helvetica,sans-serif;
	text-align:justify;
}

.fontsmall1 {  
 font-size: 1em;font-family:Arial, Helvetica, sans-serif;
}

	.sj {
   font-size:0.9em;
    }



  /*cadre*/
  .cadre70 {
  width:70%;
  }

  .cadre45 {
  width:45%;
  }
  .cadre30 {
  width:30%;
  }
  .cadre20 {
  width:20%;
  }


/*
  .float-left {float:left;margin-right:15px;}
*/

  .cadreTiersG {
  width:33%;
  margin:15px 15px 5px 1px ;
  float:left;
  clear:left;
  padding:1px;

  }

 .cadreTiersD {
  width:33%;
  margin:2px 1px 5px 2px ;
  float:right;
  clear:right;
  padding:1px;

  }


/*
  .tiers-flt {width:33%;float:left;margin-right:15px;}
  .quart-flt {width:25%;float:left;margin-right:15px;}
*/

  .cadreQuartG {
  width:20%;
  margin-right:25px;
  float:left;
  clear:left;
  padding:1px 1px 10px 1px;

  }

  
    .cadreQuartD {
  width:20%;
  margin-left:25px;
  float:right;
  clear:right;
  padding:1px;

  }
  



 .width_redux10 {
  width:10%;
  float:left;
  }
 .width_redux0 {
  width:25%;
  float:left;
  }
  .width_redux3
  {
  width:35%;
  }

 

  .divleft { width: 50%; float:left; }
  .divright { width: 50%; float:right; }

  img.width_redux10 {
  width: 20%;
  }
  img.width_redux3 {
  width: 20%;float:left;
  }

  .annx {
  width:50%;
  background-color:#FDFBE9;
  text-align:left;
  }



  /* faire diaparaitre elements*/
  div.displayN {
  display: none;
  }

  /* faire apparaitre elements*/
  div.displayB {
  display: inline-block;
  }

  /* faire apparaitre elements*/
  div.displayEl {
  display: inline-block;
  }

/*
  textarea { resize:both;width:70%; }
*/

  #bd1_cuis {
  background-color:#FFF;
  border-color:#000;
  border-style:solid;
  border-width:1px;
  margin:5px 30px 5px 0px;
  padding:5px 5px 5px 25px;
  float:left;
  width:30%;
  }


  .spacer150{ height:150px;}
  .spacer20{ height:20px;}


	
	.font_redux {
  font-size: 3em;
  }


  .font_redux1 {
  font-size: 1.4em;
  }

  .font_redux11 {
  font-size: 1.2em;
  }

  .font_redux2 {
  font-weight:bold;
  font-size: 1.2em;
  }

  .font_redux3 {
  font-size: 1em;
  }

   .centerDiv {margin: 0 auto; }



  th.tity {border-color:#cccccc; border-width:1px;border-style:solid;text-align:center;padding:3px;margin:0px;font-weight:bold;color:#000000;font-size:0.9em;background-color:#FFFFCC;font-family:Arial, Helvetica, sans-serif;}

  td.cell {background-color: #FFF;border-color:#cccccc; border-width:1px;border-style:solid;text-align:left;padding:3px;margin:0px;cell-spacing:0px;
  font-family:Arial, Helvetica, sans-serif;font-size:0.8em;}


.colonne3  {

  columns:  3;
}
 
 

@media screen and (min-width: 1200px) {
	 
	 /*titre principal*/


.container,  #container {
max-width:1200px;
margin:0 auto;
}
	 
.content, #content {
max-width:98%;
text-align:left;
background-color:#FFF;
padding:0px;margin:10px;
}
	 



/* Create equal columns that floats next to each other */

.colnews4 {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
column-gap: 40px;
/*column-width:20%;*/
}

.colonne4 {
float: left;
width: 24.45%;
padding: 0px;
}

	 
.colonne3  {
  columns:  3;
}



.colonne2  {
  -webkit-columns:  2; /* Chrome, Safari, Opera */
  -moz-columns:  2; /* Firefox */
  columns:  2;
  column-width: 50%;
/*columns: 100px 2;*/
}
/*
.colonne2 {


column-count: 2;
column-width
}*/

.colonne2w {
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
  margin-right:10%;
}
	 
	 
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}
	 
.fieldsetPub {

max-width:1500px;
margin:0 auto;
padding:0px;
border-color:#9090f9;opacity:0.5;
border-style:solid;
color:#9090f9;	
font-size:0.8em;
	 }

	
	.sj {
   font-size:0.9em;
    }
	 
	 
.width_redux0 {
  width:25%;
  float:left;
  } 
	 
	 





.container,  #container {
max-width:1200px;
margin:0 auto;
}
	
.content, #content  {
max-width:98%;
text-align:left;
background-color:#FFF;
padding:0px;margin:10px;
}




.center {
  display: block;
  margin-left: auto;
  margin-right: auto;

}
	

/* Create equal columns that floats next to each other */

.colnews4 {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
column-gap: 40px;
/*column-width:20%;*/
}

.colonne4 {
float: left;
width: 24.45%;
padding: 0px;
}





.colonne2  {
  -webkit-columns:  2; /* Chrome, Safari, Opera */
  -moz-columns:  2; /* Firefox */
  columns:  2;
  column-width: 50%;
/*columns: 100px 2;*/
}

.colonne3 {


column-count: 3;

}

.colonne2w {
  -webkit-column-count: 2; /* Old Chrome, Safari and Opera */
  -moz-column-count: 2; /* Old Firefox */
  column-count: 2;
  margin-right:10%;
}	


/*table*/
table.wdth_redx
{
width:70%;
font-size: 0.4em;
}

table.wdth_redxannx
{
width:70%;
font-size: 0.4em;
}


table.wdth_redxannxdic
{
width:99%;
}

	
	.fieldsetPub {

max-width:1200px;
margin-left:auto;
margin-top:0px;
margin-right:auto;
padding:0px;
border-color:#9090f9;opacity:0.5;
border-style:solid;
color:#9090f9;	
font-size:0.8em;
	 }

	
	
	
/* fonts*/



	 
}
	 
	 
  @media screen and (max-width: 1050px) {

.container,  #container {
max-width:1050px;
margin:0 auto;
}
	
.content, #content  {
max-width:98%;
text-align:left;
background-color:#FFF;
padding:0px;margin:10px;
} 	  
	  
	  
.fieldsetPub {

max-width:1050px;
margin-left:auto;
margin-top:0px;
margin-right:auto;
padding:0px;
border-color:#9090f9;opacity:0.5;
border-style:solid;
color:#9090f9;	
font-size:0.8em;
  }	  
	  
	  
	  
	  
  
 .fontsmall1 {  
 font-size: 0.9em;
} 
	  

.cadreTiersG {
    padding:1px;
	text-align:center;
    width:99%;
    }
	 
  .fontsize {  
    font-size: 1em;
    }
	.sj {
   font-size:0.9em;
    }
	  
  .sc {
    font-size:0.7em;
      }
	.sn {
   font-size:0.7em;
     }  
	  
   

	
	    .font_redux {
    font-size: 1.2em;
    }
   .font_redux1 {
    font-size: 1.2em;
    }
    .font_redux11 {
    font-size: 0.8em;
    }

   .font_redux2 {
    font-size: 0.6em;
    }
    .font_redux3 {
    font-size: 1.1em;
    }
    .font_redux4 {
    font-size: 0.5em;
    }	
	  
	     img.width_redux1 {
    width:90%;
    }
	  
  }




  @media screen and (max-width: 650px)   {
	  
	  
	
.container,  #container {
max-width:100%;
margin:0 auto;
}
	
.content, #content  {
max-width:98%;
text-align:left;
background-color:#FFF;
padding:0px;margin:10px;
}  
	  
	  
	  
	  
	  
 h3 {
          font-size: 1em;
 }

      
.titre_page
{
  padding:5px 0px 5px 0px;font-size: 1em;
}
	
.titre_page_tom
{
  padding:5px 0px 5px 0px;font-size: 0.8em;font-style:italic;
}
	  
  .cadreQuartG {
  width:100%;
  text-align:center;
  clear:both;
  }	  
	  

/* Create equal columns that floats next to each other */

.colnews4 {

column-count: 1;

}

.colonne4 {
width: 100%;
}



	  
.colonne3  {

  columns:  1;
}
	  
	  
.colonne2  {

  columns:  1;
}


.colonne2w {
 
  column-count: 1;
}
	  
.fieldsetPub {

width:100%;
margin-left:auto;
margin-top:0px;
margin-right:auto;
padding:0px;
border-color:#9090f9;opacity:0.5;
border-style:solid;
color:#9090f9;
font-size:0.8em;

	  }

  img.width1 {
  width: 100%;clear:both;
  } 
  
.width100
{
  width:100%;
  clear:both;
}
	  
.width80
{
  width:100%;
  clear:both;
}
	  
 .width60
{
  width:100%;
  clear:both;
}
	  
.just {
	text-align:left;
	  }

.fontsmall1 {  
 font-size: 0.9em;
}	  
/*
  p { 
    font-size: 1em;
   }
	  */
  .fontsize {  
    font-size: 0.9em;
    }
		
	
	.sj {
   font-size:0.8em;
    }
	  
  .sc {
    font-size:0.7em;
      }
		.sn {
   font-size:0.8em;
     }    
   
ul li {

  padding: 2px;
  margin-left: 20px;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

  .spacer150{ height:0px;}
  .spacer20{ height:0px;}

  .small_container
  {
  width:100%;
  }
	  
 .colonne2w {
 column-count: 1;
 margin:0 auto;
 width:100%;
}

  .colnews4 {
  column-count: 1;
  }

  .colonne4 {
  width: 100%;
  }
	  
  .colonne2 {
width: 100%;
padding: 0;
margin:0;
column-count: 1;
  }

  /*<div>*/
    .marquee_redux {
    font-size: 0.8em;
    }

    .font_redux {
    font-size: 1.2em;
    }
   .font_redux1 {
    font-size: 1.2em;
    }
    .font_redux11 {
    font-size: 0.8em;
    }

   .font_redux2 {
    font-size: 0.6em;
    }
    .font_redux3 {
    font-size: 1.1em;
    }
    .font_redux4 {
    font-size: 0.5em;
    }
	


    .width_redux0 {
    width:100%;clear:both;
    }
	
    .width_redux3
    {
    width:99%;clear:both;
    }


 
    .divleft { width: 100%;clear:both; }
    .divright { width: 100%; float:none;clear:both;}

    /*cadre*/
	
	.cadre70 {
  width:100%;clear:both;
  }

    .cadre45 {
    width:100%;clear:both;
    }
    .cadre30 {
    width:100%;clear:both;
    }
    .cadre20 {
    width:100%;clear:both;
		 }

   .cadreTiersG {
     padding:1px;
    width:99%;
	   text-align:center;
    }
	  
    .cadreQuartG {
     padding:1px;
     width:100%;
	 text-align:center;
    }
	  
	   .cadreTiersD {
  width:99%;
  margin:2px 1px 5px 2px ;
 
  
  
  padding:1px;

  }

	
	    .cadreQuartD {
    border-color:#000;
    border-style:solid;
    border-width:1px;
    padding:2px;
    width:99%;
    margin-bottom:10px;
    }


    /* faire diaparaitre elements*/
    /* div.displayN {
    display: none;
    }*/

    /* faire apparaitre elements*/
    div.displayN {
    display: inline-block;
    }

    /* form */
    input.font_redux1 {
    font-size: 0.9em;
    }
	  
    select.font_redux1 {
    font-size: 0.9em;
    }

    /* img*/

    div.width_redux15 {
    width:100%;
   /* float:left;*/
    }
	  

	
    .width_redux3
    {
    width:99%;clear:both;
    }



    img.width_redux10 {
    width:100%;clear:both;
    }
	  
    img.width_redux1 {
    width:98%;clear:both;
    }
	  
    img.width_redux2 {
    width:90%;
    }
	  
    img.width_redux3 {
    width:99%;clear:both;
    }
	  
    img.width_redux4 {
    width:100%;clear:both;
    }
	  
	img.width_redux5 {
    width:80%;
    }

    /*table*/
    table.wdth_redx
    {
    width:70%;
    font-size: 0.4em;
    }

    table.wdth_redxannx
    {
    width:100%;
    font-size: 0.4em;
    }
	  
    table.wdth_redxannxdic
    {
    width:98%;
    }


    th.tity {border-color:#cccccc; border-width:1px;border-style:solid;text-align:center;padding:3px;margin:0px;font-weight:bold;color:#000000;font-size:0.7em;background-color:#FFFFCC;font-family:Arial, Helvetica, sans-serif;}
    td.cell {background-color: #FFF;border-color:#cccccc; border-width:1px;border-style:solid;text-align:left;padding:3px;margin:0px;cell-spacing:0px;
    font-family:Arial, Helvetica, sans-serif;font-size:0.6em;}


    .annx {
    width:98%;
    background-color:#FDFBE9;
    text-align:left;
    }

   div.col2{

    width:100%;
    margin: 0 auto;
    float: none;
    clear: both;
    padding-left:15px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    }



    .textarea {
    width:95%; }

    #bd1_cuis {
    background-color:#FFF;
    border-color:#000;
    border-style:solid;
    border-width:1px;
    margin:5px 30px 5px 0px;
    padding:5px 5px 5px 25px;
    float: none;
    width:100%;
    }
/*
    .tiers-flt {width:100%;clear:both;}
    .quart-flt {width:100%;clear:both;}

    .bd1_obL {
    text-align:left;
    margin-right:5px;

    border-color:#000;
    border-style:solid;
    border-width:1px;
    padding:2px;
    }

    .bd1_obR {
    text-align:left;
    margin-left:5px;
    border-color:#000;
    border-style:solid;
    border-width:1px;
    padding:2px;
    }
*/
	  


    }