body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#202020;
	text-align:left;
	padding:0px;
	margin:0px;
	height:100%;
	background-color:#FFF;
}

html {
	overflow-y: scroll;
	height:100%;
}

td {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#202020;
	text-align:left;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

textarea
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#222;
	padding:5px;
	border:1px solid #CCC;
	resize:none;
}
textarea.autoclean { color:#888; }
textarea.black { color:#222; }
textarea.contactinput { width:320px; height:90px; margin-top:3px; }
input
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#222;
	padding:5px;
	border:1px solid #CCC;
}
input.autoclean { color:#888; }
input.black { color:#222; }
input.contactinput { width:320px; }

select
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#202020;
	padding:5px;
}

img {
	vertical-align:middle;
	border:0px;
}

p {
	line-height:18x;
	text-align:left;
	margin-bottom:10px;
	font-family: 'Open Sans', cursive;
	font-size:14px;
	font-weight:400;
	color:#333;
	text-align:justify;
}

p strong {
	font-weight:600; color:#000;
}

.smallp { font-size:13px; color:#888; text-align:justify; }

ul {
	line-height:20px;
	text-align:justify;
	margin-bottom:10px;
	margin-left:0px;
	padding-left:0px;
}

li {
	margin-left:0px;
	padding-left:30px;
	list-style-type:none;
	background-image:url(../images/iconsv3/li.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

a {
	text-decoration:none;
	color:#ea3a78;
}

a:hover {
	color:#666;
}

h1, h2.h1like {
	position:relative;
	margin:0px;
	padding:0px;
	color:#000;
	font-size:20px;
	font-family: 'Open Sans', cursive;
	font-size:30px;
	font-weight:400;
	z-index:50;
	color:#333;
	margin-top:30px;
	padding-bottom:30px;
	margin-bottom:10px;
	border-bottom:1px solid #DDD;
	line-height:22px;

}
h1 span, h2.h1like span { font-size:18px; color:#888; font-weight:400; }

.separator { height:25px; margin-bottom:15px; border-bottom:1px solid #DDD; }

h2 {
	margin:0px;
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:18px;
	font-family: 'Open Sans', cursive;
	font-weight:400;
	color:#E20633; /*ea3a78*/
	line-height:17px;
}
h2.bleu { color:#2bcfed; }
h2.jaune { color:#ffcc00; font-weight:400; }
h2.vert { color:#08c152; font-weight:400; }
h2.orange { color:#FD8000; }
h3.vert { font-weight:600; color:#333; }

h2 span, h3 span { font-size:13px; color:#888; font-weight:400; text-shadow:0 0 0; }

h2 img, h3 img { float:left; padding-top:7px; }

h2 img, h3 img, .icon {
	margin-top:-5px;
	margin-right:10px;
}

.projects h2, .news h2 { color:#E20633; }

h3 {
	margin:0px;
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
}

.clear {
	clear:both;
}

.main-column {
	width:1000px;
	margin:0px auto;
}

.logo {
	text-align:center;
}
.logo img { width:180px; }
.logo img:hover { opacity:0.7; }

.logo2 { margin-top:-10px; }
.logo2 img { width:140px; }

.header {
	position:relative;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	background-image:url(../images/headerbg.png);
}

.menu {
	position:relative;
	z-index:10;
	border-top:1px solid #DDD;
	margin-top:0px;
}

.menu-item {
	float:left;
	width:178px;
	height:20px;
	padding-top:20px;
	padding-bottom:40px;
	padding-left:20px;
	color:#222;
	text-align:left;
	font-size:14px;
	font-weight:400;
}

.menuimg { float:left; width:42px; position:relative; z-index:11; }

.menu-item strong { position:relative; z-index:11; }
.menu-item span { color:#AAA; position:relative; z-index:11; font-size:12px; }

.menu-item:hover, .menu-item:hover img {
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}

.menucolor { position:absolute; height:4px; width:198px; margin-top:-22px; margin-left:-15px; z-index:13; }
#menucolor1 { background-color:#E20633; }
#menucolor2 { background-color:#2bcfed; }
#menucolor3 { background-color:#01D758; }
#menucolor4 { background-color:#ffcc00; }
#menucolor5 { background-color:#fd8000; }

#menu1:hover, #menu1.menu-active { color:#E20633; }
#menu2:hover, #menu2.menu-active { color:#2bcfed; }
#menu3:hover, #menu3.menu-active { color:#01D758; }
#menu4:hover, #menu4.menu-active { color:#ffcc00; }
#menu5:hover, #menu5.menu-active { color:#fd8000; }

.couleur1 { color:#E20633; }
.couleur2 { color:#2bcfed; }
.couleur3 { color:#01D758; }
.couleur4 { color:#ffcc00; }
.couleur5 { color:#fd8000; }
.couleur6, .couleur7 { color:#AAA; }

.bgcouleur1 { background-color:#E20633; }
.bgcouleur2 { background-color:#2bcfed; }
.bgcouleur3 { background-color:#01D758; }
.bgcouleur4 { background-color:#ffcc00; }
.bgcouleur5 { background-color:#fd8000; }
.bgcouleur6, .bgcouleur7 { background-color:#AAA; }

/*.menu-active span { color:#E20633; }
.menu-active strong { color:#FFF; }*/

.carre-noir { display:none; position:absolute; z-index:10; background-color:#E20633; border-radius:2px; width:198px; height:80px; margin-left:-20px; margin-top:-20px; }
.menu-active .carre-noir { display:block; display:none; }
#carre1 { background-color:#E20633; }
#carre2 { background-color:#2bcfed; }
#carre3 { background-color:#01D758; }
#carre4 { background-color:#ffcc00; }
#carre5 { background-color:#fd8000; }

.menu-item img { opacity:0.5; }
.menu-active img, .menu-item:hover img { opacity:1.0; }

.slider {
	width:100%;
	height:250px;
	position:relative;
	z-index:8;
	margin-top:0px;
	overflow:hidden;
}

.slider_item { display:none; position:absolute; z-index:9; height:250px; }
#si1 { display:block; }

.slider_texte { position:absolute; z-index:12; background-image:url(../images/bgblack.png); padding:15px; width:300px; margin-left:660px; margin-top:35px; box-shadow:0px 0px 0px #444; border-radius:1px 1px 0px 0px; }
.slider_texte strong { color:#FFF; font-family: 'Open Sans', cursive; font-size:16px; font-weight:300; }
.slider_texte span { color:#AAA; }

.content {
	/*background:url(../images/texture5.jpg);*/
	padding-top:20px;
	padding-bottom:20px;
}

.content .main-column {
	width:990px;
}

.content .fond_gris { background-color:#EEE; padding:20px; margin-bottom:20px; }
.content .fond_gris2 { background-color:#DDD; padding:20px; margin-bottom:20px; margin-top:20px; }
.content .fond_blanc { background-color:#FFF; padding:20px; }
.content .fond_noir { background-color:#333; padding:20px; margin-bottom:20px; }
.content .fond_rose { background-color:#E20633; padding:20px; margin-bottom:30px; }
.content .fond_bleu { background-color:#2bcfed; padding:20px; margin-bottom:20px; }
.content .fond_jaune { background-color:#ffcc00; padding:20px; margin-bottom:20px; }

.colonne1 {
	float:left;
	width:49%;
	margin-right:1%;
}

.colonne2 {
	float:left;
	width:49%;
	margin-left:1%;
}
.colonne2contact { width:340px; float:right; padding-right:80px; }
.souscolonnecontact { width:50%; float:right; }

.article_item { float:left; border:1px solid #CCC; padding:20px; width:447px; margin-right:12px; margin-bottom:12px; height:200px; }
.article_item.last { margin-right:0px; }
.article_image { float:left; margin:-20px; width:120px; height:240px; background-color:#F6F6F6; margin-right:15px; }
.article_item h2 { margin-top:0px; padding-top:0px; }

.offre_item { float:left; border:1px solid #CCC; padding:20px; width:447px; margin-right:12px; margin-bottom:12px; height:150px; }
.offre_item:hover { cursor:pointer; background-color:#F8F8F8; }
.offre_item.last { margin-right:0px; }
.offre_image { float:left; margin:-20px; width:100px; height:190px; margin-right:15px; }
.offre_item h2 { margin-top:0px; padding-top:0px; margin-bottom:0; }

.offre_details { border:1px solid #CCC;padding:0px 20px 0px 20px;margin-bottom:12px;margin-top:12px; }

.bouton { position:relative; z-index:100; float:right; background-color:#E20633; color:#FFF; padding:10px 20px 10px 40px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; background-image:url(../images/iconsv3/lien.png); background-repeat:no-repeat; background-position:20px 14px; box-shadow:2px 2px 5px #CCC; margin-top:10px; border:0; }
.referenceS_in .bouton { float:none; margin:0 auto; width:100px; margin-top:95px; }
.bouton_bleu { background-color:#2bcfed; }
.bouton_vert { background-color:#01D758; }
.bouton_jaune { background-color:#ffcc00; }
.bouton_orange { background-color:#FD8000; }
.bouton:hover { opacity:0.8; }
.reference_over .bouton:hover { opacity:1.0; }

.reference_details { float:right;width:45%; }
.reference_navigation { height:1px; background-color:#CCC; margin-top:20px; margin-bottom:20px; }

.colonne33 {
	float:left;
	width:270px;
	height:110px;
	padding-left:20px;
	padding-right:20px;
	background-color:#EEE;
	margin-right:30px;
	margin-top:30px;
	
}
.colonne33.bis { float:none; width:auto; height:auto; padding-top:1px; padding-left:0px; background-color:#FFF; border:1px solid #CCC; border-left:40px solid #CCC; padding-bottom:10px; margin:0px; margin-bottom:17px; cursor:pointer; }
.colonne33.bis h2 { font-weight:600; color:#222; }
.colonne33.bis:hover h2 {  }
.colonne33.bis:hover { border-color:#E20633; background-color:#F8F8F8; }
.colonne33.bis img { margin-left:-25px; margin-bottom:90px; }
.colonne33.last { margin-right:0px; }
.colonne33 h2 { color:#333; margin-bottom:-5px; }
.colonne33 p { text-align:left; }
.colonne33 .icon { margin-bottom:60px; float:left; margin-right:13px; margin-top:15px;}

.bord1 { position:absolute; height:190px; width:10px; margin:-20px -21px; background-color:#E20633; }
.bord2 { position:absolute; height:190px; width:10px; margin:-20px -21px; background-color:#2bcfed; }
.bord3 { position:absolute; height:190px; width:10px; margin:-20px -21px; background-color:#ffcc00; }
.bord4 { position:absolute; height:190px; width:10px; margin:-20px -21px; background-color:#FD8000; }
.bord5 { position:absolute; height:190px; width:10px; margin:-20px -21px; background-color:#FD8000; }

.prix { float:right; color:#E20633; font-size:14px; font-weight:bold; margin-top:0px; }
.prix span { font-weight:400; color:#888; }

p.noborder { border:0px; padding-left:0px; width:100%; }

.colonne25 {
	float:left;
	width:25%;
	text-align:left;
	line-height:20px;
}

.colonne25.first { width:51%; }
.colonne25.last { float:right; }

.slider_titre {
	height:245px;
	overflow:hidden;
	margin-top:0px;
}
.slider_titre img { width:990px; }

.referenceS_out {
	float:left;
	width:318px;
	margin-right:18px;
	margin-bottom:18px;
}
.referenceS_out.last { margin-right:0px; }
.referenceS_in {
	width:316px;
	height:250px;
	border:1px solid #CCC;
	margin-bottom:10px;
	overflow:hidden;
}
.referenceS_in img { width:346px; margin-left:-10px; }

.referenceS_out h2 { font-size:16px; margin:0; padding:0; }
.referenceS_out p { margin:0; padding:0; font-size:13px; text-align:left; }

.referenceM {
	float:left;
	width:493px;
	height:389px;
	border:1px solid #CCC;
	margin-right:18px;
	margin-bottom:18px;
}
.referenceM .slider_item { width:493px; height:389px; }

.bullets { position:absolute; z-index:50; margin-left:850px; margin-top:220px; }
.referenceM .bullets { margin-left:390px; margin-top:350px; }
.bullets img { cursor:pointer; margin-right:-7px; }
.bullets img:hover { opacity:0.7; }

.reference_over {
	position:absolute;
	width:286px;
	height:220px;
	padding:15px;
	background-image:url(../images/bgwhite40.png);
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	opacity:0;
}
.reference_over h2 { color:#222; font-weight:600; margin-top:10px; }
.reference_over p { color:#333; height:100px; font-weight:600; font-size:13px; text-align:left; }
.referenceS_in:hover .reference_over { opacity:1.0; }

.projetR1 {
	float:left;
	border:1px solid #DDD;
	background-color:#FFF;
	height:160px;
	width:46%;
	margin-right:2%;
	margin-bottom:2%;
}

.projetR2 {
	float:left;
	border:1px solid #DDD;
	background-color:#FFF;
	height:180px;
	width:221px;
	margin-right:12px;
	margin-bottom:12px;
}

.projects {
	display:none;
	border-top:1px solid #EEE;
	/*background-color:#FFF;*/ /* DDD */
	min-height:100px;
	padding-top:1px;
	padding-bottom:30px;
	/*background-image:url(../images/degradeL2.png);
	background-repeat:repeat-x;*/
}

.projetS {
	float:left;
	border:1px solid #AAA;
	background-color:#FFF;
	height:100px;
	width:150px;
	margin-right:17px;
	margin-top:15px;
}

.projetS h3 {
	position:absolute;
	margin-top:77px;
	width:140px;
	height:13px;
	font-size:11px;
	line-height:13px;
	padding:5px;
	background-image:url(../images/bgblack.png);
	color:#FFF;
}

.nomargin {
	margin-right:0px;
}

.news {
	border-top:1px solid #DDD;
	background-color:#F6F6F6;
	/*background-color:#FFF;*/ /* DDD */
	min-height:100px;
	padding-top:0px;
	padding-bottom:30px;
	/*background-image:url(../images/degradeL.png);
	background-repeat:repeat-x;*/
}

.contact {
	background-color:#333;
	padding-top:10px;
	padding-bottom:30px;
	margin-top:30px;
	border-top:4px solid #E20633;
	color:#AAA;
	text-align:center;
	background-image:url(../images/z.png);
	background-repeat:no-repeat;
	background-position:700px -50px;
}
.contact p { color:#AAA; font-size:13px;  }
.contact h3 { color:#EEE; font-size:18px; font-weight:300; }
.contact a { color:#EEE; }
.contact a:hover { color:#E20633; }
.contact .colonne25.first h3 { float:left; }
.contact .colonne25.first img { width:70px; opacity:0.9; margin-top:16px; margin-left:7px; }

.contact p, .contact img { position:relative; z-index:11; }
.carrerose { position:absolute; z-index:10; width:160px; height:35px; margin-left:-10px; margin-top:-2px; background-color:#E20633; -webkit-transform:rotate(-3deg); border-radius:2px; }

.contact .picto1 { float:left; margin-left:0px; margin-right:15px; padding-bottom:37px;margin-top:3px; }
.contact .picto2 { float:left; margin-right:9px; margin-top:10px;width:26px; }
.contact .picto3 { float:left; margin-right:11px; margin-left:-2px; padding-bottom:10px; margin-top:12px; width:26px; }

.footer {
	background-color:#222;
	padding-top:30px;
	padding-bottom:30px;
	color:#888;
	text-align:left;
	text-transform:uppercase;
	font-size:10px;
}

.footer .mentions { float:right;margin-top:3px; }

.contact .icon { float:left; margin-right:20px; }

.footer a { color:#AAA; }
.footer a:hover { color:#EEE; }

a.gris { color:#222; }
a.gris:hover { color:#E20633; }
.rose { color:#E20633; }
.vert { color:#01D758; }