@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 28px;

}
p { color:#666; line-height: 28px;}
#normal li { color:#666; line-height: 28px; margin-bottom: 20px; margin-top: 20px;}

img {
	max-width: 100%;
}
h1 {
	color: #4e4e4e;
}
h2 {
	color: #4e4e4e;
}
h3 {
	color: #4e4e4e;
	margin-right: 10px;
}
#principal  { width:100%; float:left;}
#premier  { width:100%; float: left; background: #333333; padding-bottom:40px;}

#logo  { width:100%; float: left; text-align:center;}
#menu  { width:100%; float: left; height:auto;}
#soumission  { width:100%; float: left; padding-top: 25px; padding-bottom:25px; text-align:center; display:none;}

.lien { }
.lien a { color:#CCC; line-height:28px; text-decoration: none; float: left; text-align:center; width:100%; }
.lien a:hover { color:#ffcc00;     -webkit-transition:1s; /* Safari */
    transition: 1s;  }



.liensoumi a  { width:80%; background: #ffcc00; padding:10px 40px 10px 40px; line-height:30px;  color:#333; font-weight: bold; font-size:12px; text-decoration: none;}

#deux  { width: 100%; float: left;}
#trois  { width: 100%; float: left; padding-bottom:50px;}

#imageligne  { width: 100%; float: left; height:57px; background:url(images/renove.jpg);}
#fil  { width: 100%; float: left; height:57px; margin-bottom: 50px;  color:#CCC; display: none;}
#fil a  {  height:57px; text-decoration: none; line-height: 57px; color:#CCC; margin:0; padding:0;}


#troisa { width: 100%; float: left;}
#troisa h1 {
	text-align: center;
	font-size: 20px;
	color: #333;
}
.centre { width:90%; margin-right: auto; margin-left: auto;}
.stitrea { text-align: center; color:#ffcc00; margin: 0; padding:0; font-weight: bold; font-size:17px;}
.textea { text-align: center;    font-size: 18px;
    line-height: 28px; color:#333;}


#troisb  { width: 100%; float: left;}
.grostitre  { width: 100%; float: left; background:#FC0; height: 50px;  margin-bottom: 50px; margin-top: 50px;}
.titreg { font-size:15px; line-height: 50px; color:#FFF; text-align:center;}

#blocville  { width: 100%; float: left;}
.renovation { width:90%; margin-right: auto; margin-left: auto;}
.renovation a { width:100%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }

.entrepreneur { width:90%; margin-right: auto; margin-left: auto;}
.entrepreneur a { width:100%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }


#quatre  { width: 100%; float: left; background:#f4f4f4; padding: 100px 0px 100px 0px; }
.blocservice { width:100%; float: left; margin-bottom:50px;}
.blocservicec { width:100%; margin-right: 0%; margin-left:0%; float: left;  margin-bottom:50px;}
.tbl { color:#FFF; font-size: 18px; text-align:center;}
.tbl a { color:#FFF; font-size: 18px; text-align:center; text-decoration:none;}

.tbloc {
	width: 100%;
	margin-bottom: 5px;
	float: left;
	background-color: #FC0;
	
}
.ibloc { width:100%; float: left; text-align: center; background:#FFF;}
.textebloc {
	width: 100%;
	float: left;
	background-color: #FFF;
}
.textebl { padding: 25px 25px 25px 25px; text-align: center; line-height:23px  }
.bltrois { float: left; width:100%;}

#cinq  { width: 100%; float: left; padding: 50px 0px 150px 0px;     border-top: 1px solid #e6e6e6;     border-bottom: 1px solid #e6e6e6;}
.cinqa  { width: 100%; float: left;}
.cinqb  { width: 100%; float: left;}
.boutona {}
.boutona a { float: left; width:100%; margin-right:0%; line-height:50px; background:#ffcc00; text-align:center; text-decoration: none; color:#F8F8F8; margin-bottom:10px; }
.boutona a:hover {background: #f5c402; }


#six  {
	width: 100%;
	float: left;
	background-image: none;
	background-color: #ffc001;
	padding-top: 40px;
	padding-bottom: 40px;
}
.centresix { width:90%; margin-right: auto; margin-left: auto;}

#sixa {  width: 100%; float: left; margin:0; padding:0;  }
.expert { text-align: center; }
.lienexpert { text-align:center; width:100%; float: left; line-height: 50px; text-decoration:none; color:#FFF;  }
.lienexpertc  { text-align:center; width:100%; margin-left:0%; margin-right: 0%; float: left; line-height:50px;  text-decoration:none; color:#FFF;}


#sixb {  width: 100%; float: left;  }

#sept  { width: 100%; float: left; background: #FFF; padding-bottom:50px; padding-top:50px;}
#septa  { width: 100%; float: left; background: #FFF; text-align:center; color:#666;}
#septb  { width: 100%; float: left; background: #FFF;}
#articles { float: left; width:100%; color:#666; }
#construction{ float: left; width:100%; color:#666; background: #f4f4f4;}

#articlea { float: left; width:100%; border: 1px solid #CCC;  }
#articleb { float: left; width:100%; margin-right: 0%; margin-left:0%;  border: 1px solid #CCC;}
#articlec { float: left; width:100%; border: 1px solid #CCC;}
.titrearticle { font-size: 18px; }
.imagearticle  { float: left; width:100%; text-align:center;}
.imagearticle img { width:100%;}
.textearticle  { float: left; width:90%; text-align:center;  padding: 5%;     background: #f9f9f9; }

.deux a {
	color: #FFC000;
}

.blocarticlea  { float: left; width:100%; text-align:center; padding-top: 50px; padding-bottom:50px; margin-top:30px; background:#FFF;}
.imagearticlea  { float: left; width:100%; text-align:center;}
.textearticlea  { float: left; width:90%; text-align:left;  padding-left: 5%; }
.textearticlea a  { color:#333; }


#partenaires  { width: 100%; float: left; background:#F4F4F4;}


#huit  { width: 100%; float: left; background: #FFF; padding-bottom:50px; padding-top:50px;}
#blocjaune  { width: 80%; margin-right: auto; margin-left:auto; background: #ffc000; padding-bottom:10px; padding-top:10px; text-align: center; color:#FFF;}


#bas  { width: 100%; float: left; background: #333333; padding-top: 80px; padding-bottom: 80px;}
.basa { width:100%; float: left; color: #999999; line-height:22px;}
.basb { width:100%; margin-right:0%; margin-left: 0%; float: left; padding-top: 10px; }
.basb ul { }
.basb li { color: #ffbd00; }
.basb li a { line-height:35px; color:#999999; text-decoration: none; font-size: 14px; margin-top: 0px; margin-bottom: 0px; }
.basb li a:hover { color:#ffbd00;}


.basc { width:30%; float: left; }
.basc  a {  color:#FC0; }

#creation  { width: 100%; float: left; height:auto; background: #383838;}
.moitie { float: left; width:100%; height:50px; text-align:center;}
.moitieb{ float: left; width:100%; height:50px; text-align:center;}
#creation a { line-height: 50px; margin:0; padding:0; font-size:12px;  color: #999999; }
#creation p { line-height: 50px; margin:0; padding:0; font-size:12px;  color: #999999; }


.troisquart { float: left; width:100%; margin-right: 0%; padding-top: 50px; text-align:left; }

.troisquart ul { line-height:24px; color: #666; }

.troisquart p { line-height:24px; }

.quart { float: left; width:100%; padding-top:50px; }
.quarta { float: left; width:100%; text-align: center; }
.quartb { float: left; width:100%; margin-top: 30px; display: none; }
.quartba { float: left; width:100%; }
.quartbb { float: left; width:100%; margin-right:0%; margin-left: 0%; }
.quartbc { float: left; width:100%; }

.souspage { margin-left: 0px; text-align:left; 	font-size: 28px; color: #4e4e4e; }
.renover a { color: #ffc000;}

#troisasous { width: 100%; float: left;}

.quatreb { float: left; width:100%;   text-align:left; }
.quatreb p { line-height:24px; margin-right: 10px;
    margin-left: 20px; }
.quatreb h2 { margin-left: 20px; }
.quatrea { float: left; width:100%; margin-right: 0%; }
.quatreaa { float: left; width:100%;  }
.quatreabc { float: left; width:100%; margin-right: 0%; margin-left: 0%;  }
.quatreabb { float: left; width:100%;  }

.quatreab { float: left; width:100%; padding-top: 20px; padding-bottom: 20px; display: none; }

.entreprise { float: left; width:100%; background:#FFF; border: 1px solid #e6e6e6; }
.entreprisea { float: left; width:100%; margin-right: 0%; margin-left: 0%; padding-top: 50px;  }

.blocboutons { float: left; width:100%; margin-right: 0%; margin-left: 0%; }

.boutons { float: left; width:90%; margin-left: 5%; margin-bottom: 50px; margin-top: 20px;  }
.boutonentreprise {   }

.boutonl { }

.boutonl a { float: left; width:100%; -moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;  border: 1px solid #CCC;  line-height:58px; text-decoration: none; font-size:18px; font-weight: bold; color: #666; text-transform: uppercase;   }


.boutoncentre {  }
.boutoncentre a { float: left; width:100%;  -moz-border-radius:7px;
-webkit-border-radius:7px;  line-height:58px; margin-right: 0%; margin-left:0%; margin-top:20px; margin-bottom: 20px;
border-radius:7px; border: 1px solid #CCC; text-decoration: none; font-size:18px; font-weight: bold; color:#666; text-transform: uppercase; }


.icone { float: left; width:auto;  line-height:58px; margin: 5px 0px 5px 5px;   }
.centreb { text-align:center; margin-right: auto; margin-left: auto;  }
.centrec { text-align:center; margin-right: auto; margin-left: auto; width:90%;  }

.expertok { float: left; width:100%; margin-top: 50px; margin-bottom: 50px; background:#FFF;     border: 1px solid #e6e6e6; }
.experta { float: left; width:100%; float: left; text-align:left; padding:0%; }
.expertb { float: left; width:100%; float: left; text-align: center;}
.experta p { margin-left: 20px; line-height: 28px; 	margin-right: 20px;
  }
.experta h2 {
	margin-left: 20px;
	color: #4e4e4e;
	font-size: 18px;
}

.ajoutez { float: left; width:100%; margin-top: 50px; margin-bottom: 50px; background:#FFF; padding-top: 40px; padding-bottom: 40px; text-align: center;     border: 1px solid #e6e6e6; }
.ajoutez h2 {
	color: #4e4e4e;
}
.ajoutez p { line-height: 28px; margin-right: 10px; margin-left: 10px; }
		
.villea { width:100; float: left; text-align: center;}
.villeb { width:100%; margin-left: 0%; float: left;}
.villeba { width:100%; float: left;}
.villebb { width:100%;  float: left;}
.service { width:100%;  float: left;}
.service a { line-height: 30px; color:#333; }

.boutonsoumission a { padding:10px 25px 10px 25px; line-height: 30px; background: #86ce31; margin-top: 20px; -moz-border-radius:7px;
-webkit-border-radius:7px; color:#FFF; box-shadow: 4px 4px 6px #aaa;
border-radius:7px; text-decoration:none; margin-bottom: 30px; margin-left: 0%; }

#principal #quatre .centre .entreprise .entreprisea .quatreb h3 {
	color: #ffc000;
}
#principal #quatre .centre .entreprise .entreprisea .quatreb h2 {
	color: #4e4e4e;
}
#principal #cinq .centre .villeb .villeba h2 {
	color: #4e4e4e;
}
.quatreb h2 {
	margin-left: 10px;
}
.quatreb h3 {
	margin-left: 10px;
}

.entreprisegris { float: left; width:100%; background:#f4f4f4; padding-top:50px;  padding-bottom:50px;
}
#normal { width: 80%; margin-right: auto; margin-left: auto;}
#narticles img { width: 100%; float: left; }
#narticles { width: 80%; margin-right: auto; margin-left: auto;}
#narticles li { color:#666; line-height: 28px; margin-bottom: 20px; margin-top: 20px;}

.cent { width:100%; float: left;}
.centphoto img { max-height:200px; width:auto; float:left; text-align: center;}
.centphoto { width:100%; float: left; padding:0px; }

.deuxblocs { width:100%; float: left; padding:0px; }
.un { width:100%; float: left; padding:0px; }
.deux { width:100%; float: left; padding:0px; }
.boutonbas  { margin-bottom: 40px; margin-top:60px;  }
.boutonbas  a { background:#ffc000; padding: 15px 40px 15px 40px; color: #303030; text-decoration: none; margin-bottom: 40px; margin-top: 40px;  }

.troisquart a { color:#FC0;}

.quatreb h2 {
    margin-left: 20px;
}
.quatreb p {
    margin-left: 20px;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
.centre { width:90%; margin-right: auto; margin-left: auto;}
.centresix { width:100%; margin-right: auto; margin-left: auto;}
#articleb { float: left; width:100%; margin-right: 0%; margin-left:0%; margin-top: 20px; margin-bottom: 20px;  border: 1px solid #CCC;}


.troisquart { float: left; width:100%; margin-right: 0%; padding-top: 50px; text-align:left; }
.quart { float: left; width:100%; padding-top:50px; }

.quartb { float: left; width:100%; margin-top: 30px; display: none; }
.quartba { float: left; width:100%; }
.quartbb { float: left; width:100%; margin-right:0%; margin-left: 0%; }
.quartbc { float: left; width:100%; }
.quatreb { float: left; width:100%;   text-align:left; }

.quatrea { float: left; width:100%; margin-right: 0%; }

.quatreabc { float: left; width:100%; margin-right: 0%; margin-left: 0%;  }
.quatreabb { float: left; width:100%;  }

.entreprisea { float: left; width:100%; margin-right: 0%; margin-left: 0%; padding-top: 50px;  }
.blocboutons { float: left; width:100%; margin-right: 0%; margin-left: 0%; }
.boutonl a { width:100%;  }
.boutoncentre a { width:100%;  margin-top:20px; margin-bottom: 20px;  }
.experta { float: left; width:90%; float: left; text-align:left; padding:5%; }
.expertb { float: left; width:100%; float: left; }

.villea { width:100%; float: left;}
.villeb { width:100%; margin-left: 0%; float: left;}

.service { width:100%;  float: left;}

.ajoutez p { line-height: 28px; margin-right: 10px; margin-left: 10px; }

.quatreb p { line-height:24px; margin-right: 10px;
    margin-left: 10px; }
.quatreab { float: left; width:100%; padding-top: 20px; padding-bottom: 20px; display: none; }

.experta h2 {
	margin-left: 20px;
	color: #4e4e4e;
	font-size: 18px;
}
.villea { width:100; float: left; text-align: center;}
.villeb { width:100%; margin-left: 0%; float: left;}
}

@media only screen and (min-width: 769px) {	
.centre { width:90%; margin-right: auto; margin-left: auto;}
.centresix { width:90%; margin-right: auto; margin-left: auto;}

.renovation { width:90%; margin-right: auto; margin-left: auto;}
.renovation a { width:33%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }

.entrepreneur { width:90%; margin-right: auto; margin-left: auto;}
.entrepreneur a { width:50%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }



#logo  { width:100%; float: left; text-align:center;}
#menu  { width:100%; float: left; height:84px;}
#soumission  { width:100%; float: left; padding-top: 25px; display:none;}
.lien { }
.lien a { color:#CCC; line-height:84px; text-decoration: none; float: left; text-align:center; width:16%; }
.lien a:hover { color:#ffcc00;  }

.blocservice { width:30%; float: left; margin-bottom:50px;}
.blocservicec { width:30%; margin-right: 5%; margin-left: 5%; float: left;  margin-bottom:50px;}
.cinqa  { width: 50%; float: left;}
.cinqb  { width: 50%; float: left;}
.boutona a { float: left; width:45%; margin-right:5%; line-height:50px; background:#ffcc00; text-align:center; text-decoration: none; color:#F8F8F8; }
#articlea { float: left; width:30%; border: 1px solid #CCC;  }
#articleb { float: left; width:30%; margin-right: 4%; margin-left:4%; margin-top: 0px; margin-bottom: 0px;  border: 1px solid #CCC;}
#articlec { float: left; width:30%; border: 1px solid #CCC;}

.centresix { width:90%; margin-right: auto; margin-left: auto;}
.lienexpert  { text-align:center; width:30%; float: left; line-height: 50px; text-decoration:none; color:#FFF; }
.lienexpertc  { text-align:center; width:30%; margin-left:5%; margin-right: 5%; float: left; line-height:50px;  text-decoration:none; color:#FFF;}

.titreg { font-size:25px; line-height: 50px; color:#FFF; text-align:center;}
#creation  { width: 100%; float: left; height:50px; background: #383838;}

.moitie { float: left; width:50%; height:50px; text-align:left;}
.moitieb{ float: left; width:50%; height:50px; text-align:right;}

.quatreb p { line-height:24px; margin-right:10px;
    margin-left: 10px; }
.quatreab { float: left; width:100%; padding-top: 20px; padding-bottom: 20px; display: none; }
.experta h2 {
	margin-left: 20px;
	color: #4e4e4e;
	font-size: 22px;
}
.quatreb h2 {
	margin-left: 10px;
}
.quatreb h3 {
	margin-left:10px;
}
.villea { width:100; float: left; text-align: center;}
.villeb { width:100%; margin-left: 0%; float: left;}
#narticles img { width: 100%; float: left; }
#narticles { width: 80%; margin-right: auto; margin-left: auto;}

#premier  {  padding-bottom:0px;}
#fil  {  display: block;}

}

@media only screen and (min-width: 1024px) {	

.basa { width:30%; float: left; color: #999999; line-height:22px;}
.basb { width:30%; margin-right:5%; margin-left: 5%; float: left; padding-top: 10px; }
#articleb { float: left; width:30%; margin-right: 4%; margin-left:4%; margin-top: 0px; margin-bottom: 0px;  border: 1px solid #CCC;}


.ajoutez p { line-height: 28px; margin-right: 200px; margin-left: 200px; }

.boutons { float: left; width:100%; margin-left: 0%; margin-bottom: 50px; margin-top: 20px;  }

.troisquart { float: left; width:65%; margin-right: 5%; padding-top: 50px; text-align:left; }
.quart { float: left; width:30%; padding-top:50px; }

.quartb { float: left; width:100%; margin-top: 30px; display: block; }
.quartba { float: left; width:100%; }
.quartbb { float: left; width:100%; margin-right: 0%; margin-left: 0%; }
.quartbc { float: left; width:100%; }
.quatreb { float: left; width:100%;   text-align:left; }
.quatrea { float: left; width:100%; margin-right: 0%; }
.quatreabc { float: left; width:100%; margin-right: 0%; margin-left: 0%;  }
.quatreabb { float: left; width:100%;  }
.entreprisea { float: left; width:100%; margin-right: 0%; margin-left: 0%; padding-top: 50px;  }
.blocboutons { float: left;     width: 94%;
    margin-right: 3%;
    margin-left: 3%; }
.boutonl a { width:30%; font-size:18px;  }
.boutoncentre a { float: left; width:30%;  -moz-border-radius:7px;
-webkit-border-radius:7px;  line-height:58px; margin-right: 4%; margin-left:4%; margin-top:0px; margin-bottom: 0px;
border-radius:7px; border: 1px solid #CCC; text-decoration: none; font-size:18px; font-weight: bold; color:#666; text-transform: uppercase; }

.icone { float: left; width:auto;  line-height:58px; margin: 5px 0px 5px 5px;   }
.experta { float: left; width:60%; float: left; text-align:left; padding:5%; }
.expertb { float: left; width:30%; float: left; }
.villea { width:35%; float: left; text-align:center;}
.villeb { width:60%; margin-left: 5%; float: left;}
.service { width:50%;  float: left;}

.quatreb p { line-height:24px; margin-right: 0px;
    margin-left: 0px; }
.quatreab { float: left; width:100%; padding-top: 20px; padding-bottom: 20px; display: block; }
.experta h2 {
	margin-left: 20px;
	color: #4e4e4e;
	font-size: 22px;
}

.centrec { text-align:center; margin-right: auto; margin-left: auto; width:70%;  }
.quatreb h2 {
	margin-left:20px;
	margin-right: 20px;
}
.quatreb p {
	margin-left:20px;
	margin-right: 20px;

}
.quatreb h3 {
	margin-left:0px;
}
.villea { width:50%; float: left; text-align: center;}
.villeb { width:50%; margin-left: 0%; float: left;}
#narticles img { width: 50%; float: left; padding:15px 35px 15px 0px; }
#narticles { width: 80%; margin-right: auto; margin-left: auto;}


.blocarticlea  { float: left; width:100%; text-align:center;}
.imagearticlea  { float: left; width:35%; text-align:center;}
.textearticlea  { float: left; width:55%; text-align:left; padding-left: 5%; }
.deuxblocs { width:100%; float: left; padding:0px; }
.un { width:50%; float: left; padding:0px; }
.deux { width:45%; margin-left:5%; float: left; padding:0px; }

#logo  { width:30%; float: left; text-align:left;}
#menu  { width:70%; float: left; height:84px;}
#soumission  { width:10%; float: left; padding-top: 25px; display:none;}
#troisa h1 {
	text-align: center;
	font-size: 40px;
	color: #333;
}
.stitrea {  font-size:30px;}

}


@media only screen and (min-width: 1232px) {
.renovation a { width:20%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }


.entrepreneur a { width:50%; float: left; line-height: 28px; padding:0; margin-top:0px; margin-bottom: 0px; text-decoration: none; color:#666;  }


#soumission  { width:10%; float: left; padding-top: 25px; display:block;}
#menu  { width:60%; float: left; height:84px;}
#six  {
	width: 100%;
	float: left;
	background-image:url(images/renovation-arriere.jpg);
	background-color: none;
	padding-top: 40px;
	padding-bottom: 40px;
}
.centresix { width:50%; margin-right: auto; margin-left: auto;}
.centre { width:70%; margin-right: auto; margin-left: auto;}
#articleb { float: left; width:30%; margin-right: 4%; margin-left:4%; margin-top: 0px; margin-bottom: 0px;  border: 1px solid #CCC;}
.quatreb p { line-height:24px; margin-right: 20px;
    margin-left: 20px; }
.quatreab { float: left; width:100%; padding-top: 20px; padding-bottom: 20px; display: block; }
.experta h2 {
	margin-left: 20px;
	color: #4e4e4e;
	font-size: 22px;
}


.quartb { float: left; width:100%; margin-top: 30px; display: block; }
.quartba { float: left; width:30%; }
.quartbb { float: left; width:30%; margin-right: 5%; margin-left: 5%; }
.quartbc { float: left; width:30%; }
.quatreb { float: left; width:65%;   text-align:left; }
.quatrea { float: left; width:30%; margin-right: 5%; }
.quatreabc { float: left; width:30%; margin-right: 5%; margin-left: 5%;  }
.quatreabb { float: left; width:30%;  }
.entreprisea { float: left; width:80%; margin-right: 10%; margin-left: 10%; padding-top: 50px;  }
.blocboutons { float: left; width:80%; margin-right: 10%; margin-left: 10%; }
.boutonl a { width:30%; font-size:18px; }
.boutoncentre a { float: left; width:30%;  -moz-border-radius:7px;
-webkit-border-radius:7px;  line-height:58px; margin-right: 4%; margin-left:4%; margin-top:0px; margin-bottom: 0px;
border-radius:7px; border: 1px solid #CCC; text-decoration: none; font-size:18px; font-weight: bold; color:#666; text-transform: uppercase; }
.villea { width:40%; float: left; text-align: left;}
.villeb { width:55%; margin-left: 5%; float: left;}

#narticles img { width: 50%; float: left; padding:15px 35px 15px 0px; }
#narticles { width: 80%; margin-right: auto; margin-left: auto;}

.blocarticlea  { float: left; width:100%; text-align:center;}
.imagearticlea  { float: left; width:35%; text-align:center;}
.textearticlea  { float: left; width:55%; text-align:left;  padding-left: 5%;}

.deuxblocs { width:100%; float: left; padding:0px; }
.un { width:50%; float: left; padding:0px; }
.deux { width:45%; margin-left:5%; float: left; padding:0px; }
}