@import url(css/reset.css);

/* @autor : Jérémy Durupt, Olpan */
/* @date : Décembre 2011 */
/* @todo :  */

/* ----------------------------- */
/* = Summary */
/* ----------------------------- */
/* 1- Color codes */
/* 2- Header */
/* 3- Container */
/* 3-1 Actus */
/* 3-2 Fiche */
/* 3-3 Contact */
/* 4- Footer */
/* 4-1 Footer1 */
/* 4-2 Footer2 */

/* ----------------------------- */
/* = Color codes */
/* ----------------------------- */
/*
Black (text): #58585a
Blue : #a6d4c8
Red : #ff3030
*/

@font-face {
	font-family: 'ScriptMTStd-Bold';
	src: url('../typos/ScriptMTStd-Bold.otf') format('truetype');
}

html, body {height:100%;}
#container{
	min-height: 100%;
    position: relative;
}

p {font-family:"Helvetica"; font-size:12px; color:#58585a; line-height:14px;}
.red {color:#ff3030; text-decoration:none;}
.italic{font-style:italic;}
.clear{clear:both; visibility:hidden; margin-bottom:10px;}

.pagination{text-align:center; margin-bottom:20px;}
.paginationInac{color:#58585a; text-decoration:none;}


/* ----------------------------- */
/* ----------------------------- */
/* = Header */
/* ----------------------------- */
/* ----------------------------- */

#header {
	height:85px; 
	/*background:url(../images/patern_header.jpg); */
	background-color:black;
	position:absolute; 
	width:100%; 
	z-index:1000;
}
#header-inner {width:940px; margin:0 auto; position:relative;}
#logo {height:85px; width:200px; float:left;}
#menu {float:right; height:85px; font-family:"Helvetica";}
#menu li{float:left; margin-left:50px; padding-top:35px;}
#menu li a{color:#C6C6C6; text-decoration:none;}
#menu li a:hover{color:white; text-decoration:none;}




/* ----------------------------- */
/* ----------------------------- */
/* = Container */
/* ----------------------------- */
/* ----------------------------- */


#container {background:url(../images/patern_contenu.jpg);}
#container-inner-940 {width:940px; margin:0 auto; position:relative; padding-top:90px; padding-bottom:324px; }
#container-inner-980 {width:980px; margin:0 auto; position:relative; padding-top:90px; padding-bottom:324px;}




/* ----------------------------- */
/* = Index */
/* ----------------------------- */

#animHome{margin-top:20px;}

#colLeft{width:220px; float:left; margin-top:240px;}

#colCenter{width:460px; float:left; margin:0 20px 0 20px;}
.imgCenter{
	display:block; 
	margin:0 0 20px 240px;
}

#imgMail{display:block; margin-top:20px;}

#colRight{width:220px; float:left;}
.imgRight1{display:block; margin:80px 0 20px 0; width:140px; height:140px;}
.imgRight{display:block; margin:0 0 20px 0;}

/* FlipBox */
#flipbox{background-color:#999;}
#flipbox2{background-color:#999;}




/* ----------------------------- */
/* = Actus */
/* ----------------------------- */

.img-actu {
	width:290px; 
	height:190px; 
	background-color:black;
	border:5px solid white; 
	box-shadow: 1px 1px 5px #444;
}
.actu {width:300px; float:left; padding:20px 0 0 20px; }
#actu2 {margin:20px 20px 0 20px;}
.txt-actu {padding:0 5px 0 5px;}



/* ----------------------------- */
/* = Partenaires */
/* ----------------------------- */

#partenaires{margin-left:30px;}
#logoPartenaire{
	display:block;
	margin:20px;
	float:left;
	border:1px solid #58585a;
}




/* ----------------------------- */
/* = Fiche Produit */
/* ----------------------------- */

.fiche-titre {
	text-align:center; 
	font-family:"ScriptMTStd-Bold","Helvetica"; 
	font-size:35px; color:#393939; 
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding:15px 0 20px 0; 
	margin:0 auto; 
	width:600px;
}
.fiche-sstitre {
	text-align:center; 
	font-family:"Helvetica"; 
	font-style:italic; 
	font-size:18px; 
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding:10px 0 15px 0; 
	margin:0 auto; 
	width:600px;
}
.dakao {display:block; margin:0 auto; width:75px; height:50px; margin-top:-25px;}
.fiche-details {margin-top:20px; height:380px;}
.fiche-image1, .fiche-image2, .fiche-image3 {float:left;}
.fiche-image2 {margin:0 20px 0 20px;}
.fiche-description {
	width:460px; 
	height:210px; 
	float:left; 
	margin:20px 0 0 20px;
	font-family:"Helvetica"; font-size:14px; color:#58585a; line-height:16px;
}
.fleur {padding-right:5px;}
.fiche-rs {clear:both; text-align:center; margin-top:30px;}
.fiche-details2 {width:480px; margin:0 auto;}
.autres-realisations-titre {
	text-align:center; 
	font-family:"Helvetica"; 
	font-style:italic; 
	font-size:18px; 
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding-bottom:10px; 
	margin-top:25px; 
	width:480px;
}
.autres-realisations{
	margin:15px 0 15px 0;
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding-bottom:10px;
	height:105px;
	text-align:center;
}
.autres-realisations-visus{display:inline-block}
.fiche-image-autre {float:left; margin:0 10px 0 10px;}





/* ----------------------------- */
/* = Fiche Client */
/* ----------------------------- */

h4 {font-family:"Helvetica"; font-size:18px; margin:18px 0 5px 0; padding:0 5px 0 5px;}
.prod-titre{color:#393939; text-decoration:none;}
.prod-titre:hover{color:black; text-decoration:none;}




/* ----------------------------- */
/* = Real */
/* ----------------------------- */

#colLeftReal{width:140px; float:left; margin-left:80px;}
#imgLeftReal{display:block; margin:100px 0 20px 0;}
#teamCenterReal {display:block; margin:0 0 20px 20px; float:right;}
#teamCenterReal4 {display:block; float:right;}
#teamCenterReal2{display:block; float:left; margin-top:20px;}
#teamCenterReal5{display:block; float:left; margin:20px 0 0 20px;}
#teamCenterReal3{display:block; margin:20px 0 0 320px;}
#imgRightReal{margin:20px 0 100px 0;}
.vignettes {display:block;}





/* ----------------------------- */
/* = Team */
/* ----------------------------- */

#poleAdmin {margin-top:240px; display:block;}





/* ----------------------------- */
/* = Strombi */
/* ----------------------------- */

#strombi {margin-top:40px;}
#strombiDirection {margin-top:40px; margin-left:250px;}
#strombi3 {margin-top:40px; margin-left:120px;}
.imgStrombiM{float:left; margin-right:46px;}
.imgStrombi{float:left;}
.imgStrombiPAO{float:left; margin-right:44px;}
.strombiNom{
	text-align:center; 
	font-family:"ScriptMTStd-Bold","Helvetica"; 
	font-size:25px; 
	color:#393939; 
	margin:25px 0 10px 0;
}
.strombiEmail{text-align:center; font-size:15px;}
.strombiMailTo{text-decoration:none; color:#58585a;}
.strombiMailTo:hover{color:#ff3030;}
#evenementiel{display:block; margin-top:20px; float:right;}
#commercial{display:block; margin-top:20px; float:left;}
.services{
	clear:both;
	text-align:center; 
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding-bottom:40px; 
	width:480px;
}

#strombiEvent{margin-top:40px; margin-left:370px;}
.imgStr{ border:1px solid #58585a;} 


/* ----------------------------- */
/* = Contact */
/* ----------------------------- */

/* Formulaire */

#formulaire {margin-top:20px; width:300px; float:left;}
.input, .label {font-size:18px; font-family:"Helvetica";}
.label {color:#58585a;}
.input {
	width:290px; 
	margin:10px 0 15px 0; 
	border:0px; 
	background-color:#c1ebe0; 
	padding:5px;
}
#message {
	width:290px; 
	height: 155px; 
	font-size:14px; 
	font-family:"Helvetica";
	border:0px; 
	background-color:#c1ebe0; 
	padding:5px;
	margin:10px 0 15px 0; 
}
.champs{position: relative;}
.false{ position: absolute; width: 16px; height: 18px; background:url(../images/croix.png) no-repeat; top:35px; left: 305px;}

/* Bloc adresse */

#map {width:490px; float:left; margin:20px 0 0 150px;}
#block-adresse {width:490px; float:left; margin:20px 0 0 150px;}

#adresse {
	float:left; 
	margin-right:150px;
	font-size:14px; 
	font-family:"Helvetica"; 
	font-style:italic;
}
.adresse-titre {
	font-size:20px; 
	font-style:normal;
	font-family:"ScriptMTStd-Bold","Helvetica"; 
}

.rscontactlogo {display:block; width:35px; height:35px; float:left; margin-right:10px;}
#rscontactfacebook {background:url(../images/icon_facebook_35_noir.png);}
#rscontactfacebook:hover {background:url(../images/icon_facebook_35.png);}
#rscontacttwitter {background:url(../images/icon_twitter_35_noir.png);}
#rscontacttwitter:hover {background:url(../images/icon_twitter_35.png);}
#rscontactgoogleplus {background:url(../images/icon_google_35_noir.png);}
#rscontactgoogleplus:hover {background:url(../images/icon_google_35.png);}
#rscontactviadeo {background:url(../images/icon_viadeo_35_noir.png);}
#rscontactviadeo:hover {background:url(../images/icon_viadeo_35.png);}

.cdv {float:left; margin-top:20px;}
#cdv1 {margin-right:10px;}
#cdv2 {margin-left:125px;}



/* ----------------------------- */
/* ----------------------------- */
/* = Footer */
/* ----------------------------- */
/* ----------------------------- */

#footer{ clear:both; width:100%; padding-top:20px; position: absolute;
    bottom: 0;}
/*#footer{position:absolute; width:100%;}*/





/* ----------------------------- */
/* = Footer1 */
/* ----------------------------- */

#footer1 {
	height:280px; 
	background:url(../images/patern_footer1.jpg);
	box-shadow: 0 3px 6px #aaa inset;
}
#footer1-inner {width:940px; margin:0 auto; position:relative;}
.block-titre {
	text-align:center; 
	font-family:"ScriptMTStd-Bold","Helvetica"; 
	font-size:35px; 
	color:#393939; 
	border-bottom:1px solid #cfcfcf; 
	box-shadow:0 1px 0 white; 
	padding-top:20px; 
	margin-bottom:15px;
} 

/* Block2 */
#block2 {width:640px;margin:0 auto;}
#block2-titre {width:620px;}
.block-image-lastwork {
	width:134px; 
	height:84px; 
	border:3px solid white; 
	float:left; 
	box-shadow: 3px 3px 4px #aaa;
	margin:0 20px 10px 0;
}

/* Block3 */

#block3 {width:300px;float:left;}

#form-newsletter {margin:20px 0 80px 20px;}
.ok {
	background:transparent url('../images/ok.png') no-repeat top left; 
	width:32px; 
	height:29px; 
	border:none; 
	cursor:pointer;
	float:left;
	margin:1px 0 0 -32px;
}
#newsletterInput {
	background:transparent url('../images/newsletter.png') no-repeat top left; 
	border:0px;
	padding:5px 0 5px 5px;
	height:22px;
	float:left;
	width:193px;
}
#delNews{
	clear:both;
	margin:0 50px;
	width:200px; 
	height:70px;
	background-color:#a6d4c8;
	position:relative;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 4px #aaa;
}
#pDelNews{
	text-align:center; 
	margin-top:10px;
	font-size:16px; 
	font-family:"Helvetica"; 
	text-transform : uppercase;
	padding-top:19px;
	line-height:20px;
}
#aDelNews{
	color:black;
	text-decoration:none;
}

/* ----------------------------- */
/* = Footer2 */
/* ----------------------------- */

#footer2 {height:44px; background-color:#1b1b1b;}
#footer2-inner {width:940px; margin:0 auto; position:relative;}
#RSfooter {padding-top:9px; float:left;}
.rsfooterlogo {padding-right:5px;}
#copyright-txt {
	float:right; 
	color:#a6d4c8; 
	font-family:"Helvetica"; 
	font-size:12px; 
	padding-top:15px;
}