/* CSS Document */

body {background-image: url(./images/oeil.jpg);background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-moz-background-size: 100% 100%;--background-size: 100% 100%; /* Opera 9.5 */-webkit-background-size: 100% 100%; /* Safari 3.0 */background-size: 100% 100%; /* Gecko 2.0 (Firefox 4.0) > CSS3 */} 


#resultat iframe{width:500px;height:282px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:20px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:250px;height:161px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%}
.footer_texte{margin-top:1%;text-align:center;margin-left:0;margin-right:0;}
.contact {font-size:20px;color:#0fa4e4;margin:0;padding:0;margin-left:0;margin-right:0;}
.work {font-size:16px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:1%;text-align:center;font-size:14px;margin-left:0;margin-right:0;}
.icon {text-align:center;margin-top:1%;margin-left:0;margin-right:0;}
.icon img{width:35%;}
.video_too_small, .footer_too_small{display:none;}
#fr img, #it img{width:40px;height:40px;margin:0;padding:0;z-index:1000;}

#flag_fr img{width:40px;height:40px;}

@media screen and (min-width:1300px) and (max-width: 1500px)
{

#resultat iframe{width:450px;height:254px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:20px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:230px;height:150px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:18px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:14px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:1%;text-align:center;font-size:13px;}
.icon {text-align:center;margin-top:1%;}
.icon img{width:35%;}

}
@media screen and (min-width:1100px) and (max-width: 1299px)
{
  #resultat iframe{width:420px;height:236px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:19px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:210px;height:138px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:17px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:14px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:1%;text-align:center;font-size:13px;}
.icon {text-align:center;margin-top:1%;}
.icon img{width:35%;}


}
@media screen and (min-width:900px) and (max-width: 1099px)
{
#resultat iframe{width:400px;height:225px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:18px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:190px;height:127px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:16px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:13px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:1%;text-align:center;font-size:12px;}
.icon {text-align:center;margin-top:1%;}
.icon img{width:35%;}

}
@media screen and (min-width:700px) and (max-width: 899px)
{
   #resultat iframe{width:380px;height:215px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:17px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:170px;height:116px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:15px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:13px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:1%;text-align:center;font-size:12px;}
.icon {text-align:center;margin-top:1%;}
.icon img{width:35%;}


}
@media screen and (min-width:580px) and (max-width: 699px)
{
        #resultat iframe{width:360px;height:204px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:20%;}
.top_texte p{font-size:17px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:150px;height:105px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:15px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:12px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:2px;text-align:center;font-size:11px;}
.icon {text-align:center;margin-top:2px;}
.icon img{width:35%;}
#fr img, #it img{width:30px;height:30px;margin:0;padding:0;z-index:1000;}

#flag_fr img{width:30px;height:30px;}

}
@media screen and (min-width:480px) and (max-width: 579px)
{
        #resultat iframe{width:300px;height:170px;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:30%;}
.top_texte p{font-size:16px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{width:120px;height:88px;}

#footer{position: fixed;bottom: 0;width:20%;margin-left:40%;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:14px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:11px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:2px;text-align:center;font-size:10px;}
.icon {text-align:center;margin-top:2px;}
.icon img{width:30%;}
 #fr img, #it img{width:40px;height:40px;margin:0;padding:0;z-index:1000;}

#flag_fr img{width:25px;height:25px;}

}
@media screen and (max-width: 479px)
{
       #resultat iframe{display:none;}
.top{margin-top:1%;margin-bottom:1%;text-align:center;}
.top img{width:40%;}
.top_texte p{font-size:17px;padding: 0 15px;text-align:center;font-weight:300;color:#4ab8e5;}
#video_small_left iframe, #video_small_right iframe{display:none}

#footer{display:none;}
.footer_texte{margin-top:1%;text-align:center;}
.contact {font-size:15px;color:#0fa4e4;margin:0;padding:0;}
.work {font-size:12px;color:red;font-style:italic;margin:0;padding:0;}
.copie p{margin-top:2px;text-align:center;font-size:11px;}
.icon {text-align:center;margin-top:2px;}
.icon img{width:35%;}
 .video_too_small{display:block; width: 100%;margin:10px;}
 .footer_too_small{display:block;}
#fr, #it {display:none;}

}