html, body {margin: 0;padding: 0; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto; -o-hyphens: auto;hyphens: auto;color:#000;font-family: "Roboto",century Gothic, helvetica, arial, sans-serif;font-size:1.1em;padding:10px;}
h1{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;-o-hyphens: auto; hyphens: auto;font-size:1.7em}
h2{  -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;font-size:1.3em}
body {
	width:100%;margin:0;margin-bottom:10px;
	background-color: #fff;
	color: #000;
	
	}
/*@media (max-width:1366px){
body{
  	width:100%;
   -webkit-background-size: cover; 
   background-size: cover; 
       }
	}
	*/
@media (max-width:750px){
body{
  	width:100%;
   -webkit-background-size: cover; 
   background-size: cover;
    }
	}	
@media (max-width:750px){
body{
  	width:100%;background-image:url(../imgs/jpegs/fond-d-pages.jpg);
   -webkit-background-size: cover; 
   background-size: cover;
    }
	}
@media (max-width:750px){h1, h2 {text-align:left;}}	

	.stblh1{padding:10px;background-color: #f5eef8;-moz-border-radius: 10px 10px  10px 10px;border-radius: 10px 10px 10px 10px; -webkit-border-radius : 10px 10px 10px 10px; -webkit-border-radius : 10px 10px 10px 10px;}
   	.stblred{padding:10px;background-color:red;-moz-border-radius: 10px 10px  10px 10px;
   border-radius: 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;}
    .contener{
  	width:100%;margin:auto;margin-bottom:10px;min-width:300px;max-width:1366px;
	background-image:url(../imgs/jpegs/fond-d-pages.jpg);background-color:#FFF;
   -webkit-background-size: cover; 
    background-size: cover;-webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   hyphens: auto;
   font-weight: normal;padding:10px;}
    .infos{width:100%;padding:10px;background-color:red;}
    .header{width:auto;background-color:#03919f;padding:10px;color:#FFF;}
	.footer1{width:auto;background-color:#03919f;padding:20px;color:#000;}
 	.nav{width:100%;padding:10px;}
	.contener{width: 100%;padding:10px;}	
    .pub{width:100%;padding:10px;}
	.footer{width:100%;padding:10px;text-align:center; font-size:.7em;}
	.row {/***four kol*/
	width: 100%;padding-top:10px;
	display: table;
	table-layout: fixed;
	text-align: justify;
	margin-bottom: 5px;border-spacing:5px;:/******/
	}
.col{
	display: table-cell;
	/*border: 1px solid #000000;*/
	border-radius: 1px;       -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
      -moz-border-radius: 10px 10px  10px 10px;
   border-radius: 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;	padding:10px;
	}
@media (max-width: 750px){
.col{
	display: inline-block;
	margin-bottom:5px;
    width: 95% !important;
    padding:10px;
	text-align: justify;
	font-size:1.2em;
	/*border: 1px solid #000000;*/
	border-radius: 1px;
    }
	}/***3 kol*/
	/*****************************/
audio{width:100%;background:#800080;}
 img 
 {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
      -moz-border-radius: 10px 10px  10px 10px;
   border-radius: 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;
   -webkit-border-radius : 10px 10px 10px 10px;	

 }
.rouz{color:red;}