@media screen and (min-width: 800px) {
html, body  { margin:0px; padding:0px; width:100%; font:10pt arial; background: #000000 url('../informatique-toulouse/informatique.jpg') no-repeat center top;	margin:0px; padding:0px; }
#defilant { display:block;width:800px; height:250px; margin-left:auto; margin-right:auto; border-radius:5px; -moz-border-radius: 5px;		-webkit-border-radius: 5px; overflow:hidden; text-align:left;}
.defiltext { position:absolute;margin-top:190px;margin-left:5px; }
.defilfont { font:bold 14pt arial; color:#ffffff;padding:10px;border-radius:5px; }			
#mobile { display:none; }
.roundd { border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#megadot { z-index:21;position:relative;margin-top:10px;width:770px;text-align:right; }
#barmenu { display:block;width:800px;height:40px;  margin-top:5px; margin-bottom:10px; padding:0px; background-color:#434343;			 border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background-image:url('../informatique-toulouse/black.jpg'); margin-left:auto; margin-right:auto; }
.bouton {  color:#72a0d2; text-decoration:none;  font:bold 10pt arial;}
#sousmenu { display:block;width:800px;height:40px; margin-left:auto; margin-right:auto; margin-bottom:10px;  background-color:#ffffff;margin-top:-10; border-bottom-left-radius:5px;  background-image:url('../informatique-toulouse/sousmenu.png');border-bottom-right-radius:5px; }
#lemenu { margin:0px; padding:0px; list-style-type:none; }
#lemenu li { float:left; }
#lemenu li a { margin-top:10px; margin-left:10px; display:block; color:#535353; text-decoration:none; font-weight:bold;					text-shadow: #000000 0px 0px 0px;  }
#lemenu li a:hover	{ color:#000000;  }
#menu { margin:0px; padding:0px; list-style-type:none; }
#menu li{ float:left; }
#menu li a{ margin-top:10px; margin-left:10px; display:block; color:#e3e3e3; text-decoration:none; font-weight:bold;					text-shadow: #000000 0px 0px 0px;  }
#menu li a:hover{ color:#ffffff;  }
hr { height:2px; background-color:#222532; border-width:0px; }
#contenu { text-align:left; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;					background-color: rgba(0, 0, 0, 0.3); width:800px; margin-top:10px;  margin-bottom:10px;	margin-left:auto; margin-right:auto; border-width:1px; border-style:solid;   border-color:#222532;	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);		
}
.maband 	{ padding-left:10px;  padding-right:10px; padding-top:10px; color:#ffffff; }
#copy {  text-align:left; position:absolute; top:-180px;  right:30px; background-color:#72a0d2; color:#ffffff; cursor:hand; border-bottom-left-radius:5px;border-bottom-right-radius:5px;      }
#compte {  display:block; height:30px; text-align:left; width:800px;    color:#ffffff; cursor:hand;   margin-left:auto; margin-right:auto;  }
#comptepadd { margin-top:-10px;}
h1 { font:bold 14pt arial; margin:0px; padding:0px; color:#72a0d2;}
h2 { font:bold 12pt arial; margin:0px; padding:0px; color:#72a0d2;}
.padd { margin:10px; }
#search { float:right; margin-top:8px; margin-right:5px; }
#search input {  border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-width:0px;  }
.submit { color:#ffffff; font-weight:bold; background-color:#000000;   }
#logo { margin-top:30px; }
#footer {   display:block;width:800px;height:40px;  margin-top:0px; padding:0px; background-color:#434343;  background-image:url('../informatique-toulouse/black.jpg'); border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin-left:auto; margin-right:auto; margin-bottom:50px;}
#carte { width:780px; height:450px; }
.contact {   border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-width:0px;   font:10pt arial;}
.send { background-color:#000000; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-color:#ffffff; border-width:1px; color:#ffffff; font:bold 10pt arial; }
table { color:#ffffff;}
}
@media screen and (min-width: 555px) and (max-width: 800px) {
.2012 { width:500px; }
html, body { margin:0px; padding:0px; width:100%; font:10pt arial; background: #000000 url('../informatique-toulouse/informatique.jpg') no-repeat center top;	margin:0px; padding:0px; }
#barmenu {  display:block;width:98%;height:40px;  margin-top:20px; margin-bottom:10px; padding:0px; background-color:#434343;				border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background-image:url('../informatique-toulouse/black.jpg'); margin-left:auto; margin-right:auto; }
#menu { margin:0px; padding:0px; list-style-type:none; }#mobile { position:absolute;  width:460px; left:50%; top:175px; margin-left:-230px; }
#mobile ul { padding:0px; margin:0px; }
#mobile img { height:48px; width:48px; padding:10px;margin:5px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mobile li { float:left; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  width:72px; height:75px; text-align:center;}
#mobile li+li { margin-left:5px;}
#mobile li a{ text-decoration:none;font:bold 7pt arial;color:#ffffff;}
#defilant {  border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block;width:98%;  margin-left:auto; margin-right:auto; border-radius:5px; -moz-border-radius: 5px; height:250px;					-webkit-border-radius: 5px; overflow:hidden;  text-align:left;}
#defilant img{ width:99%;  border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.defiltext { position:absolute;margin-top:75%;margin-left:5px; }
.defilfont { font:bold 12pt arial; color:#ffffff;padding:10px;border-radius:5px; }
#megadot { z-index:21;position:relative;margin-top:10px;width:98%;text-align:right; }
#megadot img { width:12px; }
#compte {  text-align:left; width:98%;   position:absolute; top:20px; color:#ffffff; cursor:hand; border-bottom-left-radius:5px;border-bottom-right-radius:5px;      }
table { color:#838383;}
.bouton {  color:#72a0d2; text-decoration:none;  font:bold 10pt arial;}
#sousmenu { display:block;width:98%;height:40px; margin-left:auto; margin-right:auto; margin-bottom:10px;  background-color:#ffffff;margin-top:-10; border-bottom-left-radius:5px;  background-image:url('../informatique-toulouse/sousmenu.png');border-bottom-right-radius:5px; }
#lemenu { margin:0px; padding:0px; list-style-type:none; }
#lemenu li{ float:left; }
#lemenu li a{ margin-top:10px; margin-left:10px; display:block; color:#535353; text-decoration:none; font-weight:bold;					text-shadow: #000000 0px 0px 0px;  }
#lemenu li a:hover	{ color:#000000;  }
#menu li{ float:left; }
#menu li a{ margin-top:10px; margin-left:10px; display:block; color:#e3e3e3; text-decoration:none; font-weight:bold;					text-shadow: #000000 0px 0px 0px;  }
#menu li a:hover{ color:#ffffff;  }
#search { display:none; }
#logo { margin-top:30px; margin-bottom:100px;}
#slider { display:none; }
#carte { width:100%; height:450px; }
h1 { font:bold 12pt arial; margin:0px; padding:0px; color:#72a0d2;}
#contenu {   text-align:left; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;					background-color: #ffffff; width:98%; margin-top:10px;  margin-bottom:10px; color:#434343;					margin-left:auto; margin-right:auto; border-width:1px; border-style:solid;	}	
.maband 	{ padding-left:10px;  padding-right:10px; padding-top:10px; color:#838383; font-weight:bold;}
#copy { display:none; text-align:left; width:98%; margin-bottom:20px; color:#ffffff;   border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;     }
.ligne	{ float:left; margin-left:5px; }
}
@media screen and (max-width: 555px) {
.2012 { width:300px; }
#logo { margin-top:30px; margin-bottom:210px; }
#slider { display:none; }
html, body { margin:0px; padding:0px; width:100%; font:10pt arial; background: #000000 url('../informatique-toulouse/informatique.jpg') no-repeat center top;	margin:0px; padding:0px; }
#search { display:none; }
#compte {  text-align:left; width:100%; background-image:url('../informatique-toulouse/black.jpg');   position:absolute; top:0px; color:#ffffff; cursor:hand; border-bottom-left-radius:5px;border-bottom-right-radius:5px;  height:30px;    }
#comptepadd { margin-top:5px;}
#barmenu { width:300px; height:40px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background-image:url('../informatique-toulouse/black.jpg'); margin-left:auto; margin-right:auto; }
#menu { margin:0px; padding:0px; list-style-type:none;}
#menu li { float:left; margin-left:5px; margin-top:14px;}
#menu li a{ text-decoration:none;font:bold 7pt arial;color:#ffffff; }
#sousmenu { display:block;width:300px;height:60px; margin-left:auto; margin-right:auto; margin-bottom:10px;  background-color:#ffffff;margin-top:-10; border-bottom-left-radius:5px;  background-image:url('../informatique-toulouse/sousmenu.png');border-bottom-right-radius:5px; }
#lemenu { margin:0px; padding:0px; list-style-type:none; }
#lemenu li{ float:left; }
#lemenu li a{ margin-top:10px; margin-left:10px; display:block; color:#535353; text-decoration:none; font:bold 7pt arial;					text-shadow: #000000 0px 0px 0px;  }
#lemenu li a:hover	{ color:#000000;  }
#contenu {   text-align:left; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;					background-color: #ffffff; width:300px; margin-top:10px;  margin-bottom:10px; color:#434343;	margin-left:auto; margin-right:auto; border-width:1px; border-style:solid;					}
#defilant { display:none; }
.bouton {  color:#72a0d2; text-decoration:none;  font:bold 10pt arial;}#mobile { position:absolute;  width:230px; left:50%; top:175px; margin-left:-115px; }
#mobile ul { padding:0px; margin:0px; }
#mobile img { height:48px; width:48px; padding:10px;margin:5px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mobile li { float:left; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  width:72px; height:90px; text-align:center;}
#mobile li+li { }
#mobile li a{ text-decoration:none;font:bold 7pt arial;color:#ffffff;}	
#footer { display:none;}
textarea { width:280px; }	
.maband 	{ padding-left:10px;  padding-right:10px; padding-top:10px; color:#838383; font-weight:bold;}	
#copy {   text-align:left; width:300px;  color:#ffffff;   border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;   margin-bottom:20px;  }
.ligne	{ float:left; margin-left:5px;}
}
.grado , .gradr, .grade, .gradv, .gradt, .gradb{ background-image: linear-gradient(bottom, rgb(41,36,41) 46%, rgb(0,0,0) 0%, rgb(77,77,77) 47%);background-image: -o-linear-gradient(bottom, rgb(41,36,41) 46%, rgb(0,0,0) 0%, rgb(77,77,77) 47%);background-image: -moz-linear-gradient(bottom, rgb(41,36,41) 46%, rgb(0,0,0) 0%, rgb(77,77,77) 47%);background-image: -webkit-linear-gradient(bottom, rgb(41,36,41) 46%, rgb(0,0,0) 0%, rgb(77,77,77) 47%);background-image: -ms-linear-gradient(bottom, rgb(41,36,41) 46%, rgb(0,0,0) 0%, rgb(77,77,77) 47%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.46, rgb(41,36,41)),	color-stop(0, rgb(0,0,0)),	color-stop(0.47, rgb(77,77,77))); }