@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
/*********/
/*general*/
/*********/
* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
text-decoration: none;
color: #000000;

}
.both {
	clear: both;
	}

.left, #left {
	float: left;
	}
.right, #right {
	float: right;
	}


body {
	background-color: #58585a;
	margin: 0 0 0 0;
	text-align: center;
	background-image:url("/layout/img/fond_body.jpg");
	background-repeat:repeat-x;
	}
	
#general {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
#general #drapeau_fr {
	position:absolute;
	top:12px;
	left:935px;
	z-index:150;
	}
	
#general #drapeau_gb {
	position:absolute;
	top:12px;
	left:960px;
	z-index:150;
	}
	
#encart_bandeau {
	position: absolute;
	top: 158px;
	right: 12px;
	width: 254px;
	height: 63px;
	background-image:url("/layout/img/fond_encart_bandeau.png");
	background-repeat: no-repeat;
	z-index: 10;

	}
#encart_bandeau p{
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 21px;
	margin: 10px 10px 10px 10px;
	text-align: center;
	}

#haut {
	height: 125px;
	background-image:url("/layout/img/fond_haut.jpg");
	background-repeat: no-repeat;
	background-position:bottom;
	}
#haut #logo{
	margin: 16px 0 0 24px!important;
	margin: 16px 0 0 12px;
	float: left;
		}
#haut #menu{
	margin: 53px 0 0 0!important;
	margin: 53px 0 0 0;
	float: right;
		}
#bandeau {
	border: 1px solid #cdcdce;
	background-color: #4d4d4d;
	}
#bandeau_ombre {
	height: 28px;
	background-image:url("/layout/img/ombre_bas_bandeau.png");
	background-repeat: no-repeat;
	background-position:top;
	}


#bas {
	width: 980px;
	background-image:url("/layout/img/logo2.gif");
	background-repeat: no-repeat;
	background-position: 17px 14px;
	height: 95px;
	background-color: #303032;
	}
#bas .gauche {
	float: left;
	width: 300px;
	}
#bas .gauche p{
	color: #acacac;
	font-size: 11px;
	text-align: left;
	margin: 12px 0 0 92px;
	line-height:18px;
	}
#bas .droite{
	width: 600px;
	float: right;
	margin-right: 10px;
	}
#bas .droite p{
	color: #838383;
	font-size: 11px;
	text-align: right;
	margin: 12px 2px 0 0;
	line-height:18px;
	}
#bas .droite p a{
	color: #838383;
	font-size: 11px;
	}
#bas .droite p a.netskiss{
	color: #666666;
	font-size: 11px;
	}
#cadres {
	padding-bottom: 30px;
	}

#cadres div {
	width: 320px;
	height: 167px;
	background-color: #616162;
	border: 1px solid #434345;
	float: left;
	background-repeat:no-repeat;
	background-position: 203px 50px;
	}
#cadres div#c1 {
	margin: 5px 0 5px 0;
	}
#cadres div#c2 {
	margin: 5px 0 5px 7px;
	}
#cadres div#c3 {
	margin: 5px 0 5px 7px;
	}
#cadres div#c4 {
	margin: 5px 0 28px 0;
	}
#cadres div#c5 {
	margin: 5px 0 28px 7px;
	}
#cadres div#c6 {
	margin: 5px 0 28px 7px;
	}
#cadres div h2{
	border-bottom: 1px solid #919191;
	margin: 0 7px 0 7px;
	padding: 5px 11px 5px 11px;
	}
#cadres div p{
	color: #e3e4e4;
	font-size: 12px;
	line-height: 20px;
	margin: 10px 10px 0 21px;
	}
#cadres div p img{
	float: right;
	margin-left: 10px; 
	}
#cadres div p a{
	color: #fff;
	}
#cadres div h2 {
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 24px;
	
	}

/*Page texte*/

#texte h1 {
	border-bottom: 1px solid #a6a6a6;
	margin: 0 16px 0 16px;
	padding: 19px 0 11px 12px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #fff;
	}
#texte h2 {
	margin: 0 28px 0 28px;
	padding: 18px 0 10px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	}
#texte p {
	margin: 5px 28px 0 28px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	}
#texte p b{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	}
#texte p a{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	}
#texte p a:hover{
	text-decoration: none;
	}
#texte img.align_d{
	float: right;
	margin: 20px 25px 20px 25px;
	}
#texte h3 {
	margin: 18px 28px 10px 28px;
	padding: 0 0 0 13px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	background-image:url("/web/img/puce_h3.gif");
	background-repeat:no-repeat;
	background-position: center left;
	}
#texte div.gauche {
	float:left;
	width:500px;
	}
#texte div.droite {
	float:right;
	margin:15px;
	}
#texte #diapo {
	margin: 25px 0 25px 75px;
	}
/* LEXIQUE */
#texte.lexique h1 {
	border-bottom: 1px solid #a6a6a6;
	margin: 0 16px 0 16px;
	padding: 19px 0 11px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	color:#CCCCCC;
	}

/*Contact*/
#texte.contact div.gauche {
	width: 330px;
	float: left;
	}
#texte.contact div.milieu {
	width: 220px;
	float: left;
	}
#texte.contact div.droite {
	width: 425px;
	float: left;

	}

#texte.contact h2 {
	background-image:url("/web/img/icone_email.gif");
	background-repeat:no-repeat;
	background-position: center left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 33px;
	margin: 15px 28px 0 28px;
	}
#texte.contact input {
	width: 190px;
	height: 24px;
	border: 1px solid #bfbfbf;
	line-height: 24px;
	vertical-align: middle;
	padding: 2px;
	font-size: 13px;
	margin-bottom: 5px;
	}
#texte.contact textarea {
	width: 190px;
	height: 76px;
	border: 1px solid #bfbfbf;
	padding: 2px;
	}
#texte.contact td p {
	text-align: right;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
#texte.contact table {
	margin: 0 0 0 10px;
	}
#texte.contact input.bouton {
	width: 121px;
	height: 28px;
	border: none;
	line-height: 28px;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	background-image:url("/web/img/fond_bouton.gif");
	background-repeat:no-repeat;
	padding: 0 0 0 0;
	font-weight: bold;
	margin: 5px 0 0 36px;
	cursor: pointer;
	}
#texte.contact h2.telephone {
	background-image:url("/web/img/icone_telephone.gif");
	background-repeat:no-repeat;
	background-position: center left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 33px;
	margin: 15px 28px 0 0;
	}
#texte.contact h2.adresse {
	background-image:url("/web/img/icone_enveloppe.gif");
	background-repeat:no-repeat;
	background-position: center left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 33px;
	margin: 15px 28px 0 0;
	}
#texte.contact div.milieu p {
	text-align: left;
	padding: 0 0 0 5px;
	}
#texte.contact div.droite iframe {
	margin: 20px 0 0 0;
	}
#texte.contact p.alerte {
	color: #00FFFF;
	font-weight: bold;

	}

/*avant apres*/
#texte.avantapres div.avant {
	float: left;
	width: 400px;
	text-align: right;
	margin: 30px 0 0 30px;
	}
#texte.avantapres div.apres {
	float: right;
	width: 500px;
	text-align: right;
	margin: 30px 30px 0 0;
	}
#texte.avantapres div.avant {
	float: left;
	width: 400px;
	text-align: right;
	}
#texte.avantapres div div {
	background-color: #535354;
	text-align: center;
	}
#texte.avantapres div img {
	margin: 7px 3px 0 0;
	}
#texte.avantapres div div img {
	margin: 0 0 0 0;
	}
/*réalisations*/
#texte.avantapres div.realisation {
	float: left;
	width: 445px;
	text-align: right;
	margin: 30px 0 0 30px;
	}
/*expérience*/
#texte.experience div.realisation {
	float: left;
	width: 445px;
	text-align: right;
	margin: 30px 0 0 30px;
	}
#texte.experience div div {
	background-color: #535354;
	text-align: center;
	}