body {color:balck;width :100% ;background-color:white;font-family:Geneva, Arial, Helvetica, sans-serif;}

section { width :80% ; margin :auto ; padding :10px ; background :white ;}

header{ width :100% ;background-color :#141d2f;}

article{position:relative; width:62%;background-color :white;padding-left :10px;text-align:center;display:inline-block;}

aside{position:relative; width :35%;  	display:inline-block;vertical-align: top;
background-image:linear-gradient(.25turn, #dadadb, 5%, white)   ;border-left:solid;border-color:#dadadb;border-width:1px;
	}

article h2{color:grey;text-align:left;font-size:;border-bottom:solid;border-color:blue;border-width:1px;width:70%;font-family:Letter Gothic Std, Geneva, Arial;
 background-image:-moz-linear-gradient(white, #dadadb);
background-image:-webkit-linear-gradient(white, #dadadb);
background-image:-o-linear-gradient(white, #dadadb);
background-image:linear-gradient(white, #dadadb);}
article h2 strong {color:blue;}



#monde, #corse, #videos, #drone, #france, #padi {width:32%;height:;border:solid;border-width:1px;border-color:grey;border-radius: px;
background-image:-moz-linear-gradient(white, grey);
background-image:-webkit-linear-gradient(white, grey);
background-image:-o-linear-gradient(white, grey);
background-image:linear-gradient(white, grey);
color:white;display:inline-block;}
#monde p, #corse p, #videos p, #drone p, #france p, #padi p{text-align:center;}

#monde:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#corse:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#videos:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#drone:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#france:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#padi:hover {
background-image:-moz-linear-gradient(white, blue);
background-image:-webkit-linear-gradient(white, blue);
background-image:-o-linear-gradient(white, blue);
background-image:linear-gradient(white, blue);
color:orange;text-align:center;}

#logo {float:left;} 
  
#slideref {width:90%;margin:auto;}
  
 #derniere_video_web {position:relative;height:;text-align:center;width:100%;
margin-left:px;margin-top:px;} 
#derniere_video_web h2{
color:grey;font-family:Letter Gothic Std, Geneva, Arial;font-size:1.4em;
border-bottom:solid;border-color:grey;border-width:1px;width:80%;text-align:left;}

 #derniere_video_web b {color:#141d2f;} #derniere_video_web p {color:#141d2f;}
  
@media(min-width: 980px) and (max-width: 1920px)

{

 
section{width :100% ; padding :0px ;}

article{width :62% ;   }

aside{          width :35% ;  }

 
}


@media(min-width: 768px) and (max-width: 979px)

{ 

section{  width :100% ;        padding :0px ;}

#menu {font-size:0.8em;} 

article{margin :auto ;width :90% ; float:none; height:auto; display:block;vertical-align: top;}


aside{    margin :auto ;margin-top :10px;   display:block;vertical-align: top;   width :90% ;}
}

@media(max-width: 767px)

{ 

section{ font-size:0.8em;         width :100% ;        padding :0px ;}
#lesliensfooter {padding-top:3%;}
#menu {font-size:0.8em;} 

article{margin :auto ;width :90% ; float:none; display:block;vertical-align: top; }

aside{   margin :auto ;margin-top :10px; display:block;vertical-align: top;    width :90% ;}

}